/*COLORES UTILIZADOS:
#d64746 ROJO
#f7b23c AMARILLO
#4faca7 VERDE
#5f5354 MARRON
#F3F0EC BLANCO */

/*TIPOGRAFÍA ROBOTO */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

html { background-color:#F3F0EC;  }
header img { width: 100%;}

h1 {font-size: 2rem;
      color: #d4584c;}

h2 {font-size: 2rem;
      color: #4faca7;
font-weight: 400; }

h3 { font-weight: 500; color:#5f5354; font-size: 1.5rem;}


/*NAVEGADOR*/
 nav { 
  height: 45px;
    margin: 0; max-height: 45px;
   background: #f7b23c;
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
       -webkit-order: 1;
           order: 1;  } 
.clear {
    clear:both;}

nav ul {
    font-size: 1rem;
    height: 0.1rem;
    list-style-type: none;
    padding: 0rem; 
    margin: 0rem;  }

nav ul li {
    float: left;
     font-size: 1rem; 
   margin-left: 3.5rem;
    position: relative;  top: -0.6rem; left: 2rem;
   
    text-decoration: none;}

nav ul li a {text-decoration: none;  color: #F3F0EC;}


/*BODY*/
body {
    width: 85%;
    margin: 0 auto;
    max-width: 1280px;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1,5 rem;
    
}
 
.primerano { border-style:solid; border-color: #4faca7; border-width: medium;
    position:relative; 
    float:left; 
    margin:2rem;
    padding:  2rem;
   font-size: 1rem;
    color: #d4584c;
    background-color: #f5b746;
    width: 20%;
}

.segundoano { border-style:solid; border-color: #4faca7; border-width: medium;
      position:relative; 
    float:left; 
    margin:2rem;
    padding:  2rem;
    font-size: 1rem;
    color: #d4584c;
    background-color: #f5b746;
        width: 20%;
}

.tercerano { border-style:solid; border-color: #4faca7; border-width: medium;
     position:relative; 
    float:left; 
    margin:2rem;
    padding:  2rem;
    font-size: 1rem;
    color: #d4584c;
    background-color: #f5b746;
       width: 20%;
}

article {  color:#d64746;
              position:relative;
    float:left; 
}

.catedra {	color: black;
		}




/*FOOTER*/


footer {font-size: 0.7rem; color:#F3F0EC;
    position: relative;
    float:left;
    background-color:#5f5354;
        margin: 0.2rem;
        padding: 1rem;
        max-width: 67.5rem;
        max-height: 4rem;}