@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px; list-style: none;}
body {font: 12px Arial, Helvetica, sans-serif; background-color: #fff; color: #736357;}
img {border:none;}
a {color: #736357;}
h2 {height: 30px; line-height: 30px; padding: 0px 10px 0 20px; color: #FFF; font-size: 14px; background: #94ab5b;}
h2 .left {width: 500px; float: left;}
h2 img {margin-top: 3px;}
h2 span.txtBusca {font-weight: normal; font-size: 12px;}
h2 span.resultBusca {text-transform: uppercase;}
h3 {font-size: 17px; color: #000; margin-bottom: 4px;}
select {padding:0px;}
img.float, input.float, select.float {float:left;}
img.right, input.right, select.right {float:right;}

object, embed {outline: none;}

/*********************************************************************************/
/*CLASSES USADAS EM TODO O SITE, DEFINIÇÕES DE CORES, TAMANHOS DE FONTES E BORDAS*/
/*********************************************************************************/
.back{background-color:#f00;}
.inv{display:none;}

.fonte10{font-size:10px;}
.fonte11{font-size:11px;}
.fonte12{font-size:12px !important;}
.fonte13{font-size:13px;}
.fonte14{font-size:14px;}
.fonte15{font-size:15px !important;}
.fonte16{font-size:16px;}
.fonte18{font-size:18px;}
.fonte23{font-size:23px;}
.fonte25{font-size:25px;}
.fonteNormal{font-weight:normal;}
.fonteNegrito{font-weight:bold;}

.fonteBranca{color:#fff;}
.fontePreta{color:#000;}
.fonteVermelha{color:#f00;}
.fonteLaranja{color:#ea9501 !important;}
.fonteVerde {color: #668715 !important;}
.fonteVerdeClaro, .fonteVerdeClaro a {color: #94ab5b !important;}
.fonteMarrom {color: #75665a !important;}
.fonteLink, .fonteLink a{color:#00f;}
.fonteCinza, .fonteCinza a{color:#5a5a5a;}

.alinhaCentro{text-align:center;}
.alinhaEsquerda{text-align:left;}
.alinhaDireita{text-align:right;}
.alinhaJustificado{text-align:justify;}

.alinhaVerticalBaixo{vertical-align:bottom;}

.linkSemSub, .linkSemSub a{text-decoration:none;}
.underline{text-decoration:underline;}

.lt{border-top:solid 1px #d9d9d8;}
.le{border-left:solid 1px #fdebd7;}
.ld{border-right:solid 1px #fdebd7;}
.lb{border-bottom:solid 1px #fdebd7;}

.ltC{border-top:solid 1px #d9d9d8;}
.lbC{border-bottom:solid 1px #d9d9d8;}

.ltB{border-top:solid 1px #FFF;}
.leB{border-left:solid 1px #FFF;}
.ldB{border-right:solid 1px #FFF;}
.lbB{border-bottom:solid 1px #FFF;}

.borderBranca{border:solid 1px #fff;}
.borderVerde{border:solid 1px #668715;}
.borderMarrom{border:solid 1px #75665a;}
.borderMarromClara{border:solid 1px #d5d1cd;}

.padding5{padding:5px;}
.padding2x5{padding:2px 5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding5x20{padding:5px 20px;}

.paddingTop10{padding-top:20px;}
.paddingRight20{padding-right:20px;}

.marginRight5 {margin-right: 5px;}
.marginRight10 {margin-right: 10px;}
.marginRight30{margin-right:30px;}

.marginLeft5 {margin-left: 5px;}
.marginLeft10 {margin-left: 10px;}
.marginLeft15 {margin-left: 15px;}					.marginRight15 {margin-right: 15px;}
.marginLeft20 {margin-left: 20px;}					.marginRight20 {margin-right: 20px;}
.marginLeft25 {margin-left: 25px;}
.marginLeft30 {margin-left: 30px;}
.marginLeft50 {margin-left: 50px;}
													
.marginBottom5 {margin-bottom: 5px;}				.marginTop5 {margin-top: 5px;}
.marginBottom10 {margin-bottom: 10px;}				.marginTop10 {margin-top: 10px;}
.marginBottom15 {margin-bottom: 15px;}				.marginTop15 {margin-top: 15px;}
.marginBottom20 {margin-bottom: 20px;}				.marginTop20 {margin-top: 20px;}
.marginBottom25 {margin-bottom: 25px;}				.marginTop25 {margin-top: 25px;}
.marginBottom35 {margin-bottom: 35px;}				.marginTop35 {margin-top: 35px;}

.marginAuto{margin:auto;}
.margin15{margin:15px;}
.margin5x20{margin:5px 20px;}
													
.clear {clear: both;}
.clearLeft {clear: left;}
.clearNone {clear: both; height: 0px; line-height: 0px; visibility: hidden;}

.floatLeft{float:left !important;}
.floatRight{float:right !important;}

.fundoBranco{background-color:#fff;}
.fundoMarrom{background-color:#75665a;}
.fundoVermelho{background-color:#f00;}
.fundoVerde{background-color:#94ab5b;}
.fundoVerdeClaro{background-color:#e5edd2;}
.fundoLaranja{background-color:#ea9501;}

.pointer{cursor:pointer;}

.bolinha li{list-style:disc !important; margin-left:20px;}
.numerada li{list-style:decimal !important; margin-left:20px;}

/*********************************************************************************/
/*************************************ESTRUTURA************************************/
/*********************************************************************************/

#divTudo{width: 1000px; margin: 0px auto; background: #FFF; position: relative;}
#divConteudo {width: 1000px; background: #FFF;}
#divSubmenu {width: 220px; float: left; background: #FFF;}

#divSubmenu ul {width: 218px; color: #000; margin: 10px 0px 20px 0px;}
#divSubmenu ul li { padding: 4px 10px 0px 0px; font-size: 12px; color: #736357;}
#divSubmenu ul li.principal {width: 208px; padding: 7px 10px 7px 0px; font-size: 12px; font-weight: bold; border-top: 1px solid #94ab5b; border-bottom: 1px solid #94ab5b;}
#divSubmenu ul li.espaco {margin-top: 10px;}
#divSubmenu ul li.espacoB {margin-top: 20px;}
#divSubmenu ul li.subs {padding: 0px 10px;}
#divSubmenu ul li.subs ul {width: 198px; margin: 0px 0px 3px 0px;}
#divSubmenu ul li.subs ul li {width: 188px; padding: 2px 10px 2px 0px; font-size: 11px;}

#divSubmenu ul li a {color: #736357; text-decoration: none;}
#divSubmenu ul li a:hover {text-decoration: underline;}

#divSubmenu ul small {font-size: 10px; font-weight: normal;}
#divSubmenu ul li.vejaTambem {margin: 20px 0 5px 0px; font-size: 11px;}

#divSubmenu dl{font-size: 13px; width: 219px; padding:10px 0px; border-left: 1px solid #94ab5b; border-bottom: 1px solid #94ab5b; background: url(../imagens/fundo_submenu.gif) repeat-y right top;}
#divSubmenu dl dt, #divSubmenu dl dd {width: 219px;}
#divSubmenu dl dt *,#divSubmenu dl dt.titulo, #divSubmenu dl dd a{ color:#54672f; font-weight:bold; text-decoration:none; width: 188px; display: block; padding: 5px 5px 5px 25px; }
#divSubmenu dl dt.veja{padding:5px 25px; width: 169px;}
#divSubmenu dl dd a{font-weight:normal; width: 173px; display: block; padding: 3px 5px 3px 40px; text-decoration: none;}
#divSubmenu dl dd.fonteNegrito a{font-weight:bold;}
#divSubmenu dl dd.nivel3 a{padding-left:60px; width: 153px;}
#divSubmenu dl dt a:hover, #divSubmenu dl dd a:hover{text-decoration:underline;}
#divSubmenu dl .selected{background: #E8EDDC url(../imagens/seta.gif) no-repeat right center;}
#divSubmenu dl .selected a{color:#54672f; font-weight:bold;}

#divSubmenu.menuOfertas h2 {background: #950101;}
#divSubmenu.menuOfertas dl {border-left: 1px solid #950101; border-bottom: 1px solid #950101;  background: url(../imagens/fundo-submenu-ofertas.gif) repeat-y right top;}
#divSubmenu.menuOfertas dl dt *, #divSubmenu.menuOfertas dl dd a{ color:#950101;}

#divSubmenu.menuLancamentos h2 {background: #6e5084;}
#divSubmenu.menuLancamentos dl {border-left: 1px solid #6e5084; border-bottom: 1px solid #6e5084;  background: url(../imagens/fundo-submenu-lancamentos.gif) repeat-y right top;}
#divSubmenu.menuLancamentos dl dt *, #divSubmenu.menuLancamentos dl dd a{ color:#6e5084;}

.linhaPontilhada{background:url(../imagens/linha.pontilhada.gif) repeat-x center;}

#divConteudoInternas {width: 778px; float: left; }
.breadCrumb {height: 30px; line-height: 30px; padding: 0px 20px; color: #FFF; font-size: 12px; background: #94ab5b;}
.breadCrumb a {color: #FFF;}

/*********************************************************************************/
/*************************************PRODUTOS************************************/
/*********************************************************************************/

.produtos {position: relative; color: #000;}
.produtos a {color: #736357;}
.produtoNome {display: block; margin-bottom:8px; text-decoration:none;}
.produtoNome:hover{text-decoration:underline;}
.produtoNomeIndicacao {display: block; font-size:12px; margin: 13px 0 5px 0;}
.produtoCor {display: block; color: #736357;}
.produtoPreco {display: block; color: #ec9d13; font-size: 15px;	font-weight: bold;}
.produtoPrecoGrande {display: block; color: #ec9d13; font-size: 20px; font-weight: bold; margin-bottom: 3px;}
.produtoPrecoGrande span {font-size: 12px; font-weight: normal;}
.produtoPrecoCortado {text-decoration: line-through;}
/*.produtoVezes {display: block; color: #ec9d13; font-size: 15px;}*/
.precoAzul {color: #374262 !important; font-size: 13px;}
.produtos .comparar {position: absolute; width: 18px; overflow: hidden; height: 80px; top: 0px; left: -20px;text-align: center; background: url(../imagens/icon_compare.gif) no-repeat 2px 15px;}
.produtos .comparar label {display: block; cursor: pointer; height: 80px;}
.produtoEconomize {color: #b30000; font-size: 12px;}
.produtoEconomizeLst {color: #b30000; font-size: 10px;}
.seloPromocao{position:relative;}
.seloPromocao div {border:solid 2px #fff; position:absolute; left:119px; top:-9px; text-align:center; background:#b30000; color:#fff; font-size:12px; line-height:11px; padding:6px 4px; letter-spacing:-1px;}
.seloPromocao div span {display: block; font-size: 15px;}
.vejaMais {margin-top: 5px; font-size: 11px; color: #736357}

.listaProdutos .produtos {font-size: 11px;}
.listaProdutos .produtoNome {font-size: 10px; margin-bottom:5px;}
.listaProdutos .produtoEconomize { font-weight: bold; font-size: 11px; margin-bottom:5px;}
.listaProdutos .produtoPreco12 {font-size: 12px;}

.boxNews {width: 300px; float: left; margin-top: 10px;}
.boxNews .img {width: 300px; display: block;}
.boxNews .coluna {width: 145px; margin-top: 10px; padding: 0px 5px 20px 0px; float: left;}
.boxNews .fornecedor {width: 140px; display: block;}

/*********************************************************************************/
/*************************************ORDENAÇÃO***********************************/
/*********************************************************************************/

#ordenacao {width: 778px; border-bottom: 1px solid #94ab5b;}

#ordenacao .filtros{float:left; padding:12px 5px; width:593px;}
#ordenacao .filtros select{width:auto; margin:5px 5px 0px 5px;}
#ordenacao .filtros select option{padding:0px 5px;}

#ordenacao .divOrdenar{float:right; background-color:#E8EDDC; padding:12px 15px; width:145px;}
#ordenacao .divOrdenar select{width:100%; margin-top:5px;}

#paginacao {
	width: 740px;
	height: 22px;
	padding: 8px 19px;
	border-top: 1px solid #94ab5b;
}

/*********************************************************************************/
/************************************PAGINAÇÃO************************************/
/*********************************************************************************/
#paginacao .regua {
	width: 455px;
	float: right;
	text-align: right;
	line-height: 21px;
}

#paginacao .regua a {
	padding: 2px 5px;
	border: 1px solid #94ab5b;
	text-decoration: none;
	margin: 0px 1px;	
}

#paginacao .regua a:hover {
	background: #94ab5b;
	color: #FFF;
}

#paginacao .regua b{
	padding: 2px 5px;
	background: #94ab5b;
	color: #FFF;
	border: 1px solid #94ab5b;
	margin: 0px 1px;
}

.formDuvida {width: 215px; margin: 0px auto; text-align: left;}
.formDuvida .result { text-transform: uppercase;}
.formDuvida .campo {width: 209px; padding: 2px; border: 1px solid #686868; display: block; margin: 3px 0px 10px 0px; font: 12px Arial, Helvetica, sans-serif;}
.formDuvida label {cursor: pointer;}
.formDuvida .bt {width: 59px; height: 22px; cursor: pointer; border: none; display: block; float: right; background: url(../imagens/bt_enviar.gif) no-repeat;}

.formOrcamento{width:310px;}
.formOrcamento label {cursor: pointer;}
.formOrcamento input {padding: 2px; margin: 3px 0px 10px 0px; font: 12px Arial, Helvetica, sans-serif;}
.formOrcamento .campo {width: 300px; display: block; }
.formOrcamento .block {display: block;}
.formOrcamento input.bt{border:none; width:101px; height:25px;}

.buscaSemResultado {padding: 40px 0px;text-align:center;}
.buscaSemResultado p {margin: 0 0 10px 0;}

.divResposta {padding: 15px 8px 0 8px; clear: both;}
.divResposta .erro {color: #FF0000; font-weight: bold;}
.divFormIndicacao {width: 165px; float: left; padding: 15px 8px;}
.divFormIndicacao input, .divFormIndicacao textarea { width: 95%; padding: 2px; margin: 2px 0 5px 0; }
.divFormIndicacao input.bt {width: 128px;}
.divFormIndicacao input.btS {width: 130px;}
.divPrdIndicacao {width: 150px; float: right; padding: 60px 8px 15px 0;}

.tabelaCadastro{width:100%;}
.tabelaCadastro thead th{padding:5px 20px;}
.tabelaCadastro tbody td, .tabelaAreaVip tbody td{padding:5px 15px; text-align:right; border-bottom:solid 1px #d9d9d8;}
.tabelaCadastro tbody th, .tabelaAreaVip tbody th{padding:5px 15px; background-color:#e5ebd7; width:60%; text-align:left; border-bottom:solid 1px #d9d9d8;}
.tabelaCadastro tbody td.obs{width:20%; text-align:left; font-size:11px;}
.tabelaCadastro tbody td.slb, .tabelaAreaVip tbody td.slb{border-bottom:none;}
.tabelaCadastro tbody th.erro{color:#f00;}
.tabelaCadastro label{font-weight:bold;}
.tabelaCadastro label.naoObrigatorio{font-weight:normal;}

.tabelaAreaVip{width:60%;}
.tabelaAreaVip th.alinhaDireita{text-align:right;}

#divConteudoInternas #divComplementar p{margin:10px 0px;}
#divConteudoInternas #divComplementar a strong{margin-top:15px; display:block;}

.passos{padding:0px 0px 0px 45px;}
.m1{background:url(../imagens/icon_passo_1.gif) no-repeat left top;}
.m2{background:url(../imagens/icon_passo_2.gif) no-repeat left top;}
.m3{background:url(../imagens/icon_passo_3.gif) no-repeat left top;}
.m4{background:url(../imagens/icon_passo_4.gif) no-repeat left top;}
.m5{background:url(../imagens/icon_passo_5.gif) no-repeat left top;}

.logoIndicacao {width: 151px; float: left;}
.tituloIndicacao {width: 180px; float: right; background: none; color: #d57634; padding: 25px 0 0 0; line-height: normal;}

/*********************************************************************************/
/***********************************ESTILOS DO BLOG*******************************/
/*********************************************************************************/
ul.listaHomeBlog li{float:left; width:45%; margin-right:1%;}
ul.listaHomeBlog li.clearNone{height:2px; visibility:visible; float:none;}
h3.ico{padding:15px 0px 10px 110px; background:no-repeat left;}

/**** blog normal ****/
h3.macicosEstruturados{background-image:url('../imagens/ico.revestimentos.macicos.estruturados.jpg');}
h3.carpetesMadeira{background-image:url('../imagens/ico.revestimentos.carpetes.em.madeira.jpg');}
h3.carpetesPlaca{background-image:url('../imagens/ico.revestimentos.carpetes.em.placa.jpg');}
h3.laminados{background-image:url('../imagens/ico.revestimentos.laminados.jpg');}
h3.ceramicos{background-image:url('../imagens/ico.revestimentos.ceramicos.jpg');}
h3.vinilicos{background-image:url('../imagens/ico.revestimentos.vinilicos.jpg');}


ol.comentariosBlog li{ margin-bottom:15px;}
ol.comentariosBlog li cite{font-weight:bold;}

/**** blog glossário ****/
h3.icon_5{background-image:url('../imagens/ico.revestimentos.carpetes.em.madeira.jpg');}
h3.icon_6{background-image:url('../imagens/ico.revestimentos.laminados.jpg');}
h3.icon_7{background-image:url('../imagens/ico.revestimentos.ceramicos.jpg');}

.snap_nav {width: 100%; float: left; padding-bottom: 15px;}
.snap_nav li {float: left; padding: 2px 4px 2px 4px; margin: 2px;border: 1px solid #94ab5b;	color: #736357;	background-color: #FFFFFF;}
.snap_nav li a {color: #94ab5b;	text-decoration: none !important;}
.snap_nav li.snap_selected {border: 1px solid #94ab5b;	background-color: #94ab5b;}
.snap_nav li.snap_selected a {color: #FFF;}

.divTop {width: 760px; float: left; margin-top: 10px;}
.divTop img {float: left; width: 174px;}
.divTop p {width: 580px; float: left; padding-top: 10px; color: #98a95b;}

/*********************************************************************************/
/****************************PÁGINAS COMPLEMENTARES*******************************/
/*********************************************************************************/
.listaMarcas{width:100%;}
.listaMarcas li{ width: 190px; text-align: center; height: 70px; float:left; overflow: hidden;}

.frm_garantia {width: 550px; margin-top: 25px; padding-bottom: 20px;}
.frm_orcamento {width: 400px; margin-top: 25px; padding-bottom: 20px; padding: 0px 10px;}

.frm_garantia table, .frm_orcamento table{width: 100%;}
.frm_revenda table{width: 80%; margin:auto;}
.frm_garantia table.sep, .frm_orcamento table.sep{border-bottom: 1px solid #D9D9D8; margin-bottom: 5px; padding-bottom: 5px;}
.frm_garantia table td, .frm_orcamento table td, .frm_revenda table td{padding: 5px 10px;}
.frm_garantia table td input, .frm_garantia table td textarea, .frm_garantia table td select {width: 100%; margin: 0px;}
.frm_orcamento table td input, .frm_orcamento table td textarea, .frm_orcamento table td select {width: 100%; margin: 0px;}
.frm_revenda table td input, .frm_revenda table td textarea, .frm_revenda table td select{width:100%; margin:0px;}
.frm_revenda table td.semTamanho input, .frm_revenda table td.semTamanho textarea, .frm_revenda table td.semTamanho select{width:auto;}

/****** POPUP ******/
.conteudo_pop {padding: 10px;}
.conteudo_pop h4 {margin: 10px 0px;}
.conteudo_pop p {margin-bottom: 10px;}


/**** BOLETOS PARCELADOS ****/
/**** página complementar ****/
.esquerdaBoletoParcelado {width: 420px; float: left;}
.direitaBoletoParcelado {width: 320px; float: right;}

/**** área vip ****/
.tabelaListaBoletos {width: 730px; clear: both; margin: 0px auto; padding: 40px 0 0 0;}
.tabelaListaBoletos table {width: 100%;}
.tabelaListaBoletos table td, .tabelaListaBoletos table th {padding: 6px 8px; text-align: left;}
.tabelaListaBoletos table .bt {border-top: 1px solid #94ab5b}
.tabelaListaBoletos table .br {border-right: 1px solid #94ab5b}
.tabelaListaBoletos table .bb {border-bottom: 1px solid #94ab5b}
.tabelaListaBoletos table .bl {border-left: 1px solid #94ab5b}

/****Página de Parceiros*****/
.btVoltar{background:url('../imagens/bt.voltar.gif') no-repeat center; width:57px; height:24px; border:none;}

/* BARRA DE ROLAGEM NAS DERIVADAS (CORES) */
/* hide from incapable browsers */
div#scrollbar {display:none;}

/* below in external file */
div#wn	{position:relative; width: 365px; margin: 0px auto; height: 89px; overflow:hidden; }
div#scrollbar {position:relative; width: 365px; margin: 0px auto; height:19px; display:block; /* display:none initially */	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */ }	
div#track {position:absolute; left: 15px; top:0px; width:335px; height:19px; background: #eae8e2;}
div#dragBar {position:absolute; left:1px; top: px; width:20px; height:19px; background-color:#ceced6; cursor: pointer; background: url(../javascript/hscroll/images/fundo-drag.gif);}
div#dragBar .e {float: left;}
div#dragBar .d {float: right;}  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {-moz-user-select: none;-khtml-user-select: none;}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {display:block;}