*{margin:0; padding:0; border:none; outline:none; list-style:none;}
html, body{min-height:100%;}
* html{height:100%;}
* body{height:100%;}
body{background:#e0e2de; font-family:verdana;}

.txt-right{text-align:right;}
.txt-center{text-align:center;}

.clear{clear:both;}

#container{position:relative; width:998px; margin:0 auto; min-height:510px; padding:0 0 105px 0;}
* html #container{height:510px;}

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

#header{float:left; position:relative; width:100%; height:148px;}
#header h1{position:absolute; left:362px; top:41px; width:274px; height:69px; background:url(../img/logo-normaderm.gif) no-repeat 0 0;}
#header h2{position:absolute; left:865px; top:43px; width:115px; height:39px; background:url(../img/logo-vichy.gif) no-repeat 0 0;}
#header h1 a, #header h2 a{float:left; width:100%; height:100%; text-decoration:none; text-indent:-6666px; overflow:hidden; display:block;}

#footer{position:absolute; left:0; bottom:0; width:100%; height:105px; z-index:10;}

#footer p.box-cadastro{position:absolute; left:20px; top:1px; width:837px; height:31px; background:#accc88 url(../img/txt-mantenha-seu-cadastro-atualizado.gif) no-repeat 20px 7px; text-indent:-6666px; overflow:hidden; z-index:15;}
#footer p.botao-cadastro{position:absolute; left:867px; top:1px; width:111px; height:31px; z-index:15;}
#footer p.botao-cadastro a{float:left; width:100%; height:100%; text-decoration:none; background:url(../img/btn-cadastro.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; display:block;}
#footer p.botao-cadastro a:hover{background-position:0 -31px;}

#footer p.assinatura-pubint{position:absolute; left:20px; top:64px; width:137px; height:7px; background:url(../img/assinatura-publicidade-interativa.gif) no-repeat 0 0; z-index:15;}
#footer p.assinatura-pubint a{float:left; width:100%; height:100%; text-decoration:none; text-indent:-6666px; overflow:hidden; display:block;}

#footer ul.bg{position:absolute; left:20px; top:0; width:956px; height:51px; background:url(../img/bg-footer-bar.gif) repeat-x 0 0; border-bottom:1px solid #b6c5a5; border-left:1px solid #b9c8a8; border-right:1px solid #b9c8a8;}
#footer ul.bg li{float:left; height:51px; display:inline; padding:0 2px 0 0; background:url(../img/line-separa-bar.gif) no-repeat right 0;}
#footer ul.bg li a{float:left; font-family:tahoma; height:51px; font-size:11px; color:#647b47; text-decoration:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
#footer ul.bg li a span{display:none;}
#footer ul.bg li.it01{width:321px;}
#footer ul.bg li.it02{width:335px;}
#footer ul.bg li.it03{width:296px; padding:0 0 0 0; background:none;}

#footer ul.bg li a:hover{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

#footer ul.bg li.it01 a{width:266px; height:25px; padding:26px 0 0 55px; background:url(../img/bg-btn-cadastro.jpg) no-repeat 0 0;}
#footer ul.bg li.it02 a{width:278px; height:25px; padding:26px 0 0 57px; background:url(../img/bg-btn-localizador-de-lojas.jpg) no-repeat 0 0;}
#footer ul.bg li.it03 a{width:238px; height:25px; padding:26px 0 0 58px; background:url(../img/bg-btn-lojas-online.jpg) no-repeat 0 0;}

#main{position:relative; float:right; clear:left; width:715px; min-height:361px; padding:0 20px 0 0;}
* html #main{height:365px;}

.mainhome{width:640px !important; min-height:362px !important; padding-bottom:7px !important;}
* html .mainhome{height:362px !important;}

#main p.txt-descubra-como-controlar-o-brilho{position:absolute; left:139px; top:-5px; width:422px; height:40px; background:url(../img/txt-descubra-como-controlar-o-brilho.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; z-index:15;}

#main .etapas{position:absolute; left:125px; top:-17px; width:544px; height:312px; padding:74px 0 0 0;}
#main .etapas ul{float:left; width:100%; height:312px; padding:0 0 0 0; list-style:none;}
#main .etapas ul li{float:left; width:210px; height:215px; padding:50px 0 0 0; margin:0 1px 0 0; text-align:center; display:inline; background:#eff3ea; border:1px solid #c9d6bb;}
#main .etapas ul li a{color:#64a617; text-decoration:none;}
#main .etapas ul li a:hover{text-decoration:underline;}


/*POP LAYER*/
#alertArea{display:none;}
#bgGeralAlpha{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#4d5841; filter: alpha(opacity=40); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.40; opacity: 0.40; z-index:230;}
#bgGeralAlphaSob{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;}

#alertArea .alertLayer{display:block; position:absolute; top:50%; left:50%; width:303px; height:384px; margin:-206px 0px 0px -165px; padding:14px; background:#ffffff;; z-index:235;}
#alertArea .alertLayer .content{position:relative; float:left; clear:left; padding:0; width:301px; height:382px; text-align:center; border:1px solid #c9d8b6; background:#fefefe url(../img/bg-pop-layer.gif) repeat-x 0 bottom;}
#alertArea .alertLayer .content a.btn-fechar-pop{position:absolute; right:11px; top:11px; width:19px; height:19px; text-indent:-6666px; overflow:hidden; background:url(../img/btn-fechar-pop.gif) no-repeat 0 0; filter: alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
#alertArea .alertLayer .content h5{float:left; width:301px; height:62px; background:url(../img/tit-lojas-online.jpg) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
#alertArea .alertLayer .content ul.lista-farmacias-online{float:left; width:273px; padding:0 14px 0 14px;}
#alertArea .alertLayer .content ul li{float:left; width:271px; clear:left; display:list-item; text-align:left; padding:14px 1px 3px 1px; border-bottom:1px solid #cdcfcc;}
#alertArea .alertLayer .content ul li a{float:right; width:48px; height:12px; text-indent:-6666px; overflow:hidden; background:url(../img/btn-acessar.gif) no-repeat 0 0; filter: alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
#alertArea .alertLayer .content ul li span{float:left; width:200px; color:#647b47; font-size:11px; font-family:tahoma; font-weight:bold;}
#alertArea .alertLayer .content ul li.no-border{border:none !important;}
#alertArea .alertLayer .content a:hover{ filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}