/**********************/
/***** RESPONSIVE *****/
/**********************/

@media screen and (min-width:640px) and (max-width:1280px) {
	
	h1 {
		font-size: 24px;
		line-height: 24px;
	}
	
	/*************/
	/* MAIN MENU */
	/*************/

	.menu {
		margin: 2px 0 0;
	}

		.menu ul li a {
			font-size: 12px;
		}
	
	/***************/
	/* BANNER HOME */
	/***************/
	
	.bannerHome {
		top: -32px;
	}
	
	/****************/
	/* MENU SOPORTE */
	/****************/
	
	.support-menu li a {
		font-size: 15px;
		padding: 19px 0 19px 90px;
	}
	
	/********/
	/* CHAT */
	/********/
	
	.chatContent img {
		width: 70px;
	}
	
	/*****************************/
	/***** CARRUSEL CON TABS *****/
	/*****************************/
	
	.ax-tab-content h2, .ax-tab-content-pop h2 {
    	font-size: 18px;
	}
	
	.ax-tab-content p, .ax-tab-content-pop p {
		font-size: 12px;
		line-height: 12px;
	}
	
	.ax-contentPopup .accesos a, .closePop .ax-close {
		font-size: 12px;
		padding: 5px;
	}
	
	/*********************/
	/***** NEWS HOME *****/
	/*********************/
	
	.newsHome .articulo:first-child .contenido h2 a {
		font-size: 20px;
		line-height: 20px;
	}
	
	.newsHome .articulo:first-child .contenido .entradilla p,
	.newsHome .articulo:first-child .contenido .entradilla{
		font-size: 13px;
		line-height: 15px;
	}
	
	/**********************************/
	/***** RESPONSABILIDAD SOCIAL *****/
	/**********************************/
	
	.ResponsabilidadHome .bstrap30 .nav-tabs > li > a {
		font-size: 18px;
	}
	
	.bstrap30 h2, .bstrap30 .h2 {
		font-size: 24px;
	}
	
	.ResponsabilidadHome .tab-content p, .ResponsabilidadHome .panel-collapse p {
		font-size: 12px;
	}
	
}

/*********/
/*TABLETS*/
/*********/

@media screen and (max-width:1024px) {
	
	/******************/
	/***** HEADER *****/
	/******************/	

	/*********/
	/* REDES */
	/*********/

	.header .redes .fb, 
	.header .redes .tw, 
	.header .redes .yt {
		margin-left: 10px;
	}

	/********************/
	/* MENU TRANSVERSAL */
	/********************/

	.header .transversal .headerTools a::after {
		padding: 0 10px;
	}

	/*************/
	/* MAIN MENU */
	/*************/

	.menu {
		margin: 11px 0 0;
	}

		.menu ul {
			width: 100%;
		}

			.menu ul li a {
				padding: 10px 11px;
			}

		.menu > ul > li > a::after{
			top: 10px;
		}

	/************/
	/* BANCANET */
	/************/


		.header .BancaNet .bancaBtn { background-size: contain !important;
			width: 100%;
		}	

	/***************/
	/* BANNER HOME */
	/***************/
	
	.bannerHome {
		top: -20px;

	}
	
	/********/
	/* CHAT */
	/********/
	
	.needHelp img {
		width: auto;
	}
	
	/*****************************/
	/***** CARRUSEL CON TABS *****/
	/*****************************/

	.ax-tabs li a, .ax-accordion {
		font-size: 14px;
	}

		.ax-tab-container .ax-prev {
			left: 5px;
		}

		.ax-tab-container .ax-next {
			right: 5px;
		}
	
	/****************************/
	/***** ACCESOS DIRECTOS *****/
	/****************************/  

	.quick-access li {
		font-size: 15px;
	}	

	.intro {
		font-size: 15px;
		padding-left: 5%;
		text-align: justify;
        padding-right: 5%;
	}	
	
	    .margen{
	padding-left: 5%;
	margin-bottom: -2%;
}
	/****************/
	/***** APPS *****/
	/****************/  
	
	.ax-contentChange .ax-title-tasa::after{
		left: -10px;
	}
	
	.ax-contentChange .ax-title-tasa{
		background:  rgba(0, 0, 0, 0) url("Imagenes/support-menu-item.png") no-repeat scroll 55px 35px
	}
}

