@charset "UTF-8";



/* Bottoni Drag&Drop */


.bottoni img{
	display: block;
	position: absolute;
}
	
.img_01{
	top: 137px;
	left: 36px;
}
.img_02{
	top: 172px;
	left: 36px;
}
.img_03{
	top: 208px;
	left: 36px;
}
.img_04{
	top: 244px;
	left: 36px;
}
.img_05{
	top: 279px;
	left: 36px;
}
.img_06{
	top: 316px;
	left: 36px;
}
.img_07{
	top: 352px;
	left: 36px;
}
.img_08{
	top: 388px;
	left: 36px;
}
.img_09{
	top: 424px;
	left: 36px;
}		
.img_10{
	top: 461px;
	left: 36px;
}
.img_11{
	top: 497px;
	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: 292px;
	top: 208px;
}

.spot.img_02-spot {
	left: 746px;
	top: 188px;
}

.spot.img_03-spot {
	left: 762px;
	top: 382px;
}

.spot.img_04-spot {
	left: 257px;
	top: 473px;
}

.spot.img_05-spot {
	left: 255px;
	top: 331px;
}

.spot.img_06-spot {
	left: 778px;
	top: 271px;
}

.spot.img_07-spot {
	left: 479px;
	top: 542px;
}

.spot.img_08-spot {
	left: 719px;
	top: 495px;
}

.spot.img_09-spot {
	left: 447px;
	top: 143px;
}

.spot.img_10-spot {
	left: 258px;
	top: 514px;
}

.spot.img_11-spot {
	left: 717px;
	top: 542px;
}

.spot.img_12-spot {
	left: 287px;
	top: 166px;
}


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

.i01{
	left: 308px;
	top: 212px;
	}
	
.i02{
	left: 738px;
	top: 180px;
	}
	
.i03{
	left: 779px;
	top: 379px;
	}
	
.i04{
	left: 283px;
	top: 477px;
	}
	
.i05{
	left: 270px;
	top: 333px;
	}
	
.i06{
	left: 782px;
	top: 273px;
	}
	
.i07{
	left: 493px;
	top: 543px;
	}
	
.i08{
	left: 755px;
	top: 496px;
	}
	
.i09{
	left: 459px;
	top: 157px;
	}
	
.i10{
	left: 288px;
	top: 513px;
	}

.i11{
	left: 753px;
	top: 539px;
	}

.i12{
	left: 305px;
	top: 170px;
	}