.bg-internas{background:url(../img/bg-internas.jpg) no-repeat 0 0;}

#main{padding-right:7px;}


#main .content{float:left; width:715px; padding:0 0 20px 0;}

#main .content .box-principal{float:left; position:relative; width:456px; padding:1px; background:#ffffff url(../img/bg-box-principal.gif) no-repeat 0 0; height:auto;}
#main .content .box-principal .bg-fix{float:left; width:456px; min-height:440px; padding:0 0 20px 0; background:#eff3ea url(../img/bg-fix-box-principal.jpg) repeat-x 0 0;}
#main .content .box-principal .bg-dicas{background:#eff3ea url(../img/bg-box-principal-cuidados.jpg) repeat-x 0 0;}
* html #main .content .box-principal .bg-fix{height:440px;}

.fix-mulher{position:absolute; left:-45px; top:-6px; background:url(../img/fix-mulher-internas.jpg) no-repeat 0 0; width:64px; height:119px;}
.fix-mulher-esquerda{position:absolute; left:-200px; top:0; background:url(../img/fix-mulher-internas-esquerd.jpg) no-repeat 0 0; width:200px; height:613px;}

#main .content .box-principal h3{float:left; clear:left; width:456px; height:110px; text-indent:-6666px; overflow:hidden;}
#main .content .box-principal h3.t-limpeza{background:url(../img/tit-limpeza.gif) no-repeat 11px 15px;}
#main .content .box-principal h3.t-tratamento{background:url(../img/tit-tratamento.gif) no-repeat 19px 15px;}
#main .content .box-principal h3.t-dicas-diarias{background:url(../img/tit-dicas-diarias.gif) no-repeat 19px 15px;}
#main .content .box-principal h3.t-maquiagem{background:url(../img/tit-maquiagem-principal.gif) no-repeat 19px 15px; height:110px;}


#main .content .box-principal blockquote{float:left; clear:both; width:456px;}

#main .content .box-principal blockquote.img-meio-ambiente{background:url(../img/img-meio-ambiente.jpg) no-repeat right 0; height:90px;}
#main .content .box-principal blockquote.img-limpeza-rosto{background:url(../img/img-limpeza-rosto.jpg) no-repeat 0 0; height:100px; padding:15px 0 0 0;}
#main .content .box-principal blockquote.img-protecao-que-voce-ve{background:url(../img/img-protecao-que-voce-ve.jpg) no-repeat 0 20px; padding:15px 0 0 0;}
#main .content .box-principal blockquote.img-hidratacao{background:url(../img/img-hidratacao.jpg) no-repeat right 0; padding:15px 0 0 0;}
#main .content .box-principal blockquote.img-maquiagem{background:url(../img/img-maquiagem.jpg) no-repeat 0 20px; padding:15px 0 0 0;}

#main .content .box-principal blockquote.img-oleosidade-imperfeicao{background:url(../img/img-oleosidade-imperfeicao.jpg) no-repeat 0 -15px;}
#main .content .box-principal blockquote.img-maquiagem-2{background:url(../img/img-maquiagem-2.jpg) no-repeat right 0;}





#main .content .box-principal blockquote h4{position:relative; float:left; width:456px; height:27px; clear:both;}
#main .content .box-principal blockquote h4 span{position:absolute; height:27px; text-indent:-6666px; overflow:hidden; z-index:20;}
#main .content .box-principal blockquote h4 span.tit-fique-atenta-efeitos{width:293px; background:url(../img/tit-fique-atenta-efeitos.gif) no-repeat 0 0; left:-9px; top:0;}



#main .content .box-principal blockquote h4 span.tit-maquiagem-pele-oleosa{width:293px; background:url(../img/tit-maquiagem-pelo-oleosa.gif) no-repeat 0 0; left:-9px; top:0;}

#main .content .box-principal blockquote h4 span.tit-oleosidade-imperfeicoes{width:293px; background:url(../img/tit-oleosidade-imperfeicoes.gif) no-repeat 0 0; left:267px; top:0;}

#main .content .box-principal blockquote h4 span.tit-maquiagem-arrow{width:293px; background:url(../img/tit-maquiagem-arrow.gif) no-repeat 0 0; left:-9px; top:0;}


