@charset "utf-8";
/* CSS Document */

.fabrica {
	display:block;
	float:right;
	margin:0 30px 0 0;
}

.fabricar{
	width:300px;
	height:140px;
	float:left;
	margin:30px 0 0 30px;
}

.fabricar span{
	display:block;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.camiseta{
	display:block;
	float:left;
	margin:20px 0 0 20px;
}

.gorra{
	display:block;
	float:right;
	margin:30px 20px 0 0;
}

.cuadricula{
	width:400px;
	height:200px;
	float:left;
	margin:0 0 0 0;
}

.cuadrado{
	float:left;
	width:90px;
	height:90px;
	background:url(images/cuadrado_disponible.jpg) no-repeat;
	margin:5px;
	position:relative;
}

.NoDisponible{
	background:url(images/cuadrado_no_disponible.jpg) no-repeat;
}

.camisetita{
	position:absolute;
	top:10px;
	left:18px;
}

.gorrita{
	position:absolute;
	top:10px;
	left:18px;
}

.completado{
	position:absolute;
	top:50px;
	left:20px;
}

.progreso{
	position:absolute;
	top:66px;
	left:-13px;
}

.almacen{
	width:250px;
	height:200px;
	float:left;
	margin:30px 0 0 30px;
	position:relative;
}

.almacen span{
	display:block;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.almacen img{
	margin:30px 0 0 100px;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.noCamisetas{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	z-index:20;
	font-size:30px;
	font-weight:900;
	top:26px;
	left:95px;
	color:#fe970d;
	text-shadow: 1px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

.noGorras{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	z-index:20;
	font-size:30px;
	font-weight:900;
	top:104px;
	left:106px;
	color:#fe970d;
	text-shadow: 1px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

.vender{
	width:200px;
	height:200px;
	float:left;
	margin:30px 0 0 50px;
}

.vender span{
	display:block;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.bloqueVender{
	width:100%;
	margin:36px 0 0 27px;
}

.bloqueVender span{
	float:left;
	width:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
	font-weight:900;
	color:#fe970d;
	text-shadow: 1px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
	margin:2px 10px 0 10px;
}

.bloqueVender img{
	float:left;
}

.vendido{
	width:200px;
	height:200px;
	float:left;
	margin:30px 0 0 50px;
	text-align:center;
}

.vendido span{
	display:block;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.vendido p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:38px;
	font-weight:900;
	color:#fe970d;
	text-shadow: 1px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
	margin:32px 10px 0;
}