@font-face {
    font-family: 'eraser';
    src: url('../canvas/css/fonts/erasdust-webfont.woff2') format('woff2'),
         url('../canvas/css/fonts/erasdust-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#prosegui {
  left: 50%;
  margin: -40px 0 0 -200px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 400px;
}

#loadtxt {
  font-size: 20px;
	font-family:eraser;
  left: 50%;
  letter-spacing: 0.1em;
  margin: -25px 0 0 -200px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 400px;
	color:#fff;
}

#progress {
  font-size: 50px;
	font-family:eraser;
  left: 50%;
  letter-spacing: 0.1em;
  margin: -25px 0 0 -100px;
  position: absolute;
  text-align: center;
  top: 55%;
  width: 200px;
	color:#fff;
}

#progressbar {
  left: 0;
  position: absolute;
  text-align: center;
  top: 60%;
  right: 0;
	margin:0px;
	padding:0px;
}

#bar {
    background-color: #fff;
    height: 2px;
    display: inline-block;
    width: 0%;
	margin:0px;
	padding:0px;
  }

#boxcontenitorelaterale{
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	background: url(../img/sf_home_sx.jpg) repeat-x;
	z-index:1;
	visibility: visible;
}
#boxcontenitoreportone{
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sfondo_entra.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateralestanzagialla {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_gialla_esercizi_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateralestanzaverde {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_stanza_verde_lezioni_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateralestanzaviola {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_stanza_viola_provefinali_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateraletrofei {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_trofei_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateraleesercizi {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_esercizi_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateraletuttipezzi {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_stanza_tutti_pezzi_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateraleclassificagenerale {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_classifica_generale_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateralesceglilezione {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_scegli_lezione_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateralegiocatutti {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_gioca_tutti_pezzi_sx.jpg);
	background-repeat: repeat-x;
}
#boxcontenitorelateralesceglitest {
	position:absolute;
	left:0;
	top:0;
	border:0px solid #900;
	width: 100%;
	height: 600px;
	z-index:1;
	visibility: visible;
	background-image: url(../img/sf_stanza_elenco_test_sx.jpg);
	background-repeat: repeat-x;
}



#contenitore{
	width:800px;
	height:600px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	z-index:2
}
#gattohelp{
	position:absolute;
	left:468px;
	top:341px;
	border:0px solid #900;
	width: 3px;
	height: 90px;
}
#gattohelpstanzagialla {
	position:absolute;
	left:570px;
	top:320px;
	border:0px solid #900;
	width: 3px;
	height: 90px;
}

#scacchiera{
	position:absolute;
	left:323px;
	top:458px;
	border:0px solid #900;
	width: 3px;
	height: 90px;
}
#scacchierastanzagialla {
	position:absolute;
	left:418px;
	top:450px;
	border:0px solid #900;
	width: 3px;
	height: 90px;
}
#scacchierastanzaviola {
	position:absolute;
	left:277px;
	top:412px;
	border:0px solid #900;
	width: 117px;
	height: 56px;
}



#salutoutente{
	position:absolute;
	left:258px;
	top:325px;
	border:0px solid #900;
	width: 80px;
	height: 23px;
}
#livelloutente{
	position:absolute;
	left:288px;
	top:390px;
	border:0px solid #900;
	width: 3px;
	height: 23px;
}
#livelloutentestanzaviola {
	position:absolute;
	left:83px;
	top:440px;
	border:0px solid #900;
	width: 3px;
	height: 23px;
}
#seinellastanza{
	position:absolute;
	left:60px;
	top:11px;
	border:0px solid #900;
	width: auto;
	
}
#nickname{
	position:absolute;
	left:232px;
	top:11px;
	border:0px solid #900;
	width: 3px;
	height: 23px;
	text-transform:lowercase;
}
#livello{
	position:absolute;
	left:385px;
	top:11px;
	border:0px solid #900;
	width: 3px;
	height: 23px;
}
#puntitotali{
	position:absolute;
	left:504px;
	top:11px;
	border:0px solid #900;
	width: 3px;
	height: 23px;
	visibility: visible;
}

