/**

Trotes do Chupim
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

**/

/****************** Estrutura *********************/
.principal { width: 650px; margin-right: 14px; float:left; }
.menudireito { width: 302px; float:left; }
.principal h2 { padding: 7px; margin-bottom: 4px; color:#000; font: 36px Arial, Helvetica, sans-serif; font-weight:bold;}
.acessados { border: 1px #e0e0e0 solid; padding: 5px;}
.acessados h4 { padding: 3px; margin-bottom: 3px; color:#555; font: 14px Arial, Helvetica, sans-serif; font-weight:bold;}
.ultimos2 { padding: 5px;}
.ultimos2 h4 { padding: 3px 3px 3px 0; margin-bottom: 3px; color:#000; font: 24px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom: 1px #ccc solid; letter-spacing: -1px;}


.video { float:left; margin: 7px 2px; }

.maisvideos { padding: 5px; text-align: right; margin: 5px 0px 20px 0px;}
.testee { padding: 5px; background: #E1FAFF; color: #0971d2; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; }
a.testee:hover { background: #045EBF; padding: 5px; color: #fff; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none;}

/****************** Resultados *********************/

.resultado { float:left; margin: 12px 0; }

.screen { width: 102px; float:left; }
.screen2 { width: 138px; float:left; margin-right: 10px; }
.screen a:link img, .screen a:visited img, .screen2 a:link img, .screen2 a:visited img {border: 4px #fff solid;  }
.screen a:hover img, .screen2 a:hover img {border: 4px #0971d2 solid; }

.info1 { width: 342px; float:left; margin-right: 15px;}
.info1 a { padding: 8px 0 4px 0; }
.info1 a:link , .info1 a:visited {  font: bold 14px Arial, Helvetica, sans-serif; color: #0069FF; text-decoration: none; }
.info1 a:hover { font: bold 14px Arial, Helvetica, sans-serif; color: #0069FF; text-decoration: underline; }
.info1 p { font: 13px Arial, Helvetica, sans-serif; padding: 5px 0;}

.info2 { width: 130px; float: left;}
.info2 p, .info3 p { font: 11px Arial, Helvetica, sans-serif; color: #444;}

.info3 { width: 160px; float:left; margin-left: 10px; padding-top: 3px; }


.video p { font: 12px Arial, sans-serif; color: #000; }
.video p a:link, .video p a:visited { font: 12px Arial, sans-serif; color: #0069FF; font-weight:bold; text-decoration: none; }
.video p a:hover { font: 12px Arial, sans-serif; color: #0069FF; font-weight:bold; text-decoration: underline; }




.paginas { padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; }
.paginas a { padding: 4px 8px; border: solid 1px #ddd; background: #fff; color: #0971d2; margin: 3px; text-decoration:none; }
.paginas a:hover { font-weight: normal; padding: 4px 8px; border: solid 1px #000; background: #0971d2; color: #FFF; margin: 3px;  text-decoration:none;}
.paginas a.ant:hover { margin-right: 17px; text-decoration:none; }
.paginas a.pro:hover { margin-left: 17px; text-decoration:none; }
.paginas span.ant, .paginas a.ant { margin-right: 17px; }
.paginas span.pro, .paginas a.pro { margin-left: 17px; }
.paginas span.ant, .paginas span.pro { padding: 4px 8px; border: solid 1px #ddd; color: #aaa; background: #fff; }
.paginas .pagina { padding: 2px 6px; background: #fff; color: #0971d2; font-weight: bold; text-decoration: none; }