@import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Poppins&display=swap');
	*{
		margin: 0;
	
		box-sizing: border-box;
		font-family:  sans-serif;
	}

@font-face {
	font-family: 'nexa_boldregular';
	font-weight: bold;
	font-style: normal;
	src: url('../fonts/nexa_boldfree_macroman/Nexa_Free_Bold-webfont.eot');
	src: url('../fonts/nexa_boldfree_macroman/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/nexa_boldfree_macroman/Nexa_Free_Bold-webfont.woff2') format('woff2'), url('../fonts/nexa_boldfree_macroman/Nexa_Free_Bold-webfont.woff') format('woff'), url('../fonts/nexa_boldfree_macroman/Nexa_Free_Bold-webfont.ttf') format('truetype'), url('../fonts/nexa_boldfree_macroman/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
}



	.header{
		width: 100%;
		height: 155px;
		z-index: 100;
		position: fixed;
		top: 0px;
		background-color:#0C8589;
	


	}

	.body{
		width: 100%;
	}








	/*mnenu*/

	
	
.encabezado{
   
	visibility: hidden;
}

.menu img{
    
	visibility: hidden;
     
}


	/*Estilos Logo*/



	.cubo{
		width: 80px;
		height: 80px;
		animation: 3s mover alternate infinite;
		position: absolute;
		margin-left: 15%;
		margin-right: 85%;
		top: 10%;
		bottom: 0; 
		background-color:#0C8589; 
		
	}
	
	

.cubo img{
	width: 80px;
	height: 80px;
	animation-name: girar;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  @keyframes girar {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

	
	  
	  p22 {
		font-size:22px;
		text-align: center;
		animation-duration: 6s;
		animation-delay: 0s;
		color: #56c9d8;
		letter-spacing: 1.5pt;
		top: 65%;
		margin-left: 9%;
		margin-right: 91%;
		width: 16%;
		z-index: 1;
		position: absolute;
	
	
	  }
	
	  
	  t1 {
	
		color:#56c9d8;
		letter-spacing: 1.5pt;
		font-size:14px;
	  }

	
	/*Fin de Estilos para el encabezado*/


	

/*nav{
	width: 100%;
	max-width: 840px;
	background: #34495e;
	right: 52%;
	border-radius: 8px;
	font-size: 15px;
	margin-left: 43%;
	text-align: center;
	margin-top: 7%;
}*/




.menu-horizontal{

	list-style: none;
	display: flex;
	width: 100%;
	max-width:716px;
	background: #34495e;


	border-radius: 8px;

	margin-top: 4%;
	margin-left: 43%;
	margin-right: 57%;

	text-align: center;


	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;
	align-items: center;
		
}


.menu-horizontal >li >a{

	font-size: 12px;
	display: block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	cursor: pointer;
	letter-spacing: 0.1em;
	width: 1.5 em;
	height: 5 em;
	line-height: 1.5em;
	justify-content: space-evenly;
	overflow: hidden;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding: 10px 20px;
	
	

}

.menu-horizontal >li >a:hover{
	background-color:#002e5b; 
	color:#3fbdb2;  
	transition: all 0.5s ease 0s;}


.menu-horizontal > li:hover{
	background-color:#BFC9CA;

}


.menu-vertical{
	position: absolute;
	display: none;
	list-style: none;
	width: 300px;
	background-color: #34495e;

}

.menu-horizontal li:hover .menu-vertical{
	display: block;
}
.menu-vertical li:hover{
	background-color: #3fbdb2;

}

.menu-vertical li a{
	display: block;
	color: white;
	padding: 8px 8px 8px 13px;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
}

	.cont-menu nav a:hover{
		border-left: 5px solid #c7c7c7;
		background: #1f1f1f;
	}
	.cont-menu label{
		position: absolute;
		right: 5px;
		top: 10px;
		color: #fff;
		cursor: pointer;
		font-size: 18px;
	}

	
	.capa{

		margin: 1.6em 40px; 
		padding:  15%;
		background: linear-gradient(rgb(233, 234, 240), rgb(252, 255, 252), rgb(247, 246, 244)); 
	
	}



	.ws_images{
		background-color: #fff;
	
	
		
			
	}

/*Inicio Nosotros*/


.contenido{
	display:flex;
	width: 100%;
	height: 400%;
	max-width: 1200px;
	margin: auto;
	justify-content: center;
	text-align: justify;
	flex-wrap: wrap;
	border-radius:3px;
	margin-top:7%;
   
}

.contenido1 h2{
	font-family:  sans-serif;
    letter-spacing: 0.1em;
	font-size: 25px;
	color: #34495e;
	justify-content: center;
	text-align: center;
	line-height: 25pt;
	animation-duration: 4s;
	animation-delay: 0s;
	border-bottom: 4px solid  #0C8589;
    border-top:4px solid  #0C8589;
	animation-duration: 5s;
	animation-delay: 0s;
 
}

.contenido1 p1{
	font-family:  sans-serif;
    letter-spacing: 0.1em;
	font-size: 14px;
	color: #34495e;
	justify-content: center;
	text-align: justify;
	line-height: 25pt;
	animation-duration: 4s;
	animation-delay: 0s;
	
 
}





.team{
	display:flex;
	width: 100%;
	height: 400%;
	max-width: 1200px;
	margin: auto;
	justify-content: center;
	text-align: justify;
	flex-wrap: wrap;
	border-radius:3px;
	margin-top: 1%;
	padding: 10%;
	background: -webkit-linear-gradient( rgb(247, 252, 252), #91909077);
   
}



.teams1{
	width: 100%;
	max-width: 100%;
	position: relative;
	top: 200px;  
	  

}
.teams h4{
	font-family:  sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	animation-duration: 4s;
    animation-delay: 1s;
  
   
}

.teams h6{
	font-family:  sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	animation-duration: 4s;
   animation-delay: 2s;
  
   
}
.teams h5{
	font-family:  sans-serif;
	font-size: 30px;
	color: #d46306;
	text-align: center;
	animation-duration: 4s;
	animation-delay: 3s;
   
	
}

/*inicio de MAPA */

.mapadiv{
	width:50%;
	
}

.mapadiv path{
	fill:    #34495e ; 
	stroke:   #0C8589 ;
	stroke-width: 2px;

}
.mapadiv :hover{
	fill:   #65e7dc;
}







/*inicio boton */


.details button{
	padding: 10px 20px;
	font-size: 12px;
	background: none;
	border-style: none;
	border: 1px solid rgb(49, 48, 48);
	color: #34495e;
	margin-top: 20px;
	transition: background 300ms;
	cursor: pointer;
 

}



.details button:hover{
	background: #34495e;
	color: white;
}


/*inicio video empresarial */





.contenido11 h2{
	margin-top: 5%;
	font-family:  sans-serif;
    letter-spacing: 0.1em;
	font-size: 25px;
	color: #34495e;
	justify-content: center;
	text-align: center;
	line-height: 25pt;
	animation-duration: 4s;
	animation-delay: 0s;
	border-bottom: 4px solid  #0C8589;
	border-top:4px solid  #0C8589;
	
	
 
}


.video_emp{
	width: 100%;
	 height: auto;
	 border: none;
	 text-align:center;
	 position: absolute;

	  
 }

 iframe{
		width: 600px;
		height: 350px;
 }


 /*inicio de Certificaciones */

 
.text{
	
    text-align: center;
    background: #0C8589;
    margin: 1.9em 50px; 

}
p3{
	font-family:  sans-serif;
	font-size: 11px;
	color: #111213;
	text-align: justify;

	
	
}


t7 {
 
    font-size: 25px;
    color:#FFF;
  
  }

.carrusel {
	width: 100%;
    height: 50vh;
 
   
  }


  .carrusel-items {
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
	padding: 80px 40px;

	text-align: center;

  }

  
  .carrusel-item {
    min-width: 250px;
    max-width: 250px;
    height: 200px;
   
	cursor: pointer;

  }
 
  
  .carrusel-item img {
    width: 90%;
	height: 90%;

  
   
  }
 
  
  .carrusel-item:hover {
    transform: scale(1.2);
  }

	/*Inicio Contacto */
	       
.contactanos{
	width: 100%;
	height: 600px;
	border-radius: 5px;
	
    }
    
    .contactanos1 h1{
       
        display: flex;
        width: 15%;
        justify-content: center;
        margin: auto;
        font-size: 40px;
		font-family: "Roboto", sans-serif;
		color: #34495e;
  
       
    }

	
    
    .contactanos1{
        width: 100%;
        height: 600px;
        max-width: 1400px;
       	margin: auto;
   
        }

		.contactanos1 img{
			width: 100px;
			height: auto;
			margin-left: 65%;
			
		
		}

	.direccionn{
		width: 40%;
		height:50px;
		margin-top: 5px;
		
	

	}
		.direccion img{
		margin-top: 4%;
    	width: 7%;
		margin-left: 47%;
		margin-right: 47%;

		}

        
    .direccion p{
        width: 50%;
        height: 100px;
		color:#34495e;
		font-family: "Roboto", sans-serif;
		font-size: 20px;
		
		text-align: center;
		margin-top: 10px;
	
		margin-left: 25%;
		margin-right: 25%;
		
    }
	
.caja{
	width: 70%;
	height: 500px;
	background: #fff;
	margin-left: 15%;
	margin-right: 15%;
	border: 3px solid;
	border-color: #34495e;
	position: relative;
	border-radius: 1%;
	background-image: url(img/ingeniero2.jpg);
	background-repeat: no-repeat;
	
  }

  .caja:hover {
	color: rgba(255, 255, 255, 1) !important;
	box-shadow: 0 4px 16px rgb(70, 71, 71);
	transition: all 0.5s ease;
	
  }



 table {
        width: 100%;
        height: 380px;
		color:#fff;
		font-family: "Roboto", sans-serif;
		font-style: normal;
		margin-right: 20%;
		border-color: #34495e;
		background-color: #1f1f1fb4;
		
	}
	

	
	

   

    input{
        width: 100%;
        font-family: "Roboto", sans-serif;
        background: #34495e;
        border-radius: 5px;
        color:  #34495e;
        border: none;
		border-style: double;
		background-color: #fff;
		border: 1px solid;
		border-color: #34495e;
		transition: all 1s ease;
		position: relative;
	
	  }
	 input:hover {
		background: #ffff;
		color: #34495e!important;
	  }

    textarea{
        width: 100%;
        height: 100px;
        font-family: "Roboto", sans-serif;
        color: #34495e;
        background   : #fff;
        border-radius: 5px;
        border: none;
		border-style: double;
		align-items: center;
		background-color: #eee;

    }

	/*Inicio redes */

	.social-bar {
		position: fixed;
		right: 0;
		top: 35%;
		font-size: 1.5rem;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		z-index: 100;
	}
	
	.icon {
		color: white;
		text-decoration: none;
		padding: .7rem;
		display: flex;
		transition: all .5s;
	}
	
	.icon-facebook {
		background: #2E406E;
	}
	
	.icon-twitter {
		background: #339DC5;
	}
	
	.icon-youtube {
		background: #E83028;
	}
	
	.icon-instagram {
		background: #3F60A5;
	}
	
	.icon:first-child {
		border-radius: 1rem 0 0 0;
	}
	
	.icon:last-child {
		border-radius: 0 0 0 1rem;
	}
	
	.icon:hover {
		padding-right: 3rem;
		border-radius: 1rem 0 0 1rem;
		box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
	}
	
    




	/*Inicio Footer */
	
	footer{
		width: 100%;
	   	background:  #34495e;
		margin: auto;
		overflow: hidden;
	
	}
	.contenedor-footer{
		display: flex;
		width: 100%;
		height: 50%;
		justify-content: space-evenly;
		margin: auto;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
		
		  
	 }
	 .content-foo{
		 text-align: center;
		 
	 }
	 .content-foo h4{
		font-family: "Roboto", sans-serif;
		 color: #fff;
		 border-bottom: 4px solid  #65e7dc;
		font-size: 15px;
		 font-weight: bolder;
		 letter-spacing: 0.5pt;
		 line-height: 200%;
		 text-align: center;
		
		
	
	}
	
	.content-foo p1{
		font-family: "Roboto", sans-serif;
		font-size: 12px;
		color:  #7e8390;
		letter-spacing: 0.5pt;
		line-height: 200% ;  
		
		
	}
	
	.content-foo li {
		width: 100%;
		list-style-type: none;
		font-size: 12px;
		line-height: 200%;
		list-style-type: none;
		
	;
	   
	   
	}
	.content-foo li a{
		width: 20px;
		font-family: "Roboto", sans-serif;
		color:  #7e8390;
		margin-right: 30px;
	
	}
	

	
	
	
	.content-foo ul1{
		font-family: "Roboto", sans-serif;
		color:  #7e8390;
		font-size: 12px;
		text-align: center;
		line-height: 200%;
		
		
		
		
	}
	
	
	.content-foo li :hover{
		color: #fff;
	
		
	}
	
	
	
	.content-foo img{
	width: 20px;
	letter-spacing: 1.5pt;
	padding-top: 7px;
	
	
	}
	
	.content-foo img link:hover{
	color: #fff;
	}
	
	.titulo-final{
	   text-align: center;
	   font-family: "Roboto+", sans-serif;
	   font-weight: lighter;
	   font-size: 15px;
	   margin: 20px 0 0 0;
	   color: #7e8390;
	   letter-spacing: 0.5pt;
	   
	}
	

	
/* RESPONSIVA LAPTOP 1400  _______________________________________________________*/

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




	.header{
		width: 100%;


	}
	

	
	  p22 {
		
		margin-left: 8%;
		margin-right: 92%;
		width: 20%;
	
	
	  }
	

	  
.menu-horizontal{
	margin-top: 70px;
	max-width:700px;
	margin-left: 40%;
	margin-right: 60%;	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;
	align-items: center;	
}


.menu-horizontal >li >a{
	
	font-size: 10px;
}



.direccion img{
	margin-top: 4%;
	width: 10%;
	margin-left: 45%;
	margin-right: 45%;

	}

	.caja{
		margin-top: 1%;
		width: 70%;
		height:400px;
		position: relative;
		margin-right: 10px;
		margin-left: 145px;
		
		
	  }
	
	table {
		width: 90%;
		height: 280px;
		position: relative;
		border-style: none;	
		font-size: 13px;
		margin-right: 5px;
		margin-left: 5%;
		}
	
	
	.content-foo li {
		width: 100%;
		font-size: 10px;	
	}
	.content-foo li a{
		width: 20px;
		font-size: 10px;
		line-height: 0%;
		margin-right: 30px;
		
	
	}



}

	
/* RESPONSIVA LAPTOP 1300  _______________________________________________________*/

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


	.header{
		width: 100%;
	}
	

	
	  p22 {
		margin-left: 9%;
		margin-right: 91%;
		width: 20%;
	  }
	

	  
.menu-horizontal{
	margin-top: 70px;
	max-width:670px;
	margin-left: 35%;
	margin-right: 75%;	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;
	align-items: center;	
}


.menu-horizontal >li >a{
	font-size: 10px;
}



.caja{
	margin-top: 1%;
	width: 70%;
	height:400px;
	position: relative;
	margin-right: 10px;
	margin-left: 115px;
	
	
  }

table {
	width: 90%;
	height: 280px;
	position: relative;
	border-style: none;	
	font-size: 12px;
	margin-right: 5px;
	margin-left: 5%;
	}

	
 /*footer */
	
	
	
 .contenedor-footer{
				
	width: 100%;
	height: auto;
	

	
	  
 }
.content-foo h4{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	font-size: 12px;
}
.content-foo p1{
	font-size: 10px;
	line-height: 5% ; 
}


.content-foo {
	width: 100%;

}


.content-foo li {
	width:100%;
	font-size: 10px;	
	padding-left: 30px;
	padding-right: 20px;
	
	
}
.content-foo li a{
	width: 10%;
	font-size: 10px;
	line-height: 1%;
	margin-left: auto;
	  margin-right: 70px;
	
	
}




.titulo-final{
	font-size: 12px;
	margin-top: 1%;
 }


}



	
/* RESPONSIVA LAPTOP 1200  _______________________________________________________*/

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



	.header{
		width: 100%;
	}
	

	
	  p22 {
		margin-left: 9%;
		margin-right: 91%;
		width: 20%;
	  }
	

	  
.menu-horizontal{
	margin-top: 70px;
	max-width:670px;
	margin-left: 40%;
	margin-right: 60%;	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;
	align-items: center;	
}


.menu-horizontal >li >a{
	font-size: 10px;
}



.direccion img{
	margin-top: 4%;
	width: 10%;
	margin-left: 45%;
	margin-right: 45%;

	}

	.caja{
		margin-top: 1%;
		width: 80%;
		height:400px;
		position: relative;
		margin-right: 10px;
		margin-left: 80px;
		
		
	  }
	
	table {
		width: 90%;
		height: 280px;
		position: relative;
		border-style: none;	
		font-size: 12px;
		margin-right: 5px;
		margin-left: 5%;
		}
	
 /*footer */
	
	
	
 .contenedor-footer{
				
	width: 100%;
	height: auto;
	

	
	  
 }
.content-foo h4{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	font-size: 12px;
}
.content-foo p1{
	font-size: 10px;
	line-height: 5% ; 
}


.content-foo {
	width: 100%;

}


.content-foo li {
	width:100%;
	font-size: 10px;	
	padding-left: 30px;
	padding-right: 20px;
	
	
}
.content-foo li a{
	width: 10%;
	font-size: 10px;
	line-height: 1%;
	margin-left: auto;
	  margin-right: 70px;
	
	
}




.titulo-final{
	font-size: 12px;
	margin-top: 1%;
 }

}






	
/* RESPONSIVA LAPTOP 1100  _______________________________________________________*/

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



	.header{
		width: 100%;
	}
	

	.cubo{
		width: 70px;
		height: 70px;
		animation: 3s mover alternate infinite;
		position: absolute;
		margin-left: 15%;
		margin-right: 85%;
		top: 10%;
		bottom: 0; 
		background-color:#0C8589; 
		
	}
	
	.cubo img{
		width: 70px;
		height: 70px;
		
		
	}
	
	
	  p22 {
		margin-left: 8%;
		margin-right: 9%;
		width: 20%;
		font-size: 20px;

	  }
	  t1 {
	
		font-size:12px;
	  }
	

	  
.menu-horizontal{
	margin-top: 70px;
	max-width:655px;
	margin-left: 36%;
	margin-right: 64%;	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;

	

}


.menu-horizontal >li >a{
	font-size: 10px;
	margin-right: 1%;
	margin-left: 10%;
	text-align:left;
}




 iframe{
	width: 500px;
	height: 320px;
}

 
 .direccion img{
	margin-top: 4%;
	width: 10%;
	margin-left: 45%;
	margin-right: 45%;

	}

	.caja{
		margin-top: 1%;
		width: 90%;
		height:400px;
		position: relative;
		margin-right: 10px;
		margin-left: 35px;
		
		
	  }
	
	table {
		width: 90%;
		height: 280px;
		position: relative;
		border-style: none;	
		font-size: 12px;
		margin-right: 5px;
		margin-left: 5%;
		}
	
	/*footer */



	.contenedor-footer{
			
		width: 100%;
		height: auto;
		
	
		
		  
	 }
	.content-foo h4{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		font-size: 12px;
	}
	.content-foo p1{
		font-size: 10px;
		line-height: 5% ; 
	}
	
	
	.content-foo {
		width: 100%;
	
	}
	
	
	.content-foo li {
		width:100%;
		font-size: 10px;	
		padding-left: 30px;
		padding-right: 20px;
		
		
	}
	.content-foo li a{
		width: 10%;
		font-size: 10px;
		line-height: 1%;
		margin-left: auto;
		  margin-right: 70px;
		
		
	}
	
	
	
	
	.titulo-final{
		font-size: 12px;
		margin-top: 1%;
	 }


}