#entraportone {
	position:absolute;
	left:715px;
	top:395px;
	border:0px solid #900;
	width: 82px;
	height: 23px;
}
#cancellaportone {
	position:absolute;
	left:622px;
	top:395px;
	border:0px solid #900;
	width: 82px;
	height: 23px;
}
#error_login {
	position:absolute;
	left:370px;
	top:460px;
	border:0px solid #900;
	width: 200px;
	height: 50px;
}
#modulo1 {
	position:absolute;
	left:500px;
	top:283px;
	border:0px solid #900;
}
#modulo2 {
	position:absolute;
	left:500px;
	top:293px;
	border:0px solid #900;
	top: 333px;
}
#modulo3 {
	position:absolute;
	left:740px;
	top:283px;
	border:0px solid #900;
}
#modulo4 {
	position:absolute;
	left:740px;
	top:293px;
	border:0px solid #900;
	top: 333px;
}
#sfondocentralebottom {
	position:absolute;
	left:1px;
	top:600px;
	border:0px solid #900;
	width: 800px;
	height: 66px;
}
#trofeo1 {
	position:absolute;
	left:277px;
	top:412px;
	border:0px solid #900;
	width: 117px;
	height: 56px;
}
#tabellatrofei {
	position:absolute;
	left:123px;
	top:107px;
	border:0px solid #900;
	width: 550px;
	height: 491px;
}
#punteggiotrofei {
	position:relative;
	left:0px;
	top:-19px;
	border:0px solid #900;
	margin: 0px;
	padding: 0px;
	width: 137px;
	height: 0px;
	right: 0px;
	bottom: 0px;
}
#coppaesercizi {
	position:absolute;
	left:338px;
	top:108px;
	border:0px solid #900;
	width: 3px;
	height: 90px;
}
#titoloinserimentoutente {
	position:absolute;
	left:100px;
	top:50px;
	border:0px solid #900;
	width: 600px;
	height: 23px;
}
#tabellatuttipezzi {
	position:absolute;
	left:188px;
	top:158px;
	border:0px solid #900;
	width: 430px;
	height: 443px;
	overflow: auto;
}
#tabellaclassificagenerale {
	position:absolute;
	left:100px;
	top:173px;
	border:0px solid #900;
	width: 600px;
	height: 430px;
	overflow: auto;
}
#nomeutentepopup {
	position:relative;
	left:1px;
	top:-32px;
	border:0px solid #900;
	width: 0px;
	height: 0px;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
#selezionaunlivello {
	position:absolute;
	left:465px;
	top:99px;
	border:0px solid #900;
	width: 334px;
	height: 171px;
}

#esci {
	position:absolute;
	left:810px;
	top:520px;
	border:0px solid #900;
	width: 93px;
	height: 66px;
	z-index:99999;
}

#tabellasceglilezione {
	position:absolute;
	left:188px;
	top:158px;
	border:0px solid #177310;
	width: 430px;
	height: 443px;
	overflow: auto;
}

