@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 */

.titleitem {margin-bottom: 15px;}
ol {
	padding: 0 20px 20px 20px;
}
ol li {margin: 5px 0;}
body {font-family: 'Open Sans', Arial, sans-serif; font-size: 1.6rem; color: #6A737B;}
h1 {letter-spacing: 1.5px;}
/* comodines*/
.nobullet {list-style-type: none;}
.maxw {width: 100%; max-width: 1200px; margin: auto;}
.tcenter {text-align: center;}

.color1 {color: #C4D64D;}
.color2 {color: #095E59;}

.lgreen {color: #C4D600;}
.mgreen {color: #1E8C1E;}
.dgreen {color: #006341;}
/* -------------- */
.gap20 {gap: 20px;}
.gap35 {gap: 35px;}
.w100, .img100 {width: 100%}

.pSmall {padding: 60px 20px;}
.parrafo {margin-bottom: 20px;}
.cint {background: #004D48;}
.cint-content {
	width: 100%; margin: auto;
	font: bold 1.1rem/1.2 Arial;
	padding: 10px 20px; color: #00916A;
}


.home01 {background: url(../ficheros/bg-sec01.jpg) no-repeat center top; background-size: cover;}
/* home slide */
.homeSlide {width: 100%; max-width: 768px;}
.item-slide {
	height: 100vh; max-height: 500px; padding: 40px 30px 60px; overflow: hidden;
	background: -webkit-linear-gradient(transparent 20%, transparent 40%, rgba(0,0,0,.8) 100%);
	background: -o-linear-gradient(transparent 20%, transparent 40%, rgba(0,0,0,.8) 100%);
	background: linear-gradient(transparent 20%, transparent 40%, rgba(0,0,0,.8) 100%);
}

/* backgrounds para slide home */
/*.slides li:first-child .item-slide {background: transparent;}*/
.slides li:first-child {background: url(../ficheros/slide/slide01.jpg) no-repeat center top;}
.slides li:nth-child(2) {background: url(../ficheros/slide/slide02.jpg) no-repeat center top;}
.slides li:nth-child(3) {background: url(../ficheros/slide/slide03.jpg) no-repeat center top;}
.slides li:nth-child(4) {background: url(../ficheros/slide/slide04.jpg) no-repeat center top;}
.slides li:nth-child(5) {background: url(../ficheros/slide/slide05.jpg) no-repeat center top;}
.slides li:nth-child(6) {background: url(../ficheros/slide/slide06.jpg) no-repeat center top;}
.slides li:nth-child(7) {background: url(../ficheros/slide/slide07.jpg) no-repeat center top;}
.slides li:nth-child(8) {background: url(../ficheros/slide/slide08.jpg) no-repeat center top;}
/*.slides li:nth-child(9) {background: url(../ficheros/slide/slide08.jpg) no-repeat center top;}*/

.item-slide h1 {font: normal 5.2rem/1 'harabararegular';}
.item-slide span {display: inline-block; color: #fff; font: normal 2.6rem/1 Arial;}

.slides li:nth-child(2) .item-slide span {animation-delay: 4s;}
.slides li:nth-child(3) .item-slide span {animation-delay: 8s;}
.slides li:nth-child(4) .item-slide span {animation-delay: 12s;}
.slides li:nth-child(5) .item-slide span {animation-delay: 16s;}

.btn-slide {
/*	opacity: 0;
	animation: btnt 1s forwards .5s; */
	margin-left: 0; padding-top: 20px;
}

/*.slides li:nth-child(2) .btn-slide {animation-delay: 4.5s;}
.slides li:nth-child(3) .btn-slide {animation-delay: 8.5s;}
.slides li:nth-child(4) .btn-slide {animation-delay: 12.5s;}
.slides li:nth-child(5) .btn-slide {animation-delay: 16.5s;}*/

@keyframes btnt {
	0% {opacity: 0;} 
	5% {opacity: 0;} 
	100% {opacity: 1; margin-left: 0;}
}

.btn-slide a {
	display: inline-block;
	width: 100%; min-width: 210px;
	font-size: 1.8rem; color: #1B7453;
	padding: 10px 30px; background: #C4D64D;
	border: 1px solid #C4D64D;
}
.btn-slide a:hover {background: transparent; color: #fff;}

.text-slide {
/*	opacity: 0;*/
	width: 100%; max-width: 425px;
/*	animation: stext 1.2s forwards;*/
/*	margin-left: -70px;*/
	margin-left: 0px;
} 

/*.slides li:nth-child(2) .text-slide {animation-delay: 4s;}
.slides li:nth-child(3) .text-slide {animation-delay: 8s;}
.slides li:nth-child(4) .text-slide {animation-delay: 12s;}
.slides li:nth-child(5) .text-slide {animation-delay: 16s;}*/

.text-slide img {width: 220px !important;}
@keyframes stext {
	0% {opacity: 0;} 
	5% {opacity: 0;} 
	100% {opacity: 1; margin-left: 0;}
}

.btn {
	display: inline-block;
	padding: 15px 35px;
	background: #095E59;
	border:  1px solid #095E59;
	color: #fff;
	cursor: pointer;
}
.btn:hover {
	background: transparent;
	color: #095E59;
}
/* botones de getiones en línea */
.btn-title p {
	font: bold 1.4rem Arial;
	text-align: right; padding: 5px 15px;
	background: #9CC20F;
}
.btns-gestiones ul {flex-grow: 1;}
.btns-gestiones ul li {
	list-style-type: none; flex-grow: 1;
	background: rgba(0,0,0,.3);
	border-bottom: 1px solid rgba(255,255,255,.1);
	cursor: pointer;
	box-shadow: inset 0 0 rgba(0,0,0,.3);
}
.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-gestiones01.png) no-repeat 10px center;}
.btns-gestiones ul li:nth-child(3) a {background: url(../ficheros/ico-gestiones02.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 {display: block; padding: 0 20px 0 75px;}
.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;}
.btns-gestiones ul li:hover {box-shadow: inset 600px 0 rgba(0,0,0,.2);}

.home02 {background: #B4D126;}

.credits {padding: 40px 20px; color: #095E59;}

.general-tittle {padding-bottom: 30px;}
.general-tittle h1 {font: normal 4.8rem/1 'harabararegular';/* padding-bottom: 15px;*/}
.general-tittle h2 {font: normal 1.8rem/1.2 Arial;}
.cred-item {
	width: 100%; max-width: 360px; 
	text-align: center; color: #095E59;
	margin-bottom: 35px; padding: 0 20px;
	border-right: 1px solid rgba(255,255,255,.4);
}
.cred-item:last-child {border: none;}
.item-ico {
	width: 150px; height: 150px;
	margin: 0 auto 20px;
	border-radius: 50%; padding: 2px;
	border: 8px solid #ececec;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.person {background: url(../ficheros/thumb-cred-person.jpg) no-repeat center center content-box;}
.vivienda {background: url(../ficheros/thumb-cred-vivienda.jpg) no-repeat center center content-box;}
.pymes {background: url(../ficheros/thumb-cred-pymes.jpg) no-repeat center center content-box;}

.item-ico a {display: block; width: 100%; height: 100%;}
.item-ico:hover {border: 12px solid #639A2B;}
.cred-item p {text-align: justify; flex-grow: 1;}
.cred-item h3 {
	font: normal 2.6rem/1.2 Arial;
    margin-bottom:15px;
    display: inline-block;
    position: relative;
}
/*.cred-item h3::before {
	content: ""; position: absolute;
    margin: auto; z-index: 1; 
    width: 75%; height: 2px;
    background: #095E59;
    left: 0; right: 0;
	margin: auto; bottom: -9px; 
}*/

.cred-btns {
	width: 95%;
	margin: 30px auto 0;
	padding: 5px 3px;
}
.cred-more {
	display: block; width: 100%; font-size: 1.3rem;
	color: #fff; padding: 5px 10px;
	border: 1px solid #095E59;
	background: #095E59;
}
.cred-more:hover {background: transparent; color: #095E59;}

/* depositos home */
.homeDeposit {padding: 50px 0 0;}
.depositList {flex-grow: 1; align-self: center; padding: 0 0 20px;}
.depositList h1 {color: #00916A; border-bottom: 1px solid #6B6B6B; padding-left: 10px;}
.deposit-content a {width: 50%; display: block; color: #00916A; padding: 20px; border-radius: 5px; background: transparent;}
.deposit-content a h3 {font: normal 2.2rem/1.2 Arial;}
.deposit-content a p {padding: 10px 0 10px 70px; color: #6A737B;}
.deposit-content:nth-child(2) div a:first-child p {background: url(../ficheros/ico-nome-deposit01.png) no-repeat left center;}
.deposit-content:nth-child(2) div a:nth-child(2) p {background: url(../ficheros/ico-nome-deposit05.png) no-repeat left center;}
.deposit-content:nth-child(3) div a:first-child p {background: url(../ficheros/ico-nome-deposit03.png) no-repeat left center;}
.deposit-content:nth-child(3) div a:nth-child(2) p {background: url(../ficheros/ico-nome-deposit04.png) no-repeat left center;}
.deposit-content:nth-child(4) div a:first-child p {background: url(../ficheros/ico-nome-deposit05.png) no-repeat left center;}
.deposit-content:nth-child(4) div a:nth-child(2) 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;}

/* remesas home */
.home04 {background: url(../ficheros/bg-home-remesas.jpg) no-repeat center top; background-size: cover;}
.homeRemesas {padding: 60px 0;}
.remContent {width: 100%; max-width: 550px; color: #00916A;}
.remContent h2 {font: bold 2.4rem Arial;}
.remContent p {font: normal 1.8rem/1.3 Arial;}
.remList {padding: 25px 20px;}
.remList li {padding: 2px 0;}

/* presolicitud home */
.home05 {background: url(../ficheros/bg-home-pres.jpg) no-repeat; background-size: cover; }
.homePress {padding: 120px 20px 50px;}
.hPres {text-align: right;}
.hPres h1 {font: normal 5.4rem 'harabararegular'; color: #fff;}
.hPres h2 {font: bold 3.4rem Arial;}
.hPres a {
	display: inline-block;
	font: bold 2.2rem Arial;
	padding: 10px 25px;
	color: #C4D64D; background: #fff;
	border: 1px solid #fff;
	margin: 20px 0;
}
.hPres a:hover {background: transparent; color: #fff;}

/* footer */
.foot {background: #B4D126;}
.fContent {padding: 30px 0; color: #1B7453;}
.fbox {padding: 20px;}
.fbox h3 {font-size: 1.6rem; padding: 15px 0;}
.fbox ul {list-style-type: none; min-height: 225px;}
.fbox li a {
	display: block; font-size: 1.4rem;
	color: #1B7453; padding: 10px 15px;
	border-top: 1px solid rgba(27,116,83,.4);
	position: relative; z-index: 100;
}
.fbox li:last-child a {border-bottom: 1px solid rgba(27,116,83,.4);}
.fbox li a:after, .fmail a:after {
	content: ""; position: absolute;
	width: 0; height: 100%;
	background: #1B7453; top: 0; 
	left: 0; right: 0; margin: auto;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
	z-index: -1;
}
.fbox a:hover {color: #fff;}
.fbox a:hover:after, .fmail a:hover:after {width: 100%;}
.fmail, .ftel {padding: 0 0 15px 35px;}
.ftel {background: url(../ficheros/phone-ico.png) no-repeat 5px 5px;} 
.fmail {background: url(../ficheros/mail-ico.png) no-repeat 0 5px;}
.fmail, .ftel {padding: 0 0 15px 35px;}
.fmail a, .ftel a {
	display: inline-block; color: #1B7453; 
	z-index: 100; position: relative;
	padding: 3px 3px 3px 0;
}

.bContent {padding: 10px 20px;}
.bContent p {font-size: 1.4rem;  color: #1B7453;}

/* internas */
.int {padding-bottom: 25px;}
.tit {font-size: 2rem; color: #fff;}
.tittle-int {font: normal 4.8rem/.95 'harabararegular'; color: #A8D306; margin: 10px 0;}
.int-sup {width: 100%; max-width: 600px;/* height: 470px;*/ color: #fff; padding: 100px 20px 40px 20px;}
.int-sup p {font: 1.8rem/1.3 Arial; margin: 15px 0;}
.int-sup h3 {font: 2.4rem Arial; color: #A8D306;}

.int-inf {width: 100%; padding: 0 20px 50px; }
.int-inf h3 {font-size: 1.6rem; color: #1B7453; margin-bottom: 10px;} 
.int-inf p {margin-bottom: 20px;}
.infBox, .infBox2, .infBox3 {
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	line-height: 1.3;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.infBox2 {max-width: 560px;}
.infBox {width: 320px;}
.infBox3 {max-width: 100%;}
.infBox:last-child {padding: 0; align-self: flex-end;}
.credbtn {display: block; max-width: 320px;height: 100%; border-radius: 5px; background: #005E57;}
.credbtn img {width: 100%;}
.credbtn p {height: 100%; padding: 18px 15px; font-size: 1.8rem; color: #fff; transition: all .2s ease;}
.credbtn:hover {box-shadow: inset 0 250px #56A40C;}
/*.credbtn:hover p {color: #fff;}*/

.infBox h2, .infBox2 h2, .infBox3 h2 {font: bold 2.2rem Arial; color: #1B7453;  margin: 5px 0 15px;}

.infBox p:last-child, .infBox2 p:last-child {
    margin: 0;
}
.infBox2 a:hover {color: #1B7453;}
.infBox2 a:hover {color: #B4D126;}

.infBox p, .infBox2 p {margin: 5px 0 20px 0;}
.int-inf ul {padding: 0 0 0 25px; margin-bottom: 20px;}
.int-inf li {margin: 7px 0; line-height: 1.3;}
.int-inf li a, .int-inf p a {color: #1B7453;}
.int-inf a p {box-shadow: inset 0 0 #55A30C;}

.infBox2:last-child {padding: 0; margin: 0 0 0 15px;}

/* backgrounds generales internas */
.int-vivienda {background: #fff url(../ficheros/bg-vivienda.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-empresa {background: #fff url(../ficheros/bg-empresas.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-personal {background: #fff url(../ficheros/bg-personal.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-programado {background: #fff url(../ficheros/bg-ahorroprogramado.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-popular {background: #fff url(../ficheros/bg-popular.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-vista {background: #fff url(../ficheros/bg-ahorrovista.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-infantil {background: #fff url(../ficheros/bg-ahorroinfantil.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-credito {background: #fff url(../ficheros/bg-tarjetacredito.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-debito {background: #fff url(../ficheros/bg-tarjetadebito.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-remesas {background: #fff url(../ficheros/bg-remesas.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-colecturia {background: #fff url(../ficheros/bg-servicios.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-lealtad {background: #00554F;}
.int-plazo {background: #fff url(../ficheros/bg-depositoaplazo.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-fedebanking {background: #fff url(../ficheros/bg-fedebanking.jpg) no-repeat center top; /*background-size: 100%;*/}
.int-seguros {background: #fff url(../ficheros/bg-seguros.jpg) no-repeat center top; /*background-size: 100%;*/}

.int {background-size: 100%;}
.lealtad-bg {
	background: #fff;
	border-radius: 5px;
}

/* debito */
.globalbtn, .banner-remesas  {
	display: block; width: 100%;
	max-width: 490px; position: relative;
	border-radius: 5px;
}

.btn-debit {
	background: #005E57 url(../ficheros/bg-btn-debito.png) no-repeat left center;
	padding: 40px 20px 40px 200px; color: #A8D306;
}
.btn-debit:after {
	content: url(../ficheros/arrow.png);
	position: absolute; top: -65px; left: 70px;
} 
.int-inf a.globalbtn h3, .int-inf a.banner-remesas h3 {color: #fff; font: bold 3.4rem 'harabararegular'; letter-spacing: 1.3px; webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
.globalbtn:hover {background-color: #A8D306; color: #005E57;}
.globalbtn:hover h3 {color: #005E57;}
.globalbtn span {transition: all ease .2s;}
.globalbtn:hover span {color: #1B7453;}


/* tarjeta de crédito */
.btn-credit {
	font-size: 1.8rem; color: #fff;
	background: #005E57;
	padding: 70px 20px 20px 20px;
}
.btn-credit:after {
	content: url(../ficheros/tarjetas-credit.png);
	position: absolute; top: -70px; left: 20px;
} 
.btn-credit:before {
	content: url(../ficheros/arrow.png);
	position: absolute; top: -30px; right: 40px;
} 

/* ahorros */
.btn-cahorro {
	font-size: 1.8rem; color: #fff;
	background: #005E57 url(../ficheros/brn-ahorros.png) no-repeat center left;
	padding: 20px 20px 20px 180px;
	text-align: right;
}
.btn-cahorro:before {
	content: url(../ficheros/arrow02.png);
	position: absolute;
	top: -30px; left: 130px;
} 
.btn-cahorro h3 {color: #A8D306;}

/* remesas familiares */
.btn-remesas {
	font-size: 1.8rem; color: #fff;
	background: #005E57;
	padding: 55px 30px 30px;
}
.btn-remesas:before {
	content: url(../ficheros/arrow.png);
	position: absolute; top: -70px; left: 70px;
} 
.btn-remesas:after {
	content: url(../ficheros/ico-remesas.png);
	position: absolute; top: -15px; right: 100px;
} 
.btn-remesas h3 {color: #fff;}
.btn-remesas2 {margin-top: 20px;}

.right-remesas {border-radius: 5px; overflow: hidden;}
.steps {background: #7BB238; padding: 20px; color: #fff;}
.req {background: #005E57; padding: 20px; color: #fff;}
.list-remesadores {padding: 20px;}
.list-remesadores ul {font-size: 1.4rem;}

.logos-rem > div {padding: 15px;}

/* canales de atención */
.tittle-canales {font: 4.6rem 'harabararegular'; color: #fff; padding: 15px 0;}

/* agencias */
.tab-agencias {padding: 35px;}
.boxAgenc {border-bottom: 1px solid #D4D4D4; padding: 35px 0;}
.agencImg {position: relative;}
.agencImg:before {
	content: "";
	position: absolute;
	left: -16; top: 0;
	width: 16px; height: 100%;
	background: #005E57;
	border-bottom: 32px solid #7FC939;
}
.agencImg:after {
	content: "";
	position: absolute;
	left: 0; right: 0;
	margin: auto; bottom: -15px;
	width: 90%; height: 10px;
	border-radius: 50%;
	background: rgba(0,0,0,.1);
	box-shadow: 0px 0px 2px rgba(0,0,0,.1);
}
.agencDet div {margin: 0 0 10px 0;}
.agencDet {padding-left: 30px;}
.adress h2, .horario h3 {font: normal 3.4rem Arial; color: #1B7453;}
.horario h3 {font: bold 1.8rem Arial;}
.tel {
	background: url(../ficheros/ico-tel.png) no-repeat left center;
	padding: 10px 10px 10px 60px;
}
.tel h4, .email h4 {color: #666666; font-weight: normal;}
.tel p {font: normal 3.2rem Arial; color: #76B421;}
.email {background: url(../ficheros/ico-email.png) no-repeat left center; padding: 10px 10px 10px 60px;}
.email a {color: #76B421; font: 1.8rem Arial;}

/* reset fedepuntos */
.int-lealtad {padding: 25px 0;}
.lealtad {background: #fff; border-radius: 5px;}

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

/* FEDE PUNTO VECINO */
#fede-punto-vecino {background: #F9FCF3 url(../ficheros/bg-fedepunto-vecino.jpg) no-repeat center top;}

.fedepunto {padding: 20px;}

.fedepuntoTop {width: 100%; padding: 25px 20px;}
.fedepuntoTop h3 {margin: 15px 0;}
.fedepuntoTop ol {margin: 10px 0; padding-left: 20px;}
.fedepuntoTop ol li {margin: 5px 0;}
.fedepuntoTop div {width: 100%;}
.fedepuntoTop div:last-child {align-self: flex-end; padding-bottom: 20px;}

.fpbox {
	width: 100%; max-width: 460px;
	margin: 45px 5px;
	padding: 35px 35px 20px; background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px #7CBFB8;
	position: relative;
}
.fpbox h4 {font: normal 1.4rem Arial;}
.fpbox h2 {font: normal 2.4rem Arial; color: #A8C926; margin: 3px 0;}
.fpbox p {font: normal 1.6rem Arial; flex-grow: 1;}
.fpbox:before {
	content: url(../ficheros/fedepuntos-ico.png);
	position: absolute;
	top: -35px; left: 0;
	right: 0; text-align: center;
}

a.fedetel {
	display: inline-block;
	font-size: 1.6rem; margin: 5px 0;
	padding: 7px 0 7px 38px;
	background: url(../ficheros/ico-tel3.png) no-repeat center left;
}

/* FEDE RED 365 */
.federedTop {background: #fff url(../ficheros/bg-federed.jpg) no-repeat; background-size: 100%;}
.federedTop > div, .contactTop > div {width: 500px; line-height: 1.3;}
.federedTop h2 {font: normal 2.6rem Arial; color: #76B421;}

.atm, .federedTop > div, .contactTop > div  {padding: 50px 35px;}

/* contacto */
.int-canales {background: url(../ficheros/bg-sec01.jpg) no-repeat; background-size: 100%;}
.tb-contacto {background: #fff url(../ficheros/bg-contacto.jpg) no-repeat; background-size: 100%;}
.contactTop h2 {
	font: 3.8rem 'harabararegular'; color: #095E59; 
	border-bottom: 1px solid #095E59;
	padding-bottom: 10px;
}
.contactTop p {font-size: 1.8rem;}

.contactInf {padding: 20px;}
.cbox {
	width: 275px;
	padding: 40px 15px 20px; background: #fff;
	border-radius: 5px; margin: 48px 15px 15px;
	text-align: center; position: relative;
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	z-index: 1;
}
.cbox:after {
	content: ""; width: 145px; height: 145px;
	background: #fff; border-radius: 50%;
	text-align: center;
	top: -70px; left: 0; right: 0; margin: auto;
	position: absolute; z-index: -1;
}
.infoBox {width: 650px;}
.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 h3 {font: normal 1.6rem Arial;}
.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 a:hover {color: #095E59;}
.form-container {
	width: 100%;
	background: #fff; padding: 0 35px 25px 15px; 
	border-right: 1px solid #D5D5D5;
}
.contactbox {width: 100%;}

.cdirect {padding: 35px;}
.cdirect h2, .cdirect h3 {font-size: 1.6rem;}
.cdirect h2 {color: #76B421;}
.cdirect p {margin-bottom: 25px;}

/* sobre nosotros */

/* filosofia */
.filosofia {
	background: url(../ficheros/bg-filosofia.jpg) no-repeat; 
	background-size: 100%;
	color: #1B7453;
	line-height: 1.3;
	padding: 60px 50px;
}
.filosofia h1 {font: 6.2rem/0.9 'harabararegular'; color: #007D54;}
.filosofia h2 {color: #009D0C; font: 2.2rem 'harabararegular'; letter-spacing: 1px; padding-bottom: 5px;}
.inf-filosofia {padding-top: 370px;}
.misvis, .valores {width: 48%; padding: 20px 75px;}
.vision, .mision {padding-bottom: 20px;}
.valores {border-left: 1px solid rgba(27,116,83,.4);}
.valores ul {list-style-type: none; padding-left: 15px;}
.valores ul li {margin: 5px 0;}

/* dirección / historia */
.historia, .presidencia {
	background-size: 100%;
	color: #1B7453;
	line-height: 1.3; 
	padding: 75px 50px;
	text-align: justify;
}
.historia {background: url(../ficheros/bg-historia.jpg) no-repeat;}
.presidencia h2 {font: 6rem/0.9 'harabararegular'; text-align: left;}
.presidencia p {margin: 20px 0;}
.inf-historia {padding: 65px 0 0;}
.inf-historia p {margin: 20px 0;}

/* Gobierno corporativo */
.gobierno {
	background: url("../ficheros/bg-gob-corporativo.jpg") no-repeat;
	background-size: 100%;
	padding: 150px 0 0;
}
.gob, .miembros {
	padding: 20px 50px;
	color: #2A8238;
	background: rgba(255,255,255,.6);
	position: relative;
	margin-bottom: 50px;
}
.miembros h1 {
	text-align: center;
	border-bottom: 2px solid #2A8238;
	font: normal 2.2rem/1.4 Arial;
	display: table; margin: 0 auto 30px;
}
.tablas table {
	width: 100%; height: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 1.3rem;
}
.tablas table th {padding: 6px 15px; font-size: 1.5rem;}
.tablas table tr:first-child {background: #009700; color: #fff;}
.tablas table tr:nth-child(2) {text-align: left;}
.tablas table td {padding: 6px 15px;}
.gerencia table td {padding: 16px 15px;}
.tablas table td:first-child {padding-right: 60px;}
.tablas th, .tablas td {border: 1px solid #009700;}

.gob h1, .mem-tittle h1 {font: normal 3.6rem/1.2 Arial;margin: 0; color: #2A8238;}
.gob p {font-size: 1.8rem; margin: 0;}

.gog-btns {padding: 40px 35px 40px;}
.gbtns {
	width: 138px; height: 148px;
	font-size: 1.4rem; color: #00700F;
	text-align: center; text-decoration: none;
	background: -webkit-linear-gradient(#ffffff, #ECF5EA);
	background: -o-linear-gradient(#ffffff, #ECF5EA);
	background: linear-gradient(#ffffff, #ECF5EA);
	margin: 20px 30px; padding: 10px 4px 15px;
	box-shadow: 1px 1px #A9B5C3; position: relative;
	border-radius: 3px; overflow: hidden;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
	border: 1px solid transparent;
}

.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 {border-radius: 50%; border: 8px solid #fff;}

.mem-tittle {padding: 20px 50px;}

/* fede banking */
.btn-fedebanking {
	display: block;
	padding: 20px;
	color: #1B7453;
	background: #C4D64D;
	border: 2px solid #1B7453;;
	position: relative;
	border-radius: 5px;
}
.btn-fedebanking:before {
	content: url(../ficheros/fedebanking.png);
	position: absolute;
	top: -32px;
	right: 10px;
}

.btn-fedebanking h3 {
    font: bold 3.6rem 'harabararegular';
    letter-spacing: 1.3px;
    webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.btn-fedebanking span {font-size: 1.8rem;}
.btn-fedebanking:hover {
	background: transparent;
	color: #1B7453;
}

/*
#C4D64D rgb(196,214,77)
#1B7453 rgb(27,116,83)
*/
.wtemp {width: 100%; max-width: 1360px; margin: auto;} /* css temporal */

/* promociones*/
.promos-content {background: #fff; padding: 20px;}
.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;
}
.promo {
	border-bottom: 1px solid #639A2B;
	margin: 0 auto 20px; padding: 25px 0;
}


.socios {
	font: bold 1.6rem Arial;
	padding: 15px 10px;
}

@media screen and (max-width: 1680px) {
	.int {background-size: auto;}
	.int {background-position: right top;}
}



@media screen and (max-width: 1080px) {
	.cred-item {border-right: none;}
}
 


@media screen and (max-width: 980px) {
	.infBox, .infBox2 {box-shadow: none;}
	.infBox2 {max-width: 100%;}
	.infBox2:last-child {padding: 60px 0 20px; margin: 0;}
	.atm, .federedTop > div, .contactTop > div {
	    padding: 30px 35px;
	}
	.misvis, .valores {padding: 20px 50px;}
	.inf-filosofia {padding-top: 150px;}
	.agencImg, .agencDet {width: 50%;}
	.agencImg img {width: 100%;}
	.agencImg::before, .agencImg::after {display: none;}
	.adress h2 {font: 2.6rem/1 Arial;padding-bottom: 5px;}
}

@media screen and (max-width: 800px) {
	.home01 {background: transparent;}
	.tb-content, .pedosit-img {display: none;}
	.btns-gestiones ul {
		width: 100%;
		background: url(../ficheros/bg-sec01.jpg) no-repeat center top;
	}
	.btns-gestiones ul li:hover {box-shadow: inset 800px 0 rgba(0,0,0,.2);}
	.btns-gestiones ul li a {width: 100%; padding: 20px 20px 20px 75px;}
	.general-tittle h1 {font-size: 3.2rem; padding-bottom: 10px;}
	.homePress div {width: 50%;}
	.homePress img {width: 100%;}
	.hPres h1 {font-size: 4.2rem;}
	.hPres h2 {font-size: 2.4rem;}
	.homeDeposit {padding: 0;}
	.depositList {padding: 30px 20px;}
	.deposit-content a {height: 160px; background: rgba(0,0,0,.1); margin: 5px;}
	.deposit-content a h3 {font-size: 2rem;}
	.federedTop > div, .contactTop > div, .infoBox {width: 100%;}
}

@media screen and (max-width: 768px) {
	.cred-item {max-width: 100%;}
	.cred-item h3::before {width: 45%;}
	.cred-more {
		width: 220px; font-size: 1.6rem;
    color: #fff; padding: 15px 20px;
    background: #095E59; margin: 10px 15px; 
    border-radius: 0;
	}
	/*.cred-more:hover {background: #095E59;}*/
	.homePress div {width: 100%;}
	.homePress img {width: auto;}
	.homePress {padding: 20px;}
	.mhide {display: none;}
	.fContent {padding: 0;}
	.fcolumn {width: 100%;}
	.fbox {text-align: center;}
	.fbox h3 {padding: 10px 0;}
	.fmail, .ftel {padding: 0 0 10px; background: none;}
	.fmail a, .ftel a {
		padding: 15px 10px;
	    border: 1px solid #1B7453;
	    width: 280px; font-size: 1.6rem;
	}
	.bContent p {font-size: 1.2rem; text-align: center;}
	.cdirect, .infoBox {display: none;}
	.presIntro {padding: 30px 35px 30px 135px;}
	.atm, .federedTop > div, .contactTop > div {padding: 30px 20px 0;}
	.tb-contacto {background: #fff;}

	.form-container {border-right: none; padding: 0;} 
	.contactInf {background: #fff;}
	.filosofia {padding: 20px;}
	.misvis, .valores {padding: 20px 30px;}
	.inf-filosofia {padding-top: 20px;}
	.filosofia h1, .presidencia h2 {font-size: 4.2rem;}
	.tab-agencias {padding:20px;}
	.boxAgenc {padding: 20px 0;}
	.agencDet {padding-left: 20px;}
	.tel p {font-size: 2.6rem;}
	.email a {font-size: 1.6rem;}
	#fede-punto-vecino {background: #F9FCF3;}
	.fedepuntoTop div:last-child {display: none;}
	.federedTop {background-size: auto;}
	.filosofia {background: #fff;}
	.junta, .gerencia {margin-bottom: 20px;}
	.gerencia table td {padding: 6px 15px; padding-right: 15px;}
}

@media screen and (max-width: 640px) {
	.general-tittle h1 {font-size: 2.6rem;}
	.cint-content {padding: 5px 10px;}
	.cint-content {font-size: 0.8rem;}
	.credits, .homeRemesas {padding: 30px 20px;}
	.general-tittle h2 {font-size: 1.6rem; padding: 5px 0;}
	.deposit-content a {padding: 15px;}
	.item-slide h1 {font-size: 4.2rem}
	.item-slide {padding: 30px 20px;}
	.item-slide span {font-size: 2.4rem;}
	.btn-slide a {width: auto; min-width: 230px;}
	.remContent p {font-size: 1.6rem; line-height: 1.2;}
	.int-sup {padding: 20px; background: #015E56;}
	/*.int-sup p {padding-bottom: 20px;}*/
	.infBox, .infBox2 {padding: 0; margin: 0; border-radius: 0;}
	.int-inf {padding: 20px; background: #fff;}
	.contactTop h2 {padding-bottom: 0; font-size: 2.2rem;}
	.contactTop p {font-size: 1.6rem;}
	.tittle-canales {padding: 10px 20px; font-size: 3rem;}
	.federedTop h2 {font: normal 2rem Arial;}
	.infBox h2, .infBox2 h2 {font-size: 2.2rem; padding-bottom: 0; margin: 0;}
	.int-inf ul {padding: 0 0 20px 20px;}
	.infBox {width: 100%;}
	.historia, .presidencia {padding: 35px 25px;}
	.gobierno {padding: 30px 0 0;}
	.gbtns {margin: 15px 8px;}
	.boxAgenc {padding: 0;}
	.agencImg, .agencDet {width: 100%;}
	.agencDet {padding: 20px 0;}
	.valores ul {padding-left: 0;}
	.gob, .miembros {padding: 20px 0;}
	.miembros h1 {
		font: normal 1.8rem/1.2 Arial;
	    letter-spacing: 0;
	    padding-bottom: 5px;
	}
	.fedepuntoTop {padding: 0;}
	.fedepuntoImg {text-align: center;}
	.fpbox {max-width: 100%;}
	.infBox p, .infBox2 p {margin: 5px 0;}

	.atm, .federedTop > div, .contactTop > div {
	    padding: 20px;
	}

}

@media screen and (max-width: 568px) {
	.cred-btns {width: 100%;}
	.cred-item {padding: 0;}
	.cred-more {margin: 10px auto;}
	.deposit-content a {
    width: 100%; padding: 20px;
    height: 122px; margin: 5px 0;
	}
	.cbox {width: 100%; padding: 10px 0;text-align: left; margin: 0; box-shadow: none;}
	.cbox::before, .cbox::after {display: none;}
	.contactInf {padding: 0;}
	.btn-cahorro {font-size: 1.6rem; background: #005E57; text-align: left;}
	.inf-filosofia {padding-top: 20px;}
	.misvis, .valores {width: 100%; padding: 0; border: none;}
	.gob {padding: 10px 15px; margin-bottom: 0; text-align: center;}
	.gob h1, .mem-tittle h1 {font: normal 2.4rem/1.2 Arial;}
	.gob p {font-size: 1.6rem;}
	.filosofia h1, .presidencia h2 {
	    font-size: 3.6rem;
	}

}

@media screen and (max-width: 480px) {
	.item-slide {height: calc(100vh - 81px); min-height: calc(100vh - 81px); background: transparent; padding: 0}
	.item-mobile {background: #007354; padding: 20px}
	.no-mobile {display: none;}
/*	.slides li:first-child {background: url(../ficheros/slide/mslide01.jpg) no-repeat center top; background-size: 100%;}*/
	.slides li:nth-child(2) {background: url(../ficheros/slide/mslide01.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(3) {background: url(../ficheros/slide/mslide02.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(4) {background: url(../ficheros/slide/mslide03.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(5) {background: url(../ficheros/slide/mslide04.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(6) {background: url(../ficheros/slide/mslide05.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(7) {background: url(../ficheros/slide/mslide06.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(8) {background: url(../ficheros/slide/mslide07.jpg) no-repeat center top; background-size: 100%;}
	.slides li:nth-child(9) {background: url(../ficheros/slide/mslide08.jpg) no-repeat center top; background-size: 100%;}
	.slides li {background-size: 100%;}
	.flex-control-nav {display: none;}

	.homePress img {width: 100%;}
	.item-slide h1 {font-size: 3.4rem; padding: 5px 0;}
	.item-slide span {font-size: 2rem;}
	.globalbtn::before, .globalbtn::after, .banner-remesas::before, .banner-remesas::after {display: none;}
	.globalbtn, .banner-remesas {padding: 20px;}
	.btn-debit {background: #005E57; padding: 20px;}
	.presIntro {font: 1.6rem/1.2 Arial;}
	.btn-cahorro {font-size: 1.6rem; background: #005E57; text-align: left;}
	.btn-cahorro h3 {font-size: 2.4rem; padding-bottom: 5px;}
	.int-sup p {font: 1.6rem/1.2 Arial; margin: 5px 0 15px 0;}
	.tit {font-size: 1.6rem;}
	.tittle-int {font-size: 3.2rem; margin: 4px 0 10px;}
	.infBox2:last-child {padding: 0 0 10px 0;}
	.filosofia h2 {font-size: 1.8rem;}
	.inf-historia {padding: 0;}
	.gog-btns {
	    padding: 20px 0;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: center;
	    -ms-flex-pack: justify;
	    -moz-box-pack: justify;
	    justify-content: center;
	}
	.email {padding: 5px 10px 5px 60px;}
	.globalbtn h3, .banner-remesas h3 {font: bold 3rem 'harabararegular';}
	.int-inf li {margin: 3px 0;}
	.tablas table td:first-child {padding-right: 30px;}
	.tablas table td {padding: 6px 10px;}

}

@media screen and (max-width: 425px) {
	.general-tittle h1 {font-size: 2rem; text-align: center;}
	.general-tittle h2 {display: none;}
	.cred-item {padding: 0;}
	.hPres h1 {font-size: 3.4rem;}
	.hPres h2 {font-size: 1.8rem;}
	.fmail a, .ftel a {width: 100%;}
	.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;
    color: #6A737B; font-size: 1.4rem;
	}
	.remList {padding: 25px 0 0 20px;}
	.presIntro {padding: 25px 20px; background: #5FA626;}
	.general-tittle {padding-bottom: 0;}
	h2.titForms {padding: 0 0 0 35px;}
	.btn-credit {font-size: 1.6rem;}
	.historia, .presidencia {padding: 20px;}
	.promos-content h1 {font: bold 2rem/1.3 "harabararegular";}
	.tablas table td:first-child {padding-right: 20px;}


	
} /* max-width: 425px*/

@media screen and (max-width: 375px) {
	.int-sup h3 {font-size: 2rem}
	.historia img {width: 100%;}
}