/* RESPONSIVA LAPTOP 1000  _______________________________________________________*/

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




	.header{
		width: 100%;
		height: 145px;
	}
	

	.cubo{
		width: 60px;
		height: 60px;
		margin-left: 15%;
		margin-right: 85%;
		top: 15%;
		bottom: 0; 
		background-color:#0C8589; 
		
	}
	
	.cubo img{
		width: 60px;
		height: 60px;
		
		
	}
	
	
	  p22 {
		margin-left: 8%;
		margin-right: 9%;
		width: 20%;
		font-size: 15px;

	  }
	  t1 {
	
		font-size:10px;
	  }
	

	  
.menu-horizontal{
	margin-top: 70px;
	max-width:600px;
	margin-left: 36%;
	margin-right: 64%;	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;

	

}


.menu-horizontal >li >a{
	font-size: 9px;
	margin-right: 10%;
	margin-left: 0%;
	text-align:left;
}



iframe{
	width: 450px;
	height: 310px;
}


 .contactanos1 h1{
       
	font-size: 30px;


   
}


	.direccion img{
	margin-top: 4%;
	width: 10%;
	margin-left: 45%;
	margin-right: 45%;

	}

	
.direccion p{
	width: 90%;
	height: 50x;
	font-size: 20px;
	margin-left: 5%;
	margin-right: 5%;
	
}

