@charset "utf-8";

/* ########## CONFIGURAÇÕES ########## */

div, span, object, input, h1, h2, h3, h4, h5, h6, img, ol, ul, li, form, label, table, tr, th, td, fieldset{margin:0;padding:0;border:0;outline:0;}
html, body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
* html li {height:1%;}

ol, ul {list-style:none;}

a{color:#E4F2B5; text-decoration:none; cursor:pointer;}
a:hover{color:#FFF; text-decoration:none;}

h1{font-size: 16px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h3{font-size: 13px; font-family:Arial, Helvetica, sans-serif; font-style:normal !important; }

h2 {padding:35px 0 0 0 !important; overflow:hidden; height:0 !important; }

#apresentacao {background:url(imagem/t-apresentacao.gif) no-repeat 0 0;}
#apresentacao span {display: none;}
#produtos {background:url(imagem/t-produtos.gif) no-repeat 0 0;}
#produtos span {display: none;}
#palavra-presidente {background:url(imagem/t-palavra-presidente.gif) no-repeat 0 0;}
#palavra-presidente span {display: none;}
#informativos {background:url(imagem/t-informativos.gif) no-repeat 0 0;}
#informativos span {display: none;}
#links-parceiros {background:url(imagem/t-links-parceiros.gif) no-repeat 0 0;}
#links-parceiros span {display: none;}
#fale-conosco {background:url(imagem/t-fale-conosco.gif) no-repeat 0 0;}
#fale-conosco span {display: none;}
#filie-se {background:url(imagem/t-filie-se.gif) no-repeat 0 0;}
#filie-se span {display: none;}
#galeria-fotos {background:url(imagem/t-apresentacao.gif) no-repeat 0 0;}
#galeria-fotos span {display: none;}


/* ########## CONFIGURAÇÕES ########## */

.bg{ background:#336633 repeat-x top url(imagem/bg.jpg);}

#topo{height:395px; clear:both; background:repeat-x center top url(imagem/bg-topo.jpg) #214321; overflow:hidden;  border-bottom:#99B319 1px solid;}
#topo #geral {width:983px; padding:10px 0 5px 0; margin:auto; height:160px; overflow:hidden;}
#topo #geral .logo{float:left; width:435px; height:160px; overflow:hidden;}
#topo #geral .topo-1 {float:left; overflow:hidden; height:160px; padding:0 20px 0 0; width:528px; text-align:right;}

#topo #banner{ text-align:center; height:220px;}

#content {overflow:auto; width:943px; margin:0 auto; background:url(imagem/bg-content.gif) repeat-y 702px 0; padding-bottom:30px;}

#main{float:left; width:683px; overflow:auto; padding:30px 20px 0 0 ; background:url(imagem/bg-main.jpg) no-repeat right top;}

#main #area-1{ width:683px; background:url(imagem/lh-palavra.jpg) no-repeat center bottom; padding-bottom:30px; overflow:auto;}
#main #area-1 ul{font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter;}
#main #area-1 ul li{width:500px; float:left; }
#main #area-1 ul li.foto { float:left; margin-right:10px; width:172px;  }
#main #area-1 ul li.foto img{ border:10px #214321 solid; padding:1px; background:#99B319; }
#main #area-1 ul li h3 {text-align:right;}

#main #area-2{ width:683px; background:url(imagem/lh.jpg) no-repeat center bottom; padding-bottom:30px; overflow:auto;}
#main #area-2 ul.apresentacao{ width:380px; background:url(imagem/bg-content.gif) repeat-y  right 0; margin-right:20px; padding-right:20px; float:left; }
#main #area-2 ul.apresentacao li h1{font-style:italic; font-weight:lighter;  padding:15px 0;}
#main #area-2 ul.apresentacao li {clear:both;}
#main #area-2 ul.informativo {width:263px; float:left;}
#main #area-2 ul.informativo li {clear:both;  padding:8px 0; }
#main #area-2 ul li h3 {text-align:right;}
#main #area-2 ul li.borda{border-bottom:#5C8529 1px solid;}

#main #area-3 {width:683px; overflow:auto;}
#main #area-3 ul{ overflow:auto;}
#main #area-3 ul li{ clear:both;}
#main #area-3 ul li.link{width:160px; float:left; padding:10px  10px  0  0; clear:none; }
#main #area-3 ul li.link img{ border:4px #214321 solid; padding:1px; background:#99B319; width:150px; height:60px;}

#ld{width:240px; float:left; overflow:auto; padding:30px 0 0 0; background:url(imagem/bg-ld.jpg) no-repeat left top;}
#ld ul{padding:0 20px 30px 20px; width:200px; background:url(imagem/lh-ld.jpg) no-repeat center bottom; overflow:auto; }
#ld ul li{ text-align:center; }
#ld ul.ultimo{ padding:0 20px !important; background:none !important;}
#ld ul li h3 {text-align:right;}


#main-ax {float:left; width:683px; overflow:auto; padding:30px 20px 0 0 ; background:url(imagem/bg-main.jpg) no-repeat right top;}
#main-ax h1 {padding:35px 0 20px 0 !important; overflow:hidden; height:0 !important; border-bottom:#5C8529 1px solid;  }
#main-ax ul{margin:10px 50px; list-style:inside disc;}
#main-ax ol{margin:10px 50px; list-style:inside decimal;}

/* ########## RODAPE ########## */

#rodape{clear:both; background:#214321 url(imagem/bg-rodape.jpg) no-repeat center bottom; overflow:auto;  border-top:#99B319 1px solid; border-bottom:10px solid #99B319; padding-bottom:20px;}

#rodape ul {overflow:auto; padding:0; width:100%; text-align:center; }
#rodape ul li {color:#000; text-align:center; display:inline;}
#rodape ul li h2 {padding:20px 0 0 0 !important; display:block; overflow:hidden; height:0 !important; }
#rodape ul li a {display:inline-block; cursor:pointer; margin:20px; }

#rodape ul li h2.pagina-inicial {background:url(imagem/r-pagina-inicial.gif) no-repeat 0 0; width:83px;}
#rodape ul li h2.pagina-inicial span {display: none;}
#rodape ul li h2.apresentacao {background:url(imagem/r-apresentacao.gif) no-repeat 0 0; width:87px;}
#rodape ul li h2.apresentacao span {display: none;}
#rodape ul li h2.galeria {background:url(imagem/r-galeria.gif) no-repeat 0 0; width:101px;}
#rodape ul li h2.galeria span {display: none;}
#rodape ul li h2.produtos {background:url(imagem/r-produtos.gif) no-repeat 0 0; width:60px;}
#rodape ul li h2.produtos span {display: none;}
#rodape ul li h2.informativos {background:url(imagem/r-informativos.gif) no-repeat 0 0; width:80px;}
#rodape ul li h2.informativos span {display: none;}
#rodape ul li h2.filie-se {background:url(imagem/r-filie-se.gif) no-repeat 0 0; width:46px;}
#rodape ul li h2.filie-se span {display: none;}
#rodape ul li h2.fale-conosco {background:url(imagem/r-fale-conosco.gif) no-repeat 0 0; width:85px;}
#rodape ul li h2.fale-conosco span {display: none;}

#rodape ul li.tecnoig {position:absolute; height:20px; width:75px; left:50%; margin:90px 0 0 -40px;}
#rodape ul li.endereco {clear:both; float:none;  display:block;}
#rodape ul li.endereco a{ margin:0 0 30px 0; padding:0;}