*{margin: 0; padding: 0;}

.caja-seccion img, .header img, .wp-post-image{width: 100%; height: auto;}
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.on{display: none;}

.animacion{height: 100%; transition: all 0.5s ease-in-out;}
.animacion:hover{-webkit-transform:scale(1.3);transform:scale(1.3); transition: all 0.5s ease-in-out;}
figure{overflow: hidden;}
body{margin: 0% 5%; background: #e4e5e6;}
a{text-decoration: none;}
.titulo:hover{color: #0F7C67;transition:all .3s ease-in-out;}
.titulop:hover{color: #fff;transition:all .3s ease-in-out;}

#cuerpo{ padding: 0 0.5%; border: solid 1px #b5b7ba; background: #fff;}
.caja-seccion{background: #e9edf4; margin-bottom: 1%; padding-top: 1%; border: solid 1px #b5b7ba;}

/* banner */
h3{color: #1445b0; }
.b-izquierda{float: left; width: 80%;}

/* Redes Sociales*/
.redes{float: left; width: 10%; padding: 0 0 0 10%;}
.caja-ico{float: left; width: 33%;}
.redes{text-align: right;}
.ico{transition: all 0.3s ease-in-out;}
.ico:hover{-webkit-transform:scale(1.0);transform:scale(1.3); transition: all 0.3s ease-in-out;}

/* Fin Redes Sociales*/

/*.logo{position: absolute; width: 11%; z-index: 2; left: 7%; top: 35%; border: solid 2px #b5b7ba;}*/
.logo{float: left; width: 10%; border: solid 2px #b5b7ba;}  
.logoD{float: left; width: 86%; padding: 0 1%;}

/* menu */

nav{
    margin: 1% 0;
}

ul, ol{
    list-style: none;
    text-align: center;
}
.menu li a{
    background: #0F7C67;
    color: #fff; /*1445b0*/
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}
.menu > li {

   /* float: left; */
   display: inline-block;
   margin: 0 0;
}
.menu li a:hover{
   /* color: #ddd; /*1445b0*/
    background: #136757;
}
.menu li ul{
    display:none;
    position: absolute;
    min-width: 140px;
}
.menu li:hover> ul{
   display: block;
}
.menu li ul li{
    position: relative;
    text-align: left;
}

.menu li ul li ul{
    right: -140px;
    top: 0px;
}


.menu{
    border-bottom: solid 1px #0F7C67;
}

/* menu fijo */   
.fixed{position:fixed; top:0; z-index:9; background: #f7f9fc; border-bottom: solid 1px #0F7C67; margin: 0 5% 0 0;}
/* fin menu fijo */

/*para menu responsive*/
.page-header{height: 125px; transition:all .4s linear; }
.toggle-nav {
      float: right;
      margin: 0 0 1em 1em;
      color: #fff;
      cursor: pointer;
      background: #0F7C67;
      padding: 10px 15px;
      visibility: hidden;
    }

/* fin para menu responsive*/


/* seccion videos noticias */
.video{margin: 1% 0;}
.videos{float: left; width: 24%; margin: 0 0.5%;}
.limpieza{clear: both;}
.titulo{font-size: 20px; text-align: left; margin-bottom: 1%; color: #1445b0;}
.titulo-aside{text-align: center;}
.titulo-aside{font-size: 20px; text-align: center; margin-bottom: 1%; color: #1445b0;}
.titulop{font-size: 20px; text-align: center; margin-bottom: 1%; color: #1445b0;}

.ani-titu{color: red;width:100%;display: block;background: linear-gradient(to left,transparent,transparent 50%,#0F7C67 50%,#0F7C67);
    background-position: 100% 0; background-size: 200% 100%;transition: all .24s ease-in;  }
.ani-titu:hover{background-position: 0 0;color:#FFFFFF;background-color: #0F7C67;}

.videos p{text-align: center; color: #1445b0;}
/*.videos p:hover{color: #0F7C67;transition:all .3s ease-in-out;}*/
.VP p:hover{color: #0F7C67;transition:all .3s ease-in-out;}

.Prog-footer{margin: 0 0 2% 0;}

/* seccion articulos */
.PLeft{float: left; width: 50%;}
.PRight{float: left; width: 50%;}

#principal{float: left; width: 74.5%; margin-right: 0.5%;}
.articulo{float: left; width: 46%; margin: 1% 1%; padding: 1% 1%; height: 280px;}
.PLeft-articulo{margin: 1% 1%; padding: 1% 1%;}
.cont{text-align: justify;}
.datos{margin: 0.5% 4%; color: #736c6c; font-size: 13px; text-align: right;}
.datos a{margin: 0.5% 4%; color: #736c6c; font-size: 14px; text-align: right;}
.datos a:hover{color: #0F7C67;transition:all .3s ease-in-out;}
.read{display: inline-block; float: right;}
.read p{text-align: right; margin: 0.5% 0; padding: 4% 6%; background: #475e90; color: white;}

.read{margin:0px;padding:0px;clear:both;
margin:0px 10px;padding:0px;float:right;
}
.read a{display:block;text-decoration:none;}
div.read a{
        position: relative;
        color:#FFF;
        overflow:hidden;
    }
    div.read a:before{
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        padding: 10px 20px;
        background: none repeat scroll 0% 0% #e9edf4;
        color: #1445b0;
        content: attr(title);
        transition: transform 0.3s ease 0s;
        margin: 3% 0 0 0;
    }
    div.read a span{
        display: block;
        position: relative;
        padding: 10px 20px;
        background: none repeat scroll 0% 0% #0F7C67;
        transition: transform 0.3s ease 0s;
        z-index: 2;
        margin: 3% 0 0 0;
    }

    div.read a:hover span{
        transform: translatex(100%);
    }

.cabecera{border-bottom: solid 1px #0F7C67; margin-bottom: 1%;}
.articulo1{float: left; width: 29%; margin: 1% 1%; padding: 1% 1%; overflow: hidden;}
.cat{height: 350px;}
#programacion{border-top: solid 1px #0F7C67; border-bottom: solid 1px #0F7C67; padding: 1% 0;}

#spot{width: 60%; margin: 1% 20%;}
.titulo1{font-size: 20px; text-align: left; margin: 0 0 1% 3%; color: #1445b0;}
.titulo1:hover{color: #fff;transition:all .3s ease-in-out;}

#segundario{float: left; width: 24.5%; margin-left: 0.5%;}
#f1{clear: both; margin: 0.5% 0;}

#f2{margin: 1% 0;}

#f3 p{text-align: center; margin: 2% 0; color: #1445b0;}

#cont-gale{width: 92%; margin: 0 4%; border-bottom: solid 1px #0F7C67;}
#gale{float: left; width: 50%;}

.cont1{
width: 175px;
height: 175px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #0F7C67;
margin: 1%;
}
.cont1 .mascara {
width: 175px;
height: 175px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.cont1 img {
display: block;
position: relative;

}
.cont1 h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 12px;
padding: 20px;
background: rgba(0, 0, 0, 0.9);
margin: 40px 0 0 0
}
.cont1 a.link {

text-decoration: none;
padding: 7px 14px;

color: #fff;
text-transform: uppercase;

}


.cont1 img {
transition: all 0.4s ease-in-out;
}
.cont1 .mascara {
background-color: rgba(128,96,0,0.5);
transform: translateX(-175px);/*Desplazamos 300px a la izquierda*/
opacity: 1;
transition: all 0.4s ease-in-out;
}
.cont1 h2{
background: rgba(255, 255, 255, 0.3);
color: #1445b0;
box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.cont1 p{
color: #333;
}
.cont1:hover .mascara {
transform: translateX(0px);/*Regresamos a su posicioón original*/
}
.cont1:hover img {
transform: translateX(175px);/*Desplazamos 300px a la derecha*/
}

/* sitios */
#sitios{float: left; width: 50%;}
.sitios{float: left; width: 45%; margin: 0 1%; padding: 1% 1%;}
.sitios h3{text-align: left; color: #1445b0;}
.caja-sitios h3:hover{color: #0F7C67;transition:all .3s ease-in-out;}
.caja-sitios{border-top: solid 1px #0F7C67;}
.tituloS{font-size: 20px; text-align: center; margin-bottom: 1%; color: #1445b0;}

.caja-sit{border-bottom: solid 1px #0F7C67; margin-top: 1%; transition: all 0.5s ease-in-out;}
.aniSts:hover{-webkit-transform:scale(1.5);transform:scale(0.9); transition: all 0.5s ease-in-out;}
/* Fin sitios */

/* Aside lateral */
.contenedor{margin: 3% 0; padding: 0 1.5%;}
.arriba{margin: 0;}
.izquierda{float: left; width: 40%;}
.derecha{float: left; width: 56%;}
.titulo-caja{margin: 2% 3% 2% 3%; color: #1445b0;}
.titulo-caja:hover{color: #0F7C67;transition:all .3s ease-in-out;}
.caja{margin: 2% 0;}

/* Ultimas entradas */
.art{float: left; width: 47%; padding: 1% 1%; border-bottom: solid 1px #0F7C67; margin: 1% 0 1% 1%;}

/* Articulos Simples */
.articulo_s{margin: 1% 1%; padding: 1% 1%;}
.titulo_s{font-size: 20px; text-align: center; margin-bottom: 1%; color: #1445b0;}
.caja-seccion_s{background: #e9edf4; margin: 1% 0 1% 0; padding-top: 1%; border: solid 1px #b5b7ba;}
.animacion_s{height: 100%;}

/* category */
.titulo_category{font-size: 28px;}

.dep{padding: 0 15%;}


/* Paginas de programas */
.enlace{text-align: center;}
.sobre{font-size: 20px; text-align: center; margin-bottom: 1%; color: #ec0f0f;}
.sobre:hover{color: #b22828;transition:all .3s ease-in-out;}

/* footer */
.ft{border-bottom: solid 1px #0F7C67; padding-bottom: 1%;}
.ft a{
    background: #0F7C67;
    color: #fff; /*1445b0*/
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 10px;
}
.ft a:hover{background: #136757;}
.ft div{margin-left: 2%; }

/* Meteorologia */
.art-meteorologia{margin: 4% 1%; padding: 1% 1%;}
/* Fin Meteorologia */

/* Fidel Raul */
.fotoLink{padding-top: 2%;}
/* Fin Fidel Raul */

/* paginacion */
.pagination {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
}
 
.pagination .page-numbers {
    border-radius: 3px;
    background: ##e9edf4;    /*ececec*/
    color: rgba(0, 0, 0, 0.8);
    line-height: 2.2;
    margin: 0 0.2em;
    padding: 0 0.9em;
    transition: all 0.15s ease;
}
 
.pagination a.page-numbers:hover,
.pagination .page-numbers.current {
    background: #0F7C67;      /*23282D cuando estas encima*/
    color: #FFF;
}
/* Fin paginacion */

/* boton arriba */
.ir-arriba {
display:none;
padding:20px;
font-size:20px;
color:#fff;
position: fixed;
bottom:20px;
right:20px;
z-index: 9;
}
/* fin boton arriba */

#commentform input,
#commentform textarea{
    margin-top:15px;
}


/* Comentarios */

#commentform input,
#commentform textarea{
    margin-top:15px;
}

.comment-reply-title{color: #1445b0; padding-bottom: 1%;}
.comments-title{color: #1445b0; text-align: center; padding-top: 1%;}
.comment-list{text-align: left;}
.comment-list li{padding: 1%;}
.fn{color: #1445b0; font-weight: bold;}

.comment-body{
    background-color: #e9edf4;
    padding: 2%;
}
.comment-author, .comment-meta{padding-bottom: 1%;}
.reply{padding-top: 1%; text-align: right;}
.reply a{color: red; font-weight: bold; }

.comment-respond
{
  float: left; width: 50%;
  padding: 2%;
}

#url{
    display: none;   
}

#author{
    width: 45%; 
    float: left; 
    margin-right: 2%;
    padding: 1%;
    border: solid 1px #0F7C67;
}

#email{
    width: 45%; 
    float: left; 
    margin-left: 3%;
    padding: 1%;
    border: solid 1px #0F7C67;
}

#comment{
    border: solid 1px #0F7C67;
    width: 100%;
    padding: 1%;
}

#submit{
    float: right;
    padding: 1%;
    color: #fff;
    background-color: #0F7C67;
    border: solid 1px #0F7C67;
}

.no-comments{
     color: #1445b0;
     padding: 1% 3% 2% 3%;
 }


.comment-navigation{margin-left: 2%;}

 .nav-previous, .nav-next{
    float: left;
    padding: 1%;
 }

 .nav-previous a, .nav-next a{color: #1445b0;}
 .nav-previous a:hover, .nav-next a:hover{color: #0F7C67;transition:all .3s ease-in-out;}


/* Fin Comentarios */


/* Responsive */
@media screen and (max-width: 800px){
 #cuerpo{width: 100%;}
 #principal{width: 100%;}
 #segundario{width: 100%;}
 .resp{float: left; width: 45%; margin: 0 0.5% 0.5% 0.5%;}
 .lim{clear: both;}
.respFR{float: left; width: 48%; margin: 0 0.5%;}
.arriba{margin: 1% 1% 1% 0;}
.off{display: none;}
.on{display: inline-block;}
.opin{width: 95%;}
.caja-opin{width: 50%;float: left; height: 75px;}

/* estilo galeria */
.cont1{
width: 100px;
height: 100px;
}
.cont1 .mascara {
width: 100px;
height: 100px;
}

.cont1 h2 {
font-size: 12px;
padding: 15px;
margin: 5px 0 0 0;
}

.cont1 .mascara {
transform: translateX(-100px);/*Desplazamos 300px a la izquierda*/
}

.cont1:hover img {
transform: translateX(100px);/*Desplazamos 300px a la derecha*/
}
/* fin estilo galeria */

/*menu responsive*/
.toggle-nav{visibility: inherit;}
.page-header{height: 100px; overflow: hidden;}

.menu li a{float: left; width: 100%;}
.menu > li{display: block;}
.menu li a{border-top: solid 1px #fff;}
.menu{border-bottom: none;}
.menu li ul li a{padding: 6%;}

.collapse{visibility: hidden;}
.menu-expanded{height: 480px;}

.b-izquierda{width: 75%;}
.redes{width: 15%;}

.comment-respond{width: 90%; margin: 0 0 2% 2%;}
}

@media screen and (max-device-width: 800px){
 #cuerpo{width: 100%;}
 #principal{float: none; width: 100%;}
 #segundario{float: none; width: 100%;}
 .resp{float: left; width: 45%; margin: 0 0.5% 0.5% 0.5%;}
 .lim{clear: both;}
.respFR{float: left; width: 48%; margin: 0 0.5%;}
.arriba{margin: 1% 1% 1% 0;}
.off{display: none;}
.on{display: inline-block;}
.opin{width: 95%;}
.caja-opin{width: 50%;float: left; height: 75px;}

/* estilo galeria */
.cont1{
width: 100px;
height: 100px;
}
.cont1 .mascara {
width: 100px;
height: 100px;
}

.cont1 h2 {
font-size: 12px;
padding: 15px;
margin: 5px 0 0 0;
}

.cont1 .mascara {
transform: translateX(-100px);/*Desplazamos 300px a la izquierda*/
}

.cont1:hover img {
transform: translateX(100px);/*Desplazamos 300px a la derecha*/
}
/* fin estilo galeria */

/*menu responsive*/
.toggle-nav{visibility: inherit;}
.page-header{height: 100px; overflow: hidden;}

.menu li a{float: left; width: 100%;}
.menu > li{display: block;}
.menu li a{border-top: solid 1px #fff;}
.menu{border-bottom: none;}
.menu li ul li a{padding: 6%;}

.collapse{visibility: hidden;}
.menu-expanded{height: 480px;}

.b-izquierda{width: 75%;}
.redes{width: 15%;}

.comment-respond{width: 90%; margin: 0 0 2% 2%;}
}

@media screen and (max-width : 480px){
    .limp{clear: left;}
    .PLeft, .PRight{width: 100%;}
    .articulo{width: 96%; height: auto;}
    .cat{height: auto;}
    .articulo1{width: 96%;}
    .videos{display: none; width: 99%;}
    .resp-movil{display: block;}
    #segundario{width: 100%;}
    .contenedor{width: 95%; margin-top: 1%;}
    .caja{padding: 1%;}
    .izquierda{width: 100%;}
    .derecha{width: 100%; border-bottom: solid 1px #0F7C67; margin-bottom: 1%;}
    .off{display: none;}
    .on{display: inline-block;}
    .titulo-caja{font-size: 20px; text-align: center; margin-bottom: 1%; color: #1445b0;}
    #cont-gale{display: none;}
    .respFR{width: 98%;}
    #gale{width: 100%;}
    #sitios{width: 100%; margin-top: 1%;}
    .caja-opin{float: none; width: 100%; margin-bottom: 2%;}

    /* menu responsive */
    .page-header{height: 110px; overflow: hidden;}
    .menu-expanded{height: 500px;}

    .b-izquierda{width: 80%;}
    .redes{width: 20%; padding-left: 0%;}

    .comment-respond{width: 90%; margin: 0 0 2% 2%;}

    #author{
    width: 45%; 
    float: left; 
    margin-right: 1%;
    padding: 1%;
    border: solid 1px #0F7C67;
}

}

@media screen and (max-device-width : 480px){
    .limp{clear: left;}
    .PLeft, .PRight{width: 100%;}
    .articulo{width: 96%; height: auto;}
    .cat{height: auto;}
    .articulo1{width: 96%;}
    .videos{display: none; width: 99%;}
    .resp-movil{display: block;}
    #segundario{width: 100%;}
    .contenedor{width: 95%; margin-top: 1%;}
    .caja{padding: 1%;}
    .izquierda{width: 100%;}
    .derecha{width: 100%; border-bottom: solid 1px #0F7C67; margin-bottom: 1%;}
    .off{display: none;}
    .on{display: inline-block;}
    .titulo-caja{font-size: 20px; text-align: center; margin-bottom: 1%; color: #1445b0;}
    #cont-gale{display: none;}
    .respFR{width: 98%;}
    #gale{width: 100%;}
    #sitios{width: 100%; margin-top: 1%;}
    .caja-opin{float: none; width: 100%; margin-bottom: 2%;}

    /* menu responsive */
    .page-header{height: 110px; overflow: hidden;}
    .menu-expanded{height: 500px;}

    .b-izquierda{width: 80%;}
    .redes{width: 20%; padding-left: 0%;}

    .comment-respond{width: 90%; margin: 0 0 2% 2%;}

    #author{
    width: 45%; 
    float: left; 
    margin-right: 1%;
    padding: 1%;
    border: solid 1px #0F7C67;
}

}

/* Fin Responsive */