#main .content .box-principal blockquote h4 span.tit-pq-fazer-a-limpeza-do-rosto{width:293px; background:url(../img/tit-pq-fazer-a-limpeza-do-rosto.gif) no-repeat 0 0; left:178px; top:0;}
#main .content .box-principal blockquote h4 span.tit-higienizacao-diaria{width:293px; background:url(../img/tit-higienizacao-diaria.gif) no-repeat 0 0; left:-9px; top:0;}
#main .content .box-principal blockquote h4 span.tit-protecao-que-voce-ve{width:170px; background:url(../img/tit-protecao-que-voce-ve.gif) no-repeat 0 0; left:295px; top:0;}
#main .content .box-principal blockquote h4 span.tit-caracteristicas-pele-oleosa{width:280px; background:url(../img/tit-caracteristicas-pele-oleosa.gif) no-repeat 0 0; left:-9px; top:0;}
#main .content .box-principal blockquote h4 span.tit-para-uma-pele-saudavel{width:400px; background:url(../img/tit-para-uma-pele-saudavel.gif) no-repeat 0 0; left:-9px; top:0;}
#main .content .box-principal blockquote h4 span.tit-evite{width:200px; background:url(../img/tit-evite.gif) no-repeat 0 0; left:-9px; top:0;}

#main .content .box-principal blockquote h5.subtit{float:left; clear:left; height:20px; text-indent:-6666px; overflow:hidden;}
#main .content .box-principal blockquote h5.tit-hidratacao{width:85px; background:url(../img/tit-hidratacao.gif) no-repeat 18px 0;}
#main .content .box-principal blockquote h5.tit-protecao{width:85px; background:url(../img/tit-protecao.gif) no-repeat 18px 0;}
#main .content .box-principal blockquote h5.tit-maquiagem{float:right; width:105px; background:url(../img/tit-maquiagem.gif) no-repeat 18px 0;}

#main .content .box-principal blockquote p{float:left; width:420px; color:#828282; font-size:11px; font-family:verdana; line-height:15px; padding:0 18px 10px 18px;}
#main .content .box-principal blockquote p span{color:#358d97;}
#main .content .box-principal blockquote ul.bullet-list{float:left; width:350px; list-style:none; padding:0 0 10px 0;}
#main .content .box-principal blockquote ul.bullet-list li{float:left; clear:left; width:320px; display:list-item; color:#828282; font-size:11px; padding:0 0 3px 30px; background:url(../img/bullet.gif) no-repeat 22px 6px; line-height:15px;}

#main .content .box-principal a.btn-conheca-produtos-limpeza{float:left; clear:left; width:416px; height:141px; background:url(../img/btn-conheca-produtos-limpeza.jpg) no-repeat 0 0; text-indent:-6666px; overflow:hidden; margin:0 0 0 20px;}
#main .content .box-principal a.btn-conheca-produtos-tratamento{float:left; clear:left; width:416px; height:141px; background:url(../img/btn-conheca-produtos-tratamento.jpg) no-repeat 0 0; text-indent:-6666px; overflow:hidden; margin:0 0 0 20px;}

#main .content .box-principal .linha-produtos{float:left; position:relative; clear:left; width:416px; background:#ffffff url(../img/bg-line-produtos-area.gif) repeat-x 0 0; margin:15px 0 0 20px; padding:0 0 22px 0;}
* html #main .content .box-principal .linha-produtos{margin:15px 0 0 10px;}
#main .content .box-principal .linha-produtos h4{float:left; width:416px; height:72px; text-indent:-6666px; overflow:hidden; padding:0;}
#main .content .box-principal .linha-produtos h4.tit-produtos-limpeza-de-pele{background:url(../img/tit-produtos-limpeza-de-pele.gif) no-repeat 11px 25px;}
#main .content .box-principal .linha-produtos h4.tit-produtos-tratamento-de-pele{background:url(../img/tit-produtos-tratamento-de-pele.gif) no-repeat 11px 25px;}
#main .content .box-principal .linha-produtos h4.tit-produtos-maquiagem{background:url(../img/tit-produtos-maquiagem.gif) no-repeat 11px 25px;}


