/* CSS Document */



html, body {font-family:Trebuchet MS,  Verdana; margin:0; padding:0; clear:both; }



a {text-decoration:none;}

a:hover {text-decoration:underline;}



#principal {

	width:760px; position:absolute;	background-color:#FFFFFF; 

	left:50%; margin-left:-380px; margin-top:10px; margin-bottom:10px;

}



#principal #topo {background-color:#eeeeee; height:180px; clear:both;}



#principal #centro {min-height:286px; float:left; border:3px #e4e4e4 solid; background:url(../imagens/bg_centro.jpg) repeat-x #FFFFFF;}



#principal #centro #esquerda {float:left;  margin:90px 10px 10px 10px; width:188px; min-height:186px;}

#principal #centro #esquerda ul {margin:10px 0 0 5px; color:#666666; font-size:11px; padding:0; list-style-type:none;}

#principal #centro #esquerda ul li {margin-bottom:5px;}

#principal #centro #esquerda ul li a {color:#666666;}



#principal #centro #direita    {float:right; margin:10px 10px 10px 0; width:534px; min-height:266px;}

#principal #centro #direita h1 {margin:0 0 20px 0; padding:0;}

#principal #centro #direita h2 {font-size:13px; color:#EEAD54; float:left; width:500px;}

#principal #centro #direita h3 {font-size:12px; color:#EEAD54; margin-top:0;}

#principal #centro #direita p  {font-size:11px; color:#666666; text-align:justify;}

#principal #centro #direita #conteudo {padding:10px; background:#FFFFFF url(../imagens/topo_conteudo.jpg) top no-repeat; min-height:166px; margin-bottom:10px;}



#principal #centro #direita #conteudo #titulo {float:left; width:514px; margin-bottom:20px; height:30px; }

#principal #centro #direita #conteudo #titulo h2 {font-size:13px; color:#EEAD54; float:left; width:500px;}

#principal #centro #direita #conteudo #sub_esq {float:left; width:140px; margin-right:15px; margin-bottom:10px; }

#principal #centro #direita #conteudo #cont_direita {float:left; width:340px; margin-bottom:10px;}

#principal #centro #direita #conteudo #cont_direita1 {float:left; width:505px; margin-bottom:10px; margin-left:5px;}



#principal #centro #direita #conteudo a {color:#666666;}

#principal #centro #direita #conteudo table#contato {font-size:11px; color:#999999;}

#principal #centro #direita #conteudo table#contato th {text-align:right;}

#principal #centro #direita #conteudo #produto       {width:100px; float:left; margin-right:40px; font-size:11px; color:#666666;}

#principal #centro #direita #conteudo #produto_texto {width:350px; float:left; margin-right:20px;} 



#principal #centro #direita #conteudo li {font-size:11px; color:#666666;}

#principal #centro #direita #conteudo .linha {float:left;}

#principal #centro #direita #conteudo #item {width:100px; float:left;  margin:13px;}

#principal #centro #direita #conteudo #item p {font-size:11px; font-weight:bold; color:#666666; margin:0 0 5px 0; background-color: #ffffff;}



#principal #centro #direita #conteudo a.botao_produto {width:87px; line-height:17px; text-decoration:none;}

#principal #centro #direita #conteudo a.botao_produto:hover {color:#f2a741; text-decoration:none;}

#principal #centro #direita #conteudo .p_botao{text-align:center; background:url('../imagens/bt_detalhes_cinza.jpg') center no-repeat; height:17px;}

.tabela{font-family:Trebuchet MS,  Verdana; font-size:11px; text-align:center;}

.tabela2{font-family:Trebuchet MS,  Verdana; font-size:11px; text-align:center; width:505px; margin:0; padding:0;}

.campo {font-size:11px; color:#666666; border:1px solid #cccccc;}

.botao {background-color:#EEAD54; font-size:11px; color:#FFFFFF; padding:2px; border:0; font-weight:bold;}

.img {float:left; margin-right:20px;}

.img2 {float:right; margin-left:20px;}

.imgpopup{margin:0 10px 0 0; padding:0; border:0;}



#principal #rodape{

	padding:8px; color:#FFFFFF; float:left; width:740px;

	font-size:12px; text-align:center; 

	margin-top:20px; border:3px #e4e4e4 solid;  

	background:url(../imagens/bg_rodape.jpg) repeat-x; clear:both;

}