*{margin:0px; padding:0px; font-family:'trebuchet ms'; font-size:12px; color:#000000;}

html{overflow-x:hidden; overflow-y:scroll;}

html, body{height:100%;}

img{border:none;}

/************** Body Background Dia ***************/
body.dia{background:#b9b9b9;}

/************* Body Background Noite **************/
body.noite{background:#a6a6a6;}


#global{position:absolute; left:0px; top:0px; width:100%; height:790px; background-position:0px 0px; background-repeat:repeat-x; z-index:4;}

.dia #global{background-image:url(../img/plano_de_fundo_dia.jpg);}
.noite #global{background-image:url(../img/plano_de_fundo_noite.jpg);}

#main{position:absolute; width:775px; height:455px; top:108px; left:50%; margin:0px 0px 0px -388px; z-index:8;}

.relogioArea{position:absolute; width:240px; height:241px; left:268px; top:93px; z-index:14;}


/************************************************
			TODOS ELEMENTOS OCULTOS
************************************************/
h1 span, h2 span, h2 p, h3 span, h4 span, .textoSuaPele p, .menuArea ul li a div, .areaPromocao p span, .normaContent p.boxResultado span{display:none;}


/************************************************
			LOGO NORMADERM
************************************************/
h1{position:absolute; width:208px; height:34px; left:285px; top:33px; z-index:80;}
/******************* Logo Dia *******************/
.dia h1{background:url(../img/logo_normaderm_dia.gif) no-repeat 0px 0px;}
.dia h1.norma{left:141px; cursor:pointer;}
.dia h1.interno{left:13px; cursor:pointer;}

/******************* Logo Noite *****************/
.noite h1{background:url(../img/logo_normaderm_noite.gif) no-repeat 0px 0px;}
.noite h1.norma{left:141px; cursor:pointer;}

/************************************************
			LOGO VICHY
************************************************/
h3{position:absolute; width:96px; height:96px; right:0px; top:1px; background:url(../img/logo_vichy.gif) no-repeat 0px 0px; z-index:14;}
h3 a{float:left; width:96px; height:96px; text-decoration:none;}


/************************************************
			PRODUTO EM DESTAQUE
************************************************/
.produtoDestaque, .produtoDestaqueInt{position:absolute; left:-25px; top:-5px; width:169px; height:540px; background:url(../img/produto_vichy_dia.jpg) no-repeat 0px 0px; z-index:45;}

/* Fix produto em destaque no IE7 e Firefox */
html > body .produtoDestaque{top:-4px;}
html > body .produtoDestaqueInt{top:-4px;}
.produtoDestaque span, .produtoDestaqueInt span{display:none;}

/******************* Produto Dia *******************/
.dia .produtoDestaque{background:url(../img/produto_vichy_dia.jpg) no-repeat 0px 0px;}

/******************* Produto Noite *****************/
.noite .produtoDestaque{background:url(../img/produto_vichy_noite.jpg) no-repeat 0px 0px;}

/******************* Produto Dia Interno *******************/
.dia .produtoDestaqueInt{background:url(../img/produto_vichy_dia1.jpg) no-repeat 0px 0px;}

/******************* Produto Noite Interno *****************/
.noite .produtoDestaqueInt{background:url(../img/produto_vichy_noite1.jpg) no-repeat 0px 0px;}



/************************************************
					MENU
************************************************/
.menuArea{position:absolute; bottom:0px; width:775px; height:45px;}
.menuArea ul{float:left; list-style:none; padding:0px 0px 0px 144px;}
.menuArea ul li{float:left; display:inline; height:45px; background-repeat:no-repeat; padding:0px 0px 0px 15px; background-position:15px 8px;}
.menuArea ul li a{float:left; position:relative; width:100%; height:100%;}
.menuArea ul li a span{display:none;}
.menuArea ul li a:hover{background:transparent; z-index:25;}
.menuArea ul li a:hover span, .menuArea ul li a.on span{display:block; position:absolute; top:0px; left:50%; margin-left:-14px; width:9px; height:5px;}
.menuArea ul li.item01 a:hover span{margin-left:-5px;}

.menuArea ul li.item01{width:76px; padding:0px 0px 0px 0px; background-position:0px 8px;}
.menuArea ul li.item02{width:92px; padding:0px 0px 0px 53px; background-position:53px 8px;}
.menuArea ul li.item03{width:82px;}
.menuArea ul li.item04{width:80px;}
.menuArea ul li.item05{width:84px;}
.menuArea ul li.item06{width:82px;}

.bgMenu{position:absolute; width:100%; height:45px; left:0px; top:518px; background:#3b76b2;}
/* Fix background do menu no IE6 e IE7 */
* html .bgMenu{top:517px;}
.bgMenu div{position:absolute; width:40%; height:45px; right:0px; top:0px; background:#76bc2c;}

/******************* Menu Dia *******************/
.dia .menuArea ul li a:hover span, .dia .menuArea ul li a.on span{background:url(../img/marca_menu_dia.gif) no-repeat 0px 0px;}
.dia .menuArea{background:url(../img/fundo_menu_dia.gif) repeat-y 0px 0px;}
.dia .menuArea ul li.item01{background-image:url(../img/menu_dia_normaderm_fps15.gif);}
.dia .menuArea ul li.item02{background-image:url(../img/menu_dia_normaderm_noite.gif);}
.dia .menuArea ul li.item03{background-image:url(../img/menu_dia_sobre_programa.gif);}
.dia .menuArea ul li.item04{background-image:url(../img/menu_dia_linha_completa.gif);}
.dia .menuArea ul li.item05{background-image:url(../img/menu_dia_promocao.gif);}
.dia .menuArea ul li.item06{background-image:url(../img/menu_dia_cadastre.gif);}
.dia .bgMenu{background:#3b76b2;}
.dia .bgMenu div{background:#76bc2c;}

/******************* Menu Noite *******************/
.noite .menuArea ul li a:hover span, .dia .menuArea ul li a.on span{background:url(../img/marca_menu_noite.gif) no-repeat 0px 0px;}
.noite .menuArea{background:url(../img/fundo_menu_noite.gif) repeat-y 0px 0px;}
.noite .menuArea ul li.item01{background-image:url(../img/menu_noite_normaderm_noite.gif);}
.noite .menuArea ul li.item02{background-image:url(../img/menu_noite_normaderm_fps15.gif);}
.noite .menuArea ul li.item03{background-image:url(../img/menu_noite_sobre_programa.gif);}
.noite .menuArea ul li.item04{background-image:url(../img/menu_noite_linha_completa.gif);}
.noite .menuArea ul li.item05{background-image:url(../img/menu_noite_promocao.gif);}
.noite .menuArea ul li.item06{background-image:url(../img/menu_noite_cadastre.gif);}
.noite .bgMenu{background:#285888;}
.noite .bgMenu div{background:#77a800;}

/*fix home*/
.homemenu{bottom:5px; z-index:40;}
.bghomemenu{top:513px; z-index:7;}
/* Fix background do menu no IE6 e IE7 */
* html .bghomemenu{top:512px;}



/************************************************
			TEXTO SUA PELE
************************************************/
.textoSuaPele{position:absolute; width:233px; height:38px; left:266px; top:326px; z-index:14;}
/******************* Texto Sua Pele Dia *******************/
.dia .textoSuaPele{background:url(../img/txt_sua_pele_dia.gif) no-repeat 0px 0px;}
/******************* Texto Sua Pele Noite *****************/
.noite .textoSuaPele{background:url(../img/txt_sua_pele_noite.gif) no-repeat 0px 0px;}



/************************************************
			BOX INFO PRODUTOS
************************************************/
.boxInfoProduto{position:absolute; width:166px; height:250px; left:75px; top:115px; z-index:75;}
.boxInfoProduto h4{float:left; width:166px; height:68px;}
.boxInfoProduto p{float:right; line-height:15px; line-height:16px;}
.boxInfoProduto p a{display:block; width:77px; height:27px;}
.boxInfoProduto p a span{display:none;}

/******************* Box Info Dia *******************/
.dia .boxInfoProduto{left:75px;}
.dia .boxInfoProduto h4{background:url(../img/novo_fps15_toque_seco.gif) no-repeat 0px 0px;}
.dia .boxInfoProduto p{background:url(../img/normaderm_fps15.gif) no-repeat 0px 0px; width:125px; padding:43px 0px 0px 12px;}
.dia .boxInfoProduto p a{padding-top:15px;}
/*.dia .boxInfoProduto p a{background:url(../img/botao_saiba_mais_dia.gif) no-repeat 0px 17px;}*/

/******************* Box Info Noite *****************/
.noite .boxInfoProduto{left:105px;}
.noite .boxInfoProduto h4{background:none;}
.noite .boxInfoProduto p{background:url(../img/normaderm_noite.gif) no-repeat right 0px; color:#ffffff; width:137px; padding:43px 0px 0px 0px;}
.noite .boxInfoProduto p strong{color:#ffffff;}
.noite .boxInfoProduto p a{padding-top:15px;}
/*.noite .boxInfoProduto p a{background:url(../img/botao_saiba_mais_noite.gif) no-repeat 0px 17px;}*/


/************************************************
			BOX PROMOCAO
************************************************/
.areaPromocao{position:absolute; width:294px; height:255px; right:-10px; top:154px; z-index:14;}
.areaPromocao h4{position:absolute; width:197px; height:174px; left:47px; top:-35px; z-index:15;}
.areaPromocao p{position:absolute; width:203px; height:15px; left:45px; top:138px; padding:50px 0px 0px 0px; z-index:16; text-align:center;}
.areaPromocao p a{position:absolute; width:80px; height:14px; left:38px; bottom:3px;}

/******************* Box Promocao Dia *******************/
.dia .areaPromocao{background:url(../img/fundo_boxpromocao_dia.jpg) no-repeat 0px 0px;}
.dia .areaPromocao h4{background:url(../img/kits_normaderm_dia.jpg) no-repeat 0px 0px;}
.dia .areaPromocao p{background:url(../img/veja_como_aproveitar_dia.gif) no-repeat 0px 0px;}
/*.dia .areaPromocao p a{background:url(../img/botao_participe_dia.gif) no-repeat 0px 0px;}*/

/****************** Box Promocao Noite ******************/
.noite .areaPromocao{background:url(../img/fundo_boxpromocao_noite.jpg) no-repeat 0px 0px;}
.noite .areaPromocao h4{background:url(../img/kits_normaderm_noite.jpg) no-repeat 0px 0px;}
.noite .areaPromocao p{background:url(../img/veja_como_aproveitar_noite.gif) no-repeat 0px 0px;}
/*.noite .areaPromocao p a{background:url(../img/botao_participe_noite.gif) no-repeat 0px 0px;}*/


/************************************************
			PAGINA NORMADERM
************************************************/
.normaContent{position:absolute; width:425px; height:280px; z-index:50; left:141px; top:100px;}

.normaContent h2{float:left; height:58px;}
/*** Dia ***/
.dia .normaContent h2{background:url(../img/titulo_normaderm_fps15.gif) no-repeat 0px 4px; width:231px;}
/** Noite **/
.noite .normaContent h2{background:url(../img/titulo_normaderm_noite.gif) no-repeat 0px 4px; width:270px;}

.normaContent p{clear:left; width:400px; font-size:12px; line-height:16px; padding:2px 0px 0px 13px;}
/*** Dia ***/
.dia .normaContent p, .dia .normaContent p strong{color:#525252;}
/** Noite **/
.noite .normaContent p, .noite .normaContent p strong{color:#ffffff;}

.normaContent p.boxResultado{width:405px;}
/*** Dia ***/
.dia .normaContent p.boxResultado{background:url(../img/box_resultado_norma_dia.gif) no-repeat 13px 13px; height:76px;}
/** Noite **/
.noite .normaContent p.boxResultado{background:url(../img/box_resultado_norma_noite.gif) no-repeat 13px 13px; height:99px;}

.produtosNorma{position:absolute; z-index:25;}
/*** Dia ***/
.dia .produtosNorma{background:url(../img/pacote_normadermfps15.jpg) no-repeat 0px 0px; width:253px; height:252px; right:-68px; bottom:48px;}
/** Noite **/
.noite .produtosNorma{background:url(../img/pacote_normadermnoite.jpg) no-repeat 0px 0px; width:298px; height:273px; right:-104px; bottom:45px;}


/************************************************
			PAGINA CADASTRE-SE
************************************************/
.cadastreContent{position:absolute; width:425px; height:280px; z-index:20; left:13px; top:100px;}

.cadastreContent h2{float:left; height:58px;}
/*** Dia ***/
.dia .cadastreContent h2{background:url(../img/cadastre_receba_novidades.gif) no-repeat 0px 4px; width:360px;}
.dia .cadastreContent h2.fim{background:url(../img/cadastre_finalizado.gif) no-repeat 0px 4px; width:360px;}

.cadastreContent table{float:left; width:328px;}
.cadastreContent table tr td{text-align:left; vertical-align:middle; padding:0px 0px 12px 0px;}
.cadastreContent table tr td.firstTd{width:48px;}
.cadastreContent table tr td.lastTd{text-align:right; width:140px;}
.cadastreContent table tr td.optinTd{padding:0px 0px 6px 0px;}
.cadastreContent table tr td.btnArea{padding:12px 0px 0px 0px; text-align:right;}
.cadastreContent table tr td label{color:#525252; font-size:11px;}
.cadastreContent table tr td label strong{color:#525252;}
.cadastreContent table tr td input{border:1px solid #91c956; width:279px; background:#f5faf2;}
.cadastreContent table tr td input.small{width:23px;}
.cadastreContent table tr td input.medium{width:63px;}
.cadastreContent table tr td input.big{width:139px;}
.cadastreContent table tr td input.noborder{border:none; width:15px; height:15px; vertical-align:top; margin-top:2px;}

.cadastreContent table tr td select{border:1px solid #91c956; width:51px; background:#f5faf2;}
.cadastreContent table tr td select option{padding:0px 0px 0px 4px}

.cadastreContent .sucesso{float:left; font-size:12px; padding:5px 0px 0px 15px; color:#5b5b5b; line-height:14px;}
.cadastreContent .sucesso strong{color:#5b5b5b;}

.fixBgMenu{position:absolute; width:94px; height:45px; background:url(../img/acerto_fundo_menu.jpg) no-repeat 0px 0px; z-index:85; left:-50px; top:405px;}
* html .fixBgMenu{top:404px;}

.produtosCadastre{position:absolute; width:325px; height:303px; background:url(../img/cadastre_produtos.jpg) no-repeat 0px 0px; z-index:20; right:-9px; top:106px;}
.numFdoRelogio{position:absolute; width:317px; height:99px; background:url(../img/numeros_fundo_relogio.jpg) no-repeat 0px 0px; z-index:20; right:102px; top:0px;}



/************************************************
			PAGINA LINHA COMPLETA
************************************************/
.linCompContent{position:absolute; width:606px; height:280px; z-index:25; left:13px; top:100px;}
.linCompContent h2{float:left; height:58px;}
/*** Dia ***/
.dia .linCompContent h2{background:url(../img/titulo_linha_completa.gif) no-repeat 0px 4px; width:606px;}

.numFdoRelogioTopo{position:absolute; width:317px; height:99px; background:url(../img/numeros_fundo_relogio.jpg) no-repeat 0px 0px; z-index:20; right:102px; top:0px;}
.numFdoRelogioMeio{position:absolute; width:575px; height:310px; background:url(../img/fundo_principal_relogio.jpg) no-repeat 0px 0px; z-index:20; right:-12px; top:111px;}

.linhaCompletaFlash{position:absolute; width:775px; height:245px; z-index:35; left:-3px; top:147px;}


/************************************************
			PAGINA SOBRE PROGRAMA
************************************************/
.progContent{position:absolute; width:606px; height:280px; z-index:25; left:13px; top:100px;}
.progContent h2{float:left; height:58px;}
/*** Dia ***/
.dia .progContent h2{background:url(../img/sobre_programa.gif) no-repeat 0px 4px; width:218px;}

.progContent p{clear:left; color:#5b5b5b; padding:0px 0px 7px 13px;}
.progContent p strong{color:#5b5b5b;}

.progContent p.txtSuaPele{width:223px; height:29px; background:url(../img/txt_sua_pele_programa.gif) no-repeat 13px 0px;}
.progContent p.boxResultadoProg{width:199px; height:80px; background:url(../img/box_resultado_programa.gif) no-repeat 13px 12px;}
p.txtSuaPele span, p.boxResultadoProg span{display:none;}

.produtoDiaProg{position:absolute; left:255px; bottom:45px; width:124px; height:327px; background:url(../img/produto_programa_dia.jpg) no-repeat 0px 0px; z-index:25;}
.produtoNoiteProg{position:absolute; right:105px; bottom:45px; width:159px; height:327px; background:url(../img/produto_programa_noite.jpg) no-repeat 0px 0px; z-index:25;}

.produtoDiaProg .infoProdProg{position:absolute; right:-106px; bottom:65px; width:175px; height:187px; background:url(../img/info_durante_dia.gif) no-repeat 0px 0px; z-index:30;}
.produtoNoiteProg .infoProdProg{position:absolute; right:-93px; bottom:65px; width:175px; height:187px; background:url(../img/info_durante_noite.gif) no-repeat 0px 0px; z-index:30;}
/* Fix produto no IE6 e IE7 */
* html .produtoNoiteProg .infoProdProg{right:-94px;}

.produtoDiaProg .infoProdProg span, .produtoNoiteProg .infoProdProg span{display:none;}
.produtoDiaProg .infoProdProg a{position:absolute; right:4px; bottom:0px; width:66px; height:11px;}
.produtoNoiteProg .infoProdProg a{position:absolute; right:4px; bottom:0px; width:66px; height:11px;}


/************************************************
			ALERT LAYER
************************************************/
#alertArea{display:none;}
#bgGeralAlpha{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; z-index:30; filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6}
#bgGeralAlphaSob{position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; z-index:27; filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0; opacity:0.0}
#alertArea .alertLayer{display:block; position:absolute; top:200px; left:50%; width:298px; margin:0px 0px 0px -127px; background:#7bbb39; z-index:35; padding:6px 10px 10px 10px;}
#alertArea .alertLayer a{float:left; width:297px; text-align:right; height:24px;}
#alertArea .alertLayer .content{float:left; clear:left; padding:10px; width:278px; height:80px; background:#ffffff;}
#alertArea .alertLayer p{float:left; clear:left; width:278px; color:#525252; font-size:12px; font-weight:normal;}
#alertArea .alertLayer p strong{color:#204495; font-size:14px;}
#alertmsg{padding:4px 0px 4px 0px; line-height:18px; font-size:12px;}
html > body #alertArea .alertLayer .content{height:auto; min-height:80px;}
#alertArea .alertLayer p.txt02{padding:4px 0px 4px 0px;}

/************************************************************
			ASSINATURA PUBLICIDADE INTERATIVA
************************************************************/
.assPubint{position:absolute; right:0px; bottom:-40px;}
.assPubint a{float:right; background:url(../img/assinatura_publicidade.gif) no-repeat 0px 0px; width:130px; height:14px;}
.noite .assPubint a{float:right; background:url(../img/assinatura_publicidade2.gif) no-repeat 0px 0px; width:130px; height:14px;}
.assPubint a span{display:none;}


/************************************************************
					ACERTA MENU RIGHT
************************************************************/
.fixBgMenuRight{position:absolute; width:105px; height:45px; z-index:85; right:-90px; top:405px;}
* html .fixBgMenuRight{top:404px;}

.dia .fixBgMenuRight{background:#76BC2C;}
.noite .fixBgMenuRight{background:#77A800;}