/**

Trotes do Chupim
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

**/

/****************** Estrutura *********************/
.troteshome { width: 650px; margin-right: 14px; float:left; }
.login2 { margin-top: 5px; display: none; }
.abrirlogin { display:block; margin-bottom: 8px; text-align: left; padding: 5px 20px 5px 45px; border: 1px #4F8BC8 solid; }
.coluna-direita { width: 300px; float:left; }

h2 { color: #191919; font: bold 28px Arial, Helvetica, sans-serif; line-height: 1em; letter-spacing: -0.04em; padding: 2px 0; }
h2 em { color: #999; font: bold 27px Arial, Helvetica, sans-serif; font-style:normal; letter-spacing: -0.04em; }



a.envies { text-align:left; padding:7px 20px 7px 45px; margin: 8px 0; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;  display: block; }
a.envies:link, a.envies:visited { border:1px #87BC44 solid; background: #E8FFDC url(../images/picture.gif) left no-repeat; background-position:15px 50%; color: #0069ff; text-decoration: none;}
a.envies:hover { border:1px #87BC44 solid; background: #DEFFCD url(../images/picture.gif) left no-repeat; background-position:15px 50%; color: #0069ff; text-decoration: underline;}

.envie { padding: 3px 0; border-bottom: 1px #ddd solid; margin-bottom: 10px; }
.envie a:link, .envie a:visited { font: bold 20px Arial, Helvetica, sans-serif; color: #0971d2; letter-spacing: -0.04em; text-decoration:none; }
.envie a:hover { font: bold 20px Arial, Helvetica, sans-serif; color: #0971d2; letter-spacing: -0.04em; text-decoration: underline;}




/****************** Paginação *********************/
.paginas { padding: 20px 0; margin:auto; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif; }
.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; }


.logado { border: 1px #DED6C9 solid; background: #EFEBE4; }
.logado2 { border: 1px #DED6C9 solid; background: #EFEBE4; float:right; }
.logado p { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #000; }
.logado a:link, .logado a:visited { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #0971d2; text-decoration:none;  }
.logado a:hover { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #0971d2; text-decoration:underline; }









.section {
    background-color: white;
	margin: auto;
	width: 642px;
}

.section ul {
    list-style: none;
    margin-top: 5px;
}

.section ul li {
    display: inline;
}

.section ul li a img {
    display: block;
}

.section ul li a:link, .section ul li a:visited, .section ul li a:hover span {
	text-decoration:none; color: #555; font: 11px Arial, Helvetica, sans-serif; padding-top: 3px;
}


.section ul a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 6px;
    display: block;
    float: left;
    margin: 5px;
	text-decoration:none;
}

.section ul a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
	text-decoration:none;
}

.section ul a img {
    border: 1px solid #999999;
}

.section ul a.lightbox-enabled img {
    border: 1px dotted #999999;
}


.section .link {
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    margin-left: 10px;
}

.section .important {
    text-decoration: underline;
}


.section.header {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    border-top: none;
}

.section.footer {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}





#lightbox,#lightbox-overlay{position:absolute;top:0px;left:0px;bottom:auto;right:auto;z-index:100;width:100%;height:auto;text-align:center;color:#333;margin:0px;padding:0px;border:none;outline:none;line-height:0;text-decoration:none;background:none;word-spacing:normal;letter-spacing:normal;float:none;clear:none;display:block; font: 18px Arial, Helvetica, sans-serif;}#lightbox a,#lightbox a:link,#lightbox a:visited,#lightbox a:hover{text-decoration:underline;color:#000}#lightbox-overlay{z-index:90;background-color:#000;height:100%;position:fixed}#lightbox-overlay-text{text-align:right;margin-right:20px;margin-top:20px;color:white;font-size:12px;cursor:default;line-height:normal}#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link{color:white}#lightbox-overlay-text span{padding-left:5px;padding-right:5px}#lightbox img,#lightbox a img,#lightbox a{border:none;outline:none}#lightbox-imageBox{position:relative;border:1px solid #fff;background-color:white;width:400px;height:400px;margin:0 auto;padding:5px;}#lightbox-imageContainer{padding:1px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{display:block;width:49%;height:100%;background:transparent url("../images/blank.gif") no-repeat;zoom:1;padding:0px;margin:0px}#lightbox-nav-btnPrev{left:0;right:auto;float:left}#lightbox-nav-btnNext{left:auto;right:0;float:right}#lightbox-infoBox{font:10px Verdana,Helvetica,sans-serif;background-color:#FFF;margin:0 auto;padding:0px 6px;}#lightbox-infoContainer{padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;color:#000;line-height:normal}#lightbox-infoHeader{width:100%;text-align:center}#lightbox-caption{text-align:justify}#lightbox-caption-title{font-weight:bold}#lightbox-caption-description{font-weight:normal}#lightbox-infoFooter{margin-top:3px;color:#000}#lightbox-currentNumber{display:block;width:49%;float:left;text-align:left}#lightbox-close{display:block;width:45%;float:right;text-align:right}#lightbox-close-button{padding-left:30%}#lightbox-close-button:hover{color:#666}#lightbox-infoContainer-clear{clear:both;visibility:hidden}#lightbox-overlay-text-about{font: 18px Arial, Helvetica, sans-serif; font-weight:bold;}



/* Modal jQuery
--------------------------------------------------------------------------------------- */
#modal_content { display: none; position: fixed; left: 50%;	padding: 15px; top:40%;	-webkit-box-shadow: 0px 0px 8px #111; background:#FFF; border: 4px #525252 solid; width:280px; margin-left:-150px; text-align:center; }
#modal_content small { font-size:77%; }
#modal_content .modal_close	{ float:right; cursor:pointer; margin-top: -8px; }
.modal_close p { font: bold 18px Arial, Helvetica, sans-serif; }
#modal_content h3{ font-size:116%; }
#modal_overlay { background-color: #000; }
.login1 { font: 12px Arial, Helvetica, sans-serif; color: #000; display:block; width:50px; float:left; padding: 2px; }
.box_login { width: 225px; margin: auto; padding-top: 8px; }
.box_login p { padding: 2px; }
.box_login p span { font: 12px Arial, Helvetica, sans-serif; }
.warn { text-align:left; }

/* IE */
* iframe.overlay {position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}