@media screen and (max-width:980px) {

/*************/
/* MAIN MENU */
/*************/

.menu {
    margin: 9px 0 0;
}

	.menu ul li a {
		padding: 10px 8px;
	}

/**********************/
/***** CONTENIDOS *****/
/**********************/

/********************/
/* INTERNAS GENERAL */
/********************/

/********************/
/* ACCESOS DIRECTOS */
/********************/

.accesosDirectos .accesos li a {
    font-size: 16px;
}

}


@media screen and (max-width:800px) {}



@media screen and (min-width:640px) and (max-width:800px) {

/************/
/* BANCANET */
/************/

.header .BancaNet .bancaBtn { background-size: contain !important;
    margin-top: 0;
}
	
/*************/
/* MAIN MENU */
/*************/

.menu {
    margin: -40px;
}

	.menu ul li {
		width: 25%;
	}
	
		.menu ul li a {
			line-height: 13px;
			padding: 5px 0;
		}
	/*********/
	/* REDES */
	/*********/

	.header .redes .fb, 
	.header .redes .tw, 
	.header .redes .yt {
		margin-left: 2px;
	}
	
	/********************/
	/* MENU TRANSVERSAL */
	/********************/
	
	.header .transversal .headerTools a::after {
		padding: 0 5px;
	}
	
	.header .transversal .headerTools a {
		font-size: 10px;
	}
	
	/*************/
	/* MAIN MENU */
	/*************/
	
	.menu ul li a::after {
		top: 11px;
	}
	
	.menu ul li a {
		font-size: 10px;
		padding: 12px 0;
	}
	
	
	/****************/
	/* MENU SOPORTE */
	/****************/
	
	.support-menu li a.historia,
	.support-menu li a.valores,
	.support-menu li a.pilares,
	.support-menu li a.paises,
	.support-menu li a.historia:hover,
	.support-menu li a.valores:hover,
	.support-menu li a.pilares:hover,
	.support-menu li a.paises:hover {
		background-size: 18%;
		padding: 10px 0 10px 50px;
	}
	
	/***************/
	/* BANNER HOME */
	/***************/
	
	.bannerHome {
		top: -5px;
	}
	
	/*****************************/
	/***** CARRUSEL CON TABS *****/
	/*****************************/
	
	.ax-tabs li a, .ax-accordion {
		font-size: 12px;
	}
	
	.ax-tabs li a[class|="ax-icon"],
	.ax-tabs li.ax-active a[class|="ax-icon"]{
		background-position: 93% center; 
		background-size: 15%;
	}
	
	/****************************/
	/***** ACCESOS DIRECTOS *****/
	/****************************/  

	.quick-access .grid_3 {
		padding:0 30px;
	}
	
	/****************/
	/***** APPS *****/
	/****************/ 
	.ax-contentChange .ax-title-tasa {
		background: rgba(0, 0, 0, 0) url("Imagenes/support-menu-item.png") no-repeat scroll 35px 35px;
		font-size: 17px;
		padding: 0 0 10px 17px;
		line-height: 17px;
	}
	
	.ax-contentChange .ax-title-tasa::after {
		left: -12px;
		top: -7px;
	}
	
	.lafise-valorCompra, .lafise-valorVenta{
		width: 48%;
	}
	
	
}

@media screen and (max-width:768px) {

/*************/
/* MAIN MENU */
/*************/	

.menu ul li a {
	font-size:11px;
}


	.menu ul li > ul li > ul li a,
	.menu ul li.list1 > ul li > ul li a,
	.menu ul li.list2 > ul li > ul li a,
	.menu ul li.list3 > ul li > ul li a {
		padding: 0;
	}
			

/**********************/
/***** ERROR 404 *****/
/*********************/
.internaError {
    background: rgba(0, 0, 0, 0) url("/Portals/0/Skins/institucional/images/bg_404.jpg") no-repeat scroll 0 0 / contain ;
    height: 512px;
    position: relative;
    top: -10px;
}

	.contentError {
		padding: 0 0 0 20px;
		position: absolute;
		top: 25px;
	}
	
		.contentError span:nth-of-type(1) {
			color: #00583c;
			font-size: 60px;
			line-height: 60px;
		}
		
			.contentError span:nth-of-type(2) {
				color: #5cba55;
				font-size: 80px;
				line-height: 80px;
				padding: 0 0 0 60px;
			}
		
		
}

