@media screen and (max-width:800px ) {

	#wrapper {
		top:68px;
		height: calc(100% - 68px);
	}

	/*****************************************         PRINCIPAL ***********************************************************/ 
	.principal{
		bottom: 0px;
		top: auto;
		width: 100%;
		height: auto;
		opacity: 0.80;
		position: absolute;
		margin: 0px;
		/*background-color: #116690;*/
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.principal span{
		font-size: 14pt;
		display: block;
		padding:5px;
	}

	.item3{
		background-color: #116690;
		background-size: auto 80%;
		background-position: top;
	}

	/*****************************************         Quienes Somos: ***********************************************************/ 
	.quienes_somos{
		width: 80%;
		padding: 1%;
		margin: auto;
		opacity: 0.8;
		position: absolute;
		bottom: 5px;
		left:5%;
	}
	.quienes_somos span{
		font-size: 10pt;
	}


	/*****************************************         Servicios: ***********************************************************/ 
	.servicios {
		width:100%;
		position: absolute;
		margin:0px;
		bottom: 5px;
	}

	.servicios-img {
	display: block;
	float: none;
	height: 20%;
	width: auto;
	padding: 5px;
	}
	
	.servicios-img img {
	position: relative;
	width:25%;
	height: auto;
	display: block;
	}

	.servicios-img img:hover{
		width:25%;
	}

	.servicios a{
		font-size: 10pt;
		width: 80%;

}


/**************************************  Pagina de Servicios - Paginas independientes ***************************************/

.servicios-container{
	width: 92%;
}


.servicios-rombo{	
	height: 25%;
	margin: 30px 0px; 
	width: 50%;
}

.servicios-rombo img{
	width: 120%;
}

.servicios-tipos{
	display: none;
}

.servicios-detalle{ 	
	height: 72%;
	padding-top: 1%;
}

.jornadas-detalle{ 	
	width: 45%;
	height: 72%;
}


.texto-1{
	font-size: 10pt;
	line-height: 13pt;
}
.texto-2{
	font-size: 14pt;
}
.texto-3{
	font-size: 9pt; 
	line-height: 13pt;
}


/************************************************ Pagina: Clientes **************************************************/
.clientes-container {
	width: 95%;
}
.clientes-texto { 
	display: none;
}

.clientes-video {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.clientes-clientes{
	width: 100%;
	height: auto;
	float: left;
	display: block;

}

.clientes-clientes img{
	width: 100%;
	height: auto;
	url
}

.clientes-clientes img {
	width: 85%;
	height: auto;
}

.video {
	width: 80%;
	height: auto;
}


/*****************************************    Formulario:       ***********************************************************/ 

.formulario { width: 90%;}
.form-header{display: none;}

.form-line{ 	width: 100%; height: auto; display: block; position: static; float: left; } 

.form-line1{ 	width: 100%; height: auto;} 
.form-line1 span{ width: 100%;  height: 20px; top:0px; padding: 10px 0px 0px 0px; margin: 0px; position: static;}
.form-line1 input{ height: 25px; width: 100%;  z-index: 500; position: static;}




.form-line2{ 	 width: 100%; height: auto;} 
.form-line2 span{ width: 100%;  height: 20px; top:0px; padding: 10px 0px 0px 0px; margin: 0px; position: static;}
.form-line2 input{ height: 25px; width: 100%; z-index: 500; position: static;}


.form-line3{ 	width: 100%; display: block; height: auto;} 
.form-line3 input{ height: 45px; width: 100%; z-index: 500; position: static;}

.form-button { position: static; display: inline-block; margin:auto; height: auto; margin-top: 5px;}
.form-button-enviar {position: static; display: block; bottom: auto; margin: 20px auto;}

.contactos { font-size: 10pt;  width: 75%; }
.contactos img { width: 20px; height: auto;}

.social { width: 100%; text-align: center; height: auto; position: static; vertical-align: top; margin: 0px auto;}
.social img { margin: 0 20px; width: 30px; height: auto;}



/*********************************************    Max:350  *****************************************************/
/*********************************************    Max:350  *****************************************************/
/*********************************************    Max:350  *****************************************************/



/*****************************************         Quienes Somos: ***********************************************************/ 
@media screen and (max-width:400px ) {

	.texto-1{
		font-size: 9pt;
		line-height: 11pt;
	}
	.texto-2{
		font-size: 10pt;
	}
	.texto-3{
		font-size: 9pt; 
		line-height: 11pt;
	}

	.servicios-container{
	width: 97%;
	}

	.container_text {
		font-size: 13pt;
	}

	.servicios-rombo {
		width: 45%;
	}

	.servicios-rombo img{
		width: 110%;
	}

	.servicios-detalle {
		width: 50%;
	}

}