@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width:1024px){
    
    div.contacto {
    margin-right: 10%;
    }
}

@media only screen and (max-width:970px){

    div.nombres{
    float: right;
    }

    div.nombresImg{
    height:56px;
    padding-top: 10px;
    margin-left: 3%;
    width:500px;
    }
    
}

@media only screen and (max-width:860px){

    div.cabeceraLogos {
        height:70px;
        width:67px;
        float: left;
    }
    
    div.cabeceraDerecha {
        height:85px;
        margin-left: 67px;
        background-image: url("../imagenes/bg-cabecera-860.png");
    }
    
    div.cabeceraLogos img{
        height:70px;
        width:67px;
    }

    div.logoAlad {
        width:99px;
        height:70px;
        float: left;
    }
  
    div.logoAlad img{
        width:99px;
        height:70px;
    }
    
    div.contacto h2{
    display: block;
    float: none;
    margin-right: 0px;
    }

}

@media only screen and (max-width:768px){
    
    div#back-top{
        display: none;
    } 
    
    div.nombresImg{
        display: none;
    } 

    div#menuMIN {
        display: block;
    }
    
    div#menuPrincipal {
        display: none;
        position:absolute;  
        top:25px;
        right:80px;
        width:150px;
        height:200px;
        background-color: rgba(255,255,255,.90);
        background-image: url("../imagenes/bg-menuMIN.png");
        background-repeat: no-repeat;
        background-position: right;
        z-index: 10;
    }

    ul#menu{
        list-style: none;
        margin-left:-20px;
        font-weight: 500;
       /*background-color: rgba(255,255,255,.90);*/
    }

    ul#menu li {
        display: block;
        text-align:left;
        padding: 5px 0;
    }

    ul#menu li.menuSeparador {
        display:none;
    }

    ul#menu a{
        color:#000000;
        text-decoration: none;
        cursor:pointer;
    } 

    ul#menu a:hover, ul#menu a.menuEntrar:hover{
        color:#858a8b;
        text-decoration: underline;
        font-weight:500 !important;
    }

    ul#menu a.menuEntrar {
        color:#ed6b06;
    }
    
    #combo {
        width: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 6px;
        grid-row-gap: 2px;
    }
    
    div.comboB, div.comboA {
        padding-right: 7%;
        padding-left:7%;
    }
    
    div.comboA{ 
        margin-left: 0;
        padding-top: 20px;
    } 
    
    .entradasAcademicos {
        width: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 15px;
        margin-bottom: 40px;   
    }
    
    .tarjetaAcademicos {
        width: 80%;
    }
    
    div.contacto {
    padding: 15px 7%;
    margin-right: 0;
    }
    
    #mosaicoModulos{
        width: auto;
        display: grid;
        grid-template-columns: 1fr ;
        grid-template-rows: auto;
        grid-gap: 0px;
        grid-row-gap: 0px;
        margin-bottom:40px;
    }

    #mosaicoModulos div{
        padding: 20px 0;
    }

    #mosaicoModulos .centro{
        border-left:none;
        border-right:none;
        border-top:#ed6b06 2px dashed;
        border-bottom:#ed6b06 2px dashed;
    }
    
}