@charset "UTF-8";



/* Bottoni Drag&Drop */


.bottoni img{
	display: block;
	position: absolute;
}
	
.img_01{
	top: 137px;
	left: 36px;
}
.img_02{
	top: 171px;
	left: 36px;
}
.img_03{
	top: 206px;
	left: 36px;
}
.img_04{
	top: 242px;
	left: 36px;
}
.img_05{
	top: 279px;
	left: 36px;
}
.img_06{
	top: 315px;
	left: 36px;
}
.img_07{
	top: 352px;
	left: 36px;
}
.img_08{
	top: 386px;
	left: 36px;
}
.img_09{
	top: 423px;
	left: 36px;
}		
.img_10{
	top: 458px;
	left: 36px;
}
.img_11{
	top: 495px;
	left: 36px;
}
.img_12{
	top: 531px;
	left: 36px;
}


/* Spot containers */


div.spot{
	position: absolute;
	background-color: transparent;
	width: 140px;
	height: 40px;
	display:block;
}

.spot.img_01-spot {
	left: 379px;
	top: 192px;
}

.spot.img_02-spot {
	left: 804px;
	top: 275px;
}

.spot.img_03-spot {
	left: 293px;
	top: 503px;
}

.spot.img_04-spot {
	left: 699px;
	top: 170px;
}

.spot.img_05-spot {
	left: 426px;
	top: 149px;
}

.spot.img_06-spot {
	left: 690px;
	top: 103px;
}

.spot.img_07-spot {
	left: 808px;
	top: 425px;
}

.spot.img_08-spot {
	left: 558px;
	top: 461px;
}

.spot.img_09-spot {
	left: 295px;
	top: 286px;
}

.spot.img_10-spot {
	left: 788px;
	top: 360px;
}

.spot.img_11-spot {
	left: 274px;
	top: 333px;
}

.spot.img_12-spot {
	left: 346px;
	top: 453px;
}


 /* Immagini al posto giusto nascoste */
 
#okspot img{
	position:absolute;
	display:none;
	}

.i01{
	left: 384px;
	top: 189px;
	}
	
.i02{
	left: 812px;
	top: 272px;
	}
	
.i03{
	left: 292px;
	top: 500px;
	}
	
.i04{
	left: 690px;
	top: 171px;
	}
	
.i05{
	left: 437px;
	top: 144px;
	}
	
.i06{
	left: 712px;
	top: 113px;
	}
	
.i07{
	left: 820px;
	top: 419px;
	}
	
.i08{
	left: 554px;
	top: 457px;
	}
	
.i09{
	left: 287px;
	top: 284px;
	}
	
.i10{
	left: 774px;
	top: 353px;
	}

.i11{
	left: 294px;
	top: 333px;
	}

.i12{
	left: 393px;
	top: 459px;
	}