/*INI --Definir el modelo de cajas para dar formato a la pagina */
body 
{ 
  font-family: Arial;             /* familia de letra */
}

header{
   margin: auto;
   margin-bottom: 20px;
   width: 90%;
   border: 1px solid grey; 
}

nav{
   margin: auto;
   margin-bottom: 20px;
   width: 70%;
   height: 50px;
   background: #F3F781;
   border: 1px solid grey; 
}

article{
   display: inline-block;
   margin: auto;
   margin-left: 35px;
   margin-right: 18px;
   margin-bottom: 20px;
   width: 90%;
   border: 1px solid grey; 
   background: white;
}

section{
   margin: auto;
   margin-top: 40px;
   width: 97%;
   border: 1px solid grey; 
   background: white;
}


footer{
   margin: auto;
   width: 90%;
   text-align:center;
   height: 50px;
   background: white;
   border: 1px solid grey;    
}
/*FIN -- Definir el modelo de cajas para dar formato a la pagina */

/*INI -- Preparar los botones de menu que pondremos en la seccion header */
ul {
  list-style-type:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction: row;
}
li { flex-grow: 1; }
a {
  display:block;
  padding:1em;
  background-color:LightGray ;
  text-align:center;
  margin-right:0.2em;
  text-decoration:none;
  color:#000000;
}
a:hover {
background-color:LightCoral; 
}
/*FIN -- Preparar los botones de menu que pondremos en la seccion header */