/* CSS Document */


/*Paleta de Colores 

#191919 
#e1e1f5
#a2d1bf
#0B614B
#fff
#daf4ea
*/

/* Centrar pagina */
#content{
width: 990px;
max-width: 40rem;
margin: 0 auto;
text-align: center;
}


body {
    background: #a2d1bf; 
    }


.contenedorcentrado {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    }

.link{
    text-decoration: none;
    color:#191919 ;
}

.foto{
    margin: 1rem 0rem 0rem 0.7rem;}
.materias{
    margin: 1rem 0rem 1rem 3.5rem;
    background: #e1e1f5;
    border-style: dotted;
    border-width: 1px;
    border-color: #0B614B; }

@media (min-width: 40rem) {
  .foto { width: 20%; }
  .materias { width: 67.5%; }
 }


.logo
 {  height: 1.4rem;
     margin: 0.5rem;
}

p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    line-height: 1.2rem;
}

article {
    margin: 0.5rem;
    padding: 0rem;
    align-self: auto;
    }

/* Sombreo de link */
nav a:hover{ 
    text-decoration:none;
    text-shadow: 1px 2px #a2d1bf;
}

nav ul
    {
    text-align: center;
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;}

nav ul li {float: left;}

nav ul li a
    {text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8rem;
    color:  #0B614B;
    background: #fff;
    margin: 0px;
    padding: 2px 12.5px;}


/*Titulos*/

h1 {font-family: 'Roboto Condensed', sans-serif;
    margin: -0.2rem;
    font-size: 3rem;
    letter-spacing: 0.29rem;
}

h3 {font-family: 'Roboto Condensed', sans-serif;
    }

h6 {font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
}


footer {width: 37rem;
        color: #e1e1f5; 
        text-align: center;
        background: #0B614B;
        margin: 0.5rem;
        padding: 1rem;
        }


}