.AJUSTES_VISUALIZACION{
	/*En width introduciremos el scroll en pixeles que debe avanzar o retrasar el plugin para cada salto, es importante para posicionar*/
	width: 206px;
	/*En height, introduciremos el numero de elementos que apareceran por columna*/
	height: 2px;
	/*En el margin-right, establecemos el tamaño extra que se debe mover al inicio, para tener bien colocados los banqueros 
	(que aparezca uno en medio, que aparezcan un trozo del anterior y el siguiente...*/
	margin-right: 0px; 
}

.AJUSTES_VISUALIZACION.minimized{
	/*En width introduciremos el scroll en pixeles que debe avanzar o retrasar el plugin para cada salto, es importante para posicionar*/
	/*width: 206px;
	/*En height, introduciremos el numero de elementos que apareceran por columna*/
	height: 1px;
	/*En el margin-right, establecemos el tamaño extra que se debe mover al inicio, para tener bien colocados los banqueros 
	(que aparezca uno en medio, que aparezcan un trozo del anterior y el siguiente...*/
	/*margin-right: 0px; */
}

.banquerosMainContainer{
	display: inline-block;
	width: 924px;
	padding-top: 50px;
	padding-bottom: 50px;

}

.banquerosMainContainer .anterior, .banquerosMainContainer .siguiente{
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin-top: 298px;
	padding: 0 5px;
}
.banquerosMainContainer .anterior { margin-right: 10px; }
.banquerosMainContainer .siguiente { margin-left: 10px; }

.banquerosMainContainer .containerBanqueros{
	display: inline-block;
	width: 825px;
	max-width: 100%;
	margin: auto auto;
	text-align: left;
	overflow: hidden;	
	height: auto;	
}

.minimized .containerBanqueros{
	height: 305px;
	overflow: hidden;	
}

.minimized .anterior, .minimized .siguiente{
	margin-top: 147px	
}

#listaBanqueros{
	min-width: 15000px;
	margin: 3px 0 0 0;
	max-height: 640px;
}

#listaBanqueros.minimized{
	min-width: 60000px;
	margin: 3px 0 0 0;
}

