* {margin: 0;padding: 0;outline:none;}
body {font: normal 13px Arial, Helvetica, sans-serif;color: #666666;text-align: center;}

/*  atributos gerais*/
input, textarea, form, label {font: normal 13px Arial, Helvetica, sans-serif;color: #666666;}
ol, ul {list-style: none;}
a {color: #666666;text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
/*  classes gerais */
.floatLeft{float:left;}
.floatLeftImg{float:left;padding: 0px 10px 10px 0px;}
.floatRight{float:right;}
.floatRightImg{float:right;padding: 0px 0px 10px 10px;}
.clear{clear:both;}
.link{color:#45B9F7;}
.bordaImg{border: 2px solid #E7E7E7;}
/*  padrao de hierarquia de titulos*/
 h1{font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #00afcc;font-size: 25px;}
 h2{font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #00afcc;font-size: 15px;}
/*  div gerais*/
#wrapper { width: 996px;margin: 0px auto;text-align:left;  z-index: 10; position:relative;}

/*  topo*/
#header{float:left;width: 996px; position: relative; z-index: 25;}
#header #guardaLogoBayerParaVoceTopo{float: left; padding: 15px 0 0 35px;}
#header #guardaLogoBayerParaVoceTopo img{float: left;}
#header #guardaLogoBayerParaVoceTopo img#telefoneTopoBayerParaVoce{padding: 15px 0 0 20px;}
#header #guardaLogoBayerParaVoceTopo a{float: left;}
#header #guardaLateralDireitaTopo{ float:right; height:85px; padding-right:26px; padding-top:1px; }
#header #guardaLateralDireitaTopo ul{float: left; margin-top:78px; margin-right: 150px; font-size: 11px; position:absolute; right:25px;}
#header #guardaLateralDireitaTopo ul li{float: left; padding: 0 2px;}
#header #guardaLateralDireitaTopo ul li#bayerNoMundo{padding-left: 10px;}

#header #guardaMenuNavegacaoTopo{float: left; width: 100%; background-color: #00AFCC; font-size: 12px; height:40px; margin-top:10px; }
#header #guardaMenuNavegacaoTopo ul{float: left;}
#header #guardaMenuNavegacaoTopo ul li{float: left; border-right: 1px solid #FFF; position: relative;}
#header #guardaMenuNavegacaoTopo ul li a{float: left; color: #FFF; padding:10px 20px 0 20px;  height: 25px;}
#header #guardaMenuNavegacaoTopo ul li.linkTopoHover a{background-color: #C3EBEB!important; color: #00AFCC; text-decoration: none; }
#header #guardaMenuNavegacaoTopo ul li#navegacaoHome a{float: left; width: 130px;}
#header #guardaMenuNavegacaoTopo ul li#ultimoItemNavegacaoTopo{border-right: 0;}
#header #guardaMenuNavegacaoTopo ul li ul{display: none; position: absolute; top: 40px; left: -1px; padding-top: 0px; width: 200px; background-color: #C3EBEB;border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
#header #guardaMenuNavegacaoTopo ul li ul li{float: left; width: 100%;   border-left: 1px solid #FFF;border-bottom: 1px solid #FFF;  }
#header #guardaMenuNavegacaoTopo ul li ul li a{float: left; background: none; color: #00AFCC; padding: 2px 20px 2px 20px; height: 16px; width: 160px;}
#header #guardaMenuNavegacaoTopo ul li ul li a:hover{float: left;background: url('/images/menu-seta.png') no-repeat 5px center }
.linhaMenuVerde { background-color:#8CC63C; height:5px; width:auto;}


/*  conteudo*/
#content{float:left;width: 996px;   background: white; margin-top: 0px; padding-top: 0px; }
#content #esquerdo{float:left; width:170px; }
#content #esquerdo ul#menuEsquerdo{background-color:#FCFDFD; float:left; width:100%;}
#content #esquerdo ul#menuEsquerdo li{float:left; width:160px; color:#095E9E; font-size:12px; margin-left:-11px;}
/*Menu Esquerdo */
#content #esquerdo ul#menuEsquerdo li a{color:#0099cc; float:left;padding:2px 0px 0px 20px; margin-left:11px; width:150px; border-bottom:1px inset #999999;  min-height:17px;  }
#content #esquerdo ul#menuEsquerdo li a:hover{text-decoration:none;background: url('/images/menu-esquerdo/seta-azul.gif') no-repeat; background-position:10px center;}
#content #esquerdo ul#menuEsquerdo li.selecionado a{background: url('/images/menu-esquerdo/seta-branca.gif') no-repeat; background-position:5px center; color:#FFF; background-color:#1a478a; width:150px; }
#content #esquerdo ul#menuEsquerdo li .aba{}
#content #esquerdo ul#menuEsquerdo li.selecionado .aba{display:block;}
#content #esquerdo #bayerLinks{float:left; width:100%;}
#content #esquerdo #bayerLinks #bayerTitulo{float:left; width:160px; padding:1px 0px 0px 10px; height:19px; background:#999; color:#FFF; font-size: 14px;  }
#content #esquerdo #bayerLinks ul{ font-size: 12px; float:left; width:100%; padding:5px 0px;}
#content #esquerdo #bayerLinks ul li{padding-left:20px;}

#boxBuscar{float:left; width:100%; display:none;}
#boxBuscar #boxTitulo{float:left; width:160px; padding:1px 0px 0px 10px;  height:19px; background:#999; color:#FFF; font-size: 14px;  }
#boxBuscar ul{ font-size: 12px; float:left; border-bottom: 1px solid #B5B5B5; width:100%; padding:5px 0px;}
#boxBuscar ul li{padding-left:20px;}

#conteudoHTML{float:left; width:100%;}
#banner{ width:825px; float:left;}
#miolo { width:535px; float:left;  padding:20px 20px 25px; line-height:150%;}
#funcoesInterna{float:left; width:100%; border-bottom: 1px solid #F1F1F1; padding-bottom:8px; font-size:11px; margin-bottom: 30px;}
#funcoesInterna #breadCrumb{float:left;}
#DivbreadCrumb span a{color:#00AFCB}
/*Compartilhe*/
#tamanhoLetra{float:right; margin-left:30px; color:#3E6B95;}
#tamanhoLetra a{color:#3E6B95;}
#divTwitter{width:100px!important; }
#divGooglePlus{width:70px!important;}
#divFacebook{width:90px!important;   }
       .botaoShare{float:left; padding-bottom:5px;}
       #guardaBotaoShare{float:right; position:relative; right:-5px;  top:0px;}

#content #miolo #textoConteudo{float:left; width:100%; margin-top:30px; }
#content #miolo #textoConteudo #texto{float:left; margin-top:30px; }
#content #miolo #textoConteudo .imagemInterna{float:right; color:#C9C9C9; width:280px; text-align:center; margin-left:10px; margin-bottom:10px;}
#content #miolo #textoConteudo #data{float:left; width:100%; color:#C9C9C9; font-size:12px;} 
#content #miolo #textoConteudo h1{float:left; width:100%; color:#00AFCB; font-size:22px; margin-top:5px;}
#content #miolo #textoConteudo p strong{float:left; width:100%; margin:10px 0;}
#content #miolo #textoConteudo p{ margin-top:10px;}
#content #miolo #textoConteudo ul{float:left; width:100%; margin-top:10px;}
#content #miolo #textoConteudo li{list-style-type: disc; width:480px; float:left; margin-left:20px;}
#content #miolo #vejaTambem{width:100%; float:left; border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; padding:15px 0;}
#content #miolo #vejaTambem ul{float:left; margin:0; margin-top:5px;}
#content #miolo #vejaTambem ul li{float:left; width:150px; list-style:none; margin-left:20px;} 
#content #miolo #vejaTambem ul li .tituloVejaTb{ width:100%; float:left; color:#00AFCB; margin-bottom:5px;}
#content #miolo #vejaTambem ul li .tituloVejaTb a{color:#00AFCB;}
#cadastreSe { float:right; background:url('/images/banner-para-voce.jpg') no-repeat; width:204px; height:483px;  }
#cadastreSe div { float:left; margin-top:110px; margin:110px 16px 0 16px; font-size:12px;}
/* HOME*/
#content #divCalculadoras { float:left; width:250px; background-color:#F5F5F5; margin:20px 0 15px 0; } 
#content #divCalculadoras #headerCalculadoras { padding-top:15px; }
#content #divCalculadoras #cadastrarTexto{font-family: Arial;font-size: 12px;color: #868686; padding-bottom:5px; padding-top:5px; width:250px;}

#divCalculadoras #cadastrarcontroles{ padding-bottom:10px; }
#divCalculadoras #cadastrarcontroles #txtemail {background: url('../images/para-voce-home-cadastro.gif') no-repeat 0px 0px;border:none;width:259px;height:29px; text-indent: 5px; padding-left:10px;}
#divCalculadoras #cadastrarcontroles #btnok{position: absolute;right: 280px;padding-top: 5px;width: 43px;height: 19px;background-image: url("../images/para-voce-home-cadastro-ok.gif") no-repeat;border: none;}
#HolderBPVCalculadora { width:280px; float:left;}
#content #divCalculadoras #calculadoras{float:left; width:250px;  height:180px; padding-top:10px; padding-bottom:10px;}
#content #divCalculadoras #calculadoras div a { padding-left:15px; }
#content #aplicativos{ width:250px; padding:15px 0 0 12px; float:left; }
#content #aplicativos #horadapilula { float:left; padding-top:15px;}
#content #aplicativos #glicoCare {float:left;   padding-top:0px;  }

.divApp{float:left; padding-top:5px;}
.divImgApp{float:left;padding-right:15px;height:50px;}

#content #aplicativos div h1{font-size:12px;font-weight: bold;color: #959595;}
#content #aplicativos div{color: #959595; font-size: 10px;}
#content #textoConteudo{ font-family:Arial; font-size:12px;  color:#999999; float: left;padding:0 5px 0 10px; background-image: url('../images/para-voce-home-para-voce-bg.jpg');background-repeat: no-repeat; width:250px; height:230px; }
#headerBayerParaVoce { padding-top:10px; }
#content #textoConteudo p { float:left; padding:0 15px 0 15px;}
#mapaFarmacias{float:left; padding-left:20px;  padding-bottom:20px!important;}

.Campos{border:none; width:254px; height:29px; padding-left:10px;}

.Campos.TxtEnderecoComFocus{background: url('/images/para-voce-home-busca-endereco.gif')  no-repeat 0px 0px;float:left;line-height:25px;}
.Campos.TxtEnderecoSemFocus{background: url('/images/para-voce-home-busca-endereco-SF.png')  no-repeat 0px 0px; float:left;line-height:25px; }

.Campos.TxtCEPSemFocus{background: url('/images/para-voce-home-busca-cep-SF.png') no-repeat 0px 0px;width:114px; float:left;margin-left:5px;line-height:25px; }
.Campos.TxtCEPComFocus{background: url('/images/para-voce-home-busca-cep.gif') no-repeat 0px 0px;width:114px;float:left; margin-left:5px;line-height:25px;}

#buscaFarmacias #btnPesquisa{background: url('/images/para-voce-home-busca-ok.png') no-repeat 0px 0px; border:none; width:43px; height:28px; margin-left:5px;  float:left; }

/*  rodape*/

#footer {  clear: both; width: 996px; margin: 0px auto; text-align:left;  z-index: 10; position:relative; background-color:#F0F0F0; font-family: Arial; font-size: 12px; height:230px; }
#footer ul{float:left; margin-top:20px; color:#7b7b7b; margin-left:56px;}
#footer ul li { margin-top:5px; width:auto;}
#footer ul li p a { color:#4c8546 }
#footer #footerUrtex{position:absolute;bottom:4px;right:8px;font-size:11px;}

#subrodape { background-color: #C0C0C0;width: 100%; float: left; padding-bottom:10px; margin: -30px auto;}
/*#subrodape ul{width:900px;padding-left:20%;}
#subrodape ul li {float: left;display: inline;font-size: small; width:20%;} */ 

#subrodape #subrodapetexto{ width:996px; margin:0 auto; margin-top:40px;}
#designFoster{ float:right; font-size:11px;}
#rodapeLadEsquerdo{ float:left; text-align:left; width:840px;}
#rodapeLadEsquerdo ul{ font-size:11px;}
#rodapeLadEsquerdo ul .bordaBottom{ padding-bottom:5px; margin-bottom:3px; border-bottom:1px solid #898989; width:996px;}
#calculadoras span { color:#9E9E9E; }
#calcIMC, #calcCalorico{ float:left; width:117px; }
#calcIMC span, #calcCalorico span { float:right; font-size:11px; font-weight:bold; }
#calcIMC span { padding:5px 40px 0 0px;}
#calcCalorico span{ padding:5px 37px 0 0px;}
  
/* Formulário
----------------------------------------------------------------------------------------------------------------------------------*/
.campo{float:left; height:32px; font-weight:bold; color:#999;}
.campo input[type="text"] {width:30px; text-align:center;}

.iconeCampo{float:left; width:22px; margin:1px 10px 0 0;}

.labelCampo{margin:0px; height:25px; float:left; width:70px; margin-top:1px;}
.labelCampo label{ color: #666666; } 

/*  Ferramentas
-------------------------------------------------------------------------------------------------------------------------------*/

.caixaCalculadora {width:100%; margin:35px 0 0 0; height:auto;}


.bordaCampo{border-bottom:1px solid #F1F1F1; width:100%; margin-bottom:15px; height:1px;}
.bordaResultado{border-bottom:5px solid #666666; width:100%; margin-bottom:15px; display:none;float:left;  }
#conteudoHtml_caixaResultado{margin:15px 0 15px 0; display:none; float:left;}   

#conteudoHtml_btnCalcular{background:url(../../images/Calculadoras/gasto-btn-calcular.png) no-repeat 0px 0px; border:none; width:145px; height:52px;float:left;}
#conteudoHtml_btnCalcular:hover{background:url(../../images/Calculadoras/botao-down.png) no-repeat 0px 0px; border:none; width:145px; height:52px;float:left;} 

#btnCalcularNovamente{ padding: 15px; float:left;padding-left:200px; }

/*Aplicativos*/
#listaImagens li {float: left;display: inline;font-size: small; width:auto; padding:20px 5px;}  
#listaVantagens{ padding:15px 0px 20px; }
#listaVantagens li span { font-weight:bold; color:green;  }
#conteudoHtml_btnDownload{ margin:15px;background: url(../../images/botao/botao-app-up.png) no-repeat 0px 0px; border:none; width:292px; height:50px;}
#conteudoHtml_btnDownload:hover{ margin:15px; background: url(../../images/botao-app-down.png) no-repeat 0px 0px;}


/*Cadastro */
.BtnValidar{background: url('/images/telas-cadastro/geral/btn-validar.jpg') no-repeat 0px 0px;margin:0px; border-style:none;width:82px; height:33px;}
.BtnValidar:hover {background-position:0 -33px;}

.BtnValidarQuestoes{background: url('/images/telas-cadastro/geral/btn-validar.jpg') no-repeat 0px 0px;margin:0px; border-style:none;width:82px; height:33px;}
.BtnValidarQuestoes:hover {background-position:0 -33px;}
	
.BtnConcluir{background: url('/images/telas-cadastro/geral/btn-concluir.jpg') no-repeat 0px 0px;margin:0px; border-style:none;width:92px; height:33px; float:left;margin-left:550px;}
.BtnConcluir:hover {background-position:0 -33px;}	
	
	
.BtnAvancar{background: url('/images/telas-cadastro/geral/btn-avancar.jpg') no-repeat 0px 0px;margin:0px; border-style:none;width:93px; height:33px; float:right;}
.BtnAvancar:hover {background-position:0 -33px;}

.BtnRecomecar{background: url('/images/telas-cadastro/geral/btn-voltar.png') no-repeat 0px 0px; margin:0px; border-style:none;width:94px; height:34px;float:left;}
.BtnRecomecar:hover {background-position:0 -34px;}

#headerEtapas{background: url('/images/telas-cadastro/geral/barra.gif') no-repeat 0px 0px;  border-style:none;height:63px; width:733px; float:left;}
 
/* Validador */
.validador {height:10px; left:-50px; position:relative; width:10px;}
.validadorselect{height:10px; left:10px; position:relative;}
.segundoValidador {height:10px; left:-64px; position:relative;  width:10px;}

/* detalhes da farmácia no mapa*/
.marcaCredenciada{width:400px;}
#primeiraEtapa{
    background: url('../images/telas-cadastro/geral/barra.gif') no-repeat 0px -63px;
    border-style: none;
    height: 63px;
    width: 732px;
    float:left;
 }
 /*Dúdivas e Contato/

/* LISTA QUE ARMAZENA AS DÚVIDAS */
.liDuvidas ul .perguntasLi {
	padding: 0;
	overflow: hidden;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	font-size: 15px;
	background-color:#FCFCFC;
	background:url("../images/duvidasContato/background-pergunta.jpg") repeat-x;
	
}
.perguntasLi:last-child {   border: 1px solid #E6E6E6;  }
.liDuvidas ul .perguntasLi .respostaLi { display: none; padding: 15px; clear: both;   }
.liDuvidas ul .perguntasLi .respostaLi p { font-size: 12px; padding-left:25px; }
.farmaciaLi, .liDuvidas ul .perguntasLi a.pergunta {
    background:url("../images/duvidasContato/pergunta-abrir.png") no-repeat scroll left;
    background-position:left 15px center;
    display: block;
    color: white;
    font-weight:bold;
    text-decoration:none;
    font-size: 12px;
    height:30px;
    padding:10px 0 0 40px;
}
.liDuvidas ul .perguntasLi .open  {
    background:url('../images/duvidasContato/pergunta-fechar.png') no-repeat scroll left!important ;
    background-position:left 15px center!important;
}
.farmaciaLi{
    background: #17B5D0 url('../images/duvidasContato/icone-local.png') no-repeat scroll left;
    background-position:left 15px center!important;
    font-weight:normal!important;
    border: 1px solid #E6E6E6;
}
.areaContato{  float:left; padding-bottom:20px; }
.areaContato img{ float:left; padding-right:25px; padding-left:15px;}
.areaContato h1{  font-size:18px; padding-top:9px;}
.areaContato div{ width:350px; height:150px; background-color:#F7F7F7; }
.areaContato div label{ width:240px; float:left; padding:20px 0px 0px 65px;}
.areaContato div img{ border:none; padding:25px 0 0 32px;}

#btEnviar{
    background: url('../images/fale-conosco/enviar.jpg') no-repeat 0px 0px;
}

.bannersCampanha { width: 744px; height: 131px; float:left; padding:10px 0px 0px 0px; } 

/*PESQUISAS*/
#pesquisaWrapper h2 {
    width: 100%;
    padding: 10px;
    background: #00AFCC;
    color: #FFF;
    margin-bottom: 10px;
    display:inline-block;
}
#pesquisaWrapper h2 span {
    background: #006F81;
    padding: 10px;
    margin: 0 10px 0 -10px;
}
#pesquisaWrapper li {
    float: left;
    padding: 5px;
    height: 150px;
    width: 150px;
    min-width: 69px;
    text-align: center;
    background: url('') center right no-repeat;
}
#pesquisaWrapper li label{
    width: 100%;
    height: 80px;
    display: inline-block;
}
#pesquisaWrapper .listaWrap {
	background: url(images/bar-bg.jpg) repeat-x;
}

#pesquisaWrapper .table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

#pesquisaWrapper ul#horizontal-list {
	list-style: none;
	width: 100%;
}
#pesquisaWrapper ul#horizontal-list li {
		display: inline;
	}

#pesquisaWrapper input[type="submit"] {
    background:url('../images/pesquisas/btn-enviar-resposta.png') no-repeat;
    float: right;
    width: 181px;
    height: 36px;
    border: 0px;
    text-indent: -99999px;
    display: block;
    cursor: pointer;
}

#pesquisaWrapper .minorLabel li label{
    width: 100%;
    height: 50px;
    display: inline-block;
}

#pesquisaWrapper .minorLabel li{
    float: left;
    padding: 5px;
    height: 90px;
    width: 150px;
    min-width: 69px;
    text-align: center;
    background: url('') center right no-repeat;
}

#pesquisaWrapper .leftStyle img {
		float : left;
	}
#pesquisaWrapper .leftStyle label {
		float : left;
        width: auto!important;
        line-height: 75px;
        margin-right: 10px;
        margin-left: 10px;
	}
#pesquisaWrapper .leftStyle li {
        width: 190px;
        height: 80px;
	}
#pesquisaWrapper .leftStyle input {
    margin-top: 32px;
    float: left;
}

#pesquisaWrapper .customLi li {
    width:125px;
}

.boxObrigado{
    background-color:#f5fbfc;
    border:2px solid;
    border-color:#c2e8ee;
    width: 760px;
    height:180px;
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.boxSaibaMais{
    float:left;
    position:relative;
    background-color:#FBFBFB;
    border:2px solid;
    border-color:#E9E9E9;
    height:205px;
    width:238px;
    text-align:center;
}

.boxSaibaMaisTitle{
    font-size:20px;
    text-align:left;
    color:#00afcc;
    margin:10px;
}

.informeDesconto { height: 120px; background-color: #f1f8e7; border: 1px solid #e8ede2;  text-align:justify; display:table-cell; vertical-align:middle; }
.informeDesconto p{ font: 13px Arial; color:#797979; width:95%; margin:auto; }
.informeDesconto p b { font-weight:bold; }

#detalhesProduto { margin-top: 10px; }