/* Dermage */
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
img {border:0; text-decoration:none;}
/* margin e padding zero de acordo com o layout */
body, form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
.none {display:none;}
.clearB {clear:both;}
body {background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* =Classes */
.destaque, h3, .opiniao_link, .tit, .msgerro, .txt, .txt1, .txt2, .txt3, .txt4, .txt5, .txt8, .linha, .txtInstitucional, .txtInstitucional2, .txtProduto, .txtProduto2, .txtProdutoG, .txtComplemento, .txtComplemento2, .txtDepartamento, .txtDepartamentoSelected, .txtSecao, .txtSecaoSelected, .preco, .precoDe, .precoPor, .precoParcelado, .preco2, .precoDe2, .precoPor2, .precoParcelado2, .precoParceladoG, .txtPaginacao, .txtPaginacaoSelected, .txtProdutoP {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000;}
.opiniao_link {font-size: 11px; font-weight: normal;}
.txt1 {color:#f79239; font-weight:bold;}
.txt2 {font-size:13px; color:#f79239;}
.txt3 {font-weight: bold; font-size: 12px; color: #f79239;}
.txt4 {font-size: 12px; color: #000;}
.txt5 {font-size: 15px; color: #F79239;}
.msgerro {color:#FF0000; font-size:12px;}
.txt, .txtInstitucional {color:#535353;}
.txtDepartamento {color:#FFF; font-size:14px; font-weight:bold;}
.txtDepartamentoSelected {color:#f79239; font-size:14px; font-weight:bold; background-color:#ffbf4a;}
.numero {color:#f79239; font-weight:bold;}
.txtProduto{font-weight:bold; display:block; color:#333;}
.txtComplemento{color:#333;}
.preco {font-size:13px; color:#333; font-weight:bold;}
.precoDe, .linha, .linha2, .txtProdutoP {font-size:12px; color:#333;}
.precoPor {font-size:13px; color:#333; font-weight:bold;}
.txtSecao {color:#f79239; font-size:14px; font-weight:bold;}
.txtSecaoSelected {color:#ffbf4a; font-size:14px; font-weight:bold;}
.txtProduto2 {font-weight:bold; display:block; color:#f79239; font-size:12px; text-transform:uppercase;}
.txtProduto3 {font-weight:bold; display:block; color:#f79239; font-size:11px; text-transform:uppercase;}
.txtProdutoG {font-weight: bold; color: #f79239; font-size: 14px;}
.txtComplemento2, .precoParcelado2 {color:#020202; font-size:12px;}
.preco2, .precoPor2  {font-size:16px; color:#f79239; font-weight:bold;}
.precoDe2 {font-size:12px; color:#333; text-decoration:line-through;}
.txtPaginacaoSelected {color:#f79239; font-weight:bold;}
a.txtPaginacao:active, a.txtPaginacao:hover {color:#f79239; text-decoration: none;}
h2.tit {font-weight: bold; color: #f79239; font-size: 14px;}
.interno h3, .internoPG h3, .internoPG h3 a {margin-top: 30px; color: #f79239; font-size: 12px;}
.destaque {color: #f79239;}

/* =Topo */
#topo {padding-top:5px;}
#topo .interno {width:980px; margin:0 auto; position:relative;}
#menuInstitucional {margin:0; padding:10px 0; list-style:none; float:left;}
#menuInstitucional li {display:inline; background:url(../imagens/dermage-separador.gif) no-repeat right; padding-right:3px;}
#menuInstitucional li a {margin:0 3px 0 2px;}
* + html #menuInstitucional li a {margin:0 1px 0 5px;}
* html #menuInstitucional li a {margin:0 1px 0 5px;}
#carrinho {float:right; position:absolute; width:170px; height: 65px; top: 20px; right: 0;}
#carrinho .txt1 {position:absolute; top:30px; right:0; font-size:11px;}
.txtseguro {height:20px; font-size:10px; position:absolute; padding-left:17px; width:87px; top:30px; right:0; background-image: url("../imagens/dermage-icoCadeado.jpg");  background-repeat:no-repeat; z-index:100; color: #000000; line-height:100%;}

#menu {clear:both; background-color:#f79239; text-align:center; height:28px; margin:10px 0 20px;}
#menuDepartamentos {width: 980px; margin:0 auto; padding:0; list-style:none;}
#menuDepartamentos li {float:left; text-align:center; position:relative; z-index:5;}
#menuDepartamentos li a {display:inline-block; width:105px; height:23px; padding:5px 0 0; border-right:solid 1px #fde1c8;}
#menuDepartamentos li:hover .sub {	display:block;}
#menuDepartamentos .subMenu {
	background-color: #FFBF4A;
	padding: 0 0 0 15px;
}
#menuDepartamentos .acabamento{
	width:191px;
	height:10px;
	background:url(../imagens/dermage-subMenu.png) no-repeat scroll left bottom;
}
#menuDepartamentos li:hover a{
	background-color: #FFBF4A;
	color: #F79239;
}
#menuDepartamentos li:hover .subMenu li a {color:#FFF;}
#menuDepartamentos li:hover .subMenu li a:hover {color:#F79239;}
#menuDepartamentos .sub{
	width:191px;
	/*background-color: #FFBF4A;*/
	left:0;
	position:absolute;
	top:28px;
	z-index:20;
	display:none;
}
#menuDepartamentos .subMenu li {
	float:none;
	border:none;
	padding:2px 0;
	height:auto;
	text-align:left;
	width:191px;
	background:none;
	list-style:none;
}
#menuDepartamentos .subMenu li a {
	background:none;
	border:none;
	color:#fff;
	display:inline;
	float:none;
	height:auto;
	padding:0;
	font-size: 12px;
}




#formBusca {float:left; position:relative; width:260px; padding-bottom:5px;}
#formBusca #btOk {text-indent:-5000px; display:block; background:url(../imagens/dermage-btOk.gif) no-repeat top left; width:17px; height:26px; position:absolute; top:-3px; right:0; border: 0; }
#loginPedidosCadastro {float:right; font-weight:bold;}
#login, #login a {color:#f79239;}

/* =Login */
#janelaLogin {display: none; font-weight: normal; position: absolute; padding: 2px 5px 5px; top: 15px; right: 0; z-index: 52; background: #FFF; width: 200px; border: solid 1px #f79239; text-align: left;}
* html #janelaLogin {right: 12px;}
* + html #janelaLogin {right: 12px;}
#janelaLogin a#fechar {position: absolute; right: 5px;}
#janelaLogin a#btLogin {position: absolute; top: 50px; right: 25px;}
#janelaLogin label#lEmail, #janelaLogin label#lSenha {display: block;}
#janelaLogin label input {margin-top: 5px;}
#janelaLogin label#lEmail input {width: 130px;}
#janelaLogin label#lSenha input {width: 80px; margin-left: 5px;}

/* =Conteúdo */
#conteudo {clear:both; padding:10px 0 15px; border-top:solid 1px #f79239;}
#conteudo .interno {width:980px; margin:0 auto;}
#conteudo #miolo {width:740px;}
#colunaDireita {width:231px; float:right;	margin-left:5px;}
#formMala {background:#fcdabc url(../imagens/dermage-bgMala.gif) no-repeat top left; width:207px; height:126px; padding:100px 0 0 22px; margin-bottom:40px;}
#formMala input {margin:7px 0;}
#formMala #btOkMala {text-indent:-5000px; display:block; background:url(../imagens/dermage-btOk.gif) no-repeat top left; width:17px; height:26px; position:relative; top:-33px; left:168px;}
a.txtDepartamento:active, a.txtDepartamento:hover, a.txtDepartamentoSelected {color:#f79239; background-color:#ffbf4a; text-decoration:none;}

/* =Produtos Home */
.lancamento {display:block;}
ul#produtos {margin:0; padding:0; list-style:none;}
ul#produtos li .interno2 {background:url(../imagens/dermage-separador2.gif) no-repeat bottom right; padding:0 15px;}
ul#produtos li .img {margin-bottom:15px;}
.linhaProd {}
.descricaoResumida {display:block; text-align:center; color:#f79239; font-weight:bold; font-size:11px; padding-bottom:15px;}

#valorTotalVar { color:#F79239; padding:20px 0; text-align:right; }

/* =Controles carrossel Home */
#carrosselHome {margin:0 auto; padding:0;}
#listaHome {width:720px; height:420px; margin:0 20px 0 10px; overflow:hidden;}
* html #listaHome {width:710px;}
.stepcarousel {position:relative; /*leave this value alone*/ overflow:hidden; /*leave this value alone*/ height:415px; /*Height should enough to fit largest content's height*/}
.stepcarousel .belt {position:relative; /*leave this value alone*/ left:0; top:0;}
.stepcarousel ul#produtos li.panel {float:left; /*leave this value alone*/ overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin:0 3px 0 0; /*margin around each panel*/ padding:0; width:243px; height:410px;}

/* =Departamento */
#colunaEsquerda {width:231px; float:left; margin-right:5px;}
ul#menuSecoes {margin:0 0 85px; padding:0; list-style:none; width:225px;}
ul#menuSecoes li {border-bottom:solid 1px #f79239; padding:23px 5px 12px;}
#mioloInterno {margin-left:240px;}
#bannerDepartamento {text-align:center; margin-bottom:40px;}
a.txtSecao:active, a.txtSecao:hover {color:#ffbf4a; text-decoration:none;}
* html #breadCrumb {padding-left: 20px;}
#breadCrumb a {background:url(../imagens/dermage-separador4.gif) no-repeat right; padding-right:12px;}
ul#produtos2 {margin:0 0 0 50px; padding:0; list-style:none; float:left;}
* html ul#produtos2 {margin:0 0 0 0;}
ul#produtos2 li {border-right:1px solid #fddec3; padding:15px 30px 30px 30px; width:280px; height: 320px; float:left;}
.linhaProd2 {padding-bottom:20px;}

/* =Seção */
#ordenacaoPaginacao {position: relative; width: 730px;}
#formOrdenacao {padding:5px 0 0 40px; width:250px; height:25px;}
#linha {position: relative; clear: both; padding-bottom: 25px;}
.paginacao, .paginacao2 {list-style:none; padding:15px 10px 0 40px; margin:0; height:15px; position: absolute; right: 0; top: 0; text-align: right;}
ul#produtos3 {margin:0 0 30px 50px; padding:0; list-style:none; float:left;}
* html ul#produtos3 {margin:0 0 50px 0;}
ul#produtos3 li {padding:15px 30px 30px 30px; width:169px; height: 355px; float:left;}
.paginacao li, .paginacao2 li {float:left; list-style:none;}

/* =Detalhe */
#mioloInterno2 {background-color: #FFF; padding-top: 25px;}
#colunaImagem {width: 280px; vertical-align: middle; float: left; padding-bottom: 15px; margin: 0 80px 0 20px;}
* html #colunaImagem {margin: 0 70px 0 20px;}
#colunaImagem #icones {padding: 5px 0; text-align: center;}
#colunaImagem #icones a {background: url(../imagens/dermage-icoAmpliar.gif) no-repeat left; width: 109px; height: 17px; display: block; margin-left: 80px;}
#colunaPreco {width: 590px;	float: left; margin-top: 35px;}
* html #colunaPreco {width: 575px;}
#descricaoDetalhada {margin: 15px 0 30px; *margin: 50px 0 30px; font-size: 12px; line-height: 150%; clear: both; overflow: hidden;}
#descricaoDetalhada h3 { background-color: #FBC89C; color: #AA5001; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; padding: 0 15px; margin: 0 0 10px 0; }
#descricaoDetalhada #envolve { padding: 0 10px; }
.faixaPrazo {position: relative; *margin: -15px 0 0 0;}
.faixaPrazo #textoPrazo { display: block; }
#faixaPrazoIndique {position: relative; width: 480px;}
#btIndique {background: url(../imagens/dermage-btIndique.gif) no-repeat left; width: 190px; height: 20px; display: block; margin: 10px auto 0 auto;}
/* =Fotos */
#fotos {text-align: center;}
#fotos ul {margin: 0; padding: 0; list-style: none;}
#fotos ul li {display: inline; margin: 2px;}
#fotos ul li img {border: solid 1px #706e6e;}
#tabOpcoes {margin: 20px 0; font-size: 12px; border: 1px solid #FBC89C;}
* + html #tabOpcoes {margin: 60px 0 20px;}
* html #tabOpcoes {margin: 60px 0 20px;}
#tabOpcoes .precoPor2, .preco2 { font-size: 12px; }
#tabOpcoes th {height: 25px; background-color: #fbc89c; color: #aa5001; text-align: left; padding: 0;}
tr.linha td {padding: 15px 0; border-bottom: solid 1px #d9d9d9;}
tr.linha td.var {padding-left: 5px;}
tr.linha td span img {vertical-align: middle;}
tr.linha td input {width: 20px;}

#envolveProdutosSemVar {
	overflow: auto;
	max-height: 160px;
	min-height: 80px;
}

.linhasPrdSemVar {
	clear: both;
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}

.AttrProd {
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
	width: 184px;
	padding: 0 0 0 15px;
}

.AttrProd img {
	vertical-align: middle;
}

.precoProd {
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
	width: 280px;
}

.qtdProdSemVar {
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
	clear: both;
	width: 79px;
}

.linhasPrdSemVar span.tdQtd {
	position: static;
	display: block; 
}

.linhasPrdSemVar span.tdQtd a.icoMais {
	position: static;
	float: left;
	margin: 0 0 3px 0;
}

.linhasPrdSemVar span.tdQtd a.icoMenos {
	position: static;
	float: left;
}

.linhasPrdSemVar input {
	display: block;
	float: left;
}

.boxDasSetinhas {
	float: left;
	margin: 0 0 0 5px;
	width: 5px;
}


.btComprar a {text-indent: -5000px; background: url(../imagens/dermage-btComprar.gif) no-repeat top left; width: 95px; height: 20px; display: block; margin: 15px 0;}
h3.tit {height: 22px; padding: 3px 0 0 50px; color: #aa5001; font-size: 14px; background-color: #fbc89c;}
#opinioes {padding: 0 50px 15px;}
.opiniao {margin-top: 25px;}
#paginacaoOpiniao {margin: 20px 0; text-align: right;}
ul#produtosVejaTambem {width: 960px; margin: 30px auto; padding: 0; list-style: none;}
ul#produtosVejaTambem li {float: left; width: 300px; height: 150px; padding: 0; margin: 0 7px; position: relative;}
ul#produtosVejaTambem li div.coluna {position: absolute; top: 15px; left: 115px;}


/* =Combo */
ul#fotosCombo {width: 960px; margin: 30px auto; padding: 0; list-style: none;}
ul#fotosCombo li {float: left; width: 170px; height: 110px; padding: 0; margin: 0 15px; position: relative;}
ul#fotosCombo li.first {background: url(../imagens/dermage-icoMais2.gif) no-repeat right;}
ul#fotosCombo li.last {width: 300px;}

/* =DetalheCombo */

#detalheCombo {
	margin: 20px 0;
}

#detalheCombo h3 {
    background-color: #FBC89C;
    color: #AA5001;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 0 15px;
}

#detalheCombo #tabs .off {
	background-color: #FFF;
}

.varComboPrd {
	width: 373px;
}

.varComboPrd span {
	padding: 0 0 10px 0;
}

.qtdComboVar {
	text-align: center;
	width: 104px;
}

.precoComboVar {
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
	clear: both;
	
	width: 293px;
}

.opcComboVar {
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
	clear: both;
	
	width: 180px;
}

.linha td {
	padding: 0 !important;
}

/* COMPRE JUNTO */

.boxCombo {
	border: 1px solid #d9d9d9;
	background-color: #f6f6f6;
	margin: 10px 0 0;
	padding: 5px;
	clear: both;
	overflow: hidden;
}

.boxCombo:hover {
	background-color: #f1f1f1;
}

.fotosCombo {
	width: 650px;
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
}

.fotosCombo a {
	display: block;
}

.fotosCombo span {
	display: block;
}

.fotosCombo img {
	display: block;
}

.fotosCombo li {
	display: inline-block;
	vertical-align: top;
	zoom:1;
	*display: inline;
	border-collapse: collapse;
	background-image: url(../imagens/dermage-icoMais2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 5px 35px;
	*padding-right: 5px;
}

.fotosCombo li.first {
	padding: 0 0 5px;
	*padding: 0 5px 5px 0;
	background-image: none;
}

.detalheComboTec {
	width: 300px;
	
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
}

.txtProduto .txt1 {
	display: block;
	font-weight: normal;
}

.detalheComboTec .txtDesconto {
	display: block;
	margin: 0 0 10px 0;
	color: #393939;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
}



/* =CEP/Prazo */
#janelaCepDetalhe {display: none; position: absolute; top: 20px; *top: 0; left: 0; z-index: 2; text-align: left; padding: 2px 0 5px; border: solid 1px #CCC; margin-top: 3px; background-color: #FFF;}
.txt6 {font-size: 10px; color: #000; font-weight: normal;}
#prazo {display: none; position: relative; margin-top: -8px;}
*+html #prazo {margin-top: 3px;}
span#consultar {margin-top: 5px; color: #333; display: block;}
#cliqueAqui {font-weight: bold; font-size: 12px; color: #f79239;}
.txt8 {font-size: 11px; color: #000;}
#prazo table {margin-top: 15px;}

/* =BRINDE */
#quickShoModal {background-color: #FFF; overflow: hidden; position: relative; border: #f79239 solid 4px;}
/*#quickShoModal #btnfechar {position: absolute; right: 5px; top: 5px;}*/
#quickShoModal a#btnfechar:hover {text-decoration:none;}
#quickShoModal #btnfechar span {color:#F79239; position:relative; top:-3px;}
#quickShoModal h3 {color:#F79239; font:bold 14px Verdana,Arial,Helvetica,sans-serif; margin-bottom:15px;}
#listaBrindes li{float:left; width:280px; margin: 0 10px; text-align:center; color:#666; font-size:12px; line-height:14px; cursor: pointer; list-style:none;}
#listaBrindes li span{color:#666; font-weight:bold;}
#listaBrindes li img {margin: 5px 0;}
#telaCinza {
	width: 100% !important;
}


/* =Carrinho */
.titCarrinho {color: #f79239; font-size: 25px;}
#tbProdutos {margin:0 5px;}
#tbProdutos tr.linha th {height:26px; background-color:#fde3cd;}
#tbProdutos tr.linha2 td.linha {border-top:dotted 1px #d9dadb;}
#tbProdutos tr.linha2 td.first {padding-left:15px;}
#tbProdutos tr.linha2 td.first img {vertical-align:middle; margin-right:10px;}
#tbProdutos tr.linha2 td input {width:20px;}
#tbProdutos tr.linhaCep td {background-color:#fde3cd; padding-bottom:10px;}
#tbProdutos tr.linhaCep input {width:100px; margin:0 10px; vertical-align:middle;}
#tbProdutos tr.linhaCep label {float:left;}
#btCalcularFrete {background:url(../imagens/dermage-btFrete.gif) no-repeat; width:95px; height:20px; text-indent:-5000px; display:block; float:left; vertical-align:middle; margin-right:15px;}
span.tdQtd { position: relative; }
span.tdQtd a.icoMais{position: absolute; top: -6px; right: -13px; }
span.tdQtd a.icoMenos{position: absolute; top: 8px; right: -13px; } 
* + html span.tdQtd a.icoMais{ top: 0; right: -10px; }
* + html span.tdQtd a.icoMenos{ top: 12px; right: -10px; }
* html span.tdQtd a.icoMais{ top: 0; left: 27px; }
* html span.tdQtd a.icoMenos{ top: 12px; left: 27px; }
#frases {margin:30px 5px 0; padding:0 15px;}
#frases p {line-height:17px; float:left;}
#btFinalizar, #btAdicionar, #btRecalcular, #btRecalcular2 {text-indent:-5000px; display:block; margin:0 0 10px 60px;}
#btFinalizar {background:url(../imagens/dermage-btFecharPedido.gif) no-repeat; width:190px; height:20px;}
#btAdicionar {background:url(../imagens/dermage-btOutrosProdutos.gif) no-repeat; width:190px; height:20px;}
#btRecalcular {background:url(../imagens/dermage-btRecalcular.gif) no-repeat; width:190px; height:20px;}
#boxBonus {background-color:#fde3cd; margin:5px 5px 30px; padding:10px;}
#campoBonus {float:right; width: 320px; position: relative;}
#campoBonus label {float: left; margin-right: 15px;}
#valorBonus {position: absolute; top: 25px; left: 0;}
#bonus {width:150px;}
#btRecalcular2 {background:url(../imagens/dermage-btRecalcular2.gif) no-repeat top; width:82px; height:20px; position: absolute; left: 160px; top: 1px;}
#formas {margin: 0 5px;}
strong.txt5 {border-bottom: solid 1px #F79239; padding: 3px 0; display: block;}
.faixa {margin-bottom:15px; padding-left:13px; color: #F79239; font-size: 12px;}
.tabelaFormas {margin: 15px 0 30px;}
.tabelaFormas input, .tabelaFormas img {vertical-align: middle;}
#boxEmbalagem ul {margin: 15px 0 25px; padding: 0; list-style: none;}
#boxEmbalagem li {float: left; width: 350px;}
#boxEmbalagem input {vertical-align: middle;}
#fechamento {position:relative; margin-top: 20px;}
#fechamento ul {margin:15px 0 25px; padding:0; list-style: none;}
#naoCadastrado {position:absolute; width:467px; top:35px; left:300px;}
#naoCadastrado label {float:left; margin-right:10px;}
#naoCadastrado input.campo {display: block;}
#naoCadastrado ul {margin:0; padding:0; list-style:none;}
#naoCadastrado .btContinuar {text-indent:-5000px; background:url(../imagens/dermage-btContinuar.gif) no-repeat top left; width:190px; height:20px; display:block; position:absolute; top:15px; left: 430px;}
#cadastrado {position:absolute; width:550px; top:35px; left:300px;}
#cadastrado .btContinuar {text-indent:-5000px; background:url(../imagens/dermage-btContinuar.gif) no-repeat top left; width:190px; height:20px; display:block; position:absolute; top:15px; left: 430px;}
#cadastrado label {float:left; margin-right:10px;}
#cadastrado #labelCEP {margin-top: 5px; width: 250px;}
#cadastrado input.campo {display:block;}
#linhaAmigoFechar {display: none;}
.avisoestoque {
	background: red;
	color: white;
	display: block; !important
}

.divCaptch { width: 100%; overflow: auto; }
.divCaptch img { margin: 0 5px 0 0; float: left; }
.divCaptch span { margin: 0; float: left; }
.divCaptch input#verifica_codigo { margin: -15px 0 0 0; width: 65px; clear: both; position: relative; top:0; left:0; }


/* =Rodapé */
#rodape {clear:both; border-top:solid 1px #f79239; margin-top:25px; text-align:center;}
#rodape .interno {width:980px; margin:0 auto; padding-bottom:25px;}
#menuInstitucional2 {margin:0; padding:20px 0; list-style:none;}
#menuInstitucional2 li {display:inline; background:url(../imagens/dermage-separador3.gif) no-repeat right; padding-right:3px;}
#menuInstitucional2 li a {margin:0 3px 0 2px;}
* + html #menuInstitucional2 li a {margin:0 1px 0 5px;}
* html #menuInstitucional2 li a {margin:0 1px 0 5px;}
#assinatura {text-align: center;}
#assinatura h3 {display: inline; width: 152px;}
#assinatura img {vertical-align: middle;}
#midiasRodape {
	clear: both;
	overflow: hidden;
}

#midiasRodape ul {
	padding: 0;
	margin: 0;
}

#midiasRodape li {
	display: inline;
	list-style: none;
}

#midiasRodape h4 {
	padding: 0 0 5px;
	font-size: 13px;
}


/* =Caixas */
#cx01 {margin-bottom:55px;}
#cx03 {width:205px; border:solid 1px #f79239; padding:20px 12px;}
#cx04 {width:980px; margin:0 auto; clear:both;}
#cx05 {display:inline;}
#cx06 {position: absolute; left: 220px; top: 0; width: 580px;}

/* =Nova busca */
#divOrdenacao span{	position:relative; top:5px; }
#buscaNegativa a:link, #buscaNegativa a:visited, #buscaPositiva a:link, #buscaPositiva a:visited { text-decoration: none; }
#buscaNegativa a:active, #buscaNegativa a:hover, #buscaPositiva a:active, #buscaPositiva a:hover { text-decoration: underline; }
.txtDepBusca, .txtSecBusca, #buscaNegativa .txt, #buscaPositiva .txt, #buscaNegativa h2 { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.txtDepBusca {font-size: 13px; color:#000;	font-weight: bold;}
.txtSecBusca {font-size: 12px; color: #000;	font-weight: bold;margin-right: 7px;}
#buscaNegativa .txt, #buscaPositiva .txt { font-size: 12px; color:#000000; }	
/* =Positiva
------------ */
#buscaPositiva { padding: 0 25px 50px; margin:10px 0 0 0; position: relative; z-index: 1; }
#buscaPositiva .resposta { margin-bottom: 30px; line-height: 130%; }
#buscaPositiva .resposta p { padding: 4px 0 4px 8px; font-size:14px; font-weight:normal;}
#buscaPositiva ul#ulDep {margin: 0px; padding: 0px; list-style-type: none; width: 650px; position: relative;}
#buscaPositiva ul#ulDep li.txtDepBusca { position: relative; font-size: 12px;	color:#000;	font-weight: bold; padding-left: 9px;	margin: 0;}
#buscaPositiva ul#ulDep li ul {	list-style: none;	margin: 0; padding: 0; position: relative; top: -16px; left: 120px;	}
#buscaPositiva ul#ulDep li ul li { display: inline;	}	
/* =Negativa
------------ */
#buscaNegativa { padding: 0 25px 50px; margin:10px 0 0 0; position: relative; z-index: 1; }
#buscaNegativa h2 {	font:14px Helvetica, Arial, sans-serif;	font-weight:bold;	color:#000;	margin-bottom:29px; display: none; }
#buscaNegativa .resposta { padding-bottom: 30px; margin-bottom: 30px;	line-height: 130%;}
#buscaNegativa ul#ulDep {	margin: 0px; padding: 0px; list-style-type: none;	width: 650px;	position: relative; display: none; }
#buscaNegativa ul#ulDep li { position: relative; }
#buscaNegativa ul#ulDep li ul {	list-style: none;	margin: 0; padding: 0; position: relative; top: -15px; left: 130px; }
#buscaNegativa ul#ulDep li ul li { display: inline;	}

/* =Filtro busca */
#filtroBusca {width: 225px; padding: 10px 0 20px;}
* html #filtroBusca {width: 205px; padding: 10px 0 20px 20px;}
#filtroBusca ul.dep {margin: 0; padding: 0; list-style: none;}
#filtroBusca ul.dep li.dep {border-bottom: solid 1px #ff9933; padding: 10px 0;}
#filtroBusca ul.dep li.dep span.txt1 {color: #ff9933; font-size: 14px; font-weight: bold;}
#filtroBusca ul.sec {margin: 0; padding: 0; list-style: none;}
#filtroBusca h3 {color: #ff9933; font-size: 14px;}

/* =Institucional */
#conteudo .internoPG {width:780px; margin:0 auto; padding: 0 100px; line-height: 150%;}
#conteudo .internoPG p {text-align: justify;}
#formContato label {margin: 5px 0; display: block; padding: 3px 5px; width: 500px; position: relative; vertical-align: top;}
#formContato input {margin: 5px 0; position: absolute; top: -5px; left: 70px;}
#formContato select {margin-top: 5px; position: absolute; top: -5px; left: 70px;}
#formContato textarea {margin-top: 5px; vertical-align: top;}
#formContato #botoes {margin-top: 5px; padding-left: 70px;}
.boxLoja {display: none; margin-bottom: 40px;}
#formFranqueado table th, #formRevendedor table th, #formTrabalhe table th {text-align: left; color: #f79239; background-color: #EEE;}
#dicas h3 {margin: 0 0 10px;}
#dicas .conteudoDicas {display: none; margin-bottom: 40px;}

.videosIncorporados {
	float: left;
	margin: 0 0 20px 15px;
	padding: 20px;
	background-color:#EEE;
	width: 204px;
}

.videosIncorporados span {
	display: block;
	font-weight: bold;
	padding: 0 0 3px 0;
	text-align: center;
}

.videosIncorporados object {
	display: block;
}

/* =Beleza */
#conteudoBeleza {clear:both; padding:12px 0; border-top:solid 1px #f79239; background-image: url(../imagens/demage-bg-degrade.png); background-repeat: repeat-x; background-position: top left; background-color: #fea346; margin: 0 0 12px 0; width: 100%; float: left;}
body#Ins871 .internoPG {width:100%; padding: 0;}
.txtIntro { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #FFF; width: 385px; margin-left: 40px;}
#conteudoBeleza .interno {width:980px; margin:0 auto; }
#FundoFlores {background-image:url(../imagens/demage-flores.png); background-position: 0 -70px; background-repeat: no-repeat; min-height: 965px;}
#imgMulher {background-image: url(../imagens/demage-mulher.png); background-repeat: no-repeat; background-position: right; min-height: 965px;}
.mulherDireita {position: absolute; right: 0;}
.linksBeleza {width: 464px; height: 36px; display: block; background-image:url(../imagens/dermage-btn-linkBeleza.png); font-family: Helvetica, Arial; font-size: 18px; color: #f1913b; font-weight: bold; padding: 0 0 0 23px; line-height: 36px; margin: 0 0 26px;}
#conteudoBeleza #colunaDireita {width: 40%; margin-right: 10%; margin-top: 63px; display: none;}
#conteudoBeleza #blocoLinksBeleza {padding:10px 24px; width:421px; /*height: 900px;*/ background-image: url(../imagens/demage-bgBox.png); background-repeat: repeat-y; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
#blocoLinksBeleza div {display: none;}
.linksBeleza span {height: 10px; width:20px; position: absolute; background-image: url(../imagens/demage-bgBox.png); background-position: center; right:49.3%;}
#item1 span {top:597px; *top: 617px; }
#item2 span {top:659px; *top: 679px; }
#item3 span {top:721px; *top: 741px; }
#item4 span {top:783px; *top: 803px; }
#item5 span {top:845px; *top: 865px; }
#item6 span {top:907px; *top: 927px; }
#item7 span {top:969px; *top: 989px; }
#item8 span {top:1031px; *top: 1051px; }

#conteudoBeleza {
	background-image: url(../imagens/demage-bg-degrade.png);
	background-repeat: repeat-x;
	background-color: #FEA346;
	padding: 12px 0 0;
}

#FundoFlores {
	background-image: url(../imagens/demage-flores.png);
	background-repeat: no-repeat;
}

#imgMulher {
	background-image: url(../imagens/demage-mulher.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.linksBeleza {width: 464px; height: 36px; display: block; background-image:url(../imagens/dermage-btn-linkBeleza.png); font-family: Helvetica, Arial; font-size: 18px; color: #f1913b; font-weight: bold; padding: 0 0 0 23px; line-height: 36px; margin: 0 0 26px;}

#conteudoBeleza .interno {
	margin:0 auto;
	width:980px;
}

#paraEsquerda {
	width: 487px;
	float: left;
}

#colunaDireita img {
	display: block;
}

#conteudoBeleza #colunaDireita {
	margin-right: 0;
	width: 488px;
}

#tabs{}

#tabs ul li a {
	color:#000000;
	font-size:12px;	
}

.nomeVar {
display:block;
float:left;
margin-top:49px;
padding:10px;
}
.on{background-color:#FBC89C;}
.off{background-color:#fad9bc;}
.tabdetalhe th {height: 25px; color: #aa5001; text-align: left; padding: 0;}
.tabdetalhe tr.linha td {
border-bottom:1px solid #CCC;
}
.tabdetalhe .var{
color:#AA5001;
font-weight:bold;
}

.tabdetalhe .tdQtd {
	position: static;
}


/*=Médicos*/

.itemMedico{display:none; color:#666;}
div#areaMedicos h3{margin-top:10px!important; border-top:1px solid #f5f5f5; padding:2px 0 0 2px;}


#tabs {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0;
}

#tabs ul {
	margin: 0;
	padding: 0;
}

#tabs li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
}

#tabs li {
	background-color: transparent;
	padding: 8px;
}

#tabs li.on {
	background-color: #FBC89C;
}

#tabs li img {
	display: block;
	border: none;
}
.legendasTabelas {
	color: #AA5001;
	height: 25px;
	padding: 0 8px;
	text-align: left;
	background-color: #FBC89C;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.legendasTabelas li {
	height: 25px;
	line-height: 25px;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
}

.linhasGeral {
	border: 1px solid #FBC89C;
	clear: both;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	overflow: auto;
	max-height: 100px;
	min-height: 50px;
	margin: 0;
	padding: 0;
}

.linhasGeral li {
	display: inline-block;
	vertical-align: middle;
	zoom:1;
	*display: inline;
	padding: 3px 0;
}

.linhasGeral li ul {
	margin: 0;
	padding: 0;
}

.abrangeLinha {
	border-top: 1px solid #CCC;
	padding: 3px 8px !important;
}

.abrangeLinha:first-child {
	border-top: none;
}

.prdComboVar {
	width: 373px;
}

.prdComboVar  img {
	vertical-align: middle;
	margin: 0 3px 0 0;
}

.qtdComboVar {
	width: 104px;
}

.precoComboVar {
	width: 188px;
}

.opcComboVar {
	width: 260px;
}






/*Show modal detalhe*/
	.popBrindeDetalhe * {margin: 0;padding: 0;}
	#telaShowModal .popBrindeDetalhe  {width: 450px; height: 300px; position: fixed !important;top: 30px !important;left: 50% !important;margin-left: -250px;font-family: Verdana, Geneva, sans-serif;font-size: 11px;}
	#telaShowModal .popBrindeDetalhe #btnfechar {float: right;color: #F79239;background-image: url(../imagens/dermage-icoFechar.gif);padding: 0 14px 0 0;background-position: right 1px;text-decoration: none;background-repeat: no-repeat;margin: 5px 5px 0 0;}
	#telaShowModal .popBrindeDetalhe h3 {float: left;margin: 5px 0 0 5px;color: #F79239;font-size: 14px;}
	#telaShowModal .popBrindeDetalhe p {clear: both;overflow: hidden;padding: 15px 5px 20px 5px;}
	#telaShowModal .popBrindeDetalhe .box_prd_modal {border-top: 1px solid #CCC;padding: 15px 0 0;margin: 0 10px 20px;clear: both;overflow: hidden;}
	#telaShowModal .popBrindeDetalhe .box_prd_modal:first-child { border-top: none; }
	#telaShowModal .popBrindeDetalhe .box_prd_modal li {clear: both;overflow: hidden;background-image: url(../imagens/dermage-iconeMaisShowModal.gif);background-repeat: no-repeat;background-position: 16px top;padding-top: 8px;list-style:none;}
	#telaShowModal .popBrindeDetalhe .box_prd_modal li:first-child{background-image:none;}
	#telaShowModal .popBrindeDetalhe .box_prd_modal li img {display: block;border: 1px solid #CCC;float: left;}
	#telaShowModal .popBrindeDetalhe .box_prd_modal li div {margin: 0 0 0 50px;}
	#telaShowModal .popBrindeDetalhe .box_prd_modal li div strong {color: #F79239;display: block;padding: 0 0 3px 0;}
	#telaShowModal .popBrindeDetalhe #box_scroll {overflow: auto;height: 230px;}
	#telaShowModal .popBrindeDetalhe {border: 4px solid #F79239 !important;position:static !important;}


/* Show modal carrinho */

.formBrindeCarrinho * {
	margin: 0;
	padding: 0;
}

.formBrindeCarrinho #quickShoModal {
	border: none;
}

.formBrindeCarrinho #telaShowModal {
	width: 450px !important;
	height: 110px !important;
	position: fixed !important;
	top: 30px !important;
	left: 50% !important;
	margin-left: -250px !important;
	border: 4px solid #F79239 !important;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 11px !important;
}

.formBrindeCarrinho #telaShowModal #btnfechar {
	float: right;
	color: #F79239;
	background-image: url(../imagens/dermage-icoFechar.gif);
	padding: 0 14px 0 0;
	background-position: right -2px;
	text-decoration: none;
	background-repeat: no-repeat;
	margin: 5px 5px 0 0;
}

.formBrindeCarrinho #telaShowModal h3 {
	float: left;
	margin: 5px 0 0 5px;
	color: #F79239;
	font-size: 14px;
}

.formBrindeCarrinho #telaShowModal .box_prd_modal {
	padding: 0 0 15px;
	margin: 0 10px;
	clear: both;
	overflow: hidden;
}

.formBrindeCarrinho #telaShowModal .box_prd_modal li {
	clear: both;
	overflow: hidden;
	/*background-image: url(../imagens/dermage-iconeMaisShowModal.gif);*/
	background-repeat: no-repeat;
	background-position: 16px bottom;
	padding-bottom: 8px;
}

.formBrindeCarrinho #telaShowModal .box_prd_modal li img {
	display: block;
	border: 1px solid #CCC;
	float: left;
}

.formBrindeCarrinho #telaShowModal .box_prd_modal li div {
	margin: 0 0 0 50px;
}

.formBrindeCarrinho #telaShowModal .box_prd_modal li div strong {
	color: #F79239;
	display: block;
	padding: 0 0 3px 0;
}

.formBrindeCarrinho #telaShowModal #box_scroll {
	overflow: auto;
	height: 68px;
	clear: both;
	padding: 20px 0 0 0;
}