body {
    background-color: #529c7d;
    font-family: Verdana, sans-serif; 
    color: #415653; 
    margin: 0;
    padding: 0;
    border-width: 0;
    font-size: 100%;
}

.header-pagina {
    background-color: #415653;
    padding: 2rem 1rem 2rem 15rem;
    margin-top: 1rem; 
}

.titulo-pagina {
    color: #dbac4a; 
    margin: 0 auto;
    padding: 0;
    font-size: 3rem;
}

.titulo-secundario {
    color: #b04c2d;
}

.titulo-nivel {
    color: #415653;
}

.ancho-comun-centrado {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

.contenido-principal {
    clear: both;
    background-color: #a6c4b3;
    padding: 1rem 1rem 1rem 15rem;
    margin: 4em auto 0 auto;
}

.perfil .titulo-secundario {
    float: left;
}

.perfil-foto {
    width: 20em;
    margin: 3rem;
    border-radius: 100%;
    float: right;
}

nav {
    padding: 0;
    margin: 0 auto;
    width: 67rem;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: right;
}

nav ul li {
    float: left;
    margin: 0 0 0 1rem;
    padding: 0;
}

nav ul li a {
    display: block;
    padding: 1rem;
    color: #dbac4a;
    background-color: #415653;
    text-decoration: none;
}

.materias {
    color: #415653; 
    padding: 0;
    clear: left;
}

.footer-pagina {
    background-color: #6c7b79; 
    color: #dbac4a; 
    margin: 1rem auto; 
    padding: 1rem;
    width: 74rem;
    font-size: 0.75rem;
}