* { list-style-type: none; font-family: 'Exo 2', sans-serif; }
a:hover { text-decoration: none; transition: color 0.2s ease-out 0s; -o-transition: color 0.2s ease-out 0s; -ms-transition: color 0.2s ease-out 0s; -moz-transition: color 0.2s ease-out 0s; -webkit-transition: color 0.2s ease-out 0s; }
body { /*background:url(../img/8rgVZR5.jpg?s=1) no-repeat -180px 90px;*/
background: url(../img/background.jpg?s=1) no-repeat center 0px; }
.container { padding: 0 15px; margin-bottom: 20px; }
.container-fluid { padding: 0; }
#tela_preta { position: fixed; background: #000; z-index: 100000000; width: 100%; min-height: 100%; height: 100%; opacity: .8; display: none }
#pop { position: absolute; width: 300px; height: 403px; z-index: 1000000000; display: none; }
#pop .close { float: right; width: 36px; height: 36px; cursor: pointer; opacity: 1; background-image: url('../img/fancybox_sprite.png'); }
.span5 { max-width: 300px; }
.span8 { margin: 0; }
/* Folga interna das colunas: sem ela o titulo e a imagem do .span8 encostam
   no .span4. O .span4 fica em outro .row-fluid, entao casa com o seletor
   :first-child do bootstrap, que zera a margem de calha. Padding resolve
   independente disso, e com border-box a largura das colunas nao muda.
   Medido em 02/09/2026 a 1280px: folga 0 -> 10px, sem scroll horizontal.
   Mesmo efeito que verdaoweb e torcidaflamengo obtem em style.css:245. */
