* {
	margin:0;
	padding:0;
	}
	

#header-new {
	padding:0;
	width:840px;
	height:60px;
	margin:10px auto;
	}
	
	#header-new img {
		padding:0;
		margin:0;
	}
	
	#header-new img.marchio {
		padding:0;
		margin:0;
	}
	
	
body {
	margin:10px 0;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

div#header {
	width:760px;
	margin:0 auto 10px auto;
	}
	
	
a {
	color:#000;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
div#footer {clear:both; text-align:center;color:#999; padding:0; margin:0; font-size:9px;}
div#footer a{text-decoration:none;color:#999}
div#footer a:hover{text-decoration:underline;color:#999}


/* inizio css centro */

div#centro {
	width:760px;
	margin:10px auto;
	height:320px;
}

	div#centrodestra {
		background:url(images/sfondoulisse.jpg) no-repeat;
		width:200px;
		float: right;
		height:100%;
	}
	
		div#ulisse {
			height:155px !important;
			height:150px;/*stoopid ie*/
			width:187px;
			overflow:auto;
			font-family:Arial;
			font-size:11px;
			text-align:justify;
			padding:5px;
		}
		
			div#ulisse li {
				padding:2px 0;
				}
			
			div#ulisse a, div#ulisse a:hover, div#ulisse a:visited {
				color:#000000;
				text-decoration:none;
			}

			div#ulisse a:hover {
				text-decoration:underline;
			}
		
		.pad {
		padding:10px 0 0 0;
		}
	
	div#centrosinistra {
		background:url(images/sfondo_narrativa.jpg) no-repeat;
		float: left;
		width:539px;
		height:288px;
		padding:36px 0 0 0;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	
/* fine css centro */


/* inizio css centro2 */

div#centro2 {
	width:760px;
	margin:10px auto;
	height:320px;
}

	div#centro2destra {
		background:url(images/sfondogioca.gif) no-repeat;
		width:200px;
		height:320px;
		float: right;
	}

	div#centro2sinistra {
		background:url(images/sfondo_inglese.jpg) no-repeat;
		float: left;
		width:488px;
		height:280px;
		padding: 52px 0 0 64px;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	
/* fine css centro2 */

/* inizio css basso */

div#basso {
	width:760px;
	height:230px;
	margin:10px auto;
	clear:both;
}

	div#bassodestra {
		width:200px;
		height:100%;
		float: right;
		margin: 0 0 0 20px;
	}
	
		div#giochiold {
			height:240px;
			width:187px;
			overflow:auto;
			font-family:Arial;
			font-size:11px;
			padding:5px;
			}
			
			div#giochiold div {
				width:90px;
				height:63px;
				padding: 0 0 0 80px;
				margin: 5px 0;
			}
			
			div#giochiold div#figure {
				background:url(images/gg-figure.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold div#numeri {
				background:url(images/gg-numeri.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold div#scala {
				background:url(images/gg-scala.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold div#tangram {
				background:url(images/gg-tangram.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold div#letteriamo {
				background:url(images/letteriamo.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold div#primipassi {
				background:url(images/primi_passi.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold div#giocainfanzia {
				background:url(images/giocainfanzia.gif) no-repeat;
				text-align: center;
			}
			
			div#giochiold p {
			padding:4px 0;
			}
			
			div#giochiold a, div#giochiold a:hover, div#giochiold a:visited {
				color:#000000;
				text-decoration:none;
			}

			div#giochiold a:hover {
				text-decoration:underline;
			}

			
	div#bassosinistra {
		float: left;
		width:260px;
		height:100%;
		}
		
		div#mailing {
		height:80px;
		width:230px;
		background:#FF9900;
		margin:20px auto 0 auto;
		}
		
		div#bassosinistra p {
			padding:15px 0 10px 0;
			color:#FFFFFF;
			font-size:12px;
			font-weight:bold;
			font-family: Arial;
			}
			
		div#bassosinistra p, div#bassosinistra form {
			text-align:center;
		}
		
		div#bassosinistra form {
			padding:0 0 15px 0;
		}
	
	div#bassocentro {
	height:100%;
	margin: 0 220px 0 270px;
	text-align: center;
	}
	
		div#bassocentro img {
	margin:4px 0;
			}


