/******* GENERAL *********/ 
@font-face {
	font-family: 'Gill';
	src: url('../fonts/gillsans.eot');
	src: local('☺'), url('../fonts/gillsans.woff') format('woff'), url('../fonts/gillsans.ttf') format('truetype'), url('../fonts/gillsans.svg') format('svg');
	font-weight:
	font-style: normal;
}
@font-face {
	font-family: 'GillLight';
	src: url('../fonts/gillsans.eot');
	src: local('☺'), url('../fonts/gillsans.woff') format('woff'), url('../fonts/gillsans.ttf') format('truetype'), url('../fonts/gillsans.svg') format('svg');
	font-weight: lighter;
	font-style: normal;
}

@font-face {
	font-family: 'Pixel';
	src: url('../fonts/pixelmix.eot');
	src: local('☺'), url('../fonts/pixelmix.woff') format('woff'), url('../fonts/pixelmix.ttf') format('truetype'), url('../fonts/pixelmix.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.cb {
	clear:both;
}
.textoPlomo{
	color:#999;
}
.textoNegro{
	color:#000;
}
.listaFlecha {
	list-style-image: url('../img/iconoSubMenu.png');
}
html{

}
body {
    font-family: Helvetica, Arial, sans-serif;
    color: #122149;
}


/******** HEADER ********/
header{

}
	.linksHeader{
		color:#CCC;
		background-color: #F3F3F3;
	}
		.linksHeader div {
			position: relative;
			float: left;
		}
		.linksHeader a {
			position: relative;
			float: left;
			display: block;
			margin: 0px;
			padding:0px;
		}
		.linksHeader .span8 {
			line-height: 30px;
			font-size: 11px;
		}
	.logo {

	}
		header h1{
			text-indent: -9999px;
			width: 293px;
			height:70px;
			background: url(../img/logo.png) top left no-repeat;
			position: relative; 
			float: left;
		}

		.login {
			position: relative;
			float: right;
			margin-top:25px;
			margin-right:30px;
		}
			.login input, .login select{
				
				height:23px;
				border-radius: 0px;
				background-color: #f8f8f8;
				position: relative;
				float: left;
				margin:5px;
			}
			.login select{
				
				height:45px;
				border-radius: 0px;
				background-color: #f8f8f8;
				position: relative;
				float: left;
				margin:5px;
			}
			.login img {
				position: relative;
				float: left;
				margin:5px;
				padding:0;
			}
	.navbar {
		background-color: #3598d4;
	}
		.navbar .navbar-inner {
			
			background-color: #3598d4;
		}
			
		.navbar .container .nav {
			background-color: #3598d4;
		}
		.navbar a {
			font-size: 18px;
			padding-top:20px;
			padding-bottom:20px;
		}
		.navbar .dropdown-menu > li > a {
			color: #FFF;
			font-size:13px;
			line-height: 13px;
			font-weight: bold;
		}
		.dropdown-menuDerecha{
			left:300px;
			min-width: 225px;
		}
		.navbar .dropdown-submenu > li > a  {
			color: #FFF;
			font-size:13px;
			line-height: 13px;
			font-weight: normal;
			padding: 0px;
		}
		.dropdown-menu {
			min-width: 300px;
			height: 260px;
		}
		.navbar .dropdown-submenu {
			list-style-image:url('../img/iconoSubMenu.png');
		}
		.emergencias {
			position: relative;
			left: 0;
			display: block;
			float: left;
			margin: 0px;
			list-style: none;
		}
		.emergencias li{
			float: left;
		}
		.emergencias li a {
			float: none;
			padding: 16px 0;
			color: #FFF;
			text-decoration: none;
			display: block;
			font-size: 14px;
		}
		.emergencias .dropdown li a {
			padding: 3px 20px;
		}
/* CONTENIDO */
	.carousel-caption .lead{
		color:#122149;
		font-size:25px;
		line-height: 25px;
		margin:0px 0px 10px 0px;
	}
	.carousel-caption h2{
		font-size:46px;
		line-height: 35px;
		color:#122149;
		margin:0px 0px 10px 0px;
	}
	.carousel-caption .btn {
		padding:10px 30px;
		border:0px;

	}



	#sub{
	background-color: #63A22D;
    height: 95px;
    
    padding-left: 60px;
	}
		.cuadro{
			float: left;
			color:#3598d4;
			position:relative;
			top:-50px;
			width:305px;
			height: 103px;
			margin-left:5px;
		}
		.cuadroImagen {
			background-color: #FFF;
			position: relative;
			float: left;
			padding:1px;
			width:137px;
			height: 101px;
		}
		.cuadroTexto{
			background-color: #FFF;
			position: relative;
			height: 103px;
			width:146px;
			padding-left:10px;
			padding-right:10px;
			text-transform: uppercase;
			font-size: 13px;
			line-height: 13px;
			display: table-cell;
			vertical-align: middle;
			text-align: left;
		}
		.cuadroTexto p{
			margin:0;
		}
		.busqueda {
			width: 295px;
			height: 103px;
			position: relative;
			float: left;
			top:-50px;
		}
		.busquedaCampo{
			width:295px;
			height: 50px;
			background-color: #7cc241;
			background: rgba(124, 194, 65, .7);
		}
		.busquedaCampo input {
			width: 252px;

			border-radius: 0px;
			background-color: #f8f8f8;
			position: relative;
			float: left;
			margin: 5px 5px 5px 15px;
			font-size: 14px;
			line-height: 14px;
			background: url(../img/iconoBusqueda.png) top right no-repeat #FFF;
		}
		.busquedaIconos{
			width: 295px;
			height: 53px;
			font-size: 11px;
			line-height: 53px;
			color: #FFF;
			text-transform: uppercase;
		}
			.busquedaIconos a {
				color:#FFF;
				text-decoration: none;
			}
			.iconoOficina{
				width: 11px;
				height: 11px;
				margin-bottom: 4px;
				margin-left: 16px;
				margin-right: 3px;
			}
			.iconoIndicador{
				width: 11px;
				height: 11px;
				margin-bottom: 2px;
				margin-left: 2px;
				margin-right: 3px;
			}


