/* FUENTES -------------------------------------------------------- */
/*@font-face {
    font-family: 'Calibri-Light';
    src: url('../fonts/Calibri/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri/Calibri-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri-Bold';
    src: url('../fonts/Calibri/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tiempo';
    src: url('../fonts/tiempo/Tiempo-Italic.woff2') format('woff2'),
         url('../fonts/tiempo/Tiempo-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Benton-light';
    src: url('../fonts/BentonSansBBVA/BentonSansBBVA-Light.woff2') format('woff2'),
         url('../fonts/BentonSansBBVA/BentonSansBBVA-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Benton-book';
    src: url('../fonts/BentonSansBBVA/BentonSansBBVA-Book.woff2') format('woff2'),
         url('../fonts/BentonSansBBVA/BentonSansBBVA-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Benton-medium';
    src: url('../fonts/BentonSansBBVA/BentonSansBBVA-Medium.woff2') format('woff2'),
        url('../fonts/BentonSansBBVA/BentonSansBBVA-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Benton-bold';
    src: url('../fonts/BentonSansBBVA/BentonSansBBVA-Bold.woff2') format('woff2'),
         url('../fonts/BentonSansBBVA/BentonSansBBVA-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dk-uncle-edward';
    src: url('../fonts/dkUncleEdwar/DKUncleEdward-Regular.woff2') format('woff2'),
        url('../fonts/dkUncleEdwar/DKUncleEdward-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}






/* ETIQUETAS -------------------------------------------------------- */

body{
	/*font-family: 'Benton-book';*/
	font-family: 'Calibri';
	font-size: 18px;
	color: #666;
}

@media(max-width: 767px){
	body{
		font-size: 16px;
	}
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Calibri-Bold';
}

h1,
.h1 {
  font-size: 2em;
}
h2,
.h2 {
  font-size: 1.75em;
}
h3,
.h3 {
  font-size: 1.5em;
}
h4,
.h4 {
  font-size: 1.25em;
}
h5,
.h5 {
  font-size: 1em;
}
h6,
.h6 {
  font-size: .75em;
}

p, 
li{
	text-align: justify;
}

p:last-child,
ul:last-child,
ol:last-child{
	margin-bottom: 0;
}

strong{
	font-family: 'Calibri-Bold';
}

ul,
ol{
	padding-left: 20px;
}

a:hover,
a:focus{
	text-decoration: none;
}

footer{
	position: relative;
}





/*FOOTER IN THE END*/
/*html,
body{
	height: 100%;
}
#pag-interna{
	margin: 0 !important;
}
.main_cuerpo{
	padding: 5.5em 0 7em;
	min-height: 100%;
	margin: 0 auto -75px;
}
@media(max-width: 767px){
	.main_cuerpo{
		padding: 8.5em 0 7em;
		margin: 0 auto -64px;
	}
}*/





/* -------------------------------------------------------- */
/*.section{
	text-align:center;
}*/
.container {
    position: relative;
}





/* FULL PAGE -------------------------------------------------------- */
#section0 .fp-tableCell {
    vertical-align: top;
}




.section{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}




/* STRIPE BBVA -------------------------------------------------------- */
.stripe{
	position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}
.stripe .s1,
.stripe .s2,
.stripe .s3,
.stripe .s4,
.stripe .s5,
.stripe .s6 {
	display: block;
	min-width: 10px;
	min-height: 10px;
}

.stripe.vertical{
	min-height: 75px;
	height: 100%;
}
.stripe.vertical > span{
	min-height: 16.66%;
}
.stripe.horizontal{
	min-width: 75px;
	width: 100%;
}
.stripe.horizontal > span{
	min-width: 16.66%;
	float: left;
}

.stripe .s1{
	background-color: #005192;
}
.stripe .s2{
	background-color: #0075be;
}
.stripe .s3{
	background-color: #009ddf;
}
.stripe .s4{
	background-color: #47b8ea;
}
.stripe .s5{
	background-color: #9bd4f5;
}
.stripe .s6{
	background-color: #cde9fb;
}





/* CONTENIDO SECCIONES -------------------------------------------------------- */
.titulo-stripe {
	position: absolute;
	z-index: 9999;
	top: 150px;

	text-align: left;
	padding-left: 40px;
}
.titulo-stripe.izq {
	left: 45px;
	margin-right: 45px;
}
.titulo-stripe.der {
	right: 45px;
	margin-left: 45px;
}

.titulo-stripe .titulo-stripe-txt {
	font-size: 70px;
	font-weight: 100;
	color: #fff;
	/*line-height: 1.1em;*/
	/*margin-left: 40px;*/
	margin-bottom: -0.18em;
}

