@charset "utf-8";
/* CSS Document */
*{margin:0;
padding:0;
}

html {
	padding:0px;
	margin:0px;
	height:100%;
	overflow-x: scroll;
	background-color:#ffffff;
	overflow-y: scroll;
}

#body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align:center;
}

#contenedor {
	background-color: #FFF; 
	position: relative;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	height: 720px;
}

#header {
	height: 197px;
	width: 1280px;
	background-image: url(img/index/headerindex.png);
}
#seccion {
	height: 600px;
	width: 1280x;
	margin-right: auto;
	margin-left: auto;
}
/*INICIO botones INDEX*/
/*control acceso*/
#controlacceso a {
	height: 155px;
	width: 197px;
	margin-top: 42px;
	margin-left: 187px;
	text-decoration: none;
	position: absolute;
}
#controlacceso a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*cctv*/
#cctv a {
	height: 155px;
	width: 197px;
	margin-top: 42px;
	margin-left: 425px;
	text-decoration: none;
	position: absolute;
}

#cctv a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*intrusion*/
#intrusion a {
	height: 155px;
	width: 197px;
	margin-top: 42px;
	margin-left: 663px;
	text-decoration: none;
	position: absolute;
}

#intrusion a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*megafonia*/
#barrera a {
	height: 155px;
	width: 197px;
	margin-top: 42px;
	margin-left: 901px;
	text-decoration: none;
	position: absolute;
}

#barrera a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*servidorpc*/
#servidorpc a {
	height: 155px;
	width: 197px;
	margin-top: 238px;
	margin-left: 187px;
	text-decoration: none;
	position: absolute;
}
#servidorpc a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*mantenimiento*/
#mantenimiento a {
	height: 155px;
	width: 197px;
	margin-top: 238px;
	margin-left: 425px;
	text-decoration: none;
	position: absolute;
}

#mantenimiento a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*servicios*/
#servicios a {
	height: 155px;
	width: 197px;
	margin-top: 238px;
	margin-left: 663px;
	text-decoration: none;
	position: absolute;
}

#servicios a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*contacto*/
#contacto a {
	height: 155px;
	width: 197px;
	margin-top: 238px;
	margin-left: 901px;
	text-decoration: none;
	position: absolute;
}

#contacto a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*FIN botones INDEX*/

#footer {
	height: 90px;
	width: 1280;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(img/index/footer.png);
}

#footer h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	text-align: left;
	padding-left: 955px;
	padding-top: 10px;
}

#footer h1 a {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
}

#footer h1 a:hover {
	font-family: Verdana, Geneva, sans-serif;
	color: #CFDEED;
	text-decoration: none;
}


#footer .footer-links {
  /* tu config actual */
  display: block;           /* o display: table; si usaste esa opción */
  width: max-content;       /* si la usas para centrar */
  margin: 0 auto;           /* centrado horizontal */
  white-space: nowrap;

  /* nudge hacia arriba */
  transform: translateY(-8px);  /* ajusta -8px a -10px, -12px, etc. */
}


/* El resto igual que arriba */
#footer .footer-links a { color:#FFF; text-decoration:none; font-family: Verdana, Geneva, sans-serif; }
#footer .footer-links a:hover { color:#CFDEED; text-decoration: underline; }
#footer .footer-links .sep { margin: 0 10px; opacity: .7; }


#caja {
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px
	color: #333333;
	height: 500px;
	width: 924px;
	margin-top: 11px;
	margin-left: 314px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: absolute;
	background-color:#FFF;
}

#return a {
	height: 197px;
	width: 267px;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	position: absolute;
}
#return a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*INICIO botones VERTICAL*/
/*control acceso*/
#controlaccesovertical a {
	height: 47px;
	width: 243px;
	margin-top: 11px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;

}
#controlaccesovertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*cctv*/
#cctvvertical a {
	height: 47px;
	width: 243px;
	margin-top: 73px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}

#cctvvertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*intrusion*/
#intrusionvertical a {
height: 47px;
	width: 243px;
	margin-top: 135px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}

#intrusionvertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*megafonia*/
#barreravertical a {
	height: 47px;
	width: 243px;
	margin-top: 197px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}

#barreravertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*servidorpc*/
#servidorpcvertical a {
	height: 47px;
	width: 243px;
	margin-top: 259px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}
#servidorpcvertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*mantenimiento*/
#mantenimientovertical a {
	height: 47px;
	width: 243px;
	margin-top: 321px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}

#mantenimientovertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*servicios*/
#serviciosvertical a {
	height: 47px;
	width: 243px;
	margin-top: 383px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}

#serviciosvertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*contacto*/
#contactovertical a {
	height: 47px;
	width: 243px;
	margin-top: 445px;
	margin-left: 16px;
	text-decoration: none;
	position: absolute;
}

#contactovertical a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#cajacontactotexto {
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
	height: 375px;
	width: 864px;
	margin-top: 11px;
	margin-left: 374px;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: absolute;
}
/*FIN botones VERTICAL*/

/*
-------------------------------------------------------------------------------------------------------------------------------------------
*/

/*ACCESOS*/
#headeracceso {
	height: 197px;
	width: 1280px;
	background-image: url(img/headercontrolaccesos.png);
}

