/*CSS Document created by 2Code - www.2code.co - for Quarto Útil Agencia Creativa - www.quartoutil.com -*/

body{

	background-color:#FFF;
	color: #333;
line-height: normal;
font-family: Arial, Helvetica, sans-serif!important;
font-size: 13px!important;
font-style: normal;
font-weight: normal;
font-variant: normal;

}

ul li{
	list-style-position: inside;	
}

.wrapper{

	position:relative;

	width:940px;

	margin:0 auto;

	font-family:Tahoma, Verdana, Arial;

	font-size:12px;

	color:#666;

}

#nav_top{

	position:absolute;

	width:70px;

	height:28px;

	background-image:url('../images/top.jpg');

	background-position:center;

	background-repeat:no-repeat;

	bottom:-50px;

	left:50%;

	margin-left:-35px;

	cursor:pointer;

	z-index:1000;

}

#header{

	position:relative;

	width:100%;

	height:120px;

	background-image:url('../images/bg-header.jpg');

	background-position:center top;

	background-repeat:repeat-x;

}

	#logo{

		position:relative;

		width:146px;

		float:left;

		height:84px;

		left:35px;

		margin-top:5px;

	}

	#menu-top{

		position:relative;

		width:390px;

		float:right;

		margin-top:40px;

		right:40px;

	}

		#menu-top ul{

			position:relative;

			list-style:none;

		}

			#menu-top li{

				width:auto;

				float:left;

				margin-left:10px;

				margin-right:10px;

			}

			#menu-top li.separador{

				position:relative;

				width:2px;

				height:50px;

				background-image:url('../images/separador-menu-top.jpg');

			}

				#menu-top li#inicio a{

					display:block;

					width:45px;

					height:43px;

					background-image:url('../images/btn-inicio.png');

					background-position:top;

				}

					#menu-top li#inicio a:hover{

						background-position:bottom;

					}

				#menu-top li#estado-de-cuenta a{

					display:block;

					width:147px;

					height:43px;

					background-image:url('../images/btn-estado-de-cuentas.png');

					background-position:top;

				}

					#menu-top li#estado-de-cuenta a:hover{

						background-position:bottom;

					}

				#menu-top li#solidaridad a{

					display:block;

					width:88px;

					height:43px;

					background-image:url('../images/btn-solidaridad.png');

					background-position:top;

				}

					#menu-top li#solidaridad a:hover{

						background-position:bottom;

					}

#banner-area{

	position:relative;

	width:100%;

	height:240px;

	padding-top:10px;

	padding-bottom:10px;

	background-image:url('../images/bg-area-banner.jpg');

	background-repeat:repeat;

	background-position:top;

}

	#slider-contenedor{

		position:relative;

		width:710px;

		height:220px;

		padding:5px;

		float:left;

		/*background-image:url('../images/bg-slider.jpg');

		background-repeat:no-repeat;*/

		margin-top:5px;
		overflow:hidden;

	}

	#menu-banner-area{

		position:relative;

		width:211px;

		height:221px;

		float:right;

		background-image:url('../images/bg-menu-banner-area.jpg');

		background-repeat:no-repeat;
		margin-top:10px;

	}

		#menu-banner-area ul{
			position: relative;
			width: 170px;
			margin: 0 auto 0 20px;
			margin-top: 40px;
			list-style: none;
		}

			#menu-banner-area li{

				width:auto;

				padding-left:20px;

				background-image:url('../images/bullet-menu-banner-area.jpg');

				background-repeat:no-repeat;

				background-position:center left;

				font-family:Tahoma, Verdana, Arial;

				font-size:12px;

				color:#5C82A6;

				margin-top:15px;

				margin-bottom:15px;

			}

				#menu-banner-area li a{

					display:block;

					color:#FFF;
					font-size:13px;

				}

					#menu-banner-area li a:hover{

						color:#FC0;

					}

#menu-principal{

	position:relative;

	width:100%;

	height:88px;

	background-image:url('../images/bg-menu.jpg');

	background-repeat:repeat-x;

	background-position:top center;

}

