@charset "utf-8";
/* CSS Document */

#cuerpo {
	background-color: #999;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#cuerpo #columna {
	background-color: #00F;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#cuerpo #columna #header {
	background-color: #690;
	float: left;
	width: 100%;
	height: 0px;
}
#cuerpo #columna #header #logo {
	
	float: left;
	width: 10%;
	height: 114px;
	
	
}
#cuerpo #columna #header #logo  a {
	
	margin-left: -25px;
	
}
#cuerpo #columna #header #menu {
	
	float: left;
	height: 114px;
	width: 95%;
	margin-top: -100px;
	margin-left:138px;
}

#cuerpo #columna #header #informa a {

	float:left;
	margin-top:400px;
	margin-left:50px;
	
	}


/* 1ra */

ul { /*atributos de la lista en general*/
list-style-type: none;
margin-top: 50px;
padding: 10px 10px;
margin-left: 170px;
overflow: hidden;
	


}
li { /*atributos de elementos lista*/
float: left;
border-spacing: 50px;
	
}
li a { /*atributos de botón*/
border: 1px thick #2e518b; /*anchura, estilo y color borde*/
padding: 10px 10px; /*espacio alrededor texto*/
background-color: #2e518b; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
text-transform: uppercase; /*capitalización texto*/
font-family: 'Helvetica',  sans-serif; /*tipografía texto*/
transition: all 2s ease;
border-bottom-left-radius: 20px; /*bordes redondos*/
border-bottom-right-radius: 20px; 
top: 0px;
left: 0px;
width: 0px;
height: 42px;
background: rgba(8,54,124,1);



}
li a:hover:not(.active) { /*atributos comportamiento boton hover*/
background-color: #006b79;
opacity: 0.9;
height: 42px;


	
	
}
.active { /*atributos comportamiento botón activo*/
background-color: #006b79;
opacity: 0.9;
		
	
}


#cuerpo #columna #header #habilidades {
	background-color: #FFFFFF;
	float: left;
	height: 700px;
	width: 100%;
	margin-bottom: 65px;
}
#cuerpo #columna #header #habilidades #presentacion {
	background-color: #FFFFFF;
	float: left;
	height: 700px;
	width: 100%;
	
}
.slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
}
/* Ocultar imágenes por defecto*/
.mySlides {
display: none;
}
/* Comportamientos de las flechas retroceder/ avanzar*/
.prev, .next {
cursor: pointer;
position:absolute;
top: 20%;
width: auto;
margin-top: 140px;
padding: 15px;
color: #87ff11;
font-weight: bold;
font-size: 40px;
transition: 0.6s ease;
border-radius: 0 1px 1px 0;
	
}
/* posición botón avanzar lado derecho */
.next {
right: 0;
border-radius: 1px 0 0 1px;
}
/* Agregar color negro con transparencia cuando se pose encima del botón*/
.prev:hover, .next:hover { 
background-color: rgba(0,108,121,0.8);
color: #FFFFFF;
}
/* Atributos del texto encima de imagen */
.text {
color: #006c79;
font-size: 15px;
position: absolute;
bottom: 80px;
width: 100%;
text-align: center;
margin-left: 600px;
}
.textd {
color: #006c79;
font-size: 15px;
position: absolute;
bottom: 80px;
width: 100%;
text-align: center;
margin-left: 850px;
}
/* Atributos de la numeración de las imágenes (opcional)*/
.numbertext {
color: #006b79;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 10%;
}
/* atributos indicadores de puntos */
.dot {
cursor: pointer;
height: 15px;
width: 15px;

background-color: #07367c;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}



/* atributos hover de puntos */
.active, .dot:hover {
background-color: #006b79;
}
/* animación transición desvanecido */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
} *	

#cuerpo #columna #header #proyecto {
	background-color: #FFFFFF;
	height: 110px;
	width: 100%;
	float: left;
	margin-top: 45px;
}

#cuerpo #columna #header #video a {
	background-color: #FFF;
	float: left;
	height: 500px;
	width: 100%;
	margin-top: -5px;	
}


#cuerpo #columna #header #video #caracteristicasv {
	float: left;
	height: 1500px;
	width: 100%;
	
}


#cuerpo #columna #header #nosotros {
	background-color: #FFF;
	float: left;
	height: 1400px;
	width: 100%;
}


#cuerpo #columna #header #mapa {
	
	width: 100%;
	background-color: #fff;
	float: left;
}

#cuerpo #columna #header #formulario {
	width: 100%;
	background-color: #fff;
	float: left;
	margin-left: -130px;
}

#cuerpo #columna #header #6texto {
	background-color: #006c79;
	float: left;
	height: 673px;
	width: 100%;
	
	
	

}
#cuerpo #columna #header #3objetos {
	background-color: #600;
	float: left;
	height: 700px;
	width: 100%;
}

#cuerpo #columna #header #sabermas {
	background-color: #FFF;
	float: left;
	height: 1500px;
	width: 100%;
}




#cuerpo #columna #header #footer {
	background-color: #FFFFFF;
	float: left;
	height: 284px;
	width: 100%;
	align-content: center;
	margin-top: -10px;
}

.Fin {
}