@media (max-width: 991px) {
	.titulo-stripe .titulo-stripe-txt {
		font-size: 60px;
		margin-top: 15px;
	}
}
@media (max-width: 767px) {
	.titulo-stripe img {
		height: 15px;
	}
	.titulo-stripe .titulo-stripe-txt {
		font-size: 50px;
		margin-top: 10px;
	}
}





/* PAGINA INTERNA -------------------------------------------------------- */

/* ASIDE -------------------------------------------------------- */
.cuerpo{
	position: relative;
}

@media (min-width: 992px) {
	#aside,#lema-custom {
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
}

#aside,
#aside > .container,
#aside > .container > .row,
#lema-custom,
#lema-custom > .container,
#lema-custom > .container > .row{
	height: 0;
}

@media (max-width: 991px) {
	#aside,#aside > .container,#aside > .container > .row{
		height: auto;
	}

	#aside ul {
    	padding-left: 15px;
	}
}


.btn-descargar-excel,
.btn-descargar-excel:focus{
	border: 1px solid #29c9ff;
	padding: 0.75em 1.25em;
	display: block;
	color: #29c9ff;
	font-size: 1.25em;
	line-height: 1.25em;
	float: right;
	max-width: 12.75em;
}
.btn-descargar-excel:hover{
	border: 1px solid #009ddf;
	color: #009ddf !important;
}

.btn-descargar-excel .tabla{
	display: table;
	margin-bottom: 0
}
.btn-descargar-excel .celda{
	display: table-cell;
	vertical-align: middle;
}

@media(max-width: 991px){
	#aside{
		margin-top: 2em;
	}

	.btn-descargar-excel,
	.btn-descargar-excel:focus{
		float: none;
		max-width: 100%;
	}
}
/*  -------------------------------------------------------- */

/*fn*/

/*#pag-home .container-fluid{
	padding-right: 0;
	padding-left: 0;
}*/





footer{
	position: relative;
}
footer .stripe{
	right: 0;
	left: inherit;
}
footer .stripe.horizontal{
	width: 120px;
	height: 100%;
}
footer  .stripe.horizontal > span{
	height: 100%;
}

.contenedor_footer{
	position: relative;

	color:#fff;
	background-color: #103668;
	color:#fff;
	padding:1.4em;

	display: table;
    width: 100%;
}
.contenedor_footer .texto{
	display: table-cell;
    vertical-align: middle;
    width: 83%;
}
@media (max-width: 767px) {
	footer .stripe.horizontal{
		width: 80px;
	}
	.contenedor_footer {
		padding: 1.3em 15px;
		font-size: 0.75em;
	}
}





@media (max-width: 767px) {
	.display-block-xs{
		display: block;
	}
}

.dropdown-menu {
   min-width: 300px;
   padding: 0;
   box-shadow: 0 6px 12px rgba(0,0,0,0);
   border-radius: 0;
   margin-top: 20px;
   margin-left: 20px;
   border: none;
 }

 .flecha_submenu{
	position: absolute;
	border-bottom:15px solid #005192;
	border-left: 15px solid transparent;
	border-right:15px solid transparent;
	border-top:15px solid transparent;
	z-index: 3;
	top: -30px;
    left: 45px;
}

/*fn dinamico internas*/



/*menu principal*/
nav#nav-pri .menu:hover ul {
    display: block;
    /*position: absolute;
    vertical-align: -65px;
    margin-top: -3em;
    right: 0;
    border-left:3px solid red;*/
}
/*FN*/






/*arriba*/
.ir-arriba {
    border:2px solid #fff;
    padding: 10px 15px;
    display: inline-block;
    background-color: #15d8d6;
    color: #fff;
    position:  fixed;
    font-size: 20px;
    bottom: 10px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 9999;
    -webkit-transition: normal; 
       -moz-transition: normal; 
        -ms-transition: normal; 
         -o-transition: normal; 
            transition: normal; 
  }

  .ir-arriba:hover{
    background: #06a5ec;
    -webkit-transition: all 0.3s ease; 
       -moz-transition: all 0.3s ease; 
        -ms-transition: all 0.3s ease; 
         -o-transition: all 0.3s ease; 
            transition: all 0.3s ease; 
  }
/*fn arriba*/      





#contenedor_submenu ul{
	padding-left: 0;
}

.tbl,
.horizontal_cab,
.horizontal_con{
	font-family: 'Calibri';
    font-size: 1em;
}

.tbl,{
	display: table;
    padding: 0;
    margin: 0;
}

.tbl_vertical_cell{
	width:1%;
	display: table-cell;
	border-right: 15px solid white;
	color:#fff;
	background:#cde9fb;
	padding: 0;
	margin: 0;
}

@media (max-width: 991px) {
	.tbl_vertical_cell{
		display: block;
		width:100%;
		border-right: none;
		margin-bottom: 10px;
	}	
}

