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

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

table{text-align: center;}

.screen{width: 960px;height: 600px;}
.screen .consegna{position: absolute;top: 0;left: 0;}



.screen.matematica
{
	position: relative; 
	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;}

.stampa-btn{display: none; position: absolute; top: 506px; left: 850px; width: 34px; height: 34px; cursor: pointer; background:url(../images/stampa_btn.png) no-repeat top left;}
.verifica-btn{display: block; position: absolute; top: 506px; left: 890px; width: 34px; height: 34px; cursor: pointer; background:url(../images/verifica_btn.png) no-repeat top left;}
.reset-btn{display: block; position: absolute; top: 62px; left: 886px; width: 38px; height: 31px; cursor: pointer; background:url(../images/reset_btn.png) no-repeat top left;}

.tabella_multipli{/*background-color: red;*/position: absolute;}

.tabella_divisioni{/*background-color: red;*/position: absolute;}

.c4r3{width: 232px;height: 114px;}
.c6r3{width: 348px;height: 114px;}

.c6r5{width: 336px;height: 180px;}

#tabella_1{top: 205px;left: 118px;}
#tabella_2{top: 172px;left: 588px;}
#tabella_3{top: 398px;left: 308px;}

#multipli_tabella_1{top: 240px;left: 87px;}
#multipli_tabella_2{top: 240px;left: 535px;}

.custom_input_1{ width: 162px; height: 36px; display: block; border: none; background-color: transparent; position: absolute; /*line-height: 54px;*/ font-size: 30px; text-align: center;}
.custom_input_2{ width: 70px; height: 36px; display: block; border: none; background-color: transparent; position: absolute; /*line-height: 54px;*/ font-size: 26px; text-align: center;}

.input_1{left:245px; top:153px;}
.input_2{left:245px; top:216px;}
.input_3{left:245px; top:279px;}
.input_4{left:245px; top:342px;}
.input_5{left:245px; top:405px;}
.input_6{left:245px; top:467px;}

.input_7{left:545px; top:153px;}
.input_8{left:545px; top:216px;}
.input_9{left:545px; top:279px;}
.input_10{left:545px; top:342px;}
.input_11{left:545px; top:405px;}
.input_12{left:545px; top:467px;}

.es1_input_1{left:72px; top: 218px;}
.es1_input_2{left:264px; top: 218px;}
.es1_input_3{left:466px; top: 218px;}
.es1_input_4{left:658px; top: 218px;}
.es1_input_5{left:196px; top: 405px;}
.es1_input_6{left:396px; top: 405px;}
.es1_input_7{left:610px; top: 405px;}
.es1_input_8{left:804px; top: 405px;}

.numero_1{position: absolute; top: 137px; left: 93px; cursor: pointer;}
.numero_2{position: absolute; top: 137px; left: 308px; cursor: pointer;}
.numero_3{position: absolute; top: 137px; left: 523px; cursor: pointer;}
.numero_4{position: absolute; top: 137px; left: 738px; cursor: pointer;}
.spot_numero_1{position: absolute; top: 336px; left: 67px; width: 136px; height: 50px; /*background-color: #ff0000;*/}
.spot_numero_2{position: absolute; top: 354px; left: 296px; width: 136px; height: 50px; /*background-color: #ff0000;*/}
.spot_numero_3{position: absolute; top: 336px; left: 530px; width: 136px; height: 50px; /*background-color: #ff0000;*/}
.spot_numero_4{position: absolute; top: 357px; left: 757px; width: 136px; height: 50px; /*background-color: #ff0000;*/}

.minore{position: absolute; top: 126px; left: 365px; cursor: pointer;}
.uguale{position: absolute; top: 126px; left: 444px; cursor: pointer;}
.maggiore{position: absolute; top: 126px; left: 524px; cursor: pointer;}
.spot_operazioni_1{position: absolute; top: 216px; left: 67px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_2{position: absolute; top: 292px; left: 67px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_3{position: absolute; top: 369px; left: 67px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_4{position: absolute; top: 445px; left: 67px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_5{position: absolute; top: 216px; left: 374px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_6{position: absolute; top: 292px; left: 374px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_7{position: absolute; top: 369px; left: 374px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_8{position: absolute; top: 445px; left: 374px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_9{position: absolute; top: 216px; left: 677px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_10{position: absolute; top: 292px; left: 677px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_11{position: absolute; top: 369px; left: 677px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}
.spot_operazioni_12{position: absolute; top: 445px; left: 677px; width: 237px; height: 52px; /*background-color: #ff0000;*/ text-align: center;}

.spot_operazioni_1 img,
.spot_operazioni_2 img,
.spot_operazioni_3 img,
.spot_operazioni_4 img,
.spot_operazioni_5 img,
.spot_operazioni_6 img,
.spot_operazioni_7 img,
.spot_operazioni_8 img,
.spot_operazioni_9 img,
.spot_operazioni_10 img,
.spot_operazioni_11 img,
.spot_operazioni_12 img { margin: 4px 8px 0 0; padding: 0;}

/*  NUMERO 3  */

.es1_numero_1{position: absolute; left: 329px; top: 338px; cursor: pointer;}
.es1_numero_2{position: absolute; left: 348px; top: 408px; cursor: pointer; z-index: 1;}
.es1_numero_3{position: absolute; left: 506px; top: 425px; cursor: pointer; z-index: 2;}
.es1_numero_4{position: absolute; left: 448px; top: 415px; cursor: pointer;}
.es1_numero_5{position: absolute; left: 406px; top: 332px; cursor: pointer;}
.es1_numero_6{position: absolute; left: 274px; top: 388px; cursor: pointer;}
.es1_spot_numero_1{position: absolute; top: 338px; left: 47px; width: 190px; height: 168px; /*background-color: #ff0000;*/}
.es1_spot_numero_1 img{margin: 32px 0 0 -16px;}
.es1_spot_numero_2{position: absolute; top: 127px; left: 67px; width: 243px; height: 203px; /*background-color: #ff0000;*/}
.es1_spot_numero_3{position: absolute; top: 69px; left: 338px; width: 230px; height: 191px; /*background-color: #ff0000;*/}
.es1_spot_numero_4{position: absolute; top: 76px; left: 635px; width: 296px; height: 105px; /*background-color: #ff0000;*/}
.es1_spot_numero_4 img{margin: 32px 0 0 214px;}
.es1_spot_numero_5{position: absolute; top: 195px; left: 575px; width: 302px; height: 136px; /*background-color: #ff0000;*/}
.es1_spot_numero_5 img{margin: -38px 0 0 16px;}
.es1_spot_numero_6{position: absolute; top: 364px; left: 655px; width: 263px; height: 130px; /*background-color: #ff0000;*/ text-align: right;}


@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;}
}