#sombra-menu{

	position:absolute;

	width:864px;

	height:15px;

	background-image:url('../images/sombra-menu.jpg');

	background-repeat:no-repeat;

	background-position:center;

	top:48px;

	left:35px;

	z-index:10;

}

	#menu-principal ul{

		position:relative;

		width:938px;

		height:30px;

		list-style:none;

		border-left:1px solid #033357;

		border-right:1px solid #024B74;

		top:7px;

		z-index:1000;

	}

		#menu-principal li{

			width:132px;

			height:30px;

			float:left;

			border-left:1px solid #035f91;

			border-right:1px solid #033357;

		}

			#menu-principal li a{

				display:block;

				height:77px;

				padding-left:0px;

				padding-right:0px;

				font-family:Tahoma, Verdana, Arial;

				font-size:12px;

				color:#FFF;

				line-height:30px;

				text-align:center;

				white-space:nowrap;

			}

				#menu-principal li a:hover{

					color:#FC0;

				}

			/*Icono Contáctenos*/

			#menu-principal li#contactenos a:hover{

				background-image:url('../images/rollover-contacto.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

			/*Icono Recomiéndenos*/

			#menu-principal li#recomiendenos a:hover{

				background-image:url('../images/rollover-recomiendenos.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

			/*Icono Boletin*/

			#menu-principal li#boletin a:hover{

				background-image:url('../images/rollover-boletin.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

			/*Icono Testimonios*/

			#menu-principal li#testimonios a:hover{

				background-image:url('../images/rollover-testimonios.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

			/*Icono Quejas y Reclamos*/

			#menu-principal li#quejas-reclamos a:hover{

				background-image:url('../images/rollover-quejas-reclamos.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

			/*Icono Sugerencias*/

			#menu-principal li#sugerencias a:hover{

				background-image:url('../images/rollover-sugerencias.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

			/*Icono Descargas*/

			#menu-principal li#descargas a:hover{

				background-image:url('../images/rollover-descargas.png');

				background-position:bottom center;

				background-repeat:no-repeat;

			}

#contenido{

	position:relative;

	width:100%;

}

	#col-left{

		position:relative;

		width:210px;

		float:left;

		margin-right:30px;

		z-index:10;

	}

	#buscador{

		position:relative;

		width:210px;

		height:35px;

		margin-bottom:15px;

	}

		.siev_searchgoogle input.text{

			position:relative;

			width:146px;

			height:30px;

			padding:0 5px;

		
			margin:0;

			float:left;

			background-color:transparent;

			border:none;

			background-image:url('../images/campo-busqueda.jpg');

			background-repeat:no-repeat;

			z-index:0;

		}

		.siev_searchgoogle input.btnserch{

			position:absolute;

			width:67px;

			height:30px;

			float:right;

			background-color:transparent;

			border:none;

			background-image:url('../images/buscar.png');

			background-repeat:no-repeat;

			right:0px;

			z-index:20;

			text-indent:9999px;

			cursor:pointer;

		}

	#menu-lateral{

		position:relative;

		width:208px;

		margin:0 auto;

		margin-bottom:20px;

	}

		#menu-lateral-top{

			position:relative;

			width:208px;

			height:63px;

			background-image:url('../images/menu-lateral-top.jpg');

			background-position:bottom center;

			background-repeat:no-repeat;

		}

		#menu-lateral-bottom{

			position:relative;

			width:208px;

			height:39px;

			background-image:url('../images/menu-lateral-bottom.jpg');

			background-position:bottom center;

			background-repeat:no-repeat;

		}

		#menu-lateral-bg{

			position:relative;

			width:208px;

			background-image:url('../images/bg-menu-lateral.jpg');

			background-position:bottom center;

			background-repeat:repeat-y;

		}

			#menu-lateral ul{

				list-style:none;

			}

				#menu-lateral li{

					width:208px;				

					font-family:Tahoma, Verdana, Arial;

					font-size:12px;

					font-weight:bold;

					background-image:url('../images/separador-menu-lateral.jpg');

					background-position:bottom center;

					background-repeat:no-repeat;

					padding-bottom:2px;

				}

		#btn-encuestas a{

			display:block;

			position:relative;

			width:206px;

			height:56px;

			margin:0 auto;

			margin-bottom:20px;

			background-image:url('../images/btn-encuestas.jpg');

			background-position:top;

		}	

			#btn-encuestas a:hover{

				background-position:bottom;

			}

		#facebook-box{

			position:relative;

			width:210px;

			margin-bottom:20px;

			text-align:center;

		}

	#col-right{

		position:relative;

		width:700px;

		float:left;

	}

		#accesos-directos{

			position:relative;

			width:680px;

			height:82px;

			padding:5px;

			background-color:#F6F6F6;

			border:2px solid #EEE;

			margin-bottom:20px;

		}

			#accesos-directos ul{

				position:relative;

				width:652px;

				height:58px;

				background-image:url('../images/bg-accesos-directos.jpg');

				background-position:center;

				background-repeat:no-repeat;

				left:5px;

				margin:10px;

				list-style:none;

			}

				#accesos-directos li{

					width:auto;

					float:left;

					

				}
				#accesos-directos li #comm100_ChatButton{
				margin-top:10px;
				
				}
				
				/*****/
				.separador_contenidos{
					border-bottom:#CCC dotted 2px;
					margin:10px;
					padding:10px;
					}
				
				/*******/
				
				#detalleSimulador{
					
				}
				#fc_Credito_Seleccionado{
					position: relative;
					font-family: Tahoma, Verdana, Arial;
					font-size: 16px;
					font-weight: normal;
					margin-bottom: 10px;
					margin-left: 0px;
					color: #469BD2;
					text-align:center;
				}
				#detalleAfiliacion{
					
				}
				.cerrarAcordeon{
					background-image:url(../images/cerrar-icono-6036-96.png);
					background-repeat:no-repeat;
					background-position:left;
					padding:5px 5px 5px 30px;
					font-weight:bold;
					font-size:16px;
					color:#b71717;
					margin-bottom:0px;
					float:right;
					cursor:pointer;
					
					
				}
				a.solicitarCredito{
					padding:10px;
					background-color:#FFD251;
					color:#004A7B;
				}

				/*Botón Simulador de Crédito*/

					#accesos-directos li#estado a{

						display:block;

						width:138px;

						height:60px;

						float:left;

						background-image:url('../images/btn-simulacro-de-credito.png');

						background-position:top;

						background-repeat:no-repeat;

						margin-top:5px;
						margin-left:30px;

					}

						#accesos-directos li#simulacro a:hover{

							background-position:bottom;

						}

				/*Botón Asesor en línea*/

					#accesos-directos li#asesor a{

						display:block;

						width:129px;

						height:50px;

						float:left;

						/*background-image:url('../images/btn-asesor-en-linea.png');*/

						background-position:top;

						background-repeat:no-repeat;

						margin-left:20px;
						margin-top:5px;

					}

						#accesos-directos li#asesor a:hover{

							background-position:bottom;

						}

				/*Botón Estado de Cuenta Mensual*/

					#accesos-directos li#deposito a{
						display:block;
						width:128px;
						height:54px;
						float:left;
						background-image:url('../images/btn-estado-de-cuenta-mensual.png');
						background-position:top;
						background-repeat:no-repeat;
						margin-top:10px;
						margin-left:25px;
					}

						#accesos-directos li#deposito a:hover{

							background-position:bottom;

						}

				/*Botón Depósito Líneas de Ahorro*/

					#accesos-directos li#simulador a{
						display: block;
						width: 156px;
						height: 51px;
						float: left;
						background-image: url('../images/btn-deposito-lineas-ahorro.png');
						background-position: top;
						background-repeat: no-repeat;
						
						margin-top: 15px;
						cursor:pointer;

					}

						#accesos-directos li#simulador a:hover{

							background-position:bottom;

						}

	#destacados{

		position:relative;

		width:650px;

		height:289px;

		padding:20px;

		background-image:url('../images/bg-destacados.jpg');

		background-repeat:no-repeat;

		text-align:center;

	}

		#destacados-slider ul{

			list-style:none;

			position:relative;

			width:650px;

			height:289px;

		}

			#destacados-slider li{

				width:650px;

				height:280px;

				float:left;

			}

				#destacados-slider li div{

					width:190px;

					float:left;

					padding:0 10px;

					border-left:1px solid #F4F4F4;

					font-family:Tahoma, Verdana, Arial;

					font-size:11px;

					text-align:left;

					line-height:16px;

					color:#666;

				}

						#destacados-slider li div a{

							color:#106BA2;

						}

		ol#controls{

			list-style:none;

			position:relative;

			width:100px;

			height:16px;

			padding:0px;

			display:inline-block;

		}

			ol#controls li a{

				width:15px;

				height:12px;

				float:left;

				margin-left:2px;

				margin-right:2px;

				background-image:url('../images/manejador-destacados.jpg');

				background-repeat:no-repeat;

				background-position:top;

				text-indent:-9999px;

			}

				ol#controls li.current a{

					background-position:bottom;

				}

	#noticias{

		position:relative;

		width:648px;

		height:163px;

		padding:20px;

		background-image:url('../images/bg-noticias.jpg');

		background-repeat:no-repeat;

		text-align:center;

		margin-bottom:40px;

	}

		#noticias-slider ul{

			list-style:none;

			position:relative;

			width:648px;

			height:163px;

		}

			#noticias-slider li{

				width:648px;

				height:163px;

				float:left;

			}

				#noticias-slider li div.item{

					width:195px;

					float:left;

					padding:0 10px;

					font-family:Tahoma, Verdana, Arial;

					font-size:11px;

					text-align:left;

					line-height:16px;

					color:#666;

				}	

					#noticias-slider li div h2{

						color:#000;

					}

						

		#prevBtn a{

			position:absolute;

			display:block;

			width:25px;

			height:53px;

			background-image:url('../images/arrows.png');

			background-repeat:no-repeat;

			background-position:left;

			text-indent:-9999px;

			top:50%;

			margin-top:-25px;

			left:-15px;

		}

		#nextBtn a{

			position:absolute;

			display:block;

			width:25px;

			height:53px;

			background-image:url('../images/arrows.png');

			background-repeat:no-repeat;

			background-position:right;

			text-indent:-9999px;

			top:50%;

			margin-top:-25px;

			right:-15px;

		}

