@charset "utf-8";
/* CSS Document */
/*ventana modal*/
.modal{
	width: 100%;
	height: 100vh;
	background-color:rgba(169, 169, 169, 0.651);

	position: fixed;
	top:0;
	left:0;
	z-index: 50;

	display:flex; 	

	animation:modal 2s 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
	opacity: 0;

}
#src{
	width:100%;
	height: 100%;
	margin-left:50px;
	align-content: center;
}
#promo{
	width: 500px;
	height: auto;
}
.promo{
	margin:auto;
	width: 500px;
	height: 400px;
	background-color: #FFF;
	border-radius: 10px;
	align-content: center;
}
#mpbtm{
	margin-left:40%;
}
#cerrar{
	display:none;
}
#cerrar + label {
	position:fixed;
	color:#FFF;
	font-size: 25px;
	text-align: center;
	font-family: VERDANA;
	z-index: 80;
	background-color: blue;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 10px;
	cursor:pointer;
	animation:modal 2s 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
	opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .modal{
	display: none;
}

@keyframes modal{
	100%{
		visibility: visible;
		opacity: 1;
	}
}


/*fin vetana modal*/
#contenedor{
	width:100%;
	height:8520px;

	}

	#sup{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-top:auto;
	position:fixed;
	background-color:#CCC;
	
}
#logo{
		width:50%;
		height:80px;
		margin:auto;
		margin-top:6px;
		background-size:contain;
		position:static;
		background-image:url(images/encabezado%20de%20pagina.png);
		background-repeat:no-repeat;
		background-position:center;		
	}
	
/* -----> menu <------- */
.seccion{
	text-align:center;
}

#menu ul {
 list-style:none;
 width:100%;
 margin:auto;
 margin-top:3px;
 alignment-adjust:auto;
 position:fixed absolute;

}

/* ESTILO BOTONES */

#menu ul li {
 background-color:#CCC;
 alignment-adjust:center;
 width:18%;
 
}

/* BOTONES MENU */

#menu ul a {
 display:block;
 color:#06C;
 text-decoration:none;
 font-weight:400;
 font-size:20px;
 padding:10px;
 font-family:AUDIOWIDE;
 text-transform:uppercase;
 letter-spacing:1px;
}

/* items del menu */

#menu ul li {
 position:relative;
 float:left;
 margin:0;
 padding:0;
 font-size:10px;
 color:#FFF; 
}

/* efecto al pasar el ratón por los items del menu */

#menu ul li:hover {
 background:#999;
}
/* menu desplegable */

#menu ul ul {
 display:none;
 position:absolute;
 top:100%;
 font-size:14px;
 left:0;
 background:#60f;
 padding:0;
}

/* items del menu desplegable */

#menu ul ul li {
 float:none;
 width:100%;
 margin-left:0;
}

/* Submenu */

#menu ul ul a {
 line-height:100%;
 font-size:14px;
 font-weight:normal;
 margin-top:0;
 color:#f9f9f8;
 background-color:#A8A8A8;
 text-decoration:underline;

  
}
/* items del menu desplegable al pasar el ratón */
#menu ul li:hover > ul {
 display:block;
 background:#F00;
}
/* ------> FIN MENU <-------*/
/* --->carrusel<----*/
#sl{
	width:100%;
	overflow:hidden;
	height:695px;
	background-color:#CCC;
	
}
	#slider{
		width:8000px;
		height:440px;
		margin-top:136px;
		background-color:#CCC;
		background-image:url(images/carrusel.png);
		background-size:100% 100%;
		animation: slider 30s infinite alternate linear;
		}
@keyframes slider{
	to{
		background-position:-6600px;
	}
}
/*--- FIN CARRUSEL ---*/

#historia{
	width:100%;
	height:665px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}
#titnos{
	font-size: 24px;
	font-family:Audiowide;
	text-align: center;
	font-weight: bold;
	margin-top:15px;
}
	#nos1{
		width:95%;
		height:auto;
		margin-top:35px;
		float:none;
	}
	#imgnos{
		width:47%;
		height:auto;
		margin-top:35px;
		float:left;
	}
	#imghist{
		width:100%;
		height:100px;
		margin-top: 0px;
		margin-left:5%;
		margin-right:auto;
		float:none;
		background-image:url(images/encabezado%20de%20pagina.png);
		background-size:50%;
		background-repeat:no-repeat;
		background-position:center;
	}
	#tline{
		width:100%;
		height:75px;
		margin-left:5%;
		margin-right:auto;
		background-image:url(images/tline.PNG);
		background-size:60%;
		background-repeat:no-repeat;
		background-position:center;
	}	
	#txtnos{
		width:94%;
		height:auto;
		margin-top: 5px;
		margin-left:5%;
		margin-right:10%;
		text-align:justify;
		font-size:20px;
		font-family:Calibri;
		}

