@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
body{
	font-family: Cooper Hewitt Book, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	color:#7698cf;
}
ul{
	list-style:none;
}
.clear{
	clear:both;
}
/*Contenido __________________________________________________________________________________________________*/
.contenido{
	width:980px; 
	height:auto;
	margin:0 auto;
}

/*Barra Superior (Logo, Menu Principal) _______________________________________________________________________*/
.barraMenu{
	width:100%;
	height:60px;
	background:rgba(255,255,255,0.7);
	position:absolute;
	z-index:3;
}
header{
	width:980px;
	height:60px;
	margin:0 auto;
}
header img{
	height:32px;
	margin-top:13px;
	float:left;
}
.menuPrincipal ul{
	float:right
} 
.menuPrincipal li{
	float:left;
	padding:0 2px 0 22px;
	display:block;
	line-height:60px;
	font-family: Cooper Hewitt Medium;
	font-size:14px;
	color:#071C3B;
}
.menuPrincipal li:hover{
	color:#7698CF;
}
ul .seleccionado{
	font-family: Cooper Hewitt Bold;
}
nav li ul {
	height:0;
	position:absolute;
	transition-duration:.4s;
	overflow:hidden;
}
nav li:hover > ul {
	display:block;
	height:250px;
}		
nav li ul li {
	height:40px;
	position:relative;
	width:220px;
	margin:0 200px 0 0;
	padding:0 0 0 0;
	line-height:40px !important;
	left:-5px;
	background:rgba(255,255,255,0.9);
}

/*Presentacion (index) _________________________________________________________________________________________________*/

/* Separaciones (index) ______________________________________________________________________________________________________*/
.separacion{
	border-top:solid 5px #071C3B;
	border-bottom:solid 2px rgba(151,151,151,0.4);
}
/* Productos y Servicios (index) ______________________________________________________________________________________*/
#fliasProductos{
	width:100%;
	height:auto;
	margin-top:25px;
	margin-bottom:5px;
	position:relative;
}
#fliasProductos article{
	height:210px;
	width:296px;
	/*margin-bottom:25px;*/
	float:left;
	text-align:center;
}
#fliasProductos img{
	margin-bottom:-5px;
}
#fliasProductos article h2{
	font-family:Cooper Hewitt Medium;
	font-size:18px;
	line-height:30px;
	color:#071C3B;
}
#fliasProductos article h2:hover{
	color:#7698CF;
}
#fliasProductos article p{
	font-size:14px;
	line-height:18px;
	color:#58585B;
}
#fliasProductos #flia2{
	margin-left:25px;
	margin-right:25px;
}

#flia1, #flia2, #flia3{
	margin-bottom:20px;
}


/* Partners y Clientes _________________________________________________________________________________________*/
#PartnersClientes{
	width:100%;
	height:285px;
	background:#F9FAFC;
	border-top:solid 1px rgba(172,171,171,0.2);
	border-bottom:solid 2px rgba(151,151,151,0.4);
}
#PartnersClientes .contenido{
	
}
#PartnersClientes article{
	width:50%;
	height:205px;
	margin-top:40px;
	margin-bottom:40px;
	float:left;
	text-align: center;
	/*background:rgba(234,124,126,1.00);*/
}
#PartnersClientes h1{
	margin-bottom:20px;
	font-family:Cooper Hewitt SemiBold;
	font-size:20px;
	line-height:36px;
}
#PartnersClientes h1:hover{
	color:#7698cf;
}

#PartnersClientes h2{
	font-size:18px;
	line-height:30px;
}
#PartnersClientes p{
	width:300px;
	margin:0 95px;
	font-family:Cooper Hewitt Book;
	font-size:14px;
	line-height:18px;
	color:#58585B;
}
#PartnersClientes #PartnersIndex{
	width:489px;
	border-right: solid 1px rgba(172,171,171,0.4);
	/*background:rgba(140,156,241,1.00);*/
}

/* Clases comunes en varias secciones ****************************************************************/
.cadaInfoGeneral{
	width:980px;
	height:auto;
	padding:25px 0 15px 0;
	border-bottom:solid 1px #E6E7E8;
}
.imgInfoGeneral{
	width:180px;
	float:left;
	margin:0 40px 0 30px;
	height:auto;
}
.infoGeneral{
	width:700px;
	margin-left:250px;
	margin-right:30px;
}
.infoGeneral h1{
	font-family:Cooper Hewitt SemiBold;
	font-size:24px;
	line-height:50px;
	color:#071C3B;
}
.infoGeneral h2{
	font-family:Cooper Hewitt Medium;
	font-size:20px;
	line-height:40px;
	color:#071C3B;
}
.infoGeneral h3{
	font-family:Cooper Hewitt Medium;
	font-size:15px;
	line-height:22px;
	color:#071C3B;
}
.infoGeneral p{
	margin-bottom:15px;
	font-size:14px;
	line-height:20px;
	color:#58585B;
}
.infoGeneral a{
	font-family:Cooper Hewitt Medium;
	color:#071C3B;
	}
.infoGeneral a:hover{
	color:#7698cf;
}

/* Pagina PRODUCTOS Y SERVICIOS ***********************************************************************************/

.presentacionProductos{
	height:260px;
	padding-top:140px;
	padding-bottom:0px;
}
.presentacionProductos2{
	background:rgba(7,28,59,0.7);
	background-size:cover;
	height:230px;
	padding-top:110px;
	padding-bottom:0px;
	position:relative;
	top:-80px;
}

