/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/04/2015, 17:06:43
    Author     : J Júnior (STS Solutions)
*/

@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-Regular.otf');
    src: url('./fonts/MyriadPro-Regular.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-Semibold.otf');
    src: url('./fonts/MyriadPro-Semibold.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-Bold.otf');
    src: url('./fonts/MyriadPro-Bold.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-BoldCond.otf');
    src: url('./fonts/MyriadPro-BoldCond.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-BoldCond.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-stretch: condensed;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-Cond.otf');
    src: url('./fonts/MyriadPro-Cond.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-Cond.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-BoldCondIt.otf');
    src: url('./fonts/MyriadPro-BoldCondIt.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-BoldCondIt.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-stretch: condensed;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-It.otf');
    src: url('./fonts/MyriadPro-It.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-It.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-SemiboldIt.otf');
    src: url('./fonts/MyriadPro-SemiboldIt.otf?#iefix') format('opentype'),
        url('./fonts/MyriadPro-SemiboldIt.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Myriad Pro, Segoe UI, Calibri, sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}
* {
    font-size: 100%;
}

.lazy-load{
    opacity: 0.5;
/*    background: linear-gradient(135deg, rgba(211,223,232,.5) 30%,rgba(169,184,197,.5) 38%,rgba(168,182,193,.6) 41%,rgba(168,182,193,.6) 50%,rgba(168,182,193,.6) 50%,rgba(169,184,197,.6) 51%,rgba(211,223,232,.6) 57%,rgba(211,223,232,.6) 80%,rgba(211,223,232,.6) 80%);
    background-size: 1200% 1200%;*/
    width: 100%;
    height: 100%;
    -webkit-animation: LazyLoadAnimation 2s ease infinite reverse;
    -moz-animation: LazyLoadAnimation 2s ease infinite reverse;
    animation: LazyLoadAnimation 2s ease infinite reverse;
}

@-webkit-keyframes LazyLoadAnimation {
    0% {
        background-color: #eeeeee;
    }
    50% {
        background-color: #d5d5d5;
    }
    100% {
        background-color: #eeeeee;
    }
}
@-moz-keyframes LazyLoadAnimation {
    0% {
        background-color: #eeeeee;
    }
    50% {
        background-color: #d5d5d5;
    }
    100% {
        background-color: #eeeeee;
    }
}
@keyframes LazyLoadAnimation {
    0% {
        background-color: #eeeeee;
    }
    50% {
        background-color: #d5d5d5;
    }
    100% {
        background-color: #eeeeee;
    }
}

.modal-body label {
    font-size: 90%;
    color: #666666;
}

/*************** Estrutura do site *************/
#site {

}

.clearmobile {
    position: absolute;
    background: blue;
}
.clear-mobile {
    display: none;
}

.share-mobile, .share-mobile-bg {
    display: none;
}

#sb-wrapper {
    opacity: 0.95;
}

#sb-wrapper-inner {
    border: 1px solid grey;
}

.home-bg-pub-right {
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: 500px;
}

.home-bg-pub-left {
    /* float: left; */
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -700px;
}

.home-bg-pub-left img, .home-bg-pub-right img {
    max-width: 100%;
}

/************* BANNERS FLUTUANTES **************/
.deliveryTag {
    width: 100%;
    height: 150px;
    text-align: center;

}
.deliveryTag .deliveryTagMobile {
    display: none;
}

#mask {
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index:9000;
    display:none;
}

#maskmobile {
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index:9000;
    display:none;
}

#boxes .window, #boxesmobile .window {
    height:200px;
    z-index:9999;
    padding:2px;
    width: 300px;
    display: block;
    position: fixed;
    text-shadow: 0 0px 0 #ffffff;
}

#boxesmobile {
    display: none;
}

#boxes #dialog2 {
    width:400px;
    height:400px;
}
#boxesmobile #dialogmobile {
    width:100%;
    max-height:400px;
}

#boxes #dialog2 div, #boxesmobile #dialogmobile div {
    margin-top: 16px;
}
#boxes #dialog2 div li, #boxesmobile #dialogmobile div li {
    position: absolute;
}

.close {
    display:block;
    text-align:right;
    color: red;
    font-size: 85%;
}

/************* DIALOGS **************/
#CommentDialog {
    position: fixed;
    width: 50%;
    margin-left: 25%;
}

/*********** CABEÇALHO *************/
#barraOculta, #menuMobile {
    display: none;
}

.banner-android {
    display: none;
}

#header {
    width: 100%;
    height: 135px;
    /*border-bottom: solid #EAEAEA 4px;*/
}

#header .cabecalho {
    padding: 10px 0px;
    height: 100px;
}

#header .cabecalho .logo {
    padding: 10px 0px;
    width: 400px;
    position: absolute;
    text-align: center;
    background: white;
    left: 50%;
    margin-left: -200px;
}
#header .logo-line {
    position: absolute;
/*    border-top: solid 6px #00ADEC;
    border-bottom: solid 2px #00ADEC;*/
    height: 3px;
    width: 100%;
    top: 60px;
}
#header .cabecalho .social-media {
    font-size: 80%;
    color: #A6A6A6;
    float: left;
    margin-top: 20px;
}
#header .cabecalho .social-media a img {
    width: 20px;
}
#header .cabecalho .date-now {
    float: left;
    font-size: 80%;
    color: #A6A6A6;
    margin-top: 25px;
}
#header .cabecalho .busca {
    font-size: 70%;
    color: #A6A6A6;
    float: right;
    margin-top: 10px;
}
#header .cabecalho .busca input {
    border-radius: 0px 7px 0px 0px;
    font-size: 100%;
    border-left: 0px;
    padding: 2px 7px;
    width: 150px;
    margin-top: 11px;
    margin-left: -2px;
}
#header .cabecalho .busca .assine {
    margin-right: 25px;
}
#header .cabecalho .busca .search-button {
    border: 1px solid #cccccc;
    border-right: 0px;
    padding: 1px 0px 3px 5px;
    display: inline-block;
    border-radius: 0 0 0 7px;
}
#header .cabecalho .busca .search-button i {
    margin: 0px 0px;
    border-right: 1px solid #cccccc;
    padding: 0px 2px;
}

#header .cabecalho .go-work {
    font-size: 70%;
    color: #A6A6A6;
    float: right;
    margin-top: 0px;
    text-align: right;
}
#header .cabecalho .go-work a {
    color: #A6A6A6;
}

#header #busca-mobile {
    display: none;
}
/*
#header #busca-mobile input, #header #busca-mobile img {
    display: none;
}*/

/*
#header .cabecalho .folha-digital {
    padding-top: 7px;
    width: 160px;
    margin-right: 5px;
    float: right;
    text-align: right;
}

#header .cabecalho .busca {
    padding-top: 10px;
    width: 600px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -300px;
}
*/

#header .menus {
    margin-top: 0px;
    padding: 0px;
}
.menu-top {
    border-top: #EAEAEA solid 2px;
    background: #AEAEAD;
    text-align: center;
    color: #ffffff;
}
.menu-top a {
    color: #ffffff;
}

.bottom-box {
    display: none;
}

/************************* CHAT CSS *************************/
.chat-text {
    position: fixed;
    right: -200px;
    bottom: 79px;
    border-radius: 20px 0 0 20px;
    background: #00adec;
    padding: 10px 40px 10px 20px;
    color: #FFFFFF;
}
.chat-text a {
    color: #FFFFFF;
}
.chat-icon {
    position: fixed;
    right: -100px;
    bottom: 75px;
    z-index: 99999;
}
.chat-icon img {
    width: 50px;
}

