body {
    background-color: #112f41;
    font-family: sans-serif; 
    color: #ed553b; 
    font-size: 100%;
}

.barra{
  width: 100%;
  background: #068587;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  cursor: pointer;
  color: white;
  display: none;
    
}

header{
  background: #43a286;
  width: 100%;
  padding:60px 0;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

.nombre{
    color: #f2b134;
    float: left;
    font-size: 150%;
}

.vn11{
    color: #f2b134; 
    margin: 0 auto;
    padding: 0;
    font-size: 400%;
}
.contenido{
    background-color: #a6c4b3;
    padding: 1rem 5rem 10rem 5rem;
    
}

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

.foto .secundario {
    float: left;
}

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


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

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

.articulos{
    font-size: 80%;
    color:#415653;
    margin: auto 5%;
}

.mapa{
    width: 100%;
    margin: 1% 3% 3% 3%;
    float: right;

}

.footer{
    background-color: #43a286; 
    color: #112f41; 
    margin: 2rem auto; 
    padding: 1%;
    width: 98%;
    font-size: 0.75rem;
}

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

nav ul{
  background-color: #43a286;
  overflow: hidden;
  color: white;
  text-align: center;
  transition: 0.4s; 
}
nav ul li{
  display: inline-block;
  padding: 20px;
}
nav ul li:hover{
  background-color: #399077;
}