.tbl_vertical_cab{	
    padding: 0.5em 1.1em;
    border-bottom: 0.8em solid #fff;
    background-color: #0075be;
    /*font-weight: 600;*/
	color:#fff;
}

.tbl_vertical_con{	
    padding: 0.5em 1.1em;
    color:#796e6a;
    font-size: 0.9em;
}







.tbl_horizontal_cab,.tbl_horizontal_con{
	display: table-cell;
	background: #0075be;
	padding:1em;
	border-right: 15px solid white;
	color:#fff;
	border-bottom: 15px solid #fff;
}

.tbl_horizontal_cab{
	/*font-weight: 600;*/
	width:22%;
}

.tbl_horizontal_con{
	display: table-cell;
	background:#cde9fb;
	padding:1em;
	color:#796e6a;

}


.horizontal_cab{
	background: #0075be;
	padding:0.5em 1em;
	color:#fff;
	border-bottom: 15px solid #fff;
}

.horizontal_con{
	background:#cde9fb;
	padding:1em;
	color:#796e6a;
	border-bottom: 15px solid #fff;
}

@media (max-width: 991px) {
	.tbl_horizontal_cab,.tbl_horizontal_con{
		display: block;
		width:100%;		
		border-right:0 !important;
	}	

	.tbl_horizontal_cab{
	    padding: 0.6em;
	    border-right:0 !important;
	}
}




.tabla_cabecera{
	background: #0075be;
	color:#fff !important;
	font-size: 0.9em;
	padding:0.7em 0.8em;
}

.tabla_container{
	background: #cde9fb;
	padding: 1em 1.2em;	
	font-size: 0.91em;
}



.contenedor_direc h4{
	margin-top: .85em;
}
.contenedor_direc p{
	text-align: left;
}
@media (max-width: 767px) {
	.contenedor_direc{
	    max-width: 400px;
	    margin: 0 auto;
	}
}
.glyphi-arrow-down-custom{
	text-align: center;
    color: #009ddf;
    zoom: 2;
    font-size: 1em;
}

.color-blue{
	color:#009ddf;
}

.btn-ubicacion{
	display: table;
	margin-top: 15px;
	background-image: url(../img/btn-ubicacion.svg); 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width:227px;
	height:80px;
	border:none;
	background-color: transparent !important;
}


.btn-ubicacion:hover{
	background-image: url(../img/btn-ubicacion-hover.svg); 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



.btn-descargar,
.btn-descargar:focus{
	border: 1px solid #fff;
	padding: 0.5em 1em!important;
	display: inline-block !important;
	color: #fff !important;
	width: auto !important;
}
.btn-descargar:hover{
	border: 1px solid #29c9ff;
	color: #29c9ff !important;
}
.btn-descargar:before{
	display: none;
}



#section0 {
    overflow: hidden !important;
}


/*-------------------cuerpo------------------*/

#section0{
	background-image: url(../img/home/home-ibr.jpg);
	background-color: #000;
}

.seccion-mensaje{
	color:#fff;
}

#pag-home nav#nav-pri #toggle{
	background-color: transparent;
	padding: 0 30px;
	line-height: 75px;
}


#pag-home h1{
	font-family: 'Benton-book';
	font-size: 4em;
}





#section1 .container-fluid,
#section2 .container-fluid{
	position: absolute;
	z-index: 9;
	top: 2.5rem;
	left: 0;
	width: 100%;
}



#section1{
  background-color: #103667;
}

.row_seccion1,
.row_seccion1 > div{
	height: 100%;

	background-color: #ddd;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 10%;
}



#section2{
  background-color: #103667;
}

