/* 
    Media Screen
    Created on : Jun 23, 2017, 10:27:39 AM
    Author     : Jose Luis Landazuri
*/

@media (max-width: 1240px) {
    .derecha > div, #contenidoAdicional > div {
        float: left;
        width: 50%;
    }

    section.derecha, #contenidoAdicional {
        width: 96%;
    }
    #cargaderechaenhome{
        display: block;
    }
    section.derecha{
        display: none;
    }
}

@media (max-width: 780px) {
    .megamenu ul li ul li a{
        padding: 9px 14px 9px 25px;
        background: #4E9CD1;
    }
    .megamenu ul{
        width: auto;
    }
    .megamenu .scroll{
        height: auto;
    }
    .animated-arrow {
        margin: 40px 0 0 15px !important;
    }
    .container {
        max-width: 100%;
    }
    section#content {
        width: 100% !important;
    }
    .noticiasHome {
        width: 100% !important;
    }    
    .barraLight {
        width: 100% !important;
        float: none;
    }
    .noticiasLight .noticia .imagen {
        width: 100% !important;
        text-align: center;
    }
    .tabsHomeNoticias .tab-content .imagen {
        width: 100% !important;
        text-align: center;
    }
    .revistasHome .revista {
        width: 100% !important;
    }
    .hiddenHome .grid-item {
        width: 100% !important;
    }
    .lSSlideOuter.vertical {
        width: 460px !important;
    }
    .otrasNoticias {
        width: 100% !important;
    }
    .areaBanner17{
        display: none;
    }  
    .areaBanner1 {
        
        min-width: auto;
        max-width: 100%;
    }
    /*para boton de menu de móviles*/
    .animated-arrow {

        margin-left: 0 !important;
        padding-left: 6px;
        background-color: #2974A5;
        border-radius: 0 4px 4px 0;
        padding-right: 30px;
    }
    
    .maxTotalAncho {
        max-width: 100% !important;
    }
    .altoAuto {
        height: auto !important;
        overflow: visible !important;
    }

}    

@media (max-width: 480px) {
    
    .contentArticulo .relacionados {
        width: 100%;
    }

}
