/*
Theme Name: Radio
Theme URI:
Description: Tema diseñado para noticias
Version:1.0
*/
@import url(./css/estilos.php);
ol,ul,li,div,h1,h2,h3,h4,img,p{ margin: 0; padding: 0; list-style: none; vertical-align: baseline;}
table {border-collapse: collapse;  border-spacing: 0;}
caption, th, td {  text-align: left;  font-weight: normal;  vertical-align: middle;}
q, blockquote {  quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {  content: "";  content: none;}
a img {  border: none; width: 100%; height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; margin: 0; padding: 0}
a{text-decoration: none; color: #242424;}

body{margin: 0 auto; 
    width: 100%; 
    font-family: 'Montserrat', sans-serif;
    color: #242424; background-attachment:fixed; background-repeat: no-repeat; background-size: cover; }
header, #topheader{margin: 0 auto;}
header{background: #292626; 
    position: relative; 
    border-bottom: 2px solid #676767;}
header,#topheader,#content, #secondcontent, #foot_red, #footer,#attec,#mnusli,#content{
    max-width: 1134px;
    height: auto; 
    margin: 0 auto;
}
header #contheader{ margin: 0 auto; 
    background: #fff; 
    background-repeat: no-repeat; }
header .logo{width: 20%;
    margin: 0 auto; }
header .mnuprin{padding: .5%; 
    width: 100%; display: inline-block;}
header .mnuprin .home{ display: inline-block;}
header img{width: 100%;}
header .mnuprin .home a{display: block; color: #fff;}
header .mnuprin .items{width: 100%;}
header .mnuprin .items ul{
    display: flex;
    flex-wrap: wrap;
}
header .mnuprin .items ul li{
    width: auto;
    display: block;
    padding: 1%;
    flex-wrap: wrap;
}
header .mnuprin .items li a{
    width: auto;
    display: block; 
    font-size: 18px;    
    color: #fff;
    
    box-sizing: border-box;
    }
header .mnuprin .items li:nth-child(1){ background: #433b8f; }
header .mnuprin .items li:nth-child(2){ background: #0184cd; }
header .mnuprin .items li:nth-child(3){ background: #7cbc19; }
header .mnuprin .items li:nth-child(4){ background: #ffbc00; }
header .mnuprin .items li:nth-child(5){ background: #f07502; }
header .mnuprin .items li:nth-child(6){ background: #d00110; }

header .mnuprin .items li:nth-child(1) a{ background: #433b8f; }
header .mnuprin .items li:nth-child(2) a{ background: #0184cd; }
header .mnuprin .items li:nth-child(3) a{ background: #7cbc19; }
header .mnuprin .items li:nth-child(4) a{ background: #ffbc00; }
header .mnuprin .items li:nth-child(5) a{ background: #f07502; }
header .mnuprin .items li:nth-child(6) a{ background: #d00110; }
#contsec,#mnusli,#wrap,#redescont, #attec, #consli, #wrapper_single, #secondcontent{
    background: #fff; 
    overflow: hidden;}
#topheader{
    margin: .05% auto;
    height: auto;
    position: relative; }
#consli{
    display: flex;
    flex-wrap: wrap;
    background: #2b2b2b;
    margin:  0 auto;
    padding-top:  .5%;
    padding-bottom: .5%;
}
#consli .lgs{
    width: 25%;
    background-size: 20px auto;
    overflow: hidden;
}
#consli .lgs .items{
    padding: 1% 0;
    box-sizing: border-box;
}
#consli .lgs .items ul{
    display: inline-flex;
    margin-left: 3%;
    flex-wrap: wrap;
    max-width: 100%;
}    
#consli .lgs .items ul li{ 
    background: #2b2b2b05;
    padding: 0 7px;
    cursor: pointer;
}
#consli .lgs .items ul li a{
    white-space:nowrap;
    font-weight: normal;    
    column-span: all;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    color: #fff;
    padding: 2%;
     }
#consli .lgs .items ul li:hover{
    color: rgba(255,255,255,1);
    /*background: rgba(255,255,255,0.2);*/
    background: orangered;
}
#consli .lgs .items ul li a span{
    display: block;
}
#middle-consli{
    width: 50%
}
#rst{width: 25%; 
}

/* ESTILOS DEL SLIDESHOW */
#slider_cont{ width: 100%; }
#prom{}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;
                    background:url("./img/siguiente.png") no-repeat;
                    height: 60px;
                    width: 40px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;
                background:url("./img/anterior.png") no-repeat;
                height: 60px;
                width: 40px;
                }
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;    background:whitesmoke;  opacity:.75;    }
.bjqs-slide .title{ max-width: 50%;    position: absolute;    bottom: 40%;    right: 5%;  
                    text-align: right;}
.bjqs-slide .title a{background: #F71111; border-radius: 5px; color: #fff; line-height:1.7em;
                    padding: 3px 9px;   font-size: 25px; -webkit-box-decoration-break: clone;}

.bjqs-slide .contxtslid {max-width: 35%; padding: .51%;    background: #FBFF03;    position: absolute;    
                        bottom: 20%;    right: 5%;    font-size: 20px;  border-radius: 5px; text-align: right;
                        -webkit-box-decoration-break: clone;}
/* Colors menu*/

#mnusli{
    margin: 0 auto;
    overflow: visible;
}
#mnusli .items{ flex-wrap:wrap;  }
#mnusli ul{
    width: 100%!important;
    display:flex;}
