@font-face {font-family:capture;src: url('/static/fonts/Capture-it.eot');} /* para IE */
@font-face {font-family:capture;src: url('/static/fonts/Capture-it.ttf');}

* {margin: 0;padding: 0;outline:0;}
body {font: normal 12px 'Trebuchet MS', Helvetica, sans-serif;color:#6C7A89;text-align: left;}
body.pt.colunista {margin: 0; padding: 0;}

/*  atributos gerais
------------------------------------------------------------------------------------------------------------------*/
iframe {border: 0;}
input, textarea, label {font: normal 12px 'Trebuchet MS', Helvetica, sans-serif;color: #6C7A89;}
ol, ul {list-style: none;}
a {color: #9A12B3;text-decoration: none; word-wrap: break-word;}
a:hover {text-decoration: none; color: #9A12B3;}
img {border: none;}
p{margin-bottom:15px;}

/*  classes gerais 
------------------------------------------------------------------------------------------------------------------*/
.floatLeft{float:left;}
.floatLeftImg{float:left;margin: 0px 15px 15px 0px;}
.floatRight{float:right;}
.floatRightImg{float:right;margin: 0px 0px 15px 15px;}
.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;}
.section{float: left; width: 100%; position: relative;}
.mostraMobile{display:none;}
.uploadfile { position: absolute; opacity: 0; cursor: pointer; filter: alpha(opacity=0); width: 100% !important; left: 0; top: 0; height: 100% !important; z-index: 51; border: 0 !important; padding: 0 !important;  }
.estrela{position: absolute;top: -36px;left: 10px;width: 26px;height: 26px;background: url(/static/media/images/estrela-destaque.png) no-repeat;z-index: 99;}
.img-listagem-materia .estrela {bottom: 5px; top: inherit; top: initial; left: 5px;}
.acesseMais{float:left; width:100%; padding: 20px 0 50px 0;}  
.fonteRoxa{color:#9A12B3;}
.upTitle { position: relative; }
.upTitle h2 {  z-index: 100;padding: 3px 15px 3px; margin: 0; background: none repeat scroll 0 0 rgb(169, 59, 187); background: none repeat scroll 0 0 rgba(169, 59, 187, 0.8); position: absolute; top: 3px; left: 0; color: #ffffff; text-transform: uppercase; font-family: capture; font-size: 11px; }
.page-head{font-size: 20px; line-height: 24px;margin-bottom: 25px;}
.boxInf{float: left; width: 100%; font-size: 12px; line-height:18px; font-style:italic; border-bottom:2px solid #b2b2b2;padding-bottom:5px; margin-bottom:5px;}
.boxInf > div{width:50%;}
.boxInf > div > span:first-child{display:block;}
.boxInf .autorPost {font-size: 14px;}
.guardaTags{float:right; font-style:italic; font-size:13px;}
.shareMateria { float: right; width: auto;  } 
.shareMateria img { float: right; }
.fonte10 { font-size: 10px !important; }
.lista { list-style: inside disc; padding-left: 15px; margin-bottom: 25px; }
.lista > li { font-size:15px; margin-bottom: 10px !important; }
.listaNumerica { list-style: inside decimal; padding-left: 15px; }
.listaNumerica > li { font-size:15px; margin-bottom: 10px; }

/* Botões */
.botao { position: relative; overflow: hidden; background: #8B24B4; color: #FFFFFF; padding: 6px 10px; text-align: center; border: 0; }
.botao:hover, .botao:active, .botao:focus { background: #6c7a89; text-decoration: none; color: #FFFFFF; }
.btnMaior{width: 100%; text-align: center;font-size: 20px;text-transform: uppercase;line-height: 36px;font-weight: bold;}
.btnCinza{color: #FFF; background: #6c7a89;padding: 4px 7px;float: left;}
.btnCinza:hover{color:#FFF; background:#9a12b3; text-decoration:none;}
.btnBranco{color: #6c7a89; background: #FFF;padding: 4px 7px;float: left;}
.btnBranco:hover{color:#6c7a89; background:#D4D7DA; text-decoration:none;}
.btnVerde{color: #FFF;background: #00cbbe;padding: 5px 28px;float: left;}
.btnVerde:hover{color:#6C7A89;background: #FFF;text-decoration: none;}
/* Redes Sociais */
.redesSociais{float:right; margin-bottom:0;}
.redesSociais > li{float:left; margin-left:3px;}
.redesSociais > li > a{float:left; width:23px; height:23px; background: url(/static/media/images/redes-sociais.jpg) no-repeat; opacity:0.8; filter: alpha(opacity=80);}
.bordaRoxa > li > a{outline:1px solid #B34DC6;}
.bordaCinza > li > a{outline:1px solid #9a9ba7;}
.bordaVerde > li > a{outline:1px solid #40D8CE;}
.redesSociais > li > a:hover{opacity:1; filter: alpha(opacity=100);}
.redesSociais > li > a.facebook{background-position: 0 0;}
.redesSociais > li > a.twitter{background-position: -23px 0;}
.redesSociais > li > a.googlePlus{background-position: -46px 0;}
.redesSociais > li > a.linkedin{background-position: -69px 0;}

/*  padrao de hierarquia de títulos
------------------------------------------------------------------------------------------------------------*/
.guardaTituloRoxo{float: left;width: 99%;border-bottom: 2px solid #9A12B3;margin-bottom: 12px; margin-left: 4px;}
.tituloRoxo{background: #9A12B3; color: #FFF;padding: 10px 20px;text-transform: uppercase;font-family: Capture, Trebuchet, Helvetica;margin: 0;float: left;font-size: 16px;}
.tituloCinza{font-family:Capture; font-size:18px; color:#6c7a89; background:#d4d7da; padding:12px 20px; text-transform:uppercase; float:left; margin:30px 0 0 0;}
.tituloCinzaClaro{background: #EEE; color: #6c7a89; padding: 10px 15px 10px 30px; text-transform: uppercase; font-family: Capture, Trebuchet, Helvetica; margin: 0; font-size: 14px;position: absolute;top: 10px;left: 0;z-index: 1;}

/*  div gerais
------------------------------------------------------------------------------------------------------------------*/
#wrapper{width: 100%; float:left;}

/*  topo
------------------------------------------------------------------------------------------------------------------*/
#header{width: 100%; float:left;height: auto; z-index:1; } 
#wrapperBanners{position:relative; float:left; width:100%;}
#topoFull{width: 100%; float:left; background: #3ECDC4; position:relative; z-index:100;}
#topo #guardaLinks{ float:right; color:#fff; margin: 77px 20px 2px 0;}
#topo #guardaLinks ul li{ float:left; font-size:12px;}
#topo #guardaLinks ul li a{ color:#fff;}
#topo #guardaLinks ul li.separador{ float:left; padding:0 5px; }
#grupoBayer {margin-left:36px;}
#logoJovens{ float:left; padding:10px 0 0 0;}
#logoBayer{ float:right; padding:0; margin-top: 5px; margin-right: 9px;}
#logoBayer150{ float:right; padding:18px 20px 0 0;}
#menuSuperiorFull {float: left;width: 100%;height: 34px;background: #eeeeee; position:relative; z-index:100;}
#menuSuperiorFull .container{position:relative;}
#sidemenu { display: none; }
.menuMobile { float: left; position: relative; margin-top: 0px; padding: 10px 0 10px 0; display: none; font-size: 18px; }
.icon-bar { background-color: #8b6500; border-bottom-color: #8b6500; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; border-bottom-style: none; border-bottom-width: 0px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: #8b6500; border-left-style: none; border-left-width: 0px; border-right-color: #8b6500; border-right-style: none; border-right-width: 0px; border-top-color: #8b6500; border-top-left-radius: 1px; border-top-right-radius: 1px; border-top-style: none; border-top-width: 0px; box-sizing: border-box; color: #8b6500; cursor: pointer; display: block; font-family: Arial; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; height: 2px; letter-spacing: normal; line-height: 40px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 4px; outline-color: #8b6500; outline-style: none; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; text-indent: 0px; text-shadow: none; text-transform: none; vertical-align: baseline; width: 22px; word-spacing: 0px; }
#buttonMenuBar { float: left; margin-right:7px;}
.menuMobile.ativo { color: #6C7A89; }
.menuMobile.ativo #buttonMenu { color: #6C7A89; }
.menuMobile.ativo #buttonMenu .icon-bar { background-color: #6C7A89; }
.menuMobile #buttonMenu > span {float:left; font-family: Capture, Trebuchet, Helvetica; font-size: 18px; line-height:18px; text-transform:uppercase; color: #6C7A89; cursor:pointer;}
.menuMobile #buttonMenu { width: 100px; border: none; float: left; color: #6C7A89; }
.menuMobile #buttonMenu .icon-bar {background-color: #6C7A89;margin: 2px auto 0;height: 3px;width: 17px;}
#wrapperMenu {position:absolute; top:34px; left:0; z-index:200; width:188px; display:none; background: rgba(238, 238, 238, 0.9);}
.listaMenuSuperior{float:left; width:100%; padding:15px 0; margin:0;}
.listaMenuSuperior > li{float:left; width:100%; padding:0;}
.listaMenuSuperior > li > a{float:left; padding: 10px 23px; color:#6C7A89; width:100%; font-size:13px;}
.listaMenuSuperior > li > a:hover{color:#FFF; background:#5DD0C8; text-decoration:none;}
#linksTopo{float:right; margin:5px 0;}
#linksTopo > li{float:left; margin-left:12px;}
#linksTopo > li > a{ font-family: Capture, Trebuchet, Helvetica; font-size: 14px;line-height: 17px;text-transform: uppercase;color: #6C7A89;float: left;padding-top: 5px;}
#linksTopo > li > a:hover{color:#3ECDC4; text-decoration:none;}
.iconesTopo{float:left;}
.iconesTopo > li{float:left; margin-left:4px;}
.iconesTopo > li > a{float:left; width:24px; height:24px; background:url(/static/media/images/icones-sociais-topo.png) no-repeat;}
.iconesTopo > li > a.facebook{background-position: 0 0;}
.iconesTopo > li > a.twitter{background-position: -24px 0;}

/*  conteúdo
------------------------------------------------------------------------------------------------------------------*/
/* Banner Home */
#owl-bannerHome{padding:4px 0 10px 0; background:#FFF;}
#owl-bannerHome .item{float:left; width:100%;}
#owl-bannerHome .banner{float: left; width: 67%;}
#owl-bannerHome .banner img{width:100%;}
#owl-bannerHome .descricaoBanner{float:left; width:33%; position:relative;}
#owl-bannerHome .descricaoBanner .corpoBanner{float:left; margin:32px 20px; width:70%; height: 200px; overflow: hidden;}
#owl-bannerHome .descricaoBanner h3{font-size:22px; font-weight:bold; margin:0 0 15px 0;}
#owl-bannerHome .descricaoBanner p{font-size:18px;}
#owl-bannerHome .descricaoBanner h3 a,
#owl-bannerHome .descricaoBanner p a{color:#FFF;}
#owl-bannerHome .descricaoBanner .caret {border-top: 0px solid; border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid;top: -8px;position: absolute;color: #6C7A89;left: 47%;}
#owl-bannerHome .descricaoBanner a:hover{text-decoration:none;}
#owl-bannerHome .boxCinza{background:#6C7A89; margin-bottom: 0;}
#owl-bannerHome .btnBranco:hover{background:#d4d7da;}
#owl-bannerHome .owl-controls .owl-nav div{top:43%; left:0; width:100%; position: absolute;}
#owl-bannerHome .owl-controls .icon-bannerHome-left{position:absolute; top:0; left:17px; background:url(/static/media/images/setas-banner-principal.png) no-repeat left; width:53px; height:53px; z-index:100;}
#owl-bannerHome .owl-controls .icon-bannerHome-right{position:absolute; top:0; right:17px; background:url(/static/media/images/setas-banner-principal.png) no-repeat right; width:53px; height:53px; z-index:100;}
#owl-bannerHome .owl-controls {margin:0;}
#owl-bannerHome .owl-controls .owl-dots{width:70%; margin: -40px 0 0 0;position: relative; text-align: center; z-index:100;}
#owl-bannerHome .maisInf{padding-bottom:15px;}

/* Banner Interna */
.guardaBannerInterna{float:left; width:100%; background:#6C7A89; margin-bottom: 5px;}
.guardaBannerInterna .banner{float: left; width: 62.5%;}
.guardaBannerInterna .banner img{width:100%;}
.guardaBannerInterna .descricaoBanner{float:left; width:37.5%; position:relative;}
.guardaBannerInterna .descricaoBanner .corpoBanner{float: left; margin: 25px 14px;width: 89%;height: 150px;overflow: hidden; }
.guardaBannerInterna .descricaoBanner h1{font-size:18px; font-weight:bold; margin:0 0 15px 0;}
.guardaBannerInterna .descricaoBanner p{font-size: 14px; line-height: 18px;}
.guardaBannerInterna .descricaoBanner h1 a,
.guardaBannerInterna .descricaoBanner p a{color:#FFF;}
.guardaBannerInterna .descricaoBanner a:hover{text-decoration:none;}
.guardaBannerInterna .btnBranco:hover{background:#d4d7da;}
.guardaBannerInterna .maisInf{padding-bottom:8px;}
.guardaBannerInterna .estrela.desktop {display: block;}
.guardaBannerInterna .estrela.mobile {display: none;}

#content {width: 100%; float: left; background: #FFF;}
#content > .row{margin-right:-4px; margin-left:-4px;}
/* Destaques */
.titulo{font-family: Capture, Trebuchet, Helvetica; font-size: 20px; text-align:center; text-transform:uppercase; color: #9a12b3; display:none;}
.destaque{float:left; background:#EEE; min-height:330px; margin:4px;}
.destaque img, .destaqueRoxo img, .destaqueInterna img{float:left; width:100%;}
.destaque h2, .destaqueRoxo h2{font-family: Capture, Trebuchet, Helvetica; font-size: 14px; background: rgba(169, 59, 187, 0.8); color: #FFF; padding: 12px 28px 10px 20px;position: absolute; top: 8px; left: 4px; z-index: 99; margin:0; text-transform:uppercase;}
.destaqueRoxo{float:left; background:#9A12B3; min-height:330px; margin:4px;}
.destaqueRoxo h3 a, .destaqueRoxo p a{color:#FFF!important;}
.descricaoDestaque{padding:0 20px; float:left; position:relative; height:100px; margin-bottom:6px;}
.descricaoDestaque a:hover{text-decoration:none;}
.descricaoDestaque h3 a{color:#333;}
.descricaoDestaque h3{font-size: 16px; font-weight: bold; padding-top: 6px; padding-bottom:8px; float: left; margin: 0; width:100%;}
.descricaoDestaque p a{color:#4c4c4c;}
.maisInf{padding:0 20px; float:left; width:100%;}
ul.listaComponentes{margin-bottom:0;}
ul.listaComponentes > li{display:none;}
ul.listaComponentes > li:first-child{display:block;}
ul.listaPaginacao{float:left; margin-right:4px; margin-bottom:0;}
ul.listaPaginacao > li{float:left; text-align:center; margin-left:4px;}
ul.listaPaginacao > li:first-child{margin-left:0;}
ul.listaPaginacao > li > a{color:#6C7A89; background:#FFF; padding: 4px 9px;float:left; opacity:0.5; filter:alpha(opacity=50); }
ul.listaPaginacao > li > a:hover,
ul.listaPaginacao > li.marcado > a{text-decoration:none; opacity:1.0; filter:alpha(opacity=100); }

.destaqueInterna{float: left; background: #EEE; min-height: 320px;margin: 5px;}
.destaqueInterna h2{font-family: Capture, Trebuchet, Helvetica;font-size: 12px;background: rgb(169, 59, 187);background: rgba(169, 59, 187, 0.8);color: #FFF;padding: 8px 20px 8px 20px;position: absolute;top: 8px;left: 5px;z-index: 60;margin: 0;text-transform: uppercase;}
.destaqueInterna .descricaoDestaque{height: 158px; padding: 0 12px; }
.destaqueInterna .maisInf{padding: 0 12px 10px 12px;}
.guardaDestaquesInterna{float:left; width: 100%; position: relative;}
.guardaDestaquesInterna > div > div.internaMobile{display: none;}
.guardaDestaquesInterna > div{margin-right: -5px; margin-left: -5px;}

#guardaCrossLink .guardaFacebook{float: left; background: #FFF; margin:10px 0 0 0px; width: 100%!important;}
#page_1 .guardaFacebook {margin: 10px 0 0 4px;}
.guardaFacebook, .guardaFacebook div, .guardaFacebook div span iframe {width: 100%!important;}
.guardaFacebook div span{height:230px!important;}
.crosslinks{float:left;text-align:center; width:100%; position:relative; }
.crosslinks img {display: inline;}
.crosslinks > li{float: left; width:100%; margin-bottom:34px;}

/* Busca */
.form{float:left; width:100%; background:#6c778d; padding:15px 30px; border-top:1px solid #768095; border-bottom:1px solid #768095; display:none;}
.form input[type="text"]{float:left; background:#E2E4E8;border:1px solid #c2c7d0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:6px; padding: 12px; width:80%;}
.form input{border:0;}

#owl-colunas{text-align:center; margin:0 auto 44px auto; width:89%;}
#owl-colunas p a{color: #4C4C4C;}
#owl-colunas a:hover{text-decoration:none;}
#owl-colunas .item{margin:0 20px; }
#owl-colunas .owl-stage-outer {max-height:320px;}
#owl-colunas h3{font-size: 15px; font-weight: bold;text-transform: uppercase;margin-bottom: 0;background: url(/static/media/images/estrela-colunistas.png) no-repeat 5px 10px;margin-top: 0;padding: 15px 0 12px 40px; text-align:left;}
#owl-colunas h3 a{color: #9a12b3;}
#owl-colunas h3.tituloMaior{margin-left:-32px; width:290px;}
#owl-colunas .btnCinza{float:none; line-height:22px;}
#owl-colunas p{height:75px;}
#owl-colunas .owl-controls .owl-dots{display:none!important;}
#owl-colunas .owl-controls .owl-nav div{top:0; left:0; width:100%;}
#owl-colunas .owl-controls .icon-colunas-left{position:absolute; top:40px; left:-45px; background:url(/static/media/images/setas-colunistas.png) no-repeat left; width:47px; height:47px;}
#owl-colunas .owl-controls .icon-colunas-right{position:absolute; top:40px; right:-45px; background:url(/static/media/images/setas-colunistas.png) no-repeat right; width:47px; height:47px;}
#owl-colunas .owl-item.active h3 {background: url(/static/media/images/estrela-colunistas.png) no-repeat 5px 10px;}
#owl-colunas .owl-item h3 {background: none;}
.homepage #guardaCrossLink{padding: 0; margin: 0;}


/*  galeria de fotos    
------------------------------------------------------------------------------------------------------------*/
#galeria { width: 680px; margin: 4px; position: relative; z-index: 50;}
/* info */
#galeriaFaixa { width: 152px; height: 327px; float: left; background: #00CBBE; position: relative; }
#galeriaTitulo { font-family: Capture, Trebuchet, Helvetica,sans-serif; font-size: 14px; background: rgba(139, 36, 180, 0.9); width: 160px; padding: 13px 0 0 20px; height: 95px; z-index: 1; position: absolute; top: 28px; color: #FFFFFF; }
#galeriaTitulo p { font-size: 14px; margin-top: 12px; font-family:"Trebuchet MS",Helvetica,sans-serif; }
#galeriaTitulo p strong { font-size: 14px; }
/* proximo tema */
#proximoTema { margin: 140px 0 0 20px; width: 116px; color: #FFFFFF; font-size: 14px; }
#proximoTema .botao { float: left; margin: 15px 0; width: 100%; }
#proximoTema .botao.outrasGalerias {margin: -2px 0 7px; font-size: 10px;}
#proximoTema .fonte10 { margin-bottom: 9px;}
#proximoTema .redesSociais { margin: 0 6px;}
/* foto */
.gfoto { width: 528px; float: left; margin: 0; position: relative; background-repeat: no-repeat; background-position: center center; }
.gfotoAtual { width: 100%; height: 100%; border: 0; z-index: 0; cursor: pointer; }
.gfotoLoading { background-repeat: no-repeat; background-image: url(/static/media/images/loading.gif); background-size: 50px 50px !important; background-position: center center !important; }
/* legenda */
.galeriaLegenda { z-index: 999999; list-style: none; background: rgba(238, 238, 238, 0.7); width: 100%; position: absolute; bottom: 4px; left: 0; padding: 0; margin: 0; }
.galeriaLegenda > li { padding: 5px 8px 4px 8px; display: none; }
.galeriaLegenda > li.marcado { display: block; }
.galeriaLegenda .galeriaTitulo { color: #333333; font-weight: bold; line-height: 15px; }
.galeriaLegenda .galeriaFonte { color: #4c4c4c; font-size: 10px; }
.galeriaLegenda .galeriaData { color: #FFFFFF; line-height: 16px; width: 81px; height: 17px; position: absolute; right: 0; bottom: 9px; background: #929CA5; font-size: 10px; text-align: center; }
.galeriaLegenda .maisInf { display: none; }
/* setas  */
.galeriaControles { width: 100%; position: absolute; top: 50%; left: 0; margin-top: -24px; }
.galeriaControles a { width: 35px; height: 35px; display: block; position: absolute; background: url(/static/media/images/setas-galeria-imagem.png) no-repeat top left; }
.fotoAnterior { left: 7px; }
.fotoProxima { right: 7px; background-position: right top !important; }
/* thumbs */
.galeriaThumbs { float: left; margin: 2px 0 0 0; list-style: none; padding: 0; width: 528px;  }
.galeriaThumbs li { margin: 3px 0 0 2px; float: left; position: relative; cursor: pointer; }
.galeriaThumbs li:hover { opacity: 0.8; filter:alpha(opacity=80); }
.galeriaThumbs li img { display: block; width: 42px; }
.galeriaThumbs li.marcado .marcaThumb { display: block; }
.marcaThumb { display: none; width: 100%; height: 27px; position: absolute; top: -3px; left: 0; z-index: 1; background: url(/static/media/images/marcaThumb.png) top center no-repeat; }
/* internas */
.galeriaInterna { width: 100% !important; float: left; margin: 0 0 20px !important; padding-bottom: 0 !important;  }
.galeriaInterna .gfoto { width: 100% !important; }
.galeriaInterna .galeriaThumbs li { margin-top: 6px !important; margin-left: 2.1px;}
.galeriaInterna .galeriaThumbs li:first-child{ margin-left: 0;}
.galeriaInterna .marcaThumb { height: 36px; top: -6px !important; background: url(/static/media/images/marcaThumb2.png) top center no-repeat !important; }
.galeriaLegenda .galeriaFonte { font-size: 11px; }


/* pop-up 
------------------------------------------------------------------------------------------------------------*/
#popup-bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 151; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80); }
#popup-close { width: 23px; height: 23px; position: absolute; top: 30px; right: 48px; color: #FFFFFF; background-color: #ADB4BC; text-align: center; line-height: 22px; }
#popup-container { display: none; width: 762px; position: absolute; z-index: 152; left: 50%; margin-left: -381px; top: 50px; }
#popup-content { float: left; padding: 30px 48px; background-color: #EEEEEE; width: 100%;   }
#popup-content > div { display: none; }
#popup-content .tituloRoxo { line-height: 14px; height: 33px; font-size: 14px; }
#popup-content h3 { font-size: 34px; margin-bottom: 25px; }
/* manual do mundo */
#popup-manualmundo > li { display: none; }
#popup-manualmundo .redesSociais { margin-top: -33px; margin-right: 26px; }
#popup-manualmundo iframe { margin-top: 12px;}
.descricaoManual h3 { font-size: 16px !important; margin-bottom: 0 !important; font-weight: bold; }
.descricaoManual a { color: #6c7a89; }
/* galeria  */
#popup-galeria h3 { margin: 0 0 11px 0 !important; }
#galeriaPopup { margin-bottom: 8px; float: left; }
#galeriaPopup .gfoto { width: 665px !important; }
#galeriaPopup .galeriaThumbs { width: 671px !important; }
#galeriaPopup .galeriaThumbs li { float: right; margin: 6px 4.9px 0px 0px !important; }
#galeriaPopup .galeriaThumbs li img { width: 51px !important; height: 29px !important; }
#galeriaPopup .marcaThumb { height: 35px; top: -6px !important; background: url(/static/media/images/marcaThumb2.png) top center no-repeat !important; }
#galeriaPopup .galeriaLegenda .maisInf { display: block; padding: 0 8px; position: absolute; top: -374px; }
#galeriaPopup .galeriaLegenda .maisInf .btnCinza { display: none; }
/* enviar foto */
.formEnviarfoto { width: 430px; float: left; margin-left: 100px; }
.formEnviarfoto .row { margin: 0 0 6px 0; }
.formEnviarfoto label { width:  85px; text-align: right; color: #454546; font-size: 16px; float: left; padding: 10px 11px 0 0; }
.formEnviarfoto input { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 341px; height: 39px; border: 2px solid #E1E3E3; background-color: #FFFFFF; padding: 5px 15px; float: left; }
.formEnviarfoto textarea { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 341px; height: 151px; resize: none; border: 2px solid #E1E3E3; background-color: #FFFFFF; padding: 15px 15px; }
.formEnviarfoto .enviar { margin-left: 20px; }
.formEnviarfoto .botao { width: 160px; float: left; font-size: 16px; padding: 9.5px 10px; height: 39px; }
.autorizacao label { padding: 0; text-align: left; width: 341px; color: #6b7d86; font-size: 14px; line-height: 12px; }
.autorizacao label:first-child { width: 85px; }
.autorizacao label input { float: left; width: auto; height: auto; margin: 0 5px 0 1px; padding: 0; border: 0; }
#popup-enviefoto .tituloRoxo { background: #9A12B3 none repeat scroll 0% 0%; color: #FFF; padding: 10px 20px; text-transform: uppercase; font-family: Capture; margin: 0px; float: left; font-size: 16px; }
.botao, input[type=submit] { position: relative; overflow: hidden; background: #8B24B4!important; color: #FFFFFF; padding: 6px 10px; text-align: center; border: 0; }
.botao:hover, .botao:active, .botao:focus,
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus{ background: #6c7a89!important; text-decoration: none; color: #FFFFFF; }
object#file-object {float: left;}
.row.enviando {display: none; text-align: center;}
/* envio ok */
#envioMsg { width: 485px; }
#envioMsg h3 { float: left; }
#envioMsg img { float: right; margin-left: 50px; }


/* Internas
------------------------------------------------------------------------------------------------------------*/
#bannerTopo{text-align:center;}
#bannerTopo img{display:inline;}
.destaquePagina {float: left;position: relative;width: 100%; padding-bottom:26px;}
.destaquePagina .tituloRoxo {padding: 10px 30px; font-size: 22px;}
#guardaCrossLink{padding-top:26px; }
#guardaConteudo{margin-top: 20px;}
#guardaCrossLink {margin-left: 16px; padding-bottom:26px;}
#guardaLegenda {color: #000; text-align: justify;}
#guardaLegenda h1{font-size: 34px; line-height: 38px;font-weight: normal; margin: 28px 0 10px 0; float: left;width: 100%;}
#guardaLegenda h1.tituloMaior{margin-top: 0;}
#guardaLegenda h2.resumo {margin-bottom: 20px; font-size: 24px; font-style: italic;}
#guardaLegenda p, #guardaLegenda li{font-size: 15px;line-height: 22px;margin-bottom: 25px;}		
#guardaLegenda #conteudoTxtMateria ol li a {color: #9A12B3!important;}
#faleGente{float: left;width: 100%;background: #EEE;padding: 12px 28px;}
#faleGente h2{font-size: 17px;line-height: 21px;color: #000;margin: 0; padding-bottom:4px;}
#faleGente ul{margin:0;}
#faleGente ul li{font-size: 13px;line-height: 19px;color: #6C7A89;}
#faleGente ul li a{color:#9A12B3;}
.galeriaInterna > .galeriaLegenda > li {line-height: 14px !important;margin-bottom: 0px !important; margin-top: 5px !important;}	

/* Teste */
.guardaBoxTeste{float:left; width:100%; background-color:#6C7A89; padding:38px 32px; position:relative; font-size:14px; margin: 0 0 20px;}
.guardaBoxTeste label{color: #000; font-size: 14px;line-height: 18px;margin-bottom: 0; float: left; width: 88%;}
.guardaBoxTeste .subTituloTeste{float: left;width: 100%;font-size: 16px;line-height: 20px;padding-bottom: 15px;}
.guardaBoxTeste .guardaPerguntasRespostas > div:first-child{display:block;}
.guardaBoxTeste .pergunta{float: left;width: 100%;border-bottom: 2px solid #7d8996; padding-bottom: 10px; margin-bottom: 20px; display:none;}
.guardaBoxTeste .listaTestes{float: left; margin: 0 0 0 10px; width: 100%;}
.guardaBoxTeste .listaTestes > li{float:left; width:100%; padding-bottom:8px;}
.guardaBoxTeste .listaTestes > li input{float:left; margin-right:14px;}
.guardaBoxTeste .maisInfTeste{float:left; width:100%; padding: 30px 0px 0 35px; display:none;}
.guardaBoxTeste .maisInfTesteResultado{float:left; width:100%; padding: 15px 0px 0 0; display:none;}
.tituloVerde{background: #00cbbe; color: #FFF; padding:10px 15px 10px 30px; text-transform: uppercase; font-family: Capture, Trebuchet, Helvetica; margin: 0;float: left;font-size: 14px; position:absolute; top:10px; left:0; z-index:1;}
.guardaEtapas{float:left; width:100%; text-align:center;}
.guardaEtapas .btnVerde{float:none; margin: 0 2px;}
.guardaEtapas #anterior{display: none;}
.guardaBoxTeste .guardaResultados{float: left;width: 100%;display: none; padding-top:20px;}
#compartilharResultado{margin-top: 3px;margin-right: 10px;}

/* Enquete */
#guardaEnquete{background-color: #EBEBEB;}
#resultadoEnquete{float: left; width: 100%; display:none;}
#resultadoEnquete span.tituloRoxo {margin-bottom: 20px;}
#resultadoEnquete ul{margin: 20px 0 0 0;}
#resultadoEnquete ul li{float: left; width: 100%; padding-bottom: 15px;}
#resultadoEnquete .textoEnq{width: 50%; float: left; background: #9A12B3; color: #FFF; min-width: 20px;}
#resultadoEnquete li label {width: 49%; margin-right: 1%;}
.guardaBoxTeste .enquete {float: left;width: 100%;}
.guardaBoxTeste .maisInfEnqueteResultado {float: left;width: 100%; padding: 15px 0px 0 38px;}
.guardaBoxTeste #btnVerEnquete{display: none;}
#guardaEnquete .btnRoxo{padding: 4px 25px; margin: 0 20px 4px; color: #FFF; background: #9A12B3; float: left;}
#guardaEnquete .btnRoxo:hover{background: #FFF; color: #9CA5AF}

/* box cinza */    
.boxCinza { background-color: #EEEEEE; margin-bottom: 21px; float: left; width: 100%; }
.boxCinza > h2 { background-color: #6D7A8A; color: #ffffff; font-size: 18px; padding: 12px 20px; margin: 0 0 13px 0; }
.boxCinza .content { padding: 0 10px 10px 10px; color: #333333; }                  
.boxCinza a { color: #333333; }

/* tema do colunista */
.colunista { float: left; width: 100%; border-bottom: 2px solid #B2B2B2; margin: 30px 0 0 0; padding: 0 0 50px 0; }
.colunista .tituloRoxo { margin-bottom: 21px; padding: 10px 30px; font-size: 22px; }
div.colunista .foto { float: left; width: 19%; max-width: 123px; margin: 0 2.5% 0 0; }
.colunista .foto img { width: 100%; }
.colunista .descricao { float: left; width: 78.5%; }
.colunista .descricao h2 { color: #9a12b3; font-size: 18px; float: left; padding: 5px 0 5px 31px; width: 100%; background:url("/static/media/images/estrela-destaque.png") no-repeat left center; text-transform: uppercase; margin: 0 0 6px 0; }
.colunista .descricao p, .colunista .descricao p a { color: #4c4c4c; font-size: 14px; }
.colunista .descricao p a.linkInterno {color: #9A12B3;}
.paddingTituloColunista {padding-bottom: 30px;}

/* relacionadas */
.guardaMateriasRelacionadas { margin: 50px 0;}
.guardaMateriasRelacionadas .item {  margin: 0 20px; }
.guardaMateriasRelacionadas .foto img { width: 100%; }
.guardaMateriasRelacionadas .descricao { margin: 10px 0 0 0;}
.guardaMateriasRelacionadas .descricao p { margin: 0;}
#owl-carouselMaterias { width: 86.5%; margin: 0 auto; }
#owl-carouselMaterias .owl-controls .owl-dots{display:none!important;}
#owl-carouselMaterias .owl-controls .owl-nav div{top:0; left:0; width:100%;}
#owl-carouselMaterias .owl-controls .icon-colunas-left{position:absolute; top:40px; left:-42px; background:url("/static/media/images/setas-relacionados.png") no-repeat left center; width:37px; height:37px;}
#owl-carouselMaterias .owl-controls .icon-colunas-right{position:absolute; top:40px; right:-42px; background:url("/static/media/images/setas-relacionados.png") no-repeat right center; width:37px; height:37px;}

#noticiasRelacionadas{float: left; width: 100%;position: relative; margin-bottom: 24px;}
#noticiasRelacionadas a:hover{text-decoration:none;}
#noticiasRelacionadas ul{margin: 50px 0 0 0; float: left;width: 100%;}
#noticiasRelacionadas ul > li{float: left; width: 100%; border-top:2px solid #B2B2B2; padding-top:15px;}
#noticiasRelacionadas ul > li:first-child{border-top:0;}
#noticiasRelacionadas ul > li h2{font-family: Capture, Trebuchet, Helvetica; font-size: 11px; background-color: #ae41c2; color: #FFF; padding: 4px 20px 4px 15px;width: 123px;float: left; margin: 0;text-transform: uppercase;}
#noticiasRelacionadas ul > li .noticiaRel{float: left; width: 77%;margin-left: 16px;}
#noticiasRelacionadas ul > li h3{margin: 0 0 6px 0; font-size: 14px;font-weight: bold;}
#noticiasRelacionadas ul > li h3 a{color: #333;}
#noticiasRelacionadas ul > li p{line-height: 18px; margin-bottom: 10px;}
#noticiasRelacionadas ul > li a{color: #5e5e5e;}

/* mais populares/recentes */
.asideTab { margin: 0 0 21px; background-color: #EEEEEE; float: left; min-height: 390px; }
.asideTab .nav-tabs {border-bottom:0;}
.asideTab .nav-tabs > li { margin-bottom: 0; width: 40%; }
.asideTab .nav-tabs > li.active { margin-bottom: 0; width: 60%; }
.asideTab .nav-tabs > li > a { background-color: #6D7A8A; color: #FFFFFF; font-size: 16px; border: 0; border-radius: 0; margin: 0; padding: 10.5px 20px; }
.asideTab .nav-tabs .active a, .asideTab .nav-tabs .active a:focus, .asideTab .nav-tabs .active a:hover { font-weight: bold; border: 0; background: none; color: #6D7A8A; }
.asideTab .tab-content { padding: 20px 20px 15px;}
.listaMaterias { float: left; }
.listaMaterias li { margin-top: 13px; float: left; width: 100%; }
.listaMaterias li:first-child { margin-top: 0; }
.listaMaterias li .foto { /*max-width: 150px;*/ width: 51%; margin: 0 4% 0 0 ; float: left; }
.listaMaterias li .descricao { width: 45%; float: left; }
.listaMaterias li .foto img { width: 100%; }
.listaMaterias li .descricao p { margin-bottom: 0; color: #333333; }
.listaMaterias li .descricao p a { color: #333333; font-size: 14px; }

/* box de tags */
.boxCinza .content.boxTag { text-align: center; padding: 10px 3%;  }
h2.tituloTag {margin-bottom: 5px;}             
.boxTag a { font-size: 14px; float: none; display: inline-block; }
.boxTag a:hover {color: #9A12B3;}

/*Legenda de imagens */
.formataLegenda{background: #c2c7cc; width: 100%; float: left;}
.formataLegenda img {width: 100%;}
.formataLegenda span {padding: 10px 8px; float: left; font-size:12px; font-style: italic; line-height: 16px;}
#guardaLegenda .esquerda {width: 64% !important; margin-bottom: 0;}
#guardaLegenda .direita {width: 64% !important; float: right; margin-bottom: 0;}
#guardaLegenda .esquerda iframe,
#guardaLegenda .direita iframe {float: left;}

/* Galeria */
#asideGaleriafaixa { float: left; padding: 11px 0 14px 18px; background-color: #00CBBE; margin-bottom: 21px; }
#asideGaleriafaixa .galeriaParticipe { color: #FFFFFF; font-size: 22px; margin: 0 0 22px 0; padding: 33px 18px 10px 38px; background-color: #9A12B3; margin-left: -26px; }
#asideGaleriafaixa .proximoTema { color: #FFFFFF; font-size: 16px; }
#asideGaleriafaixa .proximoTema strong { width: 100%; float: left; padding-right: 18px; margin: 0 0 28px 0; }
#asideGaleriafaixa .enviarFoto { float: left; width: 46%; background-color: #9A12B3; text-align: center; color: #FFF; padding: 6px 5px; font-size: 14px; }
#asideGaleriafaixa .data { float: right; width: 45%; font-size: 10px; margin: 0 18px 0 0; text-align: right;}
.pageGaleria .destaqueInterna { min-height: 0 !important; }
.pageGaleria .descricaoDestaque { height: 54px !important; }
.showItensGaleria { display: none ; }

/*  rodape
------------------------------------------------------------------------------------------------------------------*/
#footer{float:left; width: 100%; background: #3ECDC4;text-align: left; padding:20px 0;}
#rodape #logoRodape{ float:right; padding:10px 20px 0 0;}
#rodape .tituloRodape{ padding-left:0px!important; background:none!important;}
#rodape .tituloRodape span{ font-size:14px; margin-bottom:8px; color:#fff!important;}
#rodape #bayerLinks{ float:left;}
#rodape #bayerLinks li,#rodape #bayerInteresses li,#rodape #bayerPortal li{ padding-left:14px; color:#fff; margin-bottom:5px; background: url('/static/media/images/rodape-bullet.gif') no-repeat 0 5px; }
#rodape #bayerLinks li a, #bayerInteresses li a, #bayerPortal li a, #linksRodape li a{ color:#fff;}
#rodape ul li a:hover{ color:#fff;}
#rodape #bayerInteresses{float:left; padding:0 60px 0 60px;}
#rodape #bayerPortal{ float:left;}
.separadorRodape{display:none;}
#rodape #copy{ float:right; width:100%; padding-top:15px;color: #fff;}
#rodape #copy #alertaContato {float:right;}
#rodape #copy #alertaContato a{ color:#fff;}
#rodape #copy #alertaContato a:hover{ color:#fff;}
#rodape #copy p{margin-bottom:5px;}
#rodape #copy #linksRodape{ float:left; width:100%; padding:5px 0 0 0;border-top:1px solid; margin:0;}
#rodape #linksRodape li{ float:left; padding-right:30px; }



.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }

/*Floater nas matérias antigas*/
.divFloater{position:fixed; width:100%; top:10%; left:0%; z-index:2; display:none; font-size:12px; color:#fff; text-align:center;}

.escurecer{
width: 100%;
height:100%;
background: #000;
position: fixed;
top:0px;
left:0px;
z-index:1;
opacity: .75;
display:none;}

.floater, .divFloater{cursor:pointer;}

.galeriaInternaMateria, .testeInternaMateria {display: none;}

/*Novo Menu e Breadcrumb*/
nav#menuFullWidth {
	float: left;
	width: 100%;
	text-align: center;
}

#menuFullWidth ul#itensMenuSuperior {
	padding: 0;
	display: inline-block;
	float: right;
	width: auto;
}

a#menu-home {
	display: block;
	width: 50px;
	height: 34px;
	float: left;
	position: relative;	
}

a#menu-home .icon{
	background: url('/static/media/images/home-icon.png') no-repeat 0px 0;
	width: 25px;
	height: 23px;
	float: left;
	margin: 5px 0 0 12px;
}

a#menu-home.marcado {
	background-color: #6B7D85;
}

a#menu-home.marcado .icon{
	background: url('/static/media/images/home-icon.png') #6B7D85 no-repeat -25px 0px;
}

#menuFullWidth .listaMenuSuperior > li {
	width: auto;
}

#menuFullWidth .listaMenuSuperior > li > a {
	font-family: Capture, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	padding: 8px 15px 6px;
	text-transform: uppercase;
}

#menuFullWidth .listaMenuSuperior > li > a:hover {
	background-color: #9B13B5;
}

#menuFullWidth .listaMenuSuperior > li.marcado {
	background-color: #6C778D;
}

#menuFullWidth .listaMenuSuperior > li.marcado a {
	color: #FFF;
}

@media screen and (max-width: 999px) {
	.menuMobile {display: block;}
	#menuFullWidth, #wrapperTopoPesquisa {display: none;}
}

#containerBread{
	padding: 0;
}

#bread {
	font-style: italic;
	font-size: 14px;
	margin-top: 10px;
    width: 100%;
    float: left;
}

#bread a {
	color: #6E7A8A;
}

#bread span {
	color: #9A12B2;
}
/*Fim novo Menu e Breadcrumb*/

/*  media queries
------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1048px) {	
    /* galeria de fotos
    ----------------------------------------------------------------------------------------------*/
    .botao { min-height: 18px; padding: 2px 10px; font-size: 11px; }	
	#galeria .redesSociais > li > a{width:18px; height:18px; background-size:cover; position: relative; z-index: 50;}
	#galeria .redesSociais > li > a.twitter{background-position: -18px 0;}
	#galeria .redesSociais > li > a.googlePlus{background-position: -36px 0;}
	#galeria .redesSociais > li > a.linkedin{background-position: -54px 0;}
	#galeria { width: auto; float: left;}
	.gfoto { float: right; z-index: 0;}
	.galeriaThumbs { float: right; overflow: hidden; }
	#galeriaFaixa { width: 108px; height: 100%; position: absolute; z-index: 1; }
	#galeriaTitulo { width: 114px; height: 67px; padding-left: 8px; font-size: 11px; top: 15px; }
	#galeriaTitulo p { font-size: 11px; margin-top: 6px; line-height: 12px;  }
	#galeriaTitulo p strong { font-size: 11px; }
	#proximoTema { margin: 90px 0 0 10px; width: 84px; font-size: 10px; }
	#proximoTema strong { font-size: 10px; }
	#proximoTema .botao { float: left; margin: 15px 0 10px; width: 100%; }	
	.galeriaThumbs li img { height: auto;}
	#proximoTema .redesSociais { margin: 0 0px;}
	#menuFullWidth .listaMenuSuperior > li > a {padding: 8px 13px;}
}

@media (max-width: 1029px){
	#owl-colunas .owl-stage-outer {max-height: inherit; max-height: initial;}
}

@media (min-width: 1005px) and (max-width: 1036px){
	#wrapperBanners .container, #owl-bannerHome{border: 1px solid #FFF;}
}

@media (min-width: 1000px) and (max-width: 1048px){
	.container{width:996px;}
}

@media screen and (max-width: 1024px){
	.destaquePagina .tituloRoxo {background: #9A12B3;color: #FFF;}
    #guardaLegenda .esquerda,
    #guardaLegenda .direita {width: 100% !important; margin-bottom: 25px;}
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
    .galeriaNopadding { padding-right: 0 !important; }
	.boxInf > div {width: 40%;}
	.boxInf > div.shareMateria {width: 60%;}
	#guardaLegenda h2.resumo {font-size: 16px;}
	#nossosColunistas > .row {height: 0px;}
}
@media screen and (max-width: 1023px) {
	.tituloCinza{font-size:13px; padding: 10px 12px;}
	
	#owl-colunas img{width:100px; margin: 0 auto;}
	#owl-colunas h3{font-size:14px; width:190px;}
	#owl-colunas .owl-controls .icon-colunas-right{right:-25px;}
	#owl-colunas .owl-controls .icon-colunas-left{left:-25px;}
    .crosslinks img{width: 75%;}
	
	/* Banner Home */
	#owl-bannerHome .descricaoBanner h3{font-size: 18px;}
	#owl-bannerHome .descricaoBanner p{font-size:14px; line-height:18px;}
	#owl-bannerHome .descricaoBanner .corpoBanner{margin:20px; width:73%; height: 130px;}
	#owl-bannerHome .owl-controls .icon-bannerHome-right, #owl-bannerHome .owl-controls .icon-bannerHome-left{width: 35px; height:35px; background-size: cover;}
	
    /* Internas */
    #guardaLegenda{padding-left: 24px; padding-right:6px;}
    #guardaLegenda h1{font-size: 28px;line-height: 32px;}
	#guardaLegenda p{font-size: 13px; line-height: 18px; margin-bottom: 20px;}
	.destaquePagina{padding-bottom:18px; padding-left: 0!important;}
	.destaquePagina .tituloRoxo {padding: 8px 25px; font-size: 20px; float: left;}

    .guardaBannerInterna .descricaoBanner h1{font-size: 14px; margin-bottom: 5px;}
    .guardaBannerInterna .descricaoBanner p{font-size: 12px;}
    .guardaBannerInterna .descricaoBanner .corpoBanner{margin: 13px 10px;}
    .btnMaior{font-size: 16px!important;}

    #noticiasRelacionadas{margin-bottom:0;}
	#noticiasRelacionadas ul{margin-top:30px;}
	#noticiasRelacionadas ul > li .noticiaRel{width: 90%;margin-top: 15px;}

    .paddingLateral { padding: 0 0 0 25px; }

	/* Rodapé */
	#footer .container{width:90%; font-size:10px;}
	#rodape #bayerLinks, #rodape #bayerInteresses, #rodape #bayerPortal{display:none;}
	#rodape #logoRodape{margin-top:-25px; width:200px;}
	
	body.menuactive div#wrapper, .html5 #wrapper #sidemenu {
	  min-height: 850px;
	}
	
	/* Lightbox Galeria */
	#popup-galeria h2, #popup-galeria .clear, #popup-galeria h3, #popup-galeria .btnCinza, #popup-galeria .redesSociais, #galeriaPopup .galeriaThumbs {display: none;}
	
	#containerBread {padding: 0 10px;}
}

@media screen and (max-width: 980px) {
    .guardaFacebook {padding-bottom: 20px;}
    .guardaFacebook, .guardaFacebook div, .guardaFacebook div span iframe {width: 250px!important;}
    .guardaFacebook div span{height:270px!important; overflow: hidden;}
	.descricaoDestaque h3{font-size: 14px;}
	ul.listaPaginacao > li{margin-left:3px;}
	ul.listaPaginacao > li > a, .btnBranco, .btnCinza{padding: 3px 5px; font-size:10px;}
	.redesSociais > li > a{width:18px; height:18px; background-size:cover; position: relative; z-index: 50;}
	.redesSociais > li > a.twitter{background-position: -18px 0;}
	.redesSociais > li > a.googlePlus{background-position: -36px 0;}
	.redesSociais > li > a.linkedin{background-position: -54px 0;}
	.descricaoDestaque, .maisInf{padding:0 14px;}
	.destaque, .destaqueRoxo, .destaqueInterna{min-height:0; padding-bottom:10px;}
	.destaque h2, .destaqueRoxo h2{font-size: 13px; padding: 8px 15px 8px 15px;}
    .guardaBannerInterna .banner{width: 58%;}
    .guardaBannerInterna .descricaoBanner{width: 42%;}
    .guardaBannerInterna .descricaoBanner .corpoBanner{height: 105px;}
     #guardaEnquete .btnBranco{font-size: 13px; }
	.asideTab .nav-tabs > li { width: 45%; }
	.asideTab .nav-tabs > li.active { width: 55%; }
	#owl-colunas .item { margin: 0 35px; }
}

@media screen and (min-width: 720px) and (max-width: 948px) {
    .asideTab .nav-tabs > li > a {font-size: 14px; padding: 10.5px 9px }
}

@media screen and (max-width: 890px) {
    .maisInfTesteResultado .redesSociais{width: 100%; margin-top: 20px;}
    #compartilharResultado{width: 60%; padding-bottom:10px;}
	#owl-colunas .item{margin:0 20px; }
}

@media screen and (max-width: 800px) {
	.guardaFacebook, .guardaFacebook div, .guardaFacebook div span iframe {width: 200px!important;}
    .guardaFacebook div span{height:250px!important;}
}

@media (min-width: 768px) and (max-width: 822px) {
	#topo #guardaLinks {margin: 77px 0px 2px 0;}
	#grupoBayer {margin-left: 1px;}
}

@media screen and (max-width: 768px) {
	.redesSociais > li > a{width:16px; height:16px;}
	.redesSociais > li > a.twitter{background-position: -16px 0;}
	.redesSociais > li > a.googlePlus{background-position: -32px 0;}
	.redesSociais > li > a.linkedin{background-position: -48px 0;}
	ul.listaPaginacao > li > a, .btnBranco, .btnCinza{padding: 1px 5px; font-size:12px;}
    #bannerTopo{display: none;}

    #owl-carouselMaterias .owl-controls .icon-colunas-left {left: -32px;}
    #owl-carouselMaterias .owl-controls .icon-colunas-right {right: -32px;}
    .paddingTituloColunista {padding: 0;}

    /* galeria de fotos
    ----------------------------------------------------------------------------------------------*/
	.gfoto { width: 401px; height: auto; background-size: 100% auto; background-position: 0 0;  }
	.gfotoAtual {  height: auto; }
	#galeriaTitulo p strong { font-size: 14px; }
	#galeriaTitulo { top: 5px;}
	#proximoTema { margin-top: 80px; }
	.galeriaThumbs { width: 401px; margin-left: -1px; }
	.galeriaThumbs li { margin-top: 1px;}
	.galeriaThumbs li img { display: block; width: 31.4px; height: 18px; }
	.marcaThumb { height: 21px; background-size: 100% auto; }
	
	#owl-colunas img{width:87px;}
}

@media screen and (max-width: 767px) {
	.iconesTopo, .menuMobile #buttonMenu > span, #guardaLinks{display:none;}
    .guardaBoxTeste{padding-bottom: 10px;}
    .guardaBoxTeste .maisInfEnqueteResultado{padding-left: 0;}
    .guardaBoxTeste .maisInfEnqueteResultado > div{float: left; width: 100%; margin-bottom: 20px;}
    .guardaBoxTeste .maisInfEnqueteResultado > div a:nth-child(2){margin-right: 0!important;}	

	/* Rodapé */
	#footer .container{font-size:12px; text-align:center;}
	#rodape #logoRodape{float:none; margin-top: -5px; margin-bottom:5px; width: 220px; padding:0;}
	#rodape #copy{text-align:left;}
	#rodape #copy p{padding-left:5px;}
	#rodape #copy #alertaContato{width: 100%; padding-bottom:5px; padding-left:5px;}
	#rodape #copy #linksRodape{padding-top:10px; }
	#rodape #linksRodape li{padding:0 5px 5px; }
	.separadorRodape{display:block;}
}

@media screen and (max-width: 761px) {
    #popup-container {max-width: 100%; left: 0; margin-left: 0px; }
	#popup-enviefoto > iframe {height: 450px; width: 100%; margin: 0;}
	#popup-container div#popup-content {padding: 0;}
	.gfotoAtual {cursor: default;}
	#popup-manualmundo .redesSociais {float: left;}
	#galeriaPopup .gfoto {width: 100%!important;}
	
	#popup-enviefoto {
		margin: 30px 50px;
	}
	
	.formEnviarfoto {
		margin-left: 0; 
		width: 90%;
		margin-bottom: 20px;
	}

	.formEnviarfoto label {
		padding: 0px;
		text-align: left;
		width: 100%;
	}

	.formEnviarfoto input {
		width: 100%;
		height: 25px;
	}

	.formEnviarfoto textarea {
		height: 100px;
		width: 100%;
	}
    
	.formEnviarfoto .row {
		margin: 0;
	}

	.autorizacao label:first-child {
		width: 0;
	}

	input#chbAutorizoUso, input#chbAutorizoNovidades {
		width: 5%;
	}

	.formEnviarfoto .row.autorizacao label:first-child {
		width: 0;
	}

	.formEnviarfoto a.botao, .formEnviarfoto input#btnEnviar {
		width: 45%;
		height: 20px;
		padding: 0;
		margin: -15px 2% 0 0;
		border: none;
		font-size: 12px;
	}

	.formEnviarfoto a.botao {
		padding-top: 2px!important;
	}	
	
	#popup-content h3 {font-size: 25px; margin-bottom: 10px;}
}

@media screen and (min-width: 720px) {
    #content .col-sm-4{float:left; width:33.33333333%;}
    #guardaCrossLink.col-sm-4{width: 31%;}
    #guardaConteudo.col-sm-8 {width: 66.66666667%;}	
	
	#owl-carouselMaterias .img-listagem-materia .estrela {top: 53px;}
	#owl-carouselMaterias .img-listagem-materia {max-height: 83px; overflow: hidden;}
	
	.gfoto {min-height: 298px;}
	
	section#galeria #controls {display: none;}
	
	#wrapperBusca section.destaqueInterna {max-width: 95%;}
	#wrapperBusca .destaqueInterna .descricaoDestaque {max-width: 100%;}
	
	#page_1 .crosslinks {margin-top: -18%;}
	div#tituloColunistas {margin-top: 50px;}
}

@media screen and (min-width: 1024px){	
	.destaqueInterna img {height: 126px;}
	aside ul.listaMaterias .img-listagem-materia.hide-img {max-height: 87px;}
}

@media screen and (min-width: 1200px){
    #guardaCrossLink.col-sm-4{width: 336px;}
    #guardaConteudo.col-sm-8{width: 672px;}
}

@media screen and (max-width: 719px) {
	.guardaBannerInterna {display: none;}
	.guardaBannerInterna .estrela.desktop {display: none;}
	.guardaBannerInterna .estrela.mobile {display: block;}
    #content .col-sm-12{position:initial;}
	.guardaDestaquesInterna > div > div.internaMobile{display: block;}
	
	.titulo{display:block; margin-top:30px;}
	.guardaTituloRoxo{margin-top:30px;}
	.guardaTituloRoxo{border:0;}
	.tituloRoxo{background: #FFF; color: #9A12B3;padding: 0; font-size: 20px; text-align:center; float:none;}
	.crosslinks{margin-top:30px;}
	.crosslinks > li:last-child{margin-bottom:0;}
    .crosslinks img{width: auto;}
	
	/* Banner Home */
	#owl-bannerHome .banner{width:100%;}
	#owl-bannerHome .descricaoBanner{width:100%;}
	.tituloCinza {font-size: 18px;padding: 5px 15px; margin-top: 6px;}
	#owl-bannerHome .descricaoBanner .corpoBanner {margin: 6px 15px;width: 94%;height: auto;padding-bottom: 5px;}
	#owl-bannerHome .owl-controls .owl-dots{position: absolute; bottom: 180px;left: 0;width: 100%;}

	.guardaFacebook, .guardaFacebook div, .guardaFacebook div span iframe{display:none;}
	div#tituloColunistas {margin-top: 10px;}
	#owl-colunas{ background:#F4F3F5;}
	#owl-colunas .owl-nav{display:none;}
	#owl-colunas .owl-controls .owl-dots{display:block!important;margin-top: -25px;position: relative;background: #F4F3F5;text-align: center;}
	#owl-colunas{width:100%; float:left; display:block; text-align:left; margin: 0 auto 0 auto;}
	#owl-colunas h3{font-size:14px;}
	#owl-colunas h3.tituloMaior{margin-left:0;}
	#owl-colunas .item{float:left; width:100%; margin:0 30px; background:#F4F3F5;}
	#owl-colunas p{min-height:0; text-align: left; height: 55px;}
	#owl-colunas .foto{float: left; padding: 10px 20px 20px 20px;}
	#owl-colunas .descricao{float: left; width: 45%; padding-bottom:25px;}

    #guardaLegenda{padding-right: 14px; padding-left: 14px;}
    #guardaLegenda h1 {font-size: 15px;line-height: 18px;font-weight: bold; margin: 24px 0 9px 0;}
	#guardaLegenda h2.resumo {font-size: 13px;}
    #guardaCrossLink{margin-left: 0;}
    .destaquePagina .tituloRoxo{padding: 8px 15px; font-size: 15px;}
    .guardaDestaquesInterna .col-xs-6{width: 100%;}
    .guardaBannerInterna .banner, .guardaBannerInterna .descricaoBanner{width: 100%;}
    .destaqueInterna, .destaqueInterna .descricaoDestaque{min-height: 0; height: auto;}
    .destaqueInterna .maisInf{padding-bottom: 0;}
    .acesseMais{padding-bottom: 0;}
    .btnMaior{padding: 5px; font-weight: normal;font-size: 14px!important;}

    .guardaBoxTeste{padding:38px 15px;}
	.guardaBoxTeste h3, .guardaBoxTeste .subTituloTeste{font-size:15px;}
	.guardaBoxTeste .maisInfTeste{padding-left:0;}
	.btnVerde{padding: 2px 20px;}

    .paddingLateral { padding: 0 15px; }
    .guardaTags { float: left; }
    .colunista { margin-bottom: 0; border: 0; }
    .colunista .foto { width: 101px; } 
    .colunista .tituloRoxo { float: left; margin-bottom: 10px; padding: 8px 15px; font-size: 15px; background-color: #9A12B3; color: #fff; }
    .guardaMateriasRelacionadas {margin-bottom: 0; margin-top: 30px;}
    .asideTab, #wrapperTags { display: none;}
    .page-head{ font-size: 12px; line-height: 18px;margin-bottom: 15px; }

	/* galeria de fotos
    ----------------------------------------------------------------------------------------------*/
	#galeria { width: 100%; padding-bottom: 85px; float: left; }
	#galeriaFaixa { width: 100%; height: 105px; background: transparent; position: relative; }
	#galeriaTitulo { height: 104px; background: #00CBBE; font-size: 20px; padding: 11px 0 0 0; width: 100%; top: 0; left: -15px; color: #8B24B4; text-align: center; }
	#galeriaTitulo p { font-size: 14px; margin-top: 12px; line-height: 18px; background: #8B24B4; color: #FFF; height: 57px; position: absolute; width: 100%; margin:0; top:42px; left: 15px; text-align: left; padding: 10px 0 0 13px; }
	#proximoTema { width: 100%;height: 70px; background: #00CBBE; margin: 0; position: absolute; padding: 8px 0 0 15px; font-size: 14px; display: none;	}
	#proximoTema strong { float: left; font-size: 14px; width: 185px; text-align: left; }
	#proximoTema .botao { float: right; margin: 0; position: absolute; right: 18px; top: 10px; width: 85px; }
	#proximoTema .fonte10 { position: absolute; right: 20px; text-align: right; top: 35px; width: 121px; line-height: 12px !important; }
	#proximoTema .redesSociais { display: none; }
	.gfoto { width: 99% !important; float: left; }
	.galeriaLegenda { float: left; position: relative; padding-bottom: 9px; background-color: #F3F3F3; }	
	.galeriaLegenda .galeriaData { top: 2px; }
	.galeriaLegenda .maisInf { display: block; margin-top: 12px; padding-left: 0;}
	.galeriaLegenda .maisInf li { padding: 0;}
	.fotoAnterior, .fotoProxima { margin-top: -27px; height: 35px; }
	.galeriaThumbs { display: none; }
	.galeriaControles a { display: none; }

    /* Galeria */
    .galeriaNopadding { padding: 0 !important; }
    .pageGaleria .galeriaInterna { padding-bottom: 67px !important; }
    .hideItensGaleria { display: none !important; }
    .showItensGaleria { display: block !important; }
	
	#owl-carouselMaterias .img-listagem-materia .estrela {bottom: initial; margin-top: -35px;}

	#popup-close {top: 18px;}
	
	/* Marcadores Galeria */	
	section#galeria #controls {
		width: 100%;
		position: absolute;
		height: 25px;
		margin-top: -30px;
		text-align: center;
	}
	
	section#galeria #controls .control-item {
		display: inline-block;
	}
	
	section#galeria #controls .control-item span {
		display: block;
		width: 21px;
		height: 21px;
		margin: 5px 2px;
		background: url(/static/media/images/bullets-carrossel.png) no-repeat -21px center;
	}
	
	section#galeria #controls .control-item.marcado span {
		background: url(/static/media/images/bullets-carrossel.png) no-repeat left;
	}
	
	.boxInf .shareMateria {width: 100%; border-top: 2px solid #B2B2B2; padding: 5px 0 0 0; margin: 5px 0 0 0;}
	.boxInf {border-bottom: none;}
	
	/*Matérias relacionadas*/
	div#owl-carouselMaterias {width: 100%;}
	#owl-carouselMaterias .img-listagem-materia {width: 47%; margin-right: 3%;}
	#owl-carouselMaterias .owl-stage {max-width: 100%; transform: translate3d(0, 0, 0)!important;}
	#owl-carouselMaterias .owl-item.cloned {display: none;}
	#owl-carouselMaterias .owl-controls {display: none;}
}

@media screen and (max-width: 600px) {
	#owl-bannerHome .owl-controls .icon-bannerHome-right,
	#owl-bannerHome .owl-controls .icon-bannerHome-left{background-size:cover; width:32px; height:32px;}
	#owl-bannerHome .owl-controls .icon-bannerHome-right{right:5px;}
	#owl-bannerHome .owl-controls .icon-bannerHome-left{left:5px;}
	#owl-bannerHome .owl-controls .owl-nav div{top:30%;}
}
@media screen and (max-width: 580px) {
    .full-size { width: 100% !important; float: left; margin: 0 0 15px 0 !important;}
    .full-size img {width:100%;}
}

@media screen and (max-width: 560px) {    
    .colunista .descricao h2 { font-size: 14px; background-size: 22px 22px; }   
    
}

@media screen and (max-width: 480px) {
	#owl-colunas{text-align:center;}
	#owl-colunas h3.tituloMaior{margin-left:-32px;}
	#owl-bannerHome .owl-controls .owl-nav div{top:26%;}
	
	#owl-bannerHome .descricaoBanner h3{font-size:16px; margin-bottom:5px;}
	#owl-bannerHome .descricaoBanner p{font-size:13px;}
	
	#logoJovens{width:120px; padding:15px 0 20px 0;}
	#logoBayer{width:141px; margin:5px 0;}
	.form{display:block;}

	.redesSociais > li > a{width:18px; height:18px;}
	.redesSociais > li > a.twitter{background-position: -18px 0;}
	.redesSociais > li > a.googlePlus{background-position: -36px 0;}
	.redesSociais > li > a.linkedin{background-position: -54px 0;}
	ul.listaPaginacao > li > a, .btnBranco, .btnCinza{padding: 2px 5px;}	
	
	#popup-close {width: 18px; height: 18px; line-height: 18px;}

    .guardaBoxTeste .listaTestes{margin-left:0;}
	.tituloVerde, .tituloCinzaClaro{padding: 8px 35px 6px 15px;}
    .guardaBoxTeste .maisInfEnqueteResultado > div a:nth-child(2){float:right;}

    #owl-carouselMaterias .owl-controls .icon-colunas-left { left: -24px; }
    #owl-carouselMaterias .owl-controls .icon-colunas-right { right: -24px; }

    #guardaLegenda iframe {height: 230px;}
}

@media screen and (max-width: 384px) {
	#logoBayerWrapper{width: 42%;}
}


@media screen and (max-width: 380px) {
	#owl-bannerHome .owl-controls .owl-nav div{top:22%;}
}

@media screen and (max-width: 320px) {
    .colunista .foto { margin-right: 6%; } 
}

/* BUSCA */
#wrapperBusca .paragraph{
	clear: both;
	padding-left: 20px;
}

#wrapperBusca input, #wrapperBusca select, #wrapperBusca textarea, #wrapperBusca label{
	border: 1px solid #666;
}

#wrapperBusca form, #wrapperBusca dl, #wrapperBusca dt, #wrapperBusca dd{
	background: none repeat scroll 0 0 transparent;
	border: 0px none;
	font-size: 100%;
	margin: 0px;
	outline: 0px none;
	padding: 0px;
	vertical-align: baseline;
}
#wrapperBusca form#wkSimpleSearch{
	margin: 0 0px 20px 0px;
}

p#label-busca {
	margin: 0;
	font-size: 20px;
}

#wrapperBusca #Search{
	background: #f78222!important;
	color:#fff!important;
	margin-top:10px;
	height: 24px;
	width: 82px;
	font-weight: bold!important;
	cursor: pointer;
	display: none;
}

#wrapperBusca #q{
	width: 75%;
	height: 50px;
	padding-left: 10px;
	border: 2px solid #6C7A89;
	border-radius: 3px;
	display: block;
	font-size: 18px;
	float: left;
}

#wrapperBusca img#btnBuscar {
	margin-top: -30px;
	margin-bottom: 25px;
}

/* Compartilhar */
div.social-buttons {
	float: right;
    cursor: pointer;
}

div.social-buttons div {
	width: 60px;
	height: 23px;
	background: #EEE;
	float: left;
	margin-left: 7px;
}

div.social-buttons span.icon {
	background: url('/static/media/images/social-buttons.png');
	width: 23px;
	height: 23px;
	float: left;
}

div.social-buttons #tw span.icon {
	background-position: -23px 0px;
}

div.social-buttons #gp span.icon {
	background-position: -46px 0px;
}

div.social-buttons #lin span.icon {
	background-position: -69px 0px;
}

.social-buttons .counter {
	font-style: normal;
	font-size: 11px;
	text-align: center;
	width: 35px;
	height: 23px;
	float: left;
	padding-top: 2px;
}

/* Popup redes sociais */

div#popup-social {
	position: absolute;
	width: 450px;
	background: #FFF;
	z-index: 9999;
	border: 1px solid #3ECDC4;
	padding: 11px;
}

div#fechar {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #3ECDC4;
	width: 20px;
	height: 20px;
	color: #3ECDC4;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
}

.popup-title h2 {
	color: #9A12B3;
}

.botoes button {
	background: #FFF;
	border: 2px solid #3ECDC4;
	padding: 5px;
	margin: 5px 5px 5px 0px;
	color: #3ECDC4;
	font-weight: bold;
}

@media (max-width: 767px) {
	div#popup-social {
		max-width: 300px;
	}
}

.acesseMais #loader-materias {display: none;}
.acesseMais > a {color: white; text-decoration: none;}

.guardaBannerInterna {position: relative;}
.guardaBannerInterna h2 {  font-family: Capture, Trebuchet, Helvetica; font-size: 15px; background: rgba(169, 59, 187, 0.8); color: #FFF; padding: 8px 20px 8px 20px; position: absolute; top: 5px; z-index: 99; margin: 0; text-transform: uppercase;}

#fb-root {overflow: hidden; width: 100%;}

body > iframe {display: none;}

div#visualizaMateria {
	margin-bottom: 20px;
}

.img-listagem-materia {
	float: left;
	width: 100%;
	background-position: 57% 27%;
	background-size: 120%;
}

aside ul.listaMaterias .img-listagem-materia {
	background-position: 57% 50%;
}

.guardaBannerInterna .img-listagem-materia {
	background-position: 57% 43%;
	background-size: 118%;
}

.hide-img img {
	visibility: hidden;
}

span.counterGaleria {
	font-size: 11px;
	padding-top: 5px;
	display: block;
}

#proximoTema .btnCinza {
	font-size: 11px;
	margin-bottom: 5px;
}

#popup-galeria .redesSociais {
	margin-top: -32px;
	margin-right: 25px;
}

#visualizaMateria div p.imagem {
	text-align: right;
	float: right;
	margin: 10px 0px 0px 10px;
	font-style: italic;
	font-size: 12px;
	background-color: #C2C7CC;
}

#visualizaMateria div p.imagemEsquerda{
    text-align: left;
    float: left;
    margin: 10px 10px 0px 0px!important;
    font-style: italic;
    font-size: 12px;
	background-color: #C2C7CC;
}

#visualizaMateria div p.imagemCentro{
    text-align: center;
    margin: 10px 0px 10px 0px!important;
    font-style: italic;
    font-size: 12px;
	background-color: #C2C7CC;
}

#visualizaMateria div p.imagem img, #visualizaMateria div p.imagemEsquerda img, #visualizaMateria div p.imagemCentro img {
	width: 100%;
}

.embed-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.embed-responsive {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.linksCima, p.linksBaixo {
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 20px;
}

.owl-theme .owl-controls .owl-dot span{
	display: block;
	width: 21px;
	height:21px;
	margin: 5px 2px;
	background: url(/static/media/images/bullets-carrossel.png) no-repeat -21px center;
}

.owl-theme .owl-controls .owl-dot.active span,
.owl-theme .owl-controls.clickable .owl-dot:hover span{
	background: url(/static/media/images/bullets-carrossel.png) no-repeat left;
	opacity: 1;
}

.owl-dot {
	display: inline-block;
	zoom: 1;
}

.owl-item {z-index: 1;}

.iconesTopo > li > div.pesquisar {
	background: none;
	float: left;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#wrapperTopoPesquisa{position: relative;}

div.pesquisar span {
	width: 12px;
	height: 24px;
	background: url('/static/media/images/fundo-lupa.png');
	float: left;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
}

div.pesquisar span.fechar {
	display: none;
	z-index: 10;
	margin: 3px 0 0 8px;
	background: none;
	font-size: 10pt;
	cursor: pointer;
}

div.pesquisar span.latDir {
	background-position: -12px 0;
	right: 0;
}

div.pesquisar span.lupa {
	position: absolute;
	background: url('/static/media/images/lupa-topo.png');
	top: 5px;
	right: 0;
	width: 24px;
	z-index: 10;
	cursor: pointer;
}

div.pesquisar input.busca-topo {
	width: 0;
	position: absolute;
	right: 12px;
	height: 24px;
	border: none;
	background-color: #EEEDF2;
}

@media screen and (min-width: 768px) and (max-width: 998px) {
	div.pesquisar input.busca-topo {right: 27px;}
	div.pesquisar span.lupa, div.pesquisar span.latDir {right: 15px;}
}

div#mapaSite {
	font-size: 18px;
}

ul.primeiroNivel.bordaRodape {
	margin-bottom: 0;
	padding: 0;
}

div#tagsImagens {
	float: right;
	width: 100%;
}

#tagsImagens > p {
	font-size: 20px;
	text-align: center;
	margin: 0;
	font-weight: bold;
}

#popup-content > div.loadingGaleria {
	display: block;
}

#popup-content > div.loadingGaleria > img {
	float: left;
}

#popup-content > div.loadingGaleria > span {
	font-size: 20px;
	display: block;
	float: left;
	padding-top: 12px;
	padding-left: 5px;
}

@media (max-width: 761px){
	#popup-content > div.loadingGaleria {
		height: 75px;
		padding-top: 15px;
	}
}