@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'gillsans';
	src: local("☺");
    src: url('../font/gillsans-webfont.eot');
    src: url('../font/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gillsans-webfont.woff') format('woff'),
         url('../font/gillsans-webfont.ttf') format('truetype'),
         url('../font/gillsans-webfont.svg#GillSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;

}
@font-face {
    font-family: 'gillsanslight';
	src: local("☺");
    src: url('../font/gnl_____-webfont.eot');
    src: url('../font/gnl_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gnl_____-webfont.woff') format('woff'),
         url('../font/gnl_____-webfont.ttf') format('truetype'),
         url('../font/gnl_____-webfont.svg#GillSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'gillsanslightitalic';
	src: local("☺");
    src: url('../font/gillsanslightitalic-webfont.eot');
    src: url('../font/gillsanslightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gillsanslightitalic-webfont.woff') format('woff'),
         url('../font/gillsanslightitalic-webfont.ttf') format('truetype'),
         url('../font/gillsanslightitalic-webfont.svg#GillSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

body, h1, h2, h3, h4, h5, h6,
div, span, object, iframe, img, p, blockquote,
ul, li, ol, dl, dd, dt,
table, thead, tbody, tfoot, tr, td, th,
form, fieldset, figure, section, article {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: 'gillsanslight', sans-serif;
	font-size: 13px;
	color: #404040;
}
ul {list-style: none;}
textarea {resize: none; overflow: auto;}
.clear {clear: both;}
:focus {outline: none;}
.spt {display: block; text-indent: -5000px;}


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

#main {width: 825px; overflow: hidden;}

header {
	width: 825px; 
	height: 70px;
	border-bottom: 1px solid #afafaf;
	position: absolute;
	z-index: 1;
	background-color: #f9f9f9;
}
header nav h1,
header nav ul li a {
	float: left; 
	text-indent: -50000px;
	background: url(../img/sprite.png) no-repeat 0 0;
	height: 70px;
	color: transparent;
}
header nav ul li a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;	
}
header nav ul li a:hover,
header nav ul li.atv a {background-color: #fff;}
header nav h1 {width: 156px; background-position: 0 0;}
header nav ul li {border-left: 1px solid #afafaf; float: left;}
header nav h1 {width: 156px;}

header nav ul li .mn-limpar {width: 84px; background-position: -157px 0;} 
header nav ul li .mn-tonificar {width: 111px; background-position: -242px 0;} 
header nav ul li .mn-hidratacao {width: 126px; background-position: -353px 0;} 
header nav ul li .mn-hidratacao-anti {width: 127px; background-position: -480px 0;} 
header nav ul li .mn-tratamento {width: 130px; background-position: -608px 0;} 
header nav ul li .mn-corpo {width: 86px; background-position: -739px 0;} 


/* HOME
**********************************************************************************************************************************************************/

.chronos-hydra {
	width: 825px;
	height: 539px;
	position: relative;
	top: 71px;
	background: url(../img/bg-chronos-hydra.jpg) no-repeat 0 0;
}

.chronos-hydra .box {
	width: 335px;
	position: absolute;
	z-index: 1;
	right: 22px;
	top: 36px; 	
	color: #2c1f1a; 
}

.chronos-hydra .box h1 {
	font-size: 40px; 
	line-height: 40px;
	letter-spacing: -1px;
	font-weight: normal;
}
.chronos-hydra .box h1 strong {display: block; }
.chronos-hydra .box p {font-size: 18px; margin-bottom: 10px;}
.chronos-hydra .box .bt-conheca {
	width: 95px;
	height: 30px;
	display: none;
	background: url(../img/sprite.png) no-repeat -208px -230px;	
}
.chronos-hydra .box .bt-conheca:hover {background-position: -208px -260px;}
.chronos-hydra .descricao {
	font-family: 'gillsans', sans-serif;
	display: block;
	position: absolute;
	z-index: 1;
	left: 20px;
	bottom: 50px;	
	color: #fff;
	font-size: 15px;
}
.chronos-hydra .descricao small {
	display: block;
	font-family: 'gillsanslight', sans-serif;
	font-size: 13px;
}
.chronos-hydra .assista-video {
	width: 123px;
	height: 20px;
	background: url(../img/sprite.png) no-repeat -860px 0;
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 20px;
	cursor: pointer;
}
.chronos-hydra .assista-video:hover {background-position: -860px -20px;}
.chronos-hydra figure {
	position: absolute;
	right: 0;
	bottom: 5px;
}
.chronos-hydra .hydra-terra {right: 214px;}
.chronos-hydra .hydra-areia {right: 46px;}

.chronos-hydra .hm-prod1 {right: 353px;}
.chronos-hydra .hm-prod2 {right: 261px;}
.chronos-hydra .hm-prod3 {right: 185px;}
.chronos-hydra .hm-prod4 {right: 110px;}
.chronos-hydra .hm-prod5 {right: 11px;}

.passos-diarios {
	width: 805px;
	padding-left: 20px;
	overflow: hidden;
	padding-top: 90px;
}
.passos-diarios h2 {
	line-height: 100%;
	text-transform: uppercase; 
	margin-bottom: 10px;
	font-weight: lighter;
	font-size: 29px;
}
.passos-diarios p {
	display: block; 
	font-size: 17px;
	margin-bottom: 10px;
}

.passos-diarios .destaque {
	font-size: 25px;
	font-family: "gillsans", sans-serif;
	margin-bottom: 20px;
}

.passos-diarios .cont-passos {
	width: 100%; 
	background: url(../img/bg-lat-home.gif) repeat-y 0 0;
	margin-bottom: 30px;
}
.passos-diarios .cont-passos h2 {font-size: 34px; color: #7964a7;}
.passos-diarios .cont-passos article {
	padding-left: 75px; 
	position: relative;
	overflow: hidden;
}
.passos-diarios .cont-passos article span {
	width: 62px;
	height: 62px;
	background-image: url(../img/sprite.png); 
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.passos-diarios .cont-passos article ul {
	width: 100%; 
	padding-top: 30px; 
	margin-bottom: 20px;
}
.passos-diarios .cont-passos article ul,
.passos-diarios .cont-passos article ul li,
.passos-diarios .cont-passos article dl {float: left;} 
.passos-diarios .cont-passos article ul li,
.passos-diarios .cont-passos article dl dt {
	width: 175px; 
	margin-right: 1px;
	padding: 198px 0 7px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-family: "gillsans", sans-serif;
	background-repeat: no-repeat;
	background-position: 0 0;	
}
.passos-diarios .cont-passos article ul li.pele-normal {background-color: #6dbdc8;}
.passos-diarios .cont-passos article ul li.pele-mista {background-color: #97c35b;}
.passos-diarios .cont-passos article ul li.todos-tipos {background-color: #b2b4b5;}
.passos-diarios .cont-passos article dl.basica dt {background-color: #9c9d9f;}
.passos-diarios .cont-passos article dl.antissinais dt {background-color: #808183;}
.passos-diarios .cont-passos article h2 {margin-top: 17px;}

.passos-diarios .cont-passos .limpar,
.passos-diarios .cont-passos .tonificar {padding-bottom: 45px;}
.passos-diarios .cont-passos .limpar span {background-position: -860px -120px;}
.passos-diarios .cont-passos .limpar ul li.pele-normal {background-image: url(../img/img-limpar-01.jpg);}
.passos-diarios .cont-passos .limpar ul li.pele-mista {background-image: url(../img/img-limpar-02.jpg);}
.passos-diarios .cont-passos .limpar ul li.todos-tipos {background-image: url(../img/img-limpar-03.jpg);}

.passos-diarios .cont-passos .tonificar span {background-position: -982px -120px;}
.passos-diarios .cont-passos .tonificar ul li.pele-normal {background-image: url(../img/img-tonificar-01.jpg);}
.passos-diarios .cont-passos .tonificar ul li.pele-mista {background-image: url(../img/img-tonificar-02.jpg);}

.passos-diarios .cont-passos .hidratar {padding-bottom: 10px;}
.passos-diarios .cont-passos .hidratar dl dt {width: 261px; padding-top: 176px;}
.passos-diarios .cont-passos .hidratar span {background-position: -1114px -120px;}
.passos-diarios .cont-passos .hidratar dl.basica dt {background-image: url(../img/img-hidratar-01.jpg);}
.passos-diarios .cont-passos .hidratar dl.antissinais dt {background-image: url(../img/img-hidratar-02.jpg);}
.passos-diarios .cont-passos .hidratar dl dd p {
	width: 200px; 
	font-size: 14px;
	padding-top: 7px;
	margin-bottom: 15px;
}
.passos-diarios .cont-passos .hidratar dl dd .bt-conheca-produtos {clear: none !important;}

.passos-diarios .bot-passos {padding-bottom: 10px; background: url(../img/bg-bot-lat-home.gif) no-repeat 0 bottom;}

.tratamento-intensivo {
	width: 795px;
	height: 410px;
	margin-left: 30px;
	position: relative;	
	float: left;
	background: url(../img/bg-tratamento-intensivo.jpg) no-repeat 0 0;
	color: #575757;
	margin-bottom: 175px;
}
.tratamento-intensivo div {
	width: 320px;
	position: absolute;
	z-index: 1;
	left: 30px;
	top: 35px;	
}
.tratamento-intensivo h2 {
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 34px;
	line-height: 100%;
	margin-bottom: 10px;	
}
.tratamento-intensivo p {font-size: 16px;}
.tratamento-intensivo figure {
	width: 363px;
	height: 367px;
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 210px;	
}
.tratamento-intensivo .bt-conheca-produtos {
	position: absolute;
	left: 377px;
	top: 358px;
	background-position: 0 -290px;	
}
.tratamento-intensivo .bt-conheca-produtos:hover {background-position: 0 -320px;}
.tratamento-intensivo span {
	width: 361px;	
	height: 100px;
	position: absolute;
	z-index: 1;
	left: 3px;
	top: 454px;
	background: url(../img/txt-tratamento-intensivo.png) no-repeat 0 0;
}


.corpo {
	width: 795px;
	height: 213px;
	margin-left: 30px;
	position: relative;	
	float: left;
}
.corpo div {
	width: 310px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0px;	
}
.corpo h2 {
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 34px;
	line-height: 100%;
	margin-bottom: 10px;
	color: #70c3c0;	
}
.corpo p {font-size: 16px;}
.corpo figure {
	width: 336px;
	height: 374px;
	position: absolute;
	z-index: 1;
	right: 0;
	top: -100px;	
}
.corpo .bt-conheca-produtos {
	position: absolute;
	left: 0;
	top: 123px;
	background-position: 0 -350px;	
}
.corpo .bt-conheca-produtos:hover {background-position: 0 -380px;}

.bottom {
	width: 795px;
	height: 588px;
	margin-left: 30px;
	position: relative;
	background: url(../img/bg-bottom-home.jpg) no-repeat 0 0;
	float: left;	
}
.bottom div {
	width: 285px;
	position: absolute;	
	left: 446px;
	top: 127px;
	font-size: 18px;
	color: #5e5e5e;
}
.bottom div h2 {
	width: 147px;
	height: 66px;
	background: url(../img/logo-bottom.png) no-repeat 0 0;
	margin-bottom: 10px;	
}
.bottom div p {
	display: block; 
	margin-bottom: 20px;
	line-height: 100%;
}


/* LIMPAR
**********************************************************************************************************************************************************/

.interna header {
	position: absolute; 
	z-index: 1;
	top: 0;
	left: 0;
}

.interna section.limpar {
	width: 825px;
	height: 570px;
	position: relative;
	float: left;
	background: url(../img/bg-limpar.jpg) no-repeat 0 0;	
	margin-bottom: 50px;
}

.interna section.limpar h2 {
	width: 120px;
	height: 64px;
	line-height: 64px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;	
	padding-left: 75px;
	font-size: 34px;
	color: #7964a7;
	text-transform: uppercase;
	font-weight: lighter;
	left: 20px;
	top: 90px;
}
.interna section.limpar h2 span {
	width: 62px;
	height: 62px;
	background: url('../img/sprite.png') no-repeat -860px -120px;
	position: absolute;
	left: 0;
	top: 0;
}
.interna section.limpar article {
	width: 320px;
	color: #2b2b2b;
	font-size: 18px;
	position: absolute;
	left: 30px;
	top: 180px;
}
.interna section.limpar article p {margin-bottom: 25px;}

.interna section.aprenda {
	width: 794px; 
	float: left;
	margin-bottom: 50px;
}
.interna section.aprenda h2 {
	font-size: 29px;
	text-transform: uppercase;
	color: #404040;
	line-height: 100%;
	margin-bottom: 15px;	
	font-weight: lighter;
}
.interna section.aprenda figure,
.interna section.aprenda ul {float: left;}

.interna section.aprenda figure {
	width: 140px;
	height: 170px;
	border: 1px solid  #6a6a6a;	
	position: relative;
}
.interna section.aprenda figure span {
	width: 140px;
	height: 170px;
	position: absolute;	
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat; 
}
.interna section.aprenda figure .mask-normal {background-position: -1113px -210px;}
.interna section.aprenda figure .mask-mista {background-position:  -970px -214px;}
.interna section.aprenda figure .mask-oleosa {background-position: -831px -235px;}

.interna section.aprenda ul {
	width: 652px;
	height: 172px;
	background: #6a6a6a url(../img/top-tipos-pele.jpg) no-repeat 0 0;
	position: relative;	
}
.interna section.aprenda ul li {
	font-family: "gillsans", sans-serif;
	font-size: 15px;
	color: #fff;
	position: absolute;	
	line-height: 100%;
	top: 45px;
}
.interna section.aprenda ul li dl dt {text-transform: uppercase;}
.interna section.aprenda ul .normal {width: 128px; left: 25px;}
.interna section.aprenda ul .seca {width: 128px; left: 190px;}
.interna section.aprenda ul .mista {width: 110px; left: 350px;}
.interna section.aprenda ul .oleosa {width: 115px; left: 500px;}

.interna .box-produtos {float: left; margin-bottom: 50px;}
.interna .box-produtos h2 {
	padding: 8px 0 7px 12px;
	line-height: 100%;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;	
	margin-bottom: 30px
}
.interna .box-produtos h3 {
	font-size: 26px; 
	line-height: 100%;
	margin-bottom: 20px;
}
.interna .box-produtos figure,
.interna .box-produtos figure img,
.interna .box-produtos article {float: left; position: relative;}
.interna .box-produtos article {padding-top: 20px;}

.interna .box-produtos article p {
	font-size: 16px; 
	margin-bottom: 15px;
	color: #6a6a6a;
}
.interna .box-produtos article .preco {font-size: 14px; font-family: "gillsans", sans-serif;}
.interna .box-produtos article .preco b {margin-bottom: 0; display: block;}
.interna .box-produtos article .preco strong {font-size: 20px; display: block;}
.interna .box-produtos article .preco small {font-size: 12px; font-family: "gillsanslight", sans-serif;}
.interna .box-produtos article .refil {
	display: block;
	font-size: 12px;
	padding-left: 18px;
	background: url(../img/sprite.png) no-repeat -10px -80px;
}
.interna .box-produtos article .refil strong {font-size: 14px; font-weight: normal;}
.interna .box-produtos article .refil b { 
	display: block; 
	font-size: 14px; 
	font-weight: bold; 
	width: 90px; 
	padding-left: 29px; 
	text-align: left;
}
.interna .box-produtos article span {
	width: 52px;
	height: 52px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;	
	cursor: pointer;
}

.interna .box-produtos .left {position: relative;}
.interna .box-produtos .left h3,
.interna .box-produtos .left p {text-align: right;}
.interna .box-produtos .left figure,
.interna .box-produtos .left .refil {float: right;}
.interna .box-produtos .left span,
.interna .box-produtos .right span {position: absolute;}

.interna .pele-normal {width: 380px; margin-right: 34px;}

.interna .pele-normal h2 {background-color: #2db7c5;}
.interna .pele-normal h3 {color: #2db7c5;}
.interna .pele-normal a {text-decoration:none;}
.interna .pele-normal span {background-position: -443px -230px;}
.interna .pele-normal span:hover {background-position: -505px -230px;}
.interna .pele-normal article {width: 256px;}

.interna .pele-mista {width: 794px;}
.interna .pele-mista h2 {background-color: #8ab33b;}
.interna .pele-mista h3 {color: #8ab33b;}
.interna .pele-mista .left {width: 382px;}
.interna .pele-mista .left span {
	background-position: -443px -296px;
	top: 265px;
	left: 200px;
}
.interna .pele-mista .right span {
	background-position: -443px -296px;
	top: 285px;
	left: 120px;
}
.interna .pele-mista .right span.balao {
	width: 74px;
	height: 74px;
	top: 267px;
	left: 300px;	
	cursor: default;
	background-position: -10px -140px;
}
.interna .pele-mista .right span.balao:hover {background-position: -10px -140px;}
.interna .pele-mista .left span:hover,
.interna .pele-mista .right span:hover {background-position: -505px -296px;}
.interna .pele-mista .right {width: 400px;}
.interna .pele-mista .right .refil {float: right; margin-right: 138px;}

.interna .todos-tipos h2 {background-color: #7964a7;}
.interna .todos-tipos h3 {color: #7964a7;}
.interna .todos-tipos h3 strong {
	color: #919191;
	font-family: "gillsanslight", sans-serif;
	text-transform: uppercase;
	display: block;
	font-weight: lighter;	
}
.interna .todos-tipos .left {width: 413px;}
.interna .todos-tipos .left span {
	background-position: -443px -362px;
	top: 315px;
	left: 247px;
}
.interna .todos-tipos .right span {
	background-position: -443px -362px;
	top: 300px;
	left: 155px;
}
.interna .todos-tipos .right span.balao {
	width: 124px;
	height: 124px;
	top: 275px;
	left: 220px;	
	cursor: default;
	background-position: -173px -103px;
}
.interna .todos-tipos .right {width: 380px;}
.interna .todos-tipos .right span.balao:hover {background-position: -173px -103px;}
.interna .todos-tipos .left span:hover,
.interna .todos-tipos .right span:hover {background-position: -505px -362px;}
.interna .todos-tipos .right .refil {float: right; margin-right: 138px;}



footer {
	width: 794px;
	height: 62px;
	background: url(../img/bg-barra-passos.gif) repeat-x 0 0;
	position: relative;	
	float: left;
	color: #fff;
}
footer p {
	font-size: 22px;
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 20px;	
}
footer .bt-tonificar {
	width: 261px;
	height: 62px;
	background: url(../img/sprite.png) no-repeat 0 -726px;
	position: absolute;
	top: 0;
	right: 0;	
}

/* TONIFICAR
**********************************************************************************************************************************************************/

.interna section.tonificar {
	width: 825px;
	height: 570px;
	position: relative;
	float: left;
	background: url(../img/bg-tonificar.jpg) no-repeat 0 0;	
	margin-bottom: 50px;
}
.interna section.tonificar h2 {
	width: 120px;
	height: 64px;
	line-height: 64px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;	
	padding-left: 75px;
	font-size: 34px;
	color: #7964a7;
	text-transform: uppercase;
	font-weight: lighter;
	left: 20px;
	top: 90px;
}
.interna section.tonificar h2 span {
	width: 62px;
	height: 62px;
	background: url('../img/sprite.png') no-repeat -982px -120px;
	position: absolute;
	left: 0;
	top: 0;
}
.interna section.tonificar article {
	width: 230px;
	color: #2b2b2b;
	font-size: 18px;
	position: absolute;
	left: 30px;
	top: 180px;
}

.tonifica .pele-normal h2 {background-color: #2db7c5;}
.tonifica .pele-normal h3 {color: #2db7c5;}
.tonifica .pele-normal span {background-position: -443px -230px;}
.tonifica .pele-normal span:hover {background-position: -505px -230px;}
.tonifica .pele-normal article {width: 185px; margin-left: 80px;}
.tonifica .pele-normal figure {float: right;}
.tonifica .pele-normal .left span {
	position: absolute;
	top: 280px;
	left: 136px;	
}

.tonifica .pele-mista {width: 380px;}
.tonifica .pele-mista h2 {background-color: #8ab33b;}
.tonifica .pele-mista h3 {color: #8ab33b;}
.tonifica .pele-mista .right {
	margin-left: 10px;	
}
.tonifica .pele-mista .right span {
	background-position: -443px -296px;
	top: 280px;
	left: 0;
}
.tonifica .pele-mista .right span:hover {background-position: -505px -296px;}
.tonifica .pele-mista .right {width: 264px;}
.tonifica .pele-mista .right .refil {width: 170px; float: left;}

footer .bt-hidratar {
	width: 261px;
	height: 62px;
	background: url(../img/sprite.png) no-repeat -263px -726px;
	position: absolute;
	top: 0;
	left: 176px;	
}

footer .bt-hidratacao-basica {
	width: 140px;
	height: 37px;
	background: url(../img/sprite.png) no-repeat -525px -739px;
	position: absolute;
	top: 13px;
	left: 467px;	
}
footer .bt-antissinais {
	width: 141px;
	height: 37px;
	background: url(../img/sprite.png) no-repeat -667px -739px;
	position: absolute;
	top: 13px;
	left: 623px;	
}

/* HIDRATAÇÃO BÁSICA
**********************************************************************************************************************************************************/
.vitrine-hidrat-basica {
	width: 825px;
	height: 570px;
	position: relative;	
	background: url(../img/bg-hidratacao-basica.jpg) no-repeat 0 0;
	margin-bottom: 27px;
}
.vitrine-hidrat-basica h2 {
	width: 220px;
	height: 64px;
	position: absolute;	
	padding-left: 75px;
	font-size: 34px;
	color: #7964a7;
	text-transform: uppercase;
	font-weight: lighter;
	left: 20px;
	top: 90px;
}
.vitrine-hidrat-basica h2 div br { display: none;  }
.vitrine-hidrat-basica h2 span {
	width: 62px;
	height: 62px;
	background: url('../img/sprite.png') no-repeat -1114px -120px;
	position: absolute;
	left: 0;
	top: 0;
}
.vitrine-hidrat-basica article {
	width: 320px;
	color: #2b2b2b;
	font-size: 18px;
	position: absolute;
	left: 30px;
	top: 180px;
}
.vitrine-hidrat-basica article p {margin-bottom: 25px;}
.vitrine-hidrat-basica article .lnk-anti {
	font-size: 15px;
	position: absolute;
	top: 340px;
}
.vitrine-hidrat-basica article .lnk-anti a {color: #2b2b2b; font-family: "gillsans", sans-serif;}
.vitrine-hidrat-basica article .lnk-anti a:hover {text-decoration: none;}

.basica .box-dia {
	width: 380px;
	float: left;
	margin-right: 34px;	
}
.basica .box-dia h2 {
	background: #feb911 url(../img/sprite.png) no-repeat -2px -805px;
	margin-bottom: 20px;
	padding-left: 33px;
}
.basica .box-dia article {width: 100%; color: #6a6a6a;}
.basica .box-dia article figure {float: right;}
.basica .box-dia article p {width: 230px;}
.basica .box-dia article span {background-position: -443px -428px;}
.basica .box-dia article span:hover {background-position: -505px -428px;}

.basica .camila {float: left;}

.box-protetor-rosto {
	width: 792px;
	float: left;
	margin-bottom: 50px;	
	color: #6a6a6a;
	position: relative;
}
.box-protetor-rosto h2 {
	font-size: 26px;
	font-family: "gillsans", sans-serif;
	font-weight: bolder;
	margin-bottom: 5px;
}
.box-protetor-rosto p {
	width: 100%;
	float: left;
	font-size: 16px;
	margin-bottom: 20px;
}

.box-protetor-rosto article {
	width: 366px; 
	float: left;
	position: relative !important;
}
.box-protetor-rosto .left {margin-right: 44px; float: left;}
.box-protetor-rosto .left figure {float: right;}

.box-protetor-rosto .preco {
	width: 90px;
	height: 100px;
	font-size: 14px; 
	font-family: "gillsans", sans-serif;
	position: absolute;
	top: 40px;
	left: 111px;
}
.box-protetor-rosto .preco strong {font-size: 20px; display: block;}
.box-protetor-rosto .preco small {
	font-size: 12px; 
	font-family: "gillsanslight", sans-serif; 
	display: block;
	position: relative !important;
}

.box-protetor-rosto article span {
	width: 52px;
	height: 52px;
	background: url(../img/sprite.png) no-repeat -443px -428px;
	cursor: pointer;
	position: absolute;
}
.box-protetor-rosto article span:hover {background-position: -505px -428px;}

.box-protetor-rosto .left span {top: 110px; left: 111px;}
.box-protetor-rosto .right span {top: 110px; left: 186px;}
.box-protetor-rosto .right .preco {top: 40px; left: 186px;}
.box-protetor-rosto .disc {
	position: absolute;
	top: 440px;
	left: 490px;	
	font-size: 11px;
}

.box-noite {
	width: 794px;
	height: 530px;
	float: left;
	margin-bottom: 50px;
	background: url(../img/bg-hydra-noite.jpg) no-repeat 0 0;
	position: relative;
}
.box-noite figure {
	position: absolute;
	top: 13px;
	left: 447px;
}
.box-noite article div {
	width: 365px;
	float: left;
	position: absolute;
	top: 111px;
	left: 40px;	
}
.box-noite article div h3 {font-family: "gillsans", sans-serif; color: #fff;}
.box-noite article div p {color: #fff !important;}
.box-noite article span {
	width: 52px;
	height: 52px;
	background: url(../img/sprite.png) no-repeat -443px -494px;
	cursor: pointer;
	position: absolute;
}
.box-noite article span:hover {background-position: -505px -494px;}

footer .bt-especifico {
	width: 675px;
	height: 62px;
	background: url(../img/sprite.png) no-repeat 0 -853px;
	position: absolute;
	top: 0;
	left: 107px;	
}

/* HIDRATAÇÃO ANTISSINAIS
**********************************************************************************************************************************************************/
.vitrine-antissinais {
	width: 825px;
	height: 417px;
	float: left;	
	position: relative;
}
.vitrine-antissinais article {
	width: 100%;
	height: 417px;
	text-indent: -50000px;
	float: left
}

.vitrine-antissinais h2 {
	width: 120px;
	height: 64px;
	position: absolute;
	top: 90px;
	left: 20px;	
	font-size: 34px;
	color: #7964a7;
	text-transform: uppercase;
	font-weight: lighter;
	padding-left: 75px;
}
.vitrine-antissinais h2 span {
	width: 62px;
	height: 62px;
	background: url('../img/sprite.png') no-repeat -1114px -120px;
	position: absolute;
	left: 0;
	top: 0;
}
.vitrine-antissinais .fundo-01 {background: url(../img/bg-antissinais-01.jpg) no-repeat 0 0;}
.vitrine-antissinais .fundo-02 {background: url(../img/bg-antissinais-02.jpg) no-repeat 0 0;}
.vitrine-antissinais .fundo-03 {background: url(../img/bg-antissinais-03.jpg) no-repeat 0 0;}

.antissinais .mn-tipo-antissinais {margin-bottom: 30px;}
.antissinais .mn-tipo-antissinais,
.antissinais .mn-tipo-antissinais ul {
	width: 100%;
	height: 193px;
	float: left;	
}
.antissinais .mn-tipo-antissinais ul li {
	width: 412px;
	height: 183px;
	float: left;
	background-image: url(../img/mn-antissinais.jpg);
	background-repeat: no-repeat;
	background-position: 0 -187px;
	cursor: pointer;
	position: relative;
}
.antissinais .mn-tipo-antissinais ul li.last {width: 413px; background-position: -412px -187px;}
.antissinais .mn-tipo-antissinais ul li:hover,
.antissinais .mn-tipo-antissinais ul li.atv {background-position: 0 0;}
.antissinais .mn-tipo-antissinais ul li.last:hover,
.antissinais .mn-tipo-antissinais ul li.last.atv {background-position: -412px 0;}
.antissinais .mn-tipo-antissinais ul li span {
	width: 42px;
	height: 42px;
	background: url(../img/sprite.png) no-repeat -341px -95px;
	position: absolute;
	z-index: 10;
	top: 151px;
	left: 358px;
}
.antissinais .mn-tipo-antissinais ul li:hover span,
.antissinais .mn-tipo-antissinais ul li.atv span {background-position: -394px -95px;}

.content-antissinais {
	width: 100%; 
	float: left;
	color: #404040;
	position: relative;
}
.content-antissinais h2 {
	text-transform: uppercase;	
	font-weight: lighter;
	font-size: 29px;
	line-height: 31px;
	margin-bottom: 15px;
}
.content-antissinais p {
	font-size: 18px;
	line-height: 20px;
	display: block;
}
.content-antissinais p.descricao {margin-bottom: 50px;}
.content-antissinais .vantagens {
	width: 439px;
	height: 96px;	
	background: url(../img/sprite.png) no-repeat -394px -1067px;
	position: absolute;
	z-index: 10;
	left: 370px;
	top: 0;
}

.content-antissinais .vantagens-poli {
	width: 364px;
	height: 110px;	
	background: url(../img/sprite.png) no-repeat -10px -1068px;
	position: absolute;
	z-index: 10;
	left: 370px;
	top: 0;
}

.content-antissinais nav {width: 100%; overflow: hidden;}
.content-antissinais nav ul {
	width: 850px; 
	float: left;
	margin-bottom: 20px;
}
.content-antissinais nav ul li {
	width: 160px;
	height: 398px;
	margin-right: 6px;	
	float: left;
	background-image: url(../img/bg-menu-antissinais.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: height 0.8s , width 0.8s ;
	-moz-transition: height 0.8s , width 0.8s ;
	-ms-transition: height 0.8s , width 0.8s ;
	-o-transition: height 0.8s , width 0.8s ;
	transition: height 0.8s , width 0.8s ;
}

.content-antissinais.politensor nav ul li {
	width: 266px;
	height: 406px;
	margin-right: 9px;	
	float: left;
	background-image: url(../img/bg-menu-politensor.jpg);
	background-repeat: no-repeat;
	-webkit-transition: height 0.8s, width 0.8s;
	-moz-transition: height 0.8s, width 0.8s;
	-ms-transition: height 0.8s, width 0.8s;
	-o-transition: height 0.8s, width 0.8s;
	transition: height 0.8s, width 0.8s;
}

.content-antissinais nav ul li span {
	width: 91px;
	height: 53px;
	line-height: 53px;
	position: absolute;
	display: inline-block;
	#display: inline;
	zoom: 1;
	vertical-align: middle;
	font-size: 45px;
	text-indent: 10px;	
	color: #fff;
	bottom: 0;
	left: 0;
	-webkit-transition: background-color 0.4s, color 0.4s, width 0.8s;
	-moz-transition: background-color 0.4s, color 0.4s, width 0.8s;
	-ms-transition: background-color 0.4s, color 0.4s, width 0.8s;
	-o-transition: background-color 0.4s, color 0.4s, width 0.8s;
	transition: background-color 0.4s, color 0.4s, width 0.8s;
}

.content-antissinais nav ul .age-25-mais {background-position: 0 0;}
.content-antissinais nav ul .age-25-mais:hover {background-position: 0 -494px;}
.content-antissinais nav ul .age-30-mais {background-position: -166px 0;}
.content-antissinais nav ul .age-30-mais:hover {background-position: -166px -494px;}
.content-antissinais nav ul .age-45-mais {background-position: -332px 0;}
.content-antissinais nav ul .age-45-mais:hover {background-position: -332px -494px;}
.content-antissinais nav ul .age-60-mais {background-position: -498px 0;}
.content-antissinais nav ul .age-60-mais:hover {background-position: -498px -494px;}
.content-antissinais nav ul .age-70-mais {background-position: -664px 0;}
.content-antissinais nav ul .age-70-mais:hover {background-position: -664px -494px;}

.content-antissinais.politensor nav ul .age-30-mais {background-position: 0 0;}
.content-antissinais.politensor nav ul .age-30-mais:hover {background-position: 0 -414px;}
.content-antissinais.politensor nav ul .age-45-mais {width: 276px; background-position: -275px 0;}
.content-antissinais.politensor nav ul .age-45-mais:hover {background-position: -275px -414px;}
.content-antissinais.politensor nav ul .age-60-mais {background-position: -561px 0;}
.content-antissinais.politensor nav ul .age-60-mais:hover {background-position: -561px -414px;}

.content-antissinais nav ul .age-25-mais span,
.content-antissinais nav.atv ul .age-25-mais span:hover,
.content-antissinais nav.atv ul .age-25-mais span.atv {background-color: #b8d7ef;}
.content-antissinais nav ul .age-30-mais span,
.content-antissinais nav.atv ul .age-30-mais span:hover,
.content-antissinais nav.atv ul .age-30-mais span.atv {background-color: #deb4d0;}
.content-antissinais nav ul .age-45-mais span,
.content-antissinais nav.atv ul .age-45-mais span:hover,
.content-antissinais nav.atv ul .age-45-mais span.atv {background-color: #c9d0da;}
.content-antissinais nav ul .age-60-mais span,
.content-antissinais nav.atv ul .age-60-mais span:hover,
.content-antissinais nav.atv ul .age-60-mais span.atv {background-color: #cedfcd;}
.content-antissinais nav ul .age-70-mais span,
.content-antissinais nav.atv ul .age-70-mais span:hover,
.content-antissinais nav.atv ul .age-70-mais span.atv {background-color: #ecccb3;}

.content-antissinais nav.atv ul li{height: 53px;}
.content-antissinais nav.atv ul li span {width: 100%; color: #999;}
.content-antissinais nav.atv ul li span:hover,
.content-antissinais nav.atv ul li span.atv {color: #fff;}
.content-antissinais nav.atv ul .age-25-mais span {background-color: #617789;}
.content-antissinais nav.atv ul .age-30-mais span {background-color: #806778;}
.content-antissinais nav.atv ul .age-45-mais span {background-color: #797d83;}
.content-antissinais nav.atv ul .age-60-mais span {background-color: #617c5f;}
.content-antissinais nav.atv ul .age-70-mais span {background-color: #8e7a6b;}

.content-antissinais.politensor nav ul .age-30-mais span,
.content-antissinais.politensor nav.atv ul .age-30-mais span {background-color: #c0c0c0;}
.content-antissinais.politensor nav ul .age-45-mais span,
.content-antissinais.politensor nav.atv ul .age-45-mais span {background-color: #888;}
.content-antissinais.politensor nav ul .age-60-mais span,
.content-antissinais.politensor nav.atv ul .age-60-mais span {background-color: #555;}

.info-prod {
	width: 100%;
	overflow: hidden;	
	margin-bottom: 50px;
}
.info-prod .destaque {
	width: 100%;
	height: 213px;
	background-image: url(../img/bg-header-antissinais.jpg);
	background-repeat: no-repeat;
	margin-bottom: 30px;
	float: left;
	position: relative;
}
.info-prod .destaque p {
	position: absolute;
	line-height: 20px;
	left: 36px;
}

.cont-age-25-mais .destaque {background-position: 0 0;}
.cont-age-25-mais .destaque p {width: 280px; top: 27px;}
.cont-age-30-mais .destaque {background-position: 0 -216px;}
.cont-age-30-mais .destaque p {width: 360px; top: 32px;}
.cont-age-45-mais .destaque {background-position: 0 -429px;}
.cont-age-45-mais .destaque p {width: 400px; top: 43px;}
.cont-age-60-mais .destaque {background-position: 0 -647px;}
.cont-age-60-mais .destaque p {
	width: 400px; 
	top: 42px;
	color: #fff;
}
.cont-age-70-mais .destaque {background-position: 0 -863px;}
.cont-age-70-mais .destaque p {width: 355px; top: 72px;}

.info-prod section {
	float: left; 
	margin-bottom: 30px;
	color: #6a6a6a;
}
.info-prod section h2 {
	font-size: 16px;
	color: #fff;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-left: 28px;	
	padding-top: 2px;
}
.info-prod .meio,
.info-prod section article {
	width: 380px; 
	position: relative;
	float: left;
}
.info-prod section article p {font-size: 16px; margin-bottom: 20px;}

.info-prod section .sinais {
	width: 380px;
	height: 46px;
	float: left;
	margin-bottom: 20px;
	text-indent: -50000px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;	
}
.info-prod section h3 {
	width: 380px;
	font-family: "gillsans", sans-serif; 
	font-size: 26px;
	line-height: 100%;
	margin-bottom: 20px;
}
.info-prod section h3 span {
	display: block;
	font-family: "gillsanslight", sans-serif;
	font-size: 13px;
	line-height: 100%;
	text-transform: uppercase;
	font-weight: lighter;	
}

.info-prod section article .preco {
	font-size: 14px; 
	font-family: "gillsans", sans-serif;
	margin-bottom: 8px;
}
.info-prod section article .preco strong {font-size: 20px;;}
.info-prod section article .preco small {font-size: 12px; font-family: "gillsanslight", sans-serif;}
.info-prod section article .refil {
	width: 200px;
	height: 22px;
	display: block;
	font-size: 12px;
	padding-left: 18px;
	background: url(../img/sprite.png) no-repeat -10px -80px;
}
.info-prod section article .refil strong {font-size: 12px;}

.info-prod section article .valores {
	position: absolute;
	bottom: 10px;
	left: 0;
}

.info-prod section article span.bt-mais-info {
	width: 52px;
	height: 52px;
	background: url(../img/sprite.png) no-repeat -671px -230px;
	cursor: pointer;
	position: absolute;
	bottom: 20px;
	left: 180px;
}
.info-prod section article span.bt-mais-info:hover {background-position: -733px -230px;}

.info-prod section article span.selo-fps15 {
	width: 68px;
	height: 68px;
	background: url(../img/sprite.png) no-repeat -879px -936px;
	position: absolute;
	top: 200px;
	left: 180px;
}

.info-prod .cont-dia h2 {background-position: -10px -804px; background-color: #feb911;}
.info-prod .cont-noite h2 {background-position:  -1249px -1043px; background-color: #586d75;}

.info-prod section .primeiros-cuidados {background-position: -860px -421px;}
.info-prod section .poucos-sinais {background-position: -860px -469px;}
.info-prod section .sinais-comuns {background-position: -860px -517px;}
.info-prod section .muitos-sinais {background-position: -860px -565px; height: 61px;}
.info-prod section .txt-escolha {
	width: 100%; 
	float: left;
	text-transform: uppercase;
	font-size: 22px;
	margin-top: -10px;
	margin-bottom: 20px;
}

footer .bt-tratamentos {
	width: 505px;
	height: 62px;
	background: url(../img/sprite.png) no-repeat -705px -853px;
	position: absolute;
	top: 0;
	right: 10px;	
}

/* TRATAMENTO ESPECÍFICO E INTENSIVO
**********************************************************************************************************************************************************/
.tratamento-especifico {
	width: 825px;
	height: 570px;
	position: relative;	
	background: url(../img/bg-tratamento-especifico.jpg) no-repeat 0 0;
}
.tratamento-especifico h2 {
	width: 300px;
	height: 64px;
	position: absolute;	
	font-size: 34px;
	line-height: 100%;
	color: #7964a7;
	text-transform: uppercase;
	font-weight: lighter;
	left: 40px;
	top: 111px;
}
.tratamento-especifico article {
	width: 213px;
	color: #2b2b2b;
	font-size: 18px;
	position: absolute;
	left: 40px;
	top: 230px;
}


.especifico .menu-produtos {
	width: 100%;
	float: left;
	margin-top: -21px;
	margin-bottom: 25px;
	position: relative;
	z-index: 10;	
	overflow: hidden;
}
.especifico .menu-produtos p {
	width: 413px;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;	
	color: #fff;
	background-color: #aaa;
}
.especifico .menu-produtos ul {
	width: 830px;	
	height: 66px;
	margin-top: 1px;
	display: table;
}
.especifico .menu-produtos ul li {
	width: 136px;
	height: 66px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;	
	color: #fff;
	background-color: #aaa;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-right: 1px solid #fff;	
	display: table-cell;
	#display: inline;
	zoom: 1;

}
.especifico .menu-produtos ul li:hover,
.especifico .menu-produtos ul li.atv {cursor: pointer; background-color: #888;}

.produtos {
	width: 100%;
	height: 400px;
	overflow: hidden;
	float: left;
	margin-bottom: 50px;	
}
.produtos .box-produtos {
	width: 100%;
	position: relative;
	margin-bottom: 0px !important;	
	color: #6a6a6a;
}
.produtos .box-produtos figure {float: left; margin-right: 20px;}
.produtos .box-produtos h3 {font-family: "gillsans", sans-serif;}
.produtos .box-produtos p {font-size: 16px; margin-bottom: 50px;}
.produtos .box-produtos .preco {margin-bottom: 10px;}
.produtos .box-produtos .preco strong {
	font-size: 20px; 
	display: block;
	font-family: "gillsans", sans-serif;
}
.produtos .box-produtos span {
	width: 52px;
	height: 52px;
	background: url(../img/sprite.png) no-repeat -443px -626px;
	cursor: pointer;
	float: left;
}
.produtos .box-produtos span:hover {background-position: -505px -626px;}

.produtos .box-produtos small.balao {
	cursor: default;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	position: absolute;
}

.produtos .sinais-intensos {font-size: 14px !important; margin-bottom: 10px !important;} 
.produtos .sinais-intensos big {
	font-size: 17px;
	font-family: "gillsans", sans-serif;
	display: block;	
	text-transform: uppercase;
}

.produtos .olhos .balao {
	width: 98px; 
	height: 98px; 
	top: 250px;
	left: 260px;
	background-position: -254px -936px;
}

.produtos .labios .balao {
	width: 98px; 
	height: 98px; 
	top: 220px;
	left: 250px;
	background-position: -362px -936px;
}

.produtos .serum .balao {
	width: 112px; 
	height: 112px; 
	top: 200px;
	left: 250px;
	background-position: -10px -935px;
}

.produtos .hidratacao-int .balao {
	width: 88px; 
	height: 88px; 
	top: 230px;
	left: 310px;
	background-position: -469px -935px;
}

.produtos .clareamento .balao {
	width: 112px; 
	height: 112px; 
	top: 210px;
	left: 230px;
	background-position: -132px -936px;
}

.produtos .clareamento dl {
	width: 200px;
	padding: 20px 20px;
	position: absolute;
	top: 0;
	right: 0;
	font-family: "gillsans", sans-serif;
	background-color: #b9b9b9;
}
.produtos .clareamento dl dt {
	font-size: 25px;
	color: #484848;
	text-transform: uppercase;	

}
.produtos .clareamento dl dd {font-size: 20px; color: #fff;}
.produtos .clareamento dl dd p {margin-bottom: 15px;}
.produtos .clareamento dl dd p strong {
	font-size: 35px; 
	line-height: 37px;
	color: #484848;
	display: block;
	font-weight: normal;
}
.produtos .clareamento dl dd span {
	width: 100%;
	height: 25px;
	display: block;
	font-size: 9px;
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px !important;
	background: none;
	margin-bottom: 5px !important;
}
.produtos .clareamento dl dd span:hover {cursor: default;}

.produtos .protecao-solar .balao {
	width: 302px;
	height: 67px;
	top: 210px;
	left: 230px;
	background-position: -566px -936px;
}


footer .bt-corpo {
	width: 188px;
	height: 62px;
	background: url(../img/sprite.png) no-repeat -810px -726px;
	position: absolute;
	top: 0;
	right: 10px;	
}


/* CORPO
**********************************************************************************************************************************************************/

.interna section.corpo-int {
	width: 825px;
	height: 570px;
	position: relative;
	float: left;
	background: url(../img/bg-vitrine-corpo.jpg) no-repeat 0 bottom;	
	margin-bottom: 50px;
}
.interna section.corpo-int h2 {
	width: 120px;
	height: 64px;
	line-height: 64px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;	
	font-size: 34px;
	color: #7964a7;
	text-transform: uppercase;
	font-weight: lighter;
	left: 32px;
	top: 146px;
}

.interna section.corpo-int article {
	width: 250px;
	color: #2b2b2b;
	font-size: 18px;
	position: absolute;
	left: 30px;
	top: 204px;
}

.box-corpo {width: 380px; float: left;}
.box-corpo h2 {background-color: #b9b9b9; margin-bottom: 15px !important;}
.box-corpo h3 {color: #6a6a6a;}
.box-corpo article {width: 380px; padding-top: 0 !important;}
.box-corpo span {background-position: -443px -626px;}
.box-corpo span:hover {background-position: -505px -626px;}
.box-corpo p {line-height: 115%;}
.box-corpo .preco strong {display: inline !important;}
.box-corpo .left article {width: 185px; margin-left: 80px;}
.box-corpo .left figure {float: right;}
.box-corpo .left span {
	position: absolute;
	top: 250px;
	left: 0;	
}
.box-corpo .right span {
	position: absolute;
	top: 230px;
	left: 120px;	
}
.box-corpo .right .refil {float: left; height: 20px;}


.bt-conheca-produtos {
	width: 100px;
	height: 30px;	
	background: url(../img/sprite.png) no-repeat 0 -230px;
	clear: both;
}
.bt-conheca-produtos:hover {background-position: 0 -260px;}


/* LAYERS
**********************************************************************************************************************************************************/

#layer {
	width: 100%;
	height: 100%;
	position: fixed;	
	top: 0;
	left: 0;
	z-index: 995;
	display: none;
}
#layer .bg {
	width: 100%;
	height: 100%;	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#layer .video {
	width: 801px;
	height: 482px;
	position: absolute;
	z-index: 999;
	top: 50px;
	left: 50%;
	margin-left: -400px;
}
#layer .video span {
	width: 104px;
	height: 20px;
	cursor: pointer;
	background: url(../img/sprite.png) no-repeat -1166px -10px;
	margin-left: 20px;
	margin-bottom: 10px;	
}
#layer .video span:hover {background-position: -1166px -30px;}

#layer .det-produto {
	width: 735px;
	height: 726px;
	padding-left: 20px;
	background-color: #fff;
	position: absolute;
	z-index: 999;
	top: 50px;
	left: 50%;
	margin-left: -382px;
}

#layer .det-produto .bt-fechar {
	width: 56px;
	height: 56px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	top: -25px;
	left: 720px;
	cursor: pointer;
}

#layer .det-produto .info-produto {
	width: 100%; 
	color: #6a6a6a;
	position: relative;
}
#layer .det-produto .info-produto,
#layer .det-produto .info-produto figure,
#layer .det-produto .info-produto article {float: left;}
#layer .det-produto .info-produto figure {width: 259px; height: 528px;}
#layer .det-produto .info-produto .selo {
	width: 253px;
	height: 75px;
	background: url('../img/sprite-selo-antissinais.png') no-repeat 0 0;
	position: absolute;
	top: 255px;
	left: 0;
	z-index: 10;
		
}
#layer .det-produto .info-produto article {width: 455px; padding: 45px 0 0 20px;}
#layer .det-produto .info-produto h2 {font-size: 26px;}
#layer .det-produto .info-produto p {font-size: 16px; margin-bottom: 15px;}
#layer .det-produto .info-produto .preco {font-size: 14px; font-family: "gillsans", sans-serif;}
#layer .det-produto .info-produto .preco strong {font-size: 20px; display: block; }
#layer .det-produto .info-produto .preco small {font-size: 12px; font-family: "gillsanslight", sans-serif;}
#layer .det-produto .info-produto .refil {
	height: 15px;
	display: block;
	font-size: 12px;
	padding-left: 18px;
	margin-bottom: 25px;
	background: url(../img/sprite.png) no-repeat -10px -80px;
}
#layer .det-produto .info-produto .refil strong {font-size: 14px; font-weight: normal; }
#layer .det-produto .info-produto .refil b { font-size: 14px; display: block; padding-left: 29px; }
#layer .det-produto .info-produto dl {
	width: 435px; 
	float: left;
	position: absolute;
}
#layer .det-produto .info-produto dl dt {
	width: 405px;
	padding-left: 30px;
	padding-top: 3px;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 10px;	
	cursor: pointer;
	position: relative;
}
#layer .det-produto .info-produto dl dt span {
	width: 21px;
	height: 21px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
}
#layer .det-produto .info-produto dl dd {
	padding-left: 30px;
	margin-bottom: 20px;
	display: none;
}
#layer .det-produto .info-produto dl dd.txt-ingredientes {font-size: 12px !important; line-height: 12px;}
#layer .det-produto .info-produto dl dd.tabelas {padding-left: 0px;}
#layer .det-produto .info-produto dl dd table {
	width: 215px;
	float: left;
	border-collapse: collapse;
	margin-right: 2px;
}
#layer .det-produto .info-produto dl dd table tr th,
#layer .det-produto .info-produto dl dd table tr td {
	text-align: left;
	padding: 7px 0 5px 13px;
	color: #fff;	
	
}
#layer .det-produto .info-produto dl dd table tr th {font-size: 14px;}
#layer .det-produto .info-produto dl dd table tr td {font-size: 13px;}

#layer .combina {width: 100%; float: left;}
#layer .combina aside {
	width: 264px;
	float: left;
	margin-right: 15px;	
}
#layer .combina aside h3 {
	font-size: 16px;
	color: #919191;
	font-weight: lighter;
	text-transform: uppercase;
	line-height: 100%;
	margin-bottom: 15px;	
}
#layer .combina aside figure {
	width: 68px;
	height: 136px;	
	float: left;
	margin-right: 10px;
}
#layer .combina aside .info {width: 185px; float: left;}
#layer .combina aside .info h4 {
	font-family: "gillsans", sans-serif;
	font-size: 16px;
	color: #919191;
	line-height: 100%;
	font-weight: lighter;	
}
#layer .combina aside .info p {
	color: #6a6a6a; 
	font-size: 14px;
	margin-bottom: 5px;
}
#layer .combina aside .info span {
	width: 26px;
	height: 26px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;	
	cursor: pointer;
}

#layer .combina .botoes {
	width: 450px;
	float: left;
	padding-top: 72px;
}
#layer .combina .botoes a {
	height: 27px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
}
#layer .combina .botoes .bt-encomende {
	width: 246px;
	background-position: -1px -420px;	
	margin-bottom: 10px;
}
#layer .combina .botoes .bt-compre {
	width: 181px;
	background-position: -1px -456px;	
}



/* SET DE CORES PARA AS LAYERS
**********************************************************************************************************************************************************/

/* pele normal a seca */
#layer .pele-normal .bt-fechar {background-position: -311px -230px;}
#layer .pele-normal .bt-fechar:hover {background-position: -377px -230px;}
#layer .pele-normal .info-produto h2 {color: #2db7c5;}
#layer .pele-normal .info-produto dl dt span {background-position: -596px -230px;}
#layer .pele-normal .info-produto dl dt:hover span {background-position: -596px -259px;}
#layer .pele-normal .info-produto dl .menos span {background-position: -620px -230px;}
#layer .pele-normal .info-produto dl .menos:hover span {background-position: -620px -259px;}
#layer .pele-normal .info-produto dl dd table tr th,
#layer .pele-normal .info-produto dl dd table tr td.impar {background-color: #2ea6b2;}
#layer .pele-normal .info-produto dl dd table tr td {background-color: #32b8c6;}
#layer .pele-normal .combina aside .info span {background-position: -567px -230px;}
#layer .pele-normal .combina aside .info span:hover {background-position: -567px -259px;}
#layer .pele-normal .combina .botoes .bt-encomende,
#layer .pele-normal .combina .botoes .bt-compre {background-color: #2db7c5;}
#layer .pele-normal .combina .botoes .bt-encomende:hover,
#layer .pele-normal .combina .botoes .bt-compre:hover {background-color: #2c929f;}

/* pele mista a oleosa */
#layer .pele-mista .bt-fechar {background-position: -311px -296px;}
#layer .pele-mista .bt-fechar:hover {background-position: -377px -296px;}
#layer .pele-mista .info-produto h2 {color: #8ab33b;}
#layer .pele-mista .info-produto dl dt span {background-position: -596px -297px;}
#layer .pele-mista .info-produto dl dt:hover span {background-position: -596px -326px;}
#layer .pele-mista .info-produto dl .menos span {background-position: -620px -297px;}
#layer .pele-mista .info-produto dl .menos:hover span {background-position: -620px -326px;}
#layer .pele-mista .info-produto dl dd table tr th,
#layer .pele-mista .info-produto dl dd table tr td.impar {background-color: #7ca135;}
#layer .pele-mista .info-produto dl dd table tr td {background-color: #8ab33b;}
#layer .pele-mista .combina aside .info span {background-position: -567px -297px;}
#layer .pele-mista .combina aside .info span:hover {background-position: -567px -326px;}
#layer .pele-mista .combina .botoes .bt-encomende,
#layer .pele-mista .combina .botoes .bt-compre {background-color: #8ab33b;}
#layer .pele-mista .combina .botoes .bt-encomende:hover,
#layer .pele-mista .combina .botoes .bt-compre:hover {background-color: #709533;}

/* Todos os tipos de pele */
#layer .todos-tipos .bt-fechar {background-position: -311px -362px;}
#layer .todos-tipos .bt-fechar:hover {background-position: -377px -362px;}
#layer .todos-tipos .info-produto h2 {color: #7964a7;}
#layer .todos-tipos .info-produto dl dt span {background-position: -596px -362px;}
#layer .todos-tipos .info-produto dl dt:hover span {background-position: -596px -391px;}
#layer .todos-tipos .info-produto dl .menos span {background-position: -620px -362px;}
#layer .todos-tipos .info-produto dl .menos:hover span {background-position: -620px -391px;}
#layer .todos-tipos .info-produto dl dd table tr th,
#layer .todos-tipos .info-produto dl dd table tr td.impar {background-color: #65528b;}
#layer .todos-tipos .info-produto dl dd table tr td {background-color: #7964a7;}
#layer .todos-tipos .combina aside .info span {background-position: -567px -362px;}
#layer .todos-tipos .combina aside .info span:hover {background-position: -567px -391px;}
#layer .todos-tipos .combina .botoes .bt-encomende,
#layer .todos-tipos .combina .botoes .bt-compre {background-color: #7964a7;}
#layer .todos-tipos .combina .botoes .bt-encomende:hover,
#layer .todos-tipos .combina .botoes .bt-compre:hover {background-color: #65528b;}


/* Dia */
#layer .dia .bt-fechar {background-position: -311px -428px;}
#layer .dia .bt-fechar:hover {background-position: -377px -428px;}
#layer .dia .info-produto h2 {color: #ecb731;}
#layer .dia .info-produto dl dt span {background-position: -596px -428px;}
#layer .dia .info-produto dl dt:hover span {background-position: -596px -457px;}
#layer .dia .info-produto dl .menos span {background-position: -620px -428px;}
#layer .dia .info-produto dl .menos:hover span {background-position: -620px -457px;}
#layer .dia .info-produto dl dd table tr th,
#layer .dia .info-produto dl dd table tr td.impar {background-color: #c19825;}
#layer .dia .info-produto dl dd table tr td {background-color: #ecb731;}
#layer .dia .combina aside .info span {background-position: -567px -428px;}
#layer .dia .combina aside .info span:hover {background-position: -567px -457px;}
#layer .dia .combina .botoes .bt-encomende,
#layer .dia .combina .botoes .bt-compre {background-color: #ecb731;}
#layer .dia .combina .botoes .bt-encomende:hover,
#layer .dia .combina .botoes .bt-compre:hover {background-color: #c19825;}

/* noite */
#layer .noite .bt-fechar {background-position: -311px -494px;}
#layer .noite .bt-fechar:hover {background-position: -377px -494px;}
#layer .noite .info-produto h2 {color: #586d75;}
#layer .noite .info-produto dl dt span {background-position: -596px -494px;}
#layer .noite .info-produto dl dt:hover span {background-position: -596px -523px;}
#layer .noite .info-produto dl .menos span {background-position: -620px -494px;}
#layer .noite .info-produto dl .menos:hover span {background-position: -620px -523px;}
#layer .noite .info-produto dl dd table tr th,
#layer .noite .info-produto dl dd table tr td.impar {background-color: #47585f;}
#layer .noite .info-produto dl dd table tr td {background-color: #586d75;}
#layer .noite .combina aside .info span {background-position: -567px -494px;}
#layer .noite .combina aside .info span:hover {background-position: -567px -523px;}
#layer .noite .combina .botoes .bt-encomende,
#layer .noite .combina .botoes .bt-compre {background-color: #586d75;}
#layer .noite .combina .botoes .bt-encomende:hover,
#layer .noite .combina .botoes .bt-compre:hover {background-color: #47585f;}

/* antissinais */
#layer .antissinais-25 .bt-fechar {background-position: -940px -1088px;}
#layer .antissinais-25 .bt-fechar:hover {background-position: -1006px -1088px;}
#layer .antissinais-25 .info-produto h2 {color: #b8d7ef;}
#layer .antissinais-25 .info-produto .selo {background-position: 0 0;}
#layer .antissinais-25 .info-produto dl dt span {background-position: -1234px -1088px;}
#layer .antissinais-25 .info-produto dl dt:hover span {background-position: -1234px -1117px;}
#layer .antissinais-25 .info-produto dl .menos span {background-position: -1258px -1088px;}
#layer .antissinais-25 .info-produto dl .menos:hover span {background-position: -1258px -1117px;}
#layer .antissinais-25 .info-produto dl dd table tr th,
#layer .antissinais-25 .info-produto dl dd table tr td.impar {background-color: #99b4c7;}
#layer .antissinais-25 .info-produto dl dd table tr td {background-color: #b8d7ef;}
#layer .antissinais-25 .combina aside .info span {background-position: -1205px -1088px;}
#layer .antissinais-25 .combina aside .info span:hover {background-position: -1205px -1117px;}
#layer .antissinais-25 .combina .botoes .bt-encomende,
#layer .antissinais-25 .combina .botoes .bt-compre {background-color: #b8d7ef;}
#layer .antissinais-25 .combina .botoes .bt-encomende:hover,
#layer .antissinais-25 .combina .botoes .bt-compre:hover {background-color: #99b4c7;}

#layer .antissinais-30 .bt-fechar {background-position: -940px -1164px;}
#layer .antissinais-30 .bt-fechar:hover {background-position: -1006px -1164px;}
#layer .antissinais-30 .info-produto h2 {color: #deb4d0;}
#layer .antissinais-30 .info-produto .selo {background-position: 0 -95px;}
#layer .antissinais-30 .info-produto dl dt span {background-position: -1234px -1164px;}
#layer .antissinais-30 .info-produto dl dt:hover span {background-position: -1234px -1193px;}
#layer .antissinais-30 .info-produto dl .menos span {background-position: -1258px -1164px;}
#layer .antissinais-30 .info-produto dl .menos:hover span {background-position: -1258px -1193px;}
#layer .antissinais-30 .info-produto dl dd table tr th,
#layer .antissinais-30 .info-produto dl dd table tr td.impar {background-color: #b997ae;}
#layer .antissinais-30 .info-produto dl dd table tr td {background-color: #deb4d0;}
#layer .antissinais-30 .combina aside .info span {background-position: -1205px -1164px;}
#layer .antissinais-30 .combina aside .info span:hover {background-position: -1205px -1193px;}
#layer .antissinais-30 .combina .botoes .bt-encomende,
#layer .antissinais-30 .combina .botoes .bt-compre {background-color: #deb4d0;}
#layer .antissinais-30 .combina .botoes .bt-encomende:hover,
#layer .antissinais-30 .combina .botoes .bt-compre:hover {background-color: #b997ae;}

#layer .antissinais-45 .bt-fechar {background-position: -940px -1236px;}
#layer .antissinais-45 .bt-fechar:hover {background-position: -1006px -1236px;}
#layer .antissinais-45 .info-produto h2 {color: #c9d0da;}
#layer .antissinais-45 .info-produto .selo {background-position: 0 -190px;}
#layer .antissinais-45 .info-produto dl dt span {background-position: -1234px -1236px;}
#layer .antissinais-45 .info-produto dl dt:hover span {background-position: -1234px -1265px;}
#layer .antissinais-45 .info-produto dl .menos span {background-position: -1258px -1236px;}
#layer .antissinais-45 .info-produto dl .menos:hover span {background-position: -1258px -1265px;}
#layer .antissinais-45 .info-produto dl dd table tr th,
#layer .antissinais-45 .info-produto dl dd table tr td.impar {background-color: #a7adb7;}
#layer .antissinais-45 .info-produto dl dd table tr td {background-color: #c9d0da;}
#layer .antissinais-45 .combina aside .info span {background-position: -1205px -1236px;}
#layer .antissinais-45 .combina aside .info span:hover {background-position: -1205px -1265px;}
#layer .antissinais-45 .combina .botoes .bt-encomende,
#layer .antissinais-45 .combina .botoes .bt-compre {background-color: #c9d0da;}
#layer .antissinais-45 .combina .botoes .bt-encomende:hover,
#layer .antissinais-45 .combina .botoes .bt-compre:hover {background-color: #a7adb7;}

#layer .antissinais-60 .bt-fechar {background-position: -940px -1308px;}
#layer .antissinais-60 .bt-fechar:hover {background-position: -1006px -1308px;}
#layer .antissinais-60 .info-produto h2 {color: #cedfcd;}
#layer .antissinais-60 .info-produto .selo {background-position: 0 -285px;}
#layer .antissinais-60 .info-produto dl dt span {background-position: -1234px -1308px;}
#layer .antissinais-60 .info-produto dl dt:hover span {background-position: -1234px -1337px;}
#layer .antissinais-60 .info-produto dl .menos span {background-position: -1258px -1308px;}
#layer .antissinais-60 .info-produto dl .menos:hover span {background-position: -1258px -1337px;}
#layer .antissinais-60 .info-produto dl dd table tr th,
#layer .antissinais-60 .info-produto dl dd table tr td.impar {background-color: #abbaac;}
#layer .antissinais-60 .info-produto dl dd table tr td {background-color: #cedfcd;}
#layer .antissinais-60 .combina aside .info span {background-position: -1205px -1308px;}
#layer .antissinais-60 .combina aside .info span:hover {background-position: -1205px -1337px;}
#layer .antissinais-60 .combina .botoes .bt-encomende,
#layer .antissinais-60 .combina .botoes .bt-compre {background-color: #cedfcd;}
#layer .antissinais-60 .combina .botoes .bt-encomende:hover,
#layer .antissinais-60 .combina .botoes .bt-compre:hover {background-color: #abbaac;}

#layer .antissinais-70 .bt-fechar {background-position: -940px -1380px;}
#layer .antissinais-70 .bt-fechar:hover {background-position: -1006px -1380px;}
#layer .antissinais-70 .info-produto h2 {color: #ecccb3;}
#layer .antissinais-70 .info-produto .selo {background-position: 0 -380px;}
#layer .antissinais-70 .info-produto dl dt span {background-position: -1234px -1380px;}
#layer .antissinais-70 .info-produto dl dt:hover span {background-position: -1234px -1409px;}
#layer .antissinais-70 .info-produto dl .menos span {background-position: -1258px -1380px;}
#layer .antissinais-70 .info-produto dl .menos:hover span {background-position: -1258px -1409px;}
#layer .antissinais-70 .info-produto dl dd table tr th,
#layer .antissinais-70 .info-produto dl dd table tr td.impar {background-color: #c3aa96;}
#layer .antissinais-70 .info-produto dl dd table tr td {background-color: #ecccb3;}
#layer .antissinais-70 .combina aside .info span {background-position: -1205px -1380px;}
#layer .antissinais-70 .combina aside .info span:hover {background-position: -1205px -1409px;}
#layer .antissinais-70 .combina .botoes .bt-encomende,
#layer .antissinais-70 .combina .botoes .bt-compre {background-color: #ecccb3;}
#layer .antissinais-70 .combina .botoes .bt-encomende:hover,
#layer .antissinais-70 .combina .botoes .bt-compre:hover {background-color: #c3aa96;}

/* tratamento específico */
#layer .especifico .bt-fechar {background-position: -311px -626px;}
#layer .especifico .bt-fechar:hover {background-position: -377px -626px;}
#layer .especifico .info-produto h2 {color: #b9b9b9;}
#layer .especifico .info-produto dl dt span {background-position: -596px -626px;}
#layer .especifico .info-produto dl dt:hover span {background-position: -596px -655px;}
#layer .especifico .info-produto dl .menos span {background-position: -620px -626px;}
#layer .especifico .info-produto dl .menos:hover span {background-position: -620px -655px;}
#layer .especifico .info-produto dl dd table tr th,
#layer .especifico .info-produto dl dd table tr td.impar {background-color: #9a9b9c;}
#layer .especifico .info-produto dl dd table tr td {background-color: #b9b9b9;}
#layer .especifico .combina aside .info span {background-position: -567px -626px;}
#layer .especifico .combina aside .info span:hover {background-position: -567px -655px;}
#layer .especifico .combina .botoes .bt-encomende,
#layer .especifico .combina .botoes .bt-compre {background-color: #b9b9b9;}
#layer .especifico .combina .botoes .bt-encomende:hover,
#layer .especifico .combina .botoes .bt-compre:hover {background-color: #9a9b9c;}

.red { color: #b11117 !important; }