/* FOOTER */ 
footer{
	background-color: #dd0b33;
	padding:10px 60px;
	color: #FFF;
	text-transform: uppercase;
	font-size:8px;
	font-family: "Pixel";
	line-height: 10px;
}
	footer p {
		margin:0;
	}



/*********** PAGINAS INTERNAS *************/
.interno {
	padding-top:50px;
	padding-bottom:50px;
}
.interno h2 {
	font-family: 'GillLight','Gill';
	font-weight: lighter;

}

.bannerCuentaPreferente{
	background: url(../img/banner-cuenta-preferente.jpg) top right no-repeat;
}

.bannerInterno {
	width:100%;
	height:213px;
	position: relative;
	float: left;
	background-color:#FFF;
}
.bannerInterno a {
	margin-left:20px;
	position: relative;
	float: left;
	display: block;
}
.contenedorBanner{
	bottom:0px;
	position: absolute;
}
.busquedaBanner{
	position: relative;
	float: left;
	margin-left: 20px
}
.busquedaBanner .busquedaCampo {
	height:55px;
}
.busquedaBanner .busquedaCampo input {

}
.footerBanner{
	background-color: #63a22d;

}
.footerBanner a{
	text-transform: uppercase;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}
.footerBanner a:hover {
	text-decoration: none;
}
.footerBanner .ftbRight{
	margin-right:300px;
}
.marcadorVerde{
	background: url("../IMG/mini-tic.gif") 0px 1px no-repeat transparent;
	padding-left:25px;
}
.formularioCuentaPreferente {
	background-color: #f4f4f4;
	padding-bottom: 50px;
}
.formularioCuentaPreferente legend{
	background-color: #dedede;
	font-size:17px;
}
.formularioCuentaPreferente legend.tituloForm{
	background-color: #4ba1d8;
	color:#FFF;
	margin-bottom: 0px;
	line-height: 45px;
}
.formularioCuentaPreferente legend.tituloFormLAI{
	background-color: #3598d4;
	color:#FFF;
	margin-bottom: 0px;
	line-height: 45px;
}
.formularioCuentaPreferente legend.tituloForm img{
	margin-left:10px;
	margin-right:10px;
}
.formularioCuentaPreferente label {
	color:#004174;
}
.formularioCuentaPreferenteRespuesta {
	padding-top:20px;
}
.divisor {
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #CCC;
}
.piePagina{
	background-color:#f9fbf4;
	border-top:1px solid #CCC;
	padding-top:40px;
	padding-bottom: 70px;
}
.piePaginaBanner {
	border:1px solid #CCC;
	background-color: #FFF;
	margin-bottom: 20px;
	position: relative;
	float: left;
	color:#7abbe3;
	height:119px;
}
.piePaginaBanner img {
	margin:1px;
	float: left;
	position: relative;
	padding-right:15px;
}
.piePaginaBanner small {
	color:#999;
}

.listaCPBeneficios{
	list-style: none;
	margin: 0 0 10px 0px;
}
.listaCPBeneficios li {
	margin-bottom: 10px;
}
.listaCPBeneficios img {
	margin-right: 10px;
}

