/*reset */ html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td,fieldset{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img,fieldset{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}cufon cufontext{display: inline-block !important;height: 0 !important;text-indent: -10000in !important;width: 0 !important;}figure{margin: 0px;} /*TIRA O SELO DE CAPTCHA*/ /* .grecaptcha-badge {display: none;} */ .classtermo {color: #FF723A!important} .debug{ background: #ffffff; padding: 15px 10px; border: solid 5px #04171a; display: block; font-size: 11px; line-height: 15px; box-sizing: border-box; overflow-y: auto; max-height: 300px; width: 100%; min-height: 100px; letter-spacing: -0.050em; } .mascaraDebug{ box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.31); position: fixed;bottom: -300px; left: 0px; max-height: 300px; width: 100%; min-height: 100px; transition: all 0.5s ease; z-index: 99999;} .mascaraDebug:hover{ bottom: 0px;} .mascaraDebug::before{ content: 'DEBUG'; padding: 10px 30px; background: #04171a; position: absolute; top:-37px; right: 30px; border-radius: 3px; font-weight: bold; color: #ffffff; letter-spacing: 0.050em; box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.31); border: solid 2px #093f47; border-bottom: none; } body, html{ font:400 13px 'Open Sans'; color: #3a3a3a; overflow-x: auto; } *{ outline:none;} img{ display: block;} a:link,a:active,a:visited{ text-decoration: none; color: #3a3a3a;} a:hover{ color: #000000;} ::selection {background:#0e90d0; color:#cce2f5;} ::-webkit-selection {background:#0e90d0; color:#cce2f5;} ::-moz-selection {background:#0e90d0; color:#cce2f5;} .centro{ max-width: 1240px; min-width: 300px; margin: 0 auto; clear: both;} .clear{ clear: both; width: 100%;} @keyframes dots-1 { from { opacity: 0; } 25% { opacity: 1; } } @keyframes dots-2 { from { opacity: 0; } 50% { opacity: 1; } } @keyframes dots-3 { from { opacity: 0; } 75% { opacity: 1; } } .dots span {animation: dots-1 1s infinite steps(1); } .dots span:first-child + span {animation-name: dots-2; }.dots span:first-child + span + span { animation-name: dots-3;} .boxBannerPadrao{ background:url(../img/loadingBanner.gif) center center no-repeat #efefef; position: relative; border: solid 1px #eeeeee; box-sizing: border-box; } .boxBannerPadrao div{position: relative; z-index: 999; background: #efefef;} .fundoBannerPadrao970250{ background:#fafafa; clear: both; height: 250px; } ._flutuanteInicio .mascaraFlutuanteBannerTopo{ position: fixed; top: 50px; width: 100%; background:#fafafa; height: 250px; box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.1); z-index: 8000; padding: 20px 0px;} .banners300x250{ width: 300px; height: 250px; position: relative; overflow: hidden;} .banners728x90{ width: 728px; height: 90px; position: relative; overflow: hidden;} .banners320x50{ width: 320px; height: 50px; position: relative; overflow: hidden; margin: 0 auto;} .banners120x90{ width: 120px; height: 90px; position: relative; overflow: hidden;} .banners300x600{ width: 300px; height: 600px; position: relative; overflow: hidden;} .banners970x250{ width: 970px; height: 250px; position: relative; overflow: hidden; margin: 0 auto;} .flutuanteBanners300x600.flutuar{ position: relative; overflow: hidden; } .flutuanteBanners300x600.flutuar .boxBannerPadrao.banners300x600{ position: fixed;} .boxPublicidadeTopoInterno{ overflow: hidden; padding-bottom: 30px;} .boxPublicidadeTopoInterno .banners728x90{ float: left;} .boxPublicidadeTopoInterno .banners120x90{ float: right;} .verificaAdblock{ display:none; width: 100%; height:100%; position: absolute; background:#999999;} .verificaAdblock a{ display: block; width: 100%; height:100%; position: absolute;} .lateralEsq,.lateralDir{ width: 10%; background: #fcfcfc; position: fixed; top: 0px; height: 100%; z-index: 9999999;} .lateralEsq{ border-right: solid 10px #f9f9f9; left: 0px;} .lateralDir{ border-left: solid 10px #f9f9f9; right: 0px;} /* INPUT TAGS */ div.tagsinput{border:solid 1px #d0d0d0; background:#fff; padding:10px; width:70%; height:110px; overflow-y: auto;} div.tagsinput input { width:150px; } div.tagsinput span.tag{ display:block; float:left; padding:0 8px; background:#b6d6da; color:#0c3538; margin:0 5px 5px 0; } div.tagsinput span.tag a { font-weight:bold; color:#1d998c; font-size:11px; } div.tagsinput div{ display:block; float: left; } .tags_clear { clear: both; width: 100%; height: 0px; } div.tagsinput input.not_valid {background: #FBD8DB; color:#7b0d15 !important;} /* INPUT TAGS */ /* RADIO E CHECKBOX */ span.radio,span.checkbox{ float:left; overflow: hidden; position: relative; margin-top: 8px;} span.radio em,span.checkbox em{display:block; color:#fff!important; float: left;width: 16px;height: 16px; border: solid 1px #cccccc; transition: all 0.3s ease; background: #ffffff; position: relative;} span.radio em::after, span.checkbox em::after{content: "\2714"; display: block; transition: all 0.2s ease; position: absolute; left: 50%; top: 48%; transform: translateX(-50%) translateY(-50%) scaleY(0.8); opacity: 0; color:#fff!important; font-size: 11px; } span.radio:hover em,span.checkbox:hover em { border: solid 1px #101010;} span.radio.ativo em,span.checkbox.ativo em { background: #101010; border: solid 1px #101010;} span.radio.ativo em::after,span.checkbox.ativo em::after{ opacity: 1;} span.radio input,span.checkbox input{ opacity:0; -webkit-opacity:0.0; filter:alpha(opacity=0); height:100%; width:100%; position: absolute; top:0; right: 0; bottom: 0; left: 0; cursor:pointer;} span.radio label{ font: 500 13px'Open Sans'; width: auto; overflow: hidden; margin-right: 15px; color: #424c51; margin-left: 25px; padding: 0;} span.checkbox label{ font: 500 13px'Open Sans'; width: auto; overflow: hidden; margin-right: 15px; color: #424c51; margin-left: 25px; padding: 0;} span.radio em{ border-radius: 100%;} /* INPUT FILE */ span.mask-input-file{ float:left; border:solid 1px #d0d0d0; background:#fff; padding:1px; color:#8b8b8b; width:100%; height:32px; position:relative; overflow:hidden; } span.mask-input-file label{display:none;} span.mask-input-file input{ opacity:0; filter:Alpha(Opacity=0); position:absolute; left:0; top:0; width:100%; border:none; cursor:pointer;} span.mask-input-file em{ width:100%; height:32px; line-height:32px; float:left; padding-left:10px; overflow: hidden; cursor:pointer;} span.mask-input-file em span{ font-size: 20px; float:left; margin-right: 8px; margin-top: 6px;} /*JANELA VALIDAR*/ .atencao{ background:#c45b1c; position:fixed; bottom:0; width:100%; padding:20px 50px 20px 50px; border-top:solid 1px #f47d20; display:none; cursor:pointer; z-index:10000000; max-height:98px;} .atencao .h1{ font:500 16px 'Open Sans'; color:#ffffff; margin:0px 0px 8px 0px; text-transform: uppercase;} .atencao p{ font-size:13px; color:#fff4ed; line-height:18px; } .atencao p span{ font-weight:bold; color:#fce6d9;} .atencao span.icon{float:left;margin: 5px 15px 0px 0px;height:100%;font-size: 40px;color:#ffffff;opacity: 0.9;} ._320 .atencao{min-height: auto; max-height: inherit; box-sizing: border-box; padding: 15px 20px;} ._320 .atencao .h1{ font-size: 14px;} ._320 .atencao p{ line-height: 19px;} ._320 .atencao p span{ color: #fff;} ._320 .atencao .imagem{display: none;} /*HEADER*/ .barraCor{ height: 6px; position: relative; width: 100%; display: flex; margin: 0 auto;} .barraCor li{ width: 12.5%; height: 6px;} .barraCor::after{ content: ''; width: 100%; height: 4px; bottom: 0px; left: 0px; position: absolute; background: #ffffff; opacity:0.92;} header{ border-top:dashed 1px #eeeeee;} header .logotipo{ width: 210px; float: left; margin:20px 0 10px 0px;} header .logotipo .simbolo{ width: 58px; display: block; float: left;} header .logotipo .nome{ width: 140px; display: block; float: left; margin-top: 18px;} header nav{ width: 81%; float: right; padding-top: 35px;} header nav li.menuPrincipal{ float: left; padding:0px 1.5%; height: 32px; line-height: 32px; position: relative;} header nav li.menuPrincipal > a{ font-size: 16.3px; font-weight: 600; font-family: 'Barlow'; text-rendering: optimizeLegibility; letter-spacing: -0.010em; color: #515151;} header nav li.menuPrincipal > a .simbolo{ transition: all 0.5s ease; color:#d2d2d2;} header nav li.menuPrincipal > a .simbolo{ transition: all 0.5s ease; color:#d2d2d2v;} header nav li.menuPrincipal > a, header nav li > a span svg path{ transition: all 0.4s ease; display: block; } header nav li.menuPrincipal > a:hover{ color: #fa6931;} header nav li.menuPrincipal > a:hover .simbolo{ color: #fa6931;} header nav li.menuPrincipal:nth-child(1) .simbolo{ float: left; margin-top: 7px; margin-right: 10px; font-size: 19px;} header nav li.menuPrincipal:nth-child(2) .simbolo{ float: left; width: 18px; margin-top: 8px; margin-right: 10px; font-size: 17px;} header nav li.menuPrincipal:nth-child(3) .simbolo{ float: left; width: 17px; margin-top: 8px; margin-right: 10px; font-size: 18px;} header nav li.menuPrincipal:nth-child(4) .simbolo{ float: left; width: 22px; margin-top: 7px; margin-right: 9px; font-size: 18px;} header nav li.menuPrincipal:nth-child(5) .simbolo{ float: left; width: 18px; margin-top: 8px; margin-right: 10px; font-size: 18px;} header nav li.menuPrincipal:nth-child(6) .simbolo{ float: left; width: 17px; margin-top: 8px; margin-right: 10px; font-size: 17px;} header nav li.menuPrincipal.login{ float: right; padding-right: 0px; padding-right: 15px;} header nav li.menuPrincipal.cadastreseGratis{ float: right; padding-right: 0; } header nav li.menuPrincipal.logado{ float: right; padding-right: 0; } header nav li.menuPrincipal.cadastreseGratis > a:link, header nav li.menuPrincipal.cadastreseGratis > a:active, header nav li.menuPrincipal.cadastreseGratis > a:visited{ line-height: 15px; color: #e9361b; text-align: center; font-weight: bold; padding-top: 1px; } header nav li.menuPrincipal.cadastreseGratis > a:hover{ color: #ff5238;} header nav li.menuPrincipal:nth-last-child(1) .simbolo{ float: left; margin-top: 5px; margin-right: 12px; font-size: 22px;} header nav li.menuPrincipal:nth-last-child(1) > a:hover{ color: #ff5238;} header nav li.menuPrincipal:nth-last-child(1) > a:hover .simbolo{ color: #ff5238;} header nav li.menuPrincipal.logado .simbolo{ float: left; margin-top: -4px; margin-right: 12px; font-size: 18px;} header nav li.menuPrincipal.logado .textoMPFixo{ margin-top: -1px; float: left;} header nav li.menuPrincipal.logado .simbolo img{border-radius: 100%;width: 34px;/*background: #e5f5f6;*/} header nav li.menuPrincipal.logado > a:link, header nav li.menuPrincipal.logado > a:active, header nav li.menuPrincipal.logado > a:visited{ color:inherit; font-weight: 600; line-height: 30px; text-align: left;} header nav li.menuPrincipal em.textoMP{ position: relative;} header nav li.menuPrincipal em.textoMP::after{ content: ''; width: 16px; height: 3px; background: #fa6931; right: 0px; bottom: -6px; display: block; position: absolute; transition: all 0.5s ease; opacity: 0.1;} header nav li.menuPrincipal:hover em.textoMP::after{ width: 100%; opacity: 1;} header .boxPublicidade{ background: #efefef; padding: 25px 0px; width: 100%; clear: both; overflow:hidden; text-align: center; display: block;} header .boxPublicidade .centro{ max-width: 1190px;} header .boxPublicidade.posicaoTopo .centro{ width: 940px; margin: 0px auto;} header .boxPublicidade .banner{ float: left; display: block;} header .boxPublicidade .bannerMobile{ display: none;} header .boxPublicidade .redes{ float: right; width: 175px;} header .boxPublicidade .redes h5{font-size: 12px; font-weight: 600; text-align: center; padding-bottom: 7px; padding-top: 4px;} header .boxPublicidade .redes ul{ border-bottom: solid 1px #dcdcdc; padding-bottom: 5px; overflow: hidden; text-align: center;} header .boxPublicidade .redes ul li{ display:inline-block; margin:0 2px;} header .boxPublicidade .redes ul li a:link, header .boxPublicidade .redes ul li a:active, header .boxPublicidade .redes ul li a:visited{ display: block; padding: 0px 6px; transition: all 0.5s ease;} header .boxPublicidade .redes ul li:nth-child(1) a{ font-size: 18px;} header .boxPublicidade .redes ul li:nth-child(1) a:hover{ color:#3b5998; } header .boxPublicidade .redes ul li:nth-child(2) a{ font-size: 16px; margin-top: 2px;} header .boxPublicidade .redes ul li:nth-child(2) a:hover{ color:#55acee; } header .boxPublicidade .redes ul li:nth-child(3) a{ font-size: 16px; margin-top: 2px;} header .boxPublicidade .redes ul li:nth-child(3) a:hover{ color:#ff0000; } header .boxPublicidade .redes ul li:nth-child(4) a{ font-size: 17px; margin-top: 0px;} header .boxPublicidade .redes ul li:nth-child(4) a:hover{ color:#007bb5; } header .boxPublicidade .redes ul li:nth-child(5){ margin-right: 0px;} header .boxPublicidade .redes ul li:nth-child(5) a{ font-size: 15px; margin-top: 2px; padding-right: 0px;} header .boxPublicidade .redes ul li:nth-child(5) a:hover{ color:#dd4b39; } header .boxPublicidade .redes h6{padding-top: 10px; overflow: hidden;} header .boxPublicidade .redes h6 p{ font-size: 12px; font-weight: 600; text-align: center; float: left; padding: 1px 12px 0px 17px;} header .boxPublicidade .redes h6 span{ float: left; font-size: 16px;} header .boxPublicidade .redes h6 a:link, header .boxPublicidade .redes h6 a:active, header .boxPublicidade .redes h6 a:visited{ transition: all 0.5s ease;} header .boxPublicidade .redes h6:hover a{ color: #ff6600;} body .mascaraTela{background: rgba(255,255,255,0.8);position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 99999;transition: all 0.2s ease;} /* SUBMENU */ header nav li:hover .submenu{ display: block; } header nav li:nth-child(8):hover .submenu{ display:none; } header nav li .submenu{position: absolute;top: 35px;left: -14px;z-index: 999999;display: none;} header nav li .submenu .boxMenu{ background: #ffffff; border: solid 1px #cfcfcf; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.10); border-bottom: solid 5px #007f95; overflow: hidden; clear: both;} header nav li .submenu .menuEstatico{ background: #ffffff; border: solid 1px #cfcfcf; border-bottom: none; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.10); text-align: center; float: left; padding: 9px 28px; position: relative; font-size: 16.3px; font-weight: 600; font-family: 'Barlow'; text-rendering: optimizeLegibility; letter-spacing: -0.010em; margin-top: -45px; cursor: pointer; white-space: nowrap;} header nav li .submenu .menuEstatico::before{ content: ''; display: block; height: 10px; background: #ffffff; width: 100%; position: absolute; bottom:-9px; left: 0px;} header nav li .submenu .menuEstatico::after{ content: ''; display: block; height: 1px; background: #e9e9e9; width: 30%; left: 50%; transform: translateX(-50%); position: absolute; bottom:0px;} header nav li .submenu .blocoPrimeiroMenu{ float: left; border-right: solid 1px #efefef; box-sizing: border-box;} header nav li .submenu .blocoSegundoMenu{ float: left; border-right: solid 1px #efefef; box-sizing: border-box;} header nav li .submenu .blocoTexto{ background: #ffffff; float: left; box-sizing: border-box;} header nav li .submenu .blocoTexto b.h3{ font:normal 17px/22px 'Open Sans'; color:#313131; text-transform: uppercase; letter-spacing: -0.030em; } header nav li .submenu .blocoTexto b.h3 span{ font-weight: 700; color: #eb452c;} header nav li .submenu .blocoTexto > p{ line-height: 17px; color: #808080; letter-spacing: -0.010em; padding: 10px 15px 10px 0px;} header nav li .submenu .blocoTexto .publi {position: relative; width: 100%; box-sizing: border-box; overflow: hidden; margin-top: 8px; margin-bottom: 18px;} header nav li .submenu .blocoTexto .publi a{ display: block; position: relative; padding-left: 105px; line-height: 20px;} header nav li .submenu .blocoTexto .publi .imagem{ position: absolute; width: 90px; margin-right: 15px; transition: all 0.5s ease; left: 0px;} header nav li .submenu .blocoTexto .publi b.h6{ overflow: hidden; font-size: 13px; color: #007f95; font-weight: 700; line-height: 14px; padding-bottom: 5px; transition: all 0.5s ease; padding-top: 3px;} header nav li .submenu .blocoTexto .publi p{ overflow: hidden; font-size: 13px; font-style:italic; color: #3a3a3a; line-height: 16px; transition: all 0.5s ease;} header nav li .submenu .blocoTexto .publi .botao{ overflow: hidden; font-size: 12px; color: #ec592b; font-weight: bold; transition: all 0.5s ease; display: block; line-height: 18px; padding-top: 5px;} header nav li .submenu .blocoTexto .publi a:hover b.h6{ color: #158dfd;} header nav li .submenu .blocoTexto .publi a:hover p{ color: #000000;} header nav li .submenu .blocoTexto .publi a:hover .botao{ color: #ff5a00;} header nav li .submenu .blocoTexto .publi a:hover .imagem{ filter:brightness(110%);} /*SUBMENU - FORUM*/ header nav li .submenu.submenuForum .boxMenu{ width: 670px;} header nav li .submenu.submenuForum .blocoPrimeiroMenu{ width: 320px; padding: 20px 30px;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a:link, header nav li .submenu.submenuForum .blocoPrimeiroMenu a:active, header nav li .submenu.submenuForum .blocoPrimeiroMenu a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.5s ease; position: relative;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a span{ font-size: 17px; width: 20px; text-align: center; padding: 10px 16px 0px 0px; color: #e1e1e1; display: block; float: left; transition: all 0.5s ease;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a::after{ content: ''; display: block; height: 1px; width: 0%; position: absolute; bottom: -1px; left: 0%; background: #007f95; transition: all 0.5s ease;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a:hover{ color: #007f95; border-color: #aaaaaa;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a:hover::after{ width: 100%;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a:hover span{ color: #007f95;} header nav li .submenu.submenuForum .blocoPrimeiroMenu a:last-of-type{ border-bottom: none;} header nav li .submenu.submenuForum .blocoTexto{ width: 350px; padding:30px 20px 5px 35px;} #menuMobile{ display: none;} /*PARA O CASO DO MENU LOGADO*/ .admLogado header nav li .submenu.submenuForum .blocoPrimeiroMenu{ padding-top: 10px; padding-bottom: 10px;} .admLogado header nav li .submenu.submenuForum .blocoPrimeiroMenu a{ line-height: 32px;} .admLogado header nav li .submenu.submenuForum .blocoPrimeiroMenu a span{ font-size: 16px; padding-top: 6px;} /*SUBMENU - CONTEUDO*/ header nav li .submenu.submenuConteudo .boxMenu{ width: 855px;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu{ width: 245px; padding:16px 0px; min-height: 360px; position: relative;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li{ } header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li > a:link, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li > a:active, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li > a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.3s ease; position: relative; margin-left: 28px; text-transform: inherit;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 > a::after{ content: ''; display: block; height: 1px; width: 0%; position: absolute; bottom: -1px; left: 0%; transition: all 0.5s ease; background: #007f95;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 > a:hover::after{ width: 100%;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li > a span{ display: block; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 18px; border-color: transparent transparent transparent #ffffff; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li:hover > a, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li.ativo > a { background: #363636; color: #ffffff; margin-left: 0px; padding-left: 28px;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li:hover > a span, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li.ativo > a span{ border-color: transparent transparent transparent #363636; right: -18px;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li:hover .submenu2, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li.ativo .submenu2{ display: block; } header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2{ position: absolute; min-height: 360px; top: 15px; left: 245px; width: 245px; z-index: 9000; display: none; } header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 a:link, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 a:active, header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.3s ease; position: relative; margin:0px 28px; text-transform: inherit;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 a:last-of-type{ border-bottom: none;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu > li .submenu2 a:hover{ color: #007f95;} header nav li .submenu.submenuConteudo .blocoPrimeiroMenu li:first-of-type .submenu2 a{ text-transform: uppercase; font-weight: 700;} header nav li .submenu.submenuConteudo .blocoSegundoMenu{ width: 245px; min-height: 360px;} header nav li .submenu.submenuConteudo .blocoTexto{ width: 365px; padding:30px 20px 5px 35px;} /*SUBMENU - FERRAMENTA*/ header nav li .submenu.submenuFerramenta .boxMenu{ width: 640px;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu{ width: 235px; padding:16px 0px; min-height: 230px; position: relative;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:link, header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:active, header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.5s ease; position: relative; margin: 0px 30px;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a span{ font-size: 17px; width: 20px; text-align: center; padding: 10px 16px 0px 0px; color: #e1e1e1; display: block; float: left; transition: all 0.5s ease;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a::after{ content: ''; display: block; height: 1px; width: 0%; position: absolute; bottom: -1px; left: 0%; background: #007f95; transition: all 0.5s ease;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:hover{ color: #007f95; border-color: #aaaaaa;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:hover::after{ width: 100%;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:hover span{ color: #007f95;} header nav li .submenu.submenuFerramenta .blocoPrimeiroMenu a:last-of-type{ border-bottom: none;} header nav li .submenu.submenuFerramenta .blocoTexto{ width: 405px; padding:30px 20px 5px 35px;} /*SUBMENU - SOBRENOS*/ header nav li .submenu.submenuSobrenos .boxMenu{ width: 460px;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu{ width: 135px; padding:16px 0px; min-height: 310px; position: relative;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:link, header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:active, header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.5s ease; position: relative; margin: 0px 30px;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a span{ font-size: 17px; width: 20px; text-align: center; padding: 10px 16px 0px 0px; color: #e1e1e1; display: block; float: left; transition: all 0.5s ease;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a::after{ content: ''; display: block; height: 1px; width: 0%; position: absolute; bottom: -1px; left: 0%; background: #007f95; transition: all 0.5s ease;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:hover{ color: #007f95; border-color: #aaaaaa;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:hover::after{ width: 100%;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:hover span{ color: #007f95;} header nav li .submenu.submenuSobrenos .blocoPrimeiroMenu a:last-of-type{ border-bottom: none;} header nav li .submenu.submenuSobrenos .blocoTexto{ width: 325px; padding:25px 15px 5px 30px;} /* SUBMENU - LOGIN */ header nav li .submenu.submenuLogin{left: -205px !important; } header nav li .submenu.submenuLogin .menuEstatico{ float: right; } header nav li .submenu.submenuLogin .boxMenu{ width: 320px; border-bottom-color: #ff562b; padding: 25px; box-sizing: border-box; box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.10);} header nav li .submenu.submenuLogin b.h3{ font:300 17px/22px 'Open Sans'; color:#b1b1b1; text-transform: uppercase; letter-spacing: 0; clear: both; float: left; width: inherit; } header nav li .submenu.submenuLogin form input{ border: solid 1px #b4b4b4; color: #2a2a2a; height: 34px; width: 100%; line-height: 34px; padding: 10px; box-sizing: border-box; margin-top: 15px; font-size: 14px; } header nav li .submenu.submenuLogin form input.senha{ float: left; width: 43%;} header nav li .submenu.submenuLogin form .botaoEntrar:link, header nav li .submenu.submenuLogin form .botaoEntrar:active, header nav li .submenu.submenuLogin form .botaoEntrar:visited{ float: left; width: 26%; background: #363636; font: 600 12px 'Open Sans'; color: #ffffff; line-height: 34px; margin-top: 15px; text-align: center; transition: all 0.5s ease;} header nav li .submenu.submenuLogin form .botaoEntrar:hover{ background: #f6472b;} header nav li .submenu.submenuLogin form .lembrar{float: left; width: 74px; margin: 15px 0 0 9px; letter-spacing: -0.030em;} header nav li .submenu.submenuLogin form .lembrar input{ height: inherit; margin-top: 0px;} header nav li .submenu.submenuLogin form .lembrar span.checkbox label{ margin-right: 0px; margin-left: 9px; float: left;} header nav li .submenu.submenuLogin form .recuperar:link, header nav li .submenu.submenuLogin form .recuperar:active, header nav li .submenu.submenuLogin form .recuperar:visited{ color: #878787; transition: all 0.5s ease; margin-top: 6px; display: block; float: left;} header nav li .submenu.submenuLogin form .recuperar:hover{ color: #222222;} header nav li .submenu.submenuLogin .ou{ border-top: solid 1px #e3e3e3; margin: 18px 0px; position: relative; width: 100%; height: 1px; float: left;} header nav li .submenu.submenuLogin .ou::before{ content: 'ou'; padding:0px 6px; position: absolute; left: 50%; transform: translateX(-50%); top: -19px; background: #ffffff; color: #a4a4a4; } header nav li .submenu.submenuLogin .loginFacebook:link, header nav li .submenu.submenuLogin .loginFacebook:active, header nav li .submenu.submenuLogin .loginFacebook:visited{ background: #435aa9; width: 60px; height: 32px; border-radius: 2px; float: left; margin-right: 5px; margin-top: 10px; text-align: center; transition: all 0.5s ease;} header nav li .submenu.submenuLogin .loginFacebook:hover{ background: #5671ce;} header nav li .submenu.submenuLogin .loginFacebook span{ color: #ffffff; font-size: 16px; margin-top: 8px; display: block;} header nav li .submenu.submenuLogin .loginGoogle:link, header nav li .submenu.submenuLogin .loginGoogle:active, header nav li .submenu.submenuLogin .loginGoogle:visited{ background: #c13c2d; width: 60px; height: 32px; border-radius: 2px; float: left; margin-right: 5px; margin-top: 10px; text-align: center; transition: all 0.5s ease;} header nav li .submenu.submenuLogin .loginGoogle:hover{ background: #dc6052;} header nav li .submenu.submenuLogin .loginGoogle span{ color: #ffffff; font-size: 14px; margin-top: 9px; display: block;} header nav li .submenu.submenuLogin .loginTwitter:link, header nav li .submenu.submenuLogin .loginTwitter:active, header nav li .submenu.submenuLogin .loginTwitter:visited{ background: #3ca5df; width: 60px; height: 32px; border-radius: 2px; float: left; margin-right: 5px; margin-top: 10px; text-align: center; transition: all 0.5s ease;} header nav li .submenu.submenuLogin .loginTwitter:hover{ background: #6bbbe7;} header nav li .submenu.submenuLogin .loginTwitter span{ color: #ffffff; font-size: 14px; margin-top: 10px; display: block;} /*SUBMENU - LOGADO*/ header nav li .submenu.submenuLogado{ left: -597px;} header nav li .submenu.submenuLogado .menuEstatico{ float: right; padding: 9px 16px;} header nav li .submenu.submenuLogado .menuEstatico .simbolo{ margin-top: -4px;} header nav li .submenu.submenuLogado .boxMenu{ width: 745px; border-bottom-color: #ff562b;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu{ width: 150px; padding:16px 0px; min-height: 360px; position: relative;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li{ } header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li > a:link, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li > a:active, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li > a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.3s ease; position: relative; margin-left: 28px; text-transform: inherit;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 > a::after{ content: ''; display: block; height: 1px; width: 0%; position: absolute; bottom: -1px; left: 0%; transition: all 0.5s ease; background: #007f95;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 > a:hover::after{ width: 100%;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li > a span{ display: block; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 18px; border-color: transparent transparent transparent #ffffff; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li:hover > a, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li.ativo > a { background: #363636; color: #ffffff; margin-left: 0px; padding-left: 28px;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li:hover > a span, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li.ativo > a span{ border-color: transparent transparent transparent #363636; right: -18px;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li:hover .submenu2, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li.ativo .submenu2{ display: block; } header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2{ position: absolute; min-height: 345px; top: 15px; left: 145px; width: 245px; z-index: 9000; display: none; } header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a:link, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a:active, header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a:visited{ border-bottom: solid 1px #efefef; font:600 13px/36px 'Open Sans'; display: block; transition: all 0.3s ease; position: relative; margin:0px 28px; text-transform: inherit;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a:last-of-type{ border-bottom: none;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a:hover{ color: #007f95;} header nav li.menuPrincipal.logado .balaoAviso{ display: block; position: absolute; width: 12px; height: 12px; border-radius: 100%; transition: all 0.2s ease; background: #e12e12; color: #ffffff; z-index: 5000000; top: 22px; left: 12px; border: solid 3px #ffffff;} ._flutuante header nav li.menuPrincipal.logado .balaoAviso{ width: 8px; height: 8px; border: solid 3px #ffffff; top: 20px;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li a .alertanum{ display: block; float: right; width: 12px; height: 12px; border-radius: 100%; margin-right: 15px; margin-top: 12px; transition: all 0.2s ease; background: #e12e12; color: #ffffff; position: relative; z-index: 20;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a .alertanum{ width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; margin-top: 9px; margin-right: 0px; background: #bbbbbb; color: #ffffff;} header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a .alertanum.nova{ background: #e12e12; color: #ffffff; } header nav li .submenu.submenuLogado .blocoSegundoMenu{ width: 235px; min-height: 345px; border-right:none; } header nav li .submenu.submenuLogado .blocoTexto{ width: 360px; padding:25px 20px 5px 25px; border-right: solid 1px #efefef;} header nav li .submenu.submenuLogadoFoto{} header nav li .submenu.submenuLogadoFoto .boxMenu.unico{ width: inherit;} /* MENU FLUTUANTE */ ._flutuante header{ height: 115px; clear: both; width: 100%; overflow: hidden;} ._flutuante header .mascaraFlutuante{ position: fixed; top: 0px; background: #ffffff; width: 100%; z-index: 8000000; border-bottom: solid 1px #eeeeee; box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.02);} ._flutuante header .boxPublicidade{ display: none;} ._flutuante header .mascaraFlutuante .barraCor{ display: none;} ._flutuante header .mascaraFlutuante .logotipo{ margin: 7px 3% 2px 0px; width: 130px;} ._flutuante header .mascaraFlutuante .logotipo .simbolo{ width: 38px !important;} ._flutuante header .mascaraFlutuante .logotipo .nome{ width: 90px !important; margin-top: 12px !important;} ._flutuante header nav{ padding-top: 10px;} ._flutuante header nav li.menuPrincipal.logado .simbolo img{ width: 34px;} ._flutuante header nav li.menuPrincipal:nth-child(7){ padding-right: 25px;} ._640 ._flutuante header h1{ width: 135px; float: left; margin-left: 15px;} /* PROPAGANDO FLUTUANTE */ ._640 .mobile.boxBannerPadrao.banners320x50.topoPagina{ position: fixed; bottom: 0px; z-index: 9000; border-top: solid 5px #ffffff; box-sizing: content-box; transition: all 0.5s ease; width: 100%; margin-left: -10px;} ._640 .mobile.boxBannerPadrao.banners320x50.topoPagina > div{ margin: 0 auto;} ._640 .mobile.boxBannerPadrao.banners320x50.topoPagina .fecharBannerMobile{ background: #eeeeee; display: block; width: 20px; height: 20px; bottom: 36px; right: 0px; z-index: 9001; position: fixed; text-align: center; font-weight: bold; transition: all 0.5s ease; cursor: pointer;} ._640 .mobile.boxBannerPadrao.banners320x50.topoPagina.fechado{ bottom: -57px;} ._640 .mobile.boxBannerPadrao.banners320x50.topoPagina.fechado .fecharBannerMobile{ bottom: 0px;} ._640 .home .mobile.boxBannerPadrao.banners320x50.topoPagina{ margin-left:0px;} ._640 .home._flutuante .mobile.boxBannerPadrao.banners320x50.topoPagina{ bottom: 37px; z-index: 9000; margin-left:0px;} ._640 .home._flutuante .mobile.boxBannerPadrao.banners320x50.topoPagina .fecharBannerMobile{ bottom: 73px;} ._640 .home._flutuante .mobile.boxBannerPadrao.banners320x50.topoPagina.fechado{ bottom: -56px;} ._640 .home._flutuante .mobile.boxBannerPadrao.banners320x50.topoPagina.fechado .fecharBannerMobile{ bottom: 37px;} /*FOOTER*/ footer{ background: #f8f8f8; padding:30px 0px 40px 0px; overflow: hidden; clear: both;} footer ul{ float: left;} footer ul li.titulo{ font-size: 17px; line-height: 18px; color: #313131; letter-spacing: -0.030em; padding-bottom: 5px; text-transform: uppercase;} footer ul li{ margin-top: 6px;} footer ul li a:link, footer ul li a:active, footer ul li a:visited{ color: #6d6d6d; font-size: 13px; transition: all 0.5s ease;} footer ul li a:hover{ color:#000000;} footer ul:nth-of-type(1){ width: 16%;} footer ul:nth-of-type(2){ width: 19%;} footer ul:nth-of-type(3){ width: 21%;} footer ul:nth-of-type(4){ width: 20%;} footer .redes{ width: 270px; float: right;} footer .redes b.h5{ font-size: 17px; line-height: 18px; color: #313131; letter-spacing: -0.030em; padding-top: 6px; text-transform: uppercase; display: block;} footer .redes .botoesLike{ padding: 20px 0px 0px 0px; margin-bottom: 10px; overflow: hidden;} footer .redes ol{ overflow: hidden; margin-top:15px;} footer .redes ol li{ float: left; margin-right: 9px;} footer .redes ol li a:link, footer .redes ol li a:active, footer .redes ol li a:visited{ display: block; padding: 0px 6px; transition: all 0.5s ease;} footer .redes ol li:nth-child(1) a{ font-size: 19px;} footer .redes ol li:nth-child(1) a:hover{ color:#3b5998; } footer .redes ol li:nth-child(2) a{ font-size: 17px; margin-top: 2px;} footer .redes ol li:nth-child(2) a:hover{ color:#55acee; } footer .redes ol li:nth-child(3) a{ font-size: 17px; margin-top: 2px;} footer .redes ol li:nth-child(3) a:hover{ color:#ff0000; } footer .redes ol li:nth-child(4) a{ font-size: 18px; margin-top: 0px;} footer .redes ol li:nth-child(4) a:hover{ color:#007bb5; } footer .redes ol li:nth-child(5) a{ font-size: 21px; margin-top: 0px; height: 24px;} footer .redes ol li:nth-child(5) a:hover{ color:#2c9fdd; } footer .redes ol li:nth-child(6){ margin-right: 0px; margin-left: 10px;} footer .redes ol li:nth-child(6) a{ font-size: 17px; margin-top: 4px;} footer .redes ol li:nth-child(6) a span{ float: left;} footer .redes ol li:nth-child(6) a p{ float: left; margin-left: 5px; font-size: 12px; font-weight: 600;} footer .redes ol li:nth-child(6) a:hover{ color:#ff6600; } footer .redes .anuncieConosco{ transition: all 0.3s ease; width: 100%; padding: 14px 0px 12px 0px; text-align: center; display: block; box-sizing:border-box; margin-top: 10px; float: left; background: #ffffff; border: solid 1px #eeeeee;} footer .redes .anuncieConosco span{ transition: all 0.3s ease; font-size: 12px; text-transform: uppercase; color: #313131; font-weight: 600; display: block; letter-spacing: -0.020em; line-height: 15px;} footer .redes .anuncieConosco span b{ transition: all 0.3s ease; color: #007f95;} footer .redes .anuncieConosco em{ transition: all 0.5s ease; font-size: 17px; color: #f3502d; font-weight: 600; display: block; text-transform: uppercase; letter-spacing: -0.020em; line-height: 20px;} footer .redes .anuncieConosco:hover{ background: #f3502d; color: #ffffff;} footer .redes .anuncieConosco:hover span, footer .redes .anuncieConosco:hover em, footer .redes .anuncieConosco:hover b{ color: #ffffff;} .rodapeFinal{ background: #121212; padding:15px 10%; overflow: hidden; width: 100%; box-sizing: border-box; } .rodapeFinal p{ font-size: 11px; color: #8b8b8b; line-height: 14px; text-align: center;} .avisoCookie{ background: #191919; padding:15px 10%; overflow: hidden; width: 100%; box-sizing: border-box;} .avisoCookie p{ font-size: 11px; color: #8b8b8b; line-height: 14px; text-align: center;} .avisoCookie p a:link, .avisoCookie p a:active, .avisoCookie p a:visited{ color: #8b8b8b; text-decoration: underline; transition: all 0.5S ease; } .avisoCookie p a:hover{ color: #ffffff;} /*BARRA R7 */ .r7-main-navigation{ border-bottom: none !important;} .r7-container-footer img{ float: left !important;} .footer__container{ max-width: 1240px !important;} .r7-container-footer{ padding: 12px 0 15px 0 !important;} .footer__container .footer__line{ border-top:none !important; margin-top: 5px !important; margin-bottom: 8px !important;} .tituloInterno{ padding-bottom: 20px; margin-bottom: 5px; overflow: hidden;} .tituloInterno h2{ float: left;} .tituloInterno h1{ float: left;} .tituloInterno span.h2{ float: left;} .tituloInterno em{font-size: 23px; font-family: 'Barlow'; line-height: 23px; color: #818181; text-transform: uppercase; letter-spacing: 0.030em; padding-right: 5px; font-weight: 300;} .tituloInterno b{font-size: 23px; font-family: 'Barlow'; line-height: 23px; color: #242424; text-transform: uppercase; font-weight: bold; letter-spacing: 0.030em;} .tituloInterno .legendaDireita{ float: right; font-size: 13px; line-height: 18px; color: #898989; padding-top: 20px;} .tituloInterno .legendaDireita span{ font-weight: bold;} .botaoMais:link, .botaoMais:active, .botaoMais:visited{ font-size: 12px; color: #696969; line-height: 19px; float: right; margin-left: 3%; transition: all 0.5s ease; letter-spacing: -0.020em; font-family: 'Barlow'; letter-spacing: 0.050em; font-weight: 500;} .botaoMais:hover{ color: #ff500e;} .botaoMais span{ display: block; color: #696969; font-size: 15px; float: left; margin-top: 3px; margin-right: 10px; transition: all 0.5s ease;} .botaoMais:hover span{ color: #ff500e;} /* COMPARTILHAMENTO PADRÃO */ .compartilhamento{ position: absolute; left: -320px; top: 11px; width: 27px; text-align: center; transition: all 0.5s ease;} .compartilhamento li{ display: inline-block; margin-bottom: 12px; transition: all 0.5s ease; position: relative; width: 28px; } .compartilhamento li span{transition: all 0.5s ease;cursor: pointer; color: #333333;} .compartilhamento li:nth-child(1) span{ font-size: 16px;} .compartilhamento li:nth-child(1) span:hover{ color:#3b5998; } .compartilhamento li:nth-child(1) b{ background:#3b5998; } .compartilhamento li:nth-child(1) b::before{ border-color: transparent #3b5998 transparent transparent;} .compartilhamento li:nth-child(2) span{font-size: 14px;margin-top: 2px;} .compartilhamento li:nth-child(2) span:hover{ color:#55acee; } .compartilhamento li:nth-child(2) b{ background:#55acee; } .compartilhamento li:nth-child(2) b::before{ border-color: transparent #55acee transparent transparent;} .compartilhamento li:nth-child(3) span{ font-size: 15px; margin-top: 2px;} .compartilhamento li:nth-child(3) span:hover{ color:#0e76a8; } .compartilhamento li:nth-child(3) b{ background:#0e76a8; } .compartilhamento li:nth-child(3) b::before{ border-color: transparent #0e76a8 transparent transparent;} ._640 .compartilhamento li:nth-child(4){ display: inline-block;} .compartilhamento li:nth-child(4) span{ font-size: 16px; margin-top: 0px;} .compartilhamento li:nth-child(4) span:hover{ color:#4FCE5D; } .compartilhamento li:nth-child(4) b{ background:#4FCE5D; } .compartilhamento li:nth-child(4) b::before{ border-color: transparent #4FCE5D transparent transparent;} .compartilhamento li:nth-child(5) span{ font-size: 16px; margin-top: 0px; margin-right: 6px;} .compartilhamento li:nth-child(5) span:hover{ color:#da6d02; } .compartilhamento li:nth-child(5) b{ background:#da6d02; } .compartilhamento li:nth-child(5) b::before{ border-color: transparent #da6d02 transparent transparent;} .compartilhamento li b{ position: absolute; left: 60px; top: -7px; z-index: 60; background: #666666; border: solid 3px #ffffff; border-radius: 6px; padding: 4px 12px; white-space: nowrap; font-size: 13px; font-family: 'Barlow'; color: #ffffff; font-weight: 500; letter-spacing: 0.030em; height: 18px; opacity: 0; visibility: hidden; transition: all 0.5s ease;} .compartilhamento li b::before{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 7px 6px 0; position: absolute; left: -6px; top: 50%; transform: translateY(-50%);} .compartilhamento li:hover b{ left: 30px; opacity: 1; visibility: visible;} /* BARRA ESQUERDA */ .boxEsquerda{ width: 72%; box-sizing: border-box; margin-top: 30px; margin-bottom: 30px; float: left; max-width: 870px;} ._640 .boxEsquerda{float: none;width: inherit;border: none;padding: 0 20px; margin-bottom: 10px; margin-top: 60px;} /* BARRA DIREITA MATERIAS, FORUM - LIST E DETALHES */ .outrasFerramentas{ padding-bottom: 20px; overflow: hidden;} .outrasFerramentas b.h2{ font-size: 16px; color: #313131; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.020em; margin-bottom: 10px; padding-top: 30px; display: block;} .outrasFerramentas a:link, .outrasFerramentas a:active, .outrasFerramentas a:visited{width:100%;float: left;border-bottom: solid 1px #ececec;line-height: 30px;text-transform: uppercase;font-weight: bold;font-size: 12px;opacity: 0.7;transition: all 0.5s ease;} .outrasFerramentas a:hover{opacity: 1;} .outrasFerramentas a:nth-last-child(-n+1){ border-bottom: none;} /* BARRA DIREITA MATERIAS, FORUM - LIST E DETALHES */ .outrasEditorias{ padding-bottom: 20px; overflow: hidden;} .outrasEditorias b.h2{ font-size: 16px; color: #313131; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.020em; margin-bottom: 10px; padding-top: 30px; display: block;} .outrasEditorias a:link, .outrasEditorias a:active, .outrasEditorias a:visited{width: 48%;margin-right: 4%;float: left;border-bottom: solid 1px #ececec;line-height: 30px;text-transform: uppercase;font-weight: bold;font-size: 12px;opacity: 0.7;transition: all 0.5s ease;} .outrasEditorias a:hover{opacity: 1;} .outrasEditorias a:nth-child(odd){ margin-right: 0px;} .outrasEditorias a:nth-last-child(-n+2){ border-bottom: none;} .recebaNovidades{ overflow: hidden; padding-top: 30px; padding-bottom: 30px; } .recebaNovidades b.h2{ font-size: 16px; color: #313131; line-height: 18px; padding-top: 0px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.020em; margin-bottom: 10px; display: block;} .recebaNovidades input{ border: solid 1px #bcbcbc; background: #ffffff; height: 40px; width: 70%; float: left; box-sizing: border-box; padding: 0px 12px;} .recebaNovidades a:link, .recebaNovidades a:active, .recebaNovidades a:visited{ height: 40px; line-height: 40px; background: #0f0f0f; width: 30%; text-align: center; display: block; color: #ffffff; float: left; box-sizing: border-box;} .recebaNovidades a:hover{} .boxDireita{float: right; margin-top: 30px; margin-bottom: 30px; width: 300px; position: relative;} .boxDireita .manualForum{overflow: hidden; margin: 0 0 30px 0;} .boxDireita .manualForum b.h3{font-size: 16px; color: #313131; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.020em; margin-bottom: 10px; display: block;} .boxDireita .manualForum a:link, .boxDireita .manualForum a:active, .boxDireita .manualForum a:visited{ color: #ffffff; font-size: 30px; float: left; display: block; padding:14px 15px 10px; border-bottom: 3px solid; transition: all 0.5s ease;} .boxDireita .manualForum a span{font-size: 28px; display: block; float: left; margin-right: 13px;} .boxDireita .manualForum a em{display: block; float: left; font-size: 12px; line-height: 14px;} .boxDireita .manualForum a em b{display: block;} .boxDireita .manualForum a:hover{} .boxDireita .manualForum a.manual{background: #00879e; border-color: #004d68;} .boxDireita .manualForum a.manual:hover{background: #004d68; border-color: #117ea5;} .boxDireita .manualForum a.regras{background: #c73d17; float: right; border-color: #a31706; padding: 14px 17px 10px;} .boxDireita .manualForum a.regras:hover{background: #a31706; border-color: #d81a02;} ._640 .boxDireita{float: none; margin: 0 auto 30PX auto; border: none;clear: both;padding: 20px 10px 0 10px; display: none;} .boxDireita .manualForum a.regras span{ font-size: 25px; margin-top: 2px;} .boxDireita .publicidade{ margin-bottom: 30px;} /* BARRA DIREITA MATERIAS, FORUM - LIST E DETALHES */ /*SLICK*/ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-list:focus,:focus{outline:0}.slick-slider{clear:both;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* ALERTA GERAL */ .alertaGeral{position: fixed;bottom: -50%;left: 0;width: 100%; height: auto;background: #ffffff;z-index: 9999;padding: 20px 0;transition: all 0.5s ease;height: 0;z-index: 999999;} .alertaGeral.ativo{bottom: 0; height: auto;} .alertaGeral .centro{position: relative;} .alertaGeral span.icon{display: block; float: left; font-size: 31px; color: #ffffff; margin: 0 20px 0 10px; position: absolute; top: 50%; transform: translateY(-50%);} .alertaGeral .texto{margin-left: 68px;} .alertaGeral .texto h3{text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 15px;} .alertaGeral .texto p{color: #ffff; opacity: 0.8; margin: 1px 0 0 0; font-size: 12px;} /* ALERTA GERAL FORM */ .alertaGeralForm{ padding:17px 5% 14px 5%; transition: all 0.5s ease; box-sizing: border-box; border-bottom-right-radius: 10px; box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.29); } .alertaGeralForm .centro{position: relative;} .alertaGeralForm span.icon{display: block; float: left; font-size: 20px; color: #ffffff; position: absolute; top: 50%; transform: translateY(-50%);} .alertaGeralForm .texto{margin-left:40px;} .alertaGeralForm .texto b{text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 14px; line-height: 18px; display: block;} .alertaGeralForm .texto p{color: #ffffff; opacity: 0.8; font-size: 12px; line-height: 16px;} .alertaGeralForm .texto a:link, .alertaGeralForm .texto a:active, .alertaGeralForm .texto a:visited{color: #ffffff;opacity: 1;font-size: 12px;line-height: 16px;display: inline-block;font-weight: 600;} .alertaGeralForm .texto a:hover{ color: #ffc468; } /* //////////////////////// RESPONSIVIDADE 640 ////////////////////////////// */ ._640 ._flutuante header .mascaraFlutuante{ height: 48px;} ._640 .boxPublicidadeTopoInterno{ padding-bottom: 2px; padding-top: 2px;} ._640 #r7-header-main{ height: 48px; position: fixed; z-index: 10; top: 0; z-index: 8000001; } ._640 #r7-header { width: 50px!important; } ._640 .r7-main-navigation{ height: 48px;} ._640 .r7-main-navigation .menu-R7 .main-menu.mais a{ display: none !important; } ._640 .r7-main-navigation .menu-R7 .main-menu.mais.mais-extra-small{ float: left;} ._640 .r7-main-navigation .menu-R7 .r7-logo{ padding: 11px 13px !important;} ._640 .r7-main-navigation .menu-R7{ max-width: 840px !important; min-width: 280px !important; padding: 0px 30px 0 20px; box-sizing: border-box; float: left; width: 100%;} ._640 .r7-main-navigation .menu-R7 .main-menu.mais span{ padding-right: 20px !important;} ._640 .r7-main-navigation .menu-R7 li{ margin-top: 14px;} ._640 .sub_menu_responsible_extra_small, ._640 .sub_menu_responsible_small{ width: 120px; overflow: hidden; height: 48px;} ._640 header{ transition: all 0.5s ease;} ._640 #menuMobile{ transition: all 0.5s ease;} ._640 header .mascaraFlutuante .logotipo{ float: initial; position: fixed; left: 0; top: 0px; box-sizing: border-box; padding: 5px 0 0 31%; width: 100%; margin: 0; z-index: 10; background: #ffffff; } ._640 header .mascaraFlutuante .logotipo a{ display: block; width: 150px;} ._640 header .logotipo .simbolo{ width: 40px !important; display: block; margin-right: 2px; } ._640 ._flutuante header .mascaraFlutuante .logotipo .simbolo{ width: 40px !important;} ._640 header .logotipo .nome{ width: 100px !important; margin-top: 11px; } ._640 ._flutuante header .mascaraFlutuante .logotipo .nome{ width: 100px !important; margin-top: 11px !important;} ._640 header nav{ position: fixed; top: 49px; width: 100%; padding: 0px; z-index: 100000; height: 100%; transition: all 0.5s ease; background: #ffffff; right: -100%;} ._640 #menuMobile{width:100%; height: 48px; position: fixed;right:0px;top:0px; cursor: pointer; z-index:9002; background: #ffffff; display: block; max-width: 60px;} ._640 #menuMobile .baseMenuMobile{ width:100%; height: 48px; position: relative;} ._640 body.open header nav{ right: 0px;} ._640 body.open #menuMobile{height: 48px; border-left: solid 0px rgba(255,255,255,0.1)!important;} ._640 header nav ul{ position: relative;} ._640 header nav li.menuPrincipal.logado{ display: block !important; float:left;} ._640 header nav li.menuPrincipal.logado > a:link, ._640 header nav li.menuPrincipal.logado > a:active, ._640 header nav li.menuPrincipal.logado > a:visited{ padding-top: 0px; height: 46px; line-height: 46px; } ._640 header nav li.menuPrincipal.logado .simbolo img{ margin: 0 auto;} ._640 header nav li.menuPrincipal{ padding:0; width: 100%; text-align: left; box-sizing: border-box; height: 46px; line-height: 46px; border-bottom: solid 1px #efefef; } ._640 header nav li.menuPrincipal > a:link, ._640 header nav li.menuPrincipal > a:active, ._640 header nav li.menuPrincipal > a:visited{position: absolute; z-index: 1000000; padding: 0px 20px; box-sizing: border-box; } ._640 header nav li.menuPrincipal > a, ._640 header nav li > a span svg path{ display: block; height: 46px; width: 100%; padding:0; } ._640 header nav li.menuPrincipal .simbolo{ margin-top: 6px;} ._640 header nav li.menuPrincipal.ativo > a .simbolo{ color:#ffffff;} ._640 header nav li.menuPrincipal em.textoMP::after{ display: none;} ._640 header nav li.menuPrincipal::after{ content: '+'; display: block; position: absolute; right: 25px; top: -1px; color: #cccccc; font-size: 19px; transition: all 0.5s ease;} ._640 header nav li.menuPrincipal.linkDireto::after{ content: '»';} ._640 header nav li:hover .submenu{ display: none;} ._640 header nav li.menuPrincipal.logado .balaoAviso{ display: none;} ._640 header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li a .alertanum{ display: none;} ._640 header nav li .submenu.submenuLogado .blocoPrimeiroMenu > li .submenu2 a .alertanum{display: block;} ._640 header nav li .submenu{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff; overflow:auto;} ._640 header nav li.menuPrincipal .submenu{ position: fixed; z-index: 1000001; left:100%; top: 49px; background: #ffffff;} ._640 header nav li.menuPrincipal.ativo .submenu{ left: 0px;} ._640 header nav li .submenu .blocoTexto{ display: none;} ._640 header nav li .submenu .menuEstatico{ margin-top: 0px; background: none;} ._640 header nav li.menuPrincipal .menuEstatico > .simbolo{ float: left; width: auto; margin-right: 15px;} ._640 header nav li .submenu .blocoPrimeiroMenu{ border-right: none; width: 100%; float: initial; box-shadow: none; border: none; overflow: auto; padding:0px 20px 80px 20px;} ._640 header nav li .submenu .boxMenu{ width: 100%; box-shadow: none; border: none;} ._640 header nav li .submenu .menuEstatico{ width: 100%; box-sizing: border-box; box-shadow: none; border: none; text-align: left; padding: 0px 20px 0px 20px;} ._640 header nav li .submenu .menuEstatico::after{ display: none;} ._640 header nav li .submenu .menuEstatico::before{ display: none;} ._640 header nav li .submenu .menuEstatico a.voltarSubmenu:link, ._640 header nav li .submenu .menuEstatico a.voltarSubmenu:active, ._640 header nav li .submenu .menuEstatico a.voltarSubmenu:visited{float: right; height: 46px; line-height: 46px; background: #f4f4f4; width: 40%; margin-right: -20px; text-align: right; padding: 0px 20px; box-sizing: border-box; border-bottom-left-radius: 10px; color: #505050;} ._640 header nav li .submenu .menuEstatico a.voltarSubmenu:hover{} ._640 header nav li .submenu.submenuForum .blocoPrimeiroMenu a:link, ._640 header nav li .submenu.submenuForum .blocoPrimeiroMenu a:active, ._640 header nav li .submenu.submenuForum .blocoPrimeiroMenu a:visited{ text-align: left;} ._640 header nav li .submenu.submenuForum .blocoPrimeiroMenu a span{ color: #bbbbbb; width: 25px; padding: 10px 17px 0px 0px;} ._640 header nav li .submenu .blocoPrimeiroMenu > li > a:link, ._640 header nav li .submenu .blocoPrimeiroMenu > li > a:active, ._640 header nav li .submenu .blocoPrimeiroMenu > li > a:visited{ text-align: left; margin-left: 0px; border-bottom: solid 2px #999999; text-transform: uppercase; line-height: 26px; margin-top: 10px; margin-top: 20px; margin-bottom: 8px;} ._640 header nav li .submenu .blocoPrimeiroMenu > li:first-of-type > a{ margin-top: 5px;} ._640 header nav li .submenu .blocoPrimeiroMenu > li > a span{ display: none;} ._640 header nav li .submenu .blocoPrimeiroMenu > li .submenu2{ position: initial; display: block; width: 100%; top: initial; left: initial; min-height: initial;} ._640 header nav li .submenu .blocoPrimeiroMenu > li .submenu2 a:link, ._640 header nav li .submenu .blocoPrimeiroMenu > li .submenu2 a:active, ._640 header nav li .submenu .blocoPrimeiroMenu > li .submenu2 a:visited{ margin: 0px; text-align: left; text-transform: capitalize;} ._640 header nav li .submenu .blocoSegundoMenu{ display: none;} ._640 header nav li .submenu .blocoPrimeiroMenu a:link, ._640 header nav li .submenu .blocoPrimeiroMenu a:active, ._640 header nav li .submenu .blocoPrimeiroMenu a:visited{ margin: 0px 0px; text-align: left;} ._640 header nav li .submenu.submenuLogin{ left: 0px!important;} ._640 header nav li .submenu.submenuLogin b.h3{ text-align: left;} ._640 .tituloInterno{ text-align: center;} ._640 .tituloInterno h1{ text-align: center; float: initial; width: 100%;} ._640 .tituloInterno h2{ text-align: center; float: initial; width: 100%;} ._640 .tituloInterno span.h2{ text-align: center; float: initial; width: 100%;} ._640 .tituloInterno em{ float: inherit; font-size: 19px; color: #aaaaaa;} ._640 .tituloInterno b{ float: inherit; font-size: 19px; font-weight: 500;} ._640 .tituloInterno a.botaoMais:link, ._640 .tituloInterno a.botaoMais:active, ._640 .tituloInterno a.botaoMais:visited{ display: inline-block; text-align: center; float: initial; margin: 0px 1.5%;} ._640 .boxEsquerda2018{ width:100%; margin:0 1%; border-right:none;} /* MEN MOBILE */ #menuMobile span{ transition: .25s ease-in-out; box-sizing: border-box; display: block; background: #0092ab; border-radius: 2px;} #menuMobile #hamburger{ position: absolute; height: 100%; width: 100%; z-index:1001;} #menuMobile #hamburger span{ width:26px; height: 3px; position: relative; top: 10px; left: 14px; margin: 5px 0;} #menuMobile #hamburger span:nth-child(1){transition-delay: .5s;} #menuMobile #hamburger span:nth-child(2){transition-delay: .625s;} #menuMobile #hamburger span:nth-child(3){transition-delay: .75s;} #menuMobile #cross{ position: absolute; height: 100%; width: 100%; transform: rotate(45deg); z-index:1001; margin-left: 5px; margin-top: 3px; } #menuMobile #cross span:nth-child(1){ height: 0%; width: 3px; position: absolute; top: 12px; left: 23px; transition-delay: 0s;} #menuMobile #cross span:nth-child(2){ width: 0%; height: 3px; position: absolute; left: 10px; top: 25px; transition-delay: .25s;} #menuMobile.open span { background:#0092ab;} #menuMobile.open #hamburger span { width: 0%;} #menuMobile.open #hamburger span:nth-child(1) {transition-delay: 0s;} #menuMobile.open #hamburger span:nth-child(2) {transition-delay: .125s;} #menuMobile.open #hamburger span:nth-child(3) {transition-delay: .25s;} #menuMobile.open #cross span:nth-child(1) {height: 65%; transition-delay: .625s;} #menuMobile.open #cross span:nth-child(2) {width: 52%; transition-delay: .375s;} ._640 header .boxPublicidade .banner{ display: none;} ._640 header .boxPublicidade .bannerMobile{ display: block; width: 320px; margin: 0 auto;} ._640 header .boxPublicidade{ padding: 5px 0px; background: none;} ._640 header .boxPublicidade .redes{ display: none;} ._640 header .barraCor{ height: 2px !important; display: inline-flex;} ._640 header .barraCor tr td{ height: 2px !important;} ._640 .home2018 .ferramentas{ float: initial;} ._640 .barraCor::after {bottom: -5px;} ._640 footer{ padding: 20px 0px 30px 0px;} ._640 footer ul{ display: none;} ._640 footer .redes{ float: initial; margin: 0 auto;} ._640 footer .redes h5{ display: none; } ._640 footer .redes ol{ margin-top: 0px;} ._640 footer .redes .botoesLike{border-bottom: none;text-align: center;} ._640 .footer__container .footer__logo{ margin: 0 auto; width: 100px;} ._640 .r7-container-footer{ padding: 25px 0 20px 0 !important;} ._640 .r7-container-footer img{ padding-top: 0px; padding-bottom: 10px;} ._640 .rodapeFinal p{ width: 100%; text-align: center; float: initial;} ._640 .rodapeFinal h6{ float: initial; margin-top: 10px; text-align: center;} ._640 .rodapeFinal .centro,._640 .avisoCookie .centro{ min-width: 100%; max-width: 100%;} body.erro404 h1{display: block;text-align: center;overflow: hidden;width: 250px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} body.erro404 h1 .simbolo{width: 78px;display: block;float: left;} body.erro404 h1 .nome{width: 170px;display: block;float: left;margin-top: 28px;} body.erro404 .blocoMeio{position: fixed;top: 50%;transform: translateY(-50%);z-index: 99;width: 100%;height: 310px;border-bottom: 1px solid #000;margin-top: -100px;} body.erro404 .blocoMeio .erroDesenho{position: absolute;left: 50%;transform: translateX(-50%); bottom: -48px; max-width: 465px;z-index: 15;width: 100%;padding: 0 20px;box-sizing: border-box;} body.erro404 .blocoMeio .erroDesenho img{width: 100%;} body.erro404 .blocoMeio .texto{position: absolute;bottom:-140px;left: 50%;transform: translateX(-50%);text-align: center;width: 100%;} body.erro404 .blocoMeio .texto h4{color: #007f95;font-size: 20px;font-weight: 600;} body.erro404 .blocoMeio .texto p{color: #507d85; } body.erro404 .blocoMeio .texto a:link, body.erro404 .blocoMeio .texto a:active, body.erro404 .blocoMeio .texto a:visited{background: #2c3536;font-size: 14px;color: #fff;margin: 20px 0 0 0;display: inline-block;line-height: 34px;border-radius: 3px;padding: 0 18px;transition: all 0.5s ease;} body.erro404 .blocoMeio .texto a:hover{background: #f26a3c;} /* ERRO - ACESSO RESTRITO */ .erro403{margin-top:10px;} .erro403 .blocoMeio{position: relative;z-index: 99;width: 100%;} .erro403 .blocoMeio .erroDesenho{max-width: 415px;z-index: 15;padding: 0 20px;box-sizing: border-box;margin: 0 auto;} .erro403 .blocoMeio .erroDesenho img{width: 100%;} .erro403 .blocoMeio .texto{text-align: center;width: 100%;margin-top: 25px;} .erro403 .blocoMeio .texto h4{color: #007f95;font-size: 20px;font-weight: 600;} .erro403 .blocoMeio .texto p{color: #507d85; } .erro403 .blocoMeio .texto a:link, .erro403 .blocoMeio .texto a:active, .erro403 .blocoMeio .texto a:visited{background: #2c3536;font-size: 14px;color: #fff;margin: 20px 0 0 0;display: inline-block;line-height: 34px;border-radius: 3px;padding: 0 18px;transition: all 0.5s ease;} .erro403 .blocoMeio .texto a:hover{background: #f26a3c;}