@import url("clear.css");

body { font: 12px Arial; color: #666666; background: url(../images/bg.gif) repeat-x #666666; }
a { text-decoration: none; color: #666666; }

.fechar { clear:both; }

.titulo1 { font: 24px Arial; color: #666666; margin-bottom: 2px; }
.titulo2 { font: bold 18px Arial; color: #044F31; margin-bottom: 5px; }

.corpo1 { font: bold 16px Arial; color: #CE0000; }
.corpo2 { font: 9px Verdana; color: #CE0000; }

#topo { width: 778px; margin: 20px auto 0; background: url(../images/bg_topo.png) no-repeat; }

#topo #logo { width: 190px; height: 82px; padding: 25px 47px; float: left; }

#topo #caixa-login { width: 450px; height: 24px; float: right; margin: 90px 10px 0 0; font: bold 15px Arial; }
#topo #caixa-login .texto { width: 118px; height: 16px; color: #333333; border: solid 1px #F0F0F0; background: #FFFFFF; padding: 3px; margin: 0 8px; }
#topo #caixa-login .botao { width: 58px; height: 24px; border: solid 1px #F0F0F0; background: #F0F0F0; padding: 0; margin: 0; }
#topo #caixa-login i { font: normal 10px Verdana; }

#topo #menu { clear: both; background: #FFF; text-align: center; }

#geral { width: 778px; margin: 0 auto 20px; background: #FFF; }

#geral .slide { width: 774px; height: 246px; margin: 0 auto; overflow: hidden; }
#geral .slide img { width: 774px; height: 246px; }

#geral #conteudo { padding: 19px; }
#geral #conteudo .caixas div.borda { border: solid 2px #CCC; width: 230px; height: 130px; }
#geral #conteudo .caixas div.texto { height: 75px; overflow: hidden; margin-top: 7px; font: 13px Arial; line-height: 15px; color: #666; }
#geral #conteudo .caixa-seara { width: 234px; float: left; }
#geral #conteudo .caixa-produtos { width: 234px; float: left; margin: 0 19px; }
#geral #conteudo .caixa-outros { width: 234px; float: right; padding: 26px 0 0px;}
#geral #conteudo .caixa-outros a { float: left; margin: 3.5px 3.5px; }

#geral #base { border-top: solid 2px #F0F0F0; padding: 10px; text-align: center; }

/* ############################################ */

#geral .usuario .menuUser { float: left; width: 180px; }
#geral .usuario .menuUser a { display: block; margin: 2px 0; padding: 2px; }
#geral .usuario .menuUser a:hover { background: #EFEFEF; }
#geral .usuario .menuUser a.current { background: #EFEFEF; }
#geral .usuario .conteudo { float: right; width: 550px; padding: 5px; background: #EFEFEF; }

/* ############################################ */

#geral #conteudo .parceiros img { margin: 12.8px; border: solid 4px #FFF; }
#geral #conteudo .parceiros img:hover { border: solid 4px #CCC; }

#geral #conteudo .previsao img { float: left; margin: 12.5px; text-align: center; }

#geral #conteudo form.contato { width: 298px; margin: 0 auto; }
#geral #conteudo form.contato input[type=text] { font: 11px Verdana; color: #666; border: solid 1px #CCC; margin: 5px 0 10px 0; padding: 2px 4px; }
#geral #conteudo form.contato input[type=button] { font: 11px Verdana; color: #666; border: solid 1px #CCC; margin: 5px 0 10px 0; padding: 2px 4px; background: #EFEFEF; }
#geral #conteudo form.contato textarea { font: 11px Verdana; color: #666; border: solid 1px #CCC; margin: 5px 0 10px 0; padding: 2px 4px; }

#geral #conteudo .meio-ambiente { background: #f0f0f0; }
#geral #conteudo .meio-ambiente .menu { width: 178px; float: left; }
#geral #conteudo .meio-ambiente .menu li { border-bottom: dashed 1px #999; }
#geral #conteudo .meio-ambiente .menu a { display: block; font: 11px Arial; padding: 5px }
#geral #conteudo .meio-ambiente .menu a:hover { background: #F0F0F0; }
#geral #conteudo .meio-ambiente .conteudo { font: 13px Verdana; color: #333; width: 526px; float: right; padding: 10px; background: #F0F0F0; }
#geral #conteudo .meio-ambiente .conteudo .oculto { display: none; }

#geral #conteudo .produtos ul { margin: 0; padding: 0; }
#geral #conteudo .produtos li { float: left; width: 175px; height: 207px; overflow: hidden; margin: 6px 5px; }
#geral #conteudo .produtos li img { margin-bottom: 4px; padding: 0; }


/* LIGHTBOX */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#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-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}
#lightbox-secNav-btnClose { width: 22px; float: right; padding-bottom: 0.7em;	}