/* CSS Document */
	html, body {
    height: 100%;
	width:1024px;
	background:#000;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
}
ul{
	list-style-type:none;}
link{ text-decoration:none;}
#header{width: 1024px;
height: 130px; background-image:url(../imagenes/header-superior.png);}
#banner{width: 1024px;
height: 433px;}
#cuerpo{width: 1024px;
float:left;
height: auto;
background-color: #D7D7D7;}
#footer{width:1024px; float:left;
height: 420px; background-image:url(../imagenes/footer/recuadro-footer.png);}
#navegadorPrincipal{
	margin-top:-20px}
.btn_seccion{
	float:right;
	}
#inicio{
	background-image:url(../imagenes/navegador/inicio.png);
	width:136px; height:42px;}
#inicio:hover{
	background-image:url(../imagenes/navegador/inicio-hover.png);}
	
	#servicios{
	background-image:url(../imagenes/navegador/servicio.png);
	width:136px; height:42px;}
#servicios:hover{
	background-image:url(../imagenes/navegador/servicio-hover.png);}
	
	#galeria{
	background-image:url(../imagenes/navegador/galeria.png);
	width:136px; height:42px;}
#galeria:hover{
	background-image:url(../imagenes/navegador/galeria-hover.png);}
	
	#nosotros{
	background-image:url(../imagenes/navegador/nosotros.png);
	width:136px; height:42px;}
#nosotros:hover{
	background-image:url(../imagenes/navegador/nosotros-hover.png);}
	
#contacto{
	background-image:url(../imagenes/navegador/contacto.png);
	width:136px; height:42px;}
#contacto:hover{
	background-image:url(../imagenes/navegador/contacto-hover.png);}	
.naveg{background-image: url(../imagenes/navegador-central/fondo-boton-central.png);
background-repeat: no-repeat;
height: 200px;
background-size: 300px 210px;
float: left;
margin-left: 30px;
width: 300px;
border-radius:20px;
}
.navegimg{
width: 240px;
height: 115px;
margin-left: 25px;
margin-top: 10px;
}

#sistemas{ 
background-image: url("../imagenes/navegador-central/subsistemas.png");
background-repeat: no-repeat;}

#sistemas:hover{ 
background-image: url("../imagenes/navegador-central/subsistemas-hover.png");
}


#cableado{
background-image: url("../imagenes/navegador-central/cableado-estructurado.png");
background-repeat: no-repeat;	
	}

#cableado:hover{
background-image: url("../imagenes/navegador-central/cableado-estructurado-hover.png");
	}
		

#certificado{
background-image: url("../imagenes/navegador-central/certificaciones.png");
background-repeat: no-repeat;
	}

#certificado:hover{
background-image: url("../imagenes/navegador-central/certificaciones-hover.png");

	}	

.desc_naveg{
width: 250px;
margin-left: 25px;
font-family: verdana;
font-size: 12px;
color:#154A6C;
text-align:center;
}	

#menu-lista{
	  list-style-type:none;}

#menu-lista li{
	margin-left:24px; width: 190px; height:28px;background-repeat:no-repeat;}

#menu-img{
	margin-bottom:10px;}

#inicio-li{
	background-image:url(../imagenes/footer/menu/inicio.png);}
#inicio-li:hover{background-image:url(../imagenes/footer/menu/inicio-hover.png);}

#nosotros-li{
	background-image:url(../imagenes/footer/menu/nosotros.png);}
#nosotros-li:hover{background-image:url(../imagenes/footer/menu/nosotros-hover.png);}	
			
#servicios-li{
	background-image:url(../imagenes/footer/menu/servicios.png);}
#servicios-li:hover{background-image:url(../imagenes/footer/menu/servicios-hover.png);}	

#galeria-li{
	background-image:url(../imagenes/footer/menu/galeria.png);}
#galeria-li:hover{background-image:url(../imagenes/footer/menu/galeria-hover.png);}	

#contacto-li{
	background-image:url(../imagenes/footer/menu/contacto.png);}
#contacto-li:hover{background-image:url(../imagenes/footer/menu/contacto-hover.png);}	

#cableado-estructurado-li{
	background-image:url(../imagenes/footer/menu/cableado-estructurado.png);}