#main .content .box-principal .linha-produtos blockquote{float:left; width:264px; padding:15px 0 0 152px; height:130px;}

#main .content .box-principal .linha-produtos blockquote.prod-gel-limpeza-profunda{background:url(../img/prod-gel-limpeza-profunda.jpg) no-repeat 0 0;}
#main .content .box-principal .linha-produtos blockquote.prod-gel-esfoliante-limpeza-cotidiana{background:url(../img/prod-gel-esfoliante-limpeza-cotidiana.jpg) no-repeat 0 0;}
#main .content .box-principal .linha-produtos blockquote.prod-tonico-adstringente-purificante{background:url(../img/prod-tonico-adstringente-purificante.jpg) no-repeat 0 0;}
#main .content .box-principal .linha-produtos blockquote.prod-sabonete-dermatologico-pele-oleosa{background:url(../img/prod-sabonete-dermatologico-pele-oleosa.jpg) no-repeat 0 0;}

#main .content .box-principal .linha-produtos blockquote.prod-concentrado-ativo-anti-imp{background:url(../img/prod-concentrado-ativo-anti-imp.jpg) no-repeat 0 0; padding:25px 0 0 152px; height:125px;}
#main .content .box-principal .linha-produtos blockquote.prod-hidratante-anti-imp{background:url(../img/prod-hidratante-anti-imp.jpg) no-repeat 0 0; padding:25px 0 0 152px; height:125px;}
#main .content .box-principal .linha-produtos blockquote.prod-dermocosmeticos-retrat-poros{background:url(../img/prod-dermocosmeticos-retrat-poros.jpg) no-repeat 0 0; padding:25px 0 0 152px; height:125px;}
#main .content .box-principal .linha-produtos blockquote.prod-renovador-anti-imp{background:url(../img/prod-renovador-anti-imp.jpg) no-repeat 0 0; padding:25px 0 0 152px; height:125px;}

#main .content .box-principal .linha-produtos blockquote h5{float:left; width:264px; color:#27941c; font-size:11px; font-weight:bold; padding:0;}
#main .content .box-principal .linha-produtos blockquote p{float:left; width:250px; font-size:11px; color:#7cbe42; padding:0 0 12px 0;}
#main .content .box-principal .linha-produtos blockquote p a{color:#139190; text-decoration:none;}
#main .content .box-principal .linha-produtos blockquote p a:hover{text-decoration:underline;}

#main .sidebar{float:left; width:245px;}
#main .sidebar .side-menu{float:left; width:100%; padding:10px 0 15px 0;}

#main .sidebar .box-saiba-mais{float:right; clear:both; width:231px; background:url(../img/bottom-box-saiba-mais.gif) no-repeat 0 bottom; padding:0 0 10px 0;}
#main .sidebar .box-saiba-mais h4{float:left; width:231px; height:46px; background:url(../img/tit-box-saiba-mais.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
#main .sidebar .box-saiba-mais .content-saiba-mais{float:left; clear:left; width:231px; background:url(../img/bg-box-saiba-mais.gif) repeat-y 0 0;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5{float:left; clear:left; position:relative; width:231px; height:24px;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5 span{position:absolute; left:0; top:0; height:24px; z-index:20; text-indent:-6666px; overflow:hidden;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5 span.tit-na-hora-do-banho{width:120px; background:url(../img/tit-na-hora-do-banho.gif) no-repeat 0 0;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5 span.tit-pele-hidratada-pele-bonita{width:182px; background:url(../img/tit-pele-hidratada-pele-bonita.gif) no-repeat 0 0;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5 span.tit-evite-pele-irritada{width:180px; background:url(../img/tit-evite-pele-irritada.gif) no-repeat 0 0;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5 span.tit-rosto-protegido{width:120px; background:url(../img/tit-rosto-protegido.gif) no-repeat 0 0;}
#main .sidebar .box-saiba-mais .content-saiba-mais p{float:left; width:200px; font-size:9px; color:#557e24; padding:0 0 5px 18px; line-height:14px;}

#main .sidebar .box-saiba-mais .content-saiba-mais h5 span.tit-exercicio-para-pele{width:180px; background:url(../img/tit-exercicio-para-pele.gif) no-repeat 0 0;}
#main .sidebar .box-saiba-mais .content-saiba-mais h5 span.tit-especialista-em-pele{width:180px; background:url(../img/tit-especialista-em-pele.gif) no-repeat 0 0;}