.caja{
	margin-top: 1%;
	width: 100%;
	height:350px;
	position: relative;
	margin-right: 15px;
	margin-left: 0px;
	
	
  }

table {
	width: 90%;
	height: 280px;
	position: relative;
	border-style: none;	
	font-size: 12px;
	margin-right: 5px;
	margin-left: 5%;
	}

	
	
	 /*footer */



	 .contenedor-footer{
			
		width: 100%;
		height: auto;
		
	
		
		  
	 }
	.content-foo h4{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		font-size: 12px;
	}
	.content-foo p1{
		font-size: 10px;
		line-height: 5% ; 
	}
	
	
	.content-foo {
		width: 100%;
	
	}
	
	
	.content-foo li {
		width:100%;
		font-size: 10px;	
		padding-left: 30px;
		padding-right: 20px;
		
		
	}
	.content-foo li a{
		width: 10%;
		font-size: 10px;
		line-height: 1%;
		margin-left: auto;
		  margin-right: 70px;
		
		
	}
	
	
	
	
	.titulo-final{
		font-size: 12px;
		margin-top: 1%;
	 }
	


}

/* RESPONSIVA LAPTOP 900  _______________________________________________________*/

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


	.header{
		width: 100%;
	
	}
	

	.cubo{
		width: 60px;
		height: 60px;
		margin-left: 15%;
		margin-right: 85%;
		top: 15%;
		bottom: 0; 
		background-color:#0C8589; 
		
	}
	
	.cubo img{
		width: 60px;
		height: 60px;
		
		
	}
	
	
	  p22 {
		margin-left: 8%;
		margin-right: 9%;
		width: 20%;
		font-size: 15px;

	  }
	  t1 {
	
		font-size:10px;
	  }
	

	  
