/** Estructura **/

#col1 { margin-top:20px; }
#col2 { margin-top:20px; }

a#link_subir {
	position:fixed;
	bottom: 68px;
    right: 14px;
	background-color: #151515;
	color:#fff;
	border-radius:50%;
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	z-index:999;
}
a#link_subir:hover { background-color: #4a4b4b; }

.header { background-color: #1e7ad1 }
.header h2 { float:left; color: white; font-family: Poppins;font-size: 24px;font-weight: normal; }
.header a.blueBtn { float:right; }
.header a.redBtn { float:right; background-color: #f92b89;}



/**************************/
/*			Col 1		  */
/**************************/

#col1 .publi a { display:block; margin-bottom:8px; }
#col1 .publi a img { border:none; }

/** Filtro lateral **/
#filtro_lateral { padding:20px; background:#f4f4f4; margin-bottom:20px; }

#filtro_lateral .modulo { padding-top:15px; margin-top:15px; border-top:solid 3px #dfdfdf; color:#333; font-size:12px; position: relative;}

#filtro_lateral .modulo_botonera { margin-top:15px; padding-top:15px; border-top:solid 3px #dfdfdf; }

#filtro_lateral .modulo > b { font-family:"Raleway"; font-size:15px; }
#filtro_lateral .modulo ul.tipo { padding-left:5px; margin-top:10px; list-style:inside; }
#filtro_lateral .modulo ul.tipo li { margin-bottom: 4px; }
#filtro_lateral .modulo ul.tipo a { color:#333; font-family:"Raleway"; font-size:14px; }

#filtro_lateral .modulo h5 { font-family:"Raleway"; font-size:15px; font-weight:bold; }

#filtro_lateral .modulo ul.talla { padding-left:0; margin:5px 0 10px 0; list-style:none; overflow:hidden; }
#filtro_lateral .modulo ul.talla li { float:left; margin-right:2px; margin-bottom:2px; border-radius:4px; }
#filtro_lateral .modulo ul.talla li a { display:block; color:white; font-size:12px; padding:5px 7px; border-radius:4px; }
#filtro_lateral .modulo ul.talla li a:hover { text-decoration:none; background:#075a8c; }
#filtro_lateral .modulo ul.talla li:hover { background:#075a8c; }

#filtro_lateral .modulo ul.color { padding-left:0; margin:5px 0 10px 0; list-style:none; overflow:hidden; }
#filtro_lateral .modulo ul.color li { float:left; margin:2px; }
#filtro_lateral .modulo ul.color li.color { border:1px dotted #ccc; padding:2px; border-radius:24px; overflow:hidden; transition:all .1s; }
#filtro_lateral .modulo ul.color li.color a { border-radius:24px; overflow:hidden; }
#filtro_lateral .modulo ul.color li.color.actual { border: 1px solid #000; }
#filtro_lateral .modulo ul.color li a { display:block; width:28px; height:28px; border:solid 1px transparent; text-indent:-9999px; }
#filtro_lateral .modulo ul.color li:hover { border:solid 1px #333; }
#filtro_lateral .modulo ul.color li:hover a { text-decoration:none; }
#filtro_lateral .modulo ul.color li a.color_no_color { background:#fff url(../img/color_no_color.png) no-repeat; }

#filtro_lateral .modulo .cancelar_talla {
	position:absolute; 
	padding:3px 5px; 
	background:#FB1001; 
	border-radius:20px; 
	top:15px; 
	right:0px; 
	color:#fff; 
	font-size:12px; 
	transition:all .3s;
	cursor:pointer; 
}
#filtro_lateral .modulo .cancelar_talla a { text-decoration: none; color:inherit; }
#filtro_lateral .modulo .cancelar_talla:hover { background:#000; }

#filtro_lateral .modulo .formulario { margin-top:10px; }
#filtro_lateral .modulo .formulario .linea input.text { width:85%; }
#filtro_lateral .modulo .formulario .linea input.btnBuscar { width:5%; background:url(../img/ico_lupa.png) no-repeat center center; background-color:#1f7bd1; padding:3px 10px; border:none; border-radius:4px; cursor:pointer; }
#filtro_lateral .modulo .formulario .linea input.btnBuscar:hover { background-color:#075a8c; }
#filtro_lateral .modulo .busquedas_populares { margin-top:16px; }
#filtro_lateral .modulo .busquedas_populares b { font-size:12px; font-style:italic; }
#filtro_lateral .modulo .busquedas_populares ul.tipo { margin-left:5px; margin-top:10px; list-style:inside; }
#filtro_lateral .modulo .busquedas_populares ul.tipo a { color:#333; font-family:"Raleway"; font-size:14px; font-style:italic; }


#filtro_lateral .modulo .formulario.configuracion { margin-top:10px; font-size:11px; color:#666; line-height:1.3em; }
#filtro_lateral .modulo .formulario.configuracion .linea { margin-bottom:10px; }
#filtro_lateral .modulo .formulario.configuracion .linea input[type="checkbox"] { float:left; margin-right:6px; margin-bottom:10px; }


/**************************/
/*			Col 2		  */
/**************************/

#filtro { padding:10px 0 20px 0; border-bottom:dashed 1px #a3a3a3; color:#444; }
#filtro a { color:#1f7bd1; text-decoration:underline; }
#filtro span.comentarios { float:right; font-family:'Raleway'; font-size:13px; }


/** Camisetas **/
#listado_camisetas { margin-top:10px; overflow:hidden; padding-top: 5px; }



/*********************************************************/
/*  			mostrar_como_portada					 */
/*********************************************************/

.modelo_camiseta { position:relative; height:340px; padding:3px; border:solid 1px transparent; transition:all .3s; overflow:hidden; }
.modelo_camiseta .imagen { position:relative; z-index:10; overflow:hidden; cursor:pointer; width:auto; height:auto; min-height: 240px; border-radius: 10px}
.modelo_camiseta .imagen .capa_img_camiseta_movil {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative; 
	width:100%; 
	height:320px;
}

.modelo_camiseta .imagen .tag { position:absolute; bottom:15px; right:0px; color:#333; font-size:14px; background:#eaf2f5; padding:2px 10px; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px;
						font-family: raleway;
						font-weight: 600;
					 }
.modelo_camiseta .imagen .tipo_pap { position:absolute; top:10px; left:0px; color:#000;  font-size:11px; padding:6px 8px; border-radius:0 7px 7px 0; background:#f0f0f0; border:solid 1px #d0d0d0; border-left:none; }
.modelo_camiseta .imagen .tipo_classics { display:none; position:absolute; top:10px; left:0px; color:#000; font-size:11px; padding:6px 8px; border-radius:0 7px 7px 0; background:#f0f0f0; border:solid 1px #d0d0d0; border-left:none; }
.modelo_camiseta .imagen .tipo_pap48 { font-family:Poppins;position:absolute; top:10px; left:0px; color:#000;  font-size:11px; padding:6px 8px; border-radius:0 7px 7px 0; background:#f0f0f0; border:solid 1px #d0d0d0; border-left:none; }

.modelo_camiseta .capa_info { margin-top:10px; z-index:10; color:#989797; font-size:11px; line-height:1.5em; font-family:'Poppins'; }

.modelo_camiseta .capa_precio { margin-top:10px; position:relative; right:0px; z-index:10; }
.modelo_camiseta .capa_precio .etiqueta_agotado { 
	background:url(../img/etiqueta_agotado.png) no-repeat; 
	width:98px; 
	height:19px; 
	color:#cbbb6f; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:17px;
	font-weight:bold; 
	text-align:right; 
	padding-right:6px; 
	padding-top:2px; 
}

.modelo_camiseta .capa_precio .etiqueta { 
/*background:url(../img/etiqueta.png) no-repeat; */
color:#2c2c2c;
font-family:Poppins, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-right:6px; 
padding-top:2px;
cursor:pointer;
border-radius:0 3px 3px 0;
height: 28px;
}
.modelo_camiseta .capa_precio .etiqueta img{
	margin-right: 5px;
	height: 24px;
	width: auto;
	display: none;
}

.modelo_camiseta .capa_precio .etiqueta_oferta { 
	position:relative;
	width:160px;
	height:28px;
	color:#2c2c2c;
	font-family:Poppins, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.modelo_camiseta .capa_precio .etiqueta_oferta img{
	margin-right: 5px;
	height: 24px;
	width: auto;
	display: none;
}
.modelo_camiseta .capa_precio .etiqueta_oferta .texto_oferta {
	text-decoration: line-through;
	display: inline-block;
	margin-right: 10px;
}
.modelo_camiseta .capa_precio .etiqueta_oferta .precio_oferta { color: #f92b89; display: inline-block; }



.modelo_camiseta .container { position:absolute; top:-10px; left:-10px; width:256px; height:350px; z-index:1; /*border:solid 1px #fff;*/ } 

/** Hover **/

div.modelo_camiseta:hover .capa_imagen { z-index:100; }
div.modelo_camiseta:hover  {
	-webkit-box-shadow: -1px 0px 7px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 0px 7px 1px rgba(0,0,0,0.2);
	box-shadow: -1px 0px 7px 1px rgba(0,0,0,0.2);
	border-radius: 10px;
}


/* estilo para filtros arriba del listado */
.filtro_listado{
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.titulo_precios{
	font-size: 14px; font-weight: bold;
	display: inline-block;
	width: 100%;
	color: #292929;
}

a.btn_filtro { 
    padding: 4px 12px;
    background: #e1dfdf;
    color: #636060 !important;
    font-size: 12px;
    font-family: "Arial";
    font-weight: normal;
    border-radius: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none !important;
}
a.btn_filtro:hover{
	background: #636060!important;
	color: #ffffff !important;
} 

a.blueBtnfiltro { 
    padding: 6px 15px;
    color: #ffffff !important;
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;
    border-radius: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none !important;
}
a.blueBtnfiltro:hover{
	background: #272727!important;
} 

a.blueBtnfiltro.rojo1{
    background: #db6363;
}
a.blueBtnfiltro.rojo2{
    background: #f92b89;
}
a.blueBtnfiltro.gris{
    background: #272727;
}
a.blueBtnfiltro.oculto{
	display: none;
}

/* filtro para eliminar TAG */
.filtro_listado{
	display: inline-block;
}
.filtro_listado .option-selection {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #888;
	margin-top: 0px;
}
.filtro_listado .option-selection .selection-title {
	display: inline;
	margin-right: 0.5rem;
}
.filtro_listado .option-selection .selection-btn {
	display: inline-block;
	height: 32px;
	padding: 0 1rem 0 0.5rem;
	margin: 0.15rem 0.3rem 0.15rem 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 25px;
	background: #fff;
	color: #444;
	text-decoration: none;
	transition: all .25s ease-out;
	font-size: 14px;
}
.filtro_listado .option-selection .selection-btn .icon {
	position: relative;
	top: 5px;
	font-size: 2rem;
	font-style: normal;
	line-height: 20px;
	margin-right: 3px;
}

/* FIN filtro para eliminar TAG */

@media (max-width: 3400px)
{
	.modelo_camiseta { height:370px;  padding: 10px; }
}

@media (max-width: 1900px)
{
	.modelo_camiseta { height:356px; padding: 10px; }
}

@media (max-width: 1370px)
{
	.modelo_camiseta { height:320px; }
	.modelo_camiseta .imagen { height:auto; min-height: 200px;}
}

@media (max-width: 992px)
{
	.modelo_camiseta { height:320px; }
	.modelo_camiseta .imagen { height:auto; min-height: 204px;}
}

@media (max-width: 768px)
{
	.modelo_camiseta { height:auto; margin-bottom: 10px; padding: 0px;}

	.modelo_camiseta .imagen { height:auto; min-height: 330px;}

	a#link_subir { 
		bottom: 10px;
	    right: 10px; 
	}
}
@media (max-width: 660px)
{
	.modelo_camiseta .imagen { height:auto; min-height: 292px;}
}

@media (max-width: 600px)
{
	.modelo_camiseta .imagen .capa_img_camiseta_movil { 
		height:235px;
	}

	.filtro_listado .blueBtnfiltro{
        font-size: 12px;
        padding: 8px 10px;
	}
	.filtro_listado .blueBtnfiltro span{
		display: none;
	}

	.modelo_camiseta .imagen { height:auto; min-height: 256px;}

}
@media (max-width: 540px)
{
	.modelo_camiseta .imagen { height:auto; min-height: 238px;}
}
@media (max-width: 500px)
{
	.modelo_camiseta .imagen .capa_img_camiseta_movil { 
		height:200px;
	}
	.modelo_camiseta .imagen { height:auto; min-height: 216px;}
}

@media (max-width: 470px)
{
	.modelo_camiseta .imagen { height:auto; min-height: 200px;}
}
@media (max-width: 440px)
{
	.modelo_camiseta .imagen { height:auto; min-height: 186px;}
}

@media (max-width: 400px)
{
	.modelo_camiseta .imagen .capa_img_camiseta_movil { 
		height:155px;
	}
	.modelo_camiseta .imagen { height:auto; min-height: 168px;}
}

@media (max-width: 380px)
{
	.modelo_camiseta .imagen { height:auto; min-height: 159px;}
}


/*********************************************************/
/*  			Modulo camisetas lateral				 */
/*********************************************************/

.camiseta_lateral { margin-top:15px; text-align:center; }
.camiseta_lateral .imagen { border:solid 1px #e0e0e0; width:145px; margin:0 auto; }
.camiseta_lateral .imagen img { border:solid 1px #fff; width:143px; }
.camiseta_lateral .capa_info { margin-top:8px; line-height:1.3em; font-family:'Poppins'; font-size:12px; }

	/** Sobre-escribimos algunos estilos marcados en "camiseta_class.css" para este caso concreto... **/
/*	.modelo_camiseta { width:240px; height:350px; }
	.modelo_camiseta .capa_imagen { width:240px; height:264px; }
	.modelo_camiseta .capa_imagen img { width:240px; height:auto; }
	.modelo_camiseta .capa_info { top:270px; }
	.modelo_camiseta .container { width:256px; height:350px; } 
*/	


/* -------- desplegables filtros --------------------------------------------------------------------------*/
.filtro_select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.filtro_select.select_orden {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    width: 140px;
    vertical-align: middle;
}  

.filtro_select.select_orden .nice-select{
	height: 34px;
	padding-left: 10px;
}

.filtro_select.select_orden .nice-select .list{
	overflow: hidden;
}
.filtro_select.select_orden .nice-select .current { 
    line-height: 18px;
}
/*.filtro_select select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 7px 8px;
        outline: 0;
        border: 2px solid #7aaee7;
        border-radius: 7px;
        background: #ffffff;
        color: #615959;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        
.filtro_select select::-ms-expand {
        display: none;
    }
.filtro_select select:hover,
.filtro_select select:focus {
    color: #000000;
    background: #ffffff;
}
.filtro_select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.select_arrow {
    position: absolute;
    top: 15px;
    right: 10px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7aaee7 transparent transparent transparent;
}
.filtro_select select:hover ~ .select_arrow,
.filtro_select select:focus ~ .select_arrow {
    border-top-color: #7aaee7;
}
.filtro_select select:disabled ~ .select_arrow {
    border-top-color: #7aaee7;
}*/
	
/* -------- desplegables filtros --------------------------------------------------------------------------*/


/*  SLIDER BANNERS CABECERA */
#slider_banner{ height: 200px;  max-width: 1360px; margin: auto; position: relative;}

.fade-slide {
	color:#fff;

}
.fade-slide.fs-odd {
	background:#fff;
}

a:focus {
	outline: none !important;
}
.fs-nav, .fs-nav:focus {
	display:block;
	width:2em;
	height:2em;
	/*background:#eaf2f5;*/
	line-height:1.6em;
	text-align:center;
	position:absolute;
	top:51%;
	margin-top:-1em;
	/*border-radius:2em;*/
	font-size: 20px;
	color:#337ab7;
}
.fs-hover .fs-nav {
	display:block;
}
.fs-nav-prev {
	left:0px;
}
.fs-nav-next {
	right:0px;
}
.fs-nav:hover {
	color:#0078d3;
	/*background:#08c;*/
	text-decoration: none;
}
.fs-dots {
	position:absolute;
	display:none;
	bottom:15px;
	left:0;
	width:100%;
	text-align:center;
}
.fs-dot {
	display:inline-block;
	vertical-align:middle;
	margin:4px;
	height:14px;
	width:14px;
	border:1px solid #a3c;
	border-radius:60px;
}
.fs-on {
	border:3px solid #08c;
	height:12px;
	width:12px;
}
@media (max-width: 1150px)
{
	#slider_banner{ height: 230px;}
}
@media (max-width: 1000px)
{
	#slider_banner{ height: 90px;}
}
@media (max-width: 900px)
{
	/*#slider_banner{ height: 115px;}*/
	#slider_banner{ height: 90px;}
}
@media (max-width: 870px)
{
	#slider_banner{ height: 90px;}
}

@media (max-width: 740px)
{
	/*#slider_banner{ height: 115px;}*/
	#slider_banner{ height: 150px;}
}
@media (max-width: 640px)
{
	/*#slider_banner{ height: 100px;}*/
	#slider_banner{ height: 70px;}
	.fs-nav-prev {
		left:-10px;
	}
	.fs-nav-next {
		right:-10px;
	}

	.titulo_bloque {
		font-size: 22px;
	}
	.titulo_bloque img{
		width: 30px;
	}
}
@media (max-width: 580px)
{
	/*#slider_banner{ height: 85px;}*/
	#slider_banner{ height: 76px;}
}
@media (max-width: 500px)
{
	/*#slider_banner{ height: 75px;}*/
	#slider_banner{ height: 70px;}
}

@media (max-width: 370px)
{
	/*#slider_banner{ height: 75px;}*/
	#slider_banner{ height: 70px;}
}