#presentacionBiom{
	background:url(../img/pres/presentacionBiom.jpg) center center no-repeat;
	background-size:cover;
}
#presentacionBiom2{
	height:240px;
	padding-top:100px;
}
#presentacionGest{
	background:url(../img/pres/presentacionGest.jpg) center center no-repeat;
	background-size:cover;
}
#presentacionGest2{
	height:245px;
	padding-top:95px;
}
#presentacionPrev{
	background:url(../img/pres/presentacionPrev.jpg) center center no-repeat;
	background-size:cover;
}
#presentacionPrev2{
	height:245px;
	padding-top:95px;
}
#presentacionHard{
	background:url(../img/pres/presentacionHard.jpg) center center no-repeat;
	background-size:cover;
}
#presentacionHard2{
	height:255px;
	padding-top: 85px;
}
#presentacionTarj{
	background:url(../img/pres/presentacionTarj.jpg) center center no-repeat;
	background-size:cover;
}
#presentacionTarj2{
	height:240px;
	padding-top:100px;
}
#presentacionSoft{
	background:url(../img/pres/presentacionSoft.jpg) center center no-repeat;
	background-size:cover;
}
#presentacionSoft2{
	height:240px;
	padding-top:100px;
}

.presentacionProductos .contenido{
}

.presentacionProductos img{
	float:left;
	padding-right:50px;
	padding-left:50px;
}
.presentacionProductos .infoProducto{
	color:#FFFFFF;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-moz-text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-webkit-text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.presentacionProductos .infoProducto h1{
	font-family: Cooper Hewitt Medium;
	font-size:30px;
	line-height:50px;
}

.listaProductos{
	float:left;
}
.listaProductos li{
	display:block;
	float:left;
	padding-right:40px;
	font-family:Cooper Hewitt Medium;
	font-size:18px;
}

.listaProductos .menuLargo{
	width:138px;
}
.listaProductos .menuMasLargo{
	width:80px;
}

.transparencia{
	opacity:0.3;
}
.transparencia:hover{
	opacity:1;
	transition-duration:0.9s;
	-webkit-transition-duration:0.9s;
	-moz-transition-duration:0.9s;
}
.todosProductos{
	float: left;
	padding-left:0px;
	margin-bottom:30px;
	border-bottom:none;
}
.todosProductos article{
	width:160px;
	float:left;
	margin-bottom:10px;
}
.todosProductos img{
	height:80px;
	padding:20px 40px 5px 40px;
}

.todosProductos h2{
	font-size:14px;
	text-align:center;
	line-height:24px;
}

#tarjetasPersonalizacion li p{
	margin-bottom:3px;
}

/* Pagina EMPRESA ************************************************************************************************/
#presentacionEmpr{
	background:url(../img/pres/presentacionEmpr.jpg) center center no-repeat;
	background-size:cover;
}

/* Pagina PARTNERS ***********************************************************************************************/
#presentacionPart{
	background:url(../img/pres/presentacionPart.jpg) center center no-repeat;
	background-size:cover;
}

.todosPartners{
	float: left;
	padding-left:0px;
	margin-bottom:30px;
}
.todosPartners img{
	padding:12px;
}
#pagPartners{
	background:#F9FAFC;
}
.cadaPartner{
	width:980px;
	height:auto;
	padding:25px 0 15px 0;
	border-bottom:solid 1px #E6E7E8;
}
.imgPartner{
	width:180px;
	float:left;
	margin:0 40px 0 30px;
	height:auto;
}
.infoPartner{
	width:700px;
	margin-left:250px;
	margin-right:30px;
}
.infoPartner h1{
	font-family:Cooper Hewitt SemiBold;
	font-size:24px;
	line-height:50px;
	color:#071C3B;
}
.infoPartner h2{
	font-family:Cooper Hewitt Medium;
	font-size:18px;
	margin-bottom:6px;
	line-height:40px;
	color:#071C3B;
}
.infoPartner p{
	margin-bottom:15px;
	font-size:14px;
	line-height:20px;
	color:#58585B;
}
.infoPartner a{
	font-family:Cooper Hewitt Medium;
	color:#071C3B;
	}
.infoPartner a:hover{
	color:#7698cf;
}

/* Pagina CLIENTES ***********************************************************************************************/

#presentacionClie{
	background:url(../img/pres/presentacionClie.jpg) top center no-repeat;
	background-size:cover;
}
.todosClientes{
	float: left;
	padding-left:0px;
	margin-bottom:30px;
	border-bottom:none;
}
.todosClientes img{
	padding:26px 29px;
}
/* Pagina Noticias -------------------------------------------------------------------------------------------- */
#presentacionNoti{
	background:url(../img/pres/presentacionClie.jpg) bottom center no-repeat;
	background-size:cover;
}
/* Pie Fijo --------------------------------------------------------------------------------------------------- */
footer{
	width:100%;
	height:192px;
	padding:50px 0;
	background:#071C3B;
}
footer nav{
	font-size:13px;
	color:rgba(255,255,255,1.00);
	line-height:18px;
	float:left;
}
footer .datosPreco{
	float:left;
}
footer .datosPreco i{
	float:left;
	text-align:center;
	font-size:20px;
	color:rgba(255,255,255,1.00);
	display:block;
	margin-left:175px;
	padding-bottom:22px;
	margin-right:20px;
}
footer .datosPreco p{
	display:block;
	width:180px;
	color:rgba(255,255,255,1.00);
	font-size:13px;
	line-height:22px;
	float:right;
	margin-bottom:22px;
}
footer .certificaciones{
	float:right;
	margin-top:-5px;
}