@media screen and (max-width:640px) {
	
/******************/
/***** HEADER *****/
/******************/

.header .container > .grid_9 {
    width:70%;
}

/********/	
/* LOGO */
/********/

.logo {
	width:30%;
}

/*************/
/* MAIN MENU */
/*************/

.menu ul li a {
    font-size: 10px;
    line-height: 10px;
    padding: 7px 0;
}

.menu ul li.list1 a,
.menu ul li.list2 a,
.menu ul li.list3 a {
	/*padding: 7px 0;*/
}

/************/
/* BANCANET */
/************/

.header .BancaNet .bancaBtn { background-size: contain !important;
    height: 48px;
}

.header .BancaNet .BancaNetList {
    width: 150%;
       margin-top: 9px;
}

/******************/
/* PRESSROOM HOME */
/******************/

.link a > p, .pressRoomHome .link a > p, .pressRoomSubhome .link a > p {
    font-size: 10px;
    padding: 5px 10px;
}

}

/*******************/
/***** MOVILES *****/
/*******************/

@media screen and (max-width:639px) {

/*********************/
/***** GENERALES *****/
/*********************/

.button, 
.button:visited {
	display:block;
    margin-bottom: 25px;
    text-align: center;
}

/******************/
/***** HEADER *****/
/******************/

.header .container > .grid_9 {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
	width:100%;
    z-index: 11;	
}



/********/
/* LOGO */
/********/

.logo {
    background: #00593b none repeat scroll 0 0;
	margin-top: 46px;
    position: relative;
	width:100%;
    z-index: 10;
}
	
	.logo a {
		display: block;
		text-align: center;
	}
	
		.logo a img {
			display: inline-block;
			    margin-top: 15%;
		}

/********/
/* REDES*/
/********/

.header .redes {
	display:none;
}

/********************/
/* MENU TRANSVERSAL */
/********************/

	.header .transversal {
		float: right;
		margin-right: 15%;
		position: relative;
		width: auto;
		z-index: 11;
	}

		.header .transversal .DNNModuleContent a {
			background: url("Imagenes/header/preguntasIcon.jpg") center center no-repeat;
			box-sizing: border-box;
			color: #fff;
			display: inline-block;
			font-family: "Montserrat",sans-serif;
			font-size: 0;
			font-weight: 700;
			height: 46px;
			padding: 0;
			text-transform: uppercase;
			width: 46px;
		}

			.header .transversal .DNNModuleContent a:hover {
				background: url("Imagenes/header/preguntasIcon.jpg") center center no-repeat;
				opacity:0.5;
			}

		.header .transversal .DNNModuleContent a:nth-child(2) {
			background: url("Imagenes/header/contactoIcon.jpg") center center no-repeat;
		}

		.header .transversal .DNNModuleContent a:last-child {
			background: url("Imagenes/header/encuentranosIcon.jpg") center center no-repeat;
		}


/**********/
/* SEARCH */
/**********/

	.search {
		margin: 0;
		position: absolute;
		right: 0;
		width: 13%;
		z-index:20;
	}

		.search .SearchButton, 
		.search .searchBtn {
			box-sizing: border-box;
			background: #00593b url("Imagenes/header/searchBtn.png") no-repeat scroll center center;
			padding: 23px 15px 28px;
			width: 100%;
		}

/*************/
/* MAIN MENU */
/*************/

.menu .responsiveMenuButton {
	background: rgba(0, 0, 0, 0) url("Imagenes/header/menuResponsive.png") no-repeat scroll 20px center;
    box-sizing: border-box;
    color: #444;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    padding: 17px 20px 16px 55px;
    text-transform: uppercase;
    width: auto;
}

	.menu .responsiveMenuButton:hover,
	.menu .responsiveMenuButton.active {
		background: #ddd url("Imagenes/header/menuResponsive.png") no-repeat scroll 20px center;
	}		

.menu {
    margin: 0;
	position:absolute;
	    text-align: left;
}
	
	.menu ul {
		background: #fff none repeat scroll 0 0;
		border-bottom: 1px solid #59bd4d;
		border-top: 1px solid #59bd4d;
		display: none;
		position: relative;
		z-index: 20;
	}
			
		.menu ul li {
			float: none;
			width:100%;
		}
		
			.menu ul li a {
				border-bottom:1px solid #ddd;
				font-size:13px;
				line-height:15px;
				margin:0;
				padding: 14px 10px;
				position:relative;
			}
			
			.menu ul li:last-child a {
				border:none;
			}
			
				.menu ul li a.hasMenu::after {
					color: #aaa;
					content: "▼";
					font-size: 10px;
					position: absolute;
					right: 10px;
				}
				
					.menu ul li a.active.hasMenu::after {
						color:#fff;
						content:"▲";
					}
			
			.menu ul li:hover, 
			.menu ul li.selected {
				border-bottom: none;
			}
			
				.menu ul li:hover > a, 
				.menu ul li.selected > a,
				.menu ul li a.active { 				
					background: #00593B;
					color:#fff;
				}

			.menu ul li:hover > ul {
				display:none;
			}
			
			.menu ul li > ul {
				border-bottom: 1px solid #5abc4f;
				padding:0;
				position: relative;
				width: auto;
			}
			
				.menu ul li > ul li > ul {
					display:none;
				}				
				
				.menu ul li > ul li a {
					border-bottom: 1px solid #ccc;
					font-family: "Lato",sans-serif;
					margin: 0;
					padding: 10px 20px;
					text-transform: none;
				}
				
				.menu ul li > ul li:last-child a {
					border:none;
				}
				
				.menu ul li > ul li:hover a,
				.menu ul li > ul li.selected a,
				.menu ul li > ul li a.active  {
					background: #7f7f7f;
					color:#fff;
				}

	/************/
	/* BANCANET */
	/************/


	.header .BancaNet {
		display:inline-block;
		margin-top: 0;
	}

		.header .BancaNet .bancaBtn { background-size: contain !important;
			background: #43bb6c url("Imagenes/header/Bancanet.svg") no-repeat scroll right top;
			height:48px;
			margin-top: 0;
			width: 100%;

	

		}

		.header .BancaNet .bancaBtn.active {
			background: #858585 url("Imagenes/header/Bancanetgris.svg") no-repeat scroll right top;
		}

		.header .BancaNet .BancaNetList {
			right: 0;
			width:100%;
		}
	

/**********/
/* BANNER */
/**********/

.bannerHome {
	display:none;
}

.bannerHome.responsive {
	display:block;
	top:0;
}

/**********************/
/***** CONTENIDOS *****/
/**********************/
.row {
		margin:0;
	}

	.articuloNovedadesDetalle .contenido .informacion {
		-moz-column-count: 1;
	}
	
/***************/
/* MIGA DE PAN */
/***************/

.breadcrumb {
    background: #eeeeee none repeat scroll 0 0;
    margin: 0 0 45px;
  //  padding: 10px 4%;
    position: relative;
    top: 0;
    margin-top: -16%;
}

/********************/
/* INTERNAS GENERAL */
/********************/

/****************/
/* MENU LATERAL */
/****************/

.sidebar,
.rightContent {
	//padding:0 4%;
}

.sidebar #dnn_pnav {
	display:none;
}

