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

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,
summary,div {
    display: block;
	margin:0px;padding:0px;
	border:0px;
}

body{
	background:#f2f2f2;
	margin:0px;padding:0px;
}

h1,h2,h3,h4,h5,h6,p{
	margin:0px;padding:0px;
}

#contenedor{
	width:1392px;
	margin-left:auto;
	margin-right:auto;
}

#cabecera{
	width:1392px;
	height:151px;
	background: url(../img/back_cabecera.jpg) no-repeat;
	position:relative;
}

	#logo{
		width:329px;
		height:63px;
		border:none;
		padding:20px 0 0 204px;
	}
	
#menu{
	width:1392px;
	height:49px;
	background: url(../img/bk_menu.png) no-repeat;
	position:absolute;
	margin-top:19px;
	float:left;
}
	
	#menu ul{
		padding:0 0 0 350px;
		margin:0;
		list-style:none;

	}
	
	#menu li a{
		width:90px;
		height:49px;
		padding:15px 0 0 0;
		text-decoration:none;
		background:#000;
		display:block;
		text-align:center;
		float:left;
		margin-right:4px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#CCC;
		
		transition:transform 0.3s;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		
		overflow:hidden;

	}
	
	#menu li a:hover{

		background-color: #333;
		color:#FFF;		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}	
	
	#sociales{
		width:266px;
		height:42px;
		position:absolute;
		margin-left:950px;
		margin-top:-50px;
	}
	
	#sociales ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	
	#sociales li a{
		width:42px;
		height:42px;
		float:left;
		margin:0 0 0 11px;
	}
	
	#sociales li a:hover{
		opacity: 1.9px;
		-moz-opacity: 0.3;
		-webkit-opacity: 0.3;
		filter:alpha(opacity=40);
		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
#cuerpo{
	margin:0px;
	width:1392px;
	float:right;
}

	#banner{
		width:1392px;
		height:501px;
		float:left;
		background:#CC3;
		position:absolute;
	}
	
	.slideshow2{
	height:100%;
	width:100%;
	}

	.slider{
	height:100%;
	width:100%;
	}
	
#Cliente{
	position:relative;
	margin-top:500px;
	width:1392px;
	height:444px;
	background:url(../img/barra_cliente.png) no-repeat;
	
}

	.clientes{
		position:absolute;
		width:403px;
		height:272px;
		margin-left:600px;
		margin-top:50px;
	}
	
	.ripley{
		margin-left:60px;
		width:292px;
		height:68px;
	}
	
	.miraflores{
		margin-top:40px;
		margin-left:60px;
		width:97;
		height:123px;
	}
	
	.barranco{
		margin-left:240px;
		margin-top:-120px;
		width:128px;
		height:133px;
	}
	
	.txt_cliente{
		position:absolute;
		margin-top:83px;
		margin-left:200px;
		width:223px;
		height:146px;
		background:url(../img/txtcliente.png) no-repeat;
	}
	
	.btn_cliente{
		position:absolute;
		width:160px;
		height:32px;
		margin-top:260px;
		margin-left:205px;
	}
	
	.txt_soluciones{
		position:absolute;
		width:258px;
		height:199px;
		background:url(../img/txt_soluciones.png) no-repeat;
		margin-top:75px;
		margin-left:1080px;
	}
	
	.back_cliente{
		width:1392px;
		height:108px;
		background:url(../img/barra_cliente2.png) no-repeat;
		position:absolute;
		margin-top:336px;
	}
	
	.publicaciones{
		width:296px;
		height:71px;
		background:url(../img/txtpublica.png) no-repeat;
		margin-top:16px;
		margin-left:440px;
	}
	