.pasosCPRow {
	margin-bottom: 40px;
}
.pasoFinalCProw{
	background-color: #7abbe3;
}
.imagenPasoFinalCProw{
	background-color: #eff7ff;
	border-radius:5px;
	margin-top:20px;
	margin-bottom:20px;

}
.textoPasoFinalCProw {
	color:#FFF;
	font-size: 22px;
	line-height: 90px;
	text-shadow: 1px 1px 1px #333;
        filter: dropshadow(color=#333, offx=1, offy=1);

}
.textArea {
	resize: none;
	margin: 0px 546.007px 10px 0px; 
	width: 755px;
	height: 86px;
}
.pasosCP{
	background-color: #eff7ff;
	border-radius:5px;
}

.pasosCP img {
	position: relative;
	float: left;
}

.FAQPregunta {
	margin:10px 10px 10px 0px;
	padding: 5px 25px 5px 0px;
	cursor: pointer;
}

.FAQPregunta:hover {
	background: url(../img/imagenCPFAQFlecha.png) top right no-repeat;
}
.FAQRespuesta{
	display: none;
	margin:10px 10px 10px 0px;
	
}
.FAQPreguntaSeleccionada{
	border-radius: 5px;
	font-weight: bold;
	background: url(../img/imagenCPFAQFlecha.png) top right no-repeat ;
	background-color: #DAF5FF;
}
.FAQPanelPreguntas{
	border-right:1px solid #CCC;
}


@media (max-width: 767px) { 
	.cuadro{
		background-color: #FFF;
		color:#3598d4;
		position:relative;
		top:0px;
	}
	
 }
 @media (min-width: 980px) {
 	.navbar .navbar-inner{
		background-color: #63a22d;
		padding: 0px;
	}
	.navbar .container {
		margin: 0px;
		padding-left:0px;
	}	
	.navbar .container .nav{
		padding-left:60px;
	}

	.dropdown-submenu{
		margin: 0 0 10px 50px;
	}
	.navbar .nav li.dropdown.open > .dropdown-toggle,
	.navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	        color: #004174;
	        background-color: #aadfff;
	}
	.navbar .dropdown-menu > li > a, .navbar .dropdown-menu:hover > a, .navbar .dropdown-menu:focus > a {
		color: #004174;
		text-decoration: none;
	}
	.navbar .dropdown-submenu > li > a, .navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a {
		color: #004174;
		text-decoration: none;
	}
	.navbar .dropdown-submenu > li > a:hover,.navbar  .dropdown-submenu > li > a:focus,.navbar  .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a {
		color: #004174;
		text-decoration: none;
		background-color: #3598d4;
	}
	.dropdown-verde {
		background-color: #63A22D;
		left:-10px;
		font-size:11px;
		height: 340px;
	}
	.navbar .dropdown-verde > li > a  {
		font-size: 11px;
		line-height: 11px;
		color:#FFF;
	}

	.navbar .dropdown-verde > li > a:hover  {
		background-color: #669933;

	}

	.dropdown-verde .dropdown-submenu > li > a, .dropdown-verde .dropdown-submenu > li > a, .dropdown-verde .dropdown-submenu:hover > a, .dropdown-verde .dropdown-submenu:focus > a {
		color: #ffffff;
		text-decoration: none;
	}

	.dropdown-verde .dropdown-submenu > li > a:hover, .dropdown-verde .dropdown-submenu > li > a:focus, .dropdown-verde .dropdown-submenu:hover > a, .dropdown-verde .dropdown-submenu:focus > a {
		color: #ffffff;
		text-decoration: none;
		background-color: #669933;
	}

	.carousel-inner  .item  img {
		min-width:100%;
	}
	.carousel-inner  .item  {
		max-height:400px;
	}
	
 }
  @media (min-width: 980px) and (max-width: 1200px){
  	.navbar a {
  		font-size: 12px;
  	}
  	.emergencias li a {
			font-size: 11px;
		}

	
  }
.pLeft5{
	padding-left: 5px;
}
.pLeft10{
	padding-left: 10px;
}
.pLeft15{
	padding-left: 15px;
}
.pLeft20{
	padding-left: 20px;
}
.pLeft30{
	padding-left: 30px;
}
.pLeft40{
	padding-left: 40px;
}
.pBottom1{
	padding-bottom: 1px;
}
.pBottom6{
	padding-bottom: 6px;
}
.pBottom7{
	padding-bottom: 7px;
}
.pBottom10{
	padding-bottom: 10px;
}
.pBottom15{
	padding-bottom: 15px;
}
.pBottom20{
	padding-bottom: 20px;
}
.pBottom24{
	padding-bottom: 24px;
}
.pBottom50{
	padding-bottom:50px;
}
.pBottom90{
	padding-bottom: 90px;
}
.pBottom350{
	padding-bottom: 350px;
}
.pTop5{
	padding-top: 5px;
}
.pTop1{
	padding-top: 1px;
}
.pTop7{
	padding-top: 7px;
}
.pTop9{
	padding-top: 9px;
}
.pTop10{
	padding-top: 10px;
}
.pTop15{
	padding-top: 15px;
}
.pTop20{
	padding-top: 20px;
}
.pTop30{
	padding-top: 30px;
}
.pTop40{
	padding-top: 40px;
}