@charset "utf-8";

#inicio {
	 
	z-index:0;
	background-image:url(../imagenes/red.png);
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


#Header {
	height: 62px;
	width: 100%;
	background-image: url(../imagenes/lh2.png);
	background-repeat: repeat-x;
	padding: 0px;
	position: fixed;
	top:0px;
	z-index: 1000;
	display: block;
}

#logo {
	float: left;
	padding-left:30px;
	z-index:2;
	padding-top:10px;
	border: none;
}
#logoc {
	float: left;
	padding-top:34px;
	padding-left:50px;
	display:none;
	
}
#logom {
	display:none;
}
#logop { position:absolute;
top: 50%;
margin-top:-13%;
}
	

#menuc ul li {
	list-style:none;
}

#foot {
	height: 100px;
	width: 100%;
	background-image: url(../imagenes/LP.png);
	background-repeat: repeat-x;
	padding: 0px;
	position: relative;
	bottom:0;
	clear:both;
	z-index:2;	
	
}
#mapa {
	text-align:center;
	color: #CCC;
	padding-top:5px;
	
}
#mapa a {
	padding-left:8px;
	padding-right:8px;
	text-align: center;
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	font-size:12px;
}

#mapa a:hover {
	color:#FFF;
}

#redes img{
	padding-top:15px;
	width:20px;
	padding-left:3px;
	padding-right:3px;
	border: none;
}
#redes {
	text-align:center;
	color:transparent;
	}
	
#cr {
	text-align:center;
	color: #999;
	font-size:9px;
	padding-top:15px
}


#final {
	
	position:absolute;
	right:00px;
	overflow:hidden;
	bottom: Calc ( -300% + 100px );
	
}
#par1{
	width:100%;
	margin-top:62px;
	height: calc( 100% - 62px );

	position:relative;
	min-height:455px;
}





#cst {
	position: absolute;
	top: 50%;
	left: Calc ( 50% );
	width:47%;
	margin: -11% 0 0 -10%;
}

#franja {
	
	display: table;
	position:absolute;
	bottom:0px;
	
	background-color:rgba(85,85,85,.2);
	width: 100%;
	z-index:2;

	height: 100px	;
	
	
}

	


#espacio2{
	width:100%;
	height:100%;
	background: inherit;
	
}
#par2 {
	width:100%;
	
	background-color:#000;
	background-image: url(../img/server1.jpg);
	background-size:cover;
	clear:both;
	display:table;
	height:100%;
	z-index:0;
	position:relative;
	background-attachment:fixed;
	
}

.linea {
	height: 15px;
	width: 100%;
	background-image: url(../imagenes/Lh2.png);
	background-repeat: repeat-x;
	
	clear:both;
	z-index: 3;
	
	
}
#video {
	
	 width:100%;
	height:100%;
	
	display:table-cell;
	vertical-align:middle;
	 z-index:-10	;
	}

#par3 {
	
	height:100%;
	width:100%;
	
	min-height:600px;
	min-width:800px;
}


#QS {
	
	width:60%;
}

#mvv {
	margin-left:300px;
	min-width:800px;
}
#QS h2 {
	color: #00557c;
	font-size: 30px;
	margin-left:100px;
	line-height: 5px;
}

#QS p {
	font-size: 18px;
	margin-left: 100px;
	width: 100%;
	text-align: justify;
	line-height: normal;	
}
#QS h3 {
	color: #00557c;
	font-size: 30px;
	position:absolute;
	float:left;
	width:50%;
	line-height:70px;
	margin-left:15%;
	
}

#QS #vis {
	padding-top:70px;
	
}
#QS #val {
	padding-top:145px;
}
#mv {
	margin-top:30px;
}
#QS #mis1 {
	padding-top:25px;
}

#QS #vis1 {
	padding-top:90px;
}

#QS #val1 {
	padding-top:100px;
	
}

#wrapper {
	float:left;
	width:200px;
	margin-left:70px;
	list-style-image:url(../imagenes/logol.png);
	font-size: 18px;
	
	
	text-align: justify;
	line-height: normal;
}

#wrapper2 {
	float:left;
	width:200px;
	list-style-image:url(../imagenes/logol.png);
	font-size: 18px;
	
	
	text-align: justify;
	line-height: normal;
	
}
#raya1 {
	position: absolute;
	width: 2px;
	margin-top:10px;
	height:100px;
	margin-left: 25%;
	background-color: #00557C;
}

#raya2 {
	position: absolute;
	width: 2px;
	margin-top:75px;
	height:100px;
	margin-left: 25%;
	background-color: #00557C;
}

