/* CSS Document */

#drag1 {
	position:absolute;
	top: 580px;
	left:50px;
	width: 339px;
	height: 74px;
	background-image:url(../img/papel.png);
}
#drag2 {
	position:absolute;
	top: 665px;
	left: 50px;
	width: 338px;
	height: 75px;
	background-image:url(../img/cuero.png);
}
#drag3 {
	position:absolute;
	top: 580px;
	left: 420px;
	width: 338px;
	height: 75px;
	background-image:url(../img/ceramica.png);
}
#drag4 {
	position:absolute;
	top: 665px;
	left: 420px;
	width: 338px;
	height: 75px;
	background-image:url(../img/plastico.png);
}
#drag5 {
	position:absolute;
	top: 580px;;
	left: 791px;
	width:338px;
	height:75px;
	background-image:url(../img/metal.png);
}
#drag6 {
	position:absolute;
	top: 665px;
	left: 791px;
	width:338px;
	height:75px;
	background-image:url(../img/carton.png);
}

#drop1 {
	position:absolute;
	top: 229px;
	right: 66px;
	width:338px;
	height:75px;
	border-radius:6px;
	border:3px dashed #000;
}
#drop2 {
	position:absolute;
	top: 312px;
	right: 66px;
	width:338px;
	height:75px;
	border-radius:6px;
	border:3px dashed #000;
}
#drop3 {
	position:absolute;
	top: 397px;
	right: 66px;
	width:338px;
	height:75px;
	border-radius:6px;
	border:3px dashed #000;
}
#drop4 {
	position:absolute;
	top: 485px;
	right: 66px;
	width:338px;
	height:75px;
	border-radius:6px;
	border:3px dashed #000;
}
.verifi{
	position:absolute;
	top: 582px;
	right: 29px;
	width: 198px;
	height: 155px;
	cursor:pointer;
}
.verifi:hover{
	opacity:.9;
	transform:scale(1.05,1.05);
}
.pop{
	background-color:#FFF;
	padding:20px;
	min-height:30px;
	width: 520px;
	text-align: center;
	font-size: 27px;
}

p.pop strong{
	color: #A55391;
	font-size: 37px;
}

img.cerrar {
    position: absolute;
    right: -61px;
    top: -40px;
}

.highlight{
	opacity:0.5;
	border:3px dashed gray !important;
}