@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 #image {
	background-color: #FFFFFF;
	float: left;
	height: 800px;
	width: 100%;
}

.form-consulta {
	max-width: 30%;
	background: #eee;
	padding: 20px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-left: 175px;
	margin-top: 100px;
	
}

.campo-form {
	width:100%;
	height:36px;
	margin:2px 0 6px;
	padding-left:6px;
	box-sizing: border-box;
	border-radius:3px;
	border:0;
	font-family: 'Source Sans Pro', sans-serif; font-size:1em;
	
}

label span {color: #f00}

textarea {min-height: 150px!important;}

.btn-form {
display: inline-block; border:0; background: #006b79; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px
}

 .btn-form:hover {background: #2e518b;}



/* 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: 200px;
}
#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: 150px;
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: -250px;
width: 100%;
text-align: center;
margin-left: 400px;
}



.text2 {
	
	margin-top: -450px;
color: #006c79;
font-size: 15px;

width: 100%;
margin-left: 820px;
	
	
}
/* 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 #footer {
	background-color: #FFFFFF;
	float: left;
	height: 284px;
	width: 100%;
	align-content: center;
}

.Fin {
}