#publicaciones_noticias{
	width:1392px;
	height:172px;
	background:#333;
	position:relative;
}

	.noticia1{
		width:540px;
		height:140px;
		background:#424242;
		margin-left:180px;
		margin-top:15px;
		position:absolute;
	}
	
	.noticia2{
		width:540px;
		height:140px;
		background:#424242;
		margin-left:810px;
		margin-top:15px;
		position:absolute;	
	}
	
	.img_noticia{
		width:288px;
		height:140px;
	}
	
	.fondo_bk_img{
		width:98px;
		height:26px;
		background:url(../img/bk_img_noticia_fecha.png) no-repeat;
		position:absolute;
		margin-left:190px;
	}
	
	.titulo_img{
		font-family:Verdana, Geneva, sans-serif;
		font-size:15px;
		color:#FFF;
		margin-left:12px;
		margin-top:3px;
	}
	
	.titulo_noticia{
		width:240px;
		height:43px;
		position:absolute;
		margin-left:295px;
		margin-top:-135px;
		
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color: #0FF;
	}
	
	.parrafo_noticia{
		width:240px;
		height:78px;
		position:absolute;
		margin-top:-83px;
		margin-left:295px;
		
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		color:#FFF;
	}
	
	.btnleermas{
		width:72px;
		height:19px;
		position:absolute;
		margin-left:467px;
		margin-top:-20px;
	}
	
#visita_soluciones{
	width:1392px;
	height:70px;
	background: url(../img/img_bk_visitar.jpg);
	position:relative;
}

	.chica{
		width:217px;
		height:343px;
		background:url(../img/chicaperica.png) no-repeat;
		position:absolute;
		margin-top:-273px;
		margin-left:30px;
	}
	
	.btn_visita{
		width:350px;
		height:34px;
		margin-left:570px;
		padding-top:20px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:24px;
		color:#FFF;
		text-decoration:none;

	}
	
	.btn_visita ul{
		border:0px;
		margin:0px;
		list-style:none;
		padding:0 0 0 10px;
	}
	
	.btn_visita li a{
		text-decoration:none;
		font-family:Verdana, Geneva, sans-serif;
		font-size:24px;
		color:#FFF;
		display:block;
	}
	
	.btn_visita li a:hover{
		color:#FC3;
	}
	
	.iconbtnvisita{
		position:absolute;
		width:33px;
		height:33px;
		margin-left:-45px;
		margin-top:0px;
		background:url(../img/icon_vineta.png) no-repeat;
	}
	
	#bk_contactos{
		position:relative;
		width:1392px;
		height:707px;
		background:url(../img/bk_contacto_data.png) no-repeat;
		float:left;
	}
	
	.txt_celular{
		width:386px;
		height:254px;
		margin-top:80px;
		margin-left:230px;
		position:absolute;
		background:url(../img/txt_atencion.png) no-repeat;
	}
	
	.txt_apoyo{
		width:304px;
		height:172px;
		background:url(../img/apoyo.png) no-repeat;
		margin-left:1050px;
		margin-top:70px;
	}
	
	.canalyoutube{
		width:110px;
		height:61px;
		margin-top:160px;
		margin-left:187px;
	}
	
	.txtnuestrocanal{
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		position:absolute;
		width:106px;
		height:17px;
		margin-left:193px;
		color:#666;
	}
	
	.pollito{
		width:96px;
		height:69px;
		background:url(../img/pollo.png) no-repeat;
		position:absolute;
		margin-left:840px;
		margin-top:-179px;
	}
	
	.txt_pollito{
		width:280px;
		height:17px;
		margin-left:950px;
		margin-top:-149px;
		font-family:Verdana, Geneva, sans-serif;
		color:#666;
		font-size:14px;
	}
	
	.parrafotwitter{
		border:0px;
		padding:0px;
		width:600px;
		height:20px;
		margin-left:770px;
		margin-top:70px;
	}
	
	.parrafofacebook{
		position:absolute;
		width:410px;
		height:120px;
		margin-top:100px;
		margin-left:130px;
	}
	
#piepagina{
	width:1392px;
	height:120px;
	float:left;
	position:relative;
}

	.logo_abajo{
		margin-left:260px;
		margin-top:13px;
		width:220px;
		height:40px;
		position:absolute;
	}
	