#cableado-estructurado-li:hover{background-image:url(../imagenes/footer/menu/cableado-estructurado-hover.png);}	

#subsistemas-li{
	background-image:url(../imagenes/footer/menu/subsistemas.png);}
#subsistemas-li:hover{background-image:url(../imagenes/footer/menu/subsistemas-hover.png);}	


#certificaciones-li{
	background-image:url(../imagenes/footer/menu/certificaciones.png);}
#certificaciones-li:hover{background-image:url(../imagenes/footer/menu/certificaciones-hover.png);}	

.correoContacto{width: 330px;
height: 25px;
font-family: verdana;
font-size:12px;
color: #918E8F;}	

.nombreContacto{width: 250px;
height: 25px;

font-family: verdana;
font-size:12px;
color:#918E8F}	

#contactoTitulo{background-image:url(../imagenes/footer/contacto.png); background-repeat:no-repeat;height: 40px;
margin-top: 17px; width:215px;}

#contDatos{
	height:60px;
	width:auto;
	margin-top: 20px;}
	
#tituloUbicacion{
	background-image:url(../imagenes/footer/ubicacion.png); background-repeat:no-repeat;height: 40px;
margin-top: 17px; margin-left:50px; width:215px;}

#contenedorSucursal{
	font-family: verdana;
	font-size:12px;
color: #918E8F;
width: 250px;
height: ;
margin-top: 10px;
margin-left: 50px;}	


	
#navCentral{
	width:auto; height:200px;}	
	
#tituloProyectos{
	width:auto; height:43px; background-image:url(../imagenes/subtitulos/ultimos-proyectos.png); background-repeat:no-repeat; margin-top:25px;margin-left: 35px;}	
	
#scrollProyectos{
	width: 919px;
height: 220px;
margin-top: 30px;
background-image:url(../imagenes/navegador-central/fondo-imagenes.png);
background-repeat:no-repeat;
margin-left: 62px;}

#tituloEstructurado{
	width:345px; height:43px; margin-top:60px; background-image:url(../imagenes/subtitulos/cableado-conectividad_01.png); background-repeat:no-repeat; float:left; margin-left:35px;}
	
#tituloRedes{
		width:345px; height:43px; margin-top:60px;  background-image:url(../imagenes/subtitulos/cableado-conectividad_02.png); background-repeat:no-repeat; float:left;}	
		
#contenedorRedes{
	width: 919px;
height: 220px;
margin-top: 130px;
background-image:url(../imagenes/certificaciones/fondo-certificaciones.png);
background-repeat:no-repeat;
margin-left:65px}	

#menuFooter{
	width:340px; height:290px; float:left;}	
	
#contactoFooter{
	width:340px; height:300px; float:left;}	
	
#ubicacionFooter{
	width:340px; height:300px; float:left;}	
	
#separador1{
	width:auto; height:30px;}	
#separador2{
	width:auto; height:10px;}		

/*NOSOTROS*/

#tituloNosotros{
	background-image:url(../imagenes/titulos/nosotros.png); width:auto; height:82px; background-repeat:no-repeat;}
	
#descripcionNosotros{
	width:980px; height:330px; font-family:verdana; font-size:14px; color:#154A6C;}
	
#divisionFranja{width:auto; height:10px; background-image:url(../imagenes/nosotros/franja-division.png); background-repeat:no-repeat; margin-left:50px;}

#contenedorMision{
	height:280px; font-family:verdana; font-size:14px; color:#154A6C;}
	
#tituloMision{
	background-image:url(../imagenes/nosotros/mision-vision.png); height:50px; width:auto; background-repeat:no-repeat; margin-left:50px;}	

#contenedorObjetivo{
	height:150px; width:auto; font-family:verdana; font-size:14px; color:#154A6C;}

#tituloObjetivo{background-image:url(../imagenes/nosotros/objetivo.png); height:50px; margin-left:50px; width:auto; background-repeat:no-repeat;}

#contenedorFilosofia{
	height:150px; width:auto; font-family:verdana; font-size:14px; color:#154A6C;}
	
#tituloFilosofia{
	background-image:url(../imagenes/nosotros/filosofia.png); height:50px; margin-left:50px; width:auto; background-repeat:no-repeat;}			
	