@media(min-width: 768px){
  .row_table{
    display: table;

    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .row_table > div{
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}

/*#section2 h1{
  font-family: 'Benton-book';
  font-size: 2.25em;
  color:#fff;
  margin-top: 0;
  margin-bottom: 0;
}*/



.section2_imgs{
  /*max-width: 1000px;*/
  margin-top: 3rem;
}

.section2_imgs h1{
	font-family: 'Benton-book';
	font-size: 2.25em !important;
	color: #fff;
	margin-top: 0;
	margin-bottom: 3rem;
}

.caja_img{
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}
/*.caja_img_mb{
	margin-bottom: 1.1rem;
}*/
.caja_img_txt,
.caja_img_txt_2{
  font-family: 'Benton-medium';
  color: #fff;
  background-color: peru;
  
  position: absolute;
}
.caja_img_txt{
  font-size: 2rem;
  line-height: 2.2rem;
  width: 100%;
  padding: 1.5rem 2rem;

  bottom: 0;
  left: 0;
}
.caja_img_txt_2{
  font-size: 3rem;
  line-height: 3.2rem;
  min-width: 60%;
  width: auto;
  padding: 2rem 2.5rem;
  text-align: center;

  position: absolute;
  bottom: 25%;
  

  -webkit-transition: all 0.3s ease; 
     -moz-transition: all 0.3s ease; 
      -ms-transition: all 0.3s ease; 
       -o-transition: all 0.3s ease; 
          transition: all 0.3s ease; 
}
.caja_img_txt_2.right{
  right: 0;
}
.caja_img_txt_2.left{
  left: 0;
}
.caja_img_txt_2:hover{
  background-color: rgba(16,54,104,.7) !important;
}

.row_seccion1 > div:hover:first-child .caja_img_txt_2.right{
  min-width: 70%;
}
.row_seccion1 > div:hover:last-child .caja_img_txt_2.left{
  min-width: 70%;
}

@media(max-width: 991px){
  /*#section2 h1{
    font-size: 1.5em;
  }*/
  .section2_imgs h1{
  	font-size: 2em !important;
  }
  /*.section2_imgs > .row > div{
    margin-bottom: 1.1rem;
  }*/

  .caja_img_txt_2{
    font-size: 2.5rem;
    line-height: 2.7rem;
  }

  .section2_imgs{
    max-width: 500px;
  }
  .caja_img_txt{
    padding: 1rem 1.5rem;
  }
}

@media(max-width: 767px){
  .row_seccion1{
    height: 100%;
  }
  .row_seccion1 > div{
    height: 50%;
  }
  .caja_img_txt_2{
    font-size: 2.25rem;
    line-height: 2.4rem;
  }


  .row_table_img{
    position: absolute;
    top: 2.6rem;
    left: 0;
    width: 100%;
  }

  /*#section2 h1{
    font-size: 1.25em;
    margin-top: 6rem;
  }*/
  .section2_imgs h1{
  	font-size: 1.5em !important;
    margin-bottom: 1rem;
  }
  /*.section2_imgs > .row > div {
    padding-left: .55rem;
    padding-right: .55rem;
  }*/
  .caja_img{
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 1rem;
  }
  .caja_img_txt{
    padding: .75rem 1rem;
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .section2_imgs{
    max-width: 260px;
    margin-top: 2rem;
  }
}






.seccion-mensaje p{
	margin-top: -2em;
    font-family: 'Tiempo';
    font-style: italic;
    font-size: 2em;
    line-height: 1.1em;
}


.seccion-mensaje .texto-btn{
	 font-family: 'Benton-book';
	 margin: 0 .8em;
	 margin-top: .75em;
	 color: #fff;
	 /*text-align: left;*/
}

@media (max-width: 767px) {
	.seccion-mensaje p{
		font-size: 1.5em;
	}
}


@media (max-width: 480px) {
	.seccion-mensaje p{
		font-size: 1.2em;
    	margin-top: -2em;
	}

	.seccion-mensaje .texto-btn{
		/*width:90px;*/
		/*text-align: left;*/
		font-size:0.8em;
		margin: .75em 0 0;
	}

}


.texto-boton {
	z-index: 5;
	color: #103668;
	font-family: 'Benton-book';
	font-size: 1.2em;
	margin-top: 25.6em;
	margin-left: 58.3%;
	position: absolute;
}


.cont-text {
  display: table;
  border-collapse: collapse;
  width: 154%;
  margin-top: -15em;
  margin-left: -78.7%;
  font-size: 0.7em;
  border: 0;
}

.cont-text div {
	display: table-cell;
}

.cont-text div.texto {
	width: 4%;
	text-align: right;
	padding-right: 1rem;
}

.cont-text div.boton {
	width: 2%;
	vertical-align: middle;
}







.btn-volver{
	position: absolute;
	z-index: 9;
	top: 18em;
	right: 25%;
}
@media (min-width: 480px){
	.btn-volver{
		top: 45%;
		right: 28%;
	}
}
@media (min-width: 768px){
	.btn-volver{
		top: 50%;
		right: 25%;
	}
}
@media (min-width: 1024px){
	.btn-volver{
		top: 60%;
		right: 22%;
	}
}
@media (min-width: 1224px){
	.btn-volver{
		top: 50%;
	}
}
@media (min-width: 1400px){
	.btn-volver{
		top: 70%;
	}
}



.table{
	display: table;
	width: auto;
}
.cell{
	display: table-cell;
}

@media(max-width: 480px){
	.cell{
		display: block;
		width: 100%;
	}
}

.middle{
	vertical-align: middle;
}



/*----------------------animacion------------------*/

.cuadrado-titulo,
.cuadrado-parrafo,.cuadrado-azul{
	position: relative;
	z-index: 1;
	display: inline-block;
}



.cuadrado-titulo::before { 
  content: "";
  background-color: #10CCD4;
  width: 110%;
  height: 60%;
  
  position: absolute;
  z-index: -1;
  top: 40%;
  left: -5%;
  display:inline-block;
}

.cuadrado-parrafo::before { 
    content: "";
    background-color: #10CCD4;
    width: 101%;
    height: 36%;
    position: absolute;
    z-index: -1;
    top: 56%;
    left: -1%;
    display:inline-block;
}


.cuadrado-azul::before { 
    content: "";
    background-color: #009FD7;
    width: 101%;
    height: 36%;
    position: absolute;
    z-index: -1;
    top: 56%;
    left: -1%;
    display:inline-block;
}






















/**************SECCION0***********/

#section0{
	background-color: #103667;
}

#section0 .border-right{
	border-right: 1px solid #fff;
}

#section0 h2{
	color: #719db6;	
}

