html, body{margin: 0;padding: 0; background-color:#FAD2B1;}
div{display: block;}

div.clear { clear: both; line-height: 0;}

button{border: none; background-color: transparent; outline: none;}

.screen{
	position:relative;
	width: 960px;
	height: 600px;  
	margin:auto; 			/* ~~ Per centrare l'esercizio in mezzo alla pagina ~~ */
	margin-top:20px;		/* ~~ Per spostare l'esercizio in basso di 20 pixel ~~ */}
	


.fixed{position: absolute;top: 0;left: 0;}

/* Bottoni Drag&Drop */
.oggetto{
	display: block;
	position: absolute;
	cursor: pointer;
}

/* Spot containers */
.spot{
	position: absolute;
	background-color: transparent;
	width: 161px;
	height: 171px;
	display: block;
}

.reset-btn{
	display: block;
	position: absolute;
	top: 60px;
	left: 889px;
	width: 38px;
	height: 31px;
	cursor: pointer;
	background: url(images/t_reset_rosso.png) no-repeat top left;
}

.check-btn{
	display: block;
	position: absolute;
	top: 519px;
	left: 893px;
	width: 35px;
	height: 34px;
	cursor: pointer;
	background: url(images/t_check_rosso.png) no-repeat top left;
}

.stampa-btn{
	display: block;
	position: absolute;
	top: 519px;
	left: 808px;
	width: 35px;
	height: 34px;
	cursor: pointer;
	background: url(images/t_stamp_rosso.png) no-repeat top left;
}


#divErrore{
	display: block;
	position: absolute;
	top: 524px;
	left: 855px;
	width: 29px;
	height: 27px;
	cursor: pointer;
	background: url(images/contatore.png) no-repeat top left;
	
	font-family: "Arial";
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	color:#C21616;
	
	background: transparent;
}

@media print
{
	body{ 
		transform: rotate(90deg); 
		-moz-transform: rotate(90deg); 
		-o-transform: rotate(90deg); 
		-ms-transform: rotate(90deg); 
		-webkit-transform: rotate(90deg); 
		
		position: absolute; 
		top: 180px; 
		left: -180px;
	}
}