.pageTitleSidebar {
	position:relative;
	transition: all 0.3s ease-in-out;
}

	.pageTitleSidebar::after {
		color: #fff;
		content: "▼";
		font-size: 10px;
		position: absolute;
		right: 10px;
	}

.pageTitleSidebar.active {
	background:#333;
}

	.pageTitleSidebar.active::after {
		content: "▲";
	}

/***********/
/* GENERAL */
/***********/


/************************************************/
/* NOTICIAS HOME, SUBHOME, NOVEDADES E INTERNAS */
/************************************************/

.newsTitle,
.newsHome,
.pressRoomHome,
.newsSubhome,
.pressRoomSubhome,
.interna,
.container.interna{
	padding:0 4%;
}

.newsHome .articulo,
.newsHome .articulo:first-child,
.newsSubhome .articulo,
.articuloNovedades {
    width: 100%;
}

.newsSubhome .articulo {
    padding: 0;
}

.articuloNovedades {
	margin:0;
}

/******************/
/* PRESSROOM HOME */
/******************/

.link a > p, .pressRoomHome .link a > p, .pressRoomSubhome .link a > p {
    font-size: 14px;
    padding: 10px;
}

/********************/
/* ACCESOS DIRECTOS */
/********************/

.accesosDirectos {
    margin: -30px 0 25px;
}
	
	.accesosDirectos .accesos ul {
		padding: 0 4%;
	}

		.accesosDirectos .accesos ul li {
			margin: 0 0 5px;
			width: 100%;
		}
		
			.accesosDirectos .accesos ul li a {
				font-size:18px;
				line-height: 30px;
			}