#section0 h3{
	color: #fff;	
}

#section0 .grupo_opt{
	color: #fff !important;	
	margin-top: 5em;
}

#section0 .grupo_opt a{
	font-family: 'Benton-medium';
	font-size: 1em;
	color: #fff !important;
	padding-left: 3rem;
	padding-right: 3rem;
	display: inline-block;

	-webkit-transition: all 0.3s ease; 
	   -moz-transition: all 0.3s ease; 
	    -ms-transition: all 0.3s ease; 
	     -o-transition: all 0.3s ease; 
	        transition: all 0.3s ease; 
}
#section0 .grupo_opt a:hover{
	color: #51e0ef !important;
}

#section0 .grupo_opt .img-responsive{
	color: #fff;	
}

#section0 .grupo_opt .img-responsive{
	display: inline-block;
}

#tabla {
	display: table;
	height: 100%;
	width: 100%
}
#cell {
	display: table-cell;
	vertical-align: middle;
}


#section0 h2{
	font-family: 'Benton-light';
	color:#89C6E4;
	font-size: 3.5em;
}

#section0 h3{
	font-family: 'dk-uncle-edward';
	font-size: 5.7em;
	margin-top: -1rem;
}


.mb{
	margin-bottom: 1em;
}

@media(max-width: 991px){
	#section0 .grupo_opt{
	  margin-top: 1em;
	}
	#section0 .grupo_opt a{
		padding-left: 2rem;
		padding-right: 2rem;

		display: table;
		margin: 2rem auto;
	}
}

@media(max-width: 767px){
  #section0 h2{
    font-size: 2.5em;
  }
  #section0 h3{
    font-size: 4.7em;
  }

  #section0 .grupo_opt .img-responsive{
    height: 5rem;
  }
}








/***********INTERNA**********/
.indice {
    font-size: 0.8em;
    padding-top: 1em;
    color: #0075be;
}





.margin_y{
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.margin_t {
  margin-top: 2.5em;
}
.margin_b {
  margin-bottom: 2.5em;
}



.w_100{
	width: 100%;
}



.azul{
	color: #103668 !important;
}
.azul_claro{
	color: #0059a3 !important;
}
.celeste{
	color: #009fd7 !important;
}
.celeste_claro{
	color: #89c6e4 !important;
}
.turquesa{
	color: #15d8d6 !important;
}
.turquesa_osuro{
	color: #00a4b7 !important;
}



/*#pag-interna #fullpage .section{
	text-align: initial;
}*/
#pag-interna{
	position: relative;
	margin-top: 75px;
}
/*agregado por eli*/
/*@media (max-width: 768px) {
	#pag-interna li {
		text-align: center;
	}
}*/
/*fn eli*/


.main_cuerpo{
	padding: 2.5em 0;
}



.volver{
	text-align: right;
	font-family: 'Calibri-Bold';
	font-size: 1em;
	color: #009FD7;
	display: table;
	margin-left: auto;
	margin-bottom: 1em;
}



.capitulo{
	font-family: 'Benton-light';
	font-size: 1.35em;
	color: #4d4d4d;
	margin-bottom: .75em;
}
@media(min-width: 992px){
	.capitulo{
		font-size: 1.65em;
	}
}



.titulo{
	margin-bottom: 2em;
}

.titulo_h1{
	font-family: 'Benton-medium';
	font-size: 2.25em;
	color: #103668;
	margin: 0;
	padding-left: 15px;

	position: relative;
}
.titulo_h1:before{
	content: "";
	display: block;
	background-color: #10ccd4;
	width: 100%;
	height: .55em;

	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
}

/*@media(min-width: 768px){
	.titulo_h1{
		font-size: 2.45em;
	}
}*/