.menu-horizontal{
	margin-top: 70px;
	max-width:550px;
	margin-left: 35%;
	margin-right: 65%;	
}



.menu-horizontal img{
	width:3%;
	height:3%;
	padding-top: 2%;

	

}


.menu-horizontal >li >a{
	font-size: 8px;
	margin-right: 10%;
	margin-left: 0%;
	
}
.menu-vertical li a{

	font-size: 10px;
}



iframe{
	width: 450px;
	height: 310px;
}


 
 
 .contactanos1 h1{
       
	font-size: 30px;


   
}


	.direccion img{
	margin-top: 4%;
	width: 15%;
	margin-left: 42.5%;
	margin-right: 42.5%;

	}

	
.direccion p{
	width: 90%;
	height: 50x;
	font-size: 20px;
	margin-left: 5%;
	margin-right: 5%;
	
}



.caja{
	margin-top: 1%;
	width: 100%;
	height:350px;
	position: relative;
	margin-right: 15px;
	margin-left: 0px;
	
	
  }

table {
	width: 90%;
	height: 280px;
	position: relative;
	border-style: none;	
	font-size: 12px;
	margin-right: 5px;
	margin-left: 5%;
	}


.contenedor-footer{
			
	width: 100%;
	height: 130px;
	

	
	  
 }