.chat-display {
    position: fixed;
    right: 80px;
    bottom: -80%;
    width: 40%;
    height: 80%;
    border-radius: 10px 10px 0 0 ;
    background: #FFFFFF;
    z-index: 999999;
}
.chat-display-translucid {
    opacity: 0.5;
}

.chat-display .chat-header {
    border-radius: 10px 10px 0 0 ;
    padding: 10px;
    background: #00adec;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
}

.chat-display .chat-header .chat-header-title {
    float: left;
    width: 60%;
}
.chat-display .chat-header .chat-header-options {
    float: right;
    width: 40%;
    text-align: right;
}
.chat-display .chat-login {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    position: absolute;
}
.chat-display .chat-login .chat-login-area {
    padding: 30px;
}
.chat-display .chat-login .chat-login-area .chat-login-welcome {
    text-align: center;
    font-size: 120%;
    padding: 20px;
}
.chat-display .chat-login .chat-login-area .chat-login-notice {
    text-align: center;
    padding: 20px;
}
.chat-display .chat-login .chat-login-area .chat-login-facebook {
    text-align: center;
}
.chat-display .chat-login .chat-login-area .chat-login-form {

}
.chat-display .chat-login .chat-login-area .chat-login-button {
    text-align: center;
    padding: 20px;
}
.chat-display .chat-messages {
    /*margin: 10px;*/
    background: #A6A6A6;
    overflow-y: scroll;
    height: 70%;
    position: absolute;
    width: 100%;
}