.items ul li{ 
    display: inline-block;
    width: 33.333%;
    position: relative;
}
#mnusli ul li a{
    padding: 2%;
    box-sizing: border-box;
    display: block;
    color: #FFF;
    font-size: .8em;
    font-weight: 400;
    text-align: center;
}
#mnusli ul li a img{
    width: 05%;
}
#mnusli ul li ul{ display: none; }

#mnusli ul li:hover > ul{ 
    top: 100%;
    display: block;
    width: 100%;
    z-index: 9;
    position: absolute; }

#mnusli ul li ul li{
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #0184cd;
}
#mnusli ul li ul li a { color: #000;
    padding: 3%;
    text-align: left; }
.items li:nth-child(1){ background: #433b8f; }
.items li:nth-child(2){ background: #0184cd; }
.items li:nth-child(3){ background: #7cbc19; }
.items li:nth-child(4){ background: #ffbc00; }
.items li:nth-child(5){ background: #f07502; }
.items li:nth-child(6){ background: #d00110; }


.noticias{background: url(../img/iconos/noticia.png) no-repeat center center transparent}
.fixed{
    position:fixed; 
    top:0;
    z-index:999;
    width: 100%;}

/*reproductor*/
#emisora{ margin: 1% auto;   }
#viewrep{ display:none;}
#radiosound{ text-align: center; 
    position: relative;}
#contreproductor{ 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
     }
#contreproductor img{
    width: 100%;
}
#play{ }
#pause{ display: inline-block; }
.triangulo_play {}
.pause_btn{ }
.tit{font-size: 1.2rem;
    margin: 0 auto;
    color: #fff;
    text-transform: capitalize;
    text-align: center;}
.tit li{ }
.tit li .prm{ display: inline-block; }
.show{ display:inline-block;}
#text{
    color: #fff;
    font-weight: 600;
    margin-left: 5%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
/*wrap*/
#wrap{ 
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto; 
    position: relative; 
    padding-top: 2%;}
#sidebar{ 
    }
#firstcont{ width: 100%; 
    display: flex;
    flex-wrap: wrap;}
#firstcont section{
    display: flex;
    flex-wrap: wrap;
}
/* Slide video*/    
.container_sli_video{
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.container_sli_video .slid-video{
    white-space: nowrap;
}

.slid-video .displayli{
    display: inline-block;

}
.slid-video .displayli #cont-img-play{
    
}
.slid-video .displayli .cont-li{}

.slid-video .displayli #cont-img-play .thumyou{
    width: 100%;
}