.content-foo h4{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	font-size: 12px;
}
.content-foo p1{
	font-size: 10px;
	line-height: 5% ; 
}


.content-foo {
	width: 100%;

}


.content-foo li {
	width:100%;
	font-size: 10px;	
	padding-left: 30px;
	padding-right: 20px;
	
	
}
.content-foo li a{
	width: 10%;
	font-size: 10px;
	line-height: 1%;
	margin-left: auto;
	  margin-right: 70px;
	
	
}




.titulo-final{
	font-size: 12px;
	margin-top: 1%;
 }


}


/* RESPONSIVA LAPTOP 800  _______________________________________________________*/

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


	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 60px;
		height: 60px;
		margin-left: 46%;
		margin-right: 25%;
		background-color:#0C8589; 
		top:7%;
	}
	
	.cubo img{
		width: 60px;
		height: 60px;
			
	}
	
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 19px;
		top: 45%;
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:12px;
		
	  }
	

	  
.menu-horizontal{
	width: 100%;
	height: 42px;
	margin-left: 15%;
	margin-right: 0%;
	margin-top: 17%;
	

	
}



.menu-horizontal img{
	width:10%;
	height:10%;
	padding-top: 2%;


	

}


.menu-horizontal >li >a{
	width: 100%;
	font-size: 10px;
	right: 15px;
	
}


.menu-vertical li a{

	font-size: 9px;
}


/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 18px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 11px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:90%;
	
}

/*inicio boton */


.details button{

	font-size: 10px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 18px;
}


iframe{
	width: 330px;
	height: 210px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 10px;
	
}


t7 {
 
    font-size: 18px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  /*contacto */
    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


	.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 13px;
		margin-left: 5%;
		margin-right: 5%;
		
    }


	.caja{
		margin-top: 1%;
		width: 100%;
		height: 290px;
		position: relative;
		margin-right: 15px;
		margin-left: 0px;
		
		
	  }
	
	table {
		width: 90%;
		height: 200px;
		position: relative;
		border-style: none;	
		font-size: 11px;
		margin-right: 5px;
		margin-left: 5%;
		}
		input{
		
			font-size: 10px;
		  }
.contenedor-footer{
			
	width: 100%;
	height: 100px;
	

	
	  
 }
.content-foo h4{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	font-size: 10px;
}
.content-foo p1{
	font-size: 8px;
	line-height: 5% ; 
}


.content-foo {
	width: 100%;

}

.content-foo li {
	width:100%;
	font-size: 8px;	
	padding-left: 30px;
	padding-right: 20px;
	
	
}
.content-foo li a{
	width: 10%;
	font-size: 8px;
	line-height: 1%;
	margin-left: auto;
	  margin-right: 70px;
	
	
}