.chat-display .chat-messages .message-system {
    position: relative;
    clear: both;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.chat-display .chat-messages .message-system .message-text {
    position: absolute;
    margin-left: 25%;
    width: 50%;
    background: #e0e0e0;
    color: #A6A6A6;
    text-align: center;
    font-size: 80%;
    border-radius: 10px;
}

.chat-display .chat-messages .message-generic {
    position: relative;
    padding: 5px;
    margin: 5px 10px;
    background: #FFFFFF;
    max-width: 70%;
    min-width: 120px;
    border-radius: 0 10px 10px;
    float: left;
    clear: both;
}

.chat-display .chat-messages .message-private {
    position: relative;
    padding: 5px;
    margin: 5px 10px;
    background: #FFFFFF;
    max-width: 70%;
    min-width: 120px;
    border-radius: 10px 0 10px 10px;
    float: right;
    clear: both;
}

.chat-display .chat-messages .message-generic .message-nick {
    float: left;
    width: 70%;
    font-weight: bold;
}

.chat-display .chat-messages .message-generic .message-options, .chat-display .chat-messages .message-private .message-options {
    position: absolute;
    right: 5px;
    top: 5px;
    float: right;
    text-align: right;
}
.chat-display .chat-messages .message-generic .message-reference, .chat-display .chat-messages .message-private .message-reference {
    border-radius: 5px;
    border-left: 3px solid #00adec;
    background: #e0e0e0;
    color: #515151;
    font-size: 90%;
    padding: 5px;
    clear: both;
}
.chat-display .chat-messages .message-generic .message-reference span, .chat-display .chat-messages .message-private .message-reference span {
    font-size: 80%;
}
.chat-display .chat-messages .message-generic .message-text, .chat-display .chat-messages .message-private .message-text {
    float: left;
    max-width: 90%;
    clear: both;
    margin-bottom: 6px;
}
.chat-display .chat-messages .message-private .message-time, .chat-display .chat-messages .message-generic .message-time {
    float: right;
    text-align: right;
    font-size: 70%;
    color: #515151;
    position: absolute;
    bottom: 0px;
    right: 5px;
}

.chat-display .chat-user-display {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 22%;
}
.chat-display .chat-user-display .chat-user-text-area {
    position: relative;
    width: 80%;
    height: 70%;
    float: left;
}
.chat-display .chat-user-display .chat-user-text-area textarea {
    margin: 1.5% 0 1.5% 1.5%;
    width: 95.5%;
    height: 65%;
    border-radius: 10px 0 0px 10px;
    max-width: 95.5%;
    max-height: 65%;
    min-width: 95.5%;
    min-height: 65%;
}
.chat-display .chat-user-display .chat-user-send-button {
    position: relative;
    width: 20%;
    height: 70%;
    float: right;
}
.chat-display .chat-user-display .chat-user-send-button input[type="submit"], .chat-display .chat-user-display .chat-user-send-button input[type="button"] {
    position: absolute;
    margin: 4% 6% 6% 0;
    width: 94%;
    height: 79%;
    border-radius: 0px 10px 10px 0px;
    background: #0076cb;
    color: #FFFFFF;
}

/****** CHAT MESSAGES - NICKS COLORS *******/
.chat-display .chat-messages .message-color-0 {
    color: #00adec;
}
.chat-display .chat-messages .message-color-1 {
    color: #009F3C;
}
.chat-display .chat-messages .message-color-2 {
    color: #FF4316;
}
.chat-display .chat-messages .message-color-3 {
    color: #8B10EB;
}
.chat-display .chat-messages .message-color-4 {
    color: #FF0037;
}
.chat-display .chat-messages .message-color-5 {
    color: #337ab7;
}
.chat-display .chat-messages .message-color-6 {
    color: #DF0024;
}
.chat-display .chat-messages .message-color-7 {
    color: #2d672d;
}
.chat-display .chat-messages .message-color-8 {
    color: #ee162d;
}
.chat-display .chat-messages .message-color-9 {
    color: #0076cb;
}

/********************* END OF CHAT CSS *************************/


/********************* CONTEUDO *********************/
.newslatter-tag {
    position: fixed;
    right: 30px;
    bottom: -40px;
    border-radius: 20px 20px 0 0;
    background: #00adec;
    padding: 10px 40px 7px 40px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 9;
}
.newslatter-tag-noticia {
    float: right;
}
.newslatter-tag a, .newslatter-form a {
    color: #FFFFFF;
}
.newslatter-form {
    position: fixed;
    right: 30px;
    bottom: -380px;
    border-radius: 20px 20px 0 0;
    background: #F3F3F3;
    padding: 0px;
    width: 259px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 99;
}
.newslatter-title {
    border-radius: 20px 20px 0 0;
    background: #00adec;
    padding: 10px 40px 7px 40px;
    width: 179px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}
.newslatter-form iframe {
    border: none;
    height: 330px;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

.galeryIframe {
    width: 100%;
}

.noticia-img-mobile {
    display: none;
}

.super-eleicoes-mobile {
    display: none;
}
.super-eleicoes {
    width: 100%;
    height: 270px;
    background-position: center center;
    background-size: 100%;
    /*background-color: #A6A6A6;*/
}
.super-eleicoes a {
    color: #00ADEC;
}
.super-eleicoes .super-pchave{
    text-align: right;
    padding-top: 10px;
    font-weight: bold;
    font-size: 120%;
    color: #FFFFFF;
    padding-right: 18px;
}
.super-eleicoes .super-banner {
    width: 100%;
    text-align: center;
}
.super-eleicoes .super-banner img {
    max-width: 100%;
    max-height: 100px;
}
.super-eleicoes .super-manchete {
    width: 100%;
    font-size: 260%;
    padding: 20px 0px;
    text-align: center;
    /*font-weight: bold;*/
}
.super-eleicoes .super-pchave div {
    background: #00ADEC;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 18px;
    margin-right: -18px;
    padding-left: 300px;
    color: #FFFFFF;
    float: right;
}
.super-eleicoes-mobile a {
    color: #FFFFFF;
}
.super-eleicoes .super-content{
    height: 220px;
    padding-top: 15px;
    /*    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.85) 100%);  FF3.6-15 
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.85) 100%);  Chrome10-25,Safari5.1-6 
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.85) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );  IE6-9 */
}
.super-eleicoes .super-content .super-espaco {
    padding-right: 0.5%;
    margin-left: 0.5%;
    /*border-left: #00ADEC solid 3px;*/
    height: 100%;
}
.super-eleicoes .super-content .super-coluna {
    width: 20%;
    float: left;
    color: #00ADEC;
    text-align: center;
}
.super-eleicoes .super-content .super-coluna img {
    max-width: 80%;
    max-height: 120px;
}
.super-eleicoes .super-content .super-coluna .sp-col-pchave{
    font-size: 90%;
    margin-left: 7px;
    text-align: left;
    padding-bottom: 5px;
}
.super-eleicoes .super-content .super-coluna .sp-col-pchave span {
    background: #00ADEC;
    box-shadow: 5px 0 0 3px #00ADEC, -5px 0 0 3px #00ADEC;
    font-weight: bold;
}
.super-eleicoes .super-content .super-coluna .sp-col-title {
    /*font-family: Georgia, Constantia, Times;*/
    font-size: 130%;
    font-weight: bold;
    line-height: 140%;
    margin-top: 10px;
    width: 98%;
    margin-left: 2%;
}
.super-eleicoes .super-content .super-coluna .sp-col-title-full {
    /*font-family: Georgia, Constantia, Times;*/
    font-size: 150%;
    font-weight: bold;
    line-height: 160%;
    margin-top: 10px;
    width: 98%;
    margin-left: 2%;
}
.super-eleicoes .super-content .super-coluna .sp-col-resumo {
    margin-top: 10px;
    width: 98%;
    margin-left: 2%;
}
.super-eleicoes .super-content .super-video {
    width: 37%;
    float: left;
    color: #00ADEC;
    text-align: center;
}

/************** ESTRUTURA DO NOVO SITE ***************/
/************* PUBLICIDADE ASYNCHRONOUS **************/
.publicidade-asynchronous {
    /*padding: 0px 0px 30px 0px;*/
    color: #A6A6A6;
    font-size: 80%;
}
.publicidade-asynchronous .div {
    position: relative;
    text-align: center;
    background: url('../img/pontilhado.png') 0 0 repeat #FFFFFF;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.publicidade-asynchronous .div li {
    position: absolute;
    width: 100%;
}

.publicidade-asynchronous .div img, .publicidade-asynchronous .div li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.pub-async-web {
    display: block;
}

.pub-async-mobile {
    display: none;
}

/******************** NOVA HOME **********************/
.home-publicidade-horizontal-large {
    width: 100%;
    height: 260px;
    padding: 0px 0px 30px 0px;
}
.home-publicidade-horizontal-large .div {
    position: relative;
    height: 250px;
    width: 100%;
    text-align: center;
    background: url('../img/pontilhado.png') 0 0 repeat #FFFFFF;
}

.home-publicidade-horizontal-large .div img, .home-publicidade-horizontal-large .div li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.content-sector-principais {
    margin-top: -10px;
    width: 39%;
    margin-right: 1%;
    float: left;
}
.content-sector-principais .web-title-principal {
    position: relative;
}
.content-sector-principais .web-title-principal .back-line {
    position: absolute;
/*    border-top: solid 2px #00ADEC;
    border-bottom: solid 1px #00ADEC;*/
    height: 1px;
    width: 100%;
    top: 17px;
    padding: 0px;
    z-index: -1;
}

.content-sector-slider {
    padding: 8px 0px;
    width: 60%;
    float: left;
    max-height: 340px;
}

.carousel-caption h4 {
    margin: 0 0 5px;
    font-size: 180%;
    line-height: 110%;
    font-weight: 600;
}

.home-content-ultimas {

}
.home-content-ultimas .home-ultimas-list {
    float: left;
    width: 70%;
}
.home-content-ultimas .publicidade-lateral-new, .home-multimedia-content  .multimedia-lateral-new {
    float: right;
    width: 30%;
}
.home-content-ultimas .home-ultimas-list .ultimas-miniatura {
    width: 29%;
    margin-right: 2%;
    float: left;
}
.home-content-ultimas .home-ultimas-list .ultimas-miniatura .imagem {
    position: relative
}
.home-content-ultimas .home-ultimas-list .ultimas-miniatura .imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    border-radius: 20px;
}
.home-content-ultimas .home-ultimas-list .first-element {
    width: 46%;
}
.home-content-ultimas .home-ultimas-list .first-element .imagem {
    height: 250px;
}


.home-multimedia-content {

}
.home-multimedia-content .multimedia-list {
    float: left;
    width: 69%;
}
.home-multimedia-content .multimedia-list .multimedia-block {
}
.player-button {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    height: 70px;
    margin-top: -5px;
    margin-left: -50%;
    font-size: 75%;
    display: none;
}
.show-play {
    display: block;
}
.player-button a, .player-button a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.player-button a .img-play {
    margin-bottom: -15px;
    max-height: 100%;
    max-width: 100%;
}
.home-multimedia-content .multimedia-list .channels-area {
    /*margin-top: 20px;*/
    width: 100%;
    height: 250px;
}
.home-multimedia-content .multimedia-list .channels-area .channels-content {
    text-align: center;
    /*min-width: 1170px;*/
    max-width: 100%;
    max-height: 100%;
    /*position: absolute;*/
    /*left: 48%;*/
    /*top: 50%;*/
    /*transform: translateX(-50%);*/
    /*-webkit-transform: translateX(-50%);*/
}
.home-multimedia-content .multimedia-list .channels-area .channels-content .channel-item {
    float: left;
    position: relative;
    height: 250px;
    width: 150px;
    margin: 0 0px;
}
.home-multimedia-content .multimedia-list .channels-area .channels-content .channel-item .item-selected {
    /*    filter: blur(5px);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);*/
}
.home-multimedia-content .multimedia-list .channels-area .channels-content .channel-item img {
    max-width: 100%;
    height: 100%;
}

.ultimas-video-list {
    width: 96%;
}
.ultimas-video-list .left-video, .ultimas-video-list .right-video {
    width: 48%;
    height: 200px;
    position: relative;
}
.ultimas-video-list .left-video iframe, .ultimas-video-list .right-video iframe {
    width: 100%;
    height: 100%;
}
.ultimas-video-list .left-video {
    float: left;
}
.ultimas-video-list .right-video {
    float: right;
}

.content-titulo {
    position: relative;
}

.back-line {
    position: absolute;
/*    border-top: solid 2px #00ADEC;
    border-bottom: solid 1px #00ADEC;*/
    height: 1px;
    width: 100%;
    top: 5px;
    padding: 0px;
    z-index: -1;
}
.back-line-blue {
    border-top: solid 2px #2104AC;
    border-bottom: solid 1px #2104AC;
}
.back-line-blue-light {
    border-top: solid 2px #00ADEC;
    border-bottom: solid 1px #00ADEC;
}
.back-line-orange {
    border-top: solid 2px #F9A935;
    border-bottom: solid 1px #F9A935;
}
.back-line-black {
    border-top: solid 2px #000000;
    border-bottom: solid 1px #000000;
}
.back-line-green {
    border-top: solid 2px #08BD04;
    border-bottom: solid 1px #08BD04;
}

.ballon-news {
    font-size: 120%;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 20px;
    width: 100%;
    height: 25px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    padding-top: 3px;
    border-bottom: 2px solid #cbd3da;
}
.ballon-comments {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 80%;
    text-align: center;
    padding-top: 3px;
    width: 176px;
    height: 29px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-image: url("../img/ballon_comments_blue_light.png");
}
.ballon-news a, .ballon-comments a {
    color: #00ADEC;
    font-weight: bold;
}
.ballon-orange a {
    /*background-image: url("../img/ballon_news_orange.png");*/
    color: #F9A935;
}
.ballon-black a {
    /*background-image: url("../img/ballon_news_black.png");*/
    color: black;
}
.ballon-green a {
    /*background-image: url("../img/ballon_news_green.png");*/
    color: #08BD04;
}
.ballon-blue a {
    /*background-image: url("../img/ballon_news_blue.png");*/
    color: #2104AC;
}
.ballon-blue-light {
    /*background-image: url("../img/ballon_news_blue_light.png");*/
}

/**************** FIM DA NOVA HOME *******************/
/********** FIM DA ESTRUTURA DO NOVO SITE ************/


/*********** �REAS DO CONTENT *************/

.content-sector-ultimas {
    padding: 8px 0px;
    width: 38%;
    margin-right: 2%;
    float: left;
}

.content-sector-ultimas .rolagem {
    height: 1560px;
}

.content-sector-tv-folha {
    padding: 8px 0px;
    width: 33%;
    margin-right: 2%;
    float: left;
}

.content-sector-tvfolha-wide {
    padding: 8px 0px;
    width: 100%;
    text-align: left;
}

.multimedia-block .wide-video {
    float: left;
    width: 70%;
    height: 290px;
    position: relative;
    /*background-color: #000000;*/
}
.content-sector-tvfolha-wide .wide-video {
    float: left;
    width: 70%;
    height: 290px;
    position: relative;
    background-color: #000000;
}
.fbvplay-block .wide-video {
    float: none;
    width: 100%;
    height: 420px;
    position: relative;
    /*background-color: #000000;*/
}
.wide-image {
    padding: 0;
    margin: 0;
    margin-left: -2px;
    display: block;
    background-position: top center;
    background-color: #A6A6A6;
    width: 102.5%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wide-image .gal-dgd {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    font-size: 90%;
    padding-top: 140px;
    text-align: left;
    font-size: 90%;
    bottom: 0px;
    position: absolute;
    border-radius: 20px;
}

.wide-image .gal-dgd .title {
    color: #ffffff;
    font-weight: bold;
    bottom: 6px;
    padding: 10px 5px;
}

.wide-image .gal-dgd .title a {
    font-family: Georgia, Constantia, Times;
    text-decoration: none;
    color: #ffffff;
    font-size: 160%;
}
.right-image {
    padding: 0;
    margin: 0;
    margin-left: -2px;
    display: block;
    background-position: top center;
    background-color: #A6A6A6;
    width: 102.5%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.right-image .gal-dgd {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    font-size: 70%;
    padding-top: 10px;
    text-align: left;
    bottom: 0px;
    position: absolute;
    border-radius: 20px;
}

.right-image .gal-dgd .title {
    color: #ffffff;
    font-weight: bold;
    bottom: 6px;
    padding: 10px 5px;
}

.right-image .gal-dgd .title a {
    font-family: Georgia, Constantia, Times;
    text-decoration: none;
    color: #ffffff;
    font-size: 160%;
}

.multimedia-block .wide-video .player-ico, .content-sector-tvfolha-wide .wide-video .player-ico {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    width:100px;
    height:100px;
    border:none;
}
.multimedia-block .wide-video iframe, .content-sector-tvfolha-wide .wide-video iframe {
    border:none;
    overflow:hidden;
    width:100%;
    height: 100%;
}
.multimedia-block .right-video, .content-sector-tvfolha-wide .right-video {
    float: right;
    width: 29%;
    margin-bottom: 9px;
    height: 140px;
    position: relative;
    background-color: #000000;
}
.multimedia-block .right-video .player-ico, .ultimas-video-list .left-video .player-ico, .ultimas-video-list .right-video .player-ico, .content-sector-tvfolha-wide .right-video .player-ico, .ultimas-video-list .left-video .player-ico, .ultimas-video-list .right-video .player-ico {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    border:none;
}
.multimedia-block .right-video iframe, .content-sector-tvfolha-wide .right-video iframe {
    border:none;
    overflow:hidden;
    width:100%;
    height: 140px;
}


.home-colunas .home-colunas-list {
    margin-top: 20px;
}
.home-colunas .home-colunas-list .colunista-area {
    float: left;
    width: 33%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.noticias-relacionadas .colunista-area {
}
.home-colunas .home-colunas-list .colunista-area a, .noticias-relacionadas .colunista-area a,
.home-colunas .home-colunas-list .colunista-area a:focus, .noticias-relacionadas .colunista-area a:focus,
.home-colunas .home-colunas-list .colunista-area a:hover, .noticias-relacionadas .colunista-area a:hover {
    color: #000000;
    text-decoration: none;
}
.home-colunas .home-colunas-list .colunista-area .colunista-photo, .noticias-relacionadas .colunista-area .colunista-photo {
    width: 60px;
    height: 60px;
    background: #00ADEC;
    float: left;
    border-radius: 30px;
    margin-right: 15px;
    background-position: center;
    background-size: 100%;
    margin-bottom: 20px;
}

.noticias-relacionadas .colunista-area .colunista-photo {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.home-colunas .home-colunas-list .colunista-area .colunista-data, .noticias-relacionadas .colunista-area .colunista-data {
    font-size: 90%;
    color: #AEAEAD;
    padding: 0 10px;
}
.home-colunas .home-colunas-list .colunista-area .colunista-data span, .noticias-relacionadas .colunista-area .colunista-data span {
    color: #00adec;
    font-size: 140%;
    font-weight: 600;
}

.content-sector-ultima-index {
    padding: 8px 0px;
    width: 33%;
    float: left;
}
.content-sector-space {
    margin-right: 0.5%;
}
.content-sector-ultima-index .p-chave {
    padding: 8px 0px;
}
.content-sector-ultima-index .p-chave a {
    color: #00adec;
    font-weight: 600;
    font-size: 130%;
}
.content-sector-ultima-index .title a {
    color: black;
    font-weight: bold;
    font-size: 130%;
    line-height: 120%;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
}
.content-sector-ultima-index .date {
    color: #A6A6A6;
    font-size: 85%;
}
.content-sector-ultima-index .imagem {
    color: black;
    text-align: center;
    height: 200px;
}
.content-sector-ultima-index .imagem img {
    height: 100%;
}

#slider-editorias {
    margin: 20px 0px;
}
#slider-editorias .carousel-control {
    color: #00ADEC;
    font-size: 125px;
}
#slider-editorias .right {
    right: -30px;
}
#slider-editorias .left {
    left: -30px;
}

.content-sector-group-news-block .head-info {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
}
.content-sector-group-news-block .head-info .head-title {
    font-size: 220%
}
.content-sector-group-news-block .head-info .head-resume {
    color: #AEAEAD;
    margin-top: 8px;
}

.content-sector-group-news-block .group-news-head {
    float: left;
    width: 35%;
}
.content-sector-group-news-block .group-news-head .imagem {
    /*background-color: #AEAEAD;*/
    height: 245px;
}
.content-sector-group-news-block .group-news-head .imagem, .content-sector-group-news-block .group-news-item .imagem {
    position: relative;
}
.content-sector-group-news-block .group-news-head .imagem img, .content-sector-group-news-block .group-news-item .imagem img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    border-radius: 20px;
}
.content-sector-group-news-block .group-news-head-mobile {
    display: none;
}