.menu_abajo{
	width:1392px;
	height:75px;
	background:url(../img/bk_menu_abajo.jpg) repeat-x;
		
}

	.menu_abajo ul{
		padding:27px 0 0 0;
		border:0px;
		margin:0 0 0 530px;
		list-style:none;
	}
	
	.menu_abajo li a{
		width:90px;
		height:27px;
		text-decoration:none;
		display:block;
		text-align:center;
		float:left;
		font-family: Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
	}
	
	.menu_abajo li a:hover{
		color:#0CF;
	}
	
	.derechos{
		width:1392px;
		height:42px;
		background:#4C4C4C;
	}
	
	.parraderecho{
		margin-left:550px;
		margin-top:10px;
		position:absolute;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		color:#999;
	}
	
	.desarrollado{
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		color:#999;
		margin-left:1200px;
		margin-top:10px;
		position:absolute;
	}
	
	
	
	
/* Nosotros */


#TextoPresentacion{
	margin-top:501px;
	width:1392px;
	height:336px;
	background: url(../img/bk_nosotros.png) no-repeat;
	float:left;
	position:relative;
}

#TextArbolito{
	margin-top:-1px;
	width:1392px;
	height:220px;
	background:url(../img/arbolito.png) no-repeat;
	float:left;
}

#TextStar{
	width:1392px;
	height:242px;
	background: url(../img/bk_star.png) no-repeat;
	float:left;
}

#TextoParraAbajo{
	width:1392px;
	height:105px;
	background:#FFFFFF;
	float:left;
}
	.TxtSolucionesNo{
		position:absolute;
		width:261px;
		height:202px;
		background: url(../img/soluciones_txt.png) no-repeat;
		margin-left:1080px;
		margin-top:70px;
	}

	.titulogris{
		position:absolute;
		margin-top:80px;
		margin-left:105px;
		width:188px;
		height:43px;
		font-family: Verdana, Geneva, sans-serif;
		font-style:normal;
		font-size:30px;
		color:#666;
	}
	
	.tituloazul{
		position:absolute;
		margin-top:80px;
		margin-left:330px;
		width:188px;
		height:43px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:30px;
		color:#036;
	}
	
	.ParrafoNosotros{
		position:absolute;
		margin-top:140px;
		margin-left:105px;
		width:806px;
		height:166px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		color:#666;
		text-align:justify;
	}
	
		.tituloazul2{
		position:absolute;
		margin-top:20px;
		margin-left:333px;
		width:188px;
		height:43px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:30px;
		color:#036;
	}
	
	.ParrafoNosotros2{
		position:absolute;
		margin-top:68px;
		margin-left:335px;
		width:480px;
		height:166px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		text-align:justify;
	}
	
	.TituloStar1{
		position:absolute;
		margin-left:150px;
		margin-top:25px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:25px;
		color:#0FF;
		width:170px;
		height:42px;
	}
	
	.ParrafoTexto1{
		text-align:justify;
		position:absolute;
		margin-left:150px;
		margin-top:60px;
		width:651px;
		height:50px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#CCC;
	}
	
	.TituloStar2{
		position:absolute;
		margin-left:150px;
		margin-top:130px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:25px;
		color:#0FF;
		width:170px;
		height:42px;
	}
	
	.ParrafoTexto2{
		text-align:justify;
		position:absolute;
		margin-left:150px;
		margin-top:163px;
		width:651px;
		height:50px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#CCC;
	}
	
	.ParrafoFinal{
		width:1200px;
		height:66px;
		margin-top:27px;
		margin-left:100px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:20px;
		color:#666;
		text-align:center;
	}

/* Servicios */	

#top_servicios{
	position:relative;
	margin-top:500px;
	width:1392px;
	height:68px;
	background:url(../img/top_servicios.png) no-repeat;
	float:left;
}

	.txttituloserv1{
		margin-left:225px;
		margin-top:38px;
		position:absolute;
		width:153px;
		height:33px;
	}
	
	.txttituloserv1 ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	
	.txttituloserv1 li a{
		font-family:Verdana, Geneva, sans-serif;
		text-decoration:none;
		color:#FFF;
		font-size:18px;
	}
	
	.txttituloserv1 li a:hover{
		color:#0FF;
	}

