body  { background: #d6eae8; 
        font-family: sans-serif;
        color: #848484; 
        margin: 0rem 13rem 0rem 13rem;}


header{
  background: #165f72;
  width: 100%;
  padding:60px 0;
  color: white;
  text-transform: uppercase;  
}


.vn11{
    color: #f2b134; 
    margin: 0 10% auto;
    padding: 0;
    font-size: 400%;
}

.vn011{
    color: #f2b134; 
    margin: 0 auto;
    padding: 0;
    font-size: 400%;
}

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

#barra ul{
  background-color: #165f72;
  /*overflow: hidden;*/
  color: white;
  text-align: left;
  /*transition: 0.4s; */
}
#barra ul li{
  display: inline-block;
  padding: 20px;
}
#barra ul li:hover{
  opacity: 0.5;
}

#barra2 ul{  
  /*overflow: hidden;*/
  color: white;
  text-align: left;
  /*transition: 0.4s;*/ 
}
#barra2 ul li{
  display: inline-block;
  padding: 20px;
}
#barra2 ul li:hover{
  opacity: 0.5;
}

.circulos {
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 0px;
}

.circulos li {
	margin: -2%;
}

.circulos img {
	width: 200px;
	height: 200px;
}

.analisis{

    background-color: #d6eae8;
    font-family: sans-serif; 
    color: #848484; 
    font-size: 100%;
}

.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;
}


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


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


.preguntas {
    color: #105b83;
    font-size: 0.8rem;
}

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

}


footer {
        background-color:#105b83; 
        color: #ffffff; 
        margin: 5rem -13rem 0rem -13rem; 
        padding: 1rem 4rem; 
        font-size: 0.65rem;}