/*CONTACTO*/
#contContacto{
width: 878px;
height: 630px;
margin-left: 7%;}	

#frmContacto{
	width:448px; float:left;      
	height: 610px;
    background-size: 100% 100%;
    background-repeat: no-repeat; color:#FFF;  background-image:url(../imagenes/contacto/fondo-contacto_01.png);}

#imgContacto{
	position: absolute;
margin-left: -30px;
margin-top: -5px;}
	
#contCampos{height:auto; width:auto; margin-left:50px; margin-top:60px;}
	
.inputsContacto{
	width:300px; height: 18px;
border-radius: 25px;}	

#areaComentario{width:300px; height: 100px;
border-radius: 10px;}

#datosContacto{
	width:430px; float:right; background-image:url(../imagenes/contacto/fondo-contacto_02.png);
    height: 610px;
    background-size: 100% 100%;
    background-repeat: no-repeat;}
	
#correosContacto{
	width:auto; height:150px;}
	
#direccionesContacto{
	width:auto; height:247px;}
	
#submitContacto{
	display:inline-block;
	background-color:transparent;
	border:none;
	background-image:url(../imagenes/contacto/enviar.png);
	background-repeat:no-repeat;
	text-decoration:none;
	width:140px;
	height:35px;
	cursor:pointer;}
	
#btnEnviar{
	float: right;
margin-top: 20px;
margin-right: 20px;}	

#contMapas{
	width:924px; height:350px; margin-left:50px;}
	
#tituloMatriz{
	background-image:url(../imagenes/contacto/mapa-matriz_01.png); background-repeat:no-repeat; width: 90%;
height: 25px;
margin-left: 70px;
float:left;
    background-size: 100%;}

#tituloSucursal{
	background-image:url(../imagenes/contacto/sucursal.png); background-repeat:no-repeat; width: 300px;
height: 25px;
margin-right: 115px; float:right;}

#matrizMapa{
	width:100%; height:295px; float:left;   background: #154a6c;
    border-radius: 2%;
    /* background-image: url(../imagenes/contacto/matriz.png); */
    background-size: 100% 100%; background-repeat:no-repeat;}

#sucursalMapa{
	width:924px; height:350px; margin-left:50px;}	

#mapaMatriz{width:95%; height:251px; margin-top:21px; margin-left:19px;}

#mapaSucursal{width:403px; height:251px; margin-top:21px; margin-left:19px;}

/*CERTIFICACDOS*/
#tituloCertificado{
	width:auto; height:82px; background-image:url(../imagenes/titulos/certificaciones.png); background-repeat:no-repeat;}	
	
#descCertificado{
	font-family:Verdana, Geneva, sans-serif; font-size:14px; margin-left:50px;}

#tituloCableado{
	background-image:url(../imagenes/certificaciones/subtitulo-cableado-estructurado.png); background-repeat:no-repeat; width:320px; height:45px; margin-left:50px;}
	
#certificadosEstructurados{
	width:auto; height:100px;}	

#tituloConectividad{
	background-image:url(../imagenes/certificaciones/conectividad-redes.png); background-repeat:no-repeat; width:322px; height:45px; margin-left:50px;}					

#certificacionesRedes{
	width:auto; height:100px;}
	
#CableadoEstructurado{
	width:auto; height:82px; background-image:url(../imagenes/titulos/cableado-estructurado.png); background-repeat:no-repeat;}		
		
#tituloEdificios{
	height:43px; margin-left:50px; width:640px; background:url(../imagenes/estructurado/titulo-sistema-distribucion.png) no-repeat;}		

#contEdificios{
	width:auto; height:250px;}	
	
#edificiosTexto{
	float: left;
width: 600px;
margin-left: 50px;
font-family:Verdana, Geneva, sans-serif;
color:#154A6C;
font-size:14px;
text-align:justify;}

#edificiosTexto p{
	margin-right:30px;}	
	
#edificiosImg{
	float: left;
width: 310px;
margin-right: 50px;}	

#tituloqueesEdificios{
	height:43px; margin-left:50px; width:640px; background:url(../imagenes/estructurado/titulo-que-es-sistema.png) no-repeat;}
	
#contqueesEdificios{
	margin-left: 50px;