#TxtParraservicios{
	width:970px;
	margin-left:181px;
	margin-top:600px;
	position:relative;
}

	#rayita1{
		position:absolute;
		margin-top:-110px;
		width:1104px;
		height:34px;
		background:url(../img/raya_separador.png) no-repeat;
	}
	
	#rayita2{
		position:absolute;
		margin-top:-110px;
		width:1104px;
		height:34px;
		background:url(../img/raya_separador.png) no-repeat;
	}
	
	#rayita3{
		position:absolute;
		margin-top:-115px;
		width:1104px;
		height:34px;
		background:url(../img/raya_separador.png) no-repeat;
	}
	
	#rayita4{
		position:absolute;
		margin-top:-10px;
		width:1104px;
		height:34px;
		background:url(../img/raya_separador.png) no-repeat;
	}
	

	.TxtParrafo1{
		width:970px;
		height:247px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		text-align:justify;
		margin-top:150px;
	}
		
	.tituloparrafo2{
		padding:0;
		margin:0;
		font-family:Verdana, Geneva, sans-serif;
		font-size:22px;
		color:#036;
	}
	
	.TxtParrafo2{
		width:970px;
		height:304px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		margin-top:-50px;
		text-align:justify;
	}
	
	.TxtParrafo3{
		width:970px;
		height:304px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		margin-top:-80px;
		text-align:justify;
	}
	
	.TxtParrafo4{
		width:970px;
		height:204px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		margin-top:40px;
		text-align:justify;
	}
	
	.Titulopeque{
		padding:0px;
		margin:0px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:16px;
		color:#999;
	}
	
	.imgparrafo1{
		position:absolute;
		margin-left:670px;
		margin-top:-17px;
		width:300px;
		height:200px;
		background:url(../img/Consulto.jpg) no-repeat;
		border:double #CCCCCC;
	}
	
	.imgparrafo2{
		position:absolute;
		margin-left:670px;
		margin-top:-18px;
		width:300px;
		height:200px;
		background: url(../img/desarrollo.jpg) no-repeat;
		border:double  #CCCCCC;
	}
	
	.imgparrafo3{
		position:absolute;
		margin-left:670px;
		margin-top:40px;
		width:300px;
		height:200px;
		background: url(../img/herramientas.jpg) no-repeat;
		border:double  #CCCCCC;
	}
	
	.imgparrafo4{
		position:absolute;
		margin-left:670px;
		margin-top:-15px;
		width:300px;
		height:200px;
		background: url(../img/outsourcing.jpg) no-repeat;
		border:double  #CCCCCC;
	}
	
#cuadropublicaciones{
	width:998px;
	height:420px;
	margin-left:198px;
	margin-top:30px;

}

	.txtpublica{
		width:998px;
		height:94px;
	}
	
	.tituloPublica{
		position:relative;
		margin-left:110px;
		padding-top:36px;
		width:785px;
		height:37px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:25px;
		color:#373737;
	}
	
	.imgicon{
		position:absolute;
		margin-left:-66px;
		margin-top:-13px;
		width:58px;
		height:59px;
		background:url(../img/librillo.jpg) no-repeat;
	}
	
	#cuadrospublicados{
		width:998px;
		height:326px;
		float:left;
	}
	
	.cuadro1{
		width:272px;
		height:326px;
		float:left;
	}
	
		.ima_publi1{
			width:241px;
			height:227px;
			background:url(../img/publiima1.jpg) no-repeat;
			margin-left:16px;
			margin-top:9px;
		}
	
	.cuadro2{
		width:272px;
		height:326px;
		float:left;
	}
	
		.ima_publi2{
			width:241px;
			height:227px;
			background:url(../img/publiima2.jpg) no-repeat;
			margin-left:16px;
			margin-top:9px;
		}
	
	.cuadro3{
		width:454px;
		height:326px;
		float:left;
	}
	
		.ima_publi3{
			width:436px;
			height:227px;
			background: url(../img/publiima3.jpg) no-repeat;
			margin-left:9px;
			margin-top:9px;
		}
		
	.textosPubli{
		width:241px;
		height:64px;
		margin-top:15px;
		margin-left:16px;
	}
	
	.textoTituloazul{
		font-family:Verdana, Geneva, sans-serif;
		font-size:22px;
		color: #036;
	}
	
	.textoTitulonegro{
		font-family:Verdana, Geneva, sans-serif;
		font-size:16px;
		color:#333;
	}
	
	
	
/* Soluciones */
	
	
#bk_descarga{
	margin-top:835px;
	width:1392px;
	height:566px;
	background:url(../img/bk_descarga_soluciones.jpg) no-repeat;
}

