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

header{
	background-color: #000040;
	overflow: hidden;
	width: 100%; 
	display: flex;
	justify-content: center;
}

footer{
	clear:both;
	float:left;
	box-sizing:border-box;
	width:100%;
	color:rgb(255, 255, 255);
	background-color: #000040;
	padding:40px 40px 40px 100px;
	height: 200px;
	font-size: 15px;
}

.topleft {
  position: absolute;
  top: 210px;
  left: 20px;
  font-size: 18px;
}

.visit {
  position: absolute;
  top: 495px;
  left: 20px;
  font-size: 20px;
}

.visit a{
	font-weight:bold;
	color:white;	
}



@font-face {
	font-family: "Fact";
	src: url(  "../fonts/ParaType - Fact.otf");	
}


footer td{
	height: 40px;
	padding: 0px 10px 0px 0px;
}

footer img {
	height: 40px;
	width: 40px;
}

.contenedor{
	width:100%;	
	margin:0 auto;
	overflow:hidden;
}

.contenedorLogo{
	display: flex;
  	justify-content: center;
  	align-items: center;
  	height: 150px;
}

.contenedorLogo img{
	width:280px;
	height:50px;
}

.contenedorMenu{
	width:60%;
	display:flex;
	justify-content: center;
}

.contenedorSubmenu{
	width:100%;
	align-content: flex-end;
}

.titulos{
	height:65px;
	font-size: 20px;
	color:white;
	text-align: center;
	background-color: #0D113D;
	max-width: 1000px;
 	margin:auto;
	display: flex;
    align-items: center;
	justify-content: center;
	font-weight:lighter;
	font-family: "Fact";
}

* {box-sizing:border-box}

.slideshow-container{
	 max-width: 1000px;
	 position:relative;
	 margin:auto;
}

.textoBienvenida{
	position: absolute;
	left:50px;
	margin-top: 210px;
	font-weight:lighter;
	color:rgba(255,255,255,1.00);
	z-index: 2;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	animation-duration: 1.5s;
	animation-name: slideinTexto1;
}

@keyframes slideinTexto1{
	from {
		opacity: 0;
		margin-top: 280px;	
	}
	to{
		margin-top: 210px;
		opacity: 1;
	}
}
	
.textoBienvenida2{
	position: absolute;
	left:50px;
	margin-top: 230px;
	font-weight: bold;
	color:rgba(255,255,255,1.00);
	z-index: 2;
	font-size: 100px;
	font-family:Arial, Helvetica, sans-serif;
	animation-duration: 2.5s;
	animation-name: slideinTexto2;	
}

@keyframes slideinTexto2{
	from {
		opacity: 0;
		margin-top: 280px;	
	}
	to{
		margin-top: 230px;
		opacity: 1;
	}
}

.mitadLogo {
	font-size:25px;
	font-weight:normal;
}

.back_slide{
	max-width: 1000px;
 	position:absolute;
 	margin:auto;
	z-index: 1;
	opacity: .3;
}

.mySlides{
 display: none;
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:4s;
 animation-name:fade;
 animation-duration:4s;
}

@-webkit-keyframes fade{
 from{opacity:1}
 to{opacity:.7}
}

@keyframes fade{
 from{opacity:1}
 to{opacity:.7}
}

.contenedorServicios{
	max-width: 1000px;
 	margin:auto;
	display: flex;
    flex-wrap: wrap;	
	background-color:rgba(221,216,216,1.00);
}

.contenedorSingularServicio{
	width: 50%;
	height: 130px;
	vertical-align: middle;
	display: flex;
    align-items: center;
}

.contenedorSingularServicio img{
	width: 75px;
	heiht: 75px;
}

.inLeft {
	padding: 0px 10px 0px 170px;
}

.inRight {
	padding: 0px 110px 0px 60px;
}

.inServicio {
	padding: 0px 10px 0px 80px;
}

