@font-face {font-family:Mako;src: url(fonte/mako.eot);}/* para IE */
@font-face {font-family:Mako;src: url(fonte/mako.ttf);}

*{margin:0;padding:0;outline:none;}
body{min-width:956px;font:normal 13px Arial, Helvetica, sans-serif;color:#fff;text-align:center;background: url('/images/bg.jpg') repeat 0px 0px;}

/*  ATRIBUTOS GERAIS
------------------------------------------------------------------------------------------------------------------*/
input, textarea, label{font:normal 13px Arial, Helvetica, sans-serif;color:#333333;}
ol, ul{list-style:none;}
a{color: #7b9f9d;text-decoration:none;}
a:hover{text-decoration:underline;}
object{outline:none;}
img{border:none;}



/*  CLASSES GERAIS 
------------------------------------------------------------------------------------------------------------------*/
.floatLeft{float:left;}
.floatLeftImg{float:left;padding-right:10px;}
.floatRight{float:right;}
.floatRightImg{float:right;padding-left:10px;}
.clear{clear:both;}
.linkBrancoHover{color:#fff;}
.titulo{font-size:26px!important;padding-bottom:10px;float:left;width:100%;}
.subtitulo{font-size:16px!important;padding-bottom:10px;float:left;width:100%;color:#fff;text-decoration:none!important;}
.tituloLateral{background: url('/images/titulo-menu.png') no-repeat 0px 0px;float:left;width:223px;height:40px;font-size:15px;padding-top:20px;text-align:center;}
.newsLetters { padding-top: 12px; line-height: 14px; }
.saibaMais{float:right;padding-top:20px;color:#93a0a0;}
.lista{padding-bottom:8px;float:left;}
.lista li{background: url('/images/bullet.gif') no-repeat 10px 5px;float:left;width:639px;padding: 0 0 10px 25px;}
.none{display:none;}

/*  PADRAO DE HIERARQUIA DE TITULOS
------------------------------------------------------------------------------------------------------------------*/
h1{background: url('/images/titulo-conteudo.png') no-repeat 0px 0px;height:36px;float:right;font-family:Mako;font-weight: normal;font-size:24px;padding:1px 0 16px 10px;width:575px;}
h2{float:left;font-size:16px;}
h3{font-weight:bold;padding-bottom:20px;color:#333;font-size:15px;}

/*  DIV GERAIS
------------------------------------------------------------------------------------------------------------------*/
#wrapperFull{background:url('/images/topo-bg2.jpg') 0 top repeat-x;float:right;width:100%;height:100%;}
/*#controlaBgMobile{float:left;width:100%;height:100%;background:url('/images/mobile.png') no-repeat -400px 634px;}*/
#wrapper{width:956px;margin:0px auto;text-align:left;}

/*  TOPO
------------------------------------------------------------------------------------------------------------------*/
#header{float:left;width:100%;position:relative;z-index:100}
#header #topo{margin:0 auto;text-align:left;width:956px;}
#topo #topoCabecalho{float:left;margin-bottom:-77px;width:100%;}
#topo #logoBayerHomens{float:left;margin:9px 0 0 10px;}
#topo #logoBayer{float:right;margin: 9px 45px 9px 20px;}
#topo #logoBayer img{float:left;}
#topo #bayer150anos{float:none;margin: 22px 97px 0;position:relative;height:60px;width:500px;}
#topo #bayer150anos img{float:right;}
#bayer150anos ul{position:absolute;bottom:6px;right:0;font-size:11px;}
#bayer150anos ul{float:left;}
#bayer150anos ul li{float:left;padding:0 4px;}
#bayer150anos ul li#lnkGrupoBayer{padding: 0 0 0 6px;}
#bayer150anos ul li a{color:#FFF;}
#topo #topoNav{float:left;width:100%;height:31px;font-size:14px;}
#topoNav ul{float:left; margin-top:1px;}
#topoNav ul li{float:left;position:relative;}

#topoNav ul li #dicasSaude{float:left;width:238px;height:31px;overflow:hidden;text-align:center;padding-top:7px;background:url('/images/dicasdesaude.png') no-repeat;}
#topoNav ul li #dicasSaude.menuMarcado,#topoNav ul li #dicasSaude:hover{background:url('/images/dicasdesaude_hover.png') no-repeat;}
#topoNav ul li #saudeMasculina{float:left;width:238px;height:31px;overflow:hidden;text-align:center;padding-top:7px;background:url('/images/saudedohomem.png') no-repeat;}
#topoNav ul li #saudeMasculina.menuMarcado,#topoNav ul li #saudeMasculina:hover{background:url('/images/saudedohomem_hover.png') no-repeat;}
#topoNav ul li #materias{float:left;width:238px;height:31px;overflow:hidden;text-align:center;padding-top:7px;background:url('/images/materias.png') no-repeat;}
#topoNav ul li #materias.menuMarcado,#topoNav ul li #materias:hover{background:url('/images/materias_hover.png') no-repeat;}
#topoNav ul li #perguntasFrequentes{float:left;width:238px;height:31px;overflow:hidden;text-align:center;padding-top:7px;background:url('/images/perguntas.png') no-repeat;}
#topoNav ul li #perguntasFrequentes.menuMarcado,#topoNav ul li #perguntasFrequentes:hover{background:url('/images/perguntas_hover.png') no-repeat;}
#topoNav ul li.topoNavDiv{width:1px;height:31px;background:url('/images/nav-menu-topo-separador.png') repeat-y;}

/*Segundo nivel*/
#topoNav ul li .guardaSegundoNivel{float:left;width:100%;position:absolute;top:31px;left:0;display:none;background:#E2E0E1;}
#topoNav .guardaSegundoNivel ul{float:left;width:100%;}
#topoNav .guardaSegundoNivel ul li{float:left;width:100%;}
#topoNav .guardaSegundoNivel ul li a{float:left;width:180px;padding:14px 39px 14px 19px;color:#5C5C5C;background:url('/images/nav-menu-topo-seta.png') 212px 16px no-repeat;font-size:12px;}
#topoNav .guardaSegundoNivel ul li.linhaDivisoria{margin:0 19px;height:2px;width:200px;background: url('/images/nav-menu-topo-linha-divisoria.png') repeat-x;}
#topoNav .guardaSegundoNivel ul li a:hover{text-decoration:none;color:#93a0a0;background:#FFF url('/images/nav-menu-topo-seta-hover.png') 212px 16px no-repeat;}

/*  SOCIAL
------------------------------------------------------------------------------------------------------------------*/
#compartilhe{
	float:left;
	margin: 5px 0;
}

.socialBtn{
	text-align: right;
	float:right;
	height:50px;
	width:195px;
}

.socialBtn a{
	margin: 0 3px;
}
.popup{
	color: #FFF;
	background-color: #7B9F9D;
	font-weight: bold;
    font: normal 13px Arial, Helvetica, sans-serif;
	z-index: 10;
	position:absolute;
	display:none;
	width:350px;
	border: 1px solid #000;
	padding: 10px;
	left:441px;
}
.popup .fechar
{
    color:#FFF;
	position:absolute;
	font-size: 11px;
	right:10px;
	top: 5px;
	text-decoration:none;
}
.popup h2
{
    color:#000;
	text-align:left;
	margin-top: 15px;
	padding-bottom:15px;
}
.popup p{
	margin:17px 0;
	text-align:left;
}
.popup input{
    padding: 2px 6px;
    width: 65px;
    margin: 0 10px;
}
.pSocialButton{
	display: none;
}


/*  REDES SOCIAIS HOME
------------------------------------------------------------------------------------------------------------------*/
.popupHome{
	color: #FFF;
	background-color: #7B9F9D;
	font-weight: bold;
    font: normal 13px Arial, Helvetica, sans-serif;
	z-index: 10;
	position:absolute;
	right:35px;
	display:none;	
	width:355px;
	min-height:265px;
	height:auto;
	border: 1px solid #000;
	padding: 10px;
}
.popupHome .fechar
{
    color:#FFF;
	position:absolute;
	font-size: 11px;
	right:10px;
	top: 5px;
	text-decoration:none;
}
.popupHome h2
{
    color:#000;
	text-align:left;
	margin-top: 15px;
	padding-bottom:15px;
}
.popupHome p{
	margin:17px 0;
	text-align:left;
	padding-bottom: 15px;
    line-height: 170%;
}
.popupHome input{
    padding: 2px 6px;
    width: 65px;
    margin: 0 10px;
}

/*  LATERAL ESQUERDA
------------------------------------------------------------------------------------------------------------------*/
#lateralEsquerda{float:left;width:223px;padding-right: 16px;background: url('/images/pixel-bg-menu.png') repeat-y 0px 0px;}

/*  MENU LATERAL
-----------------------------*/
#lateralEsquerda #menuLateral{float:left;padding: 0 5px 20px 20px;width:198px;}
#lateralEsquerda #menuLateral a{color:#fff;}


/*Lateral Segundo Nivel*/
#lateralEsquerda #menuLateral .segundoNivelLateral li{padding: 5px 0;/*border-bottom:1px solid #575757;*/}
#lateralEsquerda #menuLateral .segundoNivelLateral a{font-size:14px;}
#lateralEsquerda #menuLateral .segundoNivelLateral #ultimaLiMenuLateral{border:none!important;}

/*Lateral Terceiro Nivel*/
#lateralEsquerda #menuLateral .segundoNivelLateral li .terceiroNivelLateral{float:left;padding-top:5px;width:100%;display:none;border-bottom:1px solid #575757;margin-bottom:8px;}
#lateralEsquerda #menuLateral .segundoNivelLateral li .terceiroNivelLateral li{border:none;background: url('/images/bullet-menu.gif') no-repeat 0px 11px;padding-left:10px;}
#lateralEsquerda #menuLateral .segundoNivelLateral li .terceiroNivelLateral a{font-size:12px;}

/*Lateral Quarto Nivel*/
#lateralEsquerda #menuLateral .segundoNivelLateral li .terceiroNivelLateral li .quartoNivelLateral li{background:none;}
#lateralEsquerda #menuLateral .segundoNivelLateral li .terceiroNivelLateral li .quartoNivelLateral a{font-size:11px;}

/* CADASTRO RÁPIDO
-----------------------------*/
.formNome, .formEmail{margin:10px 0px 20px;text-align:right;}
.formNome input, .formEmail input{width:120px;}
.formNome label, .formEmail label{color:#FFF;font-weight:bold;}

.formAceitoEmail{margin: -40px 0 10px 4px; }
.formAceitoEmail span{color:#999!important;font-size:10px;width: 203px;float: left;text-align: right;margin-left: 5px;}

#enviaCadastro{float:right;}
#enviaCadastro input {color:#FFF!important;}

.sucesso, .falhou{color:#FFF!important;margin-left:30px;}

.mensagem{color:#FFF!important;margin-left:30px;width:155px;font-size:11px;text-align:center;}

.formNome input {margin-left:2px;}

/*  BAYER NO MUNDO
-----------------------------*/
#lateralEsquerda #bayerMundo{float:left;padding: 0 5px 5px 20px;}
#lateralEsquerda #bayerMundo ul li{padding-bottom:15px;float:left;width:100%;}

/*Select*/
.jqTransformSelectWrapper{width:190px!important;position:relative;height:25px;background:url(/images/select-left.gif) no-repeat top left;float:left;}
.jqTransformSelectWrapper div span{color:#333;font-size:12px;float:none;position:absolute;white-space:nowrap;height:25px;line-height:8px;padding:8px 0 0 7px;overflow:hidden;cursor:pointer;}
.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0px;width:31px;height:25px;background:url(/images/select-right.gif) no-repeat center center;}
.jqTransformSelectWrapper ul{width:188px!important;position:absolute;top:25px;left:0px;height:150px;overflow:auto;display:none;margin:0px;padding:0px;z-index:10;list-style:none;background-color:#FFF;border: solid 1px #CCC;}
.jqTransformSelectWrapper ul li{padding:0px!important;width:171px!important;}
.jqTransformSelectWrapper ul a{display:block;padding: 5px;text-decoration: none;color:#333;background-color: #FFF;font-size: 12px;}
.jqTransformSelectWrapper ul a.selected{background:#7B9F9D;color:#fff;}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#7B9F9D;color:#fff;}
.jqTransformHidden{display:none;}

/*  BAYER LINKS
-----------------------------*/
#lateralEsquerda #bayerLinks{float:left;padding: 0 5px 0 20px;}
#lateralEsquerda #bayerLinks #linkBayerInvestor{border-bottom:1px solid #575757;padding-bottom:10px;float:left;width:198px;}
#lateralEsquerda #bayerLinks #linkBayerInvestor a{color:#fff;text-decoration:underline;}
#lateralEsquerda #bayerLinks #linkGeneral{float:left;padding: 10px 0 25px 0;}

/*  CONTEUDO
------------------------------------------------------------------------------------------------------------------*/
#content{float:left;padding-top:30px;width:956px;}
#content p{padding-bottom:15px;line-height:170%;}
#content #corpo{float:left;width:717px;}

#corpo #guardaBreadTitulo{float:left;width:585px;}
#corpo #guardaBreadTitulo #breadCrumbs{float:left;padding: 13px 0 20px 0;font-size:11px;}
#corpo #guardaBreadTitulo #breadCrumbs a{color:#fff;}
#corpo #guardaBreadTitulo #breadCrumbs #pagAtual{color:#7b9f9d;font-weight:bold;}

#corpo #utilidades{float:left;padding-top:13px;position:relative;}
#utilidades ul li{float:left;padding-left:10px;}
#utilidades ul li .imgUtilEscondida{visibility:hidden;}

#utilidades ul li #imgImprimir, #utilidades ul li #imgFavoritos, #utilidades ul li #imgCompartilhe{position:absolute;top:45px;}
#utilidades ul li #imgImprimir{left:-2px;}
#utilidades ul li #imgFavoritos{left:40px;}
#utilidades ul li #imgCompartilhe{left:65px;}

#conteudoPagina{float:left;width:717px;}
#guardaTopoConteudoBarra{background: url('/images/conteudo-topo.png') no-repeat 0px 0px;width:703px;float:left;padding: 16px 0 0 14px;}
#guardaTopoConteudo{background-color:#ebebeb;width:701px;float:left;padding: 16px 0 0 4px;}

#fontSize ul{float:right;color:#333;}
#fontSize ul li{float:left;padding: 0 10px;}
#fontSize ul li#tamanhoFonte{padding:0px!important;}
#fontSize ul li#tamOriginal{border-right:1px solid #a0a8a8;border-left:1px solid #a0a8a8;}

#conteudoPagina #guardaTexto{float:left;padding-left:10px;width:707px;}
#conteudoPagina #guardaTexto #texto{background-color:#ebebeb;width:685px;padding:15px 10px;color:#333;float:left;}
#conteudoPagina #guardaTexto #texto a{color:#52706f!important; font-weight:bold;}

/* Estilo Sanfona */
#texto .conteudoFixo{float:left;width:665px;padding-bottom:10px;}
#texto .conteudoFixo a{font-weight:bold;background: url('/images/bullet-icone.png') no-repeat 0px 3px;float:left;padding-left:20px;}
#texto .conteudoEscondido{float:left;width:665px;padding-left:22px;display:none;}

/*  Home Internas */
#destaqueInternas{float:left;}
#destaqueInternas #listaDestaques {width:717px;float:left;}
#destaqueInternas #listaDestaques li{width:717px;padding-bottom:15px;float:left;}
#destaqueInternas #listaDestaques li#ultimoDestaqueLista{padding-bottom:0px;}
#destaqueInternas #listaDestaques li .conteudoDestaque{background: url('/images/pixel-bg-destaques.png') repeat 0px 0px;float:left;width:697px;padding:10px;}

/*LEIA TAMBEM
------------------------------------------------------------------------------------------------------------------*/
#containerLeiaTamb{width:948px; margin: 0 auto;}
#containerLeiaTamb #guardaLeiaTamb{background: url('/images/bg-destaque-leia-tambem.gif') no-repeat 0px 0px;width:948px;height:132px;float:left; margin: 35px 20px 20px 0px;}
#containerLeiaTamb #guardaLeiaTamb #tituloLeiaTambem{padding: 7px 0 0 90px;float:left;}

#carrousel {float:left;width:948px;height:95px;padding-top:14px;}
#carrousel #voltar,	#carrousel #avancar{float:left;width:15px;padding:10px 10px 0 10px;}

#carrousel .guardaCarrousel{z-index:2;overflow:hidden;position:relative;width:878px;height:91px;float:left;}
#carrousel .guardaCarrousel ul{width:878px;float:left;z-index:1;overflow:hidden;position:relative;top:0;left:0px;padding:0px!important;margin:0px;}
#carrousel .guardaCarrousel ul li{float:left;width:251px;padding: 5px 20px 0 20px;border-right:1px solid #fff;height:91px;}

#carrousel .guardaCarrousel ul li .subLeiaTambem{font-size:16px;float:left;width:100%;padding-bottom:7px;}
#carrousel .guardaCarrousel ul li.liSemBordaLeiaTamb{border:none!important;}

/*  RODAPE
------------------------------------------------------------------------------------------------------------------*/
#footer{color:#585858;font-size:11px;float:left;width:100%;text-align:left;background:url('/images/rodape.png');}
#footer #rodape{width:956px;margin:5px auto;}
#footer #rodape a{color:#585858;}

#rodape #lastUpdated{float:left;}
#rodape #utilidadesRodape{float:right;padding-bottom:20px;}
#rodape #utilidadesRodape li{float:left;padding-right:20px;}
#rodape #utilidadesRodape li a{color:#585858;}
#rodape #utilidadesRodape li#bookmark{background: url('/images/icone-favoritos-rodape.png') no-repeat 0px 0px;height:12px;padding-left:15px;float:right;}
#rodape #utilidadesRodape li#email{background: url('/images/icone-envie-email.png') no-repeat 0px 0px;height:12px;padding: 0px 0px 0px 15px;float:right;}

#rodape #containerRodapeAux{width:911px;float:left;padding:0 0 20px 45px;}
#rodape #containerRodapeAux ul li{float:left;width:227px;padding-bottom:5px;}
#rodape #containerRodapeAux .auxPrimeiro{height:20px;float:left;}

		
#rodape #copyright p.ultima_atu span {padding-left:0.60px;}
#rodape #copyright p.ultima_atu {border-bottom:1px solid #b7b7b7;margin-bottom:3px;}
#rodape #copyright p.ultima_atu span {	display:block;padding-bottom:3px;}

#rodape #copyright{width:100%;float:left;padding-bottom:3px;}
#rodape #menuRodape li{float:left;padding-right:20px;}
#rodape #designFoster{float:right;background: url('/images/logo-foster.png') no-repeat right 0px;height:17px;width:85px;}



