* { box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; outline: none; font-weight: 300; font-family: "Encode Sans", sans-serif}
body { background: url('')
background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}

.bg-gradient {background: linear-gradient(to right, #333, #444);}
.bg-black {background-color: #130400;}
.bg-white {background-color: #fff;}
.bg-header {background-color:#EEEEEE;}
.container-post {width: 100%; float: left; padding: 25% 4% 2% 4%; text-align: center; }
.containernot {width: 100%; float: left; padding: 50% 4%; text-align: center; }
.container {width: 100%; float: left; padding: 3% 4%; text-align: center; }
.container-header {width: 100%; float: left;  padding: 1% 5%; text-align: center;}
.container-banner {width: 100%; float: left; padding: 25% 5% 37% 5%; text-align: center; }
.container-player {width: 100%; float: left; padding: 2% 10%; text-align: center; }  
.container-slide {width: 100%; float: left; padding: 30% 2% 15% 2%; text-align: center; }
  .container-footer {width: 100%; float: left; padding: 4% 5% 6% 5% ; text-align: center; }
.container-topten2 {width: 100%; float: left; padding: 5% 5% 5% 5%; text-align: center; }    
.container-topten2 h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-topten2 h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;}     
.container-topten {width: 100%; float: left; padding: 4% 5% 4% 5%; text-align: center; }    
.container-topten h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-topten h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.container-video {width: 100%; float: left;  padding: 3% 5%; text-align: center;}  
.container-video h2{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-video h3{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 

.logo {width: 115px;height: 120px;float: left;background: url('../img/logo.png') center center/115px no-repeat;font-size: 0;position: absolute; z-index: 2;}
.btn-menu {width: 56px;height: 56px;float: right;text-align: center;color: #000;border-radius: 56px;cursor: pointer; background-color: #EEEEEE;font-size: 2.2em;}


header {position: fixed;z-index: 200;}
.menu {display: none;width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, 0.9);top: 0;left: 0; z-index: 200;}
.btn-close {font-size: 2.2em;color: #fff;float: right;cursor: pointer;margin: 6% 6% 0 0;}
.menu ul {width: 100%;float: left;text-align: center;}
.menu li {padding: 1.5%;}
.menu li a {font-size: 2em;color: #fff;padding: 1.5% 3%;}
.menu li a:hover {border: 1px solid #da6709;}


.banner {background: url('../img/bg_wide.jpg') no-repeat fixed;}
.title {width:100%;}
.title h2 {font-size: 2.5em;color: #fff;font-weight: 700;}
.title h3 {font-size: 1.5em;color: #fff;}

.mySlides {display: none}
.slideshow-container {width: 100%;position: relative;margin:0 auto;}
.img-slider {width: 100%; height: auto; position: relative; overflow: auto;}
.img-slider img{position:relative;top: 50%;left: 50%;transform: translate(20%, 20%);min-width:100%;min-height: 100%;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;right: 91%; width: auto;padding: 16px;margin-top: -28px;color: white;font-weight: bold;font-size: 15px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(255,0,0,0.4);}
.text {text-shadow: 3px 3px 12px black;color: #f2f2f2;font-size: 15px;padding: 2% 40% 6% 6%;position: absolute;bottom: 0px;width: 100%;text-align: left;font-weight: 600;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}    
      
.social-icons {display: none;}

.col-play-on {float: left;width: 30%;height: 70px; } 
 
.col-play-th {float: left;width: 70%;height: 70px;padding-top: 20px;} 
.col-play-th h2{float: left;font-size:0.7em; color:#FF3B3B; } 
.col-play-th h3{float: left;font-size:1.0em; color:#fff; font-weight: 600; } 
.player {overflow: hidden;background-color:;position: fixed;bottom: 0;width: 100%;}   
     
.audio-player {text-align: center;text-align:center;display:flex;margin:0% 0% 0% 0%;}
.audio-player .player-controls {align-items: center;justify-content: center;margin-top: 0%;}
.audio-player .player-controls p {font-size: 1.0rem;}
.audio-player #play-btn {background-image: url("../img/play.png");background-size: cover;width:  70px;height: 70px;margin: 0% 0% 0% 0%;}
.audio-player #play-btn.pause {background-image: url("../img/pause.png");}    

.tab {overflow: hidden;background-color: #;padding-bottom: 5%;}
.tab button {background-color: inherit;text-align: center;border: none;outline: none;cursor: pointer;padding: 6px 10px;transition: 0.3s;font-size: 1.0em; font-weight: bold;}
.tab button:hover {color: #F2D10B;}
.tab button.active {color: #DA211B;;}
.tabcontent {display: none;padding: 2px 5px;border-top: none;padding-bottom: 5%;}   

.noticia-principal{position: relative;width: 100%;max-height: 300px;margin: 0 auto; padding-bottom: 5%; }
.noticia-principal img {vertical-align: middle;}
.noticia-principal a{text-decoration: none;color:#000;}     
.noticia-principal .content h1{font-size: 1.1em;text-align: left; font-weight:bold;}
.text-noticia a{text-decoration: none;color:#000;}
    
.col-list{padding-bottom: 5%; }
.col-list h1{font-size: 1.1em;text-align: left; font-weight:bold;}   
.col-list a{text-decoration: none;color:#000;}

.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);}
.modal-content {background-color: #fff;margin: 30% 10%;padding: 20px;border: 1px solid #888;width:80%; height:auto;}
.close {color: #888;float: right;font-size: 28px;font-weight: bold;cursor: pointer;} 


.row:after {content: "";display: table;clear: both;} 

.col-top {float: left;width: 49%;padding:2px;height: auto; margin:0.5%;font-size:1.8em;}
.row-top:after {content: "";display: table;clear: both;}  

.row-prog:after {content: "";display: table;clear: both;}       
.column-prog-one {align-items: center;float: left;width: 100%;padding:2%;height: 0 auto;}
.column-prog-two {float: left;
  width: 100%;
  padding: 10px;
  height: 0 auto; /* Should be removed. Only for demonstration */
}
    
.column-prog-itemn{float: left;width: 100%;padding: 0px;height:50px;} 
.column-prog-itemn h2{font-size: 1.6em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: center;padding: 6px 3px;}
.column-prog-itemn .btn{font-size: 1.0em;font-weight: 500; color:#EA4039;font-size: 16px;padding: 12px 90px;border: 2px solid #EA4039;cursor: pointer;border-radius:20px;text-align: center;background: #fff;}
    
    
.row-item{ background-color:#EA4039; border-radius: 20px;height:90px; padding: 2%;}  
.column-prog-itemnow{float: left;width:30%;padding: 10px;height: 30px;}
.column-prog-itemnow h2{font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnow h3{font-size: 1.0em;font-weight: 700; color:#EAB608;;text-decoration: none;text-align: left;padding: 4px 5px;}    
.column-prog-item{float: left;width:60%;padding: 0px;height:30px;margin-left: 2%} 
.column-prog-item h2{font-size: 1.0em;font-weight: 500; color:#EAB608;text-decoration: none;text-align: left;padding: 15px 10px;} 
    
    
    
.row-itemtw{ background-color:#fff; border-radius: 20px;height:65px; padding: 2%;border: 2px solid #EA4039;margin-top: 2%; }  
.column-prog-itemnowtw{float: left;width: 30%;padding: 10px;height: 50px;}
.column-prog-itemnowtw h2{font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnowtw h3{font-size: 1.0em;font-weight: 700; color:#EA4039;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemtw{float: left;width: 60%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-itemtw h2{font-size: 1.0em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 11px 10px;}     
    
    
    
    
    
.circle {}
.circle img{
  background-color: #ddd;
  border-radius: 50%;
  height: 350px;
  object-fit: cover;
  width: 350px; 
    border: 5px solid #EA4039;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}    
.col-promocao {float: left;width: 100%;padding:0px;height:auto; margin:0.5%;font-size:1.8em;}
.row-promocao:after {content: "";display: table;clear: both;}    
.col-promocao img{  width: 100%;max-width: 500px;height: auto;}   



.post {width:100%;float: left;text-align: left;margin-right: 5%;} 
.post a{text-decoration: none;font-size: 1.6em; font-weight: 700; color: #000;}
.post h1{font-size: 1.0em; font-weight: 300;}
.post h2{font-size: 1.3em; font-weight: 300;}
.post h3{font-size: 0.9em; font-weight: 400;}    
    
.img-post {width:100%; height:221px; position: relative; overflow: hidden;}
.img-post img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}   
    
    
    
.ult_post {width:100%; height: 90px; float: left;text-align: left;}
.ult_post h2 {font-size: 0.8em; float: left; text-align: justify;padding: 5px;}
.ult_post h3 {font-size: 1em;}
    
 .ult_text h2{font-size: 1.0em; float: right;}  
    
.img-ult{width:100%; height:80px;float: left; position: relative; overflow: hidden;}
.img-ult img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}   






.ulti{
  color:#000;
    font-size:1.2em;
    font-weight: 600;
}

.art {
    border: 1px solid #DDDDDD;
    width:100%;
    float: left;
  padding: 6px;
    color: #000;
    margin-bottom: 3px;
    text-align: left;
    
}
.art-txt a{
    color:#000;
    padding-top: 10px;
    font-size:0.9em;

}

.img2 {
  float: left;
    padding-right: 4px;
    
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


.column-footer {float: left;width:100%;padding-left:10%;height: 300px;margin:0%;margin-right: 1%;text-decoration: none;} 
.column-footer img{padding: 0%;}
.column-footer a{text-decoration: none; color: #fff;}
.column-footer a:hover{color: rgb(240, 208, 26);}
.column-footer h2 {float: left; font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 5px;}
.column-footer h4 {font-size: 1.2em;font-weight: 800;color:#FF0000;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 3px;}

.column-footertwo {float: left;width:100%;padding-top:4%; height: 300px; margin:0%;text-decoration: none;}       
.column-footertwo img{padding: 0%;}
.column-footertwo a{font-size: 1.1em; text-decoration: none; color: #fff;font-weight: 700;}
.column-footertwo a:hover{font-size: 1.1em; text-decoration: none; color: rgb(240, 208, 26);font-weight: 700;}
.column-footertwo h2 { font-size: 1.2em;font-weight: 300; color:#fff;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 5px;}
.column-footertwo h4 {font-size: 1.7em;font-weight: 800;color:#FFf;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 3px;}   
    


/*---------------- */
@media screen and (min-width: 480px){
.logo { width: 180px; height: 185px; background: url('../img/logo.png') center center/180px no-repeat;font-size: 0; position: absolute; z-index: 2;}
.btn {font-size: 2em;}
.btn-close {font-size: 2em;}	
}
/* ------------------------------------------------------------------- */
@media screen and (min-width: 768px)  {

}
/* ------------------------------------------------------------------- */
@media screen and (min-width: 960px) {
.title {width: 100%;float: left;text-align: left;margin-right: 2%;}
.title h2 {font-size: 3em;}
.title h2 {font-size: 2em;}


}
/* ----------------960px--------------------- */
             /* ----------- */
/* ----------------1280px-------------------- */
@media screen and (min-width: 1280px) {
.logo { width: 150px; height: 155px; background: url('../img/logo.png') center center/150px no-repeat;font-size: 0; position: absolute; z-index: 2;}    
body { background: url('../img/bg_wide1.jpg') no-repeat fixed; }
    
.container {width: 100%; float: left; padding: 3% 4%; text-align: center; }
.container-header {width: 100%; float: left;  padding: 1% 15%; text-align: center;}
.container-banner {width: 100%; float: left; padding: 7% 15% 17% 15%; text-align: center; }   
.container-player {width: 100%; float: left; padding: 0% 5%; text-align: center; }  
.container-slide {width: 100%; float: left; padding: 8% 10% 5% 10%; text-align: center; }

  .container-footer {width: 100%; float: left; padding: 2% 10% 6% 10% ; text-align: center; }
 .container-topten {width: 100%; float: left; padding: 2% 15% 2% 15%; text-align: center; }    
   .container-topten h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
  .container-topten h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
 .container-topten2 {width: 100%; float: left; padding: 2% 15% 2% 15%; text-align: center; }    
.container-topten2 h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-topten2 h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;}     
.container-post {width: 100%; float: left; padding: 15% 15% 5% 15%; text-align: center; }    
    
    
.container-video {width: 100%; float: left;  padding: 3% 15%; text-align: center;}  
.container-video h2{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-video h3{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.btn-video button{margin-top: 2%;width: 20%;padding: 5%;color: #130400;border: 1px solid #000; cursor: pointer;border-radius: 5px;} 
.buttons {margin-top: 2%;width:100%;}
.buttons i {float:;}   
      
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto;height: 56px;line-height: 56px;float: right;background-color:#EEEEEE;display: block !important;position: static;}
.menu li {padding: 0;float: left;}
.menu li a {color: #130400;font-size: 0.7em;padding: 15px; font-weight: 700;}
.menu li a:hover {border: none;color: #DA211B;}
    
       
.mySlides {display: none}
.slideshow-container {width: 100%;position: relative;margin:0 auto;}
.img-slider {width: 100%; height: auto; position: relative; overflow: hidden;}
.img-slider img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;right: 96%;width: auto;padding: 16px;margin-top: -30px;color: white;font-weight: bold;font-size: 28px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(255,0,0,0.4);}
.text {text-shadow: 3px 3px 12px black;color: #f2f2f2;font-size: 22px;padding: 2% 40% 6% 6%;position: absolute;bottom: 0px;width: 100%;text-align: left;font-weight: 600;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}    
 
 .col-top {float: left;width: 19%;padding:2px;height: 250px; margin:0.5%;font-size:1.8em;}
.row-top:after {content: "";display: table;clear: both;}     
    
    
.column {float: left;width: 60%;padding: 10px;height: 300px; }
.row:after {content: "";display: table;clear: both;} 
    
.column-play {float: left;width: 33.33%;padding:1% 0%;height: 100px;} 
.col-play-on {float: left;width: 20%;height: 80px; } 
.col-play-tw {float: left;width: 40%;height: 80px; } 
.col-play-th {float: left;width: 40%;height: 80px;padding-top: 20px;} 
.col-play-th h2{float: left;font-size:0.6em; color:#FF3B3B; } 
.col-play-th h3{float: left;font-size:0.7em; color:#fff; font-weight: 600; } 
    
.player {overflow: hidden;background-color:;position: fixed;bottom: 0;width: 100%;}   
.audio-player {text-align: center;text-align:center;display:flex; margin:0% 0% 0% 0%;}
.audio-player .player-controls {align-items: center;justify-content: center;margin-top: 0%;}
.audio-player .player-controls p {font-size: 1.0rem;}
.audio-player #play-btn {background-image: url("../img/play.png");background-size: .cover;width:  70px;height: 70px;margin: 0% 0% 0% 0%;}
.audio-player #play-btn.pause {background-image: url("../img/pause.png");}    
    
.icons-radios {text-align: center;padding:0% 7%;}  
.icon-capital {width: 70px;height: 70px;float: left;background: url('../img/capital.png') center center/70px no-repeat;font-size: 0;margin: 0% 2%; } 
.icon-sidrolandia {width: 70px;height: 70px;float: left;background: url('../img/sidrolandia.png') center center/70px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-jardim {width: 70px;height: 70px;float: left;background: url('../img/jardim.png') center center/70px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-miranda {width: 70px;height: 70px;float: left;background: url('../img/miranda.png') center center/70px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-jovempan {width: 70px;height: 70px;float: left;background: url('../img/jovempan.png') center center/70px no-repeat;font-size: 0;margin: 0% 2%; }  
   
    
.icons-social { padding:3% 18%;text-align: center;}  
.icon-facebook {width: 40px;height: 40px;float: left;background: url('../img/icon_fc.png') center center/40px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-instagram {width: 40px;height: 40px;float: left;background: url('../img/icon_ig.png') center center/40px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-youtube {width: 40px;height: 40px;float: left;background: url('../img/icon_yt.png') center center/40px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-whatsapp {width: 40px;height: 40px;float: left;background: url('../img/icon_wt.png') center center/40px no-repeat;font-size: 0;margin: 0% 2%; }  
.icon-email {width: 40px;height: 40px;float: left;background: url('../img/icon_ml.png') center center/40px no-repeat;font-size: 0; margin: 0% 2%;}     
    

    
.tab {overflow: hidden;background-color: #;}
.tab button {background-color: inherit;text-align: center;border: none;outline: none;cursor: pointer;padding: 14px 35px;transition: 0.3s;font-size: 1.2em;}
.tab button:hover {color: #F2D10B;}
.tab button.active {color: #DA211B;;}
.tabcontent {display: none;padding: 6px 12px;border-top: none;}     
.col-noticia-principal {float: left;width: 55%;padding:0px;max-height: 500px; }  
.col-noticia-list {float: left;width: 45%;padding: px;max-height:300px; padding-left: 2%;}
.col-list {width:100%;height:88px; padding-left: 2%;margin-bottom:5%;}
.col-list img{float: left;width: 140px;padding: px;height:80px; padding-left: 2%;}
.col-list h1{text-align:left;float: right;padding: px;width:230px;height:100px;padding:3% 1%;
margin-bottom:2%;font-size: 0.9em;}   
.col-list a{text-decoration: none;color:#000;}
.row:after {content: "";display: table;clear: both;}   
    
.noticia-principal{position: relative;width: 100%;max-height: 300px;margin: 0 auto;}
.noticia-principal img {vertical-align: middle;}
.noticia-principal a{text-decoration: none;color:#fff;}    
.noticia-principal .content {position: absolute;bottom: 0;background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1;width: 100%;padding: 20px;}    
.noticia-principal .content h1{font-size: 1.1em;text-align: left;}
.text-noticia a{text-decoration: none;color:#000;}
    
 .modal {display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);}
.modal-content {background-color: #fff;margin: 15% 20%;padding: 20px;border: 1px solid #888;width:60%; height:auto;}
        /* Estilos para o botão de fechar */
.close {color: #888;float: right;font-size: 28px;font-weight: bold;cursor: pointer;}    
    
 .column {float: left;width: 60%;padding: 10px;height: 300px; }
.row:after {content: "";display: table;clear: both;}    
 .row-prog:after {content: "";display: table;clear: both;}    
    
.column-prog-one {align-items: center;float: left;width: 50%;padding:2%;height: 0 auto;}
.column-prog-two {
  
  float: left;
  width: 50%;
  padding: 10px;
  height: 0 auto; /* Should be removed. Only for demonstration */
}
    
.column-prog-itemn{float: left;width: 50%;padding: 0px;height:30px;} 
.column-prog-itemn h2{font-size: 1.0em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 6px 5px;}
.column-prog-itemn .btn{font-size: 0.9em;font-weight: 500; color:#EA4039;font-size: 14px;padding: 7px 70px;border: 2px solid #EA4039;cursor: pointer;border-radius:20px;text-align: center;background: #fff;}
    
    
.row-item{ background-color:#EA4039; border-radius: 20px;height:90px; padding: 2%;}  
.column-prog-itemnow{float: left;width: 30%;padding: 10px;height: 50px;}
.column-prog-itemnow h2{font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnow h3{font-size: 1.0em;font-weight: 700; color:#EAB608;;text-decoration: none;text-align: left;padding: 4px 5px;}    
.column-prog-item{float: left;width: 60%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-item h2{font-size: 1.0em;font-weight: 500; color:#EAB608;text-decoration: none;text-align: left;padding: 15px 10px;} 
    
    
    
.row-itemtw{ background-color:#fff; border-radius: 20px;height:65px; padding: 2%;border: 2px solid #EA4039;margin-top: 2%; }  
.column-prog-itemnowtw{float: left;width: 30%;padding: 10px;height: 50px;}
.column-prog-itemnowtw h2{font-size: 1.3em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnowtw h3{font-size: 1.0em;font-weight: 700; color:#EA4039;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemtw{float: left;width: 60%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-itemtw h2{font-size: 1.0em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 10px 10px;}     
    
    
  .column-footer {float: left;width:35%;padding-left:10%;height: 300px;margin:0%;margin-right: 1%;text-decoration: none;} 
.column-footer img{padding: 0%;}
.column-footer a{text-decoration: none; color: #fff;}
.column-footer a:hover{color: rgb(240, 208, 26);}
.column-footer h2 {float: left; font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 5px;}
.column-footer h4 {font-size: 1.2em;font-weight: 800;color:#FF0000;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 3px;}

.column-footertwo {float: left;width:64%;padding-top:4%; height: 300px; margin:0%;text-decoration: none;}       
.column-footertwo img{padding: 0%;}
.column-footertwo a{font-size: 1.1em; text-decoration: none; color: #fff;font-weight: 700;}
.column-footertwo a:hover{font-size: 1.1em; text-decoration: none; color: rgb(240, 208, 26);font-weight: 700;}
.column-footertwo h2 { font-size: 1.2em;font-weight: 300; color:#fff;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 5px;}
.column-footertwo h4 {font-size: 1.7em;font-weight: 800;color:#FFf;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 3px;}   
      
    
    
.circle {}
.circle img{
  background-color: #ddd;
  border-radius: 50%;
  height: 350px;
  object-fit: cover;
  width: 350px; 
    border: 5px solid #EA4039;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}       
    
.col-promocao {float: left;width: 32.3%;padding:0px;height:auto; margin:0.5%;font-size:1.8em;}
.row-promocao:after {content: "";display: table;clear: both;}    
.col-promocao img{  width: 100%;max-width: 500px;height: auto;}   
        
  
.post {width:60%;float: left;text-align: left;margin-right: 5%;} 
.post a{text-decoration: none;font-size: 1.6em; font-weight: 700; color: #000;}
.post h1{font-size: 1.0em; font-weight: 300;}
.post h2{font-size: 1.3em; font-weight: 300;}
.post h3{font-size: 0.9em; font-weight: 400;}    
    
.img-post {width: 550px; height:341px; position: relative; overflow: hidden;}
.img-post img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}   
    
    
    
.ult_post {width:35%; height: 90px; float: left;text-align: left;}
.ult_post h2 {font-size: 0.8em; float: left; text-align: justify;padding: 5px;}
.ult_post h3 {font-size: 1em;}
    
 .ult_text h2{font-size: 1.0em; float: right;}  
    
.img-ult{width: 140px; height:80px;float: left; position: relative; overflow: hidden;}
.img-ult img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}   
  
    
}
/* ----------------1280px-------------------- */
             /* ----------- */
/* ----------------1600px-------------------- */
@media screen and (min-width: 1600px) {
.logo { width: 180px; height: 185px; background: url('../img/logo.png') center center/180px no-repeat;font-size: 0; position: absolute; z-index: 2;}
body { background: url('../img/bg_wide.jpg') no-repeat fixed; }
    
.container {width: 100%; float: left; padding: 3% 4%; text-align: center; }
.container-header {width: 100%; float: left;  padding: 1% 15%; text-align: center;}
.container-banner {width: 100%; float: left; padding: 7% 15% 17% 15%; text-align: center; }   
.container-player {width: 100%; float: left; padding: 0% 10%; text-align: center; }  
.container-slide {width: 100%; float: left; padding: 8% 10% 5% 10%; text-align: center; }
 .container-footer {width: 100%; float: left; padding: 2% 10% 6% 10% ; text-align: center; }
 .container-topten {width: 100%; float: left; padding: 2% 15% 2% 15%; text-align: center; }    
   .container-topten h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
  .container-topten h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.container-video {width: 100%; float: left;  padding: 3% 15%; text-align: center;}  
.container-video h2{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-video h3{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.btn-video button{margin-top: 2%;width: 20%;padding: 5%;color: #130400;border: 1px solid #000; cursor: pointer;border-radius: 5px;} 
.buttons {margin-top: 2%;width:100%;}
.buttons i {float:;}   
      
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto;height: 56px;line-height: 56px;float: right;background-color:#EEEEEE;display: block !important;position: static;}
.menu li {padding: 0;float: left;}
.menu li a {color: #130400;font-size: 0.9em;padding: 15px; font-weight: 700;}
.menu li a:hover {border: none;color: #DA211B;}
    
       
.mySlides {display: none}
.slideshow-container {width: 100%;position: relative;margin:0 auto;}
.img-slider {width: 100%; height: auto; position: relative; overflow: hidden;}
.img-slider img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;right: 97%; width: auto;padding: 16px;margin-top: -28px;color: white;font-weight: bold;font-size: 28px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(255,0,0,0.4);}
.text {text-shadow: 3px 3px 12px black;color: #f2f2f2;font-size: 28px;padding: 2% 40% 6% 6%;position: absolute;bottom: 0px;width: 100%;text-align: left;font-weight: 600;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}    
       
.column {float: left;width: 60%;padding: 10px;height: 300px; }
.row:after {content: "";display: table;clear: both;} 
    
.column-play {float: left;width: 33.33%;padding:1% 0%;height: 120px;} 
.col-play-on {float: left;width: 20%;height: 80px; } 
.col-play-tw {float: left;width: 40%;height: 80px; } 
.col-play-th {float: left;width: 40%;height: 80px;padding-top: 20px;} 
.col-play-th h2{float: left;font-size:0.7em; color:#FF3B3B; } 
.col-play-th h3{float: left;font-size:0.8em; color:#fff; font-weight: 600; } 
    
.player {overflow: hidden;background-color:;position: fixed;bottom: 0;width: 100%;}   
.audio-player {text-align: center;text-align:center;display:flex; margin:0% 0% 0% 0%;}
.audio-player .player-controls {align-items: center;justify-content: center;margin-top: 0%;}
.audio-player .player-controls p {font-size: 1.0rem;}
.audio-player #play-btn {background-image: url("../img/play.png");background-size: .cover;width:  90px;height: 90px;margin: 0% 0% 0% 0%;}
.audio-player #play-btn.pause {background-image: url("../img/pause.png");}    
    
.icons-radios {text-align: center;padding:0% 7%;}  
    .icon-capital {width: 90px;height: 90px;float: left;background: url('../img/capital.png') center center/90px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-sidrolandia {width: 90px;height: 90px;float: left;background: url('../img/sidrolandia.png') center center/90px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-jardim {width: 90px;height: 90px;float: left;background: url('../img/jardim.png') center center/90px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-miranda {width: 90px;height: 90px;float: left;background: url('../img/miranda.png') center center/90px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-jovempan {width: 90px;height: 90px;float: left;background: url('../img/jovempan.png') center center/90px no-repeat;font-size: 0;margin: 0% 2%; }  
   
    
.icons-social { padding:3% 18%;text-align: center;}  
.icon-facebook {width: 50px;height: 50px;float: left;background: url('../img/icon_fc.png') center center/50px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-instagram {width: 50px;height: 50px;float: left;background: url('../img/icon_ig.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-youtube {width: 50px;height: 50px;float: left;background: url('../img/icon_yt.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-whatsapp {width: 50px;height: 50px;float: left;background: url('../img/icon_wt.png') center center/50px no-repeat;font-size: 0;margin: 0% 2%; }  
.icon-email {width: 50px;height: 50px;float: left;background: url('../img/icon_ml.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;}     
    

    
.tab {overflow: hidden;background-color: ;}
.tab button {background-color: inherit;text-align: center;border: none;outline: none;cursor: pointer;padding: 14px 35px;transition: 0.3s;font-size: 1.2em;}
.tab button:hover {color: #F2D10B;}
.tab button .active{color: #DA211B;}
.tabcontent {display: none;padding: 6px 12px;border-top: none;}     
.col-noticia-principal {float: left;width: 55%;padding:0px;max-height: 500px; }  
.col-noticia-list {float: left;width: 45%;padding: px;max-height:500px; padding-left: 2%;}
.col-list {width:100%;height:130px; padding-left: 2%;margin-bottom:5%;}
.col-list img{float: left;width: 230px;padding: px;height:107px; padding-left: 2%;}
.col-list h1{text-align:left;float: right;padding: px;width:300px;height:110px;padding:3% 1%;
margin-bottom:2%;font-size: 1.3em;}   
.col-list a{text-decoration: none;color:#000;}
 
    
.noticia-principal{position: relative;width: 100%;max-height: 500px;margin: 0 auto;}
.noticia-principal img {vertical-align: middle; }
.noticia-principal a{text-decoration: none;color:#fff;}    
.noticia-principal .content {position: absolute;bottom: 0;background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1;width: 100%;padding: 20px;}    
.noticia-principal .content h1{font-size: 1.5em;text-align: left;}
.text-noticia a{text-decoration: none;color:#000;}
    
    
.col-top {float: left;width: 19%;padding:2px;height: 250px; margin:0.5%;font-size:1.8em;}
.row-top:after {content: "";display: table;clear: both;}  
    
    
    
.column-footer {float: left;width:35%;padding-left:10%;height: 300px;margin:0%;margin-right: 1%;text-decoration: none;} 
.column-footer img{padding: 0%;}
.column-footer a{text-decoration: none; color: #fff;}
.column-footer a:hover{color: rgb(240, 208, 26);}
.column-footer h2 {float: left; font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 5px;}
.column-footer h4 {font-size: 1.2em;font-weight: 800;color:#FF0000;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 3px;}

.column-footertwo {float: left;width:64%;padding-top:4%; height: 300px; margin:0%;text-decoration: none;}       
.column-footertwo img{padding: 0%;}
.column-footertwo a{font-size: 1.1em; text-decoration: none; color: #fff;font-weight: 700;}
.column-footertwo a:hover{font-size: 1.1em; text-decoration: none; color: rgb(240, 208, 26);font-weight: 700;}
.column-footertwo h2 { font-size: 1.2em;font-weight: 300; color:#fff;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 5px;}
.column-footertwo h4 {font-size: 1.7em;font-weight: 800;color:#FFf;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 3px;}   
    
    

.modal {display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);}
.modal-content {background-color: #fff;margin: 15% 20%;padding: 20px;border: 1px solid #888;width:60%; height:auto;}
        /* Estilos para o botão de fechar */
.close {color: #888;float: right;font-size: 28px;font-weight: bold;cursor: pointer;} 
    
    
.row-prog:after {content: "";display: table;clear: both;}    
    
.column-prog-one {align-items: center;float: left;width: 50%;padding:2%;height: 0 auto;}
.column-prog-two {
  
  float: left;
  width: 50%;
  padding: 10px;
  height: 0 auto; /* Should be removed. Only for demonstration */
}
    
.column-prog-itemn{float: left;width: 50%;padding: 0px;height:50px;} 
.column-prog-itemn h2{font-size: 1.5em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 6px 5px;}
.column-prog-itemn .btn{font-size: 1.0em;font-weight: 500; color:#EA4039;font-size: 16px;padding: 12px 90px;border: 2px solid #EA4039;cursor: pointer;border-radius:20px;text-align: center;background: #fff;}
    
    
.row-item{ background-color:#EA4039; border-radius: 20px;height:130px; padding: 2%;}  
.column-prog-itemnow{float: left;width: 20%;padding: 10px;height: 50px;}
.column-prog-itemnow h2{font-size: 1.8em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnow h3{font-size: 1.7em;font-weight: 700; color:#EAB608;;text-decoration: none;text-align: left;padding: 4px 5px;}    
.column-prog-item{float: left;width: 78%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-item h2{font-size: 1.8em;font-weight: 500; color:#EAB608;text-decoration: none;text-align: left;padding: 15px 10px;} 
    
    
    
.row-itemtw{ background-color:#fff; border-radius: 20px;height:90px; padding: 2%;border: 2px solid #EA4039;margin-top: 2%; }  
.column-prog-itemnowtw{float: left;width: 20%;padding: 10px;height: 50px;}
.column-prog-itemnowtw h2{font-size: 1.8em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnowtw h3{font-size: 1.5em;font-weight: 700; color:#EA4039;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemtw{float: left;width: 78%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-itemtw h2{font-size: 1.5em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 10px 10px;}     
    
    
    
    
    
.circle {}
.circle img{
  background-color: #ddd;
  border-radius: 50%;
  height: 430px;
  object-fit: cover;
  width: 430px; 
    border: 5px solid #EA4039;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}    
  
 .col-promocao {float: left;width: 32.3%;padding:0px;height:auto; margin:0.5%;font-size:1.8em;}
.row-promocao:after {content: "";display: table;clear: both;}    
.col-promocao img{  width: 100%;max-width: 500px;height: auto;}   
       
    
 .post {width:60%;float: left;text-align: left;margin-right: 5%;} 
.post a{text-decoration: none;font-size: 1.6em; font-weight: 700; color: #000;}
.post h1{font-size: 1.0em; font-weight: 300;}
.post h2{font-size: 1.3em; font-weight: 300;}
.post h3{font-size: 0.9em; font-weight: 400;}    
    
.img-post {width: 750px; height:441px; position: relative; overflow: hidden;}
.img-post img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}   
    
    
    
.ult_post {width:35%; height: 90px; float: left;text-align: left;}
.ult_post h2 {font-size: 0.8em; float: left; text-align: justify;padding: 5px;}
.ult_post h3 {font-size: 1em;}
    
 .ult_text h2{font-size: 1.0em; float: right;}  
    
.img-ult{width: 140px; height:80px;float: left; position: relative; overflow: hidden;}
.img-ult img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}    
   
    
}
/* ----------------1600px-------------------- */
             /* ----------- */
/* ----------------1900px-------------------- */
@media screen and (min-width: 1900px) {

    
 .logo { width: 180px; height: 185px; background: url('../img/logo.png') center center/180px no-repeat;font-size: 0; position: absolute; z-index: 2;}
body { background: url('../img/bg_wide.jpg') no-repeat fixed; }
    
.container {width: 100%; float: left; padding: 3% 4%; text-align: center; }
.container-header {width: 100%; float: left;  padding: 1% 15%; text-align: center;}
.container-banner {width: 100%; float: left; padding: 7% 15% 17% 15%; text-align: center; }   
.container-player {width: 100%; float: left; padding: 0% 10%; text-align: center; }  
.container-slide {width: 100%; float: left; padding:8% 10% 5% 10%; text-align: center; }
 .container-footer {width: 100%; float: left; padding: 2% 10% 6% 10% ; text-align: center; }
    
  .container-topten2 {width: 100%; float: left; padding: 2% 15% 2% 15%; text-align: center; }    
   .container-topten2 h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
  .container-topten2 h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;}   
    
 .container-topten {width: 100%; float: left; padding: 2% 15% 2% 15%; text-align: center; }    
   .container-topten h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
  .container-topten h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.container-video {width: 100%; float: left;  padding: 3% 15%; text-align: center;}  
.container-video h2{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-video h3{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.btn-video button{margin-top: 2%;width: 20%;padding: 5%;color: #130400;border: 1px solid #000; cursor: pointer;border-radius: 5px;} 
.buttons {margin-top: 2%;width:100%;}
.buttons i {float:;}   
      
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto;height: 56px;line-height: 56px;float: right;background-color:#EEEEEE;display: block !important;position: static;}
.menu li {padding: 0;float: left;}
.menu li a {color: #130400;font-size: 0.9em;padding: 15px; font-weight: 700;}
.menu li a:hover {border: none;color: #DA211B;}
    
       
.mySlides {display: none}
.slideshow-container {width: 100%;position: relative;margin:0 auto;}
.img-slider {width: 100%; height: auto; position: relative; overflow: hidden;}
.img-slider img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}
.prev, .next {cursor: pointer;position: absolute;top: 50%; width: auto;padding: 16px;margin-top: -28px;color: white;font-weight: bold;font-size: 28px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(255,0,0,0.4);}
.text {text-shadow: 3px 3px 12px black;color: #f2f2f2;font-size: 28px;padding: 2% 40% 6% 6%;position: absolute;bottom: 0px;width: 100%;text-align: left;font-weight: 600;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}    
       
.column {float: left;width: 60%;padding: 10px;height: 300px; }
.row:after {content: "";display: table;clear: both;} 
    
.column-play {float: left;width: 33.33%;padding:1% 0%;height: 120px;} 
.col-play-on {float: left;width: 20%;height: 80px; } 
.col-play-tw {float: left;width: 40%;height: 80px; } 
.col-play-th {float: left;width: 40%;height: 80px;padding-top: 20px;} 
.col-play-th h2{float: left;font-size:0.7em; color:#FF3B3B; } 
.col-play-th h3{float: left;font-size:0.8em; color:#fff; font-weight: 600; } 
    
.player {overflow: hidden;background-color:;position: fixed;bottom: 0;width: 100%;}   
.audio-player {text-align: center;text-align:center;display:flex; margin:0% 0% 0% 0%;}
.audio-player .player-controls {align-items: center;justify-content: center;margin-top: 0%;}
.audio-player .player-controls p {font-size: 1.0rem;}
.audio-player #play-btn {background-image: url("../img/play.png");background-size: .cover;width:  90px;height: 90px;margin: 0% 0% 0% 0%;}
.audio-player #play-btn.pause {background-image: url("../img/pause.png");}    
    
.icons-radios {text-align: center;padding:0% 7%;}
    .icon-capital {width: 90px;height: 90px;float: left;background: url('../img/capital.png') center center/90px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-sidrolandia {width: 90px;height: 90px;float: left;background: url('../img/sidrolandia.png') center center/90px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-jardim {width: 90px;height: 90px;float: left;background: url('../img/jardim.png') center center/90px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-miranda {width: 90px;height: 90px;float: left;background: url('../img/miranda.png') center center/90px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-jovempan {width: 90px;height: 90px;float: left;background: url('../img/jovempan.png') center center/90px no-repeat;font-size: 0;margin: 0% 2%; }  
   
    
.icons-social { padding:3% 18%;text-align: center;}  
.icon-facebook {width: 50px;height: 50px;float: left;background: url('../img/icon_fc.png') center center/50px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-instagram {width: 50px;height: 50px;float: left;background: url('../img/icon_ig.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-youtube {width: 50px;height: 50px;float: left;background: url('../img/icon_yt.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-whatsapp {width: 50px;height: 50px;float: left;background: url('../img/icon_wt.png') center center/50px no-repeat;font-size: 0;margin: 0% 2%; }  
.icon-email {width: 50px;height: 50px;float: left;background: url('../img/icon_ml.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;}     
    

    
.tab {overflow: hidden;background-color: ;}
.tab button {background-color: inherit;text-align: center;border: none;outline: none;cursor: pointer;padding: 14px 35px;transition: 0.3s;font-size: 1.2em;}
.tab button:hover {color: #F2D10B;}
.tab button .active{color: #DA211B;}
.tabcontent {display: none;padding: 6px 12px;border-top: none;}     
.col-noticia-principal {float: left;width: 55%;padding:0px;max-height: 500px; }  
.col-noticia-list {float: left;width: 45%;padding: px;max-height:500px; padding-left: 2%;}
.col-list {width:100%;height:130px; padding-left: 2%;margin-bottom:5%;}
.col-list img{float: left;width: 230px;padding: px;height:107px; padding-left: 2%;}
.col-list h1{text-align:left;float: right;padding: px;width:300px;height:110px;padding:3% 1%;
margin-bottom:2%;font-size: 1.3em;}   
.col-list a{text-decoration: none;color:#000;}
.row:after {content: "";display: table;clear: both;}   
    
.noticia-principal{position: relative;width: 100%;max-height: 500px;margin: 0 auto;}
.noticia-principal img {vertical-align: middle; }
.noticia-principal a{text-decoration: none;color:#fff;}    
.noticia-principal .content {position: absolute;bottom: 35px;background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1;width: 100%;padding: 20px;}    
.noticia-principal .content h1{font-size: 1.5em;text-align: left;}
.text-noticia a{text-decoration: none;color:#000;}
    
    
.col-top {float: left;width: 19%;padding:2px;height: 250px; margin:0.5%;font-size:1.8em;}
.row-top:after {content: "";display: table;clear: both;}  
    
    
    
.column-footer {float: left;width:35%;padding-left:10%;height: 300px;margin:0%;margin-right: 1%;text-decoration: none;} 
.column-footer img{padding: 0%;}
.column-footer a{text-decoration: none; color: #fff;}
.column-footer a:hover{color: rgb(240, 208, 26);}
.column-footer h2 {float: left; font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 5px;}
.column-footer h4 {font-size: 1.2em;font-weight: 800;color:#FF0000;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 3px;}

.column-footertwo {float: left;width:64%;padding-top:4%; height: 300px; margin:0%;text-decoration: none;}       
.column-footertwo img{padding: 0%;}
.column-footertwo a{font-size: 1.1em; text-decoration: none; color: #fff;font-weight: 700;}
.column-footertwo a:hover{font-size: 1.1em; text-decoration: none; color: rgb(240, 208, 26);font-weight: 700;}
.column-footertwo h2 { font-size: 1.2em;font-weight: 300; color:#fff;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 5px;}
.column-footertwo h4 {font-size: 1.7em;font-weight: 800;color:#FFf;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 3px;}   
    
    

    
    
.modal {display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);}
.modal-content {background-color: #fff;margin: 15% 20%;padding: 20px;border: 1px solid #888;width:60%; height:auto;}
        /* Estilos para o botão de fechar */
.close {color: #888;float: right;font-size: 28px;font-weight: bold;cursor: pointer;} 
.row-prog:after {content: "";display: table;clear: both;}    
    
.column-prog-one {align-items: center;float: left;width: 50%;padding:2%;height: 0 auto;}
.column-prog-two {
  
  float: left;
  width: 50%;
  padding: 10px;
  height: 0 auto; /* Should be removed. Only for demonstration */
}
    
.column-prog-itemn{float: left;width: 50%;padding: 0px;height:50px;} 
.column-prog-itemn h2{font-size: 1.5em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 6px 5px;}
.column-prog-itemn .btn{font-size: 1.0em;font-weight: 500; color:#EA4039;font-size: 16px;padding: 12px 90px;border: 2px solid #EA4039;cursor: pointer;border-radius:20px;text-align: center;background: #fff;}
    
    
.row-item{ background-color:#EA4039; border-radius: 20px;height:130px; padding: 2%;}  
.column-prog-itemnow{float: left;width: 20%;padding: 10px;height: 50px;}
.column-prog-itemnow h2{font-size: 1.8em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnow h3{font-size: 1.7em;font-weight: 700; color:#EAB608;;text-decoration: none;text-align: left;padding: 4px 5px;}    
.column-prog-item{float: left;width: 78%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-item h2{font-size: 1.8em;font-weight: 500; color:#EAB608;text-decoration: none;text-align: left;padding: 15px 10px;} 
    
    
    
.row-itemtw{ background-color:#fff; border-radius: 20px;height:90px; padding: 2%;border: 2px solid #EA4039;margin-top: 2%; }  
.column-prog-itemnowtw{float: left;width: 20%;padding: 10px;height: 50px;}
.column-prog-itemnowtw h2{font-size: 1.8em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnowtw h3{font-size: 1.5em;font-weight: 700; color:#EA4039;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemtw{float: left;width: 78%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-itemtw h2{font-size: 1.5em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 10px 10px;}     
    
    
    
    
    
.circle {}
.circle img{
  background-color: #ddd;
  border-radius: 50%;
  height: 430px;
  object-fit: cover;
  width: 430px; 
    border: 5px solid #EA4039;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}       
    

.col-promocao {float: left;width: 32.3%;padding:0px;height:auto; margin:0.5%;font-size:1.8em;}
.row-promocao:after {content: "";display: table;clear: both;}    
.col-promocao img{  width: 100%;max-width: 500px;height: auto;}   
    
    
}


@media screen and (min-width: 2100px) {

    
 .logo { width: 280px; height: 285px; background: url('../img/logo.png') center center/280px no-repeat;font-size: 0; position: absolute; z-index: 2;}
body { background: url('../img/bg_wide_k.jpg') no-repeat fixed; }
    
.container {width: 100%; float: left; padding: 3% 4%; text-align: center; }
.container-header {width: 100%; float: left;  padding: 1% 15%; text-align: center;}
.container-banner {width: 100%; float: left; padding: 7% 15% 17% 15%; text-align: center; }   
.container-player {width: 100%; float: left; padding: 0% 10%; text-align: center; }  
.container-slide {width: 100%; float: left; padding: 30% 10% 10% 10%; text-align: center; }
 .container-footer {width: 100%; float: left; padding: 2% 10% 6% 10% ; text-align: center; }
 .container-topten2 {width: 100%; float: left; padding: 2% 20% 2% 20%; text-align: center; }    
   .container-topten2 h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
  .container-topten2 h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;}   
 .container-topten {width: 100%; float: left; padding: 2% 15% 2% 15%; text-align: center; }    
   .container-topten h1{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
  .container-topten h5{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.container-video {width: 100%; float: left;  padding: 3% 20%; text-align: center;}  
.container-video h2{color:  #DA211B;font-size: 2.5em; font-weight: 700;padding: 1% 0% 0% 0%;} 
.container-video h3{margin-top: -25px; color:  #DA211B;font-size: 2.0em; font-weight: 700;padding:1% 0% 1% 0%;} 
.btn-video button{margin-top: 2%;width: 20%;padding: 5%;color: #130400;border: 1px solid #000; cursor: pointer;border-radius: 5px;} 
.buttons {margin-top: 2%;width:100%;}
.buttons i {float:;}   
      
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto;height: 56px;line-height: 56px;float: right;background-color:#EEEEEE;display: block !important;position: static;}
.menu li {padding: 0;float: left;}
.menu li a {color: #130400;font-size: 1.2em;padding: 15px; font-weight: 700;}
.menu li a:hover {border: none;color: #DA211B;}
    
       
.mySlides {display: none}
.slideshow-container {width: 100%;position: relative;margin:0 auto;}
.img-slider {width: 100%; height: auto; position: relative; overflow: hidden;}
.img-slider img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width:100%;min-height: 100%;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -28px;color: white;font-weight: bold;font-size: 28px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(255,0,0,0.4);}
.text {text-shadow: 3px 3px 12px black;color: #f2f2f2;font-size: 28px;padding: 2% 40% 6% 6%;position: absolute;bottom: 0px;width: 100%;text-align: left;font-weight: 600;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}    
       
.column {float: left;width: 60%;padding: 10px;height: 300px; }
.row:after {content: "";display: table;clear: both;} 
    
.column-play {float: left;width: 33.33%;padding:1% 0%;height: 150px;} 
.col-play-on {float: left;width: 20%;height: 80px; } 
.col-play-tw {float: left;width: 40%;height: 80px; } 
.col-play-th {float: left;width: 40%;height: 80px;padding-top: 20px;} 
.col-play-th h2{float: left;font-size:0.9em; color:#FF3B3B; } 
.col-play-th h3{float: left;font-size:1.1em; color:#fff; font-weight: 600; } 
    
.player {overflow: hidden;background-color:;position: fixed;bottom: 0;width: 100%;}   
.audio-player {text-align: center;text-align:center;display:flex; margin:0% 0% 0% 0%;}
.audio-player .player-controls {align-items: center;justify-content: center;margin-top: 0%;}
.audio-player .player-controls p {font-size: 1.0rem;}
.audio-player #play-btn {background-image: url("../img/play.png");background-size: .cover;width:  110px;height:110px;margin: 0% 0% 0% 0%;}
.audio-player #play-btn.pause {background-image: url("../img/pause.png");}    
    
.icons-radios {text-align: center;padding:0% 7%;} 
    .icon-capital {width: 110px;height: 110px;float: left;background: url('../img/capital.png') center center/110px no-repeat;font-size: 0;  margin: 0% 2%; } 
.icon-sidrolandia {width: 110px;height: 110px;float: left;background: url('../img/sidrolandia.png') center center/110px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-jardim {width: 110px;height: 110px;float: left;background: url('../img/jardim.png') center center/110px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-miranda {width: 110px;height: 110px;float: left;background: url('../img/miranda.png') center center/110px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-jovempan {width: 110px;height: 110px;float: left;background: url('../img/jovempan.png') center center/110px no-repeat;font-size: 0;margin: 0% 2%; }  
   
    
.icons-social { padding:3% 18%;text-align: center;}  
.icon-facebook {width: 50px;height: 50px;float: left;background: url('../img/icon_fc.png') center center/50px no-repeat;font-size: 0;  margin: 0% 2%; }  
.icon-instagram {width: 50px;height: 50px;float: left;background: url('../img/icon_ig.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;}      
.icon-youtube {width: 50px;height: 50px;float: left;background: url('../img/icon_yt.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;} 
.icon-whatsapp {width: 50px;height: 50px;float: left;background: url('../img/icon_wt.png') center center/50px no-repeat;font-size: 0;margin: 0% 2%; }  
.icon-email {width: 50px;height: 50px;float: left;background: url('../img/icon_ml.png') center center/50px no-repeat;font-size: 0; margin: 0% 2%;}     
    

    
.tab {overflow: hidden;background-color: ;}
.tab button {background-color: inherit;text-align: center;border: none;outline: none;cursor: pointer;padding: 14px 35px;transition: 0.3s;font-size: 1.2em;}
.tab button:hover {color: #F2D10B;}
.tab button .active{color: #DA211B;}
.tabcontent {display: none;padding: 6px 12px;border-top: none;}     
.col-noticia-principal {float: left;width: 55%;padding:0px;max-height: 480px; }  
.col-noticia-list {float: left;width: 45%;padding: px;max-height:500px; padding-left: 2%;}
.col-list {width:100%;height:135px; padding-left: 2%;margin-bottom:5%;}
.col-list img{float: left;width: 230px;padding: px;height:150px; padding-left: 2%;}
.col-list h1{text-align:left;float: right;padding: px;width:400px;height:120px;padding:3% 1%;
margin-bottom:2%;font-size: 1.6em;}   
.col-list a{text-decoration: none;color:#000;}
.row:after {content: "";display: table;clear: both;}   
    
.noticia-principal{position: relative;width: 100%;max-height: 500px;margin: 0 auto;}
.noticia-principal img {vertical-align: middle; }
.noticia-principal a{text-decoration: none;color:#fff;}    
.noticia-principal .content {position: absolute;bottom: 20px;background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1;width: 100%;padding: 20px;}    
.noticia-principal .content h1{font-size: 1.5em;text-align: left;}
.text-noticia a{text-decoration: none;color:#000;}
    
    
.col-top {float: left;width: 19%;padding:2px;height: 250px; margin:0.5%;font-size:1.8em;}
.row-top:after {content: "";display: table;clear: both;}  
    
    
    
.column-footer {float: left;width:35%;padding-left:10%;height: 300px;margin:0%;margin-right: 1%;text-decoration: none;} 
.column-footer img{padding: 0%;}
.column-footer a{text-decoration: none; color: #fff;}
.column-footer a:hover{color: rgb(240, 208, 26);}
.column-footer h2 {float: left; font-size: 1.0em;font-weight: 700; color:#fff;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 5px;}
.column-footer h4 {font-size: 1.2em;font-weight: 800;color:#FF0000;text-decoration: none; text-align: left; padding-left: 7px;padding-top: 3px;}

.column-footertwo {float: left;width:64%;padding-top:4%; height: 300px; margin:0%;text-decoration: none;}       
.column-footertwo img{padding: 0%;}
.column-footertwo a{font-size: 1.1em; text-decoration: none; color: #fff;font-weight: 700;}
.column-footertwo a:hover{font-size: 1.1em; text-decoration: none; color: rgb(240, 208, 26);font-weight: 700;}
.column-footertwo h2 { font-size: 1.2em;font-weight: 300; color:#fff;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 5px;}
.column-footertwo h4 {font-size: 1.7em;font-weight: 800;color:#FFf;text-decoration: none; text-align: center; padding-left: 7px;padding-top: 3px;}   
    
    

    
    
.modal {display: none;
position: fixed;z-index:100;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.modal-content {background-color: #fff;margin: 15% 20%;padding: 20px;border: 1px solid #888;width:60%; height:auto;}
        /* Estilos para o botão de fechar */
.close {color: #888;float: right;font-size: 28px;font-weight: bold;cursor: pointer;} 
.row-prog:after {content: "";display: table;clear: both;}    
    
.column-prog-one {align-items: center;float: left;width: 50%;padding:2%;height: 0 auto;}
.column-prog-two {
  
  float: left;
  width: 50%;
  padding: 10px;
  height: 0 auto; /* Should be removed. Only for demonstration */
}
    
.column-prog-itemn{float: left;width: 50%;padding: 0px;height:50px;} 
.column-prog-itemn h2{font-size: 1.5em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 6px 5px;}
.column-prog-itemn .btn{font-size: 1.0em;font-weight: 500; color:#EA4039;font-size: 16px;padding: 12px 90px;border: 2px solid #EA4039;cursor: pointer;border-radius:20px;text-align: center;background: #fff;}
    
    
.row-item{ background-color:#EA4039; border-radius: 20px;height:130px; padding: 2%;}  
.column-prog-itemnow{float: left;width: 20%;padding: 10px;height: 50px;}
.column-prog-itemnow h2{font-size: 1.8em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnow h3{font-size: 1.7em;font-weight: 700; color:#EAB608;;text-decoration: none;text-align: left;padding: 4px 5px;}    
.column-prog-item{float: left;width: 78%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-item h2{font-size: 1.8em;font-weight: 500; color:#EAB608;text-decoration: none;text-align: left;padding: 15px 10px;} 
    
    
    
.row-itemtw{ background-color:#fff; border-radius: 20px;height:90px; padding: 2%;border: 2px solid #EA4039;margin-top: 2%; }  
.column-prog-itemnowtw{float: left;width: 20%;padding: 10px;height: 50px;}
.column-prog-itemnowtw h2{font-size: 1.8em;font-weight: 700; color:#fff;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemnowtw h3{font-size: 1.5em;font-weight: 700; color:#EA4039;text-decoration: none;text-align: left;padding: 4px 5px;}
.column-prog-itemtw{float: left;width: 78%;padding: 0px;height:50px;margin-left: 2%} 
.column-prog-itemtw h2{font-size: 1.5em;font-weight: 500; color:#EA4039;text-decoration: none;text-align: left;padding: 10px 10px;}     
    
    
    
    
    
.circle {}
.circle img{
  background-color: #ddd;
  border-radius: 50%;
  height: 430px;
  object-fit: cover;
  width: 430px; 
    border: 5px solid #EA4039;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}       
    
    
    
}


.ulti{
  color:#000;
    font-size:1.2em;
    font-weight: 600;
}

.art {
    border: 1px solid #DDDDDD;
    width:35%;
    float: left;
  padding: 6px;
    color: #000;
    margin-bottom: 3px;
    text-align: left;
    
}
.art-txt a{
    color:#000;
    padding-top: 10px;
    font-size:0.9em;

}

.img2 {
  float: left;
    padding-right: 4px;
    
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}