@media(min-width: 992px){
	.titulo{
		position: relative;
		margin-bottom: 3em;
	}
	.titulo:before,
	.titulo:after{
		content: "";
		display: block;
		width: 50%;
		height: 1.5em;

		position: absolute;
		z-index: -2;
		bottom: 0;
	}
	.titulo:before{
		background-color: #fff;
	}
	.titulo:after{
		background-color: #10ccd4;
		left: 50%;
	}
	.titulo_h1{
		font-size: 2.75em;
	}
}
@media(min-width: 1200px){
	.titulo:before,
	.titulo:after{
		height: 1.8em;
	}
	.titulo_h1{
		font-size: 3.25em;
	}
}


#pag-interna h2{
	color: #009fd7;
}
#pag-interna h3{
	color: #89c6e4;
}
#pag-interna h4{
	color: #0059a3;
}





.row_0{
	margin-right: 0;
	margin-left: 0;
}
.row_0 > div{
	padding-right: 0;
	padding-left: 0;
}





.lema{
	margin: 2em 0;
	
	position: relative;
}



.lema_azul{
	background-color: #103668;
}
.lema_azul .lema_caja{
	background-color: #103668;
	color: #10CCD4;
}

.lema_azul_claro{
	background-color: #0059a3;
}
.lema_azul_claro .lema_caja{
	background-color: #0059a3;
	color: #fff;
}

.lema_celeste{
	background-color: #009fd7;
}
.lema_celeste .lema_caja{
	background-color: #009fd7;
	color: #fff;	 
}

.lema_celeste_claro{
	background-color: #89c6e4;
}
.lema_celeste_claro .lema_caja{
	background-color: #89c6e4;
	color: #103668;
}

.lema_turquesa{
	background-color: #15d8d6;
}
.lema_turquesa .lema_caja{
	background-color: #15d8d6;
	color: #103668;
}



.lema_caja {
	background-color: #000;
	padding-top: 2em;
	padding-bottom: 2em;
	
    display: table;
}
.lema_txt {
	font-family: 'Benton-light';
	font-size: 1.2em;
	
  display: table-cell;
  vertical-align: middle;
}

@media(min-width: 768px){
	.lema_caja {
		min-height: 13em;
	}
	.lema_txt {
		font-size: 1.3em;
	}
}

@media(min-width: 992px){
	.lema_caja {
		min-height: 17em;
	}
	.lema_txt {
		font-size: 1.4em;
	}
}

@media(min-width: 1200px){
	.lema_txt {
		font-size: 1.5em;
	}
}