li.liBanqueros{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.containerBanquero{
	position: relative;

	width: 200px;
	margin: 0 auto;
	min-height: 300px;
	height: 300px;
	margin-bottom: 10px;
	text-align: center;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	background-color: #ece8dd; /* no comentar o no se ven las sombras en los iPad */
}

li.liBanqueros DIV{
	/*Si se descomenta la siguiente línea, se verán en línea, si no, de dos en dos*/
    /*display: inline-block;*/
}


li.liBanqueros DIV.containerBanquero.minimized {
	display: inline-table; /* inline-block */
	margin: 0 3px;
}

.banquero{
	width: 100%;
	overflow: hidden;
	/*background-color: #ece8dd;*/
}

.fotoBanquero{
	min-height: 148px;
	max-height: 148px;
	height: 148px !important;
	padding-top: 10px;
	/*width: 100%;
	max-width: 100%;
	min-width: 100%;	*/
}

.nombreBanquero{
	font-family: "LegacyMedium", arial, helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	min-height: 40px;
	text-transform: uppercase;
	padding: 10px 5px 0 5px;
	vertical-align: top;
	background: #fff;
}


.puestoBanquero,
.ciudadBanquero{
	font-size: 12px;
	color: #b5ad9b;
	padding-top: 1px;
	background: #fff;
	min-height: 12px;
}
.ciudadBanquero{
	padding-top: 3px;
}

.empresaBanquero{
	font-size: 12px;
	color: #b5ad9b;
	padding-top: 3px;
	background: #fff;
	min-height: 12px;
}
.masInfoBanquero {
	background: #fff;
	padding-bottom: 18px;
	padding-top:7px;
	text-align: center;
}
.masInfoBanquero a {
	width: 85%;
	display: block; /* inline-block */
	/*position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -42%;*/

	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	padding: 12px 0;
	/*margin-top: 25px;*/
	margin: 0 auto;
	color: #fff;
	background: #d5321b;
	background: -moz-linear-gradient(top, #d5321b 0%, #bf240e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5321b), color-stop(100%,#bf240e));
	background: -webkit-linear-gradient(top, #d5321b 0%,#bf240e 100%);
	background: -o-linear-gradient(top, #d5321b 0%,#bf240e 100%);
	background: -ms-linear-gradient(top, #d5321b 0%,#bf240e 100%);
	background: linear-gradient(to bottom, #d5321b 0%,#bf240e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5321b', endColorstr='#bf240e',GradientType=0 );
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}



@media (max-width: 800px){

	.banquerosMainContainer{
		width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.banquerosMainContainer .containerBanqueros {
		max-width: 80%;
	}

	.anterior, 
	.siguiente {
		padding: 0 5px;
	}

}

@media (max-width: 640px){

	.AJUSTES_VISUALIZACION{
		/*En width introduciremos el scroll en pixeles que debe avanzar o retrasar el plugin 
		para cada salto, es importante para posicionar*/
		width: 220px;
		/*En height, introduciremos el numero de elementos que apareceran por columna*/
		height: 1px;
		/*En el margin-right, establecemos el tamaño extra que se debe restar al cálculo del inicio, 
		para tener bien colocados los banqueros (que aparezca uno en medio, que aparezcan un trozo 
		del anterior y el siguiente...*/
		margin-right: 360px; 
	}
	
	li.liBanqueros{
		display: inline !important;
	}
	
	li.liBanqueros DIV.containerBanquero{
		display: inline-table;  /*inline-block;*/
	}
		
	#listaBanqueros{
		min-width: 60000px;
	}

	.banquerosMainContainer .anterior, 
	.banquerosMainContainer .siguiente {
		margin-top: -15px;
		line-height: 305px;
	}
	.anterior{
		float: left;
		margin-left: 20px;
	}
	
	.siguiente{
		float: right;
		margin-right: 20px;
	}

	.banquerosMainContainer .containerBanqueros {
		height: 305px;
		overflow-y: hidden;
	}
	
	
	li.liBanqueros{
		margin-right: 0;
	}

	.containerBanquero, li.liBanqueros DIV.containerBanquero.minimized {
		margin: 0 10px;
	}
}

@media (max-width: 480px){
	.banquerosMainContainer {
		width: 95%;
	}
	.banquerosMainContainer .containerBanqueros {
		width: 79%;
	}
	.AJUSTES_VISUALIZACION{
		margin-right: 300px; 
	}

	.anterior{
		margin-left: 2px;
	}
	
	.siguiente{
		margin-right: 2px;
	}
	
}

@media (max-width: 320px){
	.banquerosMainContainer .anterior, 
	.banquerosMainContainer .siguiente {
		padding: 0 2px;
	}	
	.banquerosMainContainer .anterior {
		margin-right: 3px;
	} 
	.banquerosMainContainer .siguiente {
		margin-left: 3px;
	}	
	.banquerosMainContainer .containerBanqueros {
		width: 78%;
	}
	/*.containerBanquero {
		margin: 0 5px;
	}*/
	.AJUSTES_VISUALIZACION{
		margin-right: 250px; 
	}
	
}

.banquerosMainContainer.open{
	max-height: 660px;
}

.banquerosMainContainer{
	max-height: 0px;
	overflow: hidden;
	padding: 0;

	transition:         all .2s ease-in-out;
	-moz-transition:    all .2s ease-in-out;
 	-webkit-transition: all .2s ease-in-out;
}

p.showMoreBankers{
	display: block!important;
	font-size: 14px;
	text-align: center;
	height: 30px;
	margin: 0 auto !important;
	max-width: none !important;	
	line-height: 30px!important;
	display: block!important;
	width: 230px!important;
	overflow: hidden;
}
p.showMoreBankers span{
	cursor: pointer;
	color: #b5ad9b;
	padding-left: 30px;
	background: url(../img/showmore_fl_dw.png) left center no-repeat;
	display: block;
	
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
p.showMoreBankers span.sp2{
	background: url(../img/showmore_fl_up.png) 30px center no-repeat;
}
p.showMoreBankers.active span{
	margin-top: -30px;
}
p.showMoreBankers.active span.sp2{
	margin-top: 0px;
} 
.banquerosMainContainer.open {
	max-height: 660px;
	margin-left: 0;
	display: inline;
}
.banquerosMainContainer .containerBanqueros {
	display: inline-block;
	width: 824px;
	max-width: 90%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	height: auto;
	padding-top: 40px;
}

@media (max-width: 640px) { 	
	h3 { 
		font-size: 28px; 
	}
	.banquerosMainContainer .containerBanqueros {
		max-width: 80%;
		height: 320px!important;
	}
}