margin-right: 50px;
width: auto;
height: 650px;
text-align:justify;
font-family:Verdana, Geneva, sans-serif;
color:#154A6C;
font-size:14px;}	

#contqueesEdificios  p:nth-child(-n+4){
	padding-left: 325px;
	}
	
/*inatalaciones electricas*/
#tituloElectrica{
	width:auto; height:82px; background-image:url(../imagenes/titulos/cableado-estructurado.png); background-repeat:no-repeat;}
	
#tituloServicios{
	width:auto; height:82px; background-image:url(../imagenes/titulos/servicios.png); background-repeat:no-repeat;}	
	
#subMenu ul li{
	 width:243px; height:41px; margin-bottom:5px;
	}		
	
#subMenu ul li:nth-child(2){
	 width:243px; height:228px;
	}				

#subMenu ul li ul li{
	width: 200px !important; 
margin-left: 3px !important;
height: 41px !important;
margin-bottom:5px !important;
	}	
	
.liElectrica{background-image:url(../imagenes/servicios/menuLateral/instalaciones-electricas.png);}	

.liUtp{background-image:url(../imagenes/servicios/menuLateral/cableado-utp.png);
}
.liOptica{background-image:url(../imagenes/servicios/menuLateral/cableado-fibra-optica.png);}

.lisubElectrico{
	background-image:url(../imagenes/servicios/menuLateral/cableado-electrico.png);}

.liTelefonia{background-image:url(../imagenes/servicios/menuLateral/cableado-telefonia.png);}

.liFisicas{background-image:url(../imagenes/servicios/menuLateral/tierras-fisicas.png);}

.licctv{background-image:url(../imagenes/servicios/menuLateral/cctv.png);}

.liConmutador{background-image:url(../imagenes/servicios/menuLateral/conmutadores.png);}


.liElectrica:hover{background-image:url(../imagenes/servicios/menuLateral/intalciones-electricas-hover.png);}	

.liUtp:hover{background-image:url(../imagenes/servicios/menuLateral/cableado-utp-hover.png);
}
.liOptica:hover{background-image:url(../imagenes/servicios/menuLateral/cableado-fibra-optica-hover.png);}

.lisubElectrico:hover{
	background-image:url(../imagenes/servicios/menuLateral/cableado-electrico-hover.png);}

.liTelefonia:hover{background-image:url(../imagenes/servicios/menuLateral/cableado-telefonia-hover.png);}

.liFisicas:hover{background-image:url(../imagenes/servicios/menuLateral/tierras-fisicas-hover.png);}

.licctv:hover{background-image:url(../imagenes/servicios/menuLateral/cctv-hover.png);}

.liConmutador:hover{background-image:url(../imagenes/servicios/menuLateral/conmutadores-hover.png);}


.liElectrica.active{background-image:url(../imagenes/servicios/menuLateral/intalciones-electricas-hover.png);}	

.liUtp.active{background-image:url(../imagenes/servicios/menuLateral/cableado-utp-hover.png);
}
.liOptica.active{background-image:url(../imagenes/servicios/menuLateral/cableado-fibra-optica-hover.png);}

.lisubElectrico.active{
	background-image:url(../imagenes/servicios/menuLateral/cableado-electrico-hover.png);}

.liTelefonia.active{background-image:url(../imagenes/servicios/menuLateral/cableado-telefonia-hover.png);}

.liFisicas.active{background-image:url(../imagenes/servicios/menuLateral/tierras-fisicas-hover.png);}

.licctv.active{background-image:url(../imagenes/servicios/menuLateral/cctv-hover.png);}

.liConmutador.active{background-image:url(../imagenes/servicios/menuLateral/conmutadores-hover.png);}

/*UTP*/
#subTituloUtp{
	background-image:url(../imagenes/servicios/cableado/cableado-utp.png); width:669px; height:44px; float:right;
	}
#descUtp{
	width: 650px;
margin-left: 70px;
height: auto;
margin-top: 60px;
font-family: verdana;
font-size: 12px;
text-align: justify;
color: #154A6C;}	

#subTituloPlus{
	background-image:url(../imagenes/servicios/cableado/Infraestuctura--cat6plus.png); width:669px; height:44px; float:right;}
	
#descUtpPlus{
	width: 650px;
