@charset "UTF-8";
/* CSS Document */

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
}
/*********/

@media only screen and ( min-width: 2001px) {
    .programas .play {
        margin: 17.7% auto;
    }
    .video-notas .play {
        margin: 17.7% auto;
    }
    .doble .play,
    .programas-tv .play { margin: 18.6% auto; }
    .box_form {
        right: 42%!important;
    }
    
    .top-space { min-height: 15%;}
    .hidden-desktop { display: none!important;}
    .contenedor,
    .container { width: 90%;}
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {width: 33%;}
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa { margin-top: -50px;}
    ul.tabs { text-align: right; }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        float: right;
        margin-top: -48px;
        width: 35%;
    }
    .icono-lista {
        float: left;
        margin-top: -33px;
        text-align: left;
    }
    .doble .play,
    .programas-tv .play { margin: 12% auto;}
    .lo-mas-visto { height: calc(113% - 83px);}
    .principal .play-img {
        max-height: 52%;
        overflow: hidden;
    }
    .bandera { width: 15.18%;}
    
    /*.descripcion{padding-left: 255px;}*/
    
    /* Aquí van los estilos para iPad horizontal */
    /*HEADER*/
    
    .logo_header {  width: 256px; }
    .elnorte {  width: 100px;}
    .elnorte > a {  position: absolute; }
    .logo-elnorte {
        position: absolute;
        width: 100px;
    }
    .buscador {  width: 250px; }
    .buscador input {
        font-size: 19px;
        width: 159px!important;
    }
    /*NEWSLETTER*/
    .newsletter .pleca { width: 348px; }
    .newsletter .descripcion {max-width: 35%;}
    .newsletter .slide {
        height: 26px;
        margin: 11px 5px;
        width: 50px;
    }
    .newsletter .pleca {
        min-width: 355px;
    }
    .newsletter .col-4, .newsletter .col-6  { width: 19.71%;}
    .play {
        height: 100px!important;
        width: 100px!important;
    }
}
@media only screen and ( max-width: 2000px) {
    .programas .play {
        margin: 19.1% auto;
    }
    .video-notas .play {
        margin: 19.1% auto;
    }
    .box_form {
        right: 32%!important;
    }
    .top-space {min-height: 15%; }
    .hidden-desktop { display: none!important; }
    .contenedor,
    .container { width: 90%; }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {   width: 33%; }
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa {   margin-top: -50px; }
    ul.tabs {text-align: right;}
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        float: right;
        margin-top: -48px;
        width: auto;
    }
    .icono-lista {
        float: left;
        margin-top: -33px;
        text-align: left;
    }
    .doble .play,
    .programas-tv .play { margin: 18.6% auto; }
    .lo-mas-visto { height: calc(100% - 53px);}
    .principal .play-img {
        max-height: 48.2%;
        overflow: hidden;
    }
    
    /*.descripcion{padding-left: 255px;}*/
    /* Aquí van los estilos para iPad horizontal */
    /*HEADER*/
    
    .logo_header {  width: 256px; }
    .elnorte {  width: 100px; }
    .elnorte > a {position: absolute; }
    .logo-elnorte {
        position: absolute;
        width: 100px;
    }
    .buscador { width: 250px;}
    .buscador input {
        font-size: 19px;
        width: 159px!important;
    }
   
}
@media only screen and ( max-width: 1920px) {
    .programas .play {
        margin: 21.1% auto;
    }
    .video-notas .play {
        margin: 21.1% auto;
    }
    .doble .play,
    .programas-tv .play { margin: 18.6% auto; }
    .box_form {
        right: 32%!important;
    }
    .top-space {
        min-height: 14%;
    }
    .hidden-desktop {
        display: none!important;
    }
    /* Aquí van los estilos para iPad horizontal */
    /*.descripcion{padding-left: 255px;}*/
    
    .contenedor,
    .container {
        width: 90%;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 33%;
    }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        margin-top: -48px;
    }
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa {
        margin-top: -50px;
    }
    ul.tabs {
        text-align: right;
    }
    .logo_header {
        width: 300px;
        padding: 10px;
    }
   
}
@media only screen and ( max-width: 1512px) {
    .programas .play {
        margin: 17.1% auto;
    }
    .video-notas .play {
        margin: 17.1% auto;
    }
    .doble .play,
    .programas-tv .play { margin: 18.6% auto; }
    .box_form {
        right: 30%!important;
    }
    /*.programa-favorito { width: 30.4%;}*/
    .programa-favorito .thumbs .thumb {
        width: 32.5%;
    }
     .descripcion-cover p { width: 60%;}
    .play {
        height: 100px!important;
        width: 100px!important;
    }
    /*.descripcion{padding-left: 255px;}*/
}
@media only screen and ( max-width: 1400px) {
    /*.programa-favorito { width: 30%;}*/
    .box_form {
        right: 30%!important;
    }
    
    .programa-favorito .thumbs .thumb {
        width: 32%;
    }

    .play {
        height: 100px!important;
        width: 100px!important;
    }
   /* .descripcion{padding-left: 255px;}*/
}
@media only screen and ( max-width: 1280px) {
    .box_form {
        right: 32%!important;
    }
    .top-space {
        min-height: 113px;
    }
    .hidden-desktop {
        display: none!important;
    }
    .visible-desktop {
        display: block;
    }
    /* Aquí van los estilos para iPad horizontal */
    
    /*.descripcion{padding-left: 255px;}*/
    .contenedor,
    .container {
        width: 90%;
    }
    /*play*/
    
    .play {
        height: 100px!important;
        width: 100px!important;
    }
    .lo-mas-visto .play {
        height: 40px !important;
        margin-left: 16%;
        margin-top: 3%;
        width: 40px !important;
    }
    .programas .play {
        margin: 21% auto;
    }
    .video-notas .play {
        margin: 21% auto;
    }
    .doble .play,
    .programas-tv .play { margin: 18.6% auto; }
    .reportajes-carousel .play {
        margin: 8% 19%;
    }
    /*listas*/
    
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 33%;
    }
    .programas .tabs,
    .informativos .tabs {
        margin-top: -48px;
        text-align: right;
    }
    .video-notas .tabs {
        margin-top: -60px;
        text-align: center;
    }
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa {
        margin-top: -50px;
    }
    .order-by {
        float: right;
        padding: 6px;
        width: 30%;
    }
    ul.tabs {
        text-align: center;
    }
    .video-notas .free-wall,
    .informativos .free-wall {
        margin-top: 0px;
    }
    .btn_mas_left {
        min-height: 45px;
    }
    .btn_mas_right {
        min-height: 39px;
    }

    /*NEWSLETTER*/
    .newsletter .slide {
        height: 26px;
        margin: 11px 5px;
        width: 50px;
   }
    .newsletter  .col-4 {
        width: 33%;
    }
    .newsletter .col-6 {
        width: 33%;
    }   
}
@media only screen and ( min-width: 1200px) {
    #ProHubs .Hub {
        width: 24.2%;
    }
    #ResBus .Hub {
        width: 23.7%;
    }
    .lo-mas-visto {
        display: inline-block;
    }
    #recomendamos,
    #sociales {
        max-width: 72.8%;
    }
    .reportajes-section .reportajes-carousel {
        width: 72.8%;
    }
    .programa-favorito {
        width: 33%;
    }
   /* p1 .descripcion{float:left;}*/
}
@media only screen and ( max-width: 1024px) {
    /* Aquí van los estilos para iPad horizontal */
    
    .top-space { min-height: 160px; }
    .hidden-desktop { display: none!important; }
    .contenedor,
    .container { width: 96%; }
    /*p2.descripcion{padding-left: 255px;}*/
    
}
@media only screen and ( min-width: 1000px) {
    #ProHubs .Hub {
        width: 32.2948%;
    }
    .gd .ic_caption {
        padding: 30px 0 15px!important;
    }
    /*p3.descripcion{padding-left: 255px;}*/
}
@media screen and (max-width: 992px)     {

    #recomendamos .brick,
    #sociales .brick {
        height: auto;
        /*margin-bottom: 0;*/
    }


    .hidden-desktop {
        display: none!important;
    }
    .visible-mobile {
        display: none!important;
    }
    .visible-desktop {
        display: block;
    }
    .top-space {
        min-height: 160px;
    }
    .contenedor,
    .container {
        width: 96%;
    }
    .free-wall {
        margin-top: 0px;
    }
    .icono-lista {
        margin-top: 0;
    }
    .play {
        height: 100px!important;
        width: 100px!important;
    }
    .sociales .play,
    .favoritos .play,
    .lo-mas-visto-bottom .play {
        margin: 21% auto;
    }
    .bandera {
        width: 15.48%;
    }
    /*p4.descripcion{float:left;}*/
}
@media only screen and ( max-width: 870px) {
    .mainNav li a {
        font: 21px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 2px 6px!important;
    }
    .ad-programa-top { top: 140px;}
    /*p5.descripcion{float:left;}*/

}
@media only screen and ( min-width: 824px) {
    .mainNav li a {
        font: 24px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif;
        padding: 0 16px;
    }
    /*p6.descripcion{float:left;}*/
}
@media only screen and ( max-width: 814px) {
    .top-space {
        min-height: 210px;
    }
    .mainNav li a {
        font: 21px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 2px 10px!important;
    }
    
    .reportajes-section .reportajes-carousel {
        width: 100%;
    }
    /*p7.descripcion{float:left;}*/
}
@media only screen and ( max-width: 813px) {
    .top-space {
        min-height: 210px;
    }
    .mainNav li a {
        font: 21px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 2px 6px!important;
    }
    .thumbs { height: 80px;}
    .descripcion-cover p { width: 65%;}
    /*.descripcion{float:left;}*/
}
@media only screen and ( max-width: 868px) {
    #inicio {
        padding-top: 90px !important;
    }
    /*.descripcion{float:left;}*/
}
@media only screen and ( min-width: 800px) {
    .top-space {
        min-height: 19%!important;
    }
    .buscador {
        width: 188px;
    }
    .buscador input {
        font-size: 19px;
        /*width: 139px!important;*/
    }
    .recomendamos-mobile {
        display: block;
    }
    #inicio {
        padding-top: 120px;
    }
    .Hub.principal .btn_mas_right {
        min-height: 30px;
        width: 30px;
    }
    .btn_mas_left {
        background-size: 40px auto !important;
    }   
	
    /*NEWSLETTER*/
        .newsletter .container { width: 100%!important;}
       /* .newsletter .col-4, .newsletter .col-6 { width: 49%; }*/
        .newsletter .bandera { width: 100%;}
        .newsletter .bandera img {
            margin-left: -10px;
            min-width: 117% !important;
        }
        .newsletter .descripcion {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            max-width: 100%;
        }

        .newsletter .slide {
            height: 18px;
            margin: 5px;
            padding: 5px;
            position: relative;
        }
        .newsletter .pleca {
            height: auto;
            min-width: auto;
            width: 100%;
        }
        .newsletter .pleca img {
            height: auto;
            position: absolute;
            width: 100%;
        }
        .newsletter .programa {
            border-radius: 5px;
            margin: 10px;
            overflow: hidden;
            padding: 10px;
        }
        .newsletter .siguelo {
            float: none !important;
            margin: 10px 0 !important;
            position: relative;
            width: auto !important;
        }

       .newsletter .col-6 .programa {  min-height: 175px;}
        .newsletter .descripcion {
            margin-top: 10px;
        }

         .titulo-cover { padding: 60px 0;}
         .ad-programa-top {top: 70px;}


         .ad-programa-top { top: 80px;}
         .titulo-cover {
            min-height: 200px;
            padding: 80px 0 0;
         }
       

}
@media only screen and ( max-width: 800px) {
    .programa-favorito {
        width: 49.6%;
    }
    .visible-desktop {
        display: none;
    }
    .visible-mobile {
        display: block!important;
    }
    .top-space {
        min-height: 180px;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    .mainNav li a {
        font: 24px/30px "GothamCondLight", "Helvetica", "Arial", sans-serif!important;
        padding: 0 7px!important;
    }
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .elnorte > a {
        height: 30px;
        padding: 0 !important;
        position: relative;
    }
    .buscador-container {
        background-color: #333;
        padding: 10px;
    }
    #cssmenu > ul > li,
    #cssmenu1 > ul > li {
        width: 100%;
    }
    .buscador {
        float: none!important;
        margin: 0!important;
        width: 100%;
    }
    .logo-elnorte {
        height: 30px;
        position: static;
        top: 36px;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    
   
    
    #inicio { padding-top: 80px !important;}
    /*MENU*/
    
    #cssmenu {
        height: 0px;
        overflow: hidden;
        background: #000;
    }
    #cssmenu.active {height: auto;}
    #cssmenu .op1 {
        padding: 5px;
        border-top: solid thin #222;
    }
    .logo-elnorte {height: 30px;}
    .elnorte { margin-top: 5px;}
    .btn_inicio { margin-top: 10px;}
    .sin-borde {border-top: none;}
    
}
@media only screen and ( max-width: 794px) {
    .visible-desktop {display: none;}
    .visible-mobile { display: block!important; }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    #cssmenu ul ul li a { padding: 0!important;}
    .logo-elnorte {
        margin: auto;
        text-align: center;
        top: 36px;
        width: 100%;
    }
    .menu.contenedor.open { min-height: 478px; }

    /*MENU*/
    #cssmenu {
        height: 0px;
        overflow: hidden;
        background: #000;
    }
    #cssmenu.active {height: auto;}
    #cssmenu .op1 {
        padding: 5px;
        border-top: solid thin #222;
    }
    .logo-elnorte {height: 30px;}
    .elnorte { margin-top: 5px;}
    .btn_inicio { margin-top: 10px;}
    .sin-borde { border-top: none;}
   
   .descripcion{float:left!important;}
   
    /*NEWSLETTER*/
        .newsletter .container { width: 100%!important;}
        .newsletter .col-4, .newsletter .col-6 { width: 49%; }
        .newsletter .bandera { width: 100%;}
        .newsletter .bandera img {
            margin-left: -10px;
            min-width: 117% !important;
        }
        .newsletter .descripcion {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            max-width: 100%;
        }
        .newsletter .slide {
            height: 18px;
            margin: 5px;
            padding: 5px;
            position: relative;
        }
        .newsletter .pleca {
            height: auto;
            min-width: auto;
            width: 100%;
        }
        .newsletter .pleca img {
            height: auto;
            position: absolute;
            width: 100%;
        }
        .newsletter .programa {
            border-radius: 5px;
            margin: 10px;
            overflow: hidden;
            padding: 10px;
        }
        .newsletter .siguelo {
            float: none !important;
            margin: 10px 0 !important;
            position: relative;
            width: auto !important;
        }
        .newsletter .col-6 .programa {  min-height: 175px;}
        .newsletter .descripcion {margin-top: 10px; }
}
@media only screen and ( max-width: 768px) {
    /* Aquí van los estilos para iPad vertical */
    
    #inicio {
    padding-top: 80px !important;
    }

    .hidden-desktop {display: none!important;}
    .hidden-mobile {display: none;}
    .visible-mobile {display: block!important;}
    .visible-desktop {display: none;}
    .top-space { min-height: 132px;}
    .top-space-resbus { min-height: 10%;}
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos ul {
        width: 30%;
    }
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs {
        margin-top: 0;
    }
    ul.tabs { text-align: center; }

    #recomendamos .play,
    #sociales .play {
        margin: 13% auto;
    }
    .programas .brick .play,
    .lo-mas-visto-bottom .play,
    .reportajes-carousel .play {
        margin: 19% auto;
    }
    .bandera { width: 15.48%; }

    /*HEADER*/
    
    #cssmenu {
        height: 0px;
        overflow: hidden;
        background: #000;
    }
    #cssmenu.active {height: auto;}
    #cssmenu .op1 {
        padding: 5px;
        border-top: solid thin #222;
    }
    .logo-elnorte {height: 30px;}
    .elnorte { margin-top: 5px; }
    .btn_inicio {
        margin-top: 10px;
    }
    .sin-borde {
        border-top: none;
    }
    .logo-elnorte {
        margin: auto;
        position: static;
        text-align: center;
        top: 3px;
        width: 100%;
    }
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .buscador {
        margin: 10px 26% !important;
        width: 47%;
    }
    .logo-btn { width: 32%;}
    .programas-tv .video-notas .brick,
    .informativos .brick {
        width: 100%;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    .buscador {
        float: none!important;
        margin: 10px 8% !important;
        width: auto;
    }
    .logo-elnorte {
        height: 30px;
        top: 36px;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    .redes-contenedor { width: 100%;}
    .descripcion{float:left!important;}

    /*NEWSLETTER*/
        .newsletter .container { width: 100%!important;}
        .newsletter .col-4, .newsletter .col-6 { width: 49%; }
        .newsletter .bandera { width: 100%;}
        .newsletter .bandera img {
            margin-left: -10px;
            min-width: 117% !important;
        }
        .newsletter .descripcion {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            max-width: 100%;
        }

        .newsletter .slide {
            height: 18px;
            margin: 5px;
            padding: 5px;
            position: relative;
        }
        .newsletter .pleca {
            height: auto;
            min-width: auto;
            width: 100%;
        }
        .newsletter .pleca img {
            height: auto;
            position: absolute;
            width: 100%;
        }
        .newsletter .programa {
            border-radius: 5px;
            margin: 10px;
            overflow: hidden;
            padding: 10px;
        }
        .newsletter .siguelo {
            float: none !important;
            margin: 10px 0 !important;
            position: relative;
            width: auto !important;
        }

       .newsletter .col-6 .programa {  min-height: 175px;}
        .newsletter .descripcion {
            margin-top: 10px;
        }

}
@media only screen and (max-width: 776px) {
    /*SOCIALES*/
    
    .sociales .brick {
        width: 100%!important;
    }
    .sociales .pagina {
        width: auto !important;
    }
    .gd .ic_caption {
        padding: 30px 0 15px!important;
    }
    .reportajes-section .reportajes-carousel {
        width: 100%!important;
    }
    .programa-favorito {
        width: 100%;
    }
    .programa-favorito .thumbs .thumb {
        width: 32%;
    }

    .programa-favorito .thumbs {
        height: 125px;
    }
    .descripcion{float:left!important;}
}
@media only screen and (min-width: 600px) {
    .programa-favorito .thumbs .thumb {
        height: 115px;
    }
	
}
@media only screen and (min-width: 500px) {
    .listas {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        width: 100%!important;
    }
    .buscador {width: auto; }
    #inicio {  padding-top: 70px;}
    .login-usuario {width: 28%;}
    .programa-favorito .thumbs .thumb { height: 100px;}
    .descripcion-cover {
        margin: 10px auto 0;
        position: absolute;
        text-align: center;
        width: auto;
    }
    .ad-programa-top {
        position: relative !important;
        text-align: center;
        top: 95px;
    }
    .titulo-cover {
        padding: 90px 0 0;
        width: 100%;
    }
   
}
@media only screen and (max-width: 499px) {
    .listas {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        width: 100%;
    }
    .descripcion{float:left!important;}
}
@media only screen and ( max-width: 481px) {
    .logo_header {
        width: 198px;
        padding: 15px!important;
    }
    #inicio { padding-top: 80px !important;}
    .programa-favorito { width: 100%!important; }
    .programa-favorito .thumbs .thumb {width: 32%; }
    .descripcion-cover p {
        padding: 0 9px;
        width: auto;
    }
    .descripcion-cover {
        margin: 10px auto 0;
        position: absolute;
        text-align: center;
        width: auto;
    }
    .ad-programa-top {
        position: relative!important;
        text-align: center;
        top: 109px;
    }
    .titulo-cover {
        font-size: 2em;
        padding: 125px 0;
        width: 100%;
    }
    .descripcion{float:left!important;}
}
@media only screen and ( max-width: 480px) {
    .box_form {
        right: 19%!important;
        width: calc(67% - 0px)!important;
    }
    /* Aquí van los estilos para iPhone horizontal */
    
    #header {
        height: 57px;
    }

    .hidden-mobile { display: none;}
    .visible-mobile { display: block;}
    #cssmenu #menu-button > a { padding: 5px 20px!important;}
    .video-notas .brick,
    .programas-tv .brick,
    .informativos .brick { width: 100%;}
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos { width: 100%;}
    .programas .tabs,
    .video-notas .tabs,
    .informativos .tabs { margin-top: 0;}
    ul.tabs { text-align: center; }
    .programas ul.tabs li {
        font-size: 17px;
        padding: 13px 0;
        width: 50%;
        float: left;
    }
    .logo_header {
        width: 198px;
        padding: 15px!important;
    }
    .gd .ic_caption { bottom: -7px !important; }

     /*NEWSLETTER*/
    .newsletter .container { width: 100%!important;}
    .newsletter .col-4, .newsletter .col-6 { width: 100%;}
    .newsletter .bandera { width: 100%;}
    .newsletter .bandera img {
        margin-left: -10px;
        min-width: 117% !important;
    }
    .newsletter .descripcion {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        max-width: 100%;
        margin-top: 10px;
    }

    .newsletter .slide {
        height: 18px;
        margin: 5px;
        padding: 5px;
        position: absolute;
        margin-top: 9px;
        right: 20px;
    }
    .newsletter .pleca {
        height: auto;
        min-width: auto;
        width: 100%;
    }
    .newsletter .pleca img {
        height: auto;
        width: 100%;
        position: relative;
    }
    .newsletter .programa {
        border-radius: 5px;
        margin: 10px;
        overflow: hidden;
        padding: 10px;
    }
    .newsletter .col-6 .programa {  min-height: 175px;}
	
	.row{margin-right:-15px;margin-left:-15px; margin-top:105px;}
	.descripcion{float:left!important;}
}
@media only screen and ( max-width: 380px) {
    .programas .play {
        margin: 19% auto!important;
    }
    .video-notas .play {
        margin: 19% auto!important;
    }
    .doble .play,
    .programas-tv .play { margin: 18.6% auto; }
    
    .row{margin-right:-15px;margin-left:-15px; margin-top:105px;}
	.descripcion{float:left!important;}

}
@media only screen and ( max-width: 320px) {
    /* Aquí van los estilos para iPhone vertical */
    .box_form {
        right: 19%!important;
        width: calc(67% - 0px)!important;
    }
    .hidden-mobile {
        display: none;
    }
    .visible-mobile {
        display: block;
    }
    .top-space {
        min-height: 162px;
    }
    .video-notas .brick,
    .programas-tv .brick,
    .informativos .brick {
        width: 100% !important;
    }
    #listaProgramas .fa,
    #listaVideonotas .fa,
    #listaInformativos .fa {
        text-align: center;
        top: 7px;
    }
    .lista-programas ul,
    .lista-videonotas ul,
    .lista-informativos {
        width: 100%;
    }
    /*HEADER*/
    
    .logo_header {
        width: 198px;
        padding: 15px!important;
    }
    .logo-elnorte {
        margin: auto;
        position: static;
        text-align: center;
        top: 3px;
        width: 100%;
    }
    .elnorte {
        margin: auto;
        text-align: center;
    }
    .buscador {
        width: 100%;
    }
    .redes-btn > li {
        display: inline-block !important;
        width: 38px;
    }
    
    .row{margin-right:-15px;margin-left:-15px; margin-top:105px;}
    .descripcion{float:left!important;}
    
	.logo{width:160px;}
	.h3, h3 {font-size: 14px;}

    /*NEWSLETTER*/
    .newsletter .container { width: 100%!important;}
    .newsletter .descripcion {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        max-width: 100%;
    }
    .newsletter .slide {
        height: 18px;
        margin: 5px;
        padding: 5px;
    }
    .newsletter .pleca {
        height: auto;
        min-width: auto;
        width: 100%;
    }
    .newsletter .pleca img {
        height: auto;
        width: 100%;
    }
    .newsletter .programa {
        border-radius: 5px;
        margin: 10px;
        overflow: hidden;
    }

}