/* CSS Document *//**************************  FONTES  ****************************/

.arial{font-family: Arial, Helvetica, sans-serif;}



.verdana{font-family: Verdana, Arial, Helvetica, sans-serif;}



.size09{font-size: 9px;}



.size10{font-size: 10px;}



.size11{font-size: 11px;}



.size12{font-size: 12px;}



.size13{font-size: 13px;}



.size14{font-size: 14px;}



.size15{font-size: 15px;}



.size16{font-size: 16px;}



.size18{font-size: 18px;}



.size20{font-size: 20px;}



.laranja{color: #ea6900;}



.preto{color: #000000;}



.branco{color: #FFFFFF;} /**************************  TUDO  ****************************/



body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ccc; background-image: url(imagens/branco.jpg); background-repeat: repeat-y; background-position: center; margin: 0 auto;}



#container2{ height: 100%;    
left:50%;
margin-left:-390px; /* metade da largura fictícia */
position:absolute;
width:778px; 
background-color: #ffffff;}



a {text-decoration: none; font-size: 10px; color: #333333;}



a:hover{text-decoration: none; font-size: 10px; color: #515F3B;} /**************************  TOPO  ****************************/



#camada1{

float: left;

width: 778px; 

background-color: ##fafafa; 

background-repeat:no-repeat; 

background-image: url(imagens/topo.jpg);

height: 314px; 


}



#indique{float: left; margin-top: 15px; margin-left: 30px;}



#indique a {color: #999999; margin-right: 15px; font-size: 9px; background-image: url(imagens/bolinha.gif); padding-left: 15px;}




a.home{
background-image:url(imagens/b.home.gif);
display:block;
float:left;
width:54px;
height:25px;
margin-left:6px;
}

a:hover.home{
background-image:url(imagens/b.homevermelho.gif);
}

a.quem{
float:left;
background-image:url(imagens/b.quemsomos.gif);
display:block;
width:111px;
height:25px;
margin-left:30px;
}

a:hover.quem{
background-image:url(imagens/b.quemsomosvermelho.gif);
}

a.port{
float:left;
background-image:url(imagens/b.faleconosco.gif);
display:block;
width:111px;
height:25px;
margin-left:37px;
}

a:hover.port{
background-image:url(imagens/b.faleconoscovermelho.gif);
}

#atendimento{float: left; width: 160px; height: 24px; background-image: url(imagens/atendimento.jpg); background-repeat: no-repeat; text-align: center; font-size: 11px; margin-top: 2px; margin-bottom: 0px; color: #FFFFFF; font-weight: bold; padding:3px; }



#atendimento p{margin: 5px 0px 0px 0px;}



#menuinst{
float:right;
padding-top:25px;
margin-right: 49px;
}





#menuaba li{float: left;}



#menuaba a:hover {background-image: url(botaoa.gif); color: #000000;}



#menuaba a {display: block; margin-right: 5px; padding-top: 5px; background-image: url(botao.gif); background-repeat: no-repeat; width: 82px; height: 22px; text-align: center; text-decoration: none; color: #ffffff;}



#menuaba {float: right; margin-top: 5px; height: 15px; margin-right: 120px; _margin-right: 50px;}



#menuaba ul {list-style-type: none;/*remove o marcador*/ margin: 0;/*remove o recuo IE e Opera*/ padding: 0;/*remove o recuo Mozilla e NN*/ font: 10px verdana, helvetica, sans-serif; font-weight: bold;}



#menuaba li {color: #ffffff; font-style: normal; text-align: center;}



#menuaba #de a {display: block; margin-right: 3px; padding-top: 5px; background-image: url(botaoa.gif); background-repeat: no-repeat; color: #000000; width: 82px; height: 22px; text-align: center; text-decoration: none;} /**************************  CONTEUDO  ****************************/



#camada2{float: left; display:inline; width: 778px; height: auto;} /**************************  ESQUERDA  ****************************/



div #esquerda{float: left; width: 160px; margin-left:5px; display:inline;background-image: url(imagens/bgmenu.jpg); background-repeat: repeat-y;}



.lista{color: #333333; width: 145px;}



.lista a{display: block; padding-left: 15px; padding-top: 5px; color: #333333; font-size: 10px; height: 20px; width: 145px; border-top: #cccccc 1px solid;}



.lista a:hover{background-color: #CFE0F2; color: #333333;}



.lista2 a{padding-left: 20px; display: block; padding-top: 2px; color: #333333; font-size: 10px; height: 18px; width: 140px;}



.lista2 a:hover{color: #515F3B; font-size: 10px; background-color: #CFE0F2;}





.lista21 a{padding-left: 20px; display: block; padding-top: 2px; color: #333333; font-size: 10px; height: 30px; width: 140px;}



.lista21 a:hover{color: #515F3B; font-size: 10px; background-color: #CFE0F2;}



div #menu1{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu2{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu3{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu4{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu5{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu6{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu7{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



div #menu8{float:left; display:inline;margin-top: 15px; width: 160px; height: 100%;}



.categoria{color: #333333; font-size: 10px; font-weight: bold; height: 25px; width: 160px; text-align: center; background-image: url(imagens/barra3.jpg); background-repeat: no-repeat; padding-top: 8px;}



.subcategoria{color: #5390D4; font-size: 10px; height: 18px; width: 145px; padding-top: 5px; padding-left: 15px; font-weight: bold;}



form{margin: 10px 0px 10px 0px; font-size: 10px;}



.formularios{margin-bottom: 5px;  border: #666666 1px solid; font-size: 12px;}



.button{border: #999999 1px solid; background-color: #5390D4; color: #ffffff; font-size: 9px; padding-top: 1px; padding-bottom: 1px;}



.button2{border: #999999 1px solid; background-color: #5390D4; color: #ffffff; font-size: 9px; padding-top: 1px; padding-bottom: 1px; margin-right: 28px; float: right;}



option{font-size: 10px;}



.button{float: right; margin-right: 20px;}



.clique a{width: 160px; height: 50px; background-color: #E5EDD6;}



.clique p{padding-top: 5px; padding-left: 35px;}



.contador{width: 160px; height: 50px; background-color: #ccc;}



.contador p{padding-top: 5px; padding-left: 25px;}



.news{width: 110px; height: 15px; border: #666666 1px solid; margin-bottom: 5px; margin-left: 20px; font-size: 10px;} /**************************  DIREITA  ****************************/



div #direita{

display:inline;

float:left;

height:auto;

margin-left:16px;

width:590px;}



.institucional{

display:inline;

float:left;

width:100%;}}



div.conteudo{

display:inline;

float:left;

width:100%;}



.barra4{width: 598px; _width: 500px; background-image: url(imagens/barra4.jpg); background-repeat: no-repeat; float: left; height: 27px; margin-left: -23px; _margin-left: 0px;}



.barra5{background-image:url(imagens/barra4.jpg);

background-repeat:no-repeat;

display:inline;

float:left;

height:30px;

margin-bottom:5px;

margin-top:2px;

width:590px;}



div.texto{width: 97%; background-color: #FFFFFF; color: #990000; font-weight: bold; height: 40px;}



div.texto p{padding-left: 20px; padding-top: 0px;}

.aba{width: 210px; height: 29px; margin-left: 10px; margin-top: 0px; float: left; display:inline}



.textoaba{color: #000000; font-weight: bold; padding: 6px 0px 0px 15px; font-size: 10px;}



.conteudo2{

display:inline;

float:left;

width:100%;}



.conteudo3{

display:inline;

float:left;

width:100%;}



.setas{float: right;}



.setas img{margin-left: 0px;} /**************************  RODAPE  ****************************/



#camada3{
float: left; 
width: 778px; 
height: 100px; 
background: #333; 
margin-top: 3px; 
}


.textorodape{
font-family: Verdana;
font-size: 10px;
text-align: center;
padding: 10px 0px 0px 0px;
color:#fff;

}