@charset "UTF-8";

#list{
	margin-top:93px;
	min-height:390px;
	position:absolute;
	width:100%;
	}
	
#list article{
	border-left:5px solid #e0e0e0;border-right:5px solid #e0e0e0;}
	
	
#list #loading{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;}

#list #loading #cupo_loading{height:57px;width:57px;}
	
	
#list #loading #mono_loading{height:40px;width:125px;}


#list #categoria{margin:10px auto;}

#list .det{
	background:#fff;border-bottom:2px solid #e0e0e0;height:67px;position:relative;
	}

#list .det p{
	margin:0;
	margin-bottom:.1em;
	padding-left: 5px;
}
	
	
#list .det .precio{
	bottom: 78px;
	left: 460px;
	/*position: absolute;*/
	padding-bottom:5px;
}


#list .det .precio .actual{
	color:#6869F4;
	display:inline-block;
	font-size:1.23em;
	font-weight:700;
	padding-left: 5px;
}
	
	
#list .det .precio .antes{color:#6f6f6f;font-size:0.813em;margin-top:-6px;text-decoration:line-through;}

#list .det .precio .dcto{color:#054d98;display:inline-block;font-size:1.063em;font-weight:700;margin-left:5px;}
	
	
#list .det .precio .unica{color:#6f6f6f;font-size:0.813em;
font-weight:700;margin-top:-6px;
}








/*date for article*/
#list .det .vendidos{
	color:#19191A;
	font-size:0.813em;
	position:absolute;
	right:0.8em;
	/*top:30px;*/
}

#list .foto{overflow:hidden;position:relative;}
	
#list .foto.agotado::before{
	background:rgba(0,0,0,0.84);
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	border-radius:1000px;
	bottom:0;
	color:#ff7500;
	content:"agotado";
	display:block;
	font-size:1.375em;
	height:180px;
	left:0;
	letter-spacing:2px;
	line-height:180px;
	margin:auto;
	position:absolute;
	right:0;
	text-align:center;
	text-transform:uppercase;
	top:0;
	width:180px;
	z-index:9999;
	-ms-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
	}
	
#list .foto.agotado h2{background:rgba(0,0,0,1);}


#list .foto.agotado img{opacity:.5;}
	
#list .foto.agotado+.det .precio .actual{color:#666;}

#list .foto h2{background:rgba(91, 136, 205, 0.68);bottom:-1px;color:#fff;font-size:1.250em;line-height:1.2em;margin:0;padding:.2em .8em .5em;position:absolute;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%;}
	
#list .foto img{
	width:100%;
	text-align:center;}
	
#list .foto .espacio{background:#fff;bottom:-15px;height:15px;left:0;position:absolute;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%;}
	
#list .foto .dcto{background:#054d98;border-radius:1000px;color:#fff;font-size:1.250em;font-weight:300;height:58px;line-height:58px;position:absolute;right:.5em;text-align:center;top:.5em;width:58px;}


#list .foto .triangle-up{border-bottom:8px solid white;border-left:8px solid transparent;border-right:8px solid transparent;bottom:0;height:0;left:40px;position:absolute;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:0;}
	
	
@media only screen and (max-width: 40.063em){
		
#list{
	margin-top:205px;

}#list article{
border-left:none;border-right:none;

/*cuadrar list foto y  max- min- width  http://pxtoem.com/conversor medidas*/

}#list .foto{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
/*cuadrar list foto*/

#list .det{
border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;-moz-transition:all.2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}

.columns{padding-bottom:0.9375rem;
}
}

/*cuadrar list foto*/


@media only screen and (min-width: 40.063em){
		
#list{margin-top:5px;}

#list article{
border-left:none;
border-right:none;
}

#list .foto{
border-left:0px solid #e0e0e0;
border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}

#list .det{
border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;-moz-transition:all.2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}

.columns{padding-bottom:0.9375rem;
}
}

@media only screen and (max-width: 1938em){
		
#list{margin-top:5px;

}#list article{
border-left:none;border-right:none;


}#list .foto{border-left:
0px solid #e0e0e0;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}

#list .det{
border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;-moz-transition:all.2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}

.columns{padding-bottom:0.9375rem;
}
}