.titulo-final{
	font-size: 12px;
	margin-top: 1%;
 }


}

/* RESPONSIVA LAPTOP 720  _______________________________________________________*/

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



	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 50px;
		height: 50px;
		margin-left: 46%;
		margin-right: 25%;
	
		background-color:#0C8589; 
		
	
		
	}
	
	.cubo img{
		width: 50px;
		height: 50px;
			
	}
	
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 15px;
		top: 50%;
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:10px;
		
	  }
	

	  
.menu-horizontal{
	width: 600px;
	height: 42px;
	margin-left: 11%;
	margin-right: 25%;
	margin-top: 20%;
	

	
}



.menu-horizontal img{
	width:10%;
	height:20%;
	padding-top: 2%;


	

}


.menu-horizontal >li >a{
	font-size: 9px;
	margin-right: 0%;
	margin-left: 0%;
	right: 20px;
	
}


.menu-vertical li a{

	font-size: 8px;
}


/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 18px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 11px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:90%;
	
}

/*inicio boton */


.details button{

	font-size: 10px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 18px;
}


iframe{
	width: 330px;
	height: 210px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 10px;
	
}


t7 {
 
    font-size: 18px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  /*contacto */
    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


	.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 13px;
		margin-left: 5%;
		margin-right: 5%;
		
    }


	.caja{
		margin-top: 1%;
		width: 430px;
		height: 270px;
		position: relative;
		
		
	
	
		
	  }
	
	table {
		width: 80%;
		height: 200px;
		position: relative;
		border-style: none;	
		font-size: 10%;
		margin-right: 3px;
		margin-left: 10%;
		}

		input{
		
			font-size: 10px;
		  }



	.contenedor-footer{
			
		width: 100%;
		height: 100px;
		
	
		
		  
	 }
	.content-foo h4{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		font-size: 10px;
	}
	.content-foo p1{
		font-size: 8px;
		line-height: 5% ; 
	}


	.content-foo {
		width: 100%;
	
	}

	.content-foo li {
		width:100%;
		font-size: 8px;	
		padding-left: 30px;
		padding-right: 20px;
		
		
	}
	.content-foo li a{
		width: 10%;
		font-size: 8px;
		line-height: 1%;
		margin-left: auto;
		  margin-right: 70px;	
	}




	.titulo-final{
		font-size: 12px;
		margin-top: 1%;
	 }


}




/* RESPONSIVA LAPTOP 600  _______________________________________________________*/

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



	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 45px;
		height: 45px;
		margin-left: 46%;
		margin-right: 25%;
		background-color:#0C8589; 
		top: 10%;
		
	
		
	}
	
	.cubo img{
		width: 45px;
		height: 45px;
			
	}
	
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 14px;
		top: 42%;
	
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:10px;
		
	  }
	

	  
.menu-horizontal{
	width: 90%;
	height: 40px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20%;
	

	
}



.menu-horizontal img{
	visibility: hidden;


}


.menu-horizontal >li >a{
	width: 90%;
	font-size: 8px;
	margin-left: 1%;
	margin-right: 9%;


}



.menu-vertical li a{

	font-size: 8px;
}




/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 18px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 11px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:90%;
	
}

/*inicio boton */


.details button{

	font-size: 10px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 18px;
}


iframe{
	width: 280px;
	height: 170px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 10px;
	
}


t7 {
 
    font-size: 18px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  /*contacto */
    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


		.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 13px;
		margin-left: 5%;
		margin-right: 5%;
		
    }

	.caja{
		margin-top: 1%;
		width: 340px;
		height: 230px;
		position: relative;
		
		
	
	
		
	  }
	
	table {
		width: 80%;
		height: 170px;
		position: relative;
		border-style: none;	
		font-size: 10%;
		margin-right: 30px;
		}
		input{
		
			font-size: 10px;
		  }

		.contenedor-footer{
			
			width: 100%;
			height: 100px;
			
		
			
			  
		 }
		.content-foo h4{
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
			font-size: 7px;
		}
		.content-foo p1{
			font-size: 7px;
			line-height: 5% ; 
		}


		.content-foo {
			width: 100%;
		
		}

		.content-foo li {
			width:100%;
			font-size: 7px;	
			padding-left: 20px;
			padding-right: 30px;
			
			
		}
		.content-foo li a{
			width: 10%;
			font-size: 7px;
			line-height: 1%;
			margin-left: auto;
  			margin-right: 50px;
			
			
		}

		.content-foo ul1{
			
			margin-right: 100px;
		}

		

		.titulo-final{
			font-size: 12px;
			margin-top: 1%;
		 }


}





/* RESPONSIVA LAPTOP 520  _______________________________________________________*/

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



	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 45px;
		height: 45px;
		margin-left: 46%;
		margin-right: 25%;
		background-color:#0C8589; 
		top: 10%;
		
	
		
	}
	
	.cubo img{
		width: 45px;
		height: 45px;
			
	}
	
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 12px;
		top: 50%;
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:9px;
		
	  }
	

	  
.menu-horizontal{
	width: 90%;
	height: 35px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20%;
	

	
}


.menu-horizontal >li >a:hover{
	background-color:#002e5b; 
}

.menu-horizontal > li:hover{
	background-color: #34495e;
}


.menu-horizontal img{
	visibility: hidden;


}


.menu-horizontal >li >a{
	width: 80%;
	height: 5%;
	font-size: 8px;
	position: relative;
	right: 43px;
	
	
}



