* {margin: 0;padding: 0; outline:0;} body {font: normal 14px 'Arial', Helvetica, sans-serif; color: #666;text-align: left; background:#F3F3F3;} /* atributos gerais ------------------------------------------------------------------------------------------------------------------*/ iframe {border: 0;} input, textarea, label {font: normal 14px 'Arial', Helvetica, sans-serif; color: #666; -webkit-appearance: none;} ol, ul {list-style: none;} a {color: #666;text-decoration: none; word-wrap: break-word; word-break: break-word;} a:hover {text-decoration: underline; color: #666;} img {border: none;} p{margin-bottom:15px; line-height:18px;} /* classes gerais ------------------------------------------------------------------------------------------------------------------*/ .floatLeft{float:left;} .floatLeftImg{float:left; margin: 0px 15px 15px 0px;} .floatRight{float:right;} .floatRightImg{float:right;margin: 0px 0px 15px 15px;} .picture{border:3px solid #FFA101; width:100%;} .clear{clear:both;} .noPadding{padding:0!important;} .noMargin{margin:0!important;} .noMarginLeft{margin-left:0!important;} .noMarginBottom{margin-bottom:0!important;} .noMarginTop{margin-top:0!important;} .noPaddingTop{padding-top:0!important;} .noPaddingLeft{padding-left:0;} .noPaddingRight{padding-right:0!important;} .noPaddingBottom{padding-bottom:0!important;} .noBorder {border: none !important;} .noBorderTop {border-top: none !important;} .noBorderBottom {border-bottom: none !important;} .noBlock {display: inline !important;} .noBackground {background: none !important;} .textTransformNone{text-transform: none;} .overflowVisible {overflow: visible !important;} .section{float: left; width: 100%; position: relative;} .bgBranco{background:#FFF;} .bgAzulClaro{background:#EDF8FC;} .bgAzul{background:#34B0E3;} .bgAzulEscuro{background:#0063C0;} .bgLaranja { background:#FFA34C;} .txtCenter { text-align: center; } .txtRight {text-align: right;} .containerInternas { padding-top: 17px; padding-bottom: 30px;} .IEScroll{-ms-overflow-style: scrollbar;overflow-y: scroll;} .center {text-align: center; margin: 20px 0;} .small {font-size: 11px !important;} .boldAzul {color:#0073BE; font-weight: bold;} .voltar{float: left;width: 100%;margin-top: 20px;} .fontWhite{color: #FFF;} .font12{font-size: 12px; } .marginTop5{margin-top:5px;} .btnEntrar{margin-top: -8px;} .embed-responsive-16by9 {margin-bottom: 15px;} .paragraph-box-text, .conteudoInterna {text-align: justify;} p.alinha-esquerda { text-align: left; word-wrap: break-word; word-break: break-word; } /* padrao de hierarquia de títulos ------------------------------------------------------------------------------------------------------------*/ h2{color: #666; font-weight: bold;text-transform: uppercase;font-size: 16px;line-height: 18px;margin: 12px 0 10px 0;} h2 a:hover{text-decoration:none;} .containerInternas h1 { text-transform: uppercase; color: #0073BE; font-weight: bold; font-size: 17px; line-height: 21px; padding: 0 0 18px; margin: 0; } .containerInternas h2 {color: #0072bc; font-size: 16px; padding:18px 0; margin: 0; text-transform: none; font-weight: normal;} .containerInternas h3.novoH3 {color: #0072bc; font-size: 15px; padding: 18px 0; margin: 0; text-decoration: none; font-weight: normal;} .containerInternas ul.voltaType{padding-left: 40px; line-height: 25px; margin-bottom: 25px; list-style-type: disc;} .containerInternas p {font-size: 15px; line-height: 20px;} .containerInternas a {color: #0072bc;} #page_86 .cookiesTecnicos{display: none;} /* Componentes padronizados ------------------------------------------------------------------------------------------------------------*/ /* Botões */ .btnLaranja{background: #FFA200; color: #FFF !important;font-size: 13px;font-weight: bold; padding: 5px 12px;} .btnLaranja:hover{text-decoration:none; color:#FFF !important; opacity:0.8;} .btnMaior{padding: 7px 17px; font-size: 18px;} .carregarMais { width: 100%; float:left; text-align: center; font-size: 16px; margin: 30px 0; } .containerInternas .btnLaranja {font-size: 13px;} /* Listas */ .lista{width: 100%; display: inline-block; margin: 0;} .lista li {float: left; background: url(/static/media/images/divider.png) no-repeat center top; background-size: 100% 1px; width: 100%; padding: 20px 0 20px 13px; font-size:15px;} .lista li:first-child {background: none; padding-top: 0;} .lista li:last-child {padding-bottom: 15px;} .lista li:before {content:'\2022'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -11px; top: -3px; color: #fba400; font-size: 20px;} .lista li a {color: #0072bc;} /* Formulários */ .form {margin-bottom: 15px; float: left;} .form .row-form {width: 100%; margin-bottom: 15px; float: left;} .form label {width: 40%; padding-right: 15px; float: left} .form .form-control {width: 60%; float:left; outline: 0; border:1px solid #FFA200; color:#666;} .form .form-control::-webkit-input-placeholder {color:#ccc;} .form .form-control:focus {border:1px solid #FFA200; box-shadow: none; -webkit-box-shadow: none;} .form .btnForm {border: 0; border-radius: 4px; float: right;} .form .alertaForm {color:#F00; font-size: 10px; line-height: 12px; float: right; margin-top: 5px; text-align: right;} .form .alertaForm span a{color: #f00; font-size: 10px;} .form label.error {font-size: 10px; color: #f00; float: right; padding-right: 0; margin: 0; text-align: right;} .form input.error {border:1px solid #f00 !important;} .form select {background-color: #fff;} .form input[type="checkbox"] {-webkit-appearance: checkbox;} #salvarSenha {font-size: 12px;display: block;padding-top: 4px;} #esqueciSenha {font-size: 12px;} .formDefault label.error {font-size: 10px; color: #f00; float: right; padding-right: 0; margin: 0; text-align: right;} .formDefault input.error {border:1px solid #f00 !important;} .formDefault input[type="checkbox"] {-webkit-appearance: checkbox;} .formDefault .form-group {margin-bottom: 10px;} .formDefault .form-control {outline: 0; border:1px solid #FFA200; color:#666;} .formDefault .form-control::-webkit-input-placeholder {color:#ccc;} .formDefault .form-control:focus {border:1px solid #FFA200; box-shadow: none; -webkit-box-shadow: none;} .formDefault .btnForm {border: 0; border-radius: 4px;} /* form Solicitação de material */ .formMateriaisApoio .boxCheck .icon-checkbox { float: left; width: 14px; height: 14px; border: 1px solid #666; } .formMateriaisApoio .boxCheck { float: right; position: relative; width: 60%; margin-bottom: 4px; } .formMateriaisApoio .checkLaranja .icon-checkbox { border-color: #FFA200; margin-top: 1px; border-radius: 8px; } .formMateriaisApoio .checkLaranja .marcado { background: #FFA200; background-clip: content-box; padding: 2px; } .formMateriaisApoio .boxCheck input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 14px; height: 14px; margin-top: 1px; } .formMateriaisApoio .boxCheck span { margin: 0 10px 0 0; } /* Select personalizado */ .select{ width: 60%; position: relative; float: left;} .select .selectArrow {margin: 4px 0 0 0; background: url(/static/media/images/arrow-black.png) no-repeat bottom; float: right; width: 7px; height: 5px;} .select .selectArrowUp {background: url(/static/media/images/arrow-black.png) no-repeat top;} .select .listaSelect { display:none; position: absolute; top: 30px; left: 0; z-index: 10; width: 100%; box-sizing: content-box\9; background: #fff; height: 250px; overflow-y: scroll; border: 1px solid #0073BE;} .select .listaSelect li {padding: 2px 0 2px 12px; font-size: 13px;} .select .listaSelect li:hover {background: #1e90ff; color: #fff;} /* Pop-up */ .popUpBg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1001; background-color: #000000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .popUp { display: none; width: 500px; height: 475px; top: 245px; left: 50%; margin-left: -250px; background-color: #FFFFFF; position: absolute; z-index: 1002; } .popUp button { width: 32px; height: 32px; position: absolute; top: -16px; right: -16px; background-color: #FFA101; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #FFFFFF; font-weight: bold; } .popUp h2 { background-color: #0072BB; color: #FFFFFF; text-transform: none; padding: 10px 20px; margin: 0; font-size: 18px; font-weight: normal; } .popUp .content { padding: 20px; overflow-x: hidden; overflow-y: auto; height: 437px; background: url(/static/media/images/encontre-ajuda/sombra.png) no-repeat top center;} /* Box tracejado de informações */ .boxInformacao {border: 2px dotted #FFA101; padding: 14px 12px; margin-bottom: 15px;} .boxInformacao p {color: #0072bc;} .boxInformacao p:last-child {margin: 0;} /* Imagem para internas */ .img240 {width: 240px;} .img300 {width: 300px;} .imagem {margin-bottom: 15px; } .imagem img {width: 100%;} .imagem span {display: block; font-size: 12px; font-style: italic; color: #0073BE; margin-top: 5px; text-align: right;} .imagem.floatRightImg span {text-align: right;} .imagem.floatLeftImg span {text-align: left;} /* Floater de termos */ .bgFloaterTermos { display: none; left: 0; top: 0; background-color: black; opacity: 0.7; position: fixed; width: 100%; height: 100%; z-index: 1000; } .floaterTermos { display: none; background-color: white; width: 500px; left: 50%; margin-left: -250px; height: auto; position: absolute; top: 100px; z-index: 1001; border: 3px solid #0072BB; } .floaterTermos a { text-decoration: underline; } .floaterTermos span { font-size: 12px; display: block; padding-top: 4px; } .floaterTermos .closeFloaterTermos { position: absolute; top: -20px; right: -20px; color: #ffffff; font-weight: bold; cursor: pointer; } .margin-top-50 { margin-top: 50px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-25 { margin-bottom: 25px!important; } @media screen and (max-width: 500px){ .margin-top-30-mob { margin-top: 30px; } .margin-bottom-40-mob { margin-bottom: 40px!important; } .floaterTermos { width: 300px; margin-left: -150px; top: 80px; } } /* div gerais ------------------------------------------------------------------------------------------------------------------*/ #wrapper{width: 100%; float:left;} /* topo ------------------------------------------------------------------------------------------------------------------*/ #sidemenu {display: none;} /* header */ #header {float: left; width: 100%;} #header #containerHeader { width:996px; margin:auto;} #topHeader{background-color: #FFFFFF; float:left; width:100%;} #logoEsclarecimento { float: left; margin: 16px 0px 9px 45px; } #logoBayer { float: right; margin: 9px 45px 9px 20px; background-color: #FFFFFF; height: auto; width: 67px;} /* aumentar/diminuir fonte */ #fontSize {width: 39px; float: right; margin: 60px 10px 0 0; } #fontSize li {width: 16px; height: 16px; float: left; color: #000; font-weight: bold; cursor: pointer;} #fontSize .diminuirFonte {background-color: #34B0E3; font-size: 10px; text-align: center; padding: 2px 4px; margin-right: 7px; } #fontSize .aumentarFonte {background-color: #FFA100; font-size: 14px; text-align: center; line-height: 16px;} /*menu grupo bayer */ #menuBayer {float: right; margin: 64px 0 0 0;} #menuBayer > ul > li {float: left; color: #5a5a5a; font-size: 12px;} #menuBayer > ul > li > a {font-size: 11px; color: #5a5a5a;} #menuBayer > ul > li.divider {padding: 0 5px;} #grupoBayer {margin-left: 10px;} /* menu */ #menu { width: 100%; min-height: 56px; float: left; background-color: #0072BB; position: relative; } #menu > ul { width: auto; float: left; text-align: center; margin: 0; } #menu ul#menuPrincipal {width: 780px;} #menu > ul > li { float: left; border-left: 1px solid #01A1DF; position:relative;} #menu > ul > li:first-child {border-left: 0;} #menu > ul > li > a { color: #FFFFFF; font-size: 16px; height: 56px; padding: 18px 15px; float: left; } #menu > ul > li > a:hover { text-decoration: none; background-color: #0081CF; } #menu ul li .mostraMenu, .menuLateral ul li .mostraMenu {display:none;} #menu > ul > li > ul {display:none; position:absolute; top:56px; z-index:100;} #menu > ul > li:hover ul {display:block;} #menu > ul > li > ul li {position: relative; float: left;} #menu > ul > li > ul li a{color:#fff; background:#0081CF; padding:10px; width:200px; text-align:left; float:left; border-top:1px solid #01A1DF; text-decoration:none;} #menu > ul > li > ul li a:hover {background:#0072BB;} #menu > ul > li > ul li:first-child a {border:0;} #menu > ul > li > ul > li > ul {display: none !important; position: absolute; left: 200px; top: 0;} #menu > ul > li > ul > li:hover > ul {display: block !important;} #menu > ul > .duasLinhas a { padding: 0 6px; margin-top: 0; } #menu > ul > .duasLinhas span { display: block; } #menu > ul > .hover > a, #menu > ul > .marcado > a { background-color: #FFA101; } #menu > .divider { padding: 0; width: 2px; } #menu .divider span { width: 2px; height: 17px; float: left; background-color: #52B1DF; border-right: 1px solid #008DBF; margin: 10px 0; } .menuMobile { display: none; } #menu .menulogado > li > a { padding-left: 12px; padding-right: 12px; } .guardaLogin a {text-decoration: none;} .guardaLogin .setaBranca { z-index: 1000; font-size: 22px !important; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; width: 110px; height: 65px !important; position: absolute; padding: 15px 34px 16px 14px !important; background: #FFA101 url("/static/media/images/seta-login-baixo.png") no-repeat scroll 80px 25px } .guardaLogin .setaBranca:hover {background-color: #FFA101 !important;} .guardaLogin .boxLogin {display: none; position: absolute; z-index: 110; top: 56px; left:0; background: #0072BB; padding: 20px 10px; width: 216px; text-align: left; border-radius:0 0 7px 7px;} .guardaLogin .boxLogin form label {font-size: 14px; color: #fff; border: 0; margin-bottom: 10px; text-align: left;} .guardaLogin .boxLogin form .input {border: 1px solid #01A1DF; margin-bottom: 10px; width: 100%; height: 25px; padding: 5px; border-radius: 5px;} .guardaLogin .boxLogin form input[type="submit"] {border: 0; border-radius: 0;} .guardaLogin .boxLogin form input[type="submit"]:hover {opacity: 0.9;} .guardaLogin .boxLogin form a:hover {color: #FFA101;} /* conteúdo ------------------------------------------------------------------------------------------------------------------*/ #owl-banner .destaquesBanner{position: absolute;top: 75px;right: 50px;width: 365px;z-index: 10;} #owl-banner .item {position: relative;} #owl-banner .imgBanner{margin:0;} #owl-banner .destaquesBanner > li{float:left; width:100%; margin-bottom:20px;} #owl-banner .destaquesBanner > li .boxBanner{background: rgba(102, 102, 102, 0.6); display: block;float: left;width: auto;position: relative; padding:20px;} #owl-banner .destaquesBanner > li .boxBanner h2{margin: 0; padding-right:40px; font-size: 20px; background:url(/static/media/images/seta-menu-baixo.png) no-repeat right; cursor:pointer;} #owl-banner .destaquesBanner > li .boxBanner h2.setaCima{background:url(/static/media/images/seta-menu-cima.png) no-repeat right;} #owl-banner .destaquesBanner > li .boxBanner a{color:#FFF;} #owl-banner .destaquesBanner > li .boxBanner p{margin: 15px 0 10px 0; color:#FFF;} .destaquesTopo{float: left; width: 100%;padding: 28px 0 8px 0;text-align: center;} .destaquesTopo .col-sm-6{padding: 0px 55px 25px 55px;} .destaqueEsquerda{float:left; padding:27px 17px 0 17px; width:76.9%; min-height:339px;} .destaqueEsquerda .col-sm-12{padding-bottom:27px;} .destaqueEsquerda .descricaoDireita{float: left; margin-left: 30px;width: 58%;} .destaqueEsquerda .ultimosVideos h2 {text-align:center;} .destaqueEsquerda .ultimosVideos .listaVideos {width:100%; text-align:left;} .destaqueEsquerda .ultimosVideos .listaVideos li {width: 34.158%; padding-left:20px; float:left;} .destaqueEsquerda .ultimosVideos .listaVideos li p {margin-top:9px;} .destaqueEsquerda .ultimosVideos .listaVideos li:first-child {padding-left:0; width:31.425%;} .destaqueEsquerda .btnLaranja{float:left;} .destaqueDireita{float:right; width:23.1%; min-height:339px;} .destaqueDireita .voceSabia{float: left; width: 100%;} .destaqueDireita .voceSabia span:first-child{ background-color: #bbe0f0; color: #32B0E2;padding: 4px 8px;font-size: 28px;font-weight: bold;line-height: 28px;} .destaqueDireita .voceSabia span{color: #FFF;font-weight: bold;font-size: 12px;float: left;padding: 12px 0 0 7px;} #owl-voceSabia{text-align:center; color:#FFF; float:left;} #owl-voceSabia .boxDest{margin: auto;width: 82%; padding:5px 0 5px 0;} #owl-voceSabia .boxDest .txtMedio{font-size: 24px; margin-bottom: 18px;} .boxDest .boxImg {margin-bottom: 5px; min-height: 95px; line-height: 95px;} .boxDest p {font-size: 16px; line-height: 20px;} .boxDest .destaqueBranco {font-size: 18px; display: block; color: #fff; line-height: 24px;} .boxDest .destaqueAmarelo {font-size: 22px; text-transform: uppercase; color:#ffce45; line-height: 26px; display: block;} #owl-voceSabia .boxDest p{font-size:16px; line-height:20px;} #owl-voceSabia .boxDest p:last-child{ margin-bottom: 0; } #owl-voceSabia .owl-controls { margin-top: 0; } .guardaTituloLinha{float: left; width: 100%;text-align: center;border-bottom: 1px solid #FFA101; padding-top:20px;} .guardaTituloLinha h2{background-color: #FFF;width: 50%;margin: 0px auto;top: 10px;position: relative;font-size: 17px;} #owl-historias{margin: 0 auto; width: 84%; position:relative; padding: 70px 0 40px 0;} #owl-historias .boxAzul{float: left;width: 100%;background-color: #34b0e3;color: #FFF;padding: 20px; position:relative; border-right:1px solid #FFF; border-left:1px solid #FFF;} #owl-historias .boxAzul .conteudoBox{float: left; position: relative;width: 87%;} #owl-historias .boxAzul .conteudoBox .aspaEsq{position:absolute; top:0; left:2px; background:url(/static/media/images/aspas-esquerda.png) no-repeat; height:20px; width:25px;} #owl-historias .boxAzul .conteudoBox .aspaDir{position:absolute; bottom:0; right:0; background:url(/static/media/images/aspas-direita.png) no-repeat; height:20px; width:25px;} #owl-historias .boxAzul .conteudoBox p{padding: 20px 38px 8px 38px;float: left;width: 100%;} #owl-historias .boxAzul .conteudoBox p a { color: #FFF; } #owl-historias .boxAzul .setaBaixo{position: absolute; bottom: -33px; right: 68px;background: url(/static/media/images/seta-balao-azul.png) no-repeat;width: 54px;height: 33px;} #owl-historias .nomeBox{ float: right;margin: 10px 136px 0 0; padding-bottom:5px;} #owl-historias .nomeBox img{box-shadow: 0px 1px 2px 1px #D8D8D8; margin-right: 5px;} #owl-historias .nomeBox span{font-size:13px; line-height:16px;} #owl-historias .owl-controls .owl-buttons div{top:36%; left:0; width:100%;} #owl-historias .owl-controls .icon-historia-left{position:absolute; top:0; left:-55px; background:url(/static/media/images/setas-laranja.png) no-repeat left; width:30px; height:63px;} #owl-historias .owl-controls .icon-historia-right{position:absolute; top:0; right:-55px; background:url(/static/media/images/setas-laranja.png) no-repeat right; width:30px; height:63px;} #owl-historias .owl-controls {margin:0;} #bordaInferior{border-bottom:10px solid #FFA101; margin-bottom:114px;} .boxEsqInferior{float:left; width:448px; height:280px;} .boxEsqInferior .col-sm-6{padding: 30px 20px; text-align:center; color:#FFF; border-right: 1px solid #004F9a;} .boxEsqInferior .borderLeft{border-left:1px solid #3482cc;} #bordaInferior a{color:#FFF;} #bordaInferior a:hover{text-decoration:none;} #bordaInferior h3{font-size: 16px;text-transform: uppercase;font-weight: bold;margin: 20px 0 5px 0;} .boxEsqInferior p{line-height:22px; padding-bottom: 18px;} .boxDirInferior{float:left; width:548px; color:#FFF; padding:30px; position:relative; height:280px;} .boxDirInferior #revista{position:absolute; bottom:0; right:0; z-index:2; display:inline;} .boxDirInferior .descricaoAzul{float:left; width:40%; position: relative; z-index:10;} .boxDirInferior .descricaoAzul h3{margin:0 0 12px 0!important;} .boxDirInferior #linkAcesse{position: absolute; bottom: 30px; left: 30px;} /* rodape ------------------------------------------------------------------------------------------------------------------*/ #rodape{float: right; width: 382px; padding: 15px 5px;} #rodape #compartilhe{float:left; margin-top:14px;} ul.redesSociais{float:right; margin-bottom: 20px;} ul.redesSociais li{display:inline; text-align:center;} ul.redesSociais li a{float:left; background:url(/static/media/images/redes-sociais.png) no-repeat; width:35px; height:35px; margin-left:10px;} ul.redesSociais li a.facebook{background-position: 0 0;} ul.redesSociais li a.facebook span{border: 1px solid #3A5897;} ul.redesSociais li a.twitter{background-position: -45px 0;} ul.redesSociais li a.twitter span{border:1px solid #55ACEE;} ul.redesSociais li a.linkedin{background-position: -90px 0;} ul.redesSociais li a.linkedin span{border:1px solid #007BB6;} ul.redesSociais li a.googlePlus{background-position: -135px 0;} ul.redesSociais li a.googlePlus span{border:1px solid #E1533C;} ul.redesSociais li a span{font-size: 11px; float: left;width: 100%;margin-top: 35px;padding: 3px; background:#FFF;} #footerBayer {float: left; width: 100%; font-size: 11px; padding-bottom: 10px;} #footerBayer p {margin-bottom: 3px;} #footerBayer .linhaFooter {border-bottom: 1px solid #737373; padding-bottom: 5px; margin-bottom: 5px;} #footerBayer .fooBayerEsquerda #listaLinksFooter li {float: left; padding-right: 10px;} #footerBayer .fooBayerDireita p {text-align: right;} /* internas ------------------------------------------------------------------------------------------------------------------*/ /* Containers */ .containerInternas .conteudo { float: left; width: 100%; max-width: 524px; margin-right: 23px; } .containerInternas .conteudoSemMenuLateral { float: left; width: 100%; max-width: 770px; max-width: 724px\0/; padding:0 23px; } /* Box usuario logado */ .boxLogado { width: 100%; min-height: 43px; float:left; position: relative; background: #FFA101 url(/static/media/images/linha-branca.jpg) center left repeat-x; text-align: center; } .boxLogado .content { max-width: 850px; width: auto; padding: 0 25px; background: #FFA101; display: inline-block; color: #FFFFFF; position: relative; } .boxLogado .content p { margin: 12px 0 13px 0; font-size: 16px; } .btnSair { border: 1px solid #FFFFFF; position: absolute; height: 24px; width: 52px; top: 50%; margin-top: -13px; right: 55px; padding: 0; line-height: 22px; cursor: pointer; } .btnSair:hover { opacity: 1; } /* Breadcrumbs */ .bread { width: 100%; float: left; margin: 0 0 25px 0; } .bread ul {margin: 0;} .bread li { padding-right:4px; display: inline; font-size: 12px; } .bread li:first-child { padding-left: 0; } .bread li a {font-size: 12px; line-height: 14px; color:#666;} .bread .arrow { background: url(/static/media/images/seta-bread.png) center left no-repeat; width: 6px; padding: 0 3px; } /* Menu lateral internas */ .menuLateral { width: 100%; max-width: 200px; margin-right: 23px; float: left; } .menuLateral h2 { padding-right: 10px; width: 100%; margin: 0; float: left; } .menuLateral h2 span { width: 100%; float: left; background: #0072BB; padding: 15px 20px; color: #FFF; text-transform: none; margin: 0; } .menuLateral ul { float: left; width: 100%; } .menuLateral > ul > li { padding-right: 10px; width: 100%; float: left; } .menuLateral > ul > li.active { /*background: url(/static/media/images/seta-menu-lateral.png) center right no-repeat;*/ } .menuLateral > ul > li.active > a { background-color: #67C5E7; border-bottom-color: #67C5E7; font-weight:bold; position: relative;} .menuLateral > ul > li.active > a::after {content: ' '; background: url(/static/media/images/seta-menu-lateral.png) center right no-repeat; width: 10px; height: 18px; position: absolute; right: -10px; top: 50%; margin-top: -9px;} .menuLateral > ul > li.noArrow > a::after {content: ''; display: none;} .menuLateral > ul > li a { width: 100%; float: left; padding: 15px 15px; background: #01A0E1; border-top: 1px solid #5BC1E9; border-bottom: 1px solid #288eb6; color: #FFFFFF; font-size: 14px;} .menuLateral > ul > li > a:hover { background: #67C5E7; } .menuLateral > ul > li > ul {display: none;} .menuLateral > ul > li > ul > li > a {background: #0072bc; font-size: 13px; padding-left: 30px;} .menuLateral > ul > li.active > ul {display: block;} .menuLateral > ul > li > ul > li.activeSegNivel > a {position: relative; background: #005C98;} .menuLateral > ul > li > ul > li.activeSegNivel > a::after {content: ' '; background: url(/static/media/images/seta-menu-lateral-escura.png) center right no-repeat; width: 10px; height: 18px; position: absolute; right: -10px; top: 50%; margin-top: -9px;} /* Boxes revistas */ .revistas { margin: 15px 0; float: left; width: 100%; } .revistas li { width: 50%; text-align: center; float: left; border-bottom: 1px solid #ffa101; padding: 35px 0; } .revistas li:first-child + li {border-top: none;} .revistas .impar { border-right: 1px solid #FFA101; } .revistas li:first-child, .revistas .impar:first-child { border-top: 0 !important; } .revistas li .titulo { font-weight: bold; font-size: 15px; text-transform: none; } .revistas li .download { display: inline-block; color: #FFA101; line-height: 22px; height: 20px; background: url(/static/media/images/icone-download.png) center left no-repeat; padding: 0 0 0 26px; } /* Ferramentas Imprimir/Favoritar */ .ferramentas { width: auto; float: right; margin: 8px 15px 15px 0 ; } .ferramentas li { float: left; line-height: 24px; } .ferramentas li a { color: #FFA101; font-size: 14px;} .ferramentas li i { float: left; margin-right: 10px; height: 24px; width: 25px; background: url(/static/media/images/icones-ferramentas.png) no-repeat 0 0; } .ferramentas .imprimir { padding-right: 15px; } .ferramentas .imprimir i { width: 28px; } .ferramentas .favoritar i { background-position: top right; } /* Crosslinks direita */ .destaqueLateral { float: left; width: 100%; max-width: 226px;} .destaqueLateral h2 { background: url(/static/media/images/linha-azul.jpg) center left repeat-x; color:#0072BB; padding: 0 10px; } .destaqueLateral h2 span { background: #FFFFFF; font-size: 14px; font-weight: normal; text-transform: none; color:#0072BB; padding: 0 5px; } .destaqueLateral .content { padding: 0 15px 15px; float: left; } .boxLateral { background: #EDF8FC; width: 100%; float: left; margin: 10px 0; padding: 15px 10px; } .boxLateral .imgLateral { margin-bottom: 25px; } .boxLateral p { font-size: 12px; line-height: 17px; } .appBox { margin-bottom: 15px; display: inline-block; max-width: 177px; } .appBox .icone { margin-right: 7px; float: left; } .appBox h3 { float: left; color: #0B1A6D; font-size: 14px; font-weight: bold; margin: 14px 0; } .appBox h3 a { color: #0B1A6D; } /* Busca por Estado */ .buscaEstados {margin-bottom: 30px; float: left;} .mapabrasil{ width: 498px; height: 498px; background: url(/static/media/images/encontre-ajuda/mapa-brasil.png) no-repeat; position:relative; float: left; } .mapabrasil li { width: 37px; height: 33px; cursor: pointer; font-size: 14px; position: absolute; text-align: center; color: #0072bc; padding: 0 0 10px 0; line-height: 22px; background: url(/static/media/images/encontre-ajuda/balao-uf.png) no-repeat; } .mapabrasil li.horiz { width: 48px; height: 23px; background-image: url(/static/media/images/encontre-ajuda/balao-uf-horiz.png); padding: 0 0 0 11px; } .mapabrasil li#al { right: -23px; top: 185px; } .mapabrasil li#am { left: 96px; top: 86px; } .mapabrasil li#ba { right: 75px; top: 202px; } .mapabrasil li#ce { right: 46px; top: 93px; } .mapabrasil li#df { left: 307px; top: 243px; } .mapabrasil li#es { right: 63px; top: 280px; } .mapabrasil li#go { left: 266px; top: 259px; } .mapabrasil li#ma { right: 117px; top: 98px; } .mapabrasil li#mg { left: 352px; top: 268px; } .mapabrasil li#ms { left: 218px; top: 303px; } .mapabrasil li#mt { left: 213px; top: 229px; } .mapabrasil li#pa { left: 244px; top: 127px; } .mapabrasil li#pb { top: 152px; right: -30px; } .mapabrasil li#pe { right: 30px; top: 149px; } .mapabrasil li#pi { right: 90px; top: 141px; } .mapabrasil li#pr { left: 254px; top: 345px; } .mapabrasil li#rj { right: 94px; top: 319px; } .mapabrasil li#rn { right: 4px; top: 112px; } .mapabrasil li#rs { left: 236px; top: 423px; } .mapabrasil li#sc { left: 281px; top: 384px; } .mapabrasil li#sp { left: 294px; top: 322px; } #associados > li { display: none; } #associados > li > .associado:first-child { border-top: 0 !important; } .associado { background: url(/static/media/images/encontre-ajuda/divider.jpg) no-repeat left top; padding: 30px 0 14px 0; background-size: contain; } .associado:first-child{ padding-top: 5px; background: none;} .associado li { padding: 0 0 15px 30px; font-size: 15px; line-height: 18px;} .associado li i { background: url(/static/media/images/encontre-ajuda/sprit.png) no-repeat center top; width: 18px; margin: 0 13px 0 -31px; display: inline-block; } .associado .nome { color: #0072bc; padding-left: 0; } .associado .presidente i { height: 17px; margin-bottom: -2px; } .associado .endereco i { background-position: 0 -18px; height: 21px; margin-bottom: -5px; } .associado .telefone i { background-position: 0 -41px; height: 21px; margin-bottom: -5px; } .associado .email i { background-position: 0 -63px; height: 10px; } .associado .email i { background-position: 0 -63px; height: 10px; } .associado .site i { background-position: 0 -73px; height: 19px; margin-bottom: -4px; } .associado .fundacao i { background-position: 0 -92px; height: 17px; margin-bottom: -4px; } .selectEstados .headerSelect {display:none;} .selectEstados .listaEstados {display:block;} .contentSelect {display: none;} /* O que é EM */ #owl-dadosEm {position: relative; width: 525px; margin: 0 auto; margin-bottom: 25px;} #owl-dadosEm .owl-controls .owl-pagination {margin-top: -35px; position: relative; z-index: 10;} #owl-dadosEm .owl-buttons {position: absolute; top: 42.5%; width: 100%;} #owl-dadosEm .owl-buttons .owl-prev {left: -1px; background:url(/static/media/images/setas-banner.png) no-repeat; width:22px; height: 42px;} #owl-dadosEm .owl-buttons .owl-next {right: -1px; background:url(/static/media/images/setas-banner.png) no-repeat -22px 0; width:22px; height: 42px;} #owl-dadosEm .owl-buttons .owl-prev:hover, #owl-dadosEm .owl-buttons .owl-next:hover {-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .listaIcones li {padding-left: 35px;} .listaIcones li:before {content: "";} .listaIcones li span {background: url(/static/media/images/esclerose-multipla/sobre-esclerose-multipla/sprite.png); background-repeat: no-repeat; width: 25px; display: block; height: 22px; margin-left: -35px; margin-top: -7px; float: left;} .listaIcones li span.iconeIdade {} .listaIcones li span.iconeSexo {background-position: 0 -22px; margin-top: -4px;} .listaIcones li span.iconeHistorico {background-position: 0 -47px; margin-top: -4px;} .listaIcones li span.iconeEtnia {background-position: 0 -69px;} .listaIcones li span.iconeRegiao {background-position: 0 -92px; margin-top: 0;} .listaIcones li span.iconeDoenca {background-position: 0 -114px;} .legenda {clear: both;} .legenda p {font-size: 13px; line-height: 16px;} .legenda p.titleLegenda {color: #0072bc; font-weight: bold; margin-bottom: 5px;} /* Benefícios bayer */ .boxBeneficios h2 {font-size: 20px; margin: 0; line-height: 68px; vertical-align: middle; padding:0;} .boxBeneficios > .colDireita > div > div {background: url(/static/media/images/linha-horizontal-direita.png) no-repeat left top;} .boxBeneficios > .colDireita > div > div:first-child {background: none;} .boxBeneficios > .colEsquerda > div > div {background: url(/static/media/images/linha-horizontal-esquerda.png) no-repeat right top;} .boxBeneficios > .colEsquerda > div > div:first-child {background: none;} .boxBeneficios > div > div > div {padding: 30px; background-size: 100% 1px !important; min-height: 128px; text-align: center;} .boxBeneficios > div:first-child {background: url(/static/media/images/linha-vertical.png) no-repeat; background-size: contain; background-position: right;} .imgBetaplus {margin: 0 27px; float: right;} .containerBannerBetaplus {background: #36b0e3; width: 524px; padding-top: 7px; margin: 40px auto 0 auto;} .containerBannerBetaplus #owl-ibetaplus {position: relative; margin: 0 auto; background:#edf8fc; width: 510px;} .containerBannerBetaplus #owl-ibetaplus .item {text-align: center;} .containerBannerBetaplus #owl-ibetaplus .owl-controls {margin: 0;} .containerBannerBetaplus #owl-ibetaplus .owl-controls .owl-pagination {width:100%; background: #36b0e3; } .containerBannerBetaplus #owl-ibetaplus .owl-buttons {position: absolute; top: 38%; width: 100%;} .containerBannerBetaplus #owl-ibetaplus .owl-buttons .owl-prev {left: -8px; background:url(/static/media/images/setas-banner.png) no-repeat; width:22px; height: 42px;} .containerBannerBetaplus #owl-ibetaplus .owl-buttons .owl-next {right: -1px; background:url(/static/media/images/setas-banner.png) no-repeat -22px 0; width:22px; height: 42px;} .containerBannerBetaplus #owl-ibetaplus .owl-buttons .owl-prev:hover, #owl-ibetaplus .owl-buttons .owl-next:hover {-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .containerBannerBetaplus #owl-ibetaplus img {padding: 10px 13px; margin: auto;} .containerBannerBetaplus .containerTexto {width: 100%; padding: 15px 0; float: left; background: url('/static/media/images/beneficios-bayer/ibetaplus/gratis.png') no-repeat bottom right #36b0e3;} .containerBannerBetaplus .containerTexto p {float: left; color: #ffffff; font-size: 16px; font-weight: bold; margin:7px 20px 0 74px;} .containerBannerBetaplus .containerTexto img {float: left;} .containerBoxAtendimento {width: 524px; margin: 20px auto; display: table;} .containerBoxAtendimento .boxAtendimento {width: 50%; text-align: center; color: #ffffff; font-size: 15px; float: left; padding: 15px 12px; min-height: 303px; background-color: #5ebde3;} .containerBoxAtendimento .boxAtendimento:first-child{background-color: #34b0e2;} .containerBoxAtendimento .boxAtendimento p {margin: 30px 0 0 0; line-height: 18px;} .containerBoxAtendimento .boxAtendimento a {color: #ffffff;} .containerBoxAtendimento .boxAtendimento .iconeCarta {margin-top: 20px;} .containerBoxAtendimento .boxAtendimento .titleBox {font-size: 20px; font-weight: bold; margin:0 0 20px 0;} .containerBoxAtendimento .boxAtendimento .destaque {font-size: 17px; line-height: 21px;} .containerBoxAtendimento .boxAtendimento .destaqueMenor {font-size: 13px; line-height: 17px;} .boxAtendimentoMenor .boxAtendimento {min-height: 220px;} /* Betaplus */ .formBetaplus { max-width: 302px; margin: 30px auto 30px; float: none; } /* Jogos */ #msgJogoMemoria {display: none;} #jogoMemoria {display: block; width:550px; margin: auto;} /*Cognifit */ ul.listaCognifit {width: 100%; float: left; background: url(/static/media/images/beneficios-bayer/cognifit/cognifit-bg.png) 0 60px no-repeat;} ul.listaCognifit > li {float: left; padding: 20px 0 20px 11px; width: 100%; background: url(/static/media/images/divider.png) no-repeat center top; background-size: 100% 1px;} ul.listaCognifit > li:first-child {background: none;} ul.listaCognifit > li > ul > li { text-align: left; float: left;} ul.listaCognifit > li > ul > li {width: 60%;} ul.listaCognifit > li > ul > li + li {width: 40%; text-align: left; float: left;} ul.listaCognifit > li > ul > li:before {content:'\2022'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -11px; top: -3px; font-size: 20px;} ul.listaCognifit > li > ul > li.amarelo4:before {color: #d99a39;} ul.listaCognifit > li > ul > li.azul1:before {color: #4cace6;} ul.listaCognifit > li > ul > li.azul4:before {color: #0752a3;} ul.listaCognifit > li > ul > li.azul5:before {color: #006672;} ul.listaCognifit > li > ul > li.cinza3:before {color: #4f6479;} ul.listaCognifit > li > ul > li.laranja2:before {color: #e95f17;} ul.listaCognifit > li > ul > li.laranja3:before {color: #f17e21;} ul.listaCognifit > li > ul > li.marrom2:before {color: #81591c;} ul.listaCognifit > li > ul > li.marrom5:before {color: #801f0c;} ul.listaCognifit > li > ul > li.rosa3:before {color: #db1787;} ul.listaCognifit > li > ul > li.rosa4:before {color: #b23169;} ul.listaCognifit > li > ul > li.rosa5:before {color: #951455;} ul.listaCognifit > li > ul > li.roxo1:before {color: #6974c6;} ul.listaCognifit > li > ul > li.roxo2:before {color: #7258a2;} ul.listaCognifit > li > ul > li.roxo3:before {color: #8b57aa;} ul.listaCognifit > li > ul > li.verde1:before {color: #6dc439;} ul.listaCognifit > li > ul > li.verde2:before {color: #759a28;} ul.listaCognifit > li > ul > li.verde3:before {color: #0497ab;} ul.listaCognifit > li > ul > li.verde4:before {color: #2a8736;} ul.listaCognifit > li > ul > li.vermelho3:before{color: #cb0e08;} #owl-cognifit {position: relative; width: 525px; margin: 15px auto 25px auto;} #owl-cognifit .owl-controls .owl-pagination {margin-top: -35px; position: relative; z-index: 10;} #owl-cognifit .owl-buttons {position: absolute; top: 42.5%; width: 100%;} #owl-cognifit .owl-buttons .owl-prev {left: -1px; background:url(/static/media/images/setas-banner.png) no-repeat; width:22px; height: 42px;} #owl-cognifit .owl-buttons .owl-next {right: -1px; background:url(/static/media/images/setas-banner.png) no-repeat -22px 0; width:22px; height: 42px;} #owl-cognifit .owl-buttons .owl-prev:hover, #owl-cognifit .owl-buttons .owl-next:hover {-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #owl-cognifit .owl-controls .owl-pagination {margin:0 0 0 -54px; left: 50%; top: 10px; position: absolute;} #owl-cognifit .owl-controls .owl-page span {background: #fff; } #owl-cognifit .owl-controls .owl-page span.owl-numbers {font-size: 12px; padding: 1px 5px; font-weight: bold; color: #34b0e2;} #owl-cognifit .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background: #ffcd43;} /* Area restrita - home */ .highlight { float: left; width: 100%; margin: 0; } .highlight li { width: 30%; max-width: 292px; margin: 30px 0 0 3%; float: left; } .highlight li figure { position: relative; margin: 0 0 15px 0; float: left; } .highlight li figure img { width: 100%; max-width: 292px; } .highlight li figure:hover figcaption { height: 50%; text-align: center; } .highlight li figcaption { position: absolute; bottom: 0; left: 0; background: rgba(0, 113, 166, 0.6); color: #FFFFFF; width: 100%; padding: 0 15px; box-sizing: border-box; } .highlight li figcaption h2 { color: #FFFFFF; margin: 11px 0 11px; } .seuTratamento { float: left; width: 100%; min-height: 275px; color: #FFFFFF; text-align: center; margin: 50px 0; } .seuTratamento > div { float: left; min-height: 275px; } .seuTratamento h2 { color: #FFFFFF; padding: 20px 0 20px 0;} .seuTratamento .center { width: 37%; max-width: 370px; position: relative; margin: 0; } .seuTratamento .center h2 { color: #36aee2; font-size: 32px; height: 36px; line-height: 36px; margin-top: -14px; padding: 0 25px; position: absolute; top: 50%; width: 100%; z-index: 1; } .seuTratamento .center .arrowLeft, .seuTratamento .center .arrowRight { width: 91px; height: 100%; top: 0; z-index: 0; position: absolute; background: #34B0E3 url(/static/media/images/triangulos.png) no-repeat center center; } .seuTratamento .center .arrowLeft { left: 0; background-position: center right; } .seuTratamento .center .arrowRight { right: 0; background-position: center left; } .seuTratamento .left, .seuTratamento .right { background-color: #34B0E3; width: 31.5%; max-width: 315px; } .seuTratamento .left .content, .seuTratamento .right .content { width: 280px; padding: 30px 0 20px 0; } .seuTratamento .left .content { float: right; } .seuTratamento .right .content { float: left; } .highlightBox { float: left; width: 100%; } .highlightBox li { width: 50%; position: relative; overflow: hidden; height: 190px; float: left; } .highlightBox .ibetaplus { background: #FFA34C; } .highlightBox .betamensagem { background: #34B0E3; } .highlightBox .depoimento { background: #34B0E3; } .highlightBox .materiais { background: #FFA34C; } .highlightBox li figure { width: 100%; height: 100%; position: relative; float: left; } .highlightBox li figure img { height: 100%; width: 498px; position: absolute; left: 50%; margin-left: -249px; } .highlightBox li figcaption { position: absolute; top: 50%; margin-top: -60px; left: 0; color: #FFFFFF; width: 100%; padding: 0 15px; box-sizing: border-box; text-align: center; height: 110px; } .highlightBox li figcaption i { bottom: 32px; left: 50%; margin-left: -40.5px; position: absolute; width: 81px; background: url(./static/media/images/icones-sprite.png) no-repeat; } .highlightBox li figcaption h2 { color: #ffffff; font-size: 20px; position: absolute; left: 0; width: 100%; bottom: 0; margin: 0; } .highlightBox .ibetaplus figcaption i { height: 78px; } .highlightBox .betamensagem figcaption i { height: 49px; background-position: 0 -192px; } .highlightBox .depoimento figcaption i { height: 57px; background-position: 0 -79px; } .highlightBox .materiais figcaption i { height: 55px; background-position: 0 -137px; } .highlightBox li .info { text-align: center; float: left; color: #FFFFFF; padding: 30px; width: 100%; height: 190px; box-sizing: border-box; } .highlightBox li .info h2 { margin: 10px 0 18px 0; color: #FFFFFF; text-transform: none; } .btnBW { border: 1px solid #ffffff; cursor: pointer; line-height: 20px; padding: 3px 7px; width: auto; color: #FFF; } .btnBW:hover { color: #FFFFFF; } /* Depoimentos */ #owl-depoimentos {width: 100%; float: left; margin-bottom: 15px;} #owl-depoimentos .item {padding: 12px 8px; float: left; width: 251px; background-color: #34b0e3; position: relative;} #owl-depoimentos .item p {color: #fff;} #owl-depoimentos .item .abreFloater {cursor: pointer;} #owl-depoimentos .item .iconeAbreFloater {background: url('/static/media/images/icone-mais.png') center no-repeat; width: 16px; height: 16px; position: absolute; bottom: 5px; right: 5px; display: block; cursor: pointer;} #owl-depoimentos .item .bandeiraPais {position: absolute; top: 5px; right: 5px;} #owl-depoimentos .item .imgDepoimento {margin: auto; display: block;} #owl-depoimentos .item .depoimento {position: relative; width: auto; padding: 0 12px; margin: 35px auto 45px auto; display: table;} #owl-depoimentos .item .depoimento p {font-size: 16px;} #owl-depoimentos .item .depoimento .aspaDir{ position: absolute; bottom: -15px; right: 0; background: url(/static/media/images/aspas-direita.png) no-repeat; height: 20px; width: 25px;} #owl-depoimentos .item .depoimento .aspaEsq{ position: absolute; top: -30px; left: 0; background: url(/static/media/images/aspas-esquerda.png) no-repeat; height: 20px; width: 25px;} #owl-depoimentos .item .apresentacao p {font-size: 12px; line-height: 14px; margin: 0;} #owl-depoimentos .owl-controls .owl-pagination {margin-top: -35px; width: 70%; position: relative; z-index: 10;} #owl-depoimentos .owl-buttons {position: absolute; top: 42.5%; width: 100%;} #owl-depoimentos .owl-buttons .owl-prev {left: -1px; background:url(/static/media/images/setas-banner.png) no-repeat; width:22px; height: 42px;} #owl-depoimentos .owl-buttons .owl-next {right: -1px; background:url(/static/media/images/setas-banner.png) no-repeat -22px 0; width:22px; height: 42px;} #owl-depoimentos .owl-buttons .owl-prev:hover, #owl-depoimentos .owl-buttons .owl-next:hover {-webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #popUpDepoimentos {width: 497px; height: auto; top: 25px; position: absolute;} #popUpDepoimentos h3 {color: #0072bc; font-size: 15px; background: url(/static/media/images/encontre-ajuda/divider.jpg) no-repeat left bottom; background-size:100% 1px; padding-bottom: 20px; margin:5px 0 20px 0; text-align: center;} #popUpDepoimentos .content {padding: 0; display: none; height: auto;} #popUpDepoimentos .content .descricao {padding: 20px;} /* Eventos */ ul.eventos li:before { display: none !important; width:0; height: 0; font-size: 0!important; } ul.eventos li { padding: 24px 0 14px; } ul.eventos li:first-child { padding-top: 5px; } ul.eventos li h2 { font-weight: bold; margin: 5px 0 7px 0; background: url(./static/media/images/icone-calendario.png) no-repeat left 0; padding:0 0 0 26px; line-height: 20px; } ul.eventos li ul { padding-left: 26px; box-sizing: border-box; } ul.eventos li ul li { background: none; padding: 8.5px 0; color: #666666; } ul.eventos li ul li.destaque { font-weight: bold; } /* Mantenha-se ativo */ .listaReabilitacao{width: 100%; margin-bottom: 15px; float: left;} .listaReabilitacao li {float: left; background: url(/static/media/images/divider.png) no-repeat center top; background-size: 100% 1px; padding: 15px 0;} .listaReabilitacao li:first-child {background: none;} .listaReabilitacao .listaImg {float: left; width: 21%; padding-right: 15px;} .listaReabilitacao .contentLista {float: right; width: 79%;} .listaReabilitacao .contentLista p {margin: 15px 0 0 0; } .listaReabilitacao .contentLista p:first-child {margin:0; } /* Jogos */ .boxJogos > div div:first-child {background: url(/static/media/images/linha-vertical.png) right no-repeat; background-size: 1px 100%;} .boxJogos p, .boxJogos a {font-size: 13px; line-height: 16px;} .boxJogos img {border:2px solid #0088c6; display: block; margin: 0 auto 20px auto;} .boxJogos .btnLaranja {display: inline-block;} /* Jogos - Sudoku */ #sudoku {margin-bottom: 15px;} #sudoku #tempoCorrente { font-size:15px; padding:0; margin:0; text-align:right; color: #006B9F; padding-bottom:2px;} #sudoku #tabelaSudoku{border: 2px solid #006B9F; width: 100%;} #sudoku #tabelaSudoku td.cell { background:#fff; border: 1px solid #006B9F;} #sudoku #tabelaSudoku td.readonly { background:#CCE9F7;} #solucaoSudoku {margin: 20px; border: 2px solid #006B9F; border-collapse: collapse;} #solucaoSudoku td.sol { width:30px; height:30px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:20px; background:#FFFFFF; border: 1px solid #CCE9F7; } #sudoku #tabelaSudoku input.cell {float:left; display:block; width:100%; height:40px; font-size:22px; text-align:center; padding-top:5px; background:#FFFFFF; border: 0; border-radius: 0;} #sudoku .controlesSudoku {margin-top: 10px;} #sudoku .controlesSudoku li {padding: 5px 0 0 0; float: left; text-align: center; width: 25%;} #sudoku .controlesSudoku li input {padding: 0 5px; width: 100px; font-size:12px; border: 1px solid #0090D3; background:#fff; font-weight:bold; color: #0090D3; height:22px; padding-bottom:1px;} #sudoku input#clock { display: none;} /* Matérias */ .listaMaterias li p { margin: 10px 0 0 0; font-size: 13px; line-height: 16px;} .listaMaterias li p a {font-size: 13px; line-height: 16px;} /* Passo a passo */ .passoPasso { margin-top: 15px; } .passoPasso li::before { display: none; } .passoPasso li { padding-left: 0; } .passoPasso li .num { float: left; max-width: 97px; width: 19%; margin: 0 15px 15px 0; } .passoPasso li .info { float: right; width: calc(81% - 15px); } .passoPasso li .info h2 { padding-top: 11px; font-size: 15px; font-weight: 600; } .iPasso { float: left; width: 100%; text-align: center; } .iPasso .owl-item { text-align: center; } .iPasso .owl-controls .owl-page span { background: #CCC !important; } .iPasso .owl-controls .active span { background: #FFA101 !important; } /* Popup redes sociais */ div#popup-social { position: absolute; width: 450px; background: #FFF; z-index: 9999; border: 1px solid #01A1DF; padding: 11px; } div#fechar { position: absolute; top: 0; right: 0; border: 1px solid #01A1DF; width: 20px; height: 20px; color: #01A1DF; text-align: center; padding-top: 2px; cursor: pointer; } .popup-title h2 { color: #01A1DF; } .botoes button { background: #FFF; border: 2px solid #01A1DF; padding: 5px; margin: 5px 5px 5px 0px; color: #01A1DF; font-weight: bold; } span.infoLogin { margin-top: 10px; float: left; font-size: 13pt; } .boxLoginForm { float: left; background: #0072BB; padding: 20px 10px; width: 230px; border-radius: 7px; margin-top: 20px; } .boxLoginForm label { color: #FFF; } /* Login */ .boxLoginForm .input { border: 1px solid #01A1DF; border-radius: 5px; height: 30px; max-width: 130px; width: 100%; float: left; } .boxLoginForm input.btnLaranja { border: 0; border-radius: 0; height: 30px; margin-left: 15px; } /* Contato */ .formContato{margin: 20px 0;} .boxBranco{padding: 12px 15px 0 15px; border: 1px solid #0072BB; text-align: center; margin: 30px 0;} .boxBranco p {color: #0072BB; font-size: 13px;} /* Tooltip - Footer padrão bayer */ .ui-tooltip { font-weight: bold; line-height:18px!important; font-size: 11px!important; } #footerBayer .fooBayerDireita p .frizar { font-weight: 800; } /* media queries ------------------------------------------------------------------------------------------------------------------*/ @media (min-width: 1000px) and (max-width: 1048px){ .container{width:996px;} } @media screen and (min-width:999px){ #owl-depoimentos .owl-wrapper {width: 100% !important;} #owl-depoimentos .owl-item {width: 251px !important;padding-bottom: 20px;} #owl-depoimentos .owl-item:nth-child(even) {margin-left: 20px;} #owl-depoimentos .owl-item .item { min-height: 342px; } .owl-wrapper-outer {height: auto!important;} } @media screen and (max-width: 1023px){ .boxEsqInferior, .boxDirInferior{width:100%; height:auto; text-align: center;} .boxDirInferior .descricaoAzul{width:100%;} .boxDirInferior #revista {position: relative;bottom: -30px;right: 0;} .boxDirInferior #linkAcesse {position: relative;bottom: 0;left: 0; padding-top:10px;} } @media screen and (max-width: 998px){ #logoEsclarecimento {margin-left: 15px; position: relative; z-index: 0;} #logoBayer {margin-right: 15px;} #fontSize {margin:59px 115px 0 0;} #header #containerHeader {width:100%;} .guardaLogin .setaBranca {position:static; z-index:auto; height: auto !important; background: #FFA101 url("/static/media/images/seta-login-baixo.png") no-repeat scroll 58px 15px; padding: 12px 11px 14px 18px !important; width: 86px; font-size: 13px !important; margin-right: 10px; float:right; color:#fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} /* Internas */ .ferramentas { display: none; } .menuLateral {display: none;} .containerInternas .conteudo { max-width: 100%; padding-left: 15px; padding-right: 15px; } .btnSair { right: 10px; top: -41px; margin-top: 0; border: 0; height: 41px; line-height: 41px; font-size: 13px; font-weight: normal; } .destaqueLateral { max-width: 100%; padding: 0 15px; } .guardaLogin .boxLogin {right: 0; top: 40px; left: auto;} .mapabrasil{ margin: 0 auto; float: none; left: -16px; } /* Area restrita - home */ .highlight { padding-right: 2.5%; } .highlight li { margin-left: 2.5%; } #owl-depoimentos .owl-item .item{width: 100%; padding: 12px 35px 35px 35px;} #owl-depoimentos .item .iconeAbreFloater {padding: 15px;} .listaReabilitacao .listaImg {width: 15%;} .listaReabilitacao .contentLista {width: 85%;} .containerInternas .conteudoSemMenuLateral { max-width: 100%; } } @media screen and (max-width: 960px){ .destaqueEsquerda, .destaqueDireita{width:100%; min-height:0;} #owl-voceSabia .boxDest{padding:20px 0;} #owl-voceSabia .owl-controls {margin: 0 0 10px 0;} .destaqueDireita .voceSabia{background:#FFF;} .destaqueDireita .voceSabia span:first-child{background:none;} .destaqueDireita .voceSabia span{color:#33B0E0; font-size:16px; padding-top: 10px;} .guardaTituloLinha{border-bottom:0;} .guardaTituloLinha h2{width: 70%; top: 0;} #owl-historias{width:100%; float: left; padding: 15px 0;} #owl-historias .boxAzul{font-size: 13px; text-align: center;} #owl-historias .boxAzul img{float:none;} #owl-historias .boxAzul .conteudoBox{width:100%;} #owl-historias .owl-controls .owl-buttons div{top:0;} #owl-historias .owl-controls .icon-historia-left{width: 16px;height: 35px;top: -30px;left: 15px;} #owl-historias .owl-controls .icon-historia-right{width: 16px;height: 35px;top: -30px;right: 15px;} #owl-banner .destaquesBanner {position: relative;top: 0;right: 0;width: 100%;} #owl-banner .destaquesBanner > li {margin-bottom:0; border-top:1px solid #fff;} #owl-banner .destaquesBanner > li:first-child {border-top:0;} #owl-banner .destaquesBanner > li .boxBanner{width:100%; background:#636363;} } @media screen and (max-width: 927px) { .seuTratamento .center h2 { height: 72px; margin-top: -36px; } } @media screen and (max-width: 883px) { .highlightBox li .info h2 { margin-top: 0; } .seuTratamento .left .content, .seuTratamento .right .content { padding-left: 15px; padding-right: 15px; width: 220px;} } @media screen and (max-width: 767px){ #fontSize {display: none;} .destaqueEsquerda{padding:20px;} .destaqueEsquerda .descricaoDireita{width:55%;} .boxEsqInferior .col-sm-6{width:50%; float:left;} .boxBeneficios > .colDireita > div > div, .boxBeneficios > .colEsquerda > div > div {background: url(/static/media/images/divider.png) no-repeat top;} .boxBeneficios > .colDireita > div > div:first-child {background: url(/static/media/images/divider.png) no-repeat top;} .boxBeneficios > div:first-child {background: none;} .boxBeneficios .boxVazio {display: none;} /* Area restrita - home */ .highlight { padding: 5px 15px 0 15px; } .highlight li { margin: 15px 0 0 0; width: 100%; max-width: 100%; } .highlight li figure { margin-right: 20px; } .boxJogos > div div:first-child {background: none;} /*Footer padrão bayer*/ #footerBayer p {margin-bottom: 7px;} #footerBayer .fooBayerEsquerda {border-bottom: 1px solid #737373;} #footerBayer .fooBayerEsquerda #listaLinksFooter li {float: none; padding-bottom: 5px;} #footerBayer .fooBayerDireita {padding-top: 5px;} #footerBayer .fooBayerDireita p {text-align: left; line-height: 13px;} } @media screen and (max-width: 720px) { .seuTratamento .center h2 { font-size: 26px; line-height: 30px; } } @media screen and (max-width: 640px) { .destaqueEsquerda .col-sm-12 { padding-bottom: 20px; } .containerBoxAtendimento, .containerBoxAtendimento .boxAtendimento{width: 100%;} .boxLogado .content { padding: 0 15px; margin: 0 15px; } /* Area restrita - home */ .highlightBox li .info { padding: 20px; } .seuTratamento .center h2 { padding: 0; } .destaqueEsquerda{text-align:center;} .destaqueEsquerda a{float:none;} .destaqueEsquerda .descricaoDireita{width:100%; margin-left:0; text-align:left;} .destaqueEsquerda .ultimosVideos h2 {text-align:left;} .destaqueEsquerda .ultimosVideos .listaVideos li {width: 100%; padding: 20px 0px 0 0; float:left;} .destaqueEsquerda .ultimosVideos .listaVideos li:first-child {padding-top:0; width:100%} .form .row-form label {width: 100%; padding-right: 0;} .form .row-form .form-control {width: 100%;} .formMateriaisApoio .boxCheck { width: 100%; } } @media screen and (max-width: 600px) { .passoPasso li .info { float: none; width: 100%; } .passoPasso li .info h2 { padding-top: 9px; } } @media screen and (max-width: 579px) { .highlight li { margin-top: 10px; } .highlight li figure { margin-left: -146px; width: 292px; left: 50%; } .highlight li p { width: 100%; float: left; } .highlight li .saibaMais { text-align: center; } .seuTratamento { margin-bottom: 0; } .seuTratamento .center { background: #34b0e3 url("./static/media/images/arrow-down.png") no-repeat scroll center top; max-width: 100%; min-height: 75px !important; position: absolute; width: 100%; } .seuTratamento .center h2 { font-size: 18px; height: auto; margin: -15px 0 0; top: 0; } .seuTratamento .center .arrowLeft, .seuTratamento .center .arrowRight { display: none; } .seuTratamento .left, .seuTratamento .right { width: 100%; max-width: 100%; min-height: auto !important; } .seuTratamento .left .content, .seuTratamento .right .content { width: 100%; } .seuTratamento .left { margin-top: 75px; } } @media screen and (max-width:555px){ #owl-dadosEm {width: 100%;} } @media screen and (max-width: 550px){ #guardaAssociados-bg { display: none !important; } #guardaAssociados {height: auto;left: 0;margin: 0;position: relative;top: 0; width: 100%; z-index:0;} #guardaAssociados button { display: none; } #guardaAssociados .content { height: auto; background: none; padding-bottom: 0; float: left;} #guardaAssociados .content #associados {margin-bottom: 0;} .contentSelect {display: block;} .contentSelect .selectEstados{ border: 1px solid #0072BB; outline: 0; width: 100%; padding: 5px; border-radius: 5px;} #guardaAssociados h2 {background: url(/static/media/images/linha-azul.jpg) #fff center left repeat-x; color: #0072BB; padding: 0 10px; float:left; width:100%; margin-top: 30px;} #guardaAssociados h2 span {background: #FFF; color: #0072BB; padding: 0 5px; font-size: 14px;} /* Select personalizado - Busca estado */ .selectEstados { position: relative; z-index: 100;} .selectEstados .headerSelect { display:block; cursor: pointer; float: left; width: 100%; border: 2px solid #4799ce; outline: 0; padding: 7px; color:#0072bc;} .selectEstados .listaEstados {display: none; height: auto; position: absolute; left: 0; width: 100%; background: none; top:35px; z-index: 100;} .selectEstados .listaEstados li { cursor: pointer; width: 100%; position: static; padding: 5px 0 5px 8px !important; height: auto;text-align: left; background-image:none; background-color: #fff;} .selectEstados .listaEstados li:hover{background: #0072bc !important; color: #fff !important;} .selectEstados .listaEstados li.horiz { background-image:none; background-color: #fff; height: auto; width: 100%;} .selectEstados .listaEstados li:last-child{margin-bottom: 30px;} .selectEstados .selectArrow {margin: 2px 0 0 0; background: url(/static/media/images/encontre-ajuda/arrow.png) no-repeat bottom; float: right; width: 13px; height: 12px;} .selectEstados .selectArrowUp {background: url(/static/media/images/encontre-ajuda/arrow.png) no-repeat top;} .selectEstados .selected {background: #0072bc !important; color: #fff !important;} .selectEstados .listaEstados.escondeSelect {display: block;} #msgJogoMemoria {display: block;} #jogoMemoria {display: none;} .listaReabilitacao .listaImg {width: 100%; padding-bottom: 15px;} .listaReabilitacao .listaImg img {margin: auto;} .listaReabilitacao .contentLista {width: 100%;} ul.listaCognifit {background-position: center; background-size: 100%;} ul.listaCognifit > li {background: none; padding: 0;} ul.listaCognifit > li:first-child > ul > li:first-child {background: none;} ul.listaCognifit > li > ul > li {float: left; padding: 20px 0 20px 11px; width: 100%!important; background: url(/static/media/images/divider.png) no-repeat center top; background-size: 100% 1px;} #owl-cognifit .owl-controls .owl-pagination {top: 5px;} #owl-cognifit .owl-controls .owl-page span.owl-numbers {font-size: 10px; padding: 3px 5px; line-height: 10px; border-radius:10px;} #owl-cognifit {width: 100%;} } @media screen and (max-width:550px) , screen and (max-height:500px){ #popUpDepoimentos-bg {background: #fff;} #popUpDepoimentos{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; margin: 0; overflow-y: auto; overflow-x: hidden;} #popUpDepoimentos h2{position: fixed; width: 100%; z-index: 10;} #popUpDepoimentos .containerContent {margin-top: 38px;} #popUpDepoimentos .containerContent .content {width: 497px; height: auto; margin: auto; overflow: hidden;} button.fechaPopUp {position: fixed; top: 0; right: 0; border-radius: 0; height: 38px; width: 38px; z-index: 20;} .overflowPopUp {overflow: hidden!important; height: 100%!important; position: fixed!important; z-index: -1;} } @media screen and (max-width:524px){ .containerBannerBetaplus {width:100%;} .containerBannerBetaplus #owl-ibetaplus {width:97%} .containerBannerBetaplus .containerTexto {text-align: center;} .containerBannerBetaplus .containerTexto p {margin: 0; float: none;} .containerBannerBetaplus .containerTexto img {margin-top: 20px; float: none;} } @media screen and (max-width:500px){ .containerBoxDestaqueBetaplus {width: 100%;} .containerBoxDestaqueBetaplus .boxDestaqueBetaplus {width: 100%; min-height: auto;} /* Imagem para internas */ .imagem {width: 100%;} .imagem img{width: auto; margin: auto;} .imagem span {text-align: center!important;} #popUpDepoimentos .containerContent .content {width: 100%;} } @media screen and (max-width: 498px) { .highlightBox li { width: 100%; height: auto; } .highlightBox .depoimento { background: #FFA34C; } .highlightBox .materiais { background: #34B0E3; } .highlightBox li figure { float: left; height: auto; } .highlightBox li figure img { width: 100%; left: 0; margin-left: 0; height: auto; float: left; position: relative; } .highlightBox li figcaption i { bottom: 50%; } .highlightBox .ibetaplus figcaption i { margin-bottom: -39px; } .highlightBox .betamensagem figcaption i { margin-bottom: -24.5px; } .highlightBox .depoimento figcaption i { margin-bottom: -28.5px; } .highlightBox .materiais figcaption i { margin-bottom: -27.5px; } .highlightBox li figcaption h2 { display: none; } .highlightBox li .info { height: auto; padding: 15px 20px 20px 20px; } .highlightBox li .info h2 { margin-bottom: 10px; } } @media screen and (max-width: 480px){ /*#logoEsclarecimento {margin: 4px 0 6px 6px;} #logoEsclarecimento > img {width: 150px;}*/ /*#logoBayer{width: 50px; top: 5px}*/ #owl-historias .nomeBox {float: left; margin: 10px 0 0 5px;} #owl-historias .nomeBox img {display: block; margin-bottom: 5px;} .btnMaior{padding: 5px 12px; font-size: 13px;} #logoEsclarecimento {margin: 11px 0 11px 13px; } #logoEsclarecimento img {width: 180px;} #logoBayer {width: 60px; margin: 9px 20px 9px 0;} .destaquesTopo{padding-top:15px;} .destaquesTopo .col-sm-6{padding:0 15px 20px 15px;} .guardaTituloLinha{padding-top:12px;} .guardaTituloLinha h2{font-size: 15px; line-height:19px;} #bordaInferior{border-top: 10px solid #FFA101; margin-bottom:0;} .boxEsqInferior .col-sm-6:first-child{padding-bottom:0;} .boxEsqInferior .col-sm-6{width:100%;} .boxEsqInferior p{padding-bottom:10px;} #owl-historias .boxAzul{padding: 10px 32px 20px 32px;} #owl-historias .boxAzul .conteudoBox p{padding: 30px 0 15px 0px; text-align:left;} #owl-historias .owl-controls .icon-historia-left, #owl-historias .owl-controls .icon-historia-right{top:-34px;} #rodape{width:100%; text-align:center;} #rodape #compartilhe{width:100%; margin-top:0; margin-bottom:20px;} ul.redesSociais {width: 240px;margin: 0 auto; float: none;} ul.redesSociais li a{margin-left:20px; margin-bottom:20px;} /*Jogos - Sudoku */ #sudoku .controlesSudoku li {width: 50%;} } @media screen and (max-width: 479px){ .boxLogado .content p { line-height: 14px; font-size: 14px; margin: 7px 0 8px; } .revistas li { width: 100%; border-right: 0 !important; border-top: 1px solid #ffa101 !important; } .revistas li:first-child { border-top: 0 !important; } } @media screen and (max-width: 350px){ .destaqueDireita .voceSabia span{padding-left: 23%;} } @media print { #header, .menuLateral, footer, .destaqueLateral, .bread {display: none;} .containerInternas .conteudo {max-width: 100%;} a[href]:after {content: "";} } .cc-color-override-1304886546 .cc-highlight .cc-btn:first-child{ display: none; } .legenda-informativa{ font-size:11px !important; } .titulo-info{ font-weight:bold; }