#raya3 {
	position: absolute;
	width: 2px;
	margin-top:155px;
	height:100px;
	margin-left: 25%;
	background-color: #00557C;
}

.mvv {
	float: right;
	position:absolute;
	margin-left:20%;
	padding-bottom:30px;
	width:50%;
}
#cont {
	
	display: table-cell;
	vertical-align: middle;
}

#filosofia {
	
	width:60%;
}

#filosofia h2 {
	color: #00557c;
	font-size: 30px;
	margin-left:100px;
	line-height: 5px;
}

#filosofia p {
	font-size: 18px;
	margin-left: 100px;
	width: 100%;
	text-align: justify;
	line-height: normal;	
}


#cu1 {
	
	width:250px;
	height: 150px;
	
	background-image: url(../imagenes/microsoft.png);
	background-size:90%;
	float:left;
	background-repeat:no-repeat;
	
	background-position:center;
	
	

}

#cu1:hover {
background-size:100%;
	
}
#cu2 {
	width:250px;
	height: 150px;
	background-image: url(../imagenes/aspel.png);
	background-size:100%;
	
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	margin-right:12px;
	
	
	background-position:center;

}

#cu2:hover {background-size:110%;
}
#cu3 {
	width:250px;
	margin-right:12px;
	height: 150px;
	float:right;
	background-image: url(../imagenes/epson.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	
	
	

}

#cu3:hover {
background-size:120%;
	
}
#cu4 {
	width: 250px;
	height: 150px;
	background-image: url(../imagenes/benq.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	float:right;

	

}

#cu4:hover {
background-size:120%;
	
}


#cu5 {
	width: 200px;
	height: 120px;
	background-image: url(../imagenes/factura.png)  ;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	float:right;
	color:#33C;

	

}

#cu5:hover {
background-size:104%;
	
}
#contene {
	width:1036px;
	margin:0 auto;
	
	
	
}
/* Páginas */
#unoc, #unop, #unot, #unos, #unog, #unoh, #unoso {
	width:100%;
	height:100%;
	margin:0px;
}
/* Contacto*/
#contacto {
	background-color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#unoc #imagen {
	background-image:url(../img/secretariat.png);}
#unop #imagen {
	background-image: url(../imagenes/handshake.png);
}
#unot #imagen {
	background-image:url(../imagenes/telefono.jpg);
}
#unos #imagen {
	background-image:url(../imagenes/servidor.png);
}
#unoso #imagen {
	background-image:url(../imagenes/software.jpg);
}
#unoh #imagen {
	background-image: url(../imagenes/memoria.png);
}
#imagen {
	position:absolute;
	top:0px;
	
	
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:right;
	background-size: contain;
	width:100%;
	height:100%;
	z-index:100;
	margin:0px;
}

#titulo{
	z-index:950;
	width:100%;
	height:200px;
	 
	background-color: rgba(0,77,119,.9);
	position:absolute;
	bottom:0px;
	display:table;
}
#titulo #contenedor {
		display:table-cell;
	vertical-align:middle;
font-size: 67px;
	color:#FFF;
	
}
#titulo #imat{
	position:absolute;
	bottom:7px;
	left:3%;
	width:200px;
	height:200px;
	background-repeat:no-repeat;
	background-position:center;
	
	background-size:contain;
}

#unoc #titulo #imat {
	background-image:url(../imagenes/headset.png);
	
}
#unoso #titulo #imat {
	background-image:url(../imagenes/software.png);
}
#unoh #titulo #imat {
	background-image: url(../imagenes/hardware.png);
}

#unop #titulo #imat {
	background-image: url(../imagenes/manos.png);
	background-size:80%;
}

#unot #titulo #imat {
	background-image:url(../imagenes/phone.png);
}
#unos #titulo #imat {
	background-image:url(../imagenes/webcam.png);
}
	
#contenedor p {
	margin-left:20%;
}
#dosc{
	width:100%;
	height:100%;
}
.submenu {
	width:85%;
	height:180px;
	display:table;
	padding-left:15%;
	
}
.submenu #uno {
	display:table-cell;
	vertical-align:middle;
	width:129px;
	
	
	background-image:url(../imagenes/software.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

.submenu #csubmenu {
	
	display:table-cell;
	vertical-align:middle;
font-size: 47px;
	color: #000;
	padding-left:10px;
}

.submenus {
	width:92%;
	height:180px;
	
	padding-left:8%;
	
	
}

