/* Estilos del Web Site de Caja Nuestra Gente */
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	padding:0;
	margin:0;
}
#contenedor{
	width:966px;
	background-image:url(img/fondo.jpg);
	margin:0 auto;
	padding:0px 12px 0px 12px;
}
a img{
	border:0;
}
h1{
	color:#184E78;
	font-weight:bold;
	font-size:1.2em;
	margin-top:20px;
	margin-left:20px;
}
h2{
	color:#184E78;
	font-weight:bold;
	font-size:1em;
	margin-left:20px;

}
h3	{ font-weight:normal; }
p{
	margin-left:20px;
	text-align:justify;
	font-size:.9em;
}
dl{
	margin-left:1px;
	text-align:justify;
	font-size:.9em;
}
dt{
	font-weight:bold;
}
ul{
	font-size:.9em;
}
a img{
	border:none;
}
.centrado{
	text-align:center;
}
table{
	width:80%;
	margin:0 auto;
	font-size:.9em;
}
table caption{
	color:#184E78;
}
thead{
	background-color:#184E78;
	color:#fff;
}
tfoot{
	font-size:.75em;
}
.fila1{
	background-color:#fff;
}
.fila2{
	background-color:#f2f5f7;
}
.total .fila1, .total .fila2{
	font-size:.85em;
}
a{
	color:#184E78;
}
.total{
	width:100%;
}
.img_borde{
	margin:0 auto;
	border:1px solid #1E5E92;
    padding:5px 5px;
}
/*********** Cabecera **********/
#cabecera{
	height:90px;
}
#logo { 
	background-image:url(img/logo_1.jpg);
	position:relative;
	top:3px;
	left:0px;
	width:310px;
	height:85px;
	float:left;
}
#menu_arriba{
	float:right;
	position:relative;
	right:28px;
	top:5px;
	font-size:.7em;
	font-weight:bold;
}
#menu_arriba a{
	text-decoration:none;
	color:#184E78;
}
#menu_arriba a:hover{
	text-decoration:underline;
}
#buscar{
	float:right;
	position:relative;
	top:45px;
	right:25px;
}
#txtbuscar{
	background:url(img/buscar.jpg);
	border:none;
	width:117px;
	height:21px;
	padding:7px 5px 0px 30px;
	font-size:.7em;
}
#btnbuscar{
	font-size:.8em;
	font-weight:bold;
}
#btnbuscar a{
	text-decoration:none;
	color:#000;
}
#btnbuscar a:hover{
	text-decoration:underline;
}
/********** Menu *********/
.menu{
	height:48px;
	background-image:url(img/menu.jpg);
	padding-left:30px;
}
.menu div{
	float:left; /*Alineacion de los Tabs*/
	height:100%;	/* Height of tabs */
	padding-left:0px;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	top:0px;
}
.menu .itemmenusel{
	margin-left:0px;
	margin-right:0px;
	z-index:15;
}
.menu .itemmenu{
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}
.menu a{ /*Formato de letra de tab general*/
	position:relative;
	top:5px;
	left:2px;
	padding-left:4px;
	padding-right:0px;
	margin-left:8px;
	margin-right:5px;
	line-height:20px;
	float:left;
}
.menu .itemmenu a{
	color:#FFF;
	text-decoration:none;
	font-size:.75em;
}
.menu .itemmenu a:active{
	padding-bottom:1px;
	line-height:20px;
}
.menu .itemmenusel a{
	text-decoration:none;
	font-size:.75em;
	font-weight:bold;
	color:#000;
}
.menu .itemmenusel a:active{
	padding-bottom:1px;
	line-height:20px;
}
.menu .itemmenusel a:hover{
	padding-bottom:1px;
	line-height:20px;
}
.menu .itemmenusel{
	height:46px;
	padding-top:2px;
	background-image:url(img/menu_sel_izq.jpg);
}
.menu .itemmenuselright{
	width:9px;
	margin-left:0px;
	margin-right:0px;
	z-index:15;
	background-image:url(img/menu_sel_der.jpg);
}
.menu .itemmenuright{
	width:9px;
	margin-left:0px;
	margin-right:0px;
	z-index:5;
}
/********** Pagina Inicio **********/
#izquierda{
	width:210px;
	float:left;
	margin:0px 0px 0px 8px;
	padding:15px 8px 0px 0px;