.content-sector-group-news-block .group-news-item {
    float: left;
    width: 30.7%;
    height: 130px;
    font-size: 80%;
}

.content-sector-group-news-block .group-news-item .title{
    float: right;
    text-align: left;
    width: 40%;
}
.content-sector-group-news-block .group-news-item .imagem{
    display: block;
    float: left;
    color: black;
    text-align: center;
    margin-right: 0;
    width: 55%;
    padding-bottom: 20px;
    height: 80px;
}
.content-sector-group-news-block .group-news-item .imagem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-sector-group-news-block .group-news-item .date{
    float: right;
}

.mais-lidas, .mais-comentadas {
    padding: 8px 0px;
    width: 33%;
    float: left;
}

/*#mask {
    width: 100%; 
    height: 100%; 
    display: block; 
    position: fixed; 
    top: 0px; 
    left: 0px;
}*/

.banner-publicidade-vertical {
    padding: 8px 0px;
    width: 24%;
    float: right;
}

.banner-publicidade-vertical div {
    min-height: 150px;
}

.banner-publicidade-vertical div li {
    position: absolute;
    /*margin-left: 7px;*/
    z-index: 0;
}

.banner-publicidade-vertical-notinfo {
    padding-top: 18px;
    width: 15%;
    float: right;
}