#misvis{
	width:90%;
	height:230px;
	margin:auto;
	margin-top:60px;
	float:none;
}
#mis{
	width:45%;
	height:auto;
	margin-top: 5px;
	margin-left:auto;
	float:left;
}
	#misionman{
		width:20%;
		height:135px;
		margin-left:5%;
		float:left;
		background-image:url(images/mision_man.PNG);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	#mision{
		width:100%;
		margin-left:5%;
		font-family:Calibri;
		font-size:16px;
		text-align:justify;
	}
	#vis{
		width:50%;
		height:auto;
		margin-top:5px;
		margin-left:51%;
	}
	#visionman{
		width:20%;
		height:135px;
		margin-left:0%;
		margin-top:5px;
		float:left;
		background-image:url(images/vision_man.PNG);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#vision{
		width:65%;
		margin-left:5%;
		margin-top:0px;
		float:left;
		font-family:Calibri;
		font-size:16px;
		text-align:justify;
	}
	#valores{
		width:80%;
		height:60px;
		margin:auto;
		margin-top:0px;
		text-align:center;
		font-family:AUDIOWIDE;
		font-size:20px;
		color:#06C;
		font-weight:bold;
		float:none;
		}
		
	#servicios{
		width:90%;
		height:550px;
		margint-top:0px;
		margin:auto;
		font-family:Calibri;
		font-size:18px;
		}
		#proyicon{
			height:130px;
			width:20%;
			margin-left:1%;
			margin-top:100px;
			float:left;
			background-image:url(images/iconos/proyectos.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}
		#txtserv{
			width:56%;
			height:510px;
			margin-top:10px;
			margin-left:1%;
			float:left;
			text-align:justify;
		}
		#servicon{
			height:130px;
			width:20%;
			margin-left:1%;
			margin-top:100px;
			float:left;
			background-image:url(images/iconos/servicios.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}
	#areas{
		width:100%;
		height:2580px;
		font-family:calibri;
		font-size:18px;
		
		}
	.tit{
		width:100%;
		font-size: 24px;
		font-family:Audiowide;
		text-align: center;
		font-weight: bold;
		}
	
		#informatica{
			width:90%;
			height:640px;
			margin:auto;
			margin-top:135px;
			}
		#anclajeinfo{
			margin-top:0px;
		}
		#inforbox{
		width:50%;
		height:605px;
		margin-top:0;
		margin-left:auto;
		float:left;
	}
		#inforicon{
			width:20%;
			height:130px;
			margin-left:40%;
			margin-top:5px;
			background-image:url(images/iconos/informatica.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
			}
			#txtinfor{
			width:95%;
			height:450px;
			margin-top:6px;
			margin-left:3%;
			text-align:justify;
			}
		#redbox{
		width:49%;
		height:605px;
		margin-top:0;
		margin-left:auto;
		float:left;
		
	}
		#redicon{
			width:20%;
			height:130px;
			margin-left:40%;
			margin-top:5px;
			background-image:url(images/iconos/redes.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
			}
			#txtred{
			width:95%;
			height:450px;
			margin-top:6px;
			margin-left:3%;
			text-align:justify;
			}
			
		#segelec{
			width:90%;
			height:565px;
			margin:auto;
			margin-top:145px;
			}
		#cctvbox{
		width:50%;
		height:490px;
		margin-top:0;
		margin-left:auto;
		float:left;
	}
		#cctvicon{
			width:20%;
			height:130px;
			margin-left:40%;
			margin-top:5px;
			background-image:url(images/iconos/cctv.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
			}
			#txtcctv{
			width:95%;
			height:310px;
			margin-top:6px;
			margin-left:3%;
			text-align:justify;
			}
		#alrbox{
		width:49%;
		height:490px;
		margin-top:0;
		margin-left:auto;
		float:left;
		
	}
		#alricon{
			width:20%;
			height:130px;
			margin-left:40%;
			margin-top:5px;
			background-image:url(images/iconos/alarma.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
			}
			#txtalr{
			width:95%;
			height:240px;
			margin-top:6px;
			margin-left:3%;
			text-align:justify;
			}
		
		
		#acceso{
			width:90%;
			height:563px;
			margin:auto;
			margin-top:145px;
		}
			#accicon{
			width:20%;
			height:130px;
			margin-left:1%;
			margin-top:120px;
			float:left;
			background-image:url(images/iconos/acceso.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
			}
			#txtacc{
			width:78%;
			height:390px;
			margin-left:10%;
			margin-top:10px;
			text-align:justify;
			}
		/*#anclajeear{
			margin-top:100px;
		}*/
			
		#ear{
			width:90%;
			height:343px;
			margin:auto;
			margin-top:0px;
			font-family:calibri;
			font-size:18px;
		}
		#earbox{
			width:100%;
			height:310px;
			margin: auto;
			
		}
			#earicon{
			width:20%;
			height:130px;
			margin-left:1%;
			margin-top:35px;
			float:left;
			background-image:url(images/iconos/ear.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
			}
			#txtear{
			width:65%;
			height:280px;
			margin-left:24%;
			margin-top:20px;
			text-align:justify;
			}
			
		#ubicacion{
			width:90%;
			height:400px;
			margin:auto;
			margin-top:35px;
			font-family:calibri;
			font-size:18px;
			background-color:#fff;
		}
		#ubic{
			width:90%;
			height:320px;
			margin:auto;
			margin-top:10px;
			
			}
		#map{
			width:49%;
			height:280px;
			margin-top:33px;
			margin-left:5%;
			alignment:center;
			float:left;
		}
		.tit-{
			width:100%;
			height:28px;
			font-size: 22px;
			font-family:calibri;
			text-align: center;
			font-weight: bold;
			}
		#txtubic{
			width:35%;
			height:280px;
			margin-top:5PX;
			margin-left:3%;
			float:left;
			background-image:url(images/iconos/clientes.png);
			background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}
		
		#anclajecon{
			margin-top:0px;
		}
		#contacto{
			width:90%;
			height:480px;
			margin:auto;
			margin-top:140px;
			font-family:calibri;
			font-size:18px;
			background-color:#fff;
			}
		.tit-1{
			width:100%;
			height:28px;
			font-size: 20px;
			font-family:calibri;
			text-align: center;
			font-weight: bold;
			}
			#conbox{
				width:90%;
				height:450px;
				margin:auto;
				margin-top:10px;
			}
			#txtcon{
				width:40%;
				height:430px;
				margin-top:15px;
				margin-left:0%;
				float:left;
				}
						
			#horario{
				width:100%;
				height:70px;
				margin-top:10px;
			}
			#horicon{
				width:25%;
				height:66px;
				float:left;
				margin:auto;
				margin-top:0px;
				background-image:url(images/iconos/dir.PNG);
			background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}					
			#txthorario{
				width:73%;
				margin-left:auto;
				}
			#mail{
				width:100%;
				height:70px;
				margin-top:10px;
				display:flex;
				align-items:center;
			}
			#mailicon{
				width:25%;
				height:66px;
				float:left;
				margin:auto;
				
				background-image:url(images/iconos/mail.PNG);
			background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}					
			#txtmail{
				width:73%;
				height:30px;
				margin-left:auto;
				}
			#tel{
				width:100%;
				height:70px;
				margin-top:10px;
				display:flex;
				align-items:center;
			}
			#telicon{
				width:25%;
				height:66px;
				float:left;
				margin:auto;
				
				background-image:url(images/iconos/tel.PNG);
			background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}					
			#txttel{
				width:73%;
				height:30px;
				margin-left:auto;
				}
			#wsp{
				width:100%;
				height:70px;
				margin-top:10px;
				display:flex;
				align-items:center;
			}
			#wspicon{
				width:25%;
				height:66px;
				float:left;
				margin:auto;
				
				background-image:url(images/iconos/wsp.PNG);
			background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		}					
			#txtwsp{
				width:73%;
				height:30px;
				margin-left:auto;
				}
		
			#form{
				width:57%;
				height:430px;
				margin-top:15px;
				margin-left:3%;
				float:right;
			}
			#formulario{
				width:75%;
				height:auto;
				margin:auto;
			}

	#zocalo{
		width:100%;
		height:70px;
		background-color:#CCC;
		alignment-adjust:baseline;
		margin-top:0px;
		margin-left:opx;
		position:absolute;
		}
		#logozoc{
			width:25%;
			height:40px;
			margin-top:15px;
			margin-left:2%;
			background-image:url(images/encabezado%20de%20pagina.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		float:left;
			}
		#txtzocalo{
			width:35%;
			height:40px;
			font-family:Calibri;
			font-size:12px;
			font-color:#FFF;
			text-align:center;
			margin-top:15px;
			margin-left:3%;
			float:left;
			}
		#iglogo{
			width:5%;
			height:40px;
			float:left;
			margin-top:15px;
			margin-left:22%;
			background-image:url(images/instagram.png);
			background-repeat:no-repeat;
		background-position:center;
		background-size:contain;			
			}
		#fblogo{
			width:5%;
			height:40px;
			float:left;
			margin-top:15px;
			margin-left:1%;
			background-image:url(images/iconos/fb.JPG);
			background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
			}