
#footer {
	background-color: white;
	z-index: -33;
}

#footer-bbva2 {
 	padding: 25px 10 25px 20px;
 	background-color: white;
	display: flex;
	flex-direction: row; 
	justify-content: space-between;
} 

#footer-bbva2 li:before {content: none;}

#footer-bbva2 .footer-izq {
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
}
#footer-bbva2 .bl-contacto {min-width: 50%;} 
	#footer-bbva2 .bl-contacto p,
	#footer-bbva2 .bl-contacto li {
		font-size: 12px;
		line-height: 1.6;
		margin-bottom: 0;
	}
	#footer-bbva2 .bl-contacto p {letter-spacing: 1px;}
		
.bl-contacto b {font-weight: 500;}
	
#footer-bbva2 .bl-contacto a {text-decoration: underline;}	

#footer-bbva2 .bl-contacto div.contacto-small,
#footer-bbva2 .bl-contacto div.contacto-medio {
	max-width: 240px;
	padding-top: 10px;
	hyphens: none;}

#footer-bbva2 .bl-contacto div.contacto-small {padding-right: 30px;} 
.br-small {display: none;}

#footer-bbva2 .logo1 {width: 100%; margin-bottom: 15px;}
	#footer-bbva2 .logo1 img {width: 125px;}
	
#footer-bbva2 .footer-der {align-self: flex-end;}	

.lista-social2 {
  list-style: none;
  padding: 0;
/*   padding-right: 50px; */
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
/* 
  margin-right: 20px;
  margin-left: 60px;
 */
}
	  .lista-social2 ul {
	  		display: flex; 
	  		flex-direction: row;
	  		margin-left: 0;
	  	}
		  .lista-social2 li {
			margin: 10px 5px 0px 0px; 
			font-size: 25px;
			padding-left: .9em;
			}
				.lista-social2 li:first-of-type {padding-left:0;}
				
			.lista-social2 li a {
			  color: #333;
			  -webkit-text-fill-color: #333; 
			  opacity: .3;    
			  -webkit-transition: color .25s;
			  transition: color .25s; }
			  
			  .lista-social2 li a:hover {
				color: light-grey; 
				-webkit-text-fill-color:light-grey; 
					  opacity: .7; }
					   
@media all and (max-width: 750px) {

	 #footer-bbva2 {flex-direction: column;}
	 #footer-bbva2 .footer-der {
		align-self: auto;
		margin-top: 5px;
	}
	
	#footer-bbva2 .bl-contacto {margin-top: 5px;}
		  
	.lista-social2 li {padding-left: 25px;}	
}

/*Para seguir viendo los iconos de PDF con fontello
 Mejor pasar a fontawesome con <i class="fa-regular fa-file-pdf"></i>  
 y borrar todo esto    */
					@font-face {
						font-family: 'fontello';
						src: url('../fonts/fontello.eot?52704281');
						src: url('../fonts/fontello.eot?52704281#iefix') format('embedded-opentype'),
							url('../fonts/fontello.woff2?52704281') format('woff2'),
							url('../fonts/fontello.woff?52704281') format('woff'),
							url('../fonts/fontello.ttf?52704281') format('truetype'),
							url('../fonts/fontello.svg?52704281#fontello') format('svg');
						font-weight: normal;
						font-style: normal;
					}

					[class^="icon-"]:before, [class*=" icon-"]:before {
						font-family: "fontello";
						font-style: normal;
						font-weight: normal;
						speak: none;
					
						display: inline-block;
						text-decoration: inherit;
						width: 1em;
						margin-right: .2em;
						text-align: center;
						/* opacity: .8; */
					
						/* For safety - reset parent styles, that can break glyph codes*/
						font-variant: normal;
						text-transform: none;
					
						/* fix buttons height, for twitter bootstrap */
						line-height: 1em;
					
						/* Animation center compensation - margins should be symmetric */
						/* remove if not needed */
						margin-left: .2em;
					
						/* you can be more comfortable with increased icons size */
						/* font-size: 120%; */
					
						/* Font smoothing. That was taken from TWBS */
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
					
						/* Uncomment for 3D effect */
						/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
					}
					.icon-file-pdf:before { content: '\f1c1'; } /* 'ï‡' */
	
	

	
	
	
	
	
	