/* #1 MEDIA QUERIES */

/* Para todas las media querys */

/* Tres columnas*/
@media only screen and (max-width: 1070px){
    
}

@media only screen and (min-width: 1025px)
{
}

/* Dos columnas */
@media only screen and (max-width: 1024px){	
}	

@media only screen and (min-width: 481px) and (max-width: 1024px) 
{
 
}

@media only screen and (min-width: 481px) 
{
}

/* Una columna */
@media only screen and (max-width: 480px)
{
    body {
        overflow-y: auto;
    }
    #principal {
        width: 98%;
        margin: 0 0 0 calc(49vw - 48%);
    }

    #principal.aplicaciones {
        height: inherit;
    }

    #ulLogin {
        width: calc(100vw - 50px);
    }

    #divflags {
        margin-top: 0.6em;
    }
    #menu #submenuwebrun li {
        width: 48%;
    }

    #principal.aplicaciones #menu, #principal.aplicaciones #submenuwebrun {
        min-height: inherit;
        max-height: inherit;
        overflow-y: unset;
    }

    div.ui-dialog {
        min-width: 95%;
    }

}