/* 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;}
.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 {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;}
#menu {clear:both; background-color:#f79239; text-align:center; height:28px; margin:10px 0 20px;}
#menuDepartamentos {margin:0; padding:0; list-style:none;}
#menuDepartamentos li {display:inline;}
#menuDepartamentos li a {display:inline-block; width:112px; height:23px; padding:5px 0 0; border-right:solid 1px #fde1c8;}
#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;}
#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:15px 0; 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;}

/* =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;}
#paginacao {list-style:none; padding:15px 10px 0 40px; margin:0; height:15px; position: absolute; right: 0; top: 0; text-align: right;}
#paginacao 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; font-size: 12px; line-height: 150%;}
.faixaPrazo {position: relative;}
#faixaPrazoIndique {position: relative;}
#btIndique {background: url(../imagens/dermage-btIndique.gif) no-repeat left; width: 190px; height: 20px; display: block; position: absolute; top: 0; right: 0;}
/* =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;}
* + html #tabOpcoes {margin: 60px 0 20px;}
* html #tabOpcoes {margin: 60px 0 20px;}
#tabOpcoes th {height: 25px; background-color: #fbc89c; color: #aa5001;}
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;}
.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;}

/* =CEP/Prazo */
#janelaCepDetalhe {display: none; position: absolute; 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; width: 245px;}
*+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;}

/* =Carrinho */
.titCarrinho {color: #f79239; font-size: 25px;}
#tbProdutos {margin:0 5px;}
#tbProdutos tr.linha th {height:26px; background-color:#fde3cd;}
#tbProdutos tr.linha2 td {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
}

/* =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;}

/* =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;}