body{
	behavior: url(csshover.htc);
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #88552D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	height:100%;
	background-image: url(../img/sf_home_bottom.jpg);
}
testalino{
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	height:100%;
	background-image: url(../img/sf_home_bottom.jpg);
}
.menualto {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.punteggiotabellone {
	color: #88552D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
}
.punteggiotabellonestanzaviola {
	color: #1E1E1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
}
.punteggiotrofei {
	color: #727272;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	top:133px;
	left:0px;
}

.salutoutente {
	color: #88552D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.inserimentoutenti {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
}
.tornaallahomepage {
	color: #F8E40A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.nometuentetuttipezzi {
	color: #C57B42;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.nometuentetuttipezzi1 {
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.nomeutenteaccettarifiuta {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}


.stileentra {
	color: #FD7F47;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FDF7D0;
	border: 1px dotted #993002;
}
.bodyportone {
	background-image: url(../img/sfondo_entra_bottom.jpg);
}
.bodyaccettarifiuta {
	background-color: #66262F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
}

.bodystanzagialla {
	background-image: url(../img/sf_stanza_gialla_esercizi_bottom.jpg);
}
.bodystanzaverde {
	background-image: url(../img/sf_stanza_verde_lezioni_bottom.jpg);
}
.bodystanzaviola {
	background-image: url(../img/sf_stanza_viola_provefinali_bottom.jpg);
}
.bodytrofei {
	background-image: url(../img/sf_trofei_bottom.jpg);
}
.bodyesercizi {
	background-image: url(../img/sf_esercizi_bottom.jpg);
}
.bodytuttipezzi {
	background-image: url(../img/sf_stanza_tutti_pezzi_bottom.jpg);
}
.bodyclassificagenerale {
	background-image: url(../img/sf_classifica_generale_bottom.jpg);
}
.bodysceglilezione {
	background-image: url(../img/sf_scegli_lezione_bottom.jpg);
}
.bodygiocatutti {
	background-image: url(../img/sf_gioca_tutti_pezzi_bottom.jpg);
}
.bodysceglitest{
	background-image: url(../img/sf_stanza_elenco_test_bottom.jpg);
}

.tabella_esercizi {
	background-color: #9A3A46;
	width: 800px;
	height: 442px;
}
td .esercizi_sx {
	background-color:#C04957;
	color:#fff;
	font-size:12px;
	padding:5px 0 7px 10px;
	}
td .esercizi_sx:hover {
	background-color:#C26975;
	}
td .esercizi_dx {
	background-color:#C26975;
	color:#fff;
	font-size:12px;
	padding:5px 0 7px 10px;
	}
td .esercizi_dx:hover {
	background-color:#C04957;
	}
.numero_esercizi  {
	font-size:15px;
	padding-right:3px;
	}
.nome_esercizi  {
	font-size:15px;
	padding-right:15px;
	}
div .esercizio {
	width: 50px;
	float: left;
	padding-top:2px;
}
div .utente {
	width: 250px;
	float: left;
	padding-top:2px;
}
div .esercizio_reg {
	width: 180px;
	float: left;
	padding-top:2px;
}
div .gioca_gatto {
	width: 157px;
	height: 22px;
	float:left;
}
div .gioca_amico {
	width: 157px;
	height: 22px;
	float:left;
}
div .punteggiotrofei {
	width: 80px;
	height: 22px;
	float: left;
}
.nomelezione {
	color: #177310;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.nomelezione1 {
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.nomegiocatore {
	color: #843C01;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
input.entra {
	border:0px solid #C04957;
	}

input {
	border:1px solid #C04957;
	color: #C04957;
	font-size:12px;
	}
select {
	border:1px solid #C04957;
	color: #C04957;
	font-size:12px;
	}
a.reg {
	color:#fff;
	text-decoration:none;
}
a.reg:hover {
	color:#63252D;
	text-decoration:none;
}
a.reg_test {
	color:#A046A3;
	text-decoration:none;
}
a.reg_test:hover {
	color:#512352;
	text-decoration:none;
}
a.stanza_test {
	color:#000;
	text-decoration:none;
}
a.stanza_test:hover {
	color:#555;
	text-decoration:none;
}
a.coppa {
	color:#fff;
	text-decoration:none;
}
a.coppa:hover {
	color:#555;
	text-decoration:none;
}
a.flash {
	color:#88552D;
	text-decoration:none;
}
a.flash:hover {
	color:#63252D;
	text-decoration:none;
}
a.flashfumetto {
	color:#333;
	text-decoration:none;
}
a.flashfumetto:hover {
	color:#bf0000;
	text-decoration:none;
}
a.flashchiudi{
	color:#bf0000;
	text-decoration:none;
}
a.flashchiudi:hover {
	color:#333;
	text-decoration:none;
}
area { cursor:pointer; }

#nero {
	z-index: 99998;
	position: absolute;
	display: none;
	height: 100%; 
	width: 100%;
	background: url(../img/trasp_amico.png);
	color:#ffffff;
	left:0
}
.nero_immagine {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -93px 0 0 -135px;
	z-index: 99999;
}
.flashfumetto {position: relative; z-index: 99999;}