@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-family:Tahoma, Arial, Verdana;
	background:#E0EFF9;
}

#principal{
	width:100%;
	background:#FFFFFF url(../imagens/bg.jpg) repeat-x top;
	float:left;
}

#geral{
	width:884px;
	margin:0 auto;
}

#cabecalho{
	height:170px;
}

#cabecalho img{
	float:left;
}

#menu{
	margin:0px;
	padding:0px;
}

#menu li{
	list-style:none;
	float:left;
	margin:0px;
	padding:7px 21px 7px 21px;
	border-right:#85C2EB 1px solid;
}

#menu a{
	color:#00527A;
	text-decoration:none;
	font-size:14px;
}

#menu li:hover, #menu li.hover{
	background:url(../imagens/bg_menu.jpg) repeat-x top;
}

#menu li:hover a, #menu li.hover a{
	color:#E20A16;
}

#slogan{
	float:left;
	color:#006699;
	font-weight:bold;
	font-size:20px;
	padding:45px 0px 0px 20px;
	width:450px;
}

#busca{
	width:160px;
	height:51px;
	background:url(../imagens/bg_busca.gif) no-repeat top center;
	float:right;
	margin:26px 20px 0px 0px;
	padding:30px 0px 0px 25px;
}

#busca input{
	margin:0px;
}

#nome_busca{
	background:#F1F8FC;
	border:1px solid #82C0EA;
	width:115px;
	color:#006699;
}

#buscar{
	border:0px;
	margin:0px;
	padding:0px;
}

#categorias{
	width:200px;
	float:left;
	clear:left;
	padding-top:5px;
}

#categorias img{
	margin-top:5px;
}

#categorias .atendimento{
	margin-top:150px;
}

#conteudo{
	width:674px;
	float:left;
	padding-bottom:20px;
}

#conteudo p{
	font-size:13px;
	text-align:justify;
	margin:0px 0px 10px 20px;
}

a{
	color:#EF2A33;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#conteudo #esq{
	width:390px;
	float:left;
}

#conteudo #dir{
	width:235px;
	float:right;
}

#distribuidores1{
	float:left;
	width:330px;
}

#distribuidores2{
	float:right;
	width:330px;
}

#downloads{
	float:left;
}

#downloads2{
	float:right;
	padding-right:250px;
}

#conteudo #dir .texto{
	color:#006699;
	font-size:11px;
}

#conteudo #dir a:hover{
	text-decoration:none;
}

#conteudo #dir .pdf{
	color:#666666;
	font-size:14px;
}

#conteudo #dir div{
	border-bottom:1px dashed #ADD6F0;
	margin-bottom:5px;
}

#conteudo #dir #catalogo .image{
	float:right;
}

#conteudo #dir #catalogo img{
	margin-bottom:10px;
}

#conteudo #login{
	margin:0px 0px 10px 0px;
}

#conteudo #login td p{
	margin:0px;
	padding:0px;
	text-align:left;
	color:#006699;
	font-size:11px;
}

#login a{
	color:#006699;
}

#conteudo #login input{
	border:1px solid #9ACCEE;
	height:14px;
}

#conteudo #login #entrar{
	width:50px;
	color:#006699;
	background:#FFFFFF;
	border:1px solid #9ACCEE;
	height:20px;
}

#conteudo li{
	font-size:12px;
	list-style:none;
	margin:0px 0px 5px 0px;
}

#conteudo li a{
	color:#006699;
}

#contato p{
	text-align:right;
	margin:0px;
	color:#006699;
	padding:0px;
}

#contato input, #contato textarea{
	border:1px solid #9ACCEE;
}

#contato #enviar{
	color:#006699;
	background:#FFFFFF;
}

#rdp{
	width:100%;
	height:56px;
	background:url(../imagens/bg_rdp.jpg) repeat-x top;
	clear:both;
	font-size:11px;
	color:#3F8DB4;
	text-align:center;
	padding-top:18px;
	font-weight:bold;
}

#rdp a{
	font-weight:normal;
	color:#3F8DB4;
	font-size:9px;
	text-decoration:none;
}

#rdp a:hover{
	text-decoration:underline;
}

#rdp_conteudo{
	width:884px;
	margin:0 auto;
	position:relative;
}

#voltar{
	clear:both;
	text-align:right;
	padding-right:15px;
	padding-top:10px;
}

.mapa_site{
	position:absolute;
	right:0;
}

.creditos{
	padding-top:15px;
}

.titulo, #conteudo .titulo{
	color:#E20A16;
	font-size:14px;
	font-weight:bold;
	margin:20px 0px 10px 15px;
}

.home {
	background:url(../imagens/img_home.jpg) no-repeat bottom left;
	height:410px;
}

.distribuidores{
	font-size:13px;
}

.distribuidores a{
	color:#006699;
}

.categoria table{
	float:left;
	background:#FFFFFF;
	border:#C9E0F1 1px solid;
	margin:4px 0px 3px 7px;
	*margin:2px 0px 2px 4px;
	width:330px;
	height:130px;
}

.categoria .tit_prod{
	color:#E20A16;
	font-size:16px;
	font-weight:bold;
}

.categoria .desc{
	font-size:12px;
	color:#666666;
	text-align:justify;
	padding: 0px 5px 0px 0px;
}

.categoria .detalhes{
	text-align:right;
	padding-right:30px;
}

.produto h1{
	font-size:20px;
	color:#E20A16;
	font-weight:normal;
	margin:5px 0px 20px 0px;
	padding:0px;
}

.produto #dir #pdf{
	width:195px;
	height:66px;
	border:1px solid #A6CFE6;
	background:#FFFFFF;
	color:#006699;
	font-size:16px;
	font-weight:bold;
	padding:5px 0px 0px 5px;
	margin:50px 0px 0px 30px;
}

.produto #dir #pdf p{
	color:#666666;
	font-size:14px;
	font-weight:normal;
}

.produto #dir #pdf img{
	float:right;
	margin:0px 20px 0px 25px;
}

.produto #dir .bord img{
	border:1px solid #A6CFE6;
	margin-bottom:20px;
}

.contato {
	color:#006699;
}

p{
	margin:0px;
	padding:0px;
}

h2{
	font-size:18px;
	color:#114466;
	font-weight:bold;
	margin:5px 0px 20px 5px;
	padding:0px;
}

.campo{
	border:1px solid #9ACCEE;
	height:14px;
}

.botao{
	width:50px;
	color:#006699;
	background:#FFFFFF;
	border:1px solid #9ACCEE;
	height:20px;
}

.hide{
	display:none;
}

#cadastro_j, #cadastro_f{
	font-size:12px;
}

legend{
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
}

fieldset{
	width:300px;
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }