@charset "UTF-8";
/* CSS Document */
body{ 	
	margin:0px;
	font-size:12px;
	line-height:22px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	background-image:url(../images/fondo-general.jpg);
	background-repeat:repeat-x;
	}
.clear {
	clear:both;
}
@font-face {
    font-family: 'univers_lt_std47LtCn';
    src: url('../fonts/univers_lt_std_47_light_condensed-webfont.eot');
    src: url('../fonts/univers_lt_std_47_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/univers_lt_std_47_light_condensed-webfont.woff') format('woff'),
         url('../fonts/univers_lt_std_47_light_condensed-webfont.ttf') format('truetype'),
         url('../fonts/univers_lt_std_47_light_condensed-webfont.svg#univers_lt_std47LtCn') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1{
	font-family: 'univers_lt_std47LtCn';
	font-size:39px;
	color:#333;
	line-height: 39px;
	}
	h2{
	padding:0px;
	margin:0px;
	font-family: 'univers_lt_std47LtCn';
	font-size:22px;
	color:#BE1E2D;
	}
	h3{
		padding-bottom:4px;
	 font-family: 'univers_lt_std47LtCn';
	font-size:22px;
	color:#BE1E2D;
	border-bottom:1px solid #CCC;
	}
	h4{
	color:#263678;
	text-align:center;
	font-family: 'univers_lt_std47LtCn';
	font-size:18px;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #CCC;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	h5{
	color:#666;
	font-family: 'univers_lt_std47LtCn';
	font-size:18px;
	padding:0px;
	margin:0px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
#barra-superior {
	width:100%;
	color: #FFF;
	font-size: 11px;
	background: rgba(0, 0, 0, 0.5);
	background-image:url(../images/fondo-barra.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#barra-superior a, #barra-superior a:hover  {
	text-decoration:none;
	color: #FFF;
}
#barra-superior-contenido {
	width:1100px;
	text-align: right;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:17px;
	margin:auto;
}
#wrapper {
	width:1100px;
	margin:auto;
	background-color:#FFF;
}
#superior {
}
#superior-logo {
	float:left;
	background-repeat:no-repeat;
	padding-left: 42px;
	width: 270px;
}
#superior-datos {
	float:right;
	width: 785px;
	border-bottom:1px #000 solid;
}
#datos {
	text-align:right;
	padding-top: 22px;
	 font-family: 'univers_lt_std47LtCn';
	font-size:20px;
	padding-right:19px;
}
#datos a, #datos a:hover {
	text-decoration:none;
	color:#000;
}
#correo-tel {
}

#boton-clientes{
}
.clientes-acceso {
	background-color:#BE1E2D;
	 font-family: 'univers_lt_std47LtCn';
	font-size:20px;
	width: 20%;
	float: right;
	color: #FFF;
	padding: 7px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius:8px;
	text-shadow: -1px 1px 13px #600, 1px -1px 13px #603;
}
.clientes-acceso a, .clientes-acceso a:hover  {
	color:#FFF!important;
	text-decoration:none;
}
#menu {
	background-color:#263678;
	 font-family: 'univers_lt_std47LtCn';
}
#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	float:right;
}
#menu li{
	float:left;
	padding:10px 25px 10px 25px;
text-align:center!important;
	border-right:1px solid #006;
}
#menu li a{
	text-decoration:none;
	color:#FFF;
	font-size:15px;
	margin-bottom:5px;
text-align:center!important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
	}
	#menu li a:hover{
		border-bottom:3px solid #129BBC;
		margin-bottom:5px;
	}
	#menu li ul{
width:150px;
margin-top:10px;
display:none;
border:none;
position:absolute;
z-index:999;
margin-left:-28px;
background: rgba(0, 0, 0, 0.8);
text-align:center!important;
}
#menu li ul li{
color:#FFF;
	font-size:17px;
	text-decoration:none;
	border:none;
	padding-top:5px;
text-align:center!important;
}
#menu li ul li a{
color:#FFF;
display:block;
padding-top:5px;
text-align:center!important;
	margin:0px;
text-decoration:none;
	font-size:17x;
	border:none;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#menu li ul li a:hover{
	border-bottom:3px solid #129BBC;
	text-align:center!important;
}