.contenedorSingularServicio td{
	font-size: 18px;
	color: #0D113D;
	padding: 0px 0px 0px 10px;
	font-family: "Fact";
}

.contenedorClientes{
	max-width: 1000px;
 	margin:auto;
    	justify-content: center;
	background-color:rgba(221,216,216,1.00);
}

.textoContenido{
	width: 80%;
	font-size: 18px;
	color: #0D113D;
	padding: 20px 20px 20px 20px;
	font-family: "Fact";
}

.contenedorClientesSub{
	max-width: 950px;
 	margin:auto;
	display: flex;
	flex-wrap: wrap;	
    justify-content: center;
	background-color:rgba(221,216,216,1.00);
}

.contenedorSingularCliente{
	width: 33%;
	height: 120px;
	vertical-align: middle;
	display: flex;
    align-items: center;
}

.contenedorSingularCliente img{
	width: 60px;
	heiht: 60px;
}

.contenedorSingularCliente td{
	font-size: 18px;
	color: #0D113D;
	padding: 0px 5px 0px 5px;
	font-family: "Fact";
}

.test {
	padding: 20px;
	width:25%;
	text-align: left;
	font-size: 18px;
	color:#3875c7;
	font-weight: bolder;
	font-family: "Fact";
}

.centerSide {
	padding: 20px 20px 0px 20px;
	width:100%;
	text-align: center;
	font-size: 16px;
	color:#0D113D;
	font-weight: bolder;
	font-family: "Fact";
}

.leftSide {
	padding: 20px;
	width:25%;
	text-align: left;
	font-size: 18px;
	color:#0D113D;
	font-weight: bolder;
	font-family: "Fact";
}

.leftSide2 {
	padding: 20px;
	width:25%;
	text-align: left;
	font-size: 18px;
	color:#0D113D;
	font-weight: bolder;
	font-family: "Fact";
	background-color: #000040;
}

#aboutus {
	background-image:url(image_1.jpg);
}

.rightSide {
	padding: 20px;
	width:75%;
	text-align: justify;
	color: #0D113D;
	font-size: 18px;
	font-family: "Fact";
}

.rightSide2 {
	padding: 20px 20px 20px 180px;
	width:75%;
	text-align: justify;
	color: #0D113D;
	font-size: 16px;
	font-family: "Fact";
}

