body { 
background-color:#FFFFFF;
margin:0px;
text-align:center;
 }
 

.barra1{
 width:100%;
 position: fixed;
 top:0px;
 left:0px;
 z-index:100000;
 }
 
 .barra2{
 width:100%;
 position: fixed;
 bottom:0px;
 left:0px;
  z-index:100000;
  }
 .barra2 hr{
 bottom:0px;
 margin-bottom:0px;
  }
 .barra1 hr{
 top:0px;
 margin-top:0px;
 margin-bottom:4px;
  }

 .header{
  width:100%;
  background-color:#556F98;
   }
.contenido{
padding-top:6.5%;
padding-bottom:1%;
text-align:center;
vertical-align:center;
 }
.contenido2{
text-align:center; 
padding-top:1.5%; 
padding-bottom:8%;
vertical-align:center;
 }
 
.pie{
width:100%;
color:#FFFFFF;
text-align:center;
font-weight:bold;
font-size:95%;
background-color:#556F98;
 }
ul, ol {
list-style:none;

margin-left:2px;
padding-left:2px;
}
.nav ul a{
display:table-cell;
}
.nav li a{
color:#fff;
text-decoration:none;
padding:0px 0px;
display:block;
}

.nav li a:hover{
overflow:hidden;
}
.nav > li{
float:left;
}
.nav > ul {
display:table;
width:auto;
background:#000;
position:relative;
}

.nav > ul  li {
display:table-cell;
width:100%;
}
.nav li{
width:33%;
}
.nav li ul{
display:none;
position:absolute;
width:40%;
overflow:hidden;
left:12%;
}

.nav li:hover > ul {
display:block;
}
.nav li ul li {
position:relative;
z-index:3000;
background-color:#556F98;

}

.nav li ul li a:hover {
	background-color:#81CF4A;
}

.nav li ul:hover >li {
display:block;
 }

.nav li ul li ul{
right:-140px;
top:0px;
font-size:80%;

}




hr{
padding:0px 0px 0px 0px;
border-style:ridge;
background-color:#7BCC42;
size:8%;
 }
 
.sinpadding{
padding:0px 0px 0px 0px;
 }
 
 
 .titulos{
 color:#6EC034;
 font-weight:bold;
 text-align:center;
 font-size:x-large;
 padding-top:0.8%;
 padding-bottom:0.3%;
  }
  
 .texto{
 margin-left:12%;
 margin-right:12%;
 text-align:justify;
 text-align-last:left;
 font-size:100%;
 vertical-align:center;
  }
 .texto:first-letter{ font-size:120%;}
 
  .enunciado{
 margin-left:12%;
 margin-right:12%;
 text-align:center;
 font-size:100%;
  }
 
 summary{color:#6EC034; font-weight:bold; cursor:pointer;}
 
 .elipse {
padding-left:30%;
padding-right:30%;
width:40%;
border: 1px solid #ffff;
border-radius: 50%;
overflow: hidden;
}

.campo{
border:2px dotted #5183BA;
border-radius:10px;
padding-left:2px;
padding-top:2px;
padding-bottom:2px;
font-size:100%;
color:#5183BA;
margin:2px;
 }
 
 .boton{
 border:3px solid #72C636;
 border-radius:10px;
 background-color:#7BCC42; 
 color:#FFF;
 font-size:120%;
  }
 .boton:hover{ background-color:#6793C3; color:#FFF; border-color:#5183BA;}
 
.bloquebase{
display:inline-block;     
max-width:750px; 
vertical-align:middle; 
text-align:center; 
padding:1%;
}
 
.alignblock{
display:inline-block;  min-width:100px; max-width:300px; vertical-align:top; 
 }

#map{
background-image:url('imagenes/contenidos/mapa.jpg');
max-width:600px;
max-height:400px;
 }
 
.tresbloques{
display:inline-block;
max-width:380px;
vertical-align:middle;
text-align:center;
padding:1%;

 }
 
.servicios{
display:inline-block;
max-width:160px;
min-width:25%;
padding:1%; 
 }
 
 .servicios img{
 width:100%;
 border-radius:10px;
  }
  .servicios:hover{
  background-color:#CBE6C0;
  border-radius:10px;
   }

 .subtitulos{
 color:#6EC034;
 font-weight:bold;
 text-align:center;
 font-size:large;
 padding-bottom:0.6%;
  }
  
  .scroll{
text-align:center;
 min-width:45%;
max-width:600px;
display:inline-block;
vertical-align:center;
   }
   
.mini-img{
width:24%;
text-align:center;
min-width:150px;
max-width:400px;
display:inline-block;
 }
 
.mini-img img{
padding:0.2%;
width:100%;
border-radius:10px;
 }
 
 .menu-items{
display:inline-block;
max-width:250px;
min-width:20%;
padding:1%; 
 }
 
 .menu-items img{
 width:100%;
 border-radius:10px;
  }
  
   .letras{
padding-left:2%;
padding:0.5% 0% 0.5% 1%;
  }