body
{ 
font-family:Arial, Helvetica ;
font-size:12px;
margin: 0;
}
area[shape="poly"] {border:none; outline:none; cursor:pointer; display:block;}

#main-div
	{ 
	width:940px;
	height:500px;
	display:block;
	position:relative;
	margin:0 auto;
	top:-133px;
	border:8px solid #fff;	}
		
.intro_2
	{		
	width:940px;
	height:500px;
	display:block;
	position:relative;
	top:65px;
	}
	
.intro
	{		
	width:940px;
	height:500px;
	display:block;
	position:relative;
	}
	
 .continua
 	{
	position:absolute;
	top:416px;
	left:638px;
	display:block;	
	width:305px;
	height:91px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-continua-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .continua:hover
 	{
	//background-position: 0px -91px;
	}


 #tasto-aiuto
 	{
	position:absolute;
	top:180px;
	left:650px;
	display:block;	
	width:175px;
	height:101px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-aiuto.png) no-repeat;
	border:0;
	cursor:pointer;
	visibility:hidden;
	}
	
 #tasto-aiuto:hover
 	{
	background-position: 0px -101px;
	}


 .skip
 	{
	position:absolute;
	top:-10x;
	left:686px;
	display:block;	
	width:216px;
	height:116px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-gioca.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .skip:hover
 	{
	background-position: 0px -116px;
	}

 .skip-back
 	{
	position:absolute;
	top:425px;
	left:15px;
	display:block;	
	width:79px;
	height:73px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-skip-back-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .no-skip-back:hover
 	{
	background-position: 0px -59px;
	}

 .arrow-right
 	{
	position:absolute;
	top:400px;
	left:820px;
	display:block;	
	width:98px;
	height:90px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-right-all.png) no-repeat;
	border:0;
	cursor:pointer;
	z-index:1000;
	}
	
 .arrow-right:hover
 	{
	background-position: 0px -90px;
	}


	
 .arrow-left
 	{
	position:absolute;
	top:400px;
	left:25px;
	display:block;	
	width:98px;
	height:90px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-left-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .arrow-left:hover
 	{
	background-position: 0px -90px;
	}


 .exit-home
 	{
	position:absolute;
	top:20px;
	left:820px;
	display:block;	
	width:64px;
	height:59px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-esci-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}

	
 .exit-home:hover
 	{
	background-position: 0px -59px;
	}

 .exit
 	{
	position:absolute;
	top:20px;
	left:860px;
	display:block;	
	width:64px;
	height:59px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-esci-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}

	
 .exit:hover
 	{
	background-position: 0px -59px;
	}

 .stato-tavola
 	{
	position:absolute;
	top:210px;
	left:370px;
	display:block;	
	width:236px;
	height:34px;
	overflow:hidden;
	}
 .tasto-home
 	{
	position:absolute;
	display:block;	
	width:234px;
	height:133px;
	overflow:hidden;
	cursor:pointer;
	}
 .tasto-tavola
 	{
	position:absolute;
	top:182px;
	left:230px;
	display:block;	
	width:234px;
	height:133px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-tavolo-all.png) no-repeat;
	cursor:pointer;
	}
	
 .tasto-tavola:hover
 	{
	background-position: 0px -64px;
	}
 .stato-tinello
 	{
	position:absolute;
	top:210px;
	left:650px;
	display:block;	
	width:236px;
	height:34px;
	overflow:hidden;
	}
 .tasto-tinello
 	{
	position:absolute;
	top:182px;
	left:500px;
	display:block;	
	width:236px;
	height:64px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-tinello-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .tasto-tinello:hover
 	{
	background-position: 0px -64px;
	}

 .stato-parco
 	{
	position:absolute;
	top:398px;
	left:145px;
	display:block;	
	width:236px;
	height:34px;
	overflow:hidden;
	}

 .tasto-parco
 	{
	position:absolute;
	top:422px;
	left:85px;
	display:block;	
	width:236px;
	height:64px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-parco-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .tasto-parco:hover
 	{
	background-position: 0px -64px;
	}
 .stato-cucina
 	{
	position:absolute;
	top:398px;
	left:406px;
	display:block;	
	width:236px;
	height:34px;
	overflow:hidden;
	}

	
 .tasto-cucina
 	{
	position:absolute;
	top:422px;
	left:356px;
	display:block;	
	width:236px;
	height:64px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-cucina-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .tasto-cucina:hover
 	{
	background-position: 0px -64px;
	}

 .stato-supermercato
 	{
	position:absolute;
	top:398px;
	left:650px;
	display:block;	
	width:236px;
	height:34px;
	overflow:hidden;
	}


 .tasto-supermercato
 	{
	position:absolute;
	top:422px;
	left:627px;
	display:block;	
	width:236px;
	height:64px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-supermercato-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .tasto-supermercato:hover
 	{
	background-position: 0px -64px;
	}

 .back-home
 	{
	position:absolute;
	top:-65px;
	left:23px;
	display:block;	
	width:82px;
	height:62px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-left-top-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .back-home:hover
 	{
	background-position: 0px -62px;
	}

 .tasto-help_gioco
 	{
	position:absolute;
	top:-65px;
	left:854px;
	display:block;	
	width:64px;
	height:64px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-help-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
 .tasto-help
 	{
	position:absolute;
	top:0px;
	left:854px;
	display:block;	
	width:64px;
	height:64px;
	overflow:hidden;
	background:url(../images/cosa-scegli-di-buono/tasto-help-all.png) no-repeat;
	border:0;
	cursor:pointer;
	}
	
 .tasto-help:hover
 	{
	background-position: 0px -64px;
	}

 .ambiente-nome
 	{
	position:absolute;
	top:-55px;
	left:110px;
	display:block;	
	width:401px;
	height:41px;
	}
.ambiente-top
 	{
	position:absolute;
	top:-65px;
	left:0px;
	display:block;	
	width:940px;
	height:69px;
	}
	
.ambiente-top-problemi
 	{
	position:absolute;
	top:-57px;
	left:560px;
	display:block;	
	width:280px;
	height:20px;
	font-family:"Roboto" ;
	font-weight:500;
	font-size:15px;
	color:#788182;
	}
	
.ambiente-top-problemi-tavola
 	{
	position:absolute;
	top:-57px;
	left:540px;
	display:block;	
	width:350px;
	height:20px;
	font-family:"Roboto" ;
	font-weight:500;
	font-size:15px;
	color:#788182;
	}
	
.grafica-problemi
 	{
	position:absolute;
	top:-35px;
	left:560px;
	display:block;	
	width:280px;
	height:25px;
	}

#tooltip	
	{
		height:33px;
		width:auto;
		display: block;
		padding-left:5px;
		padding-right:5px;
		font-family:Arial;
		text-transform:uppercase;
		color:#fff;
		line-height:33px;
		font-size:14px;
		font-weight:bold;
		overflow:hidden;
		visibility:hidden;
		position:absolute;
		white-space: nowrap;
		background:url(../images/caccia-allo-spreco/tooltip_bg.png);
		cursor: default;
		}
		
	#popup-game
		{
	 	position:absolute;
		width:940px;
		height:500px;
		visibility:hidden;
		top:0px;
		left:0px;
		}
	#popup-help
		{
	 	position:absolute;
		width:940px;
		height:500px;
		no-visibility:hidden;
		top:0px;
		left:0px;
		}
		
	#popup-sfondo-help
		{
		position:absolute;
		top:0px;
		left:0px;
		width:940px;
		height:500px;
		}
#popup-sfondo-help .ambiente-nome
 	{
	position:absolute;
	top:-55px;
	left:103px;
	display:block;	
	width:401px;
	height:41px;
	}
#popup-sfondo-help .ambiente-top
 	{
	position:absolute;
	top:0px;
	left:0px;
	display:block;	
	width:940px;
	height:69px;
	}
#popup-help .testo
 	{
	position:absolute;
	top:15px;
	left:10px;
	display:block;	
	width:920px;
	font-size:16px;
	font-family:Arial;
	line-height:20px;
	color:#220bac;
	color:#343434;
	}

	#popup-sfondo-top
		{
		position:absolute;
		top:0px;
		left:0px;
		width:940px;
		height:9px;
		}

	#popup-sfondo-left
		{
		position:absolute;
		top:11px;
		left:0px;
		width:9px;
		height:477px;
		}
	
	#popup-sfondo-body
		{
		position:absolute;
		top:11px;
		left:9px;
		width:918px;
		height:477px;
		}
	
	#popup-sfondo-right
		{
		position:absolute;
		top:11px;
		left:927px;
		width:13px;
		height:477px;
		}
	
	#popup-sfondo-bottom
		{
		position:absolute;
		top:488px;
		left:0px;
		width:940px;
		height:14px;
		}
	
	#popup-destinazione-carta
		{
		position:absolute;
		top:108px;
		left:365px;
		width:238px;
		height:230px;
		display:block;	
		}
#carte
	{
	position:absolute;
	width:940px;
	height:493px;
	top:0px;
	left:0px;
	overflow:hidden;
	}
	
.carta{
position:absolute;
top:348px;
}
.carta:hover{
top:341px;
}

#carta-volonta
	{
	left:5px;
	}	
#carta-moderazione
	{
	left:191px;
	}
#carta-conserva
	{
	left:377px;
	}
#carta-riutilizza
	{
	left:563px;
	}

#carta-controlla
	{
	left:749px;
	}
#titolo
	{
	position:absolute;
	left:30px;
	top:22px;
	}
#titolo_i
	{
	position:absolute;
	left:30px;
	top:18px;
	font-size:48px;
	width:800px;
	font-family:"Roboto";
	color:#5e1b1e;
	text-transform:uppercase;
	}
.titolo-popup-game
	{
	font-family:"Roboto";
	text-transform:uppercase;
	font-size:21px;
	color:#343434;
	font-weight:bold;	
	}
	
.sottotitolo-popup-game
	{
	font-family:"Roboto";
	font-size:18px;
	color:#343434;
	font-weight:bold;	
	}
	
#testo
	{
	position: absolute;
	top:150px;
	left:30px;
	width:525px;
	height:180px;
	font-family:"Roboto";
	font-size:18px;
	line-height:22px;
	color:#343434;
	display:block;
	}
.testo-help
	{
	position: absolute;
	top:5px;
	left:30px;
	width:880px;
	height:180px;
	font-family:"Roboto";
	font-size:16px;
	line-height:20px;
	color:#343434;
	display:block;
	}
#testo_i
	{
	position: absolute;
	top:154px;
	left:340px;
	width:570px;
	height:240px;
	font-family:"Roboto";
	font-size:20px;
	line-height:24px;
	color:#5e1b1e;
	display:block; 
	}
#info-oggetto
	{
	position: absolute;
	top:157px;
	left:627px;
	}
#info-oggetto_i
	{
	position: absolute;
	top:157px;
	left:62px;
	width:238px;
	height:230px;
	display:block;
	overflow:hidden;
	
	}
#info-oggetto-game
	{
	position:absolute;
	top:110px;
	left:365px;

	}
#info-carta
	{
	position: absolute;
	top:267px;
	left:710px;
	}

#string-seq	
	{
	position:absolute;
	top:520px;
	left:20px;
	height:20px;
	width:940px;
	display:block;
	border:1px solid red;
	}
#debug	
	{
	position:absolute;
	top:545px;
	left:20px;
	height:300px;
	width:940px;
	display:block;
	border:1px solid green;
	}
	
.testata{position:absolute;}
#menu-fixed{position:absolute;}
#header {height:750px;}