.slid-video .displayli #cont-img-play .thumyou img{
    width: 100%;
    height: auto;
}
.slid-video .displayli #cont-img-play .cntxt{
    display: block;
    white-space: pre-line;
    box-sizing: border-box;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 2px 20px 0px rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.slid-video .displayli #cont-img-play .cntxt h5{
    margin: 0 auto; 
    width: 100%;
    height: 25px;
    display: block;
    text-align: center;
    padding: 2%;
    box-sizing: border-box;
    white-space: normal;
}
.left, .right{
    position: absolute;
    top: 30%;
    font-size: 4em;
    height: 50px;
    border: none;
    color: #f7f7f7;
    background-color: #00ccc500;
    border-radius: 100px;
}
.left{
    left: 0px;
    top: 40%;
}
.right{
    right: 0px;
    top: 40%;
}
.left, .right{
    display: none;
}
.slid-video:hover > .left{
    display: block;
}

.slid-video:hover > .right{
    display: block;   
}
/*POP SLIDE VIDEO*/
#fanback{ 
    position: fixed;
    bottom: 25px;
    left: 20px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    z-index: 999;  
    background: url(./img/iconos/backStickys.png) left top;
    }
#fan-exit{
    position: absolute;
    right: 5px;
    top: 5px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
#Burptech{
    padding: 1%;
    box-sizing: border-box;∫
}
/* */
#lastevent{
    display: flex;
    flex-wrap: wrap; 
    width: 32%;
    padding: 1%;
    margin-bottom: 2%;
    box-sizing: border-box;
    box-shadow: 0 2px 20px 0px rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    }
.img-lastevent{
    width: 100%;
}
.inf-lastevent{}
span.icon{ display: block;
    width: 100%; }
span.calendar{
    font-size: .70rem;
    margin-bottom: 5%;
    margin-top: 5%;
    margin-left: 5%;
}
span.calendar img{ width: 05%;
    height: auto; }
.inf-inx{
    display: block;
}
#lastevent h3{  text-transform: lowercase;   
    font-size: 1.2rem;	
    font-weight: 400; 
    width: 100%;
    margin-bottom: 3%;
    margin-top: 5%;
    overflow: hidden;}
#lastevent h3:first-letter{ 
    text-transform: uppercase;    
    }
#lastevent a{ display: block; 
    overflow: hidden; 
}
#lastevent a img{
    width: 100%;
    height: calc(100% + 0px);
}
#lastevent:nth-child(2n+2){margin-left:  2%;
    margin-right: 2%;} 
#lastevent:nth-child(4){
    margin-left: 0;
}
#lastevent:nth-child(6){
    margin-right: 0;
}

#lastevent h2{margin-bottom: 2%;}
.line{width: 100%; 
    margin-bottom: 2%;}
h2.line{
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 1.2rem;
    font-weight: 400;
}
.line img{ margin-right: 2%; }
#contnews{width: 100%;
    padding: 0 2%;
    box-sizing: border-box;}
#contnews .pub01{ 
    max-width: 100%; 
    margin-bottom: 1%;
    height: auto;
    overflow: hidden;}
#contnews .pub01 img{ width: 100%;
    height: 100%;  }


#attec{ 
    padding: 0;
    margin: 0 auto; }
/* segundo content*/
#secondcontent{
    padding: 0 2%;
    box-sizing: border-box;
}
#contsec{
    margin:0 auto; 
    display: flex;
    flex-wrap: nowrap;
}
#twonews{ 
    width:85%;
    display: flex;
    box-sizing: border-box;
}
#twonews-1{
    width: 50%;
    margin-left: 2%;
}
#twonews-1 #threes{
    width: 100%;
}
#threes{ 
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    text-align: center;
    width: 100%;
    filter: opacity(70%);
    box-sizing: border-box;
    break-inside: avoid;
    page-break-inside: avoid;
}
#threes:nth-child(1){ }
#threes:hover{
    filter: opacity(100%);
} 
#threes a {
    display: block;
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden;
}
#threes a img{
    max-width: 100%;
    max-height: 100%
}
#threes h3{ font-weight: 300; line-height: 1.5; font-size: 15px; text-transform: lowercase; }
#threes h3:first-letter{text-transform: uppercase;}
#threes_1{width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 5%;}
.boxs{}
.boxs h3{margin-bottom: 5%;}
.info{padding: 5%; box-sizing: border-box;}


