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


#cuerpo {
	width: 100%;
	background-color: rgba(255,255,255,1.00);
}

#presentacion {
	width: 100%;
	margin-top: 1%;
	float: left;
}
#banner {
	width: 40%;
	float: left;
}
#banner img {
	width: 100%;
	height: auto;
}
#oro {
	width: 100%;
	float: left;
	padding: 1% 1% 0.5% 1%;
}

#alimentos {
	width: 100%;
	float: left;
	padding: 0% 1% 0% 1%;
}
#palo {
	width: 50%;
	float: left;
	padding-right: 0.5%
}
#palo img {
	width: 100%;
	height: auto;
}
#vegetal {
	width: 50%;
	float: left;
	padding-left: 0.5%
}
#vegetal img{
	width:100%;
	height: auto;
}

#text {
	width: 60%;
	padding: 7% 1% 1% 3%;
	float: left;
}
/*plaft*/
#text2 {
	width: 60%;
	padding:14% 1% 1% 3%;
	float: left;
}

/*plaft*/

#text h2 {
	color: rgba(0,76,147,1.00);
	font-weight: bold;
	font-size: 25px;
	text-align: right;
}
#text p {
	color: rgba(87,89,94,1.00);
	font-size: 16px;
	text-align: justify;
}




@media all and (max-width:1480px) {
	#text {
	width: 60%;
	padding: 4% 1% 1% 3%;
	float: left;
}
}

@media all and (max-width:1280px){
	#text {
	margin: none;
	padding: 1% 1% 1% 3%;
	float: left;
}
	#text p {
	font-size: 15px;
}
	
}

@media all and (max-width:1024px){
	
	#text2 {
	width: 60%;
	padding:5% 1% 1% 3%;
	float: left;
}
	
	
	
		#text {
    width: 70%; 
	padding: 15% 1% 1% 3%;
	float: left;
    }
	#banner {
	width: 30%;
    }
		#text p {
	font-size: 15px;
	}
	
	#palo {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#vegetal {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	
}

@media all and (max-width:768px){
	#banner {
		width: 100%;
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	
	#text2 {
	width: 100%;
	padding:2%;
	float: left;
}
	
	#text {
		width: 100%;
		padding: 2% ;
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	
	#palo {
	width: 50%;
	float: left;
	padding-right: 0.5%
	}

   #vegetal {
	width: 50%;
	float: left;
	padding-left: 0.5%
   }
	
}

@media all and (max-width:480px){
	#text {
		padding: 2%;
	}
}

/*orignalfin*/



#cuerpovimi {
	float: left;
	width:100%;
	margin-top: 1%;
	background-color:rgba(245,245,245,1.00);
}
#vision {
	width: 33.3%;
	margin-top: 1%;
	margin-bottom: 1%;
	float: left;
	padding: 1%;
	/*border-right:medium solid rgba(138,138,138,0.4); */
}
#mision {
	width: 33.3%;
	margin-top: 1%;
	margin-bottom: 1%;
	float: left;
	padding: 1%;
	/*border-left: medium solid rgba(138,138,138,0.4); */
}
#cultura {
	width: 33.3%;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 1%;
	float: left;
	/*border-left: medium solid rgba(138,138,138,0.4);*/ 
}
h3 {
	color:rgba(0,76,147,1.00);text-align: center;
	font-size: 20px;
}
#cuerpovimi p {
	color: rgba(87,89,94,1.00);
	text-align: justify;
}
#cuerpovimi {
	 font-size: 16px;
}

/*h5 {
	color: rgba(87,89,94,1.00);
}*/

@media all and (max-width:1480px) {
	#cuerpovimi p {
		font-size: 15px;
	}
}

@media all and (max-width:768px) {
	#vision {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
		border-bottom:medium solid rgba(138,138,138,0.4);
		border-right:none;
		padding: 2% ;
	}
	#mision {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
		border-bottom:medium solid rgba(138,138,138,0.4);
		border-right:none;
		padding: 2% ;
	}
	#cultura {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 2% ;
	}
}