.menu-vertical li a{

	font-size: 8px;
}




/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 15px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 7px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:100%;
	
}

/*inicio boton */


.details button{

	font-size: 7px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 15px;
}


iframe{
	width: 200px;
	height: 115px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 10px;
	
}


t7 {
 
    font-size: 15px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  /*contacto */
    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


		.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 12px;
		margin-left: 5%;
		margin-right: 5%;
		
    }

	.caja{
		margin-top: 1%;
		width: 290px;
		height: 230px;
		position: relative;
		margin-left: 0%;
	
	
		
	  }
	
	table {
		width: 80%;
		height: 170px;
		position: relative;
		border-style: none;	
		font-size: 10%;
		margin-left: 28px;
		margin-right: 10px;
		}

		input{
		
			font-size: 12%;
		  }


		.contenedor-footer{
			
			width: 100%;
			height: 113px;
			
		
			
			  
		 }
		.content-foo h4{
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
			font-size: 7px;
		}

		.content-foo p1{
			font-size: 7px;
			line-height: 5% ; 
			
		}


		.content-foo {
			width: 100%;
			
		}

		.content-foo li {
			width:100%;
			font-size: 7px;	
			padding-left: 20px;
			padding-right: 30px;
			
			
		}
		.content-foo li a{
			width: 10%;
			font-size: 7px;
			line-height: 1%;
			margin-left: auto;
  			margin-right: 50px;
			
			
		}

		

		.titulo-final{
			font-size: 8px;
			margin-top: 1%;
		 }


}



/* RESPONSIVA LAPTOP 450  _______________________________________________________*/

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


	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 35px;
		height: 35px;
		margin-left: 45%;
		margin-right: 25%;
		background-color:#0C8589; 
		top: 10%;	
	}
	
	.cubo img{
		width: 35px;
		height: 35px;
			
	}
	
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 11px;
		top: 45%;
	
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:9px;
		
	  }
	

	  
.menu-horizontal{
	width: 100%;
	height: 22px;
	margin-left: 3%;
	margin-right: 97%;
	margin-top: 23%;
	background-color: #0C8589;

	
}



.menu-horizontal img{
visibility: hidden;


}


.menu-horizontal >li >a{
	width: 105%;
	height: 5%;
	align-content: left;
	line-height: 1%;
	font-size: 7px;
	position: relative;
	right: 40px;
	margin-bottom: 0.2em;
	margin-top: 0.0em;
	background-color: #34495e;



}



.menu-vertical{
	
	width: 30%;
	margin-left: 0%;
	margin-right: 27%;
	}
	
	
	.menu-vertical li a{
		width:100%;
		font-size: 5px;
		padding: 8px 8px 8px 9px;	
	}



/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 15px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 7px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:100%;
	
}

/*inicio boton */


.details button{

	font-size: 7px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 10px;
}


iframe{
	width: 140px;
	height: 80px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 7px;
	
}


t7 {
 
    font-size: 12px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  /*contacto */
    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


		.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 12px;
		margin-left: 5%;
		margin-right: 5%;
		
    }

	.caja{
		margin-top: 1%;
		width: 240px;
		height: 230px;
		position: relative;
		margin-left: 0%;
	
	
		
	  }
	
	

	 table {
		width: 75%;
		height: 180px;
		position: relative;
		border-style: none;	
		font-size: 10%;
		margin-right: 10%;
		}


		input{
		
			font-size: 10%;
		  }
		.contenedor-footer{
			
			width: 100%;
			height: 113px;
			
		
			
			  
		 }
		.content-foo h4{
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
			font-size: 7px;
		}
		.content-foo p1{
			font-size: 7px;
			line-height: 5% ; 
		}


		.content-foo {
			width: 100%;
		
		}

		.content-foo li {
			visibility: hidden; 
		}
		.content-foo li a{
			visibility: hidden;
		}

		.content-foo ul1{
			visibility: hidden;
		}

		.content-foo img{
			visibility: hidden;
			}

		.titulo-final{
			font-size: 7px;
			margin-top: 2%;
		 }


}


/* RESPONSIVA LAPTOP 380  _______________________________________________________*/

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



	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 35px;
		height: 35px;
		margin-left: 45%;
		margin-right: 25%;
		background-color:#0C8589; 
		top: 10%;	
	}
	
	.cubo img{
		width: 35px;
		height: 35px;
			
	}
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 10px;
		top: 49%;
	
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:8px;
		
	  }
	

	  
	  .menu-horizontal{
		width: 100%;
		height: 20px;
		margin-left: 5%;
		margin-right: 95%;
		margin-top: 23%;
		background-color: #0C8589;
	
		
	}
	
	
	
	.menu-horizontal img{
	visibility: hidden;
	
	
	}
	
	
	.menu-horizontal >li >a{
		width: 100%;
		height: 5%;
		align-content: left;
		line-height: 1%;
		font-size: 5px;
		position: relative;
		right: 56px;
		margin-bottom: 0.2em;
		margin-top: 0.0em;
		background-color: #34495e;
		
	
	}
	
	
	.menu-vertical{
	
	width: 50%;
	margin-left: 0%;
	margin-right: 27%;
	}
	
	
	.menu-vertical li a{
		width:100%;
		font-size: 5px;
		padding: 8px 8px 8px 9px;	
	}


/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 15px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 7px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:100%;
	
}

/*inicio boton */


.details button{

	font-size: 7px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 10px;
}


iframe{
	width: 140px;
	height: 80px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 7px;
	
}


