*
{
	padding: 0;
	margin: 0;
}

/*	INDEX */

body
{

}

header
{
	width: 100%;
	position: relative;
	margin-bottom: 1%;
	display: table;
}


a
{
	text-decoration: none;
}

#caja1
{
	width: 20%;
	float: left;
	margin-left: 4%;
	margin-top: 1%;
}

#logo
{
	width: 100%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


#caja2
{
	width: 20%;
	float: right;
	margin-top: 4%;
	margin-right: 0%;
	padding: 1% 0% 1% 3%;
	text-align: left;
	border-left: 0.3vw solid;
	border-color: #c1c1c1;
	-webkit-transition:all 1700ms ease; 
	-o-transition:all 1700ms ease;
	transition:all 1700ms ease; 
}

#caja2:hover
{
	background: #E6E6E6;
	-webkit-transition:all 1700ms ease; 
	-o-transition:all 1700ms ease;
	transition:all 1700ms ease; 
}

#texto
{
	color: #585858;
	font-family: arial Narrow;
	line-height: 2.5vw;
	font-size: 1.3vw;
}

#texto1
{
	color: #fff;
	font-family: arial;
	font-size: 1.4vw;
	font-weight: bold;
}


.menu
{
	width: 100%;
	margin-top: 10px;
	background-color: #2e55ee;
	display: table;
}

.menu1
{
	width: 85%;
	margin: auto;
}

.caja3
{
	width: 9%;
	background: #2e55ee;
	padding: 1% 1.7%;
	float: left;
	text-align: center;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	color: #E0ECF8;
	font-family: Nobile;
	font-size: 0.8vw;
	border-color: #D8D8D8;
	border-left: 1px solid;
	-webkit-transition:all 1000ms ease; 
	-o-transition:all 1000ms ease;
	transition:all 1000ms ease; 
}

.caja3:hover
{
	background: #ffffff;
	color: #2E9AFE;
	-webkit-transition:all 1000ms ease; 
	-o-transition:all 1000ms ease;
	transition:all 1000ms ease;
	border-top-left-radius: 25%; 
}

#caja4
{
	width: 17%;
	text-align: left;
	padding: 1% 1% 0% 2%;
	margin-top: 3%;
	float: left;
	margin-left: 28%;
	font-family: arial Narrow;
	font-size: 1.2vw;
	color: #084B8A;

}


.icon-office
{
	font-size: 1.5vw;
	color: #585858;
}

section
{
	margin: auto;
	width: 90%;
	position: relative;
	display: table;
	margin-top: 2%;
}


.slideshow
{
 width: 100%;
 position: absolute;
}

.imagen
{
	width: 100%;
}

.previou
{
	width: 3%;	
	float: left;
	margin-left: 101%;
	margin-top: 14%;
	text-align: center;
}

.next
{
	width: 3%;	
	float: left;
	margin-left: -4%;
	margin-top: 14%;
	text-align: center;
}


.icon-izquierda, .icon-derecha
{
	color: #A4A4A4;
	font-size: 4vw;
}


.next:hover .icon-izquierda, .previou:hover .icon-derecha
{
	color: #0489B1;
	cursor: pointer;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


#seccion1
{
	margin: auto;
	background: #3F7FB3;
	width: 70%;
	position: relative;
	display: table;
	margin-top: 15%;
	padding: 7% 15%;
	color: #ffffff;
	font-family: arial Narrow;
	font-size: 1.1vw;
	line-height: 3vw;
}

.icon-user-check
{
	font-size: 1.8vw;
}


ul.a
{
	list-style-type:none;
}

li:hover
{
	color: #BEF781;
	cursor: pointer; 
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

#texto2
{
	color: #ffffff;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.8vw;
	padding-bottom: 2.5%;
}

#caja5
{
	width: 60%;
	float: left;
	margin-right: 10%;	
}



#caja6
{
	width: 25%;
	float: left;
}

#w
{
	width: 100%;
	border-radius: 10px;
	border: 3px solid ;
	border-color: #BDBDBD;
	-webkit-transition:all 800ms ease; 
	-o-transition:all 800ms ease;
	transition:all 800ms ease; 
}

#w:hover
{
	border-color: #0040FF;
	cursor: pointer;
	-webkit-transition:all 800ms ease; 
	-o-transition:all 800ms ease;
	transition:all 800ms ease; 
}

.imagen2
{
	width: 100%;
	margin-top: 4%;
	border:0.7vw solid #D8D8D8;
	-webkit-transition:all 600ms ease; 
	-o-transition:all 600ms ease;
	transition:all 600ms ease; 
}

.imagen2:hover
{
	opacity: 0.8;
	border-color: #338ED9;
	-webkit-transition:all 600ms ease; 
	-o-transition:all 600ms ease;
	transition:all 600ms ease; 
}


#seccion2
{
	margin: auto;
	background: #ffffff;
	width: 90%;
	position: relative;
	display: table;
	padding: 5%;
	color: #045FB4;
	font-family: arial Narrow;
	font-size: 1.2vw;
	line-height: 2vw;
}


.caja7
{
	width: 25%;
	margin-top: 2%;
	text-align: center;
	float: left;
	font-family: arial Narrow;
	color: #045FB4;
	margin-left: 6%;
}


footer
{
	background: #E6E6E6;
	width: 100%;
	bottom: 0;
	position: relative;
}


.icon-envelop, .icon-location2
{
	font-size: 1.6vw;
	padding-right: 1%;
}


#caja8
{
	width: 70%;
	background: #aeaeae;
	font-family: arial Narrow;
	font-size: 1vw;
	line-height: 2vw;
	color: #ffffff;
	float: left;
	padding: 2% 2%;
}

#caja9
{
	width: 21.9%;
	background: #aeaeae;
	font-family: arial Narrow;
	font-size: 1vw;
	line-height: 2vw;
	color: #ffffff;
	float: right;
	padding: 1.2% 1.5% 1.2% 2.5%;
}

#texto3
{
	color: #F2F2F2;
	font-family: arial Narrow;
	line-height: 2.5vw;
	font-size: 1vw;
}

.imagen3
{
	opacity: 1;
	width: 20%;
	margin-right: 5%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.imagen3:hover
{
	opacity: 0.6;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

#caja10
{
	width: 100%;
	background: #2e55ee;
	font-family: arial;
	font-size: 0.9vw;
	padding: 0.5% 0%;
	text-align: center;
	color: #fff;
	float: left;
}


.icon-facebook2
{
	color: #27578E;
	margin-left: 1%;
	font-size: 2.2vw;
}

.icon-instagram
{
	color: #cf1537;
	margin-left: 5%;
	font-size: 2.2vw;
}

.icon2-tiktok
{
	color: #2e3947;
	margin-left: 5%;
	font-size: 2.2vw;
}


.redes
{
	text-decoration: none;
}


/* FIN DE INDEX */


/* NOSOTROS */

#seccion3
{
	margin: auto;
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 5% 7% 2% 7%;
	color: #585858;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.7vw;
	text-align: justify;
}

#seccion3:hover
{
	background: #E6E6E6;
}

#texto4
{
	color: #045FB4;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 2vw;
}

/* FIN NOSOTROS */



/* STAFF */

#seccion4
{
	margin: auto;
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 4% 7% 3% 7%;
	color: #585858;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.7vw;
	text-align: left;
}


.caja11
{
	width: 29%;
	padding: 1% 2%;
	float: left;
	margin-left: 12%;
	margin-bottom: 1%;
	font-family: arial Narrow;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 

}

.caja11:hover
{
	background: #A4A4A4;
	border-radius: 10px;
	cursor: pointer;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

 .caja11:hover .icon-user-tie
{
	color: #ffffff;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja11:hover #texto5
{
	color: #ffffff;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja11:hover #texto6
{
	color: #ffffff;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


#texto5
{
	color: #2E2E2E;
	font-family: arial Narrow;
	font-weight: bold;
	font-size: 1.2vw;
	line-height: 1.7vw;
	text-align: left;
	margin-left: 8%;
}

#texto6
{
	color: #585858;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.7vw;
	text-align: left;
	margin-left: 8%;
}

.icon-user-tie
{
	margin-left: -10%;
	margin-right: 2%;
	font-size: 1.8vw;
	color: #0489B1;
}


/* FIN STAFF */


/* ESPECIALIDAD */


#seccion5
{
	margin: auto;
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 4% 7% 3% 7%;
}


.caja12
{
	width: 20%;
	padding: 1% 2%;
	float: left;
	margin-left: 10%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja13
{
	width: 40%;
	padding: 3% 2%;
	float: left;
	font-family: arial Narrow;
	font-size: 1.3vw;
	color: #585858;
	text-align: justify;
	line-height: 1.7vW;
	margin-left: 10%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


.caja14
{
	width: 40%;
	padding: 3% 2%;
	float: left;
	font-family: arial Narrow;
	font-size: 1.3vw;
	color: #585858;
	text-align: justify;
	line-height: 1.7vW;
	margin-left: 10%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja15
{
	width: 20%;
	padding: 1% 2%;
	float: left;
	font-family: arial Narrow;
	margin-left: 10%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja16
{
	width: 100%;
	background: #E6E6E6;
	display: table;
	margin-bottom: 1%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja16:hover
{
	background: #A9D0F5;
	cursor: pointer;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


.imagen4
{
	width: 100%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

#texto7
{
	color: #045FB4;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.7vw;
	text-align: left;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja16:hover .caja14
{
	color: #424242;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
} 

.caja16:hover .caja13
{
	color: #2E2E2E;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

.caja16:hover #texto7
{
	font-weight: bolder;
	color: #0174DF;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}

/* FIN ESPECIALIDADES */



/* SEDES */


#seccion6
{
	margin: auto;
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 3% 7% 2% 7%;
	color: #585858;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.7vw;
	text-align: justify;
}


.caja17
{
	width: 100%;
	background: #6E6E6E;
	display: table;
	margin-top: 2%;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}



#texto8
{
	color: #F2F2F2;
	background: #2E9AFE;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 2vw;
	padding: 1% 2%;
}

#texto9
{
	color: #F2F2F2;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 2vw;
	padding: 2% 2% 1% 2%;
}


#texto10
{
	color: #FA8258;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 2vw;
	padding: 1% 2%;
}

.icon-location
{
	margin-right: 0.5%;
	font-size: 1.8vw;
}



.icon-location:hover, #texto10:hover
{
	color: #A5DF00;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


.caja17:hover #texto8
{
	background: #58ACFA;
}

.icon-phone-hang-up
{
	margin-left: 1%;
	margin-right: 1%;
}

/* FIN SEDES */



/* INSTALACIONES */

#seccion7
{
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 2% 7% 1% 7%;
	margin-bottom: 1%;
	color: #585858;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 1.7vw;
}

.contenedor
{
	margin: auto;
	padding: 1% 0% 3% 0%;
	width: 90%;
	position: relative;
	display: table;
	margin-bottom: 5%;
}

.slideshow2
{
	width: 45%;
	margin: auto;
	position: absolute;
	margin-left: 29%;
}

.previou1
{
	width: 5%;	
	float: left;
	margin-left: 48.5%;
	margin-top: 10%;
	text-align: center;
}

.next1
{
	width: 5%;	
	float: left;
	margin-left: 22%;
	margin-top: 10%;
	text-align: center;
}

.next1:hover .icon-izquierda, .previou1:hover .icon-derecha
{
	color: #0489B1;
	cursor: pointer;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease; 
}


#nav 
{ 
	width: 75%; 
	float: right;
	margin-right: 11.5%;
	margin-top: 37%;
	border: 1px solid #fff;
}


#nav li 
{ 
	width: 8.4%; 
	float: left; 
	margin: 0.8%; 
	list-style: none;	
}

#nav li.activeSlide
{ 
	background: #88f
}

#nav a:focus 
{ 
	outline: none; 
}

#nav img 
{ 
	border: 0.5vh solid #fff; 
	display: block;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);	  
}

#nav li.activeSlide img
{ 
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

.imagen5
{
	width: 100%;
}

/* FIN INSTALACIONES */


/* CONTACTENOS */

#seccion8
{
	margin: auto;
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 3% 7% 1% 7%;
	color: #424242;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 2vw;
	text-align: justify;
}

.icon-clock2
{
	margin-right: 1vW;
	font-size: 2vw;
	color: #585858;
}


#caja18
{
	width:100%;
	margin:2% auto;
	padding: 0% 0% 3% 0%;
	border: 1px solid #BDBDBD; 
}

#texto11
{
	color: #ffffff;
	background: #0489B1;
	padding: 1.5%;
	margin-bottom: 2%;
	font-family: arial Narrow;
	font-size: 1.3vw;
	line-height: 2vw;
}

#texto12
{
	font-size:1.3vw;
	color: #01A9DB;
	line-height: 2.2vw;
	font-family: arial Narrow;
	margin-left: 28%;
}

.icon-compass
{
	margin-right: 1%;
}

#caja19
{
	width: 30%;
	color:#3b3b3c;
	font-family: Arial Narrow;
	border-radius: 2px;
	border: 1px solid;
	border-color: #BDBDBD;
	font-size: 1.3vw;
	padding: 0.5%;
	margin-bottom: 1.5%;
	margin-left: 28%;

}

#caja20
{
	width: 40%;
	color:#3b3b3c;
	font-family: Arial Narrow;
	font-size: 1.3vw;
	border-radius: 2px;
	padding: 1%;
	border: 1px solid;
	border-color: #BDBDBD;
	margin-left: 28%;
}

#caja21
{
	width: 30%;
	margin: 0px auto;
}

.boton
{
	width: 40%;
	color: #ffffff;
	background:#2E9AFE;
	border-radius: 2px;
	padding: 4%;
	border: 1px solid;
	border-color: #81CEFB;
	margin: 4.1%;
	position: relative;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.boton:hover
{
	border-color: #ffffff;
	background: #81CEFB;
	color: #585858;
	cursor: pointer;
	-webkit-transition:all 400ms ease; 
	-o-transition:all 400ms ease;
	transition:all 400ms ease;  
}

/* FIN CONTACTENOS */ 




/* TESTIMONIOS */


#seccion9
{
	margin: auto;
	margin-bottom: 30%;
	background: #ffffff;
	width: 86%;
	position: relative;
	display: table;
	padding: 3% 7% 1% 7%;
	color: #424242;
	font-family: arial Narrow;
	font-size: 1.2vw;
	line-height: 2vw;
	text-align: justify;
}

.opcion0
  	{
  		list-style:none;
  		margin-top: 1%;
  		margin-left: 14.5%;


  	}

.opcion1
	{
		display: inline-block; 
  		height: 18px;
  		position: relative;
  	}

.opcion2 
	{   
		float: left; 
		padding: 5px 20px; 
		list-style: none; 
		border: 1px solid #848484;
		solid #999;
		text-decoration: none;
  		color:	#0080FF;
  		font-size: 1.2vw;
   
	}

.opcion2:hover  
	{   
		background-color: #999; 
		color: #FFF;
	}

.opcion2.aqui  
	{   
		background-color: #333; 
		color: #FFF; 
		box-shadow: 3px 0px 2px #ccc;
		-webkit-box-shadow: 3px 0px 2px #ccc; 
		-moz-box-shadow: 3px 0px 2px #ccc;
	}

#contenido_pestanas div
	{   
		position: relative;
		border: 1px solid #A4A4A4; 
		width: 50%;
		margin-left: 17.5%;
		margin-top: 2%;
		background: #fff; 
		padding: 20px;
		box-shadow: 3px 3px 2px #ccc;
        -webkit-box-shadow: 3px 3px 2px #ccc; 
        -moz-box-shadow: 3px 3px 2px #ccc;
    }

    #texto13
{
	font-size:1.3vw;
	color: #01A9DB;
	line-height: 1.8vw;
	font-family: arial Narrow;
}

    #texto14
{
	font-size:1.3vw;
	color: #424242;
	font-family: arial Narrow;
	line-height: 1.8vw;
}