/* 
    Hoja de estilo en la que se configura el comportamiento de los objetos dependiendo de la resolución de la pantalla
    Creado por: Ing. Uriel Vargas Barajas [07/ENE/2019]
*/


/*@media screen and (max-width:640px) {
    
}

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

@media screen and (min-width:1024px) {
    
}*/

/* ESTILOS aplicados para dispositivos o pantalla con MENOS de 640 pixeles*/
@media screen and (max-width:640px) {

    #contenido {
        padding: 25px 15px 15px 15px !important;
    }

    #contenido .text {
        padding: 20px !important;
    }
    /*----------------------------------------------------------------------------------*/
    .asociado .logo {        
        margin: 10px;
    }

    .asociado .info {
        padding: 10px;
        width: 100%;
    }

    .equipo > ul {
        display: inline-grid !important;
        width: calc(100% - 30px) !important;
    }

    /*.TablaAccionesPie {
        margin-left: 0px !important;
    }*/

    ul.navbar-nav.MenuWeb > li > a,
    ul.navbar-nav.MenuWeb > li > span {
        display: grid;
        max-width: none;
        height: 25px;
    }
}


/* ESTILOS aplicados para dispositivos o pantalla con MAYORES de 641 pixeles*/
@media screen and (min-width:641px) {
    .asociado .logo {
        background: #fff;
        background-size: cover;
        float: left;
        height: 100px;
        margin: 10px 10px 10px 20px;
        width: 100px;
    }

    .asociado .info {
        float: left;
        padding: 10px 20px 10px 10px;
        width: calc(100% - 130px);
    }

    
}