@charset "iso-8859-1";
/* CSS Document */

a { text-decoration:none; cursor:pointer; color:inherit; }
html, 
body { height:100%; font-family:"Trebuchet MS", Arial; color:#333; font-weight:bold; font-size:14px; } 
body { text-align:center; }
#header { width:100%; height:174px; position:relative; background:url(../images/bg-header.jpg) repeat-x top; }
#header-conteudo { width:980px; text-align:left; margin:0 auto; }
#center,
#center-extra { width:100%; position:relative; }
#center { min-height:600px; }
#center-extra { background-color:#000; height:216px; }
#center-conteudo { width:980px; margin:8px auto; text-align:left; display:table; }
#wrapper { width:950px; margin-left:30px; }
#footer { width:100%; height:169px; position:relative; background:url(../images/bg-footer.jpg) repeat-x bottom; }
#footer-conteudo { width:980px; text-align:left; margin:0 auto; padding:0 25px 0 15px; }
ul#menu { float:left; margin:20px 0 0 30px; list-style:none; background-color:#000; }
ul#menu li { overflow:hidden; float:left; margin-right:10px; }
ul#menu li:first-child { margin-left:10px; }
ul#menu li a { float:left; height:133px; width:105px; line-height:138px; text-align:center; color:#FFF; font-size:13px; font-weight:bold; background-color:#666; }
ul#menu li a:hover,
ul#menu li .ativo  { color:#000; height:138px; background-color:#E9E9E9; }
#logo { float:left; margin:44px 0 0 30px; }
#logo-footer { margin:10px 0 0 450px; }
p.texto-footer { width:980px; text-align:center; font-size:11px; color:#FFF; }
.dados { float:left; width:296px; height:300px; }
.cabecalho { width:296px; height:45px; padding:20px 0 20px 0; text-align:center; font-weight:bold; font-size:24px; color:#FFF; }
.texto-dados { width:270px; height:100px; padding:20px 13px; font-size:16px; }
.dados a,
.link-mais { float:left; width:110px; height:40px; margin-left:15px; line-height:40px; text-align:center; font-weight:bold; font-size:16px; color:#FFF; background-color:#000; }
.titulo { padding:15px 0 10px 0; font-size:26px; color:#000; }
.linha-vertical { float:left; width:1px; height:200px; margin:90px 12px 0 13px; background-color:#000; }
.linha-horizontal { width:950px; height:1px; background-color:#000; }
ul#paginacao { float:right; height:20px; margin:10px 9px 0 0; line-height:20px; list-style:none; font-weight:bold; } 
ul#paginacao li { float:left; height:20px; overflow:hidden; text-align:center; margin:0 2px; }
ul#paginacao li a { background-color:#000; padding:0 5px;  color:#FFF; }
ul#paginacao li a:hover,
ul#paginacao li .ativo-paginacao { background-color:#CCC; color:#000; }
#links-reps { float:left; width:580px; margin-right:10px; }
#links-reps div { margin-bottom:20px; line-height:25px; }
#chat { float:right; }
div#menu-produtos { float:left;  width:280px; overflow:hidden; }
div#menu-produtos a { line-height:26px; font-size:18px; color:#666; }
div#menu-produtos a.cat-ativa,
div#menu-produtos a:hover { color:#000; }
div#lista-produtos { float:right; width:630px; margin-right:35px; }
#info-madeiras-prod {float:left; margin:-25px 0 0 300px; }
#info-madeiras-prod div { float:left; margin:10px 15px 0 0; }
#info-madeiras-prod div img { float:left; margin-top:10px; }
#info-madeiras-prod div p { float:left; margin-top:20px; padding-left:5px; }
div.wrapper-produto { float:left; width:305px; height:335px; margin:20px 10px 0 0; background-color:#E4E4E4; }
div.wrapper-produto-img { width:275px; height:295px; position:relative; top:10px; left:15px; text-align:center; vertical-align:middle; display:table-cell; z-index:1; background-color:#FFF; }
div.wrapper-produto-img img { max-width:255px; max-height:275px; margin:10px; }
img.selo, 
img#selo-detalhe { width:70px; height:57px; position: relative; top: -285px; left: 220px; z-index:2; }
img#selo-detalhe { top: 15px; left: -85px; }
.nome-produto { text-align:center; margin-top:-40px; font-weight:normal; font-size:16px; }
#feature_list { float:left; width:305px; height:415px; overflow:hidden; position:relative; background-color:#E4E4E4; }
#feature_list ul { position:absolute; top:0; list-style:none; padding:0; margin:0; }
ul#tabs { width:85px; height:85px; padding:0px; margin:320px 0 0 15px; float:left; width:100%; z-index:2; list-style:none;}
ul#tabs li { position:relative; top:10px; text-align:center; vertical-align:middle; display:table-cell; z-index:1; background-color:#FFF; }
ul#tabs li a img { max-width:85px; max-height:85px; }
ul#output li { width:275px; height:295px; position:relative; top:15px; left:15px; text-align:center; vertical-align:middle; display:table-cell; z-index:1; background-color:#FFF; }
ul#output li img { max-width:275px; max-height:295px; background-color:#FFF; }

#dados-produto { float:right; width:300px; margin-top:-60px; overflow:hidden; }
#dados-produto p { line-height:20px; padding-bottom:20px; font-size:16px; font-weight:normal; }
#dados-produto div { padding-top:10px; }
#dados-produto div img { max-width:75px; max-height:140px; margin:10px 10px 0 0; }
.destaque { font-size:18px; }

#div-formulario { float:left; width:580px; }
#div-dados-empresa { float:left; line-height:20px; text-align:center; }
#form { float:left; width:500px; margin:15px 0 0 15px; color:#000; }
#form label { float:left; width:100px; margin-top:4px; font-size:14px; }
#form input,
#form select,
#form textarea {  border:0; background-color:#E5E5E5; }
#form input { float:left; width:380px; height:22px; padding:2px 10px; margin-bottom:6px; }
#form input[type=submit] { float:right; width:180px; height:24px; cursor:pointer; font-size:12px;  font-weight:bold; margin:5px 0 15px 0; line-height:12px; }
#form select {float:left; width:400px; height:24px; padding-left:10px; margin-bottom:6px; }
#form textarea { width:380px; height:300px; padding:2px 10px; margin-bottom:4px; }
.quebra-linha { clear:both; }