#menu li:hover ul{
	display:block;
	padding-top:5px;
	z-index: 99999;
}
	.menu-seleccion {
	margin-bottom:5px;
	border-bottom:3px solid #129BBC;
	padding-bottom: 0px;
	}
	#banner-principal{
	border-bottom: 1px #CCC solid;
	padding-bottom: 20px;
	}
	.titulo-banner{
	font-family: 'univers_lt_std47LtCn';
	font-size:39px;
	color:#333;
	line-height: 43px;
	margin-top: 10%;
	}
	.titulo-banner-rojo{
	font-family: 'univers_lt_std47LtCn';
	font-size:45px;
	color:#900;
	line-height: 43px;
	margin-top: 28%;
	}
	.banner-foto{
	float:left;
	width: 580px;
	}
	.banner-foto img {
	width:100%;
}
	.banner-texto{
	float:right;
	margin-left: 33px;
	width: 466px;
	padding-right: 20px;
	}
	.leermas, .leermas2{
	background-color:#263678;
	color:#FFF;
	 font-family: 'univers_lt_std47LtCn';
	text-align:center;
	padding:5px;
	width: 18%;
	font-size:17px;
	margin-top:10px;
	}
   .leermas a, .leermas a:hover {
	   color:#FFF;
	   text-decoration:none;
	}
	.leermas2 a, .leermas2 a:hover {
	   color:#FFF;
	   text-decoration:none;
	}
	.leermas2{
	float:right;
	}
	#balazo-itbnkx{
		text-align:center;
	}
	#quees-itbnkx{
	background-image:url(../images/fondo-quees.jpg);
	background-repeat: no-repeat;
	border-bottom:1px #CCC solid;
	}
	#quees-itbnkx-superior{
	text-align:center;
	color:#FFF;
	font-family: 'univers_lt_std47LtCn';
	font-size:18px;
	width: 65%;
	padding-left: 35%;
	line-height:24px;
	padding-top: 38px;
	}
	#texto-inicio{
		width:100%;
		clear:both;
	}
	.ver-beneficios {
	background-color:#BE1E2D;
	 font-family: 'univers_lt_std47LtCn';
	font-size:17px;
	width: 15%;
	float: right;
	color: #FFF;
	padding: 3px;
	text-align: center;
	margin-top: 9px;
}
.ver-beneficios a, .ver-beneficios a:hover  {
	color:#FFF;
	text-decoration:none;
}
#quees-itbnkx-inferior{
	float:right;
	width: 78%;
	padding-top:8px;
	}
	#quees-itbnkx-inferior-izq{
	float:left;
	border-right:1px solid #CCC;
	padding-right:2%;
	width: 40%;
	padding-bottom: 20px;
	}
	.gris2{
	background-color:#BDCCD4;
	padding-left:14px;
	height:24px;
	}
	.gris3{
	background-color:#E5E5E5;
	padding-left:14px;
	min-height:24px;
	}
	.gris ul, .gris2 ul, .gris3 ul{
		margin:0px;
		padding:0px;
	}
	.gris{
	background-color:#ACB4B7;
	padding-left:14px;
	height:24px;
	}
	.azul{
	padding-left:14px;
	min-height:24px;
	}
	.azul ul{
		margin:0px;
		padding:0px;
	}
	.gris li, .gris2 li, .azul li, .tipos-entidades2 li, .tipos-entidades1 li, .icono-texto li, #tipos li, #clientes-izq li, #clientes-derecho li, #formulario-derecho li {
	list-style-image:url(../images/vineta.png);
	margin:0px;
	padding:0px;
	}
	#quees-itbnkx-inferior-derecho{
	float:right;
	width: 55%;
	}
	.tipos-entidades1{
	float:left;
	width: 50%;
	line-height:27px;
	}
	.tipos-entidades2{
	float:right;
	width: 50%;
	}
	#inicio-inferior{
	margin-top:40px;
	margin-bottom: 20px;
	}
	#socios-negocio{
	float:left;
	border-right:1px solid #CCC;
	width:48%;
	padding-left: 32px;
	}
	#seguridad{
		width:49%;
		float:right;
	}
	.icono{
	float:left;
	text-align: center;
	width: 130px;
	}
	.icono-texto{
	float:right;
	padding-right: 15px;
	width: 380px;
	}
	.destaque-icono{
		border-radius:8px;
		color:#666;
		background-color:#E6E6E6;
		text-align:center;
		 font-family: 'univers_lt_std47LtCn';
		padding:5px;
		font-size:20px;
		line-height:26px;
	}
	#intro-interior{
	}
	#itbnkx{
	float:left;
	width: 807px;
	}
	#intro-interior-izq{
	float:left;
	width: 430px;
	}
	#intro-interior-derecho{
	background-image:url(../images/fondo-texto-interior.jpg);
	background-repeat:no-repeat;
	float:right;
	width: 357px;
	color: #FFF;
	padding-left: 10px;
	padding-bottom:10px;
	padding-right: 10px;
	}
	#empresa-izq{
	float:left;
	width: 578px;
	background-image:url(../images/fondo-empresa.jpg);
	background-repeat:no-repeat;
	color: #FFF;
	padding-left: 32px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 100px;
	}
	#empresa-derecho{
	float:right;
	width: 480px;
	color: #FFF;
	}
	.titulo{
	font-family: 'univers_lt_std47LtCn';
	font-size:35px;
	color:#FFF;
	line-height: 39px;
	margin-top:15px;
	}
	#valores-clientes{
		text-align:center;
		border:dotted 1px #999;
		background-color:#F8F8F8;
		margin-bottom:25px;
		border-radius:10px;
		padding:5px;
	}
	#infointerior{
	width:871px;
	margin:auto;
	margin-top: 20px;
	}
	#infointerior-superior{
	}
	#caracteristicas-tipos{
	float:left;
	width: 65%;
	}
	#caracteristicas{
	float:left;
	width:49%;
	}
	#tipos{
	float:right;
	width:49%;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	padding-left: 1%;
	}
	#contacto{
	float:right;
	width: 260px;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 10px;
	}
	#contacto a, #contacto a:hover {
		color:#000;
		text-decoration:none;
	}
	#infointerior-inferior{
	margin-top:20px;
	margin-bottom: 20px;
	}
	#menu-lateral{
	float:left;
	width:252px;
	background-color:#EFEFEF;
	margin-top: 15px;
	padding-bottom:6%;
	}
	#menu-lateral  ul{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0;
}
#menu-lateral  li{
	float:left;
	width: 100%;
}
#menu-lateral  li a{
	color:#000;
	text-decoration:none;
	padding-top:5px;