.submenus #logos {
	display:table-cell;
	vertical-align:middle;
	width:50px;
	
	
	
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	
}
.submenus #adobet, .submenus #aspelt, .submenus #adeskt, .submenus #elastixt,.submenus #kast,.submenus #mict,.submenus #linuxt,.submenus #nodt, .submenus #apct, .submenus #applet, .submenus #ciscot, .submenus #benqt, .submenus #dellt, .submenus #hpt, .submenus #hellt, .submenus #intelt, .submenus #kacet, .submenus #kodakt, .submenus #lext, .submenus #wguardt, .submenus #wyset , #seccion  {
	width:100%;
	height:100%;
	display:table;
	}
.submenus #adobet #logos {
	background-image:url(../imagenes/logos/adobe.png);
}
.submenus #aspelt #logos {
	width:130px; 	
	background-image: url(../imagenes/logos/aspel.jpg);
}
.submenus #elastixt #logos {
	width:130px; 	
	background-image: url(../imagenes/logos/elastix.jpg);
}
.submenus #adeskt #logos {
	background-image:url(../imagenes/logos/adesk.png);
}

.submenus #corelt #logos {
	background-image:url(../imagenes/logos/corel.jpg);
}

.submenus #kast #logos {
	background-image:url(../imagenes/logos/kas.jpg);
}
.submenus #mict #logos {
	background-image:url(../imagenes/logos/mic.png);
}
.submenus #linuxt #logos {
	background-image: url(../imagenes/logos/linux.jpg);  
}
.submenus #nodt #logos {
	background-image: url(../imagenes/logos/nod32.png);
}
.submenus #apct #logos {
	background-image: url(../imagenes/logos/apc.gif);
	width:150px;
}
.submenus #applet #logos {
	background-image: url(../imagenes/logos/apple.jpg);    
}
.submenus #ciscot #logos {
	background-image: url(../imagenes/logos/cisco.jpg);
	width:150px;
}
.submenus #benqt #logos {
	background-image: url(../imagenes/logos/benq.jpg) ;
	width:150px;
}
.submenus #dellt #logos {
	background-image: url(../imagenes/logos/dell.jpg);
}
.submenus #hpt #logos {
	background-image: url(../imagenes/logos/hp.jpg) ;
}
.submenus #hellt #logos {
	background-image: url(../imagenes/logos/tyton.jpg) ;
	width:180px;
}
.submenus #intelt #logos {
	background-image: url(../imagenes/logos/intel.jpg) ;
}
.submenus #kacet #logos {
	background-image: url(../imagenes/logos/kace.png);
	width:150px;
}
.submenus #kodakt #logos {
	background-image: url(../imagenes/logos/kodak.jpg);
	width:150px;
}
.submenus #lext #logos {
	background-image: url(../imagenes/logos/lex.jpg);
	width:200px;
}
.submenus #wguardt #logos {
	background-image: url(../imagenes/logos/watchguard.png);
}
.submenus #wyset #logos {
	background-image: url(../imagenes/logos/wyse.jpg) ;
	width:120px;
}



.submenus #csubmenu {
	
	display:table-cell;
	vertical-align:middle;
font-size: 47px;
	color: #000;
	padding-left:10px;
}
/*SeccionesP*/
#adobes {
	width:100%;
	height:70%;
	background-image:url(../imagenes/fondos/adobe.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
#aspels {
	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/aspel.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#adesk {
	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/adesk.jpg)  ;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#elastixs {
	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/elastix.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#kas {
	width:100%;
	height:70%;
	background-image:url(../imagenes/fondos/kas.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
#mic {
	width:100%;
	height:70%;
	background-image:url(../imagenes/fondos/mic.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
#linuxs {
	width:100%;
	height:70%;
	background-image:url(../imagenes/fondos/linux.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#nods {
	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/nod.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
#apcs{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/apc.jpeg)  ;
	background-repeat:no-repeat;
	background-size:50%;
	background-position: right;
	background-attachment:fixed;
}

#apples{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/apple.jpg)  ;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#benqs{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/benq2.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment:fixed;
}

#ciscos{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/cisco.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#dells{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/dell.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#hell{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/hellerman.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#intels{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/intel.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	background-attachment:fixed;
}