/***********************/
/* TARJETAS DE CRÉDITO */
/***********************/

.articuloTarjeta {
    padding: 0;
    width: 100%;
}

/********/
/* CHAT */
/********/
	
.chatContainer {
	display:none;
}


/**********************/
/***** ERROR 404 *****/
/*********************/
.internaError {
    background: #f4f4f4 none repeat scroll 0 0;
    height: auto;
	margin:0 0 20px;
    position: inherit;
}

	.contentError {
		padding: 0 0 0 20px;
		position: inherit;
	}
	
		.contentError span:nth-of-type(1) {
			font-size: 70px;
			line-height: 70px;
		}
		
			.contentError span:nth-of-type(2) {
				font-size: 90px;
				line-height: 90px;
			}

	/*****************************/
	/***** CARRUSEL CON TABS *****/
	/*****************************/

	.ax-accordion {
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		display: inline-block;
		padding: 12px 20px;
		width: 100%;
	}

		.ax-accordion.ax-active {
			background: #8CC63E;
			color: #fff;
		}

		.ax-accordion:first-child {
			border-top: 1px solid #ccc;
		}

	.ax-tab-container {
		margin-bottom: 25px;
	}

	.ax-tabs,
	.ax-selected{
		display:none;
	}

	.ax-tab {
		border-bottom: 1px solid #ccc;
		float: left;
		padding: 0 0 20px;
		width: 100%;
	}

	.ax-tab-content .ax-tab:nth-child(4) {
		display: none;
	}
	
	.ax-next,
	.ax-prev{
		display: none;
	}

	/****************************/
	/***** ACCESOS DIRECTOS *****/
	/****************************/

	.quick-access .grid_3 {
		margin-bottom: 25px;
	}

	/*****************/
	/* NOTICIAS HOME */
	/*****************/

	.newsHome .articulo .imagen {
		margin-bottom: 15px;
		width: 100%;
	}

	.newsHome .contenido {
		padding: 0 4%;
		width: 100%;
	}

	.newsHome .articulo:first-child .contenido h2 a {
		font-size: 16px;
		line-height: 18px;
	}

	.newsHome .articulo:first-child .contenido .entradilla p {
		font-size: 11px;
		line-height: 14px;
	}

/****************/
/***** APPS *****/
/****************/
	
.lafiseApp {
    width: 80%;
    margin: 20px auto 20px auto;
}
	
	.ax-contentChange .ax-title-tasa{
		background: rgba(0, 0, 0, 0) url("Imagenes/support-menu-item.png") no-repeat scroll 105px 35px;
	}	

	/***************************/
	/* SUSCRIPCION A BOLETINES */
	/***************************/

	.newsletters {
		padding: 0 4%;
	}
	
	.newsletters .lafise-container-suscripcion-boletin > .lafise-group,
	.newsletters .lafise-container-suscripcion-boletin > .lafise-group > .lafise-group,
	.newsletters .lafise-container-suscripcion-boletin > .lafise-container-options,
	.newsletters .lafise-container-options .lafise-button {
		width: 100%;
	}

	.newsletters .lafise-container-text input {
		margin: 0 0 20px;
		width: 100%;
	}
	
	.newsletters .lafise-container-options .lafise-button {
		box-sizing: border-box;
		margin-top: 20px;
	}
	
/******************/
/***** FOOTER *****/
/******************/

.footer {
	text-align:center;
}

	.footer img {
		display:inline-block;
	}
		
	.footer .col-3 ul {
		-moz-column-count: 1;		
	}
	
	.footer ul {
		margin-bottom:20px;
	}
	
	.footer ul li {
		background:none;
	}
	
	.footer a.reclamo {
		margin: 0 30px;
	}

}

@media screen and (max-width:568px) {
}

@media screen and (max-width:400px) {	
}
}

@media screen and (max-width:360px) {

}

@media screen and (max-width:320px) {	
}