.row-fluid > * { padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
/* HEADER **********************************************************/
.header { overflow: hidden; margin: -4px 0 35px; }
/* HEADER H1 **********************************************************/
h1 { text-align: center; }
/* HEADER BANNER TOP**********************************************************/
.banner-top { float: right;  text-align: right; width: 728px; height: 100px; }
/* HEADER LOGIN **********************************************************/
.login { overflow: hidden; float: left; margin-right: 20px; }
/* HEADER GOOGLE SEARCH **********************************************************/
.google-search { overflow: hidden; }
/* HEADER MENU **********************************************************/
.menu { width: 100%; display: block; overflow: hidden; margin-top: 20px; }
.menu a:hover { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 30px #FFF; -o-text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 30px #FFF; -ms-text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 30px #FFF; -moz-text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 30px #FFF; -webkit-text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 30px #FFF; }
.menu .login-redes { margin-top: 35px; }
.menu .redes-sociais a { background: none; }
/* END HEADER **********************************************************/


/* NOTÍCIAS **********************************************************/
	/* MANCHETE MAIOR **********************************************************/
.manchete-maior { margin-bottom: 15px; }
.manchete-maior a { display: block; color: #000; font-size: 25px; line-height: 30px; }
.manchete-maior a:hover { color: #999999; }
.manchete-maior img { display: block; margin-bottom: 8px; }
/* NOTÍCIAS MENOR **********************************************************/
.manchete-menor { margin-bottom: 25px; }
.manchete-menor a { color: #000; display: block; }
.manchete-menor a:hover { color: #999999; }
.manchete-menor img { display: block; margin-bottom: 5px; }
/* ÚLTIMAS NOTÍCIAS **********************************************************/
/* Era .noticias h4. O cabecalho da coluna esquerda virou <h2 class="titulo-secao">,
   como no verdaoweb; o h4 fica porque nao custa e nao ha outro consumidor. */
.noticias .titulo-secao, .noticias h4 { color: #000; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
ul.ultimas-noticias { margin: 0 0 40px 0; }
.ultimas-noticias li { padding: 10px 0; border-bottom: 1px solid #E5E5E5; }
.ultimas-noticias li a { display: block; color: #000000; }
.ultimas-noticias li a:hover { color: #999999; }
.ultimas-noticias li a span { color: #000; font-weight: bold; }
/* A data do dia era um <span> solto dentro do <ul>, onde so <li> e valido.
   Passou a sair dentro de <li class="data-dia">, sem o padding nem a borda
   dos itens de noticia, para o desenho continuar o mesmo. */
.ultimas-noticias li.data-dia { padding: 0; border-bottom: 0; list-style: none; }
/* .label-info generico e #ffffff sobre #31708f (5.46:1). Na lista de ultimas
   noticias a data usa o preto da marca do Corinthians: 21:1. */
.ultimas-noticias .label-info { background-color: #000; color: #fff; text-shadow: none; }
/* Botao "Noticias anteriores"/"Ver todas as noticias": sai do vermelho
   btn-danger, que nao e cor deste portal, para o preto e branco da marca.
   #ffffff sobre #000000 e 21:1. */
.btn-anteriores, .btn-anteriores:hover, .btn-anteriores:focus, .btn-anteriores:active { background-color: #000; background-image: none; color: #fff; text-shadow: none; border-color: #000; }
.btn-anteriores:hover, .btn-anteriores:focus { background-color: #333; border-color: #333; }
.btn-anteriores { margin-bottom: 12px; }
/* COLUNA DIREITA **********************************************************/
	/* BANNER **********************************************************/
.banner300x250, .facebook { margin-bottom: 30px; text-align: center }
.publicidade{
    display: block;
    line-height: normal;
    margin: 0px 0px 2px;
    padding: 0px;
    color: #767676;
    text-align: center;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
/* FACEBOOK **********************************************************/
.fb-like-box { }
/* Texto so para leitor de tela. O Bootstrap 2.2.2 nao traz .sr-only.
   Usada pelo <h1> da home, como no verdaoweb e no gremioavalanche. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* MAIS LIDAS **********************************************************/
.mais-lidas { margin-bottom: 30px; border-bottom: 1px solid #E5E5E5; }
.mais-lidas .line { margin-bottom: 20px; }
/* Era .mais-lidas h4, seletor por elemento. O cabecalho virou <h2> no gerador
   escrevenews-maislidas.asp, entao a regra passa a casar pela classe. O h4 fica
   ate o gerador reescrever o inc-coluna-maislidas.asp na proxima publicacao. */
.mais-lidas .titulo-mais-lidas, .mais-lidas h2, .mais-lidas h4 { color: #000; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.mais-lidas a { display: block; color: #000; word-break: break-word; }
.mais-lidas a:hover { color: #999999; }
/* Era max-height. Com altura automatica a caixa da miniatura vale zero ate a
   imagem chegar, e as dez linhas da coluna descem de uma vez quando ela chega.
   O 102px ja era o teto desta caixa; declarado como altura, ele passa a reservar
   o espaco antes do carregamento. O object-fit: cover mantem o mesmo recorte. */
.mais-lidas a img{ height:102px;    width: 100%;
    object-fit: cover;
    object-position: top; margin-bottom: 5px;  }
.mais-lidas p { margin: 5px 0; line-height: 15px; }

/* FÓRUM **********************************************************/
.forum { margin-bottom: 30px; }
.forum .line { margin-bottom: 15px; }
.forum h4 { color: #000; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.forum a { color: #333333; display: block; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.forum a:hover { color: #999999; }
.forum span { color: #000000; font-weight: bold; }
/* GATAS **********************************************************/
.gatas { margin-bottom: 30px; }
.gatas h4 { color: #000; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
/* CLASSIFICAÇÃO **********************************************************/
.classificacao { margin-bottom: 30px; }
.classificacao h4 { color: #000; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
/* PRÓXIMO JOGO */

.proximos_jogos{width: 100%!important; max-width: 100%!important}
.jogos { overflow: hidden; }
.jogos img { height: 30px; }
.jogos .placar-x { display: flex;
    align-items: center; }
.jogos .proximo-jogo { overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #EAEAEA; padding-bottom: 15px; }
.jogos .proximo-jogo h3 { color: #333333; margin: 0 0 2px 0; font-size: 20px; background: none; padding: 0; padding-left: 5px; font-weight: bold; display: block; text-align: center }
.jogos .proximo-jogo .clubes { width: 100%; height: 64px; display: block; position: relative;  
text-decoration: none; }
.jogos .proximo-jogo .clubes span { color: #888; font-size: 14px; display: block; padding: 5px 0 5px; text-align: center; font-weight: normal; }
.jogos .proximo-jogo .clubes span.nome { font-size: 17px; }
.jogos .proximo-jogo .clubes .time-mandante { position: absolute; margin: 0; left: 5px; width: 125px; bottom: 0; }
.jogos .proximo-jogo .clubes .time-mandante .jogo-escudo-mandante { float: left; margin: 0; margin-right: 4px; }
.jogos .proximo-jogo .clubes .time-visitante { position: absolute; right: 5px; margin: 0; width: 125px; bottom: 0; }
.jogos .proximo-jogo .clubes .time-visitante .jogo-escudo-visitante { float: right; margin: 0; margin-left: 4px; }

/* ================================================================================================================================================================================================================================================================================== */
	/* ÚLTIMO JOGO */
.jogos .ultimo-jogo { overflow: hidden; padding-bottom: 1.8rem;}
.jogos .ultimo-jogo h3 { color: #333333; margin: 0 0 2px 0; font-size: 20px; font-weight: bold; background: none; padding: 0; padding-left: 5px; text-align: center; display: block; }
.jogos .ultimo-jogo .clubes { width: 100%; height: 64px; display: block; position: relative; 
text-decoration: none; }
.jogos .ultimo-jogo .clubes span { color: #888; font-size: 14px; display: block; padding: 5px 0 5px; text-align: center; font-weight: normal; }
.jogos .ultimo-jogo .clubes span.nome { font-size: 15px; }
.jogos .ultimo-jogo .clubes .time-mandante { position: absolute; margin: 0; left: 5px; width: 140px; bottom: 0; }
.jogos .ultimo-jogo .clubes .time-mandante .jogo-escudo-mandante { float: left; margin: 0; margin-right: 4px; }
.jogos  .clubes .placar { position: absolute;    left: 50%;    width: 60px;    bottom: 0;    margin: 0;    display: flex;    justify-content: space-evenly;    align-items: center;    transform: translateX(-50%);}
.jogos  .clubes  .placar .placar-mandante { text-align: right; font-size: 18px; color: #444444; font-weight: bold; }
.jogos  .clubes  .placar .placar-visitante {  text-align: left; font-size: 18px; color: #444444; font-weight: bold; }
.jogos .ultimo-jogo .clubes .time-visitante { position: absolute; margin: 0; right: 5px; width: 140px; bottom: 0; }
.jogos .ultimo-jogo .clubes .time-visitante .jogo-escudo-visitante { float: right; margin: 0; margin-left: 4px; }
/* FOOTER **********************************************************/
.footer { padding: 30px 0 0; background: url(../img/bg-footer.jpg) repeat-x 0 0; }
.footer .container { text-align: center; }
.footer .container p { color: #999999; }
.footer .container a { color: #000; }
.footer .container a:hover { color: #FFF; }
.footer .anchorLink { clear: both; }
.footer .icon-circle-arrow-up { margin-top: 3px; }
/* INTERNAS **********************************************************/
.interna .titulo { display: block; color: #000000; font-weight: bold; letter-spacing: -1px; margin: 20px 0; text-align: left; }
.interna .sub-titulo { display: block; color: #666666; font-size: 25px; font-weight: bold; line-height: 30px; }
.interna p { margin-bottom: 25px; text-align: justify; font-weight: normal; font-size: 14px; line-height: 21px; }
.interna img { display: block; margin-bottom: 15px; }
/* INTERNA - BOX COMMENTS */
.box-comments .box-titulo { overflow: hidden; margin-bottom: 15px; padding: 10px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px; o-border-radius: 3px; ms-border-radius: 3px; moz-border-radius: 3px; webkit-border-radius: 3px; }
.box-comments .box-titulo span.data { overflow: hidden; float: left; color: #444444; padding: 5px 0 0 25px; margin-right: 15px; background: url(../img/icon-clock.png) no-repeat 4px 8px; }
.box-comments .box-titulo span.nick a { overflow: hidden; float: left; color: #000; padding: 5px 0 0 0; }
.box-comments .box-titulo span.nick a:hover { color: #000000; }
.box-comments .box-titulo ul.avaliacao { overflow: hidden; float: right; margin: 0; }
.box-comments .box-titulo ul.avaliacao li { overflow: hidden; height: 22px; float: left; padding: 0 8px; border-right: 1px solid #CCC; margin: 0; }
.box-comments .box-titulo ul.avaliacao li.desbordar { border: none; }
.box-comments .box-titulo ul.avaliacao li.desbordar span { float: left; }
.box-comments .box-titulo ul.avaliacao li a { overflow: hidden; height: 22px; color: #333; display: block; }
.box-comments .box-titulo ul.avaliacao li a.positivo { float: left; }
.box-comments .box-titulo ul.avaliacao li a.negativo { float: right; }
.box-comments .box-titulo ul.avaliacao li span { overflow: hidden; font-weight: bold; padding: 1px 8px; display: inline-block; }
.box-comments .box-foto img { width: 70px; margin: 0 8px 8px 0; }
.face-comments { border-bottom: 1px solid #E5E5E5; margin-top: 25px; }
.box-comments { padding: 15px; margin-bottom: 15px; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background-image: -o-linear-gradient(top, #ffffff, #f8f8f8); background-image: linear-gradient(to bottom, #ffffff, #f8f8f8); background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e5e5e5 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

@media screen and (min-width: 992px) {
.container_topo { padding-top: 72px }
}

@media screen and (max-width: 768px) {
/*body{     margin-top: 136px;}*/
.banner-top { float: none !important; width: 100% !important; height: auto !important;    text-align: center; }
}

@media only screen and (max-width: 632px) {
.fb-comments { width: 100% !important; }
.fb-comments iframe[style] { width: 100% !important; }
.fb-like-box { width: 100% !important; }
.fb-like-box iframe[style] { width: 100% !important; }
.fb-comments span { width: 100% !important; }
.fb-comments iframe span[style] { width: 100% !important; }
.fb-like-box span { width: 100% !important; }
.fb-like-box iframe span[style] { width: 100% !important; }
}
#fb-root { display: none; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
/*COMPARTILHAR***********************************************************/
.interna .compartilhe { width: 100%; overflow: hidden; padding: 15px 0; }
.interna .compartilhe strong { float: left; color: #888888; font-size: 12px; margin-right: 15px; padding-top: 3px; text-transform: uppercase; }
.interna .compartilhe span { font-size: 10px; }
.interna .compartilhe .curtir { float: left; width: 115px; height: 24px; }
.interna .compartilhe .face-frame { float: left; width: 106px; height: 24px; }
.interna .compartilhe .google-plus { float: left; width: 70px; height: 24px; }
.interna .compartilhe .twitter { float: left; width: 100px; height: 24px; }
.interna .compartilhe .curtir-2 { float: left; width: 95px; height: 24px; }
.interna .compartilhe .face-frame-2 { float: left; width: 140px; height: 24px; }
.interna .compartilhe .google-plus-2 { float: left; width: 73px; height: 24px; }
.interna .compartilhe .twitter-2 { float: left; width: 100px; height: 24px; }
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { cursor: pointer; background: #fff; color: #000 }

/* CONTRASTE (Frente 8a) ***********************************************/
/* .label-info do Bootstrap 2 (css/bootstrap.css) e #ffffff sobre #3a87ad,
   4.00:1, abaixo de 4.5:1 para texto normal. Mesmo precedente do verdaoweb:
   #31708f da 5.46:1 e e o tom que o Bootstrap 3 passou a usar para este papel. */
.label-info, .badge-info { background-color: #31708f; }
.label-info[href], .badge-info[href] { background-color: #266073; }

/* .btn-success (botao "Fazer login") e #ffffff sobre #5bb75b/#62c462-#51a351,
   2.51:1. Calculado agora (sem precedente nos portais irmaos): #398439 da
   4.63:1, mesmo verde do estado :active do Bootstrap 3 para este componente. */
.btn-success { background-color: #398439; background-image: none; }

/* .btn-danger (botao "Ver todas as noticias") e #ffffff sobre #da4f49/
   #ee5f5b-#bd362f, 4.04:1. Calculado agora: reusa o #b92c28 ja presente em
   css/bootstrap.css como border-color deste mesmo componente, 6.08:1. */
.btn-danger { background-color: #b92c28; background-image: none; }


/* "Ultimas noticias" era <h2 class="h2-titulo"> e virou <h3> para nao pular
   de h2 para h4 antes de "Noticias mais lidas" (heading-order). A classe nao
   tinha regra propria e o tamanho vinha do bootstrap: 31.5px em h2, 24.5px em
   h3. A regra abaixo devolve o tamanho anterior, para a troca ser so semantica.
   Os demais arquivos que usam .h2-titulo seguem em h2, onde ela nao muda nada. */
.h2-titulo { font-size: 31.5px; line-height: 40px; }

/* --- Perfil editorial do autor, portado do verdaoweb em 03/09/2026 --- */

/* Perfil do autor (autor.asp) e credito na materia (news.asp).
   Dimensoes fixas para nao deslocar o layout enquanto a imagem carrega. */
.autor-foto {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}
.autor-bio { margin-bottom: 10px; }
.autor-redes a { display: inline-block; margin-right: 12px; }
.autor-credito-foto {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}

@media (max-width:768px){.mob-ad-reserve{aspect-ratio:1/1;width:100%;overflow:hidden}}
/* Anuncio pushdown do Clever entra como filho direto do body e empurra a pagina inteira; fora do fluxo para nao deslocar o conteudo. O id do elemento varia com a unidade de anuncio (pushdownSponsorClick ou pushdown), por isso o seletor casa so por "pushdown". */
body>div[id*="pushdown"]{position:absolute!important;top:0!important;left:0!important}

/* remove contorno de foco em links e botoes clicaveis */
a:focus, a:active,
button:focus, button:active,
.btn:focus, .btn:active,
input[type=button]:focus, input[type=submit]:focus{outline:none;box-shadow:none;}

/* Alvo de toque de 44px e respiro entre os botoes de noticias no celular. */
@media (max-width: 767px) {
  .btn-anteriores { min-height: 44px; line-height: 24px; margin-bottom: 16px; }
  .ultimas-noticias li a { min-height: 44px; }
}
/* DIAS E TUTORIAIS - www.agenciapush.com.br */

.menu > ul:after {
  content: "";
  display: table;
  clear: both;
}

body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}

.menu {
  font: bold 13px Arial, Helvetica;
}

.menu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.menu li {
  position: relative;
}
.menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.menu li:hover > a {
  color: #FFFFFF;
}
.menu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.menu label {
  display: none;
  cursor: pointer;
  user-select: none;
}

.menu > ul > li {
  float: left;
}
.menu > ul > li > a {
  float: left;
  padding: 0.6em 0.5em;
  font-size:15px;
}
.menu > ul a {
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 1px 0 #000000;
	transition: color 0.2s ease-out 0s;
	-o-transition: color 0.2s ease-out 0s;
	-ms-transition: color 0.2s ease-out 0s;
	-moz-transition: color 0.2s ease-out 0s;
	-webkit-transition: color 0.2s ease-out 0s;
}

.menu > ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  -o-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: .15s;
  -moz-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.menu > ul ul li {
  display: block;
  -webkit-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  -moz-box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
  box-shadow: 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.menu > ul ul li:first-child > a {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.menu > ul ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 4em;
  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: inherit;
}
.menu > ul ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.menu > ul ul li:last-child > a {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.menu > ul ul a {
  padding: 1em;
  width: 175px;
  display: block;
  border-color: #373737;
}
.menu > ul ul a:hover {
  background-color: #0186ba;
  border-color: #0186ba;
}

@media screen and (max-width: 860px) {
  .menu > ul, .menu > ul ul {
    visibility: visible;
    opacity: 1;
    display: none;
  }

  .menu input[type=checkbox]:checked ~ label,
  .menu input[type=checkbox] ~ label:hover {
    color: white;
  }
  .menu label {
    border: 1px solid #040404;
    background-color: #111111;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #999999;
    text-shadow: 0 1px 0 #111111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 1em 3em;
  }
  .menu label:before {
    position: absolute;
    left: 0.5em;
    top: 5px;
    content: "\2261";
    font-size: 2em;
	line-height:36px;
  }
  .menu > ul {
    position: relative;
    border-color: #111111;
    margin: 0.5em 0 !important;
    padding: 0.25em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #111111;
    background-image: none;
  }
  .menu > ul:after {
    content: '';
    position: absolute;
    left: 2em;
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: inherit;
  }
  .menu > ul li {
    display: block;
  }
  .menu > ul > li {
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #111111;
    background-image: none;
  }
  .menu > ul > li > a {
    float: none;
    display: block;
    padding: 1em;
  }
  .menu > ul ul {
    position: static;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #2b2b2b;
    background-image: none;
    margin: 0;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }
  .menu > ul ul li:first-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .menu > ul ul li:first-child > a:after {
    content: none;
  }
  .menu > ul ul li:last-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .menu > ul ul a {
    padding-left: 2em;
    display: block;
    width: auto;
  }
  .menu input[type=checkbox]:checked ~ ul {
    display: block;
  }
  .menu input[type=checkbox]:checked ~ ul ul {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .menu > ul > li > a {
    padding: 1em 2em;
  }
}
.polegarsquare {
	max-width: 100%;
	height: 150px;
}
.polegarsquare img {
	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}