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

*{ margin:0; padding:0;	border:none; list-style:none; outline:none;}
html{ background-image:url(../imagens/bgNuvem.jpg); background-repeat:repeat-x; background-color:#CCC;}
#site{ width:885px;	margin:0 auto; background:#FFF; padding-left:20px; padding-right:20px;}

/* Header */

#logo h1 a{	display:none;}
#header{ width:885px; height:306px;}

/* Conteúdo */

#conteudo { padding-left:20px; padding-top:20px; width:100%;}
#conteudo:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;} /* Correção de bug de FF */
#conteudo h2{ color:#6895bf; font-family:Arial Narrow; font-size:17px; text-transform:uppercase; font-weight:bold; margin-bottom:13px;}
#conteudo p{ font-family:Verdana; font-size:12px; color:#666; line-height:18px;}
#conteudo p a{ color:#59692b; text-decoration:none; border-bottom: 1px dashed #CCC; font-weight:bold;}
#conteudo p a:hover{ color:#94b23e;}
#conteudo #sub1{ width:330px; float:left; display:table; height:100%;}
#conteudo #sub2{ width:235px; float:left; display:table; height:100%;}
#conteudo #sub2 img{ margin-left:20px;}
#conteudo #sub3{ width:275px; float:left; display:table; height:100%; background:url(../imagens/spacerCinza.jpg) repeat-y right top;}
#conteudo #sub3 h2, #conteudo #sub4 h2{ margin-top:20px;}
#conteudo #sub4 p{ margin-left:20px;}
#conteudo #sub4{ width:295px; float:left; display:table; height:100%; background:url(../imagens/bgEngrenagem.jpg) no-repeat left bottom;}
#conteudo #sub4 h2{ padding-left:20px;}
#conteudo #linha1{ clear:both; background:url(../imagens/bgPontilhado.jpg) repeat-x left bottom; height:130px;}
#conteudo #linha2{ clear:both; height:165px; background:url(../imagens/bgPontilhado.jpg) repeat-x left bottom;}
#conteudo #coluna1{ float:left; width:572px; height:100%; display:table;}
#conteudo #spacer{ float:left; width:30px; height:100%; display:table;}
#conteudo #coluna2{ float:left; width:262px; height:100%; display:table;}
#conteudo #coluna2 img{ border:1px solid #cdcdcd; margin-bottom:12px;}
#conteudo #coluna1 h3{ font-size:14px; font-family:Verdana; color:#107fc9; background:url(../imagens/bullet1.gif) no-repeat left center; padding-left:15px; margin-top:10px; margin-bottom:10px; width:100%;}
#conteudo #coluna1 h4{ font-size:12px; font-family:Verdana; color:#108FC9; margin-top:6px; margin-bottom:6px;}
#conteudo #coluna1 h3 a{ color:#108FC9; border-bottom:1px dashed #CCC; text-decoration:none;}
#conteudo #coluna1 h3 a:hover{ color:#0c5b90;}
.bordinhaBanners{ border:1px solid #CCC; padding:2px; background:#FFF; margin-bottom:10px; margin-left:-4px; height:87px;}

/* Template 1 */

.template1 h3{ font-size:14px; font-family:Verdana; color:#107fc9; background:url(../imagens/bullet3.gif) no-repeat left center; padding-left:15px; margin-top:10px; margin-bottom:10px; width:100%;}
.template1 ul{ margin-top:12px; margin-bottom:12px; margin-left:8px;}
.template1 li{ background:url(../imagens/bullet3.gif) no-repeat left top; padding-left:20px; font-size:12px; color:#666; font-family:Verdana; margin-bottom:4px;}
.template1 li a{ color:#666;}
.template1 li a:hover{ color:#999;}
.template1 hr{ border:0; border-bottom:1px dashed #CCC; height:0px;}
.template1 h4{ font-size:11px; font-family:Verdana; color:#108FC9; margin-top:6px; margin-bottom:6px;}
#prodMenu ul{ float:right; height:33px;}
#prodMenu ul li{ float:left;}

#abaApresentacao{ background:url(../imagens/apresentacaoAba.jpg) no-repeat; display:block; width:98px; height:32px; text-indent:-99999px;}
#abaFicha{ background:url(../imagens/fichaAba.jpg) no-repeat; display:block; width:98px; height:32px; text-indent:-99999px;}
#abaFotos{ background:url(../imagens/fotosAba.jpg) no-repeat; display:block; width:61px; height:32px; text-indent:-99999px;}
#abaComprar{ background:url(../imagens/comprarAba.jpg) no-repeat; display:block; width:93px; height:32px; text-indent:-99999px;}

#abaApresentacao:hover, #abaApresentacaoHover{ background:url(../imagens/apresentacaoAbaHover.jpg) no-repeat; display:block; width:98px; height:32px; text-indent:-99999px;}
#abaFicha:hover, #abaFichaHover{ background:url(../imagens/fichaAbaHover.jpg) no-repeat; display:block; width:98px; height:32px; text-indent:-99999px;}
#abaFotos:hover, #abaFotosHover{ background:url(../imagens/fotosAbaHover.jpg) no-repeat; display:block; width:61px; height:32px; text-indent:-99999px;}
#abaComprar:hover, #abaComprarHover{ background:url(../imagens/comprarAbaHover.jpg) no-repeat; display:block; width:93px; height:32px; text-indent:-99999px;}

#prodMenu .apresentacao{ clear:both}
#spacerProd{height:16px; clear:both;}
.apresentacao img{ float:left; margin-right:20px;}
.apresentacao .compra{ text-indent:-99999px; width:97px; height:27px; background:url(../imagens/comprar2.jpg) no-repeat; float:left; margin-top:10px }
.apresentacao .compra:hover{ background:url(../imagens/comprar2H.jpg) no-repeat;}

.ficha{ font-family:Verdana, Arial, Helvetica, sans-serif;}
.ficha ul li{ font-size:12px; font-weight:bold; list-style:square; list-style-position:inside; color:#047db6;}
.ficha ul li ul{ margin-bottom:15px;}
.ficha ul li ul li{ font-weight:normal; list-style:none; padding-left:13px; *padding:0; line-height:18px; color:#878787;}

/* Galeria de imagens */

.fotos li{ width:270px; float:left; margin-right:16px; _margin-right:7px; margin-bottom:3px;}
.fotos li img{ border:1px solid #CCC; padding:2px; background:#FFF;}

/* Comprar */

.comprar .cor{ background:#FFF; float:left; border:1px solid #CCC; padding:2px; margin-right:8px;}
.comprar img{width:27px; height:27px;}
.comprar .indisponivel{width:150px; height:33px; float:left; margin:0} 

.comprar form{ margin-bottom:5px;}

.precoCortado{ text-decoration:line-through; color:#C30;}

/* Rodapé */

#rodape{ clear:both; height:50px; line-height:50px; background:url(../imagens/bgRodape.jpg) repeat-x; margin-top:10px; font-family:Verdana; font-size:12px; color:#11394e;}
#rodape hr{ display:none;}

/* Cartões */
#Cartoes{margin:0; padding:0; float:left; clear:both}
#Cartoes .master, #Cartoes .visa, #Cartoes .american, #Cartoes .aura, #Cartoes .diners, #Cartoes .hipercard, #Cartoes .boleto{width:35px; height:10px; padding-left:25px; padding-top:50px; float:left; margin-right:5px; display:block}
#Cartoes .master{background:url(../imagens/Master.jpg) no-repeat top;}
#Cartoes .visa{background:url(../imagens/Visa.jpg) no-repeat top;}
#Cartoes .american{background:url(../imagens/american.jpg) no-repeat top;}
#Cartoes .aura{background:url(../imagens/Aura.jpg) no-repeat top;}
#Cartoes .diners{background:url(../imagens/Diners.jpg) no-repeat top;}
#Cartoes .hipercard{background:url(../imagens/Hipercard.jpg) no-repeat top;}
#Cartoes .boleto{background:url(../imagens/Boleto.jpg) no-repeat top;}

/* Form Contato */

#formContato label{	float:left; width:80px;	font-size:12px;	color:#666; font-family:Verdana; font-weight:bold; }
#formContato .label-negrito {font-weight:bolder; color:#99FF00 }
#formContato textarea{ width:350px;	height:150px;}
#formContato br{ clear: left;}
#formContato .input, .pagamento .input{ background:#d1e1ec; color:#003960; padding:2px; border:none; font-family:Verdana; margin:1px; font-size:12px;}
#formContato .botao{ background:#23424f; color:#FFF; padding:2px; border:none; font-family:Verdana; margin:1px; font-size:12px; cursor:pointer;}

/* Form Revendedores */

#formRevendedores label{ float:left; width:130px; font-size:12px;	color:#666; font-family:Verdana; font-weight:bold;}
#formRevendedores textarea{ width:350px; height:150px;}
#formRevendedores br{ clear: left;}
#formRevendedores .input{ background:#d1e1ec; color:#003960; padding:2px; border:none; font-family:Verdana; margin:1px; font-size:12px;}
#formRevendedores .botao{ background:#23424f; color:#FFF; padding:2px; border:none; font-family:Verdana; margin:1px; font-size:12px; cursor:pointer;}