html {
  min-height: 100%;
  position: relative; 
}
body {
  margin: 0;
  margin-bottom: 0px;
  
}
/* centramos y le damos estilo al h1 de la página principal, el único que hay */
h1{
    width:100%;
    text-align:center;
    font-size: 32px;
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px;
    font-family: Raleway,sans-serif;
}

/* Estilos para el footer */
footer {
  background-color: #ffb552;
  padding-bottom: 4px;
  padding-top: 4px;
  position: fixed;
  width:100%;
  bottom: 0;
}

/* estilos para los enlaces del footer */
.piepagina a{
   outline: none;
   text-decoration: none;
   padding: 2px 1px 0;
}

.piepagina a:link {
  color: #265301;
}

.piepagina a:visited {
  color: #437A16;
}

.piepagina a:focus {
  border-bottom: 1px solid;
  background: #BAE498;
}

.piepagina a:hover {
  border-bottom: 1px solid;
  background: #CDFEAA;
}

.piepagina a:active {
  background: #265301;
  color: #CDFEAA;
}
.cabecera{
    display: flex;
   justify-content: center;
   margin-top:30px;
   margin-bottom:30px;
}
.menu li{
    text-decoration:none;
    display:inline; 
    padding:20px 40px;
    font-size: 25px;
}   
.menu li a{
    color:black;
    text-decoration:none;
    
}
.menu li a:focus {
  border-bottom: 1px solid;
  background: #BAE498;
}

.menu li a:hover {
  border-bottom: 1px solid;
  background: #ffb552;
}

.menu li a:active {
  background: #265301;
  color: #ffb552;
} 