#main .sidebar .fix-bg-saiba-mais h4{background:url(../img/tit-box-saiba-mais-2.gif) no-repeat 0 0;}
#main .sidebar .fix-bg-saiba-mais .content-saiba-mais{background:url(../img/bg-box-saiba-mais-2.gif) repeat-y 0 0;}



.box-experimente-teste-tonalidade{float:right; clear:both; width:231px; height:252px; background:url(../img/banner-tratamento.gif) no-repeat 0 bottom; padding:0 0 0 0; margin:0 0 10px 0;}
.box-experimente-teste-tonalidade a{float:left; width:100%; height:100%; text-indent:-6666px; overflow:hidden;}

.ico-sebum-prof{position:absolute; right:-15px; top:-27px; width:94px; height:94px; background:url(../img/ico-sebum-prof.gif) no-repeat 0 0;}


div.box-prod-maquiagem{float:left; width:262px; min-height:280px; color:#7cbe42; font-size:11px; padding:15px 0 0 150px; line-height:16px; background:url(../img/prod-maquiagem.jpg) no-repeat 0 10px;}
	* html p.box-prod-maquiagem{height:280px;}
div.box-prod-maquiagem strong{color:#27941c;}
div.box-prod-maquiagem a{color:#139190; text-decoration:none;}

div.box-prod-maquiagem a:hover{text-decoration:underline;}
div.box-prod-maquiagem span{font-size:10px;}

div.box-prod-maquiagem a.link-resultados-maquiagem{display:inline-block; width:145px; background:url(../img/ico-exibir-resultado.gif) no-repeat 0 3px; padding:4px 0 4px 32px; color:#64a617; text-transform:uppercase; margin:5px 0; font-weight:bold; font-size:11px;}
div.box-prod-maquiagem a.link-resultados-maquiagem:hover{text-decoration:underline;}
 
#main .content div.box-prod-maquiagem blockquote{width:244px !important; height:63px !important; background:#f2e8df; padding:2px 0 2px 8px !important; border-left:4px solid #caa282;  font-size:10px; color:#caa282; margin:0 0 7px 0;}
#main .content div.box-prod-maquiagem blockquote strong{font-size:11px; color:#caa282;}

#main .content div.box-prod-maquiagem blockquote.nobg{background:none !important;}

#alertArea2{display:none;}
#bgGeralAlpha2{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; filter: alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; z-index:230;}
#bgGeralAlphaSob2{position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; filter: alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0;opacity: 0.0; z-index:227;}
#alertArea2 .alertLayer{display:block; position:absolute; top:50%; left:50%; width:732px; height:471px; margin:-235px 0px 0px -366px; padding:0 0 0 0; z-index:235;}

#alertArea2 .alertLayer .content{float:left; clear:left; padding:0; width:272px; text-align:center;}
html > body #alertArea2 .alertLayer .content{height:auto; min-height:80px;}
#alertArea2 .alertLayer p.txt02{padding:4px 0px 4px 0px;}



#box-resultado{position:absolute; left:138px; top:129px; width:537px; height:204px; padding:2px 3px 4px 3px; background:url(../img/sombra-box-resultado.png) no-repeat 0 0; z-index:977; display:none;}
* html #box-resultado{background:none;}

.conteudo-resultado{float:left; width:519px; height:186px; border:1px solid #d5b295; background:#fbf6f1; padding:8px;}

#box-resultado a.link-resultados-maquiagem{display:inline-block; width:145px; background:url(../img/ico-ocultar-resultado.gif) no-repeat 0 3px; padding:6px 0 6px 32px; color:#64a617; text-transform:uppercase; margin:0 0; font-weight:bold; font-size:11px; text-decoration:none;}
#box-resultado a.link-resultados-maquiagem:hover{text-decoration:underline;}


#box-resultado p{float:left; clear:none; border-left:4px solid #d5b295; color:#d5b295; font-size:9px; width:244px; padding:0 0 0 10px; margin:3px 0 10px 0; line-height:14px;}