@font-face {
    font-family:"Comfortaa";
    src: url(../fonts/Comfortaa.ttf) }
body { font-family: "Comfortaa", sans-serif;
 }

/*estilos de los textos del slider*/
.flex-caption {
  width: 50%;
  padding: 5px;
 margin-left: auto;margin-right: auto;
  bottom: 0;
  background: rgba(5, 45, 133, 0.4);
  color: black;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5;)
  font-size: 16px;
  line-height: 17px;border-radius: 0px;
 
  float: left;
  text-align: left;
}

.container-fluid .lista .enlace{color: #052D85;}
.container-fluid a{color: #052D85;}
.container-fluid .lista .enlace:hover {
	background-color:#052D85;
	 }
.container-fluid .lista .enlace:hover{
	color:#fff;}
.container-fluid{margin-top: 15px;
}
.collapse, .navbar-collapse,#navbarCollapse{ background-color:white;
	margin-left:auto;margin-right: auto;
border-top:  2px solid #052D85;
border-bottom:2px solid #052D85;}

.navbar-toggle{background-color:#052D85; }
span .bar {color:white;}
.navbar-nav{ border: 0px solid#052D85;

}
.nav  {border: solid 0px black; width: 92%;
 
}
 .lista {width: 20%;
border: solid 0px green;
background-color: white;

}
 
.lista a {text-align: center;
   border-radius: 3px;
}
.lista1{width: 20%;}
.navbar-brand {border: solid 0px black; padding: 0; 
}
.logo:hover {}
	
.logo {width: 70px; height: 53px;}
.enlace {padding: 0px;}
.primera {border: solid 0px black;}
.segunda {border: solid 0px rgb(5, 45, 133);
	/*background-color: rgba(5, 45, 133, 0.1);*/
	text-align: justify;
	border-radius: 3px;
	padding: 4px;
}
.medio{background-color: rgba(5, 45, 133, 0.1);
 margin-top: 20px;
 }
.texto{padding: 5px;}
.tercera {border: solid 1px #052D85; 
text-align: center;
margin: 18%  auto 10px auto;
border-radius: 3px;
height: 30px;
width: 95%;
background: rgba(5, 45, 133, 0.5);
  color: #fff;
}
.pie {width: 300px;margin-left: auto;
	margin-right: auto;
margin-top: 5px;}
.lola {border: solid 1px#052D85;overflow: hidden; }
#IrArriba {

position: fixed;
bottom: 44px; /* Distancia desde abajo */
right: 6px;   /* Distancia desde la derecha */

}

.arriba{width: 35px; height: 35px;}


.cabeceracontac{text-align: center;
  margin-top: 10px; color: #052D85;
border-bottom:  solid 1px#052D85;
margin-top: 30px;width: 80%;margin-left: 10%;}
.wasap {width: 40px; height: 
35px;margin-left: -20px;margin-top: -7px;}
.tel,.correo{margin-top: -7px;}
.numero{font-family: "Times New Roman", Georgia, Serif;
color: #052D85;}
.correo a{text-decoration: none;padding: 4px;
  border-radius: 4px;margin-top: -5px;
}
.correo a:hover{background-color: #052D85;
color: white;}
.centere{text-align: justify; font-size:17px; 
}
.parrafo{margin-top: 20px;}
.contacto {margin-top: 15px;}
.datos{}
.formulario{ margin-top: 20px; }
.empresa{display: none;}
.dr{ text-align: justify;}
.iz{text-align: justify;}
.parrafoiz{ text-align: center; margin-top: -10px;
}
.imagenempresa{border-radius: 6px;border: solid 1px#052D85;}

.parrafodr{background-color: rgba(5, 45, 133, 0.1);
  padding:10px; border-radius: 3px;}
.abra {border: 0px solid black;width: 40%;padding: 2px;padding-left: 10px;
background-color:#052D85;color: white;border-radius: 3px; }
.abra2{margin-left: 15px ;border: 0px solid black;width: 40%;
padding: 2px;padding-left: 10px;
background-color:#052D85;color: white;border-radius: 3px;}
.abra22{margin-top:0px;}
.abra222 {border: 0px solid black;width: 50%;padding: 2px;padding-left: 10px;
background-color:#052D85;color: white;border-radius: 3px; }

.co{border: 1px solid black;}

 article a img:hover {border: 1px solid #052D85;}


.gale {}
.datos {padding-left:3px;padding-right: 3px; background-color: white; border-radius: 3px;
color: #052D85; border: 1px solid #052D85;}




@media (max-width:768px) {
.nav {width: 100%;}
.lista a {text-align: left;
   border-radius: 3px;
}
.abra222{font-size:18px;width: 85%;margin: auto;text-align: center;}

.logo {width: 70px; height: 50px;}
.lista1,.lista{width:100% ;}
.numero{margin-left: -15px;}
.correo a{margin-left: -15px;}
}
@media (max-width:640px) {

article p {font-size:0px}
.abra{font-size:18px;}
.abra2{margin-top: 5px;font-size:18px}
.abra22{margin-top: 0px;}
.abra222{font-size:18px;width: 85%;margin: auto;}
.flex-caption {font-size: 11px;text-align: left;}
.datos {font-size: 10px;padding-left:3px;padding-right: 3px; background-color: white; border-radius: 3px;
color: #052D85; border: 1px solid #052D85;}
.venta {font-size: 10px;}
}