/* redes */
#foot_red{
    background: #fff;
}
#redescont{
    width: 96%; 
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #000;}
#redescont i{
    margin: 0 auto;
    font-size: 3.5rem;
    margin-right: 2%;
    margin-bottom: 2%;
}     
#redescont .widget{display: inline-block; width:30%; vertical-align: top; margin-right: 5%; max-height: 332px; overflow: hidden;}
#redescont .widget:first-child{}
#redescont .widget:last-child{margin-right: 0; }
.imgInsta{width: 50%;}

/* Category*/
#content{}
#category, .wrap-program{ 
    margin: 0 auto;
    background: #fff;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%; }
#topheader.catg, #content.catg, #secondcontent.catg{
    margin: 0 auto;
    display: flex;
    background: #fff;
}
.wrap-program #raw-pro{
    margin: 0 auto;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    color: #000;
    padding: 2% 2%;
    box-sizing: border-box;
    margin: 2% 0;
    border-bottom: 1px dotted #646464;
    border-right: 1px dotted #646464;
    box-shadow: 0 2px 20px 0px rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.colsleft{
    width: 30%;
}
.colsleft img {
    width: 100%;
}
.colsright {
    padding-left: 5%;
    box-sizing: border-box;
}
#category{ 
    position: relative;
    display: flex;
    flex-wrap: wrap;
    }
#category .navigation{
    width: 100%;
    padding: 2% 0;
}

#category .navigation a{
    padding: 2% 0;
    color: #000;
    font-size: 1.4;
}
#category .navigation .alignleft{
    float: left;
}
#category .navigation .alignright{
    float: right;
    padding-right: 6%;
}
#wrap-cont{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
#category #category_cont{
    border-radius: 5%;
    background: #fff;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 30%;
    overflow: hidden;
    box-shadow:     0 2px 20px 0px rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);   
}
#category #category_cont:nth-child(3n+2){
    margin: 2% 2%;
}
#category #category_cont .img_category{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#category #category_cont .img_category a{
    display: block;
    width: 100%;
    max-height: 218px;

    overflow: hidden;    
}
#category #category_cont .img_category a img{
    width: 100%;
    height: auto;
}
.category_dat{
    color: #000;
    padding: 5%;
    width: 100%;
    overflow: hidden;
}
#category #category_cont .category_dat{
    font-weight: 600;
    padding: 5%;
    box-sizing: border-box;
}
#category #category_cont .category_dat a h3{ 
    font-size: 1.05em;
    font-weight: 600;
    text-align: left;

}
/* Single*/

#wrapper_single{ width: 60%; margin: 0 auto; }
#single_entry{
    margin: 2%;
    box-sizing: border-box;}


#entryMeta{ margin: 1% 0 0; }
#entryMeta h1{ margin: 2% 0 0; }
#wrapper_single #sidebar{ width: 28%; float: right; }
.dat{ margin: 2% 0; width: 70%; display: inline-block; }
.dat ul { display: inline-block; width: 15%; }
.dat li{width: 30%;  height: auto; display: inline-block;}
.fecha{display: inline-block;   color: #5d5d5d; font-size: 12px;  display: inline-block;}

#entry{ line-height: 1.5;
    font-size: 1.3rem;
    font-weight: 400; }
.entry_cont{
    max-width: 100%;
    height: auto;
}
.entry_cont img{  
    max-width: 100%;
    height: auto;
}
/*comments*/
.comment_nota{ font-size: 12px; color: #ababab; }

/* Page Contac*/

#category .row{ 
    width: 80%;
    color:#606060;
    margin: 0 auto; }
#category .row h1{ margin: 3% 0; }
#category .row .entry-content{ 
    font-size:.8rem;
    margin: 3% 0;  }     