/* fine css centro */	


/* css nuova barra */

	div#barrasiti {
	width:761px;
	height:54px;
	line-height:54px;
	margin:0 auto;
	padding:0;
	}

			div#barrasiti ul {
				padding:0;
				margin:0;
				width:761px;
				height:54px;
				list-style:none;
			}
			div#barrasiti li {
				text-indent:-9999px;
				float:left;
			}
			
			div#barrasiti li a {
				border:0;
				display:block;
				text-decoration:none;
				background:url(barrasiti.gif) no-repeat;
			}
		
		li#barrasx a, li#barradx a, li#raf a, li#leo a, li#mul a, li#cel a, li#gru a, li#doc a, li#stu a, li#rag a  {
		height:54;
		}
			
		li#barrasx a {width:12px;}
		li#gru a {width:88px; }
		li#raf a {width:91px;}
		li#leo a {width:93px;}
		li#mul a {width:83px;}
		li#cel a {width:104px;}
		li#doc a {width:91px;}
		li#stu a {width:95px;}
		li#rag a {width:90px;}
		li#barradx a {width:14px;}
		
		li#barrasx a, li#barrasx a:link, li#barrasx a:visited {
			background-position: 0px -54px;
		}
		li#gru a, li#gru a:link, li#gru a:visited {
			background-position: -12px -54px;
		}
		li#raf a, li#raf a:link, li#raf a:visited {
			background-position: -100px -54px;
		}
		li#leo a, li#leo a:link, li#leo a:visited {
			background-position: -191px -54px;
		}
		li#mul a, li#mul a:link, li#mul a:visited {
			background-position: -284px -54px;
		}
		li#cel a, li#cel a:link, li#cel a:visited {
			background-position: -367px -54px;
		}
		li#doc a, li#doc a:link, li#doc a:visited {
			background-position: -471px -54px;
		}
		li#stu a, li#stu a:link, li#stu a:visited {
			background-position: -562px -54px;
		}
		li#rag a, li#rag a:link, li#rag a:visited {
			background-position: -657px -54px;
		}
		li#barradx a, li#barradx a:link, li#barradx a:visited {
			background-position: -747px -54px;
		}

		li#barrasx a:hover, li#barrasx a:focus {
			background-position: 0px 0px;
		}
		li#gru a:hover, li#gru a:focus {
			background-position: -12px 0px;
		}
		li#raf a:hover, li#raf a:focus {
			background-position: -100px 0px;
		}
		li#leo a:hover, li#leo a:focus {
			background-position: -191px 0px;
		}
		li#mul a:hover, li#mul a:focus {
			background-position: -284px 0px;
		}
		li#cel a:hover, li#cel a:focus {
			background-position: -367px 0px;
		}
		li#doc a:hover, li#doc a:focus {
			background-position: -471px 0px;
		}
		li#stu a:hover, li#stu a:focus {
			background-position: -562px 0px;
		}
		li#rag a:hover, li#rag a:focus {
			background-position: -657px 0px;
		}
		li#barradx a:hover, li#barradx a:focus {
			background-position: -747px 0px;
		}
		
		
/* fine css nuova barra */


/* css baloon tooltip */

#dhtmltooltip{
font-family: Verdana;
font-size: 10px;
text-align: justify;
position: absolute;
left: -300px;
width: 400px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* fine css baloon tooltip */


h1 {
	font-size:16px;
	color:#0099FF
	}


	div#materiale {
		border:#0099FF 2px solid;
		background: #99CCFF;
		float: left;
		width:520px;
		height:295px;
		magin:0;
		padding:10px;
		font:Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		font-size:12px;
		overflow:auto;
	}

.bordoimg {
	padding:3px;
	background:#FFFFFF;
	border:1px solid #000000;
	}
	
.didascalia {
	font-size:9px;
	font-style:italic;
	}
	font-size:9px;
	font-style:italic;
	}font-size:9px;
	font-style:italic;
	}