.banner-publicidade-vertical-notinfo div {
    min-height: 100px;
}

.banner-publicidade-vertical-notinfo div li {
    position: absolute;
    height: 100px;
    z-index: 0;
}

.banner-publicidade-horizontal, .banner-publicidade-iframe {
    width: 100%;
    height: 110px;
    padding: 0px 0px 10px 0px;
}

.banner-publicidade-horizontal-mobile {
    display: none;
}
.banner-publicidade-noticia {
    text-align: center;
    width: 100%;
    padding: 0px 0px 10px 0px;
}
.banner-publicidade-noticia .google {
}
.banner-publicidade-noticia-mobile {
    display: none;
}

.banner-publicidade-horizontal li, .banner-publicidade-iframe li {
    position: absolute;
    width: 100%;
    height: 90px;
    z-index: 0;
    text-align: center;
    background: url('../img/pontilhado.png') 0 0 repeat #FFFFFF;
}

.banner-publicidade-horizontal div, .banner-publicidade-iframe div {
    position: relative;
    width: 100%;
    height: 90px;
    text-align: center;
    background: url('../img/pontilhado.png') 0 0 repeat #FFFFFF;
}

.banner-publicidade-horizontal div img, .banner-publicidade-horizontal li img, .banner-publicidade-iframe div img, .banner-publicidade-iframe li img, .banner-publicidade-horizontal-mobile li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.home-publicidade-horizontal-large li.sliderActive, .banner-publicidade-horizontal li.sliderActive, .banner-publicidade-iframe li.sliderActive, .banner-publicidade-horizontal-mobile li.sliderActive {
    z-index: 1;
}

.banner-publicidade-horizontal3-1 {
    padding: 8px 0px;
    width: 33%;
    float: left;
}

.banner-publicidade-horizontal3-1 div li {
    width: 33%;
    position: absolute;
}

.banner-publicidade-horizontal3-1 .google {

}

.home-publicidade-horizontal-large, .banner-publicidade-horizontal, .banner-publicidade-iframe, .banner-publicidade-horizontal-mobile, .banner-publicidade-vertical-notinfo, .banner-publicidade-vertical, .banner-publicidade-horizontal3-1 {
    text-align: left;
    color: #A6A6A6;
    font-size: 80%;
}

.banner-publicidade-horizontal-mobile div, .banner-publicidade-horizontal div, .banner-publicidade-iframe div, .banner-publicidade-vertical div, .banner-publicidade-vertical-notinfo div,  .banner-publicidade-horizontal3-1 div {
    background: url('../img/pontilhado.png') 0 0 repeat;
    width: 100%;
    text-align: center;
}

.banner-publicidade-horizontal div img, .banner-publicidade-iframe div img, .banner-publicidade-vertical-notinfo img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

.banner-publicidade-vertical div, .banner-publicidade-vertical-notinfo div {
    width: 100%;
    padding-bottom: 14px;
}

.content-titulo {
    font-size: 110%;
    color: #00adec;
    font-weight: bold;
    padding: 5px 0 0 0;
}
.content-titulo img {
    height: 30px;
}

.content-titulo span {
    padding: 0px 5px;
    color: #00adec;
}

/* Bloco de CONTEÚDO - Noticias, Artigos, Galerias e etc */
.img img.selected, .img img:hover, .img img:focus,
.imagem img.selected, .imagem img:hover, .imagem img:focus,
.img-destaque img.selected, .img-destaque img:hover, .img-destaque img:focus {
    border: 2px solid #00adec;
    ;
}
.img img, .imagem img, .img-destaque img {
    border: 2px solid #ffffff;
}

.lista {
    width: 100%;
}