.lema_img{
	width: 100%;
	height: 12em;

	/*background-image: url(http://via.placeholder.com/800x450);*/
	background-color: #ddd;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

@media(min-width: 768px){
	.lema_img {
	    width: 50%;
	    height: 100%;

	    position: absolute;
	    left: 50%;
	}

	.lema_izq .lema_caja{
		left: 0;
		padding-right: 2em;
	}
	.lema_izq .lema_img{
		left: 50%;
	}

	.lema_der .lema_caja{
		left: 50%;
		padding-left: 2em;
	}
	.lema_der .lema_img{
		left: 0;
	}
}
/***********FIN INTERNA**********/









@media(max-width: 480px){
	.col-xxs-offset-0 {
	    margin-left: 0%;
	}
	.col-xxs-12{
		width: 100%;
	}
	.col-xxs-6{
		width: 50%;
	}
}




/***VISION****/

.figura_digitalizacion {
	text-align: center;	
	margin-top: 4rem;
	margin-bottom:4rem;
}

.figura_digitalizacion .titulo{
	background-color:#009ddf !important;
	padding: 1.5em ;
	margin-bottom: 0;
	color:#fff;
	text-align: center !important;
}

.figura_digitalizacion .row-del{
	margin-left: 0;
	margin-right: 0;
}
.figura_digitalizacion .titulo::before{
	content: url("../img/comillas-1.svg");
}

.figura_digitalizacion .titulo::after{
	content: url("../img/comillas-2.svg");
}



.figura_digitalizacion img,.figura_estrategia img{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.figura_digitalizacion img{
    width:49px;
}

.figura_digitalizacion .contenido [class*="col-"] {
    padding: 1.2em 0;
    border: 1px solid #009ddf;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.figura_digitalizacion .titulo{
	background-color:#009ddf !important;
	padding: 1em 5em;
	margin-bottom: 0;
	color:#fff;
	text-align: center !important;
}

.figura_digitalizacion .titulo span{
	display: block;
}

.figura_digitalizacion .contenido div{	
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.figura_digitalizacion .contenido div.col-md-4{	
	width: 16.63333333%;
}


@media (max-width: 768px) {	
	.figura_digitalizacion .contenido div.col-md-4{	
		width: 33.33333333%;
	}
}

@media (max-width: 768px) {	
	.figura_digitalizacion .titulo{
    	padding: 1em 1em;
	}
}


.figura_digitalizacion .contenido div:hover{	
 	background-color: #cde9fb;
	color: white;
}

.figura_digitalizacion .contenido a:hover{	
 	background-color: #2098D1;
	color: white;
}

.figura_digitalizacion .contenido [class*="col-"]:hover img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}
.figura_digitalizacion .glyphicon-ok{
	color:#005695;
}

.figura_digitalizacion h3{
	font-size: 0.8em !important;
	color: #005192 !important;
	font-weight: bolder;
	margin-top: 0.5em;
    margin-bottom: 1em;
    min-height: 3em; 
}

/*-----------------Avances en la transformación de BBVA Continental -----------------------------*/
.cuadros-ani{
	margin-right: 0;
	margin-left: 0;
}

.cuadro{
	background-color: #ccc;
	padding: 1em 1.3em;
	border: 1px solid #fff;
	color: #fff;
}
.cuadro div,
.cuadro img{
	display: inline-block;
}
.cuadro div{
	padding: 1px;
    font-size: 1.7em;
}
.cuadro img{
	height: 55px;
	font-weight: 600;
    position: absolute !important;
    top: 5px;	
    right: 5px;
}
.cuadro p{
	text-align: left !important;
    padding-right: 35px;
    min-height: 50px;
}




@media (max-width: 1199px) {	
	.cuadro p{
		min-height: 75px;
	}
}

@media (max-width: 767px) {	
	.cuadro p{
		min-height: 50px;
		padding-right: 0;
	}
}

@media (max-width: 479px) {	
	.cuadro p{
		min-height: 75px;
		padding-right: 0;
		font-size: 0.92em;
	}
}

/*animacion*/
.cuadro div,
.cuadro img,
.cuadro p{
	position: relative;
	z-index: 1;
}
.cuadro:before,
.cuadro:after{
	content: "";	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	-webkit-transition: all 0.8s ease; 
       -moz-transition: all 0.8s ease; 
        -ms-transition: all 0.8s ease; 
         -o-transition: all 0.8s ease; 
            transition: all 0.8s ease;
}

/*.cuadro.uno:before{
	background-image: url("../img/prueba.jpg");
}*/
.cuadro.uno:after{
	background-color: #01529a;
}

.cuadro.dos{
	background-color: #007ec5
}
.cuadro.tres{
	background-color: #00a9e7
}
.cuadro.cuatro{
	background-color: #35baec
}
.cuadro.cinco{
	background-color: #87d2f4;
	color:#01529a;
}
.cuadro.seis{
	background-color: #bee7fa;
	color:#01529a;
}

/*.cuadro:hover:after{
	opacity: 0;
}*/

.cuadro img{
    -webkit-transition: all 0.8s ease; 
       -moz-transition: all 0.8s ease; 
        -ms-transition: all 0.8s ease; 
         -o-transition: all 0.8s ease; 
            transition: all 0.8s ease;
}
.cuadro:hover img{
	-webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
   	    -ms-transform: scale(1.3);
         -o-transform: scale(1.3);
    		transform: scale(1.3);
}
/*cuadros-ani FIN -----------------------------*/

.figura_encuesta .regla {
    background-image: url(../img/grupos-de-interes/el-cliente/1-04.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 44px;
}

.figura_encuesta .uno, 
.figura_encuesta .dos, 
.figura_encuesta .tres {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size: 100%;

    display: inline-block;
}

.figura_encuesta .uno {
    color: #019ee1;
    background-image: url(../img/grupos-de-interes/el-cliente/1-01.svg);
    width: 58%;
    height: 110px;
}
.figura_encuesta .dos {
    color: #87bc24;
    background-image: url(../img/grupos-de-interes/el-cliente/1-02.svg);
    width: 20%;
    height: 110px;
    margin-left: -4px;
}
.figura_encuesta .tres {
    color: #c90066;
    background-image: url(../img/grupos-de-interes/el-cliente/1-03.svg);
    width: 20%;
    height: 110px;
    margin-left: -4px;
}

.figura_encuesta .uno:hover{
	background-image: url(../img/grupos-de-interes/el-cliente/1-01h.svg); 
}
.figura_encuesta .dos:hover{
	background-image: url(../img/grupos-de-interes/el-cliente/1-02h.svg); 
}
.figura_encuesta .tres:hover{
	background-image: url(../img/grupos-de-interes/el-cliente/1-03h.svg); 
}










.figura_encuesta .uno:hover span,
.figura_encuesta .dos:hover span,
.figura_encuesta .tres:hover span{
	color: #fff;
    padding: 0.5em;
    font-size: 0.9em;
}
.figura_encuesta .uno:hover span{
    background-color: #019ee1;
}
.figura_encuesta .dos:hover span {
     background-color:#87bc24;
}
.figura_encuesta .tres:hover span{
     background-color:#c90066;
}


@media (max-width: 480px) {
	.figura_encuesta .uno{
		width: 100%;
	}
	.figura_encuesta .dos{
		width: 40%;
	}
	.figura_encuesta .tres{
		width: 40%;
	}
}

.texto_figura_encuesta{
	margin-top: 1em;
}

.texto_figura_encuesta span{
	font-weight: bolder;
	font-size: 1em;
}

.cifra span{
	color: #b7b7b7;
	font-family: 'Benton-bold';
	font-size: 1.4rem;
}






















.content_cantidades h2{
	color: #009fd7;
}
.content_cantidades .texto{
	font-size: 0.9em;
	font-weight: 600;
	color: #b7b7b7;
	text-align: left !important;
}




















/*****************bbva continetal*********************/

#mapa-tabs li {
    width: 25%;
}

.content_cantidad h2 {
   margin-top: 0em !important;
}



#mapa-tabs .nav-tabs>li a {
    background: #75CAF2;
    color: #1565A6;
    font-weight: bolder;
    text-align: center;
    border-radius: 4px;
    position: relative;
    display: block;
    padding: 2px 7px;
    border: 1px solid #68a9de;
}

#mapa-tabs .nav-tabs>li a:hover {
    background: #cde9fb;
}

