/*FUENTEs*/

@font-face { 
    font-family: FiraSans; 
    src: url('Font/FiraSans-Regular.otf'); 
}
@font-face { 
    font-family: FiraSans; 
    font-weight: bold;
    src: url('Font/FiraSans-Bold.otf'); 
}
@font-face { 
    font-family: FiraSans; 
    font-style: italic;
    src: url('Font/FiraSans-Italic.otf'); 
}
@font-face { 
    font-family: FiraSans;
    font-weight: bold;
    font-style: italic;
    src: url('Font/FiraSans-BoldItalic.otf'); 
}
@font-face { 
    font-family: FiraSans; 
    font-weight: 800;
    src: url('Font/FiraSans-Ultra.otf'); 
}



/*para que las imagenes midan al 100% de la caja donde estan*/

#student img {
    max-width: 100%;
    height: auto;
    border-radius: 100px;
}

#mapa img {
    max-width: 100%;
    height: auto;
    border-radius: 100px;
}



/*BODY*/

body {
    background-color:#15323c;
    font-family: 'FiraSans', 'sans-serif';
    color: #709298;
    
    }

h1 {
    font-size: 24pt;
    margin-bottom: 60px
}


h2 {
    font-style: italic;
    line-height: 28pt;
    font-size: 18pt;
    margin-top: 0px;
    letter-spacing: 0.16em
}


h3 {
    font-size: 14pt;
    font-style: normal;
    line-height:22pt;
    margin-top: 0px; 
}


h1,h2,h3 {
    display: block;
    margin: 0px;
} 



p {
    line-height: 1.2em
}

#student a {
    text-decoration: none;
    color: #dfeef2;
    background-color: #9f004d;
    padding: 4px;
    font-size: 10pt;
}



#student a:hover {
    background-color: #c60060;
}


/*HEADER*/

header {
    background-color: #7b0b3f;
    margin-bottom: 1.4rem
}

header #titulos {
    overflow:auto
}

header #logo {
    float:left
    }

header h1 {
    color:#dfeef2;
    font-weight: 800;
    font-size:30pt;
    text-align: center
    }



aside {
    text-align: center;
   
}

/*NAV*/

header #nav {
/*    background-color: #7b0b3f;*/
    padding-top: 1rem;    
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

nav a{
    background-color: #9f004d;
    text-align: center;
    color: #fff;
    text-decoration: none;
/*    padding: 10px 20px;*/
/*    margin-right: 10px;*/

}

nav a:hover{
    background-color: #c60060
}


article ul {
    list-style: circle;
    padding-left: 30px;
        }

/*MAIN CONTENT*/

main #rotulo {
    margin-bottom: 10rem
}


main #student {
    margin-bottom: 3rem
}

main article a.alumnos{
    display: block;
    background-color: #7b0b3f;
    text-align: center;
    padding: 2rem 0rem;   
    color: #fff;
    font-size:16pt;
    text-decoration: none
    
}

main article a.alumnos:hover{
    background-color: #c60060;

}

#social {text-align: center}

#propuesta {
    display: block;
    float:right;
 
    text-transform: uppercase   
}


/*FOOTER*/

footer {
    background-color: #092127;
}

footer p {
    font-size: 9pt;
    color: #709298;
    padding: 10px 20px
    
}