.lista .title {
    padding: 0px 0px 15px 0px;
    font-weight: bold;
    font-size: 180%;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.lista .title div {
    width: 50%;
    padding: 15px;
    border-bottom: 1px solid;
}

/**************** LISTA PADRÃO : MODELO ATUAL DE LISTAS DO SISTEMA *****************/
/*.lista .ultima {
    width: 100%;
}
.lista .ultima .p-chave {
    margin: 20px 0px 20px 0px;
}
.lista .ultima .p-chave a {
    padding: 10px 10px 10px 0px;
}
.lista .ultima .img {
    height: 200px;
    float: left;
    max-width: 300px;
    margin-right: 20px;
}
.lista .ultima .titulo {
    font-weight: bold;
    font-size: 240%;
    line-height: 110%;
    text-align: left;
    width: 100%;
    margin-top: 20px;
}
.lista .ultima .resumo {
    font-size: 150%;
    line-height: 110%;
    text-align: left;
    width: 100%;
    margin-top: 20px;
}
.lista a {
    color: black;
}
.lista .ultima .img a img {
    height: 100%;
}

.lista .outras .p-chave {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}
.lista .outras {
    margin-top: 20px;
    width: 24%;
    margin-right: 1%;
    float: left;
}
.lista .outras .img {
    height: 170px;
    width: 100%;
    text-align: center;
}
.lista .outras .img img {
    max-height: 100%;
    max-width: 100%;
}
.lista .outras .titulo-img {
    font-weight: bold;
    font-size: 150%;
    line-height: 120%;
    text-align: left;
    width: 100%;
    margin-top: 5px;
}
.lista .outras .titulo {
    font-weight: bold;
    font-size: 180%;
    line-height: 120%;
    text-align: left;
    width: 100%;
    margin-top: 5px;
}
.lista .outras .date {
    margin-top: 5px;
    color: #A6A6A6;
    font-size: 90%;
}*/

/****** LISTA VIDEOS - PADRÃO MOSAICO : NOVO MODELO DE EXIBIÇÃO DE LISTAS DE VIDEOS ******/
.video-menu-top {
    /*text-align: center;*/
    /*border-top: solid 2px #00ADEC;*/
    padding-top: 25px;
    float: left;
    width: 33%;
}
.video-menu-top img {
    max-height: 100px;
}
.banner-list-top {
    float: right;
    width: 67%;
}
.lista .video-head {

}
.lista .video-content {
    background: black;
    padding-bottom: 10px;
}
.lista .video-head .video {
    background: #000000;
}
.lista .video-head .video-head-principal {
    float: left;
    width: 80%;
}
.lista .video-head .video-head-canais {
    float: right;
    width: 20%;
}
.lista .video-head .video-head-canais .video-head-canais-int {
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
}
.lista .video-head .video-head-canais .video-head-canais-int div a {
}
.lista .video-head .video-head-canais .video-head-canais-int div a img {
    max-height: 80px;
    margin: 10px 0px;
}
.lista .video-head .video .player {
    position: relative;
    width: 100%;
    height: 370px;
}
.lista .video-head .video .player .logo, .lista .video-items .video .player .logo {
    position: absolute;
    right: 25px;
    bottom: 50px;
    height: 60px;
    text-align: right;
}
.lista .video-head .video .player .logo img, .lista .video-items .video .player .logo img {
    max-height: 60px;
    max-width: 150px;
}
.lista .video-head .video .player-responsive, .lista .video-items .video .player-responsive {
    display: none;
}
.lista .video-head .video .player .back-div {
    position: relative;
    height: 370px;
    background-position: top center;
    background-color: #A6A6A6;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.lista .video-head .video .player .fbvplay-play, .lista .video-head .video .player-responsive .fbvplay-play {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    width:100px;
    height:100px;
    border:none;
}
.lista .video-items .video .player .fbvplay-play, .lista .video-items .video .player-responsive .fbvplay-play {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    width:100px;
    height:100px;
    border:none;
}
.lista .video-head .video .player iframe {
    height: 370px;
    width: 100%;
    border: none;
}
.lista .video-items {
    background: #000000;
    margin-top: 10px;
    width: 47.5%;
    /*margin-right: 1%;*/
    padding: 0 1%;
    float: left;
    position: relative;
}
.lista .video-items .video .player {
    height: 300px;
}
.lista .video-items .video .player .back-div {
    position: relative;
    height: 300px;
    background-position: top center;
    background-color: #A6A6A6;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.lista .video-items .video .player iframe {
    width: 100%;
    border: none;
    height: 300px;
}
.lista .video-head .titulo, .lista .video-items .titulo {
    /*padding-top: 10px;*/
}

/******************* LISTA MOSAICO : NOVO MODELO DE EXIBIÇÃO DE LISTAS *******************/
.lista .ultima {
    width: 98%;
    padding: 1%;
}
.lista .ultima .p-chave {
    /*    margin: 20px 0px 20px 0px;
        background: blue;*/
}
.lista .ultima .p-chave a {
    /*padding: 10px 10px 10px 0px;*/
}
.lista .ultima .img {
    height: 200px;
    float: left;
    max-width: 300px;
    margin-right: 20px;
}
.lista .ultima .titulo {
    font-weight: bold;
    font-size: 240%;
    line-height: 110%;
    text-align: left;
    width: 100%;
    margin-top: 20px;
}
.lista .ultima .resumo {
    font-size: 150%;
    line-height: 110%;
    text-align: left;
    width: 100%;
    margin-top: 20px;
}
.lista a {
    color: black;
}
.lista .ultima .img a img {
    height: 100%;
    border-radius: 20px;
}

.lista .outras {
    background: #f3f2f1;
    margin-top: 10px;
    width: 47.5%;
    /*margin-right: 1%;*/
    padding: 0 1%;
    float: left;
    position: relative;
    height: 155px;
}

.lista .espaco {
    margin-right: 1%;
}

.lista .outras .p-chave {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
.lista .outras .img {
    height: 100px;
    width: 30%;
    text-align: left;
    float: left;
}
.lista .outras .img img {
    max-height: 80px;
    max-width: 100%;
    border-radius: 20px;
}
.lista .outras .titulo-img {
    font-weight: bold;
    font-size: 150%;
    line-height: 120%;
    text-align: left;
    width: 66%;
    float: right;
    /*margin-top: 5px;*/
}
.lista .outras .titulo {
    font-weight: bold;
    font-size: 140%;
    line-height: 120%;
    text-align: left;
    width: 100%;
    margin-top: 5px;
}
.lista .outras .resumo {
    font-size: 90%;
}

.lista .outras .date {
    margin-top: 5px;
    color: #666666;
    font-size: 80%;
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.botoes-form {
    text-align: center;
    width: 100%;
    padding-top: 50px;
}

.notinfo {
    float: left;
    padding: 18px 0px;
    width: 57%;
}

.galeinfo {
    width: 83%;
}

.coluinfo {
    width: 70%;
}
.coluinfo-wide {
    width: 100%;
}

.notinfo .text {
    padding: 5px 0px;
    text-align: justify;
    font-size: 120%;
    line-height: 150%;
}
.notinfo .text h1 {
    font-size: 170%;
    line-height: 130%;
}
.notinfo .text h2 {
    font-size: 150%;
    line-height: 120%;
}
.notinfo .text h3 {
    font-size: 130%;
    line-height: 110%;
}

.notinfo .text .image-left {
    float: left;
    width: 50%;
    margin-left: 0;
    margin-right: 12px;
}
.notinfo .text .image-right {
    float: right;
    width: 50%;
    margin-right: 0;
    margin-left: 12px;
}
.notinfo .text .image-center {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}
.notinfo .text .image-captioned{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.notinfo .text .image-captioned img {
    width: 100%;
}
.notinfo .text .image-captioned figcaption {
    text-align: center;
    font-size: 90%;
}

.notinfo .text .div-block {
    background: #d1e7ff;
    padding: 5px;
    border-radius: 5px;
    width: 40%;
    float: left;
    margin-right: 10px;
}

.notinfo .text div .publicidade-asynchronous {
    text-align: center;
}

.notinfo .colunista-line {
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 30px;
    margin-bottom: 30px;

    border-bottom: #00adec solid 1px;
}
.notinfo .colunista-area {
}
.notinfo .colunista-area .colunista-photo {
    width: 80px;
    height: 80px;
    background: #00ADEC;
    float: left;
    border-radius: 40px;
    margin-right: 15px;
    background-position: center;
    background-size: 100%;
    margin-bottom: 30px;
}
.notinfo .colunista-area .colunista-data {

}
.notinfo .colunista-area .colunista-data span {
    color: #00adec;
    font-size: 120%;
    font-weight: bold;
}

.notinfo div p {
    margin: 14px 0px;
}

.notinfo .img {
    padding: 0px;
    margin-top: 20px;
    margin-left: 1%;
    width: 49%;
    float: right;
    text-align: center;
}

.notinfo .img-destaque {
    padding: 0px;
    margin-top: 20px;
    width: 100%;
    /*height: 320px;*/
    text-align: center;
}

.notinfo .img-destaque img {
    max-height: 400px;
    max-width: 100%;
    border-radius: 20px;
}
.notinfo .img-coluna {
    padding: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.notinfo .img-coluna img {
    width: 100%;
}

.notinfo .img {
    /*background: #EAEAEA;*/
}
.notinfo .img img {
    max-height: 280px;
    /*border-color: #EAEAEA;*/
}

.notinfo .img .legenda, .notinfo .img-destaque .legenda {
    padding: 5px 0px;
    /*background: #00adec;*/
    /*color: #ffffff;*/
    color: #000000;
    /*font-size: 90%;*/
}

.notinfo .p-chave, .notinfo .menu {
    padding: 5px 0px 0px 0px;
    width: 100%;
}
.notinfo .menu {
    padding: 5px 0px;
    text-align: left;
    color: #00adec;
}

.notinfo .p-chave, .lista .p-chave, .notinfo .menu a {
    color: #00adec;
    font-weight: bold;
}

.notinfo .title {
    padding: 0px 0px 15px 0px;
    color: black;
    font-weight: bold;
    font-size: 200%;
    line-height: 130%;
}

.notinfo .title-coluna {
    padding: 0px 0px 0px 0px;
    color: black;
    font-weight: bold;
    font-size: 170%;
    line-height: 130%;
}

.notinfo .subtitle {
    padding: 5px 0px;
    color: black;
    /*font-weight: bold;*/
    font-size: 120%;
    /*line-height: 110%;*/
    color: #92929F;
}

.notinfo .jornalista {
    padding: 20px 0px 15px 0px;
    color: black;
    font-weight: bold;
    font-size: 100%;
    width: 49%;
    float: left;
}

.notinfo .jornalista .date {
    color: #A6A6A6;
    font-size: 85%;
}

.notinfo .share {
    margin-top: 20px;
    /*background: #A6A6A6;*/
    width: 49%;
    text-align: right;
    float: right;
    height: 35px;
}

.notinfo .share .addmobile {
    display: none;
}

.notinfo .share div {
    float: right;
}

#galeria-mobile, #galeria-fbv-mobile {
    display: none;
}

.comments {
    /*background: #F3F3F3;*/
    border-radius: 5px;
}

.old-comments {
    background: #F3F3F3;
}

.comments .title {
    background: #4e83ca; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e83ca 0%, #7db9e8 50%, #4e83ca 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e83ca), color-stop(50%,#7db9e8), color-stop(100%,#4e83ca)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e83ca 0%,#7db9e8 50%,#4e83ca 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e83ca 0%,#7db9e8 50%,#4e83ca 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e83ca 0%,#7db9e8 50%,#4e83ca 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e83ca 0%,#7db9e8 50%,#4e83ca 100%); /* W3C */
    color: #ffffff;
    margin-top: -5px;
    font-weight: bold;
    font-size: 130%;
    width: 98%;
    padding: 1%;
    border-radius: 5px;
}

.comments .novo-comment {
    text-align: right;
}

.comments .novo-comment a {
    margin: 0.5%;
}

.comments .novo-comment textarea {
    width: 96%;
    margin: 1%;
}

.comments .old-comments .comment-user-principal {
    width: 98%;
    padding: 0px;
    margin: 0px 1%;
    border-radius: 5px;
}
.comments .old-comments .comment-user-response {
    width: 78%;
    padding: 0px;
    margin: 0% 0% 0% 15%;
    border-radius: 5px;
}

.comments .old-comments .foto-user {
    float: left;
    width: 17%;
    height: 100px;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
}

.comments .old-comments .comment-user {
    float: left;
    margin-left: 5px;
    width: 80%;
}
.comments .old-comments .comment-user span {
    font-size: 80%;
    color: #92929F;
}

.comments .old-comments .foto-user img {
    max-width: 100%;
    max-height: 100%;
}

.comments .old-comments .comment-user-actions {
    float: left;
    width: 100%;
    margin: 1%;
}

.ultimas-lateral {
    margin-top: 23px;
    width: 23%;
    float: right;
    border: solid 2px #92929F;
}

.ultimas-lateral .title {
    font-size: 150%;
    background: #F3F3F3;
    border-bottom: solid 2px #92929F;
    padding: 10px;
}

.ultimas-lateral .ultimas-content {
    padding: 10px;
}

.ultimas-border-bottom {
    border-bottom: solid 1px #92929F;
}

.ultimas-lateral .ultimas-content .date {
    padding: 5px 0px;
    color: #A6A6A6;
    font-size: 85%;
}

.noticias-relacionadas {
    margin-top: 23px;
    margin-left: 2%;
    padding-left: 1%;
    /*padding-right: 1%;*/
    width: 27%;
    float: right;
    font-size: 90%;
    /*    border-left: 1px solid rgb(188,190,192);
        border-right: 1px solid rgb(188,190,192);*/
    text-align: justify;
    line-height: 115%;
}

.not-rel-wide {
    margin-left: 8%;
}

.noticias-relacionadas .title {
    font-size: 110%;
    color: #00adec;
    /*font-weight: bold;*/
    padding: 5px 0px;
    padding-bottom: 20px;
}

.noticias-relacionadas .title a {
    color: #00adec;
}

.noticias-relacionadas .title img {
    width: 18px;
    margin-top: -4px;
    margin-right: 5px;
}

.noticias-relacionadas .noticia-relac {
    text-align: left;
    font-size: 120%;
    padding-bottom: 20px;
}

.noticias-relacionadas .noticia-relac div {
    padding: 2px 0px;
}

.noticias-relacionadas .noticia-relac .p-chave a {
    color: #00adec;
    font-weight: bold;
    padding: 5px 0px;
    margin-right: 4px;
}

.noticias-relacionadas .noticia-relac .title {
    margin-top: 2px;
}

.noticias-relacionadas .noticia-relac .title a {
    color: black;
    /*font-weight: bold;*/
    font-size: 80%;
}
.noticias-relacionadas .noticia-relac .title-no-photo {
    margin-left: 10px;
    margin-top: 2px;
}

.noticias-relacionadas .noticia-relac .title-no-photo a {
    color: black;
    font-weight: bold;
    font-size: 85%;
}

.noticias-relacionadas .noticia-relac .date {
    color: #A6A6A6;
    font-size: 85%;
}

.noticias-relacionadas .noticia-relac .imagem {
    margin-top: -2px;
    float: left;
    color: black;
    text-align: center;
    margin-right: 15px;
    width: 100px;
    padding-bottom: 20px;
}

.noticias-relacionadas .noticia-relac .imagem img {
    max-width: 100%;
    max-height: 100px;
    border-radius: 5px;
}

.noticias-relacionadas .coluna {
    font-size: 95%;
}

.noticias-relacionadas .coluna a {
    color: #000000;
}

.noticias-relacionadas .coluna a:hover {
    text-decoration: none;
    color: #00adec;
}

/*********** Bloco de Notícias *************/
.border-top {
    border-top: 1px solid #00adec;
    padding: 0px;
}
.border-bottom {
    border-bottom: 1px solid #00adec;
}
.border-blue-light {
    border-color: #00ADEC;
}
.border-blue {
    border-color: #0416E4;
}
.border-green {
    border-color: #009900;
}
.border-grey {
    border-color: #333333;
}
.border-yellow {
    border-color: #ffcc00;
}

.galeria-fbv {
    /*border: solid #A6A6A6 1px;*/
}

.noticia {
    padding: 8px 12px 8px 0;
    color: #AEAEAD;
}

.tv-folha, .galeria-folha {
    padding: 8px 12px 8px 2%;
    margin: 0 2%;
}

.galeria-folha-mobile {
    display: none;
}

.noticia div, .tv-folha div {
    padding: 2px 0px;
}

.noticia .p-chave a, .noticia .p-chave, .tv-folha .p-chave a, .tv-folha .p-chave {
    color: #666666;
    font-weight: 600;
    padding-right: 7px;
    background-color: #FFFFFF;
}

.noticia .title-principal a, .tv-folha .title-principal a {
    color: #00ADEC;
    font-weight: 600;
    font-size: 200%;
    line-height: 120%;
}

.noticia .title-secondary a, .tv-folha .title-secondary a {
    color: #00ADEC;
    font-weight: 600;
    font-size: 170%;
    line-height: 110%;
}

.tv-folha .title a, .galeria-folha .title a {
    color: #00adec;
    font-weight: bold;
    font-size: 100%;
    line-height: 110%;
}

.noticia .title a {
    color: #00ADEC;
    font-weight: 600;
    font-size: 130%;
    line-height: 110%;
}

.noticia .title .menu-tag {
    background: #00ADEC;
    font-size: 90%;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 3px;
}

.noticia .title .menu-tag a {
    font-size: 80%;
    color: black;
}

.noticia .date {
    color: #A6A6A6;
    font-size: 85%;
}

.noticia .ultimas {
    width: 34px;
    height: 30px;
    padding: 7px 0px;
    margin: 5px 8px 2px 0px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    float: left;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-image: url("../img/ballon_comments_position_white.png");
}

.noticia .ultimas a {
    color: #AEAEAD;
}
.noticia .ultimas-text {
    height: 34px;
    vertical-align: middle;
    display: table-cell;
}
.noticia .ultimas-text a {
    color: #AEAEAD;
    font-size: 90%;
}

.noticia .imagem {
    color: black;
    text-align: center;
    height: 150px;
    /*background: #4e83ca;*/
}

.noticia .imagem .ultimas-play, .content-sector-ultima-index .imagem .ultimas-play {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    width:100px;
    height:100px;
    border:none;
}

.noticia .imagem-mobile {
    display: none;
}

.noticia .imagem img {
    max-height: 100%;
}

#captchaNoticiaDialog {
    width: 50%;
}

.fbvplay-play {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    width:100px;
    height:100px;
    border:none;
}

/*********** SLIDER DE NOT�CIAS *************/
#slider-noticias .carousel-inner .item {
    height: 351px;
}

#slider-noticias .carousel-inner .item .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    font-size: 100%;
    text-align: left;
    padding: 20px;
    border-radius: 20px;
}

#slider-noticias .carousel-inner .item .carousel-caption .carousel-caption-bottom .carousel-col-pchave{
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 6px;
}
#slider-noticias .carousel-inner .item .carousel-caption .carousel-caption-bottom .carousel-col-pchave span{
    background: #00ADEC;
    box-shadow: 10px 0 0 2px #00ADEC, -10px 0 0 2px #00ADEC;
    display: none;
}

