@font-face {
	font-family: 'harabararegular';
	src: url('fonts/harabara-webfont.ttf');
	src: url('fonts/harabara-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/harabara-webfont.woff2') format('woff2'),
		 url('fonts/harabara-webfont.woff') format('woff'),
		 url('fonts/harabara-webfont.eot') format('eot'),
		 url('fonts/harabara-webfont.svg#harabararegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {font-size: 62.5%;} /* reset font-size to 10px  */
*, *:before, *:after {margin:0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus {outline:0;}
img {border: 0; vertical-align: bottom;}
table {border-collapse: collapse; border-spacing: 0;}
.trans, a {-webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
a {text-decoration: none;}
/* end reset */
body {
	font: 1.6rem/1.3 'Open Sans', Arial, sans-serif; color: #6A737B;
	background: #fff url("../ficheros/bg-top.jpg") repeat-x;
}
/* comodines*/
.maxw {width: 100%; max-width: 1160px; margin: 0 auto;}
.hara {font-family: 'harabararegular'; font-weight: normal; line-height: 0.94; letter-spacing: 0.8px;}
.plite {padding: 50px 0;}
.pmedium {padding: 80px 0;}
.plarge {padding: 120px 0;}
.ptop {padding: 80px 0 0;}
.white {color: #fff;}
.lgreen {color: #C4D64D;} /* verde claro */
.mgreen {color: #1E8C1E;} /* verde intermedio */
.dgreen {color: #017550;} /* verde oscuro */
.tpink {color: #c4007a}
.tcenter {text-align: center;}
.gap20 {
 gap: 20px;
}

.btn {
	display: block;
	max-width: 260px;
	margin: 10px auto;
	color: #fff;
	padding: 10px 30px;
	border-radius: 5px;
	background: #017550;
	border: 1px solid #017550;
	width: 100%;
	text-align: center;
	transition: all ease .3s;
}

.line {border-right: 1px solid #BDD2C6;}
/* -------------- */

header {width: 100%;}
p.parrafo {margin-bottom: 20px;}
.center {text-align: center;}

/* home */
.btns-gestiones {
	position: absolute; z-index: 10;
	max-width: 1124px; top: 12%;
	left: 0; right: 0; margin: auto;
}

.btns-gestiones ul {width: 350px; border: 1px solid rgba(255,255,255,.3);}
.btns-gestiones ul li {
	list-style-type: none;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1; cursor: pointer;
	-webkit-box-shadow: inset 0 0 rgba(0,0,0,.3);
	box-shadow: inset 0 0 rgba(0,0,0,.3);
}
.btns-gestiones ul li:hover {-webkit-box-shadow: inset 600px 0 rgba(0,0,0,.2);box-shadow: inset 600px 0 rgba(0,0,0,.2);}
.btns-gestiones ul li a {display: block; padding: 15px 20px 15px 75px;}
.btns-gestiones ul li:first-child a {
	background: url(../ficheros/ico-gestiones03.png) no-repeat 10px center;
}
.btns-gestiones ul li:nth-child(2) a {
	background: url(../ficheros/ico-gestiones02.png) no-repeat 10px center;
}
.btns-gestiones ul li:nth-child(3) a {
	background: url(../ficheros/ico-gestiones04.png) no-repeat 10px center;
}
.btns-gestiones ul li:nth-child(4) a {
	background: url(../ficheros/ico-gestiones04.png) no-repeat 10px center;
}
.btns-gestiones ul li a h4 {font-size: 1.4rem;}
.btns-gestiones ul li a p {
	font-size: 1.4rem; color: #fff;
	line-height: 1.3;
}

/* gestiones02 */
.btns-gestiones02 ul li:first-child a {
	background: url(../ficheros/ico-gestiones05.png) no-repeat 10px center;
}
.btns-gestiones02 ul li:nth-child(2) a {
	background: url(../ficheros/ico-gestiones06.png) no-repeat 10px center;
}
.btns-gestiones02 ul li:nth-child(3) a {
	background: url(../ficheros/ico-gestiones07.png) no-repeat 10px center;
}
.btns-gestiones02 {padding: 10px 0;}
.btns-gestiones02 ul, .btns-gestiones02 ul li {width: 100%;}
.btns-gestiones02 ul li a {display: block; padding: 15px 20px 15px 75px;}
.btns-gestiones02 ul li a, .btns-gestiones02 ul li a p {color: #017550;}
.btns-gestiones02 ul li:hover {-webkit-box-shadow: inset 600px 0 rgba(255,255,255,.2);box-shadow: inset 600px 0 rgba(255,255,255,.2);}


.hometitles {font-size: 4.4rem;}
.hometitles span {display: block;}
.greenblock {
	padding: 15px 20px 0; 
	-webkit-border-radius: 15px 15px 0 0; 
	border-radius: 15px 15px 0 0;
	position: absolute;
	bottom: 0; left: 0; right: 0;
	margin: auto; z-index: 100;
}
.greenblock:before, .greenblock:after {
	position: absolute; content: ""; 
	width: 0; height: 0; border-style: solid;
	border-color: #9CC20F transparent;
}
.greenblock:before {border-width: 0 0 60px 18px; top: 15px; left: -18px;}
.greenblock:after {border-width: 0 18px 60px 0; top: 15px; right: -18px;}
.homeCredits {background: #9CC20F; overflow: hidden;}
.creditsbox {width: 100%; max-width: 320px; padding: 0 7px 20px;}
.cbint {
	background: #fff; text-align: center;
	padding: 15px; -webkit-border-radius: 5px; border-radius: 5px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.cbint, .bsolicitud {-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);box-shadow: 1px 1px 3px rgba(0,0,0,.5);}
.cbint img {width: 100%;}
.cbint h2 {font: normal 2.4rem Arial; margin: 15px 0 5px;}
.cbint p {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.creditsbox a {margin: 10px 0; color: #017550}
.creditsbox a {
	margin: 10px 0 0; color: #C4D64D;
	padding: 10px 30px;
	-webkit-border-radius: 5px;
	border-radius: 5px; background: #017550;
	border: 1px solid #017550;
	width: 100%; text-align: center;
}
.creditsbox a:hover {background: #fff; color: #017550;}

.bsolicitud {height: 100%; background: #007350; padding: 15px 25px; -webkit-border-radius: 5px; border-radius: 5px;}
.bsolicitud h1 {
	font-size: 3.6rem;
	border-bottom: 5px solid #C4D64D;
	padding: 0 0 5px 8px; margin-bottom: 5px;
}
.bsolicitud a {
	display: block; margin: 15px auto 0;
	color: #C4D64D; text-align: center;
	background: #005D3E; -webkit-border-radius: 5px; border-radius: 5px;
	padding: 8px 10px;
}
.homeDeposits {background: #fff;}

.depositList {padding: 0 0 100px;}
.depositList h1 {
	border-bottom: 1px solid #6B6B6B;
	text-align: left;
	padding: 10px 0 10px 10px;
	margin-bottom: 30px;
}
.deposit-content a {
	width: 100%; display: block;
	color: #00916A; padding: 10px 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: transparent;
	margin: 5px 0;
	transition-delay: 0.5s;
}
.deposit-content a h3 {font: normal 2.2rem/1.2 Arial;}
.deposit-content a p {padding: 10px 0 10px 70px; color: #6A737B;}
a[data-attr="vista"] p {background: url(../ficheros/ico-nome-deposit01.png) no-repeat left center;}
a[data-attr="remesas"] p {background: url(../ficheros/ico-nome-deposit05.png) no-repeat left center;}
a[data-attr="programado"] p {background: url(../ficheros/ico-nome-deposit03.png) no-repeat left center;}
a[data-attr="plazo"] p {background: url(../ficheros/ico-nome-deposit04.png) no-repeat left center;}
a[data-attr="infantil"] p {background: url(../ficheros/ico-nome-deposit05.png) no-repeat left center;}
a[data-attr="electronica"] p {background: url(../ficheros/ico-nome-deposit06.png) no-repeat left center;}

.deposit-content a:hover {background: rgba(0,0,0,0.05);}
.deposit-content a:hover p {
	background: none !important; padding-left: 0;
}
.exclusive {font-size: 1.4rem; padding: 20px;}

/* home remesas */
.homeRemesas {
	background: url(../ficheros/bg-home-remesas.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.remContent {width: 100%; max-width: 550px;}
.remContent h2 {font: bold 2.4rem Arial; padding-bottom: 15px;}
.remList {padding: 25px 20px 0;}
.remList li {padding: 2px 0;}
.remesadoresLogos {padding: 0 20px;}
/* home tarjetas */
.homeTarjetas {
	background: url(../ficheros/bg-home-pres.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
/*.homePress {padding: 120px 20px 50px;}*/
.hPres {text-align: right;}
.hPres h2 {font: bold 3.4rem Arial;}
.hPres a {
	display: inline-block;
	font: bold 2.2rem Arial;
	padding: 10px 25px; background: #fff;
	border: 1px solid #fff; margin: 20px 0;
}
.hPres a:hover {background: transparent; color: #fff;}

.triangle:after {
	content: ""; width: 0; height: 0;
	position: absolute; z-index: 100;
	left: 0; right: 0; margin: auto;
	border-style: solid;
	border-width: 28px 28px 0 28px;
	border-color: #fff transparent;
}
.greyBg {background: #D8E0DA;}
.greyBg:after {border-color: #D8E0DA transparent;}
.grey2Bg {background: #F0F0F0;}
.grey2Bg:after {border-color: #F0F0F0 transparent;}

.topContent {
	position: relative; border: 3px solid #fff;
	background: #fff url("../ficheros/bg-gencontent.jpg") repeat-x;
	padding: 35px; margin: 100px auto 0;
}

.gencontent {overflow: hidden;}
.topContent2 {padding: 0;}
.topContent:before, .genbox:after {position: absolute; top: 70px;}
.topContent:before {content: url("../ficheros/genbox-left.png"); left: -25px;}
.topContent:after {content: url("../ficheros/genbox-right.png"); right: -25px;}
.gentTit {font-size: 2.8rem; border-bottom: 1px solid #7C8F83; padding-bottom: 5px; color: #7C8F83;}

.bodyContent {padding: 25px 0 0;}
.contLeft img {border: 5px solid #D8E0DA;}
.contRight {padding: 0 0 0 30px;}
.contRight p {font-size: 1.8rem;}
.serviceTitle {font-size: 6.8rem; margin-bottom: 20px;}

/* detalles creditos */
.detTit {font: normal 3.6rem Arial; text-align: center; padding: 15px;}
.detLeft, .detRight {width: 100%; padding: 0 30px;}
.ventajas {
	background: rgba(255,255,255,.65);
	border: 10px solid #C5D1C9; padding: 20px 15px;
	height: 100%; width: 100%;/* margin: 0 20px;*/
}

.infantil01 {background: rgba(156,194,15,.85);}
.infantil02 {background: rgba(0,121,86,.80);}
.ventajas02 {padding: 20px;}
.ventajas02 .ventalasList {margin-top: 30px;}
.ventajas h2 {font: normal 2.4rem Arial; margin-bottom: 5px;}
.ventajas h3 {font: normal 1.8rem Arial; margin-bottom: 5px;}
.ventalasList {list-style-type: none; padding: 0 0 20px 15px;}
.ventalasList li {
	margin: 8px 0;padding-left: 25px;
	background: url("../ficheros/check.png") no-repeat left 5px;
}
.ventalasList02 li {background: url("../ficheros/checkwhite.png") no-repeat left 5px;}
.det {list-style-type: none;}
.det li {padding: 22px 15px 22px 65px; border-bottom: 1px solid #B3B3B3;}
.det li:first-child {background: url(../ficheros/blt-01.png) no-repeat left center;}
.det li:nth-child(2) {background: url(../ficheros/blt-02.png) no-repeat left center;}
.det li:nth-child(3) {background: url(../ficheros/blt-03.png) no-repeat left center;}
.det li:nth-child(4) {background: url(../ficheros/blt-04.png) no-repeat left center;}
.det li:nth-child(5) {background: url(../ficheros/blt-05.png) no-repeat left center;}
.det h3 {font: normal 1.8rem Arial; color: #007956;}
.det li:last-child {border: none;}
.requisitos {
	background: url(../ficheros/bg-requisitos.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;
}
.formLink {text-decoration: underline; font-weight: bold;}
.det li[data-attr="presBtn"] {background: url(../ficheros/blt-form.png) no-repeat left center;}
.requisitos:after {border-color: #027B5B transparent;}
.general-tittle {width: 100%;}
.blockTitle {font-size: 6rem; margin-bottom: 5px;}
.blockTitle2 {font-size: 5rem; margin-bottom: 20px;}
.sleft {padding: 20px 0;}
.requisitos p {font-size: 2.4rem;}
.requiList {
	width: -webkit-calc(100vw - 40px);
	width: calc(100vw - 40px); max-width: 950px;
	border: 1px solid rgba(255,255,255,.4);
	-webkit-border-radius: 5px;
	border-radius: 5px; margin: auto;
}
.requiList ul {width: 100%; padding: 35px 50px;}
.requiList ul li {padding: 5px;}
.requiList ul li span {color: #fff; line-height: 1.3;}

.tcredito {
	background: url(../ficheros/bg-tcredito.jpg) no-repeat center bottom;
	-webkit-background-size: cover; background-size: cover;
}
.tcredito:after {border-color: #C6CEBB transparent;} 
.lealtad {
	background: url(../ficheros/bg-lealtad.jpg) no-repeat center bottom;
	-webkit-background-size: cover; background-size: cover;
}
.lealtad:after {border-color: #F0F1ED transparent;} 

.tarjetas {padding-bottom: 20px;}
.tarjetas img {max-width: 360px;}
.infinite {margin-top: 20px;}
.infinite h3 {font-weight: normal; margin-bottom: 15px;}
.solicitudTcredito {
	background: url(../ficheros/bg-solicitudBtn2.jpg) no-repeat center top;
	-webkit-background-size: cover; background-size: cover;
}
.solicitudlealtad {
	background: url(../ficheros/bg-solicitudBtn3.jpg) no-repeat center top;
	-webkit-background-size: cover; background-size: cover;
}

.tcreditoBtn, .tcreditoBtn {
	display: block; width: 70%;
	color: #fff; text-align: center;
	padding: 50px 20px 30px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 50px auto 30px;
	position: relative;
}
.tcreditoBtn::before {
	content: url(../ficheros/check-big.png);
	width: 78px; height: 76px; position: absolute; 
	top: -25px; left: 0; right: 0; margin: auto;
}
.tcreditoBtn:hover {background: rgba(255,255,255,.2);}
.det li[data-list="seguridad"] {background: url(../ficheros/ico-seguridad.png) no-repeat left center;}
.det li[data-list="cobertura"] {background: url(../ficheros/ico-cobertura.png) no-repeat left center;}
.det li[data-list="control"] {background: url(../ficheros/ico-control.png) no-repeat left center;}
.det li[data-list="tiempo"] {background: url(../ficheros/ico-tiempo.png) no-repeat left center;}
.det li[data-list="comodidad"] {background: url(../ficheros/ico-comodidad.png) no-repeat left center;}

/* remesas familiares */
.greenbg {background: #00593E;}
.whitebg {background: #fff;}
.greenbg:after{border-color: #00593E transparent;}
.remesas {
	background: url(../ficheros/bg-remesadores.jpg) no-repeat center bottom;
	-webkit-background-size: cover; background-size: cover;
}
.remesas:after {border-color: #027F5D transparent;}
.remesaBox p {font-size: 1.8rem; text-align: center;}
.rContent {padding: 30px 0;}
.remesadores {
	list-style-type: none; border-right: 1px solid rgba(255,255,255,.4);
	padding: 0 0 0 7%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.remesadores:last-child {border-right: none;}
.remesadores li {padding: 3px 0;}
.logos {background: #fff;}
.logos h2 {font-size: 3.2rem; margin-bottom: 20px;}
.logos-rem {border: 1px solid #D7D7D7; margin: 20px 0 0;}

.procesoATM, .atm {background: #007B5A;}
.procesoATM, .imgATM {width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;}
.imgATM {background: url(../ficheros/atm-img.jpg) no-repeat center top;}
.procesoATM div {
	max-width: -webkit-calc(1124px / 2);
	max-width: calc(1124px / 2); color: #fff;
	padding: 50px 20px 40px 50px;
}
.procesoATM h2 {
	font-size: 3.6rem; padding-bottom: 10px;
	border-bottom: 2px solid #fff;
}
.procesoATM ul {list-style-type: none; padding: 25px 0;}
.procesoATM ul li {
	font: 1.8rem Arial;
	padding: 12px 0 12px 35px;
	position: relative;
}
.procesoATM ul li::before {
	content: attr(data-num); position: absolute;
	display: inline-block; width: 25px; height: 25px;
	line-height: 1.1; left: 0; text-align: center;
	background: #54A00B; -webkit-border-radius: 50%;
	border-radius: 50%; border: 2px solid #fff;
}

/* fedebanking */
.fedebanking {
	background: #007B5A url(../ficheros/bg-fedebankingLink.jpg) no-repeat center top;
	-webkit-background-size: cover; background-size: cover;
}
.fedebankingLink > p {max-width: 900px; margin: auto;}
.fedebankingBtn p {font-size: 3.6rem;}
.infografico {background: #fff;}

.bankingimg div {max-width: 800px; margin: auto;}
.bankingimg img {width: 100%;}

/* bloque contacto */
.blockContact {
	background: url(../ficheros/bg-contactBlock.jpg) no-repeat center bottom;
	-webkit-background-size: cover; background-size: cover;
}
.blockBtn {
	width: 250px; height: 250px;
	-webkit-border-radius: 50%;
	border-radius: 50%; text-align: center;
	padding: 45px 25px 20px;
	position: relative; margin: 25px 0;
}
.blockBtn:first-child {margin-right: 25px;}
.blockBtn:before {
	content: "\f01a"; position: absolute;
	font: normal 5rem FontAwesome;
	width: 60px; height: 60px;
	top: -25px; left: 0; right: 0;
	margin: auto; padding: 4px 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.btel:before {color: #007C57;}
.bform:before {color: #ACD909;}
.blockBtn h3 {font: normal 3rem/1 Arial;}
.btel {background: #ACD909;}
.bform {background: #007C57;}
.bform:before, .btel:before {background: inherit;}

.bform:hover {background: #016044;}
.btel h1 {font-size: 3.4rem;}
.bform span {font-size: 2.4rem;}
.bmail {
	display: inline-block; font: bold 1.8rem Arial;
	border: 1px solid #007C57;
	margin: 0 15px; padding: 10px 20px;
}
.bmail:hover {background: #fff;}

/* ahorros */
.beneBg {
	background: url(../ficheros/bg-desc-ahorros.jpg) center;
	-webkit-background-size: cover; background-size: cover;
}
.crecebg {
	background: url(../ficheros/bg-bene-crecemujer.jpg) center;
	-webkit-background-size: cover; background-size: cover;
}
.bgwite {background: #fff;}
.beneBg:after {border-color: #EAEFF5 transparent;}
.greyBg3 {background: rgba(125,160,154,.3); }
.greyBg3:after {border-color: rgba(125,160,154,.3) transparent;}
.tasasBg {background: #f9f9f9;}
.tasasBox {padding: 0 20px;}
.tasas {
	background: url("../ficheros/bg-tasas.jpg") bottom;
	-webkit-background-size: cover; background-size: cover;
}
.tasas:after {border-color: #EDDED9 transparent;}

.titleTable {font-size: 2.4rem; margin: 0 0 20px; text-align: center;}
.dbox {
	width: 100%; max-width: 562px; padding: 20px 35px;
	border-right: 1px solid rgba(70,145,122,.5);
}
.dbox:last-child {border-right: none;}
.dbox table {width: 100%; max-width: 400px; margin: auto;}
.dbox table td {padding: 3px 0 3px 10px;}
.dbox table td:last-child {text-align: right;}
.table01 tr {border-bottom: 1px solid #55A38A;}
.table01 tr:last-child {border: none;}
.table01 tr td {padding: 10px 0 10px 10px;}

.blockContactAhorro {
	background: url(../ficheros/bg-contact-ahorro.jpg) center;
	-webkit-background-size: cover; background-size: cover
}
.blockContactInfantil {
	background: url(../ficheros/bg-infantil02.jpg) center;
	-webkit-background-size: cover; background-size: cover
}
.blockContactAhorro h1 {text-align: right;}

.infantilBg {
	background: url(../ficheros/bg-desc-infantil.jpg) center top;
	-webkit-background-size: cover; background-size: cover;
} 

/* canales de atención */
.titleext {font-size: 4.2rem; margin: 25px 0;}
#fede-punto-vecino {
	background: #F9FCF3 url(../ficheros/bg-fedepunto-vecino.jpg) no-repeat center top;
}
.boxTab {
	background: #fff; padding: 5px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: rgba(0,77,72,.3);
}
.fedepunto {padding: 20px;}
.fedepuntoTop {width: 100%; padding: 25px 20px;}
.fedepuntoTop div {width: 100%;}
.fedepuntoTop h3 {margin: 15px 0;}
.fedepuntoTop ol {margin: 10px 0; padding-left: 20px;}
.fedepuntoTop ol li {margin: 5px 0;}
.fedepuntoTop div:last-child {-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end; padding-bottom: 20px;}
.fpbox {
	width: 100%; max-width: 480px;
	margin: 45px 5px; padding: 45px 30px 20px;
	background: #fff; -webkit-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 1px 1px #7CBFB8;
	box-shadow: 1px 1px #7CBFB8;
	position: relative;
}
.fpbox::before {
	content: url(../ficheros/fedepuntos-ico.png);
	position: absolute;
	top: -25px; left: 0; right: 0;
	text-align: center;
}
.fpbox h4 {font: normal 1.4rem Arial;}
.fpbox h2 {font: normal 2rem Arial; margin: 3px 0 5px;}
.fpbox p {font: normal 1.6rem Arial; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;}
a.fedetel {
	display: inline-block; font-size: 1.6rem;
	margin: 5px 0; padding: 7px 0 0 38px;
	background: url(../ficheros/ico-tel3.png) no-repeat center left;
}
/* agencias */
.agencias {padding: 35px;}
.agbox {width: 100%}
.agencimg {border: 6px solid #e8e8e8;}
.agencimg img {width: 100%;}
.agbox h2 {
	font-size: 2rem; text-align: center;
	border: 1px solid #006341; padding: 10px;
}
.agencimg, .agbox h2, .agbox p {margin-bottom: 20px;}

.agbox p {
	padding-left: 25px;
	position: relative;
}

.agbox p:before {
	font: normal 1.8rem FontAwesome;
	color: #1E8C1E; position: absolute;
	top: 0; bottom: 0;
}
.agbox a {color: inherit;}
.adir:before {content: "\f041"; left: 5px;}
.atel:before {content: "\f095"; left: 3px;}
.ahor:before {content: "\f017"; left: 2px;}
.aemail:before {content: "\f0e0"; left: 0;}

/* federed 365 */
.federedTop {
	background: #fff url(../ficheros/bg-federed.jpg) no-repeat;
	-webkit-background-size: 100% 100%; background-size: 100%;
}
.redleft {background: #fff;}
.federedTop > div, .contactTop > div {
	width: 50%; padding: 60px 35px;
}
.federedTop h2 {font: normal 2.6rem Arial; margin-bottom: 10px;}
.redimg {margin-bottom: 10px;}

.cajerossa {
	background: #fff;
	padding: 25px 0;
}
.cajero {
	width: 100%;
	padding: 10px 20px 10px 65px;
	border-right: 1px solid #ccc;
	background: url(../ficheros/cajero.png) no-repeat 10px center;
}
.cajero h2 {
	font: normal 1.8rem Arial; margin-bottom: 8px;

}
/* contacto */
.tb-contacto {
	background: #ECF5D8 url(../ficheros/bg-contacto.jpg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
}
.contactTop h2 {
	font-size: 3.8rem;
	border-bottom: 1px solid #095E59;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.contactTop p {font-size: 1.8rem;}
.contactInf {padding: 20px;}
.contactbox {width: 100%;}
.infoBox {width: 650px;}
.cbox {
	width: 275px; padding: 40px 15px 20px;
	background: #fff; -webkit-border-radius: 5px; border-radius: 5px;
	margin: 48px 15px 15px; text-align: center; 
	position: relative; z-index: 1;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
.cbox::before {
	text-align: center;
	top: -50px; left: 0; right: 0;
	position: absolute; z-index: 2;
}
.cbox:first-child::before {content: url(../ficheros/ico-tel2.png);}
.cbox:nth-child(2)::before {content: url(../ficheros/mail-ico2.png);}
.cbox::after {
	content: ""; width: 145px; height: 145px;
	background: #fff; -webkit-border-radius: 50%; border-radius: 50%;
	text-align: center; margin: auto;
	top: -70px; left: 0; right: 0;
	position: absolute; z-index: -1;
}
.cbox:first-child a {font: normal 3rem Arial; color: #76B421;}
.cbox:nth-child(2) a {font: normal 1.6rem/1.8 Arial; color: #76B421;}
.cbox h3 {font: normal 1.6rem Arial;}

.form-container {
	width: 100%; background: #fff;
	padding: 0 35px 25px 15px;
	border-right: 1px solid #D5D5D5;
}
.cdirect {padding: 35px;}
.cdirect h2, .cdirect h3 {font-size: 1.6rem;}

/* gobierno corporativo */
.filosofia {
	background: #ECF5D8 url(../ficheros/bg-filosofia.jpg) no-repeat;
	-webkit-background-size: 100% 100%; background-size: 100%;
	color: #1B7453; padding: 60px 50px;
}
.filosofia h1, .historia h1 {width: 320px; color: #007D54;}

.inf-filosofia {padding-top: 350px;}
.misvis, .valores {width: 45%;}
.misvis, .valores, .history {
	padding: 35px 30px;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#F7FBEF), color-stop(transparent), to(transparent));
	background: -webkit-linear-gradient(#F7FBEF, transparent, transparent);
	background: -o-linear-gradient(#F7FBEF, transparent, transparent);
	background: linear-gradient(#F7FBEF, transparent, transparent);*/
	background: #fff;
	border-top: 5px solid #009D0C;
}

.filosofia h2 {
	color: #009D0C; font: 2.2rem 'harabararegular';
	letter-spacing: 1.5px; padding-bottom: 5px;
}

.historia {
	background: #ECF5D8 url(../ficheros/bg-historia.jpg) no-repeat center top;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	padding: 35px 100px;
}
.historiaImg {margin: 20px 0;}
.inf-historia {padding-top: 250px;}

.gobierno {
	background: #ECF5D8 url("../ficheros/bg-gob-corporativo.jpg") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%; padding: 150px 0 0;
}
.gob {
	padding: 20px 50px; color: #2A8238;
	background: rgba(255,255,255,.6);
	position: relative; margin-bottom: 50px;
}
.gob h1, .mem-tittle h1 {
	font: normal 3.6rem/1.2 Arial;
	margin: 0; color: #2A8238;
}
.gob p {font-size: 1.8rem; text-align: justify;}
.gog-btns {padding: 40px 35px 40px;}

.gbtns {
	width: 145px; height: 155px;
	font-size: 1.4rem; color: #00700F; text-align: center;
	background: -webkit-linear-gradient(#ffffff, #ECF5EA);
	background: -o-linear-gradient(#ffffff, #ECF5EA);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ECF5EA));
	background: linear-gradient(#ffffff, #ECF5EA);
	margin: 20px 30px; padding: 10px 5px 10px;
	-webkit-box-shadow: 1px 1px #A9B5C3;
	box-shadow: 1px 1px #A9B5C3; position: relative;
	-webkit-border-radius: 3px; border-radius: 3px;
	overflow: hidden; border: 1px solid transparent;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
.gbtns::before {
	content: ""; position: absolute;
	width: 0; height: 0; top: 0; left: 0;
	border-width: 8px; border-style: solid;
	border-color: #009700 transparent transparent #009700;
}
.gbtns:hover {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 8px solid #fff;
}

/* colecturía de servicios */
.logos-colecturia > div {padding: 15px 0;}

/* seguros FEDECREDITO */
.solicitudSeguros {
    background: url(../ficheros/bg-segurosbtn.jpg) no-repeat center top;
    background-size: cover;
}

/* noticias-Eventos */
.notice {overflow: hidden; padding: 20px 0; background: #F0F0F0;}
.ui-tabs-vertical {width: 100%;}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 20px 35px;
    float: left;  width: 70%;
    border-right: 1px solid #CCCCCC;
}
.ui-tabs-vertical #notiTabs {float: right; width: 30%; padding: 0 15px;}
.ui-tabs-vertical #notiTabs h1 {font: normal 16px Arial; padding: 12px 10px 12px 5px;}
.notice h1 {margin: 0;}
.ui-tabs-vertical #notiTabs li {
    list-style-type: none;
    clear: left; width: 100%;
    border-top: 1px solid #CCCCCC;
}
.notiTabs h1 {color: #5ABA27; font: normal 2.6rem Arial;} 
.ui-tabs-active {font-weight: bold;}
.ui-tabs-vertical #notiTabs li a {
    display: block; color: #5A7B47;
    font-size: 1.4rem; padding: 15px 10px 15px 5px;
}
.notiSlide {margin: 10px 0 40px;}

.flex-control-nav {bottom: -35px;}

/* promociones*/
.promos-content {background: #fff; padding: 20px; overflow: hidden;}
.promos-content h1 {
	font: bold 2.6rem/1.3 "harabararegular";
	letter-spacing: 1.8px;
	text-align: center; padding-top: 10px;
}
.promos-content > p {text-align: center; color: #639A2B;}

/* tasas tarjeta credito */
.tasasCredito, .tasaactiva {font-size: 1.1rem; text-align: justify;}
.tasaactiva > p {font-size: 1rem;}
.interes {padding: 5px 0 10px;}
.interes li {
	width: 100%; border-right: 1px solid #6A737B; 
	padding: 0 5px; list-style-type: none;
}
.interes li:last-child {border-right: none;}
.interes li h2 {font-size: 2.8rem; line-height: 1; margin: 0;}
.interes li p {font-size: 0.9rem;}
.interes li h2 span {
	font-size: 1.1rem; vertical-align: middle;
	display: inline-block; padding-bottom: 5px
}
/*.saludbg {background: #fff;}*/
.salud {padding: 20px; text-align: center;}

.blockTitlepromos {font-size: 3rem; margin-bottom: 5px;}

/* activos extraordinarios */
.inmuebles {background: #ececec; padding: 30px;}
/*.activos {padding: 0 20px;}*/
.inmuebleitem {
    border-bottom: 1px solid #006341;
    padding: 35px 10px; font-size: 1.4rem;
}
.iblock div {padding: 10px;}
.iblock div:last-child {border: none;}
.inmuebleitem p {padding: 3px 8px;}
.itipo, .w100 {width: 100%;}
.iblock:first-child div:first-child h1 {background: #dce390;}
.inmuebleitem h1 {
    font: normal 1.2rem/1 Arial;
    margin-bottom: 3px;
    background: rgba(0,0,0,.05);
    padding: 6px 8px;
}
.amap, .aphoto {padding: 0 0 10px; text-align: center; width: 75px;}
.iphoto {padding: 0 20px;}
.iphoto a {display: block;}
.aphoto a {
	
	text-align: center;
}
.aphoto a img {width: 100%;}

.socialfoot a {
	font-size: 36px;
	color: var(--dgreen);
	margin-right: 10px;
}
.socialtop a{
	font-size: 22px;
	border: none !important;
	vertical-align: middle;
}
.socialtop a:hover:after {
	border-bottom: none !important;
}
@media screen and (max-width: 1600px) {
	.btns-gestiones {top: 6%;}
	.btns-gestiones ul li a {padding: 5px 20px 5px 75px;}
}

@media screen and (max-width: 1366px) {
	.greenblock {position: relative;}


@media screen and (max-width: 1200px) {
	.btns-gestiones {display: none;}
	.infantilBg {
		background: url(../ficheros/bg-desc-infantil.jpg) center bottom;
		-webkit-background-size: cover;
		background-size: cover;
	} 
	.remContent, .solicitudBlock {padding: 0 20px;}
	.ventajas {margin: 0;}
	.procesoATM div {padding: 40px 20px 30px 50px;}
	.procesoATM ul li {font-size: 1.6rem;}
	.procesoATM ul li::before {font-size: 1.8rem;}
	.titleext, .homePress, .remesaBox  {padding: 0 20px;}
	.contLeft img {width: 100%;}
}

@media screen and (max-width: 1124px) {
	.homeRemesas {
	    background: url(../ficheros/bg-home-remesas.jpg) no-repeat right top;
	    background-size: cover;
	}
	.greenblock {position: relative; padding: 35px 20px 0; border-radius: 0;}
	.creditshcontainer {padding: 0 20px;}
	.creditsbox {max-width: 350px; padding: 0 20px 20px;}
}

@media screen and (max-width: 980px) {
	.serviceTitle {font-size: 7rem;}
	.detLeft, .detRight {padding: 0 20px;}
	.ventajas h2 {font-size: 2.4rem;}
	.ventalasList {padding-left: 0;}
	.filosofia {padding: 30px 20px;}
	.inf-filosofia {padding-top: 200px;}
	.historia {padding: 35px 50px;}
	.inf-historia {padding-top: 150px;}
	.fedepuntoTop {padding: 25px 20px;}
	.federedTop > div, .contactTop > div {
	    padding: 30px 35px;
	}
}
@media screen and (max-width: 968px) {
	.topContent {padding: 30px 20px;}
	.topContent2 {padding: 0;}
	.contRight {padding: 0 0 0 20px;}
	.greenblock {position: relative;}
	.greenblock::before, .greenblock::after,
	.topContent::before, .topContent::after {display: none;}
	.img-solicitud img {width: 100%;}
	.fedebankingLink p, .rContent {padding: 0 20px;}
	.procesoATM div {padding: 40px 20px 30px 20px;}
	.gobierno {padding: 70px 0 0;}
	.gob {margin-bottom: 0;}
	.gog-btns {padding: 20px 20px;}
	.gbtns {margin: 20px;}
	.fpbox {margin: 45px 0;}
}

@media screen and (max-width: 860px) {
	.serviceTitle {font-size: 6rem;}
	.img-solicitud {display: none;}
	.solicitudBlock {padding: 20px;}
	.promos-content {padding: 20px 0;}
}

@media screen and (max-width: 800px) {
	.pedosit-img {display: none;}
	.depositList {padding: 0 20px 20px;}
	.deposit-content a {
	    height: 160px; margin: 5px;
	    background: rgba(0,0,0,.1);  
	}
	.deposit-content a h3 {font-size: 2rem;}
	.requiList ul {padding: 30px 30px;}
	.inf-filosofia {padding-top: 100px;}
	.federedTop > div, .contactTop > div, .infoBox {
	    width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.serviceTitle {font-size: 5.2rem; margin-bottom: 10px;}
	.topContent {margin-top: 0;}
	.contRight p {font-size: 1.8rem;}
	.detTit {font-size: 3rem;}
	.plite {padding: 30px 0;}
	.ptop {padding: 40px 0 0;}
	.plarge {padding: 40px 0;}
	.pmedium {padding: 45px 0 30px;}
	.blockTitle2 {font-size: 4rem;}
	.emailblock, .btel {display: none;}
	.ventajas {height: auto; margin-bottom: 15px;}
	.blockContactAhorro h1 {text-align: center;}
	.tarjetas img {width: 100%; margin-bottom: 10px;}
	.remesadores {padding: 0;}
	.remesadores li {font-size: 1.4rem; padding: 0 15px;}
	.logos h2 {font-size: 2.8rem;}
	.imgATM {display: none;}
	.procesoATM div {max-width: 100%;}
	.procesoATM ul {padding: 15px 0;}
	.procesoATM h2 {font-size: 3.2rem; text-align: center;}
	.filosofia {background: #ECF5D8;}
	.filosofia h1, .historia h1 {text-align: center; width: 100%;}
	.inf-filosofia {padding-top: 10px;}
	.filosofia h2 {font-size: 2rem;}
	.misvis, .valores {padding: 35px 20px;}
	.titleext {font-size: 3.6rem;}
	.historia {padding: 35px 15px; background: transparent;}
	.inf-historia {padding-top: 0;}
	.gobierno {padding: 20px 0 0;}
	.gob, .agencias {padding: 20px;}
	.gob, .gob p {text-align: center;}
	.gob h1 {font-size: 3rem;}
	#fede-punto-vecino {background: #F9FCF3;}
	.fedepuntoTop div:last-child {display: none;}
	.federedTop {-webkit-background-size: auto auto;background-size: auto; text-align: justify;}
	.federedTop > div, .contactTop > div {padding: 20px;}
	.tb-contacto {background: #ECF5D8;}
	.infoBox {display: none;}
	.contactInf {background: #fff;}
	.form-container {border-right: none; padding: 0;}
	.contactTop h2 {font-size: 3rem; text-align: center;}
	.homeRemesas {background: #f2f2f2;}
	.remContent {max-width: 100%;}
	.gob {background: rgba(255,255,255,.8);}
	.promoimg {text-align: center;}
	.promoimg img {width: 100%; max-width: 640px;}
	.condiciones {padding: 20px 0;}
	.promo p {text-align: center;}
	.cdirect {padding: 35px 0 10px;}
	.cajerossa { padding: 0 0 25px 0;}
	.cajero {padding: 10px 15px 10px 65px;background-position: 15px center;}
	.fedepunto {padding: 15px;}
	small {display: inline-block; line-height: 1.1; padding-bottom: 15px;}
}

@media screen and (max-width: 640px) {
	.hometitles {font-size: 4rem;}
	.remContent h2 {font-size: 2rem;}
	.deposit-content a {padding: 15px;}
	.ptop {padding: 35px 0 0;}
	.plite {padding: 20px 0;}
	.pmedium {padding: 40px 0 30px;}
	.gentTit {font-size: 2.4rem;}
	.serviceTitle {font-size: 4.8rem;}
	.contRight p {font-size: 1.6rem;}
	.topContent {padding: 20px;}
	.topContent2 {padding: 0;}
	.blockTitle {font-size: 5rem;}
	.requiList {padding: 15px 0;}
	.requiList ul {padding: 0 25px;}
	.general-tittle {padding: 0;}
	.blockTitle2 {font-size: 3.6rem;}
	.dbox {border: none; margin: auto; padding: 0 20px 20px;}
	.dbox table td {padding: 3px 5px;}
	.titleTable {font-size: 1.8rem; border-bottom: 1px solid #1E8C1E; margin: 0 0 10px;}
	.tcreditoBtn, .tcreditoBtn {display: block;width: 90%; margin: 30px auto;}
	.ventajas02 .ventalasList {margin-top: 0;}
	.ventalasList li {padding-left: 20px;}
	.solicitudBlock {padding: 0 20px;}
	.logos h2 {font-size: 2.4rem; margin-bottom: 15px;}
	.historiaImg {margin: 0 0 20px; text-align: center;}
	.gob h1 {font-size: 2.6rem;}
	.fedepuntoTop {padding: 0;}
	.fedepuntoImg, .federedTop h2, .redimg {text-align: center;}
	.fpbox {max-width: 100%;}
	.federedTop h2 {font-size: 2rem;}
	.creditsbox {padding: 0 10px 25px;}
	.creditsbox a {margin: 10px 0 0; padding: 20px 30px;}
	.remesaBox p {font-size: 1.6rem;}
	.logos-colecturia > div {padding: 5px 0;}
	.hPres {text-align: center;}
	#notiTabs {display: none;}
	.notiTabs {padding: 0 15px 20px;}
	.notiTabs h1 {font-size: 2rem; text-align: center;}
	.exclusive {padding: 10px 0;}
	.notice {margin: 20px 0;}
	.blockTitlepromos {font-size: 2.6rem;}
	.agbox {padding: 0 0 20px;}
	.agbox:first-child {border: none;}
}

@media screen and (max-width: 568px) {
	.deposit-content a {padding: 20px; height: 122px; margin: 5px 0;}
	.homePress img {width: 100%;}
	.serviceTitle {font-size: 4rem;}
	.detTit {font-size: 2.6rem;}
	.blockTitle2 {font-size: 3rem;}
	.ventajas {padding: 20px 15px;}
	.misvis, .valores, .history {width: 100%; padding:20px;}
	.titleext {font-size: 3.6rem; margin: 20px 0 10px; text-align: center;}
	.procesoATM h2, .contactTop h2 {font-size: 2.6rem;}
	.ventajas h3 {font-size: 1.6rem;}
	.inmuebles {padding: 10px;}
}

@media screen and (max-width: 480px) {
	.greenblock {padding: 20px 20px 0;}
	.creditsbox {max-width: 350px; margin: auto;}
	.creditsbox a {font-size: 1.8rem;}
	.hometitles {font-size: 3.6rem;}
	.gentTit {text-align: center;}
	.serviceTitle {font-size: 3rem;}
	.hPres h2 {font-size: 1.8rem;}
	.plite {padding: 20px 0;}
	.bodyContent {padding: 20px 0 0;}
	.contRight {padding: 20px 0 0; text-align: center;}
	.detTit {font-size: 2.2rem;}
	.ventajas02 {padding: 10px;}
	.det li {padding: 22px 15px 22px 60px;}
	.blockTitle {font-size: 4.6rem;}
	.ventajas h2 {font-size: 2rem;}
	.logos h2 {font-size: 2.2rem; line-height: 1;}
	.titleext {font-size: 3rem;}
	.gob h1 {font-size: 2.2rem;}
	.fpbox {padding: 35px 20px 20px;}
	.fpbox h2 {font-size: 2rem; margin: 3px 0 5px;}
	a.fedetel {font-size: 2rem;}
} /* max-width: 480px*/


@media screen and (max-width: 425px) {
	.deposit-content a {height: 145px; padding: 20px 15px;}
	.deposit-content a h3 {font-size: 1.8rem;}
	.deposit-content a p {padding: 10px 0 10px 65px; font-size: 1.4rem;}
	.remList {padding: 25px 0 0 20px;}
	.blockTitle {font-size: 4rem;}
	.remesadores {border-right: none; padding: 0;}
	.gbtns {margin: 20px 10px;}
	.interes li {padding: 0 2px;}
	.interes li h2 {font-size: 2rem;}
	.gbtns {margin: 20px 5px;}
} /* max-width: 425px*/

@media screen and (max-width: 375px) {
	.hometitles {font-size: 3.2rem;}
	.hPres h2 {font-size: 1.6rem;}
	.salud img {width: 100%;}
}