/*XXXXXXXX PRÉ-DEFINIÇÕES XXXXXXXX*/
*{margin:0;padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
html,body {margin:0;padding:0;height:0;}
body{background:#fff; }
img{border:0;}
.noMargin{margin:0;}
li{list-style-type:none;}

/*--- DIV PRINCIPAL ---*/
.desktopFull {position:relative; margin:0 auto; width:100%; height:auto !important; height:100%; min-height:100%;}
.desktopFull:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/*--- TOPO - ESTRUTURA ---*/
.topo {background:#FFF; border:0; float:left; height:118px; margin:0; padding:0; text-align:center; width:100%;}
.topo:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.topo {display:inline-block;}

.topoInterno {background:#FFF; border:0; height:84px; margin:0 auto;*margin:0; padding:0; text-align:center; width:950px;}
.topoInterno:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.topoInterno{display:inline-block;}

.meio {background: url('../img/bgAcabamentoMenu2.jpg') no-repeat; padding-bottom:80px; width:100%; text-align:center;}
.meio_dentro{width:999px; margin:0 auto; text-align:left;}
.meio_dentro:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.meio_dentro{display:inline-block;}

* html .meio_dentro{height:1%;}


/*--- COLUNA ESQUERDA ---*/
.campoColunaEsquerda{width:259px; vertical-align:top; text-align:left; float:left;}
.imagemTxtAnthelios{margin:20px 0 0 11px;}
.menu{margin:20px 0 0 11px;}

.menu ul li a.imgAnthekiosHome{background: url('../img/btHome.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgAnthekiosHome:hover{background-position:0 -39px;}
.menu ul li a.imgPorqueAnthelios{background: url('../img/btPorQueAnthelios.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgPorqueAnthelios:hover{background-position:0 -39px;}
.menu ul li a.imgLinhaProdutos{background: url('../img/btLinhaProdutos.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgLinhaProdutos:hover{background-position:0 -39px;}
.menu ul li a.imgProtegerdoSol{background: url('../img/btProtegerdoSol.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgProtegerdoSol:hover{background-position:0 -39px;}
.menu ul li a.imgComoProtegerdoSol{background: url('../img/btComoProtegerdoSol.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgComoProtegerdoSol:hover{background-position:0 -39px;}
.menu ul li a.imgPrevencaoCancer{background: url('../img/btPrevencaoCancer.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgPrevencaoCancer:hover{background-position:0 -39px;}
.menu ul li a.imgBlog{background: url('../img/btBlog.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgBlog:hover{background-position:0 -39px;}
.menu ul li a.imgSobreLaRochePosay{background: url('../img/btSobreLaRochePosay.jpg') no-repeat; display: block; height:39px; width: 235px;}
.menu ul li a.imgSobreLaRochePosay:hover{background-position:0 -39px;}
.menu ul li a.imgContato{background: url('../img/btContato.jpg') no-repeat; display: block; height:40px; width: 235px;}
.menu ul li a.imgContato:hover{background-position:0 -39px;}

.campoAreaDermatologista{margin:20px 0 0 11px;}
.campoAreaDermatologista .EsqueciSenha{font:normal 10px Verdana; color:#f58002;}
.campoAreaDermatologista .EsqueciSenha a{text-decoration:none; color:#f58002;}
.campoAreaDermatologista .EsqueciSenha a:hover{text-decoration:underline;}
.campoAreaDermatologista .EsqueciSenha .linha{width:184px; height:1px; margin:3px 0 0 0;}

.campoAreaNewsletter{margin:20px 0 0 11px; font:normal 10px Verdana; color:#000;}
.campoAreaNewsletter .textoIntroducao{font:normal 10px Verdana; color:#f58002; width:160px; margin:5px 0 0 0;}
.campoAreaNewsletter .pergunta01{margin:5px 0 0 0;}
.campoAreaNewsletter .pergunta01 input{float:left; vertical-align:middle;}
.campoAreaNewsletter .pergunta01 label{float:left; height:18px; padding:0 0 0 10px;*padding:5px 0 0 10px; width:70px;}

.campoAreaNewsletter .campoSelectNewsletter{margin:10px 0 0 0;}
.campoAreaNewsletter .campoSelectNewsletter .camposFormSemBg{height:21px; width: 158px; border:1px solid #7e9ebe; font:normal 10px Verdana; color:#000; padding:5px 0 0 5px;}

.formColunaEsquerda{width:235px; margin:7px 0 0 0;}
.formColunaEsquerda .camposForm{background: url('../img/bgCampoFormulario.jpg') no-repeat; height:21px; width: 158px; border:0; font:normal 10px Verdana; color:#000; padding:5px 0 0 5px;}



/*--- COLUNA DIREITA ---*/
.campoColunaDireita{width:740px; vertical-align:top; text-align:left; float:left;}
.campoFlashLinhaCompleta{margin:12px 0 0 0;}

.campoBoxVideo{margin:50px 0 0 0; float:left;}
.campoBoxVideo .textoBoxVideo{font:normal 11px Verdana; color:#000; margin:0 0 0 12px; width:340px;}

.campoMedidorUv{margin:50px 0 0 0; padding:0 0 0 9px; float:left;}
.campoSmille{float:left; background: url('../img/bgSmille.jpg') repeat-x 0 2px; width:115px; height:200px; padding:21px 0 0 10px;}

.campoDadosUv{float:left; background: url('../img/bgSmille.jpg') repeat-x 0 2px; width:239px; height:200px;}
.campoDadosUv .tituloBoxMedidorUv{margin:12px 0 0 0px;}
.campoDadosUv .campoDadosCidadeUv{margin:16px 0 0 0px;}
.campoDadosUv .campoDadosCidadeUv .campoValorUv1{float:left; background: url('../img/bgValorUv1.jpg') no-repeat; width:66px; height:56px; font:normal 16px Verdana; color:#FFF; text-align:center; padding:9px 0 0 0;}
.campoDadosUv .campoDadosCidadeUv .campoValorUv1 span{font:normal 25px Verdana; color:#FFF;}

.campoDadosUv .campoDadosCidadeUv .campoValorUv2{float:left; background: url('../img/bgValorUv2.jpg') no-repeat; width:66px; height:56px; font:normal 16px Verdana; color:#FFF; text-align:center; padding:9px 0 0 0;}
.campoDadosUv .campoDadosCidadeUv .campoValorUv2 span{font:normal 25px Verdana; color:#FFF;}

.campoDadosUv .campoDadosCidadeUv .campoValorUv3{float:left; background: url('../img/bgValorUv3.jpg') no-repeat; width:66px; height:56px; font:normal 16px Verdana; color:#FFF; text-align:center; padding:9px 0 0 0;}
.campoDadosUv .campoDadosCidadeUv .campoValorUv3 span{font:normal 25px Verdana; color:#FFF;}

.campoDadosUv .campoDadosCidadeUv .campoValorUv4{float:left; background: url('../img/bgValorUv4.jpg') no-repeat; width:66px; height:56px; font:normal 16px Verdana; color:#FFF; text-align:center; padding:9px 0 0 0;}
.campoDadosUv .campoDadosCidadeUv .campoValorUv4 span{font:normal 25px Verdana; color:#FFF;}

.campoDadosUv .campoDadosCidadeUv .campoValorUv5{float:left; background: url('../img/bgValorUv5.jpg') no-repeat; width:66px; height:56px; font:normal 16px Verdana; color:#FFF; text-align:center; padding:9px 0 0 0;}
.campoDadosUv .campoDadosCidadeUv .campoValorUv5 span{font:normal 25px Verdana; color:#FFF;}

.boxFrase1{background: url('../img/bckFrase1.gif') repeat-x 0 0; color:#fff; font:bold 11px Verdana; display:block; height:23px; margin:0 auto; padding:6px 0 0 0; text-align:center; width:350px;}
.boxFrase2{background: url('../img/bckFrase2.gif') repeat-x 0 0; color:#fff; font:bold 11px Verdana; display:block; height:23px; margin:0 auto; padding:6px 0 0 0; text-align:center; width:350px;}
.boxFrase3{background: url('../img/bckFrase3.gif') repeat-x 0 0; color:#fff; font:bold 11px Verdana; display:block; height:23px; margin:0 auto; padding:6px 0 0 0; text-align:center; width:350px;}
.boxFrase4{background: url('../img/bckFrase4.gif') repeat-x 0 0; color:#fff; font:bold 11px Verdana; display:block; height:23px; margin:0 auto; padding:6px 0 0 0; text-align:center; width:350px;}
.boxFrase5{background: url('../img/bckFrase5.gif') repeat-x 0 0; color:#fff; font:bold 11px Verdana; display:block; height:23px; margin:0 auto; padding:6px 0 0 0; text-align:center; width:350px;}

.campoDadosUv .campoDadosCidadeUv .dadosCidade{float:left; font:normal 11px Verdana; color:#000; margin:0 0 0 8px; line-height:18px;}
.campoDadosUv .campoDadosCidadeUv .dadosCidade span{font:bold 15px Verdana; color:#000;}
.campoDadosUv .textoObservacao{background:#0FF; font:normal 10px Verdana; color:#000; width:200px; margin:0; padding:0 0 0 15px;}

.campoFatorUv{display:block; float:left; width:364px; height:145px; text-align:center;}
.campoFatorUv img{margin:0 auto;}

ul.Exposicao{background: url('../img/bckFatorUvLabel.gif') repeat-x 0 0; border:0; display:block; width:365px;}
ul.Exposicao li{background: url('../img/bckFatorUvLabel.gif') repeat-x 0 0; border-right:solid 1px #FFF; color:#f7670a; display:block; float:left; font:bold 65% Verdana; height:20px; padding:5px 0 0 0; text-align:center;}
ul.Exposicao li.size1{width:90px;}
ul.Exposicao li.size2{width:100px;}
ul.Exposicao li.size3{width:80px;}
ul.Exposicao li.noborder{border:0;}
ul.Exposicao li.relogio1{background: url('../img/bckRelogio1.gif') no-repeat bottom center; color:#FFF; font:normal 70% Verdana; height:40px; padding:20px 0 0 0; text-align:center;}
ul.Exposicao li.relogio2{background: url('../img/bckRelogio2.gif') no-repeat bottom center; color:#FFF; font:normal 70% Verdana; height:40px; padding:20px 0 0 0; text-align:center;}
ul.Exposicao li.relogio3{background: url('../img/bckRelogio3.gif') no-repeat bottom center; color:#FFF; font:normal 70% Verdana; height:40px; padding:20px 0 0 0; text-align:center;}
ul.Exposicao li.relogio4{background: url('../img/bckRelogio4.gif') no-repeat bottom center; color:#FFF; font:normal 70% Verdana; height:40px; padding:20px 0 0 0; text-align:center;}

.campoFatorAlto{font:normal 14px Verdana; color:#FFF; text-align:center; line-height:14px; margin:48px 0 0 51px; float:left;}
.campoFatorAlto span{font:normal 9px Verdana; color:#FFF;}

.campoFatorMedio{font:normal 14px Verdana; color:#FFF; text-align:center; line-height:14px; margin:48px 0 0 88px; float:left;}
.campoFatorMedio span{font:normal 9px Verdana; color:#FFF;}

.campoFatorBaixo{font:normal 14px Verdana; color:#FFF; text-align:center; line-height:14px; margin:48px 0 0 82px; float:left;}
.campoFatorBaixo span{font:normal 9px Verdana; color:#FFF;}

.campoBaseInternas{background: url('../img/bgInternas.jpg') no-repeat; width:726px; padding:72px 0 0 14px; font:normal 11px Verdana; color:#000;}

.divCidades{border:solid 1px #f8670a; background:#f93; display:block; position:absolute; height:105px; overflow:auto; width:129px;}
.divCidades ul.lstCidades{border:0; float:left; width:110px;}
.divCidades ul.lstCidades li{border:0; float:left; padding:2px 0 1px 4px; width:100px;}
.divCidades ul.lstCidades li a{color:#FFF; font:100% Arial;}


/*--- RODAPÈ ---*/
.rodape{background: url('../img/bgRodape.jpg'); position:absolute; width:100%; bottom:0; height:73px;}
.rodape_dentro{background: url('../img/bgRodape.jpg'); width:950px; margin:0 auto; text-align:left; padding:14px 0 0 0;}
.menuRodape{font:normal 11px Verdana; color:#FFF; text-align:center;}
.menuRodape a{font:normal 11px Verdana; color:#FFF; text-decoration:none;}
.menuRodape a:hover{text-decoration:underline;}

.campoCopyright{font:normal 10px Verdana; color:#FFF; text-align:center; margin:15px 0 0 0;}