#slider-noticias .carousel-inner .item .carousel-caption a,
#galeria-mobile .carousel-inner .item .carousel-caption a {
    text-decoration: none;
}

#slider-noticias img {
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    border-radius: 20px;
}
#slider-noticias .slider-play, .item .slider-play {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    min-width:0px;
    width:100px;
    height:100px;
    border:none;
}
#galeria-mobile img {
    max-width: 100%;
    text-align: center;
    max-height: 450px;
}

/************* LOOK DO DIA **************/
#look_do_dia {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#look_do_dia span {
    font-size: 80%;
}

#look_do_dia .carousel-inner .item {
    height: 200px;
    text-align: center;
}

#look_do_dia img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/*********** AJUSTES DE CENTRALIZAÇÃO *************/
#content, #header, #footer {
    width: 100%;
    height: 100%;
    display: table;
    *overflow: hidden; /* hack para o IE6 e IE7 */
    *position: relative; /* hack para o IE6 e IE7 */
}

#accordion2 {
    display: none;
}

#mapa-site {
    font-size: 80%;
    /*background: #EAEAEA;*/
    padding-top: 20px;
}

#mapa-site .mapa-site-menu {
    width: 15.5%;
    float: left;
    min-height: 125px;
}

#mapa-site .mapa-site-menu a {
    font-weight: 600;
    padding-left: 4px;
    color: #00ADEC;
}