.white-with-blue-shadow {
   text-shadow: 1px 1px 2px #0D113D, 0 0 .1em #0D113D;
   color:white;
   font: "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}

hr {
	width:90%; 
	margin:0 auto; 
	border-top:1px solid #0D113D;
}

.contenedorGente{
	max-width: 1000px;
 	margin:auto;
    justify-content: left;
	background-color:rgba(221,216,216,1.00);
	padding: 40px 0px 0px 0px;
	font-family: "Fact";
}

.contenedorGenteSub{
	max-width: 950px;
 	margin:auto;
	display: flex;
	flex-wrap: wrap;	
    justify-content: left;
	background-color:rgba(221,216,216,1.00);
}

.contenedorSingularGente{
	width: 33%;
	height: 90px;
	vertical-align: middle;
	display: flex;
    align-items: left;
}

.inGente {
	padding: 0px 15px 0px 15px;
}

.nombre{
	font-size: 14px;
	color:rgba(172,3,6,1.00);
	font-weight: bolder;
}

.nuestraGente{
	font-size:15px;
	color:rgba(172,3,6,1.00);
}

.puesto{
	font-size: 13px;
	color: gray;
}

.contenedorHistorial{
	max-width: 1000px;
 	margin:auto;
    justify-content: left;
	background-color:rgba(221,216,216,1.00);
	font-family: "Fact";
}

.contenedorHistorialSub{
	max-width: 950px;
 	margin:auto;	 
	display:flow-root;
	padding: 30px;
}

.titulo{
	font-size: 16px;
	color:rgb(172, 3, 6);
	font-weight: bolder;
}

.tituloAzul{
	font-size: 16px;
	color:#251EBD;;
	font-weight: bolder;
}

.tituloNegro{
	font-size: 16px;
	color:#0D113D;;
	font-weight: bolder;
}

.tituloNegroU{
	font-size: 16px;
	color:#0D113D;
	font-weight: bolder;
	text-decoration: underline;
}

.tituloNegroItalic{
	font-size: small;
	color:#0D113D;
	font-style:italic;
}

.texto{
	font-size: 16px;
	color:#0D113D;
	font-weight: normal;
	text-align: justify;
}

.textoBold{
	font-size: 16px;
	color:#0D113D;
	font-weight: normal;
	text-align: justify;
	font-weight: bolder;
}

.tituloThin{
	font-size: 16px;
	color:rgba(172,3,6,1.00);
	font-weight: normal;
}

.contenedorComunicado{
	max-width: 1000px;
 	margin:auto;
    justify-content: left;
	background-color:rgba(221,216,216,1.00);
	font-family: "Fact";
}

.contenedorComunicadoSub{
	max-width: 950px;
 	margin:auto;	 
	display:flow-root;
	padding: 30px;
}

.titulosComunicado{
	text-align: center;
 	position:relative;
 	margin:auto;
}

.contenidoResaltado{
	color:#251EBD;
	font-weight: bold;
}

.contenidoBlue{
	color:#251EBD;
}

.map{
	border:thin;
	width:auto;
}

@media (max-width: 990px) {
	
	.visit {
	  position: absolute;
	  top: 231px;
	  left: 20px;
	  font-size: 15px;
	}

	.contenedor{
		width:100%;
		align-items: center;
	}
	
	header{
		display:list-item;
  		justify-content: center;
	}
	
	.contenedorLogo{
		width:100%;
		height:80px;	
		justify-content: center;
	}
	
	.contenedorLogo img{
		width:140px;
		height:25px;
	}	

	.contenedorMenu{
		width:100%;	
		justify-content: center;
	}
	
	footer{
		font-size: small;
		padding:20px 20px 20px 40px;
	}
	
	footer img {
		height: 30px;
		width: 30px;
	}
	
	.titulos{
		height: 50px;
		font-size: 15px;
	}
	
	.textoBienvenida{
		left:50px;
		margin-top: 95px;
		font-size: 25px;
	}
	
	@keyframes slideinTexto1{
		from {
			opacity: 0;
			margin-top: 195px;	
		}
		to{
			margin-top: 95px;
			opacity: 1;
		}
	}	
	
	.textoBienvenida2{
		left:50px;
		margin-top: 125px;
		font-size: 25px;
	}
	
	@keyframes slideinTexto2{
		from {
			opacity: 0;
			margin-top: 145px;	
		}
		to{
			margin-top: 125px;
			opacity: 1;
		}
	}
	
	.mitadLogo {
		font-size:16px;
	}	
	
	.textoContenido {
		font-size: 15px;
		font-family: "Fact";
	}
	
	.leftSide {
		display:none;
	}
	
	.leftSide2 {
		display:none;
	}

	.rightSide {
		width:100%;
		font-size: 15px;
		padding: 0px 20px 0px 20px;
		font-family: "Fact";
	}
	
	.inGente {
		padding: 0px 20px 0px 40px;
	}
	.titulo{
		font-size: 14px;
	}

	.texto{
		font-size: 14px;
	}

	.tituloThin{
		font-size: 14px;
	}
	.tituloNegroU{
		font-size: 14px;
	}	
	a {
		font-size: 14px;
	}
	.titulos{
		font-size: 16px;
	}
	
	iframe {
		width: 350px;
		height: 270px;
	}
	
	.inLeft {
		padding: 0px 0px 0px 30px;
	}

	.inRight {
		padding: 0px 0px 0px 30px;
	}
}