* {
    margin: 0.4em; 
    padding: 0; 
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
    
 }

body{
    background-color: cadetblue;
    font-family:  'open sans condensed', sans-serif;
    color: whitesmoke;
    max-width: 100%;
}

#contenedor{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#contenedor-perfil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 7em;
}

.fotoperfil{
    max-height: 100%;
    max-width: auto;
    margin: auto;
    border: 5px solid whitesmoke;
    
}

#florencio{
    margin: auto;
    text-align: center;
    
}


nav {
    list-style-type: none;
    color: cadetblue;
    overflow: hidden;
    background-color: whitesmoke;    
}

nav ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    
}

nav ul li{
    text-align: center;
    padding: 0.1em;
    margin: 0 0.4em;
    display: block;
    width: 3em;
}

nav ul li a{
   color: cadetblue;
}


.alumnos ul li a {
    color: whitesmoke;
    margin: 0;
    }
.alumnos ul li a:hover {
    color: antiquewhite;
}

p{
    margin: 0.4em 0 0.4em 1.2em;
}

footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: whitesmoke;
    height: 4em;
    
}

#contenedor-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0.1em;
}

#contenedor-footer a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    margin: 0.1em 2em;
    width: 20%;
}

#contenedor-footer a img {
    height: 3em;
    margin: auto;
}