#mapa-site .mapa-site-submenu {
    border-top: solid 1px #00ADEC;
}
#mapa-site .mapa-site-submenu a {
    color: #666666;
    font-weight: normal;
}


#mapa-site .space {
    margin-left: 1%;
}

/*********** FOOTER DO SITE *************/
#footer {
    margin-top: 40px;
    /*border-top: solid #EAEAEA 4px;*/
    width: 100%;
}

.atalho-colunista {
    display: none;
}

.footer-background {
    border-bottom: solid #00ADEC 4px;
}

.footer-site-left {
    padding: 20px 0px;
    line-height: 180%;
    width: 50%;
    float: left;
    text-align: left;
}
.footer-site-left div, .footer-site-right div {
    padding: 0px 0px 5px 0px;
    color: #00ADEC;
    font-size: 120%;
    font-weight: bold;
}
.footer-site-right {
    padding: 20px 0px;
    line-height: 180%;
    width: 50%;
    float: right;
    text-align: right;
}

.content-cell {
    vertical-align: middle;
    display: table-cell;
    position: static;
    *top: 50%; /* hack para o IE6 e IE7 */
    *position: absolute; /* hack para o IE6 e IE7 */
}

/********************* MEDIA QUERIES :: LARGURA DO SITE ***********************/
/*********** LARGURA PADRÃO DO CONTENT (MAIOR QUE 1200PX) *************/
.content-area {
    width: 1050px;
    margin: auto;
    position: relative;
}

.ddsmoothmenu ul{
    margin-left: 0px;
}
.ddsmoothmenu ul li a{ /*cache notification */
    padding: 10px 15.78px;
}

/*********** LARGURA DO CONTENT PARA DISPLAY MENOR Q 1200PX *************/
/*@media only screen and (max-width: 1200px) {
    .content-sector-ultimas .rolagem {
        height: 1575px;
    }
    .content-area {
        width: 1100px;
    }
    .ddsmoothmenu ul{
        margin-left: 0px;
    }
    .ddsmoothmenu ul li a{
        padding: 10px 15.6px;
    }
}*/
/*********** LARGURA DO CONTENT PARA DISPLAY MENOR Q 1100PX *************/
@media only screen and (max-width: 1100px) {
    /*    #header .cabecalho .busca input {
            width: 170px;
        }*/
    /*    .content-sector-ultimas .rolagem {
            height: 1600px;
        }*/
    .content-area {
        width: 1050px;
    }
    .ddsmoothmenu ul{
        margin-left: 0px;
    }
    .ddsmoothmenu ul li a{
        padding: 10px 15.78px;
    }
    .content-sector-group-news .group-news-item {
        font-size: 75%;
    }
}
/*********** LARGURA DO CONTENT PARA DISPLAY MENOR Q 1000PX *************/
@media only screen and (max-width: 1000px) {
    /*    .content-sector-ultimas .rolagem {
            height: 1600px;
        }*/
    .content-area {
        width: 900px;
    }
    .ddsmoothmenu ul{
        margin-left: 0px;
    }
    .ddsmoothmenu ul li a{
        padding: 10px 11.23px;
    }

    .content-sector-tvfolha-wide .right-video {
        float: right;
        width: 29%;
        padding-bottom: 9px;
    }
    .content-sector-tvfolha-wide .right-video iframe {
        border:none;
        overflow:hidden;
        width:100%;
        height: 151px;
    }
}
/*********** LARGURA DO CONTENT PARA DISPLAY MENOR Q 900PX *************/
@media only screen and (max-width: 900px) {
    #header .cabecalho .busca input {
        width: 120px;
    }
    #header .cabecalho .logo {
        padding: 20px 0px;
        width: 300px;
        margin-left: -150px;
    }
    * {
        font-size: 100%;
    }
    /*    .content-sector-ultimas .rolagem {
            height: 1600px;
        }*/
    .content-area {
        width: 800px;
    }
    .ddsmoothmenu ul{
        margin-left: 0px;
    }
    .ddsmoothmenu ul li a{
        padding: 10px 9.6px;
    }

    .content-sector-tvfolha-wide .right-video {
        float: right;
        width: 29%;
        padding-bottom: 9px;
    }
    .content-sector-tvfolha-wide .right-video iframe {
        border:none;
        overflow:hidden;
        width:100%;
        height: 132px;
    }

    .content-sector-group-news .group-news-item {
        width: 27%;
    }
    .content-sector-group-news .group-news-item .imagem {
        margin-right: 10px;
    }
}