/*	border-right:1px solid #8f8f8f;*/
}
#inf_corp{
	width:210px;
	float:right;
	margin:0px 0px 0px 8px;
	padding:0px 15px 0px 0px;
}
.b1hi, .b2hi, .b3hi, .b4hi{
	font-size:1px;
	overflow:hidden;
	display:block;
}
.b1hi{
	height:1px;
	background:#184E78;
	margin:0 5px;
}
.b2hi{
	height:1px;
	background:#184E78;
	margin:0 3px;
}
.b3hi{
	height:1px;
	background:#184E78;
	margin:0 2px;
}
.b4hi{
	height:2px;
	background:#184E78;
	margin:0 1px;
}
.headhi{
	background:#184E78;
	padding:5px 5px 8px 8px;
}
.headhi h3{
	margin:0px 8px 0px 3px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;
}
.contenthi{
	background:#E3EBEE;
}
.b1bhi, .b2bhi, .b3bhi, .b4bhi{
	font-size:1px;
	overflow:hidden;
	display:block;
}
.b1bhi{
	height:1px;
	background:#E3EBEE;
	margin:0 5px;
}
.b2bhi{
	height:1px;
	background:#E3EBEE;
	margin:0 3px;
}
.b3bhi{
	height:1px;
	background:#E3EBEE;
	margin:0 2px;
}
.b4bhi{
	height:2px;
	background:#E3EBEE;
	margin:0 1px;
}
.contenthi ul{
	margin:0;
	padding:0px 5px;
}
.contenthi ul li{
	padding:10px 5px;;
	border-bottom:1px solid #184E78;
	list-style:none;	
}
.contenthi ul li a{
	color:#184E78;
	text-decoration:none;
	font-size:.8em;
	font-weight:bold;
}
.contenthi ul li a:hover{
	text-decoration:underline;
	
}
.espacio10{
	height:10px;
}
.espacio35{
	height:10px;
	margin-top:35px;
}
.titulon{
	color:#184E78;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}
.tpregunta{
	color:#184E78;
	font-weight:bold;
	font-size:.8em;
	margin-top:10px;
}
.tpregunta a{
	text-decoration:none;
}
.tpregunta a:hover{
	text-decoration:underline;
}
.dpregunta{
	color:#1E5E92;
	font-size:.7em;
	margin-top:5px;
	padding-left:10px;
}
#derecha{
	float:left;
	width:720px;
}
#banner{
	width:709px;
	height:241px;
	margin: 0px 5px 15px 10px;
}
#cajas{
	width:709px;
	height:100px;
	margin-left:10px;
}
.mitad{
	width:33.3%;
	float:left;
	margin-bottom:10px;
}
.cajapro1, .cajapro2, .cajapro3{
	margin: 0px auto
	border-style:solid;
	border-width:0px;
    	padding:1px 1px 1px 1px;
}
.cajapro1{
	border-color:#1E5E92;
}
.cajapro2{
	border-color:#B81D22;
}
.cajapro3{
	border-color:#01803D;
}
/*Diagramación*/
.bloque h3{
 	padding-left: 10px;font-weight:bold;color:#444444; font-size:14px;
	background: url(img/bloque_bk_title.gif) top left white; border-bottom: 1px solid #E5E5E5;
	padding: 5px 0px 5px 10px; margin: 0px 0px 0px 0px;
	font-size:14px;
	font-family:Verdana, Helvetica, sans-serif;
}	
.bloque h2{
	color:#444444;
	font-weight:bold;font-size:13px;
	padding: 10px 0px 0px 0px;margin: 10px 0px -15px 0px;
	text-indent:35px;height:35px;	
	font-family:Verdana, Helvetica, sans-serif;
}
.bloque h2.creditos{background: url(img/creditos.jpg) no-repeat;}
.bloque h2.ahorros{background: url(img/ahorros.jpg) no-repeat;}
.bloque h2.tarjetas{background: url(img/tarjetas.jpg) no-repeat;}
.bloque h2.seguros{background: url(img/seguros.jpg) no-repeat;}
.bloque h2.puntos{background: url(img/puntos.jpg) no-repeat;}
.bloque h2.herramientas{background: url(img/herramientas.jpg) no-repeat;}
.bloque	{	
	line-height: 15px;
	margin-left:10px;	
	width:709px;
	float:left;
	font: normal  11px/18px Verdana, Helvetica, sans-serif;
}
.bloque			{ background: url(img/bloque_bk_title.gif) top left white;  }	
.bloque 	div 		{ width:100%;float: left;background: none; padding: 0px 0px 0px 0px; margin: 0px; 
border-bottom: 1px solid #E5E5E5;border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5}
.bloque 	div a 		{ text-decoration: none; }
.bloque 	div a:hover  { text-decoration:underline;}
.bloque 	div.col1	{ color: #666666; }
.bloque 	div.col1 hr	{ background: #fff; border: #FFF; color: #FFF; }
.bloque 	div div		{ margin-left:10px;border: 0px;float: left;background: none; padding: 0px 0px 0px 5px; margin: 0px; }
.bloque 	div div.subcol1	{ width:28%;color: #666666; border-right: 1px solid #E5E5E5}
.bloque 	div div.subcol2	{ width:37%;color: #666666; border-right: 1px solid #E5E5E5 }
.bloque 	div div.subcol3	{ width:32%;color: #666666; }
.bloque 	div div a{margin-left:35px;}
#info_adicional a{margin-left:5px;}
#info_adicional p{margin-left:5px;font: normal  11px/18px Verdana, Helvetica, sans-serif;}

/*------------*/
.borrar{
	clear:both;
}
.linea_horizontal{
	border-bottom:1px dotted #8f8f8f;
	margin:0px 10px;
}
#marcas, #alianza{
	margin-top:10px;
	padding:0px 5px 5px 0px;
	float:left;
}
#marcas{
	border-right:1px dotted #8f8f8f;
	margin-right:5px;
	padding-right:10px;
	margin-left:10px;
}
.tabajo{
	color:#184E78;
	font-weight:bold;
	font-size:1.2em;
	padding-left:10px;
}
.logo{
	margin:10px 0px 0px 10px;
	float:left;
	width:126px;
	height:47px;
}
/********** Pagina Nuestra Gente **********/
.logoi{
	margin:10px 0px 0px 80px;
	float:left;
	width:126px;
	height:47px;
}
/********** Red de Agencia **********/
.redagencia{
	width:720px;
	height:540px;
}
/********** Pie de Pagina **********/
#pie{
	background:#ccc;
	background-image:url(img/pie.jpg);
	height:34px;
	padding-top:15px;
	font-size:.7em;
	clear:both;
}
#pie a{
	text-decoration:none;
	color:#184E78;
}
#pie a:hover{
	text-decoration:underline;
}
#derecho{
	float:left;
}
#desarrollado{
	float:right;
	position:relative;
	right:10px;
}
.ipie{
	float:left;
	margin:1px 0px 0px 20px;
}
/*********** Banca Virtual **********/
.b1bv, .b2bv, .b3bv, .b4bv{
	font-size:1px;
	overflow:hidden;
}
.b1bv{
	height:1px;
	background:#9090a6;
	margin:0 5px;
}
.b2bv{
	height:1px;
	background:#fff;
	margin:0 3px;
	border-left:2px solid #9090a6;
	border-right:2px solid #9090a6;
}
.b3bv{
	height:1px;
	background:#fff;
	margin:0 2px;
	border-left:2px solid #9090a6;
	border-right:2px solid #9090a6;
}
.b4bv{
	height:2px;
	background:#fff;
	margin:0 1px;
	border-left:1px solid #9090a6;
	border-right:1px solid #9090a6;
}
.contentbv{
	background:#fff;
	border-left:1px solid #9090a6;
	border-right:1px solid #9090a6;
	padding:0px 4px;
}
.fondo_banca{
	background-color:#d4e0e6;
	background-image:url(img/fondo_banca.png);
	background-repeat:repeat-x;
	text-align:center;
	padding:5px 0;
}
.titulo_banca{
	font-size:1.2em;
	font-weight:bold;
	color:#071f65;
}
.stitulo_banca{
	font-size:.7em;
	font-weight:bold;
	color:#000;
}
.bv_boton{
	width:80%;
	margin:0 auto;
}
.b1bo, .b2bo, .b3bo, .b4bo{
	font-size:1px;
	overflow:hidden;
}
.b1bo{
	height:2px;
	background:#d8e4e9;
	margin:0 5px;
}
.b2bo{
	height:1px;
	background:#036;
	margin:0 3px;
	border-left:2px solid #d8e4e9;
	border-right:2px solid #d8e4e9;
}
.b3bo{
	height:1px;
	background:#036;
	margin:0 2px;
	border-left:2px solid #d8e4e9;
	border-right:2px solid #d8e4e9;
}
.b4bo{
	height:2px;
	background:#036;
	margin:0 1px;
	border-left:2px solid #d8e4e9;
	border-right:2px solid #d8e4e9;
}
.contentbo{
	background:#036;
	border-left:2px solid #d8e4e9;
	border-right:2px solid #d8e4e9;
	padding:0px 4px;
}
a.bv_entrar{
	display:block;
	background-color:#036;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.link{
	font-size:.8em;
	color:#036;
}
/************ Talento Humano *************/
#menu{
	margin:0;
	padding:0px 5px;text-align:left;
}
#menu dt{	font-weight:normal;
	font-family:Verdana, Helvetica, sans-serif;
	padding:9px 4px;;
	border-bottom:1px solid #184E78;
}
#menu dd{
	margin:0;
	padding-left:25px;
	background-color:#f2f5f7;
}
#menu dt a{
	color:#184E78;
	text-decoration:none;
	font-size:11px;/*.75em;*/
	
}
#menu dt a:hover{
	text-decoration:underline;font-weight:bold;
}
#menu dl dd{
	background-color:#fff;
}
#menu ul{
	padding:0px;
}
#menu ul{
	padding-left:0px;
	padding-right:0px;
}
#menu ul li a{
	font-weight:normal;
	font-size:11px;
}
.marca_alianza{
	width:735px;
}
.fila_cnp1, .fila_cs1, .fila_ect1{
	font-size:.8em;
	background-color:#fff;
}
.fila_cnp2{
	font-size:.8em;
	background-color:#FDEEEF;
}
.fila_cs2{
	font-size:.8em;
	background-color:#E3F0E3;
}
.fila_ect2{
	font-size:.8em;
	background-color:#FFFBE8;
}
.nombretestimonio{
	font-size:1.2em;
	font-weight:bold;
	padding-left:10px;
	text-transform:uppercase;
	background-color:#B9D3EE;
}
.testimonio{
	width:97%;
}