#columaccizq {	
	font-family: Verdana, Geneva, sans-serif;
	position: absolute;
	top:180px;
	left:0px;
	height: 300px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
}

#columaccen {
	font-family: Verdana, Geneva, sans-serif;
	position: absolute;
	top:180px;
	margin-left:308px;
	height: 300px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
		
}
#columaaccder {
	font-family: Verdana, Geneva, sans-serif;
	position: absolute;
    top:180px;
	right: 0px;
    width: 308px;
	height: 300px;
    background-color:#FFF;
	text-align:justify;
}
#textoaccesofinal{
	font-family: Verdana, Geneva, sans-serif;
	position:absolute;
	top:140px;
	margin-top: 300px;
}
/*ACCESOS FINAL*/

/*CCTV*/
#headercctv {
	height: 197px;
	width: 1280px;
	background-image: url(img/headercctv.png);
}

#columcctvizq {	
	position: absolute;
	top:180px;
	left:0px;
	height: 300px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
}
#columcctvcen {
	position: absolute;
	top:180px;
	margin-left:308px;
	height: 300px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
	
}
#columcctvder {
	position: absolute;
	top:180px;
    right: 0px;
    width: 308px;
	height: 300px;
    background-color:#FFF;
	text-align:justify;

}

#textocolumnaprimera{
	font-size:18px;
	font:bold;
	font-family: Verdana, Geneva, sans-serif;
	padding-right: 20px;
	padding-left: 20px;
	padding-top:0px;
	text-align:center;
		}

#textocolumnasegunda{
	font-size:16px;
	font:bold;
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
	padding-left:80px;
}

#textocctvfinal{
	position:absolute;
	top:140px;
	margin-top: 300px;
}


/*CCTV FINAL*/

/*INTRUSION*/

#headerintrusion {
	height: 197px;
	width: 1280px;
	background-image: url(img/headerintrusion.png);
}
#columintizq {	
	position: absolute;
	top:180px;
	left:0px;
	height: 300px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
}
#columintcen {
	position: absolute;
	top:180px;
	margin-left:308px;
	height: 300px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
	
}
#columintder {
	position: absolute;
	top:180px;
    right: 0px;
    width: 308px;
	height: 300px;
    background-color:#FFF;
	text-align:justify;
}
#textointfinal{
	position:absolute;
	top:140px;
	margin-top: 300px;
}
/*INTRUSION FINAL*/

/*BARRERA*/
#headerbarrera {
	height: 197px;
	width: 1280px;
	background-image: url(img/headerbarrera.png);
}

#textobarfinal{
	position:absolute;
	top:140px;
	margin-top: 300px;
}
#imgbarr{
	position:absolute;
	margin-top: 0px;

}
#imgbarr{
	position: absolute;
	top:180px;
	margin-left:5px;
	height: 227px;
	width: 303px;
	background-color:#FFF;
	text-align:justify;

}
#imgbarr2{
	position: absolute;
	top:180px;
	margin-left:500px;
	height: 227px;
	width: 303px;
	background-color:#FFF;
	text-align:justify;

}
/*BARRERA FINAL*/

/*SERVIDOR*/
#headerservidor {
	height: 197px;
	width: 1280px;
	background-image: url(img/headerservidor.png);
}

#columservidorizq {	
	position: absolute;
	top:80px;
	left:0px;
	height: 350px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
}
#columservidorcen {
	position: absolute;
	top:80px;
	margin-left:308px;
	height: 350px;
	width: 308px;
	background-color:#FFF;
	text-align:justify;
	
}
#columservidorder {
	position: absolute;
	top:80px;
    right: 0px;
    width: 308px;
	height: 350px;
    background-color:#FFF;
	text-align:justify;

}
#textoservidorfinal{
	position:absolute;
	top:140px;
	margin-top: 300px;
   	}

/*SERVIDOR FINAL */

/*MANTENIMIENTO*/

#headermante {
	height: 197px;
	width: 1280px;
	background-image: url(img/headermante.png);
}
#textomantefinal{
	position:absolute;
	top:140px;
	margin-top: 300px;
}


/*MANTENIMIENTO FINAL*/

/*SERVICIOS*/
#headerservicio {
	height: 197px;
	width: 1280px;
	background-image: url(img/headerservicios.png);
}

#textoservfinal{
	position:absolute;
	top:140px;
	margin-top: 300px;
}

#subserv{
	text-decoration:underline;
	
}

#imgserv{
	position:absolute;
	margin-top: 40px;

}

/*SERVICIOS*/

/*CONTACTO*/
#headercontacto {
	height: 197px;
	width: 1280px;
	background-image: url(img/headercontacto.png);
}

#cajacontac {
	position: absolute;
	left:0px;
	height: 500px;
	padding-left:20px;
	padding-right:20px;	
	width: 400px;
	background-color:#FFF;
	text-align:center;	
	
}

#planomaps {
	position: absolute;
    right: 0px;
    width: 526px;
	height:500px;
    background-color:#FFF;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	border:0px;
}

#textocontac{
	position:absolute;
	top:0px;
	margin-top:0px;
	text-align:justify;
	width:410px;
}

#textocontacdirec{
	position:absolute;
	top:80px;
	margin-top:0px;
	text-align:left;
	width:410px;
	line-height:25px;


}
/*CONTACTO FINAL*/