#txtdescargar{
	width:1094px;
	height:107px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:34px;
	color: #036;
	text-decoration:none;
	margin-left:150px;
	padding-top:80px;
}

#cuadrosoluciones{
	width:1094px;
	height:249px;
	margin-left:150px;
}

	#cuadro1{
		width:180px;
		height:249px;
		float:left;
		margin-right:38px;
	}
	
	.cuadrosuperior{
		width:180px;
		height:180px;
	}
	
	.cuadroinferior{
		width:180px;
		height:70px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		text-decoration:none;
		text-align:center;
		padding-top:13px;
	}
	
	
#bk_clientes{
	width:1392px;
	height:782px;
	background:url(../img/bk_clientes.jpg) no-repeat;
	float:left;
}
	
	.TituloClientes{
		margin:0px;
		padding:0px;
		width:194px;
		height:37px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:20px;
		color:#666;
		text-decoration:none;
	}

	.TxtParrafoCliente{
		width:1111px;
		height:36px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#666;
		text-decoration:none;
	}
	
	.filacliente1{
		margin-left:190px;
		margin-top:5px;
		width:1030px;
		height:149px;
	}
	
		.logo1{
			float:left;
			margin: 35px 0 0 93px;
			width:146px;
			height:95px;
		}
		
		
		
#bk_partners{
	float:left;
	width:1392px;
	height:868px;
	background:url(../img/bk_partners.png) no-repeat;
}

	.cuadroInformacion{
		width:983px;
		height:365px;
		float:left;
		margin:47px 0 0 207px;
	}
	
	#imagenClien{
		border: double #CCC;
		float:left;
		width:402px;
		height:364px;
		background:url(../img/foto_par.jpg) no-repeat;
	}
	
	#imagenClienParra{
		float:left;
		margin-left:55px;
		width:526px;
		height:364px;
	}
	
	.parrafocliente1{
		float:left;
		margin-left:457px;
		width:526px;
		height:182px;
	}
	
	.parrafocliente2{
		float:left;
		margin-left:457px;
		width:526px;
		height:183px;
	}
	
	.TituloParrafo1Cliente{
		padding:10px 0 8px 10px;
		width:516px;
		height:23px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		color:#036;
	}
	
	.ParrafoCliente1C{
		text-align:justify;
		padding:10px 0 0 12px;
		width:514px;
		height:135px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:15px;
		color:#666;
		
	}
	
	#GrupodeClientes{
		margin:480px 0 0 200px;
		width:959px;
		height:325px;
	}
	
	#ColClientePart{
		width:959px;
		height:149px;
		margin-bottom:27px;
	}
	
	#ColPartDer{
		float:left;
		width:420px;
		height:148px;
		border:1px solid #CCC;

	}
	
	#ColPartIzq{
		float:right;
		width:420px;
		height:148px;
		border:1px solid  #CCC;
	}
	
	.CuaIzqIm{
		float:left;
		width:159px;
		height:148px;
	}
	
	.CuaTxtPar{
		float:right;
		width:261px;
		height:148px;
	}
	
	.TituTxtPart{
		margin:60px 0 0 20px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:16px;
		color:#036;
	}
	
/* Reglas para texto formulario*/

#col-der-formulario1{
	margin-top:150px;
	margin-left:450px;
	width:640px;
	height:550px;
	float:left;
}

.textoForm{
	font-family:Verdana, Geneva, sans-serif;
	margin:25px 10px 0 0;
	width:200px;
	height:20px;
	float:left;
	text-align:right;
	display:block;
}
.campos{
	margin:20px 0 0 0;
	width:250px;
	height:25px;
	float:left;
	display:block;
}
.camposFondo{
	width:250px;
	height:15px;
	font-size:16px;
	color: #999;
	padding:13px 5px 0 0;
}
.bordesFieldSet{
	border:1px solid #CCC;
	width:500px;
	height:450px;
}
.textoFieldSet{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#999;
}
.lineas{
	height:25px;
	display:block;
}
.campo-comentario{
	margin:20px 0 0 0;
	width:250px;
	height:75px;
	float:left;
	display:block;
}

.TituContacto{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#036;
}