.content_cantidad>div:first-child {
                padding-top: 0;
}

.content_cantidad>div {
    border-bottom: 1px dashed #009ddf;
    padding: 1em 0;
    padding-bottom: 1em;
}


/****************************************************************************/








/****************************************************************************/
/*CITAS*/
.cita{
	margin: 2em 0 7rem;
	position: relative;
}

@media(min-width: 768px){
	.cita .container{
		width: 92%;
	}
}

.cita_caja_txt,
.cita_caja_img{
	width: 55%;
	height: 100%;
	min-height: 33rem;
}
.cita_caja_txt{
	position: relative;
	z-index: 1;
    left: 0;

	background-color: #0071bc;
    padding: 4rem 4.75rem 4rem 10.75rem;

    display: table;
}
.cita_caja_txt_tabla_cel {
	display: table-cell;
	vertical-align: middle;

	font-family: 'Benton-light';
	font-size: 2.5rem;
	line-height: 3.5rem;
	color: #fff;
}

.cita_caja_txt:before{
	content: "";
	position: absolute;
	left: 3rem;
	bottom: -3.9rem; 

	width: 40rem;
	height: 100%;

	background-image: url(../img/camino_cita.svg);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.cita_caja_img{
    position: absolute;
    z-index: 0;
    top: 3.9rem;
    right: 15px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

@media(max-width: 1199px){
	.cita_caja_txt_tabla_cel{
		font-size: 2.25rem;
		line-height: 3.25rem;
	}
}
@media(max-width: 991px){
	.cita {
	    margin: 2rem 0 2rem;
	}
	.cita_caja_txt,
	.cita_caja_img{
		width: auto;
	}
	.cita_caja_txt{
		margin-right: 3rem;
	}
	.cita_caja_img{
		margin-left: 3rem;
		position: static;
	}
	.cita_caja_txt_tabla_cel{
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media(max-width: 767px){
	.cita_caja_txt,
	.cita_caja_img{
		min-height: 28rem;
	}

	.cita_caja_txt {
	    padding: 3rem 3rem 3rem 9rem;
	}
	.cita_caja_txt:before{
		left: 3rem;
		bottom: -3rem;
		width: 31rem;
	}
}
@media(max-width: 480px){
	.cita_caja_txt,
	.cita_caja_img{
		min-height: 20rem;
	}

	.cita_caja_txt_tabla_cel{
		font-size: 1.5rem;
		line-height: 2.25rem;
	}

	.cita_caja_txt {
	    padding: 2rem 2rem 2rem 6rem;
	}
	.cita_caja_txt:before{
		left: 2rem;
		bottom: -2.2rem;
		width: 23rem;
	}
}
/****************************************************************************/










/* IMG-ZOOM */
.img-zoom {
  overflow: hidden;
  display: block;
  position: relative;
}
.img-zoom img {
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
.img-zoom:hover img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
/* FIN IMG-ZOOM */








/*FOOTER IN THE END*/
html,
body{
	height: 100%;
}
#pag-interna{
	margin: 0 !important;
}
.main_cuerpo{
	padding: 5.5em 0 7em;
	min-height: 100%;
	margin: 0 auto -75px;
}
@media(max-width: 767px){
	.main_cuerpo{
		padding: 8.5em 0 7em;
		margin: 0 auto -64px;
	}
}