/*MAPA DE UBICACIÓN Y SEDES*/
                                                                                                                                     
#mapa {
	width: 100%;
	float: left;
	margin-top: 3%;
	padding: 1%;
}
#mapasedes{
	width: 22%;
	float: left;
}
#mapaimagen {
	width: 78%;
	float: left;
	padding: 0.5%; 
	border:medium solid rgba(87,89,94,0.4);
	
}
 iframe { /*importante para encajar el tamaño del mapa*/
	width: 100%;
	height: 250px;
}

h6 {
	color:rgba(0,76,147,1.00);
	font-size: 20px;
}
#mapa p {
	color: rgba(87,89,94,1.00);
	font-size: 16px;
}

@media all and (max-width:1280px) {
	#mapa p {
	font-size: 15px;
}
	h6 {
		font-size: 18px;
	}
}

@media all and (max-width:1024px) {
	#mapasedes {
		width: 30%;
		
	}
	#mapaimagen {
		width: 70%;
		
	}
}

@media all and (max-width:768px) {
	#mapasedes {
		width: 100%;
		padding-top: 1%;
		padding-bottom: 1%;
		flex-direction: column;
		-webkit-flex-direction: column;
		
	}
	#mapaimagen {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
}

/*certifcaciones */

#certificaciones {
	float: left;
	width: 100%;
	margin-top: 3%;
	color: rgba(0,52,112,1.00);
}

h4 {
	font-size: 25px;
	/*margin-left: 1%;*/
	text-align: center;
	font-weight: bolder;
}

#linea {
	width:100%;
	float: left;
}


/*certificaciones responsive*/

@media all and (max-width:736px){
	h4 {
	font-size: 18px;
	/*margin-left: 1%;*/
	text-align: center;
	font-weight: bolder;
	
}
	#linea hr {
	background-color:rgba(0,76,147,1.00);
	height: 3px;
    }
}

@media all and (max-width:480px){
	h4 {
	font-size: 15px;
	/*margin-left: 1%;*/
	text-align: center;
	font-weight: bolder;
   }
	#linea hr {
	background-color:rgba(0,76,147,1.00);
	height: 3px;
   }
	
}

/*CERTIFICADOS*/

#certificacionlogo {
	float: left;
	width: 100%;
	
}

#oko {
	float: left;
	width: 18%;
	padding: 2%;
	}

#oko img{
	width: 100%;
	height: auto;
}

@media all and (max-width:1280px) {
	#oko {
	float: left;
	width: 20%;
	padding: 2%;
	}
}

@media all and (max-width:1024px) {
	#oko {
	float: left;
	width: 25%;
	padding: 2%;
	}
}
@media all and (max-width:768px) {
	#oko {
	float: left;
	width: 30%;
	padding: 2%;
	}
}
@media all and (max-width:480px) {
	#oko {
	float: left;
	width: 40%;
	padding: 2%;
	}
}

@media all and (max-width:360px) {
	#oko {
	float: left;
	width: 50%;
	padding: 2%;
		
	}
}

/*pie margenes*/

.uno {
	margin-top: 1%;
	margin-bottom: 1%;
	
}

.dos {
	margin-top: 1%;
	margin-bottom: 1%;
	
}

.tres {
	margin-top: 1%;
	margin-bottom: 1%;
	
}
.cuatro {
	margin-top: 1%;
	margin-bottom: 1%;
}

.cinco {
	margin-top: 1%;
	margin-bottom: 1%;
}
/*termina pie contactos*/

/*pie contactos respomnsive*/
@media all and (max-width:768px){
	
	.uno {
	margin-top: 3%;
	margin-bottom: 1%;
	
}

.dos {
	margin-top: 3%;
	margin-bottom: 1%;
	
}

.tres {
	margin-top: 3%;
	margin-bottom: 1%;
	
}
.cuatro {
	margin-top: 3%;
	margin-bottom: 1%;
}

.cinco {
	margin-top: 3%;
	margin-bottom: 1%;
}
	
}
/*pie contactos respomnsive fin*/