margin-left: 70px;
height: auto;
margin-top: 60px;
font-family: verdana;
font-size: 12px;
text-align: justify;
color: #154A6C;}	

#subTituloTelefonia{
	background-image:url(../imagenes/servicios/cableado/telefonia/cableado-telefonia.png); width:669px; height:44px; float:right;
	}
	
#subTituloElectrico{
	background-image:url(../imagenes/servicios/cableado/telefonia/cableado-electrico.png); width:669px; height:44px; float:right;
	}	
	
#subTituloPoe{
	background-image:url(../imagenes/servicios/cableado/telefonia/poe-power.png); width:669px; height:44px; float:right;}

#subTituloArc{
	background-image:url(../imagenes/servicios/cableado/telefonia/arquitectura.png); width:669px; height:44px; float:right;}

#subTituloTierras{background-image:url(../imagenes/servicios/tierras-fisicas.png); width:669px; height:44px; float:right;}

#subTituloCctv{background-image:url(../imagenes/servicios/cctv.png); width:669px; height:44px; float:right;}	

#subTituloConmutador{background-image:url(../imagenes/servicios/conmutadores.png); width:669px; height:44px; float:right;}

#subTituloInstalaciones{background-image:url(../imagenes/servicios/instalaciones-electricas.png); width:669px; height:44px; float:right;}

#subTituloConmutadorTele{background-image:url(../imagenes/servicios/que-es-conmutador.png); width:669px; height:44px;}	

#subTituloOptica{background-image:url(../imagenes/servicios/cableado/fibra-optica.png); width:669px; height:44px; float:right;}		

/*Sub sistemas*/
#tituloSubSistemas{
	width:auto; height:82px; background-image:url(../imagenes/titulos/subsistemas.png); background-repeat:no-repeat;}

#titulo6Sub{
width: 243px;
font-family: verdana;
color: #154A6C;
font-weight: bold;
font-size: 14px;	}
	
.subTrabajo{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-subsistemas_01.png);}
.subHorizontal{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-subsistemas_03.png);}	
.subVertical{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-subsistemas_05.png);}	
.subEquipo{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-subsistemas_07.png);}	
.subAdmin{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-subsistemas_09.png);}	
.subCampus{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-subsistemas_11.png);}

.subTrabajo:hover{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_01.png);}
.subHorizontal:hover{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_03.png);}	
.subVertical:hover{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_05.png);}	
.subEquipo:hover{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_07.png);}	
.subAdmin:hover{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_09.png);}	
.subCampus:hover{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_11.png);}

.subTrabajo.active{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_01.png);}
.subHorizontal.active{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_03.png);}	
.subVertical.active{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_05.png);}	
.subEquipo.active{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_07.png);}	
.subAdmin.active{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_09.png);}	
.subCampus.active{background-image:url(../imagenes/subsistemas/menu/navegador-izquierdo-hover_11.png);}		

#subTituloTrabajo{background-image:url(../imagenes/subsistemas/titulos/local-trabajo.png); width:669px; height:44px; float:right;}	
#subTituloHorizontal{background-image:url(../imagenes/subsistemas/titulos/cableado-horizontl.png); width:669px; height:44px; float:right;}
#subTituloVertical{background-image:url(../imagenes/subsistemas/titulos/cableado-vertical.png); width:669px; height:44px; float:right;}
#subTituloEquipo{background-image:url(../imagenes/subsistemas/titulos/sala-equipo.png); width:669px; height:44px; float:right;}	
#subTituloAdministrativo{background-image:url(../imagenes/subsistemas/titulos/administrativo.png); width:669px; height:44px; float:right;}
#subTituloCampus{background-image:url(../imagenes/subsistemas/titulos/campus.png); width:669px; height:44px; float:right;}	

#descSubsistemas{
	width: 650px;
margin-left: 70px;
height: auto;
margin-top: 60px;
font-family: verdana;
font-size: 12px;
text-align: justify;
color: #154A6C;}


#tituloContacto{
	background-image:url(../imagenes/titulos/contacto.png); width:auto; height:82px; background-repeat:no-repeat;}
	
#tituloGaleria{
	background-image:url(../imagenes/titulos/galeria.png); width:auto; height:82px; background-repeat:no-repeat;}