padding-left:5px;
display:block;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
	}
#menu-lateral  li a:hover{
		background-color:#CCC;
		padding-top:5px;
		padding-left:5px;
	}
	.menulateral-seleccion{
		background-color:#CCC;
		width:98%!important;
		padding-top:5px;
		padding-left:5px;
	}
	#ficha-derecho{
	float:right;
	width:605px;
	position:relative;
	height:970px;
	}
	#ficha-derecho li:nth-child(2n+1){
		background-color:#FFF;
	list-style-position:inside;
	padding-left:10px;
	}
	#ficha-derecho li:nth-child(2n){
		background-color:#BDCCD4;
	list-style-position:inside;
	padding-left:10px;
	}
	#ficha-derecho li:nth-child(2n+1)  ol li{
	background-color:#FFF;
	list-style-position:inside;
	padding-left:10px;
	}
	#ficha-derecho li:nth-child(2n) ol li{
	background-color:#FFF;
	list-style-position:inside;
	padding-left:10px;
	}
	#ficha-intro{
		margin-top:10px;
	}
	#texto-gris{
	float:left;
	width:236px;
	background-color:#E5E5E5;
	padding: 15px 10px 0px 12px;
	min-height: 97px;
	}
	#foto-gris{
		width:341px;
		float:right;
	}
	.ficha{
	padding:5px;
	 font-family: 'univers_lt_std47LtCn';
	font-size:20px;
	color:#FFF;
	border-left:6px solid #263678;
	background-color:#BE1E2D;
	}
	.clientes{
	padding:5px;
	font-family: 'univers_lt_std47LtCn';
	font-size:20px;
	color:#FFF;
	border-bottom:6px solid #BE1E2D;
	background-color:#263678;
	margin-top: 15px;
	}
	#clientes-izq{
	float:left;
	width:48%;
	padding-right:2%;
	border-right:1px #CCC dotted;
	margin-top: 10px;
	}
	#clientes-derecho{
	float:right;
	width:49%;
	margin-top: 10px;
	}
	#clientes-izq li, #clientes-derecho li, #formulario-derecho li {
			list-style-position:inside;
			margin-left:-35px;
			padding:4px;
		}
	#clientes-derecho li:nth-child(2n+1),#clientes-izq li:nth-child(2n+1), #formulario-derecho li:nth-child(2n+1){
		background-color:#F1F5FB;
			}
	#contacto-seccion{
	width:1000px;
	margin:auto;
	margin-top:20px;
			}
	#banner-servicios{
	width:1000px;
	margin:auto;
	margin-bottom: 20px;
			}
	#banner-servicios img{
	width:100%;
			}
		#formulario-seccion{
	width:48%;
	float:left;
	padding-top: 30px;
	margin-bottom: 15px;
			}
			#formulario-derecho{
	float:right;
	width:46%;
	padding-left:2%;
	color:#333;
	border-left:1px #CCC dotted;
			}