#category .row .form-group{
    margin-top: 2%;
    margin-bottom: 2%;
}
#category .row .form-group label{
    width: 100%;
    font-weight: 500;
    margin-bottom: 2%;
    display: block;
}
#category .row .form-group label .asterisk{
    color: #d91010;
    font-weight: 500;
}
#category .row .form-group input{
    padding: 2%;
    margin-bottom: 2%;
    border-radius: .50em;
    width: 100%;
}
#category .row .form-group textarea{
    padding: 2%;
    margin-bottom: 2%;
    border-radius: .50em;
    width: 100%;
}
#category .row  button{
    background: #0c7dbf;
    padding: 2%;
    border-radius: .50em;
    margin-bottom: 2%; 
}
#category.box{
    font-size: .9rem;
    line-height: 1.5;
}
#category.box p{
    font-size: .8rem;
}
#category.box img{
    max-width: 100%;
    height: auto;
}
/* Footer */

#footer{ 
    background: #292626; 
    width: 100%; 
    display: flex;
    flex-wrap: wrap;
    padding: 1% 0;
    box-sizing: content-box;}
#footer img{width: 100%;}
.footer_img{ width: 25%; 
    display: inline-flex;
    margin-right: 12%; }
#footcont{margin: 0 auto; 
    width: 64%;}
#footer .lgs{ 
    width: 60%;
    color: #fff;
    vertical-align: top;
    display: inline-flex;
    flex-wrap: wrap;  }
#footer .lgs li{ width: 10%;
    margin-right: 2%; }
#footer .lgs i{
    box-sizing: border-box;
    margin-top: 5%;
}
.fa-map-marker-alt{
    width: 100%;
}    
.fa-phone-alt{
    width: 50%;
}
.fas:before{
    padding-right: 5%;
}
#footer .lgs i span{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
#wpstats{display: none;}

/* ------------ Pantalla Macbooks a1278 -------------*/
@media screen and (max-width: 1300px){

header #contheader, #attec, #consli, #wrap,#contsec,#redescont,#footcont, #mnusli{
    width: 100%;
}
#consli{
    background: #2b2b2b; 
}
}
/* ------------ Pantalla de Celular -------------*/
@media screen and (max-width: 720px){
header #contheader{width: 100%;
    text-align: center;
    box-sizing: border-box; background-size: 100% 100%; }
header .logo{width: 25%;}
header .mnuprin{ display: none; }

header #online .tit{
    font-size: .90rem;
    text-align: center;
}
#rst{width: 55%;
    margin-left: 5%;}
#rst #radiosound{}
#consli{width: 100%;
    box-sizing: border-box;}
.lgs{text-align: left;}
.lgs li{margin-left: 1%; 
    margin-right: 0; 
    text-align: left;
    }
#consli .lgs .items ul{
    width: 100%;
}
#consli .lgs .items ul li a{ 
    display: block; }
#wrap{width: 100%;
    box-sizing: border-box;
    }
#middle-consli{display: none;}
.slid-video .displayli #cont-img-play .cntxt h5{padding: auto;}
#content, #secondcontent, #foot_red, #footer, #attec, #mnusli, #content{
    margin: 0 auto;
    width: 100%;
}
#contnews{
    width: 90%;
    margin: 0 auto;
}
#lastevent{width: 100%;}
#contsec{
    width: 90%;
    display: block;
}
#twonews {
    column-count: 1;
    width: 100%;
}
#twonews-1{
    width: 100%;
    margin: 0 auto;
}
h2.line{
    margin-top: 10%;
}
.left, .right{
    display: block;
}
#redescont .widget{
    margin: 2% 0;
    width: 100%;}
#mnusli ul li a img{
    width: 25%;
}    
#firstcont section{
    display: block;
}
#consli .lgs{
    width: 40%;
}
#redescont i{
    font-size: 1.5rem;
}
#footcont{
    width: 90%;
    font-size: .80rem;
}
.footer_img{
    margin-right: 5%;
}
#footer .lgs{
    width: 69%;
}
}