#hps{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/hp.jpg)  ;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#kaces{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/kace.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#kodaks{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/kodak.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#lexs{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/lex.gif);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#wguards{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/ward.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#wyses{	width:90%;
	height:70%;
	background-image: url(../imagenes/fondos/wyse.jpg);
	background-repeat:no-repeat;
	background-size:85%;
	background-position:right;
	background-attachment:fixed;
}
#conmu{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/pbx.jpg) ;
	background-repeat:no-repeat;
	background-size:55%;
	background-position:right;
	background-attachment:fixed;
}
#vconf{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/videoconferencia.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:right;
	background-attachment:fixed;
}
#equipos{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/asterisk.jpg);
	background-repeat:no-repeat;
	background-size:55%;
	background-position:right;
	background-attachment:fixed;
}
#polizass{	width:100%;
	height:70%;
	background-image: url(../imagenes/fondos/soporte.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:right;
	background-attachment:fixed;
}

#consult{	width:100%;
	height:70%;
	background-image: url(../img/consultoria.jpg)  ;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:right;
	background-attachment:fixed;
}
#infra{	width:100%;
	height:700px;
	background-image:url(../imagenes/telefonia.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:right;
	background-attachment:fixed;
}
#seg{	width:100%;
	height:70%;
	background-image: url(../imagenes/lock.png) ;
	background-repeat:no-repeat;
	background-color:#900;
	background-size:300px;
	background-position:right;
	background-attachment:fixed;
}
#legal{	width:100%;
	height:680px;
	background-image: url(../imagenes/palomita.jpg)  ;
	background-color: #FFF;
	background-repeat:no-repeat;
	background-size:25%;
	background-position:left;
	background-attachment:fixed;
}
#financiamientos{	width:100%;
	height:70%;
	background-image: url(../imagenes/financiamiento.jpg)  ;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:right;
	background-attachment:fixed;
}

#dost{
	width:100%;
	height:100%;
}

#dosc #datos {
	background-color: rgba(255,255,255,.7);
	width:500px;
	height:200px;
	position:absolute;
	top:100%;
	right:0%;
}

#datos #contenedor {
	margin-left:30px;
	margin-top:27px;
	text-align:justify;
}

#contenedor a {
	text-decoration:none;
	color: #004d77;
}

#submenup{
	width:100%;
	height:20px;
        color:#FFF;
	background-color: rgba(0,0,0,.7);
	position:fixed;
	top:62px;
	z-index:999;
	font-size:13px;
	

}

#submenup a {
	padding-left:3px;
	text-align:center;	
	
	color:#EEE;
	text-decoration:none;
	padding-right:3px;
	height:20px;
	
}
#submenup a:hover {
	background-color:rgba(0,0,0,.1);
}
	
.ci {
	float:left;
	width:560px;
	height:100%;
	background-color:rgba(0,0,0,.6);
	margin-left:90px;
	display:table;
}

.cig {
	float:left;
	width:860px;
	height:100%;
	background-color:rgba(0,0,0,.6);
	margin-left:90px;
	display:table;
}
.cdg {
	float:right;
	width:860px;
	height:100%;
	background-color:rgba(0,0,0,.6);
	margin-right:90px;
	display:table;
}

.cd {
	float:right;
	width:560px;
	height:100%;
	background-color:rgba(0,0,0,.6);
	margin-right:90px;
	display:table;
}
.contsec {
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
	margin: auto;
	color:#FFF;
	width:470px;
	
	
}
.contsecg {
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
	margin: auto;
	color:#FFF;
	width:750px;
	
	
}
.mid {
	display:table-cell;
	vertical-align:middle;
}
/*Partners*/

	
.imagenp {
	
	
	width:120px;
	
	background-size:contain;
	background-repeat:no-repeat;
	height:120px;
	margin-left:35px;
	position:absolute;
	top:50%;
	margin-top:-60px;
	
	
	
	
}

#windowsp .imagenp {
	position:relative;
	background-image:url(../imagenes/logos/mic.png);
}

#epsonp .imagenp {
	position:relative;
	background-image: url(../imagenes/epson.gif);
}

#benqp .imagenp {
	position:relative;
	background-image: url(../imagenes/logos/benq.jpg);
}

#aspelp .imagenp {
	position:relative;
	background-image: url(../imagenes/logos/aspel.jpg);
}

#hpp .imagenp {
	position:relative;
	background-image: url(../imagenes/logos/hp.jpg);
}

#elastixp .imagenp {
	position:relative;
	background-image: url(../imagenes/logos/elastix.jpg);
}

#micp{
	position:absolute;
	top:150%;
	left:50%;
	margin-left:-250px;
	margin-top:-150px;
}

#elp{
	padding-left:50px;
	padding-top:400px;
	padding-bottom:50px;
}
#apcp{
	position:absolute;
	padding-top:400px;
	right:150px;
}
#benp{
	position:absolute;
	top: 110%;
	left:50px;
}#aspp{
	position:absolute;
	top: 110%;
	right:50px;
}