t7 {
 
    font-size: 12px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  /*contacto */
    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


		.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 12px;
		margin-left: 5%;
		margin-right: 5%;
		
    }

	.caja{
		margin-top: 0%;
		width: 190px;
		height: 200px;
		position: relative;
		margin-left: 0%;
		margin-right: 20%;
	
		
	  }
	
	

	 table {
		width: 140px;
		height: 140px;
		margin-right: 10%;
		position: relative;
		border-style: none;	
		font-size: 7px;
		}
	
	

		input{
		
			font-size: 10%;
		  }

		  .contenedor-footer{
		
			
			width: 130px;
			height: 113px;
			padding-bottom: 3px;
		
			
			  
		 }
			 
		
		.content-foo h4{
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
			font-size: 7px;
		
		
		}
		
		.content-foo p1{
			text-align: center;
			font-size: 5px;
		 
		}
		
		
		.content-foo li {
			visibility: hidden;
		   
		   
		}
		.content-foo li a{
			visibility: hidden;
		
		
		}
		
		.content-foo ul1{
			visibility: hidden;
			
		
		}
		
		.content-foo img{
			visibility: hidden;
			
			
			}
		
			.titulo-final{
				font-size: 7px;
				margin-top: 2%;
			
				
			 }
		}


/* RESPONSIVA LAPTOP 320  _______________________________________________________*/

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



	.header{
		width: 100%;
		height: auto;
	
	
	
	}
	

	.cubo{
		width: 35px;
		height: 35px;
		margin-left: 45%;
		margin-right: 25%;
		background-color:#0C8589; 
		top: 7%;
		
	
		
	}
	
	.cubo img{
		width: 35px;
		height: 35px;
			
	}
	
	
	  p22 {
		
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
		height: auto;
		font-size: 7px;
		top: 55%;
	
		z-index: 1;
		position: absolute;
		

	  }

	  
	  t1 {
	
		font-size:6px;
		
	  }
	

	  
.menu-horizontal{
	width: 100%;
	height: 20px;
	margin-left: 1%;
	margin-right: 99%;
	margin-top: 23%;
	background-color: #0C8589;

	
}



.menu-horizontal img{
visibility: hidden;


}


.menu-horizontal >li >a{
	width: 100%;
	height: 5%;
	align-content: left;
	line-height: 1%;
	font-size: 5px;
	position: relative;
	right: 60px;
	margin-bottom: 0.2em;
	margin-top: 0.0em;
	background-color: #34495e;
	

}


.menu-vertical{

width: 50%;
margin-left: 0%;
margin-right: 27%;
}


.menu-vertical li a{
	width:100%;
	font-size: 5px;
	padding: 8px 8px 8px 9px;	
}
/*Inicio Nosotros*/

.contenido{

	border-radius:3px;
	top:1%;
   
}

.contenido1 h2{
	
	font-size: 15px;
	border-bottom: 3px solid  #0C8589;
	border-top:3px solid  #0C8589;
	line-height: 10pt;
	
}

.contenido1 p1{

    letter-spacing: 0.1em;
	font-size: 7px;
	line-height: 2pt;
}


/*inicio de MAPA */

.mapadiv{
	width:100%;
	
}

/*inicio boton */


.details button{

	font-size: 7px;
}

/* video empresarial */
.contenido11 h2{
	font-size: 10px;
}


iframe{
	width: 140px;
	height: 80px;
}

  /*inicio de Certificaciones */

.text{
	width: 90%;
 	margin: 1.9em 9px; 

}
p3{
	text-align: justify;
	font-size: 7px;
	
}


t7 {
 
    font-size: 12px;
   
  
  }

.carrusel {
	width: 100%;
    height: 17vh;
 
  }

  .carrusel-item img{
	  width: 90%;
	  height: 70%;
	  
	  
  }
  
  /*contacto */


    .contactanos1 h1{
       
        font-size: 20px;
   
  
       
    }


		.direccion img{
		margin-top: 4%;
    	width: 20%;
		margin-left: 40%;
		margin-right: 40%;

		}

        
    .direccion p{
        width: 90%;
        height: 50x;
		font-size: 12px;
		margin-left: 5%;
		margin-right: 5%;
		
    }






	
	.caja{
		margin-top: 1%;
		width: 135px;
		height: 200px;
		position: relative;
		margin-left: 0%;
		margin-right: 20%;
	
		
	  }
	
	

	 table {
		width: 100px;
		height: 100px;
		margin-right: 10%;
		position: relative;
		border-style: none;	
		font-size: 7px;
		}

		input{
		
			font-size: 10%;
		  }

		textarea{
			width: 100%;
			height: 100px;
			font-size: 10%;
		
	
		}
	
		.contenedor-footer{
		
			
				width: 100px;
				height: 113px;
				padding-bottom: 3px;
			
				
				  
			 }
				 
			
			.content-foo h4{
				width: 50%;
				margin-left: 25%;
				margin-right: 25%;
				font-size: 7px;
			
			
			}
			
			.content-foo p1{
				text-align: center;
				font-size: 5px;
			 
			}
			
			
			.content-foo li {
				visibility: hidden;
			   
			   
			}
			.content-foo li a{
				visibility: hidden;
			
			
			}
			
			.content-foo ul1{
				visibility: hidden;
				
			
			}
			
			.content-foo img{
				visibility: hidden;
				
				
				}
			
				.titulo-final{
					font-size: 7px;
					margin-top: 2%;
				
					
				 }
			}