#formulario-derecho a, #formulario-derecho a:hover {
	color:#999;
	text-decoration:none;
			}
		#aviso{
			}
			#producto-texto {
	float:right;
	width: 733px;
			}
	#destaque-producto {
		margin-left:100px;
		border-left:#BE1E2D 1px dotted;
		padding-left:5px;
			}
	#pie{
		background-color:#263678;
		border-top:#E6E6E6 solid 30px;
		color:#FFF;
		padding-bottom:10px;
		font-size:10px;
		line-height:20px;
	}
	#pie ul{
	list-style:none;
	padding-top:15px;
}
#pie li{
	float:left;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #006;
}
#pie a, #pie a:hover {
	color:#FFF;
	text-decoration:none;
}
.agradecimiento{
	text-align:center;
	border-bottom:#900 1px solid;
	font-family: 'Noto Sans', sans-serif;
	font-size:24px;
	color:#900;
}
#agradecimiento{
	text-align:center;
	width:485px;
	color:#000;
	float:left;
	background-color: #FFF;
	padding-bottom: 25px;
}
.administracion-de-clientes, .captacion-de-recursos, .fuentes-financiamiento{
/*	position:absolute;
*/	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.captacion-de-recursos, .colocacion, .fuentes-financiamiento{
	opacity:0;
}
.boton-administracion-de-clientes, .boton-captacion-de-recursos, .boton-colocacion, .boton-fuentes-de-financiamiento, .boton-operaciones-en-ventanilla, .boton-cobro-y-pago-de-servicios, .boton-seguimiento-y-cobranza, .boton-contabilidad, .boton-expedientes-digitales, .boton-tesoreria, .boton-tarjetas-de-credito-debito, .boton-reportes-de-gestion, .boton-reportes-regulatorios, .boton-prevencion-de-lavado-de-dinero, .boton-analisis-de-riesgos, .boton-spei{
	cursor:pointer;
	padding:5px;
}
#administracion-de-clientes, #captacion-de-recursos, #colocacion, #fuentes-de-financiamiento, #operaciones-en-ventanilla, #cobro-y-pago-de-servicios, #seguimiento-y-cobranza, #contabilidad, #expedientes-digitales, #tesoreria, #tarjetas-de-credito-debito, #reportes-de-gestion, #reportes-regulatorios, #prevencion-de-lavado-de-dinero, #analisis-de-riesgos, #pago-spei{
	position:absolute;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width:100%;
}
#captacion-de-recursos, #colocacion, #fuentes-de-financiamiento, #operaciones-en-ventanilla, #cobro-y-pago-de-servicios, #seguimiento-y-cobranza, #contabilidad, #expedientes-digitales, #tesoreria, #tarjetas-de-credito-debito, #reportes-de-gestion, #reportes-regulatorios, #prevencion-de-lavado-de-dinero, #analisis-de-riesgos,  #pago-spei{
	opacity:0;
}
#colocacion{
	z-index:999999;
}
.conozca{
	padding:5px;
	background-color:#900;
	text-align:center;
}
.conozca a{
	color:#FFF;
	text-decoration:none;
}