h1{

	position:relative;

	font-family:Tahoma, Verdana, Arial;

	font-size:20px;

	font-weight:normal;

	margin-bottom:10px;

	margin-left:0px;

	color:#F9C61F;

}

h2{

	position:relative;

	font-family:Tahoma, Verdana, Arial;

	font-size:16px;

	font-weight:normal;

	margin-bottom:10px;

	margin-left:0px;

	color:#469BD2;

}

#footer{

	position:relative;

	width:100%;

	height:154px;

	background-image:url('../images/bg-footer.jpg');

	background-repeat:repeat;

	background-position:top;

	z-index:1;

	margin-top:50px;

}

	#textura-footer{

		position:absolute;

		width:100%;

		height:192px;

		bottom:0px;

		background-image:url('../images/textura-footer.png');

		background-repeat:repeat-x;

		background-position:top;

		z-index:1;

	}

	#info-contacto{

		position:absolute;

		width:260px;

		right:0px;

		top:50px;

		font-family:Tahoma, Verdana, Arial;

		font-size:28px;

		color:#FFF;

	}

		#info-contacto h3{

			position:relative;

			font-family:Tahoma, Verdana, Arial;

			font-size:12px;

			font-weight:normal;

			margin-left:0px;

			margin-bottom:10px;

			color:#F9C61F;

		}

		#info-contacto p{

			position:relative;

			font-size:11px;

			color:#74B3E6;

			margin-top:5px;

			line-height:16px;

		}	

		#info-contacto span{

			position:relative;

			font-size:11px;

			color:#FFF;

		}

		#info-contacto span a{

			font-size:11px;

			color:#FFF;

		}