*{ margin: 0; padding: 0; }
html, body, input, textarea { font: normal 11px/1.4em Arial, Helvetica, sans-serif; color: #666; }
a{ text-decoration: none; color: #666;  }
a:hover{color: #3186CE;}
p{ margin-top: 10px; }
ul{ list-style: none; }
img{ border: 0;}
li.datasheet a{ background: #FFF url(/files/images/data-sheet.gif) no-repeat left center;  }
li.produto a{ background: #FFF url(/files/images/produto.gif) no-repeat left center;  }
li.infos a{ background: #FFF url(/files/images/mais-informacoes.gif) no-repeat left center;  }
li.quero-comprar a{ background: #FFF url(/files/images/quero-comrpar.gif) no-repeat left center;  }
li.indique a{ background: #FFF url(/files/images/envie-amigo.gif) no-repeat left center;  }
li.suporte a{ background: #FFF url(/files/images/suporte.gif) no-repeat left center;  }
li.voltar a{ background: #FFF url(/files/images/voltar.gif) no-repeat left center;  }
li.datasheet a, li.infos a, li.indique a, li.produto a, li.quero-comprar a, li.suporte a, li.voltar a{ height: 20px; padding: 6px 0 0 25px; display: block;  }

h2{ font-size: 140%; text-transform: uppercase; margin: 10px 0; font-weight: normal; color: #FFAA4A; }
h3{ font-size: 160%; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #EDEDED; color: #00285A; }
h4{ font-size: 140%; text-transform: uppercase;  color: #FFAA4A; margin: 10px 0; }
h2, h3{ padding-bottom: 5px; }

#top, #bottom{ height: 210px; }
#top #info-fabricante{ width: 310px; height: 151px; float: right; margin-right: 30px; _margin-right: 15px; }
#top #info-fabricante span, #top #info-fabricante div{ width: 170px; height: 93px; float: left; padding: 12px; color: #FFF;  }
#top #info-fabricante img{ margin-top: 25px; }
#top h1 a{ display: block; width: 200px; height: 80px; background: #FFF url(/files/images/logo-cnt.gif) no-repeat; float: left; text-indent: -9999px; }
#top h1.mkt a{ width: 600px; }
#top img{ border: 0; }
#top h2{ color: #FFF; font-weight: bold; }
#top select{ width: 170px; }

#general{ width: 700px; margin: 30px auto;}

#rigth{ width: 230px; float: right; }
#rigth ul{ list-style: none; width: 200px; margin: 5px 0 0px 0;  }
#rigth ul li a{ display: block; height: 20px; padding: 10px 20px; border-bottom: 1px solid #EDEDED; background: url(/files/images/bullet-menu.gif) no-repeat left center; }
#rigth ul li a:hover{ background: url(/files/images/bullet-menu-red.gif) no-repeat left center; }

#rigth ol{ list-style: none; width: 200px; margin: 0px 0 30px 0;  }
#rigth ol li a{ display: block; height: 40px; padding: 10px 0px;}

#rigth h5{ display: block; padding: 15px; border: 0; background: #FFF url(/files/images/top-menu.gif) no-repeat;  font-size: 120%; color: #FFF; }
#rigth h3{ margin-top: 10px; border:0; }
#left{ width: 400px; float: left; text-align: justify; font: normal 11px/1.4em Arial, Helvetica, sans-serif; margin-bottom: 30px;  }
div.full#left{ width: 650px; } 
div#erro{padding: 1em 3em; background: #FFDFD6 url(/files/images/error.gif) no-repeat 10px center; border-bottom: 1px solid #CE0000;border-top: 1px solid #CE0000;}
li.erro{ display: block; color: #930; background: #FFC url(/files/images/error.gif) no-repeat 7px 5px ; padding: 2em 0; margin-top: 5px; }
li.erro span{ display: block; color: #000; margin: -17px 0 10px 30px;}
#left thead{ font-size: 15px; color: #00285A; text-transform: uppercase; background-color: #EDEDED; } 
#left thead td{ height: 60px; text-align: center; } 
#left td, #ibox_content td{padding: 3px 0;vertical-align: top; border-bottom: 1px solid #EDEDED; } 
#ibox_content td{ padding: 10px 0; }
#left ul.categoria li{ width: 300px; background: #FFF url(/files/images/categoria-produtos.jpg) no-repeat left center; padding: 5px 20px; font-size: 12px; }
#left ul.categoria li.titulo{ cursor: pointer; }
#left ul.categoria li.sem{ width: 300px; background: #FFF; padding: 5px 20px; font-size: 12px; }
#left ul.subcategoria li{ width: 300px; background: #FFF url(/files/images/bullet-abre.jpg) no-repeat left center; padding: 5px 20px; font-size: 12px; border: 0; }
#left ul.form li{ display: block; width: 450px; float: left; margin-bottom: 10px; }
#left ul.faq li{ display: block; margin: 7px 0; }
#left ol li{ padding: 8px; margin: 0 0 0 25px; }
#left label{ display: block; width: 100px; padding: 7px 0 7px 5px; margin-right: 10px; float: left; }
#left input, #left textarea, #left select{ width: 300px; padding: 5px; float: left; }
#left textarea{ height: 100px; }
#left select{ width: 315px; }
#left #enviar{ float: right; cursor: pointer; border: 0; padding: 0; margin: 0; width: 80px; height: 30px; background: #FFF url(/files/images/botao-enviar.jpg) no-repeat left center; text-indent: -9000px; margin-right: 20px; }
#left span.aviso{ display: block; width: 380px; background: #FFF url(/files/images/alerta.jpg) no-repeat 10px center; padding: 10px 10px 10px 50px; border: 1px solid #EDEDED; margin-bottom: 20px; }
#left span.aviso a{ color: #333; text-decoration: underline; }
#left img.show{ border: 1px solid #EDEDED; }
#left a img.fab{ border: 1px solid #EDEDED; padding:0; margin:5px; }
#left ul.show{ width: 220px; float: right; }
#left ul.show li{ _margin-bottom: -15px; }
#left .destaque{ background-color: #FFC; }
#left .normal{ background-color: #FFF; }
#left hr{ clear: both; margin: 10px 0; visibility: hidden; }

#fabricante{ width: 450px; }
#fabricante-desc{ margin-top: 20px; }
#fabricante-desc p, #desc p{ margin-bottom: 10px; }
#fabricante-desc img{ float: left; padding: 0 10px 10px 0; }
#fabricante img{ float: left; padding-right: 10px; }
#fabricante ul{ width: 450px; margin-top: 10px; }

#desc ol{ margin-left: 15px; list-style-type: square; color: #930;}
#desc ol li{ margin-bottom: 10px; }
#desc ul.verifica li{ padding: 0 0 15px 25px; }
#desc ul.verifica li{ background: #FFF url(/files/images/icon-verifica.jpg) no-repeat left 3px; }
#produtos, #desc h4 { margin-top: 20px; }
#produtos ul{ height: 100px; }
#produtos li{ padding: 6px 0 0 px }
#produtos img{ float: left; padding-right: 10px; }

#compra img{ padding: 0 15px; }
#content-compra{ border: 1px solid #CCC; padding: 5px; width: 455px; height: 230px;  margin-top: 10px; }
#content-compra ol li{ margin: 0 0 0 25px; }
#content-compra img{ padding: 5px; }
#destaques, #desc{ width: 400px; float: none; }
#desc{ margin-top: 10px; }
#desc p{ margin-bottom: 10px; }
#fabricante li{ float: left; margin-right: 25px; }
#destaques{ margin-top: 20px; }
#destaques div{ clear: both; margin: 10px 0; padding: 10px 0; }
#destaques img{ float: left; margin-right: 10px; }
#destaques ul{ width: 200px; margin-top: -10px; float: left; margin-bottom: 10px; }
#logo{ width: 190px; float: left; height: 250px; padding-right: 10px; }
#bottom{ clear: both; height: 300px; text-align: center; background: #EAEAEA; padding: 20px 0; margin-top: 20px; color: #444; border-top: 1px solid #CCC; }

#ibox_close{ margin: 5px; text-align: right; }
#ibox_close a{ color:#252525; text-transform: uppercase; font-weight: bold; }