html{
	margin: 0;
	padding: 0;
	margin-top: 0;
	margin-left:0;
}

body{
	margin: 0;
	padding: 0;
	margin-top: 0;
	margin-left:0;
	font-size:12px; 
	font-family: Verdana,Arial,sans-serif;
	text-align: center; 
	background:  #ffffff url('../image/sfondo.gif') repeat-y center top; 
	color: #000
}
h1, h2, h3{
		 font-family: Verdana, Arial,sans-serif;
		 margin: 0
}
font-1{
		 font-family: Antique-Olive-Bold;
		 margin: 0;
		 color:#FF0000;
} 
.large{
	font-size: large;
}
.xlarge{
	font-size: x-large;
}
.small{
	font-size: small;
}
.xsmall{
	font-size: x-small;
}
.medium{
	font-size: medium;
}
.arial{
   font-family: arial;
   text-align: center;
	font-size: x-small;
}
.arial-0{
   font-family: arial;
	font-size: small;
}
.arial-1{
   font-family: arial;
   text-align: center;
	font-size: medium;
}
.arialxx{
   font-family: arial;
   text-align: center;
	font-size: xx-small;
}
.comic{
   font-family: Comic Sans MS;
   text-align: center;
}
.comics{
   font-family: Comic Sans MS;
   text-align: center;
     font-size: small;
}
.comicx{
   font-family: Comic Sans MS;
   text-align: center;
     font-size: x-small;
}
.comicxx{
   font-family: Comic Sans MS;
   text-align: center;
     font-size: xx-small;
}
.comic-1{
   font-family: Comic Sans MS;
   text-align: center;
     font-size: xx-small;
}
.comic-4{
   text-align: center;
   word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0;
   font-size: medium;
   text-decoration: none;
   font-family: Comic Sans MS;
}
.comic-large{
   text-align: center;
   word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0;
   font-size: large;
   text-decoration: none;
   font-family: Comic Sans MS;
}
.bold{
	font-weight: bold;
}
.giust{
	text-align: justify;
}
.center{
	text-align: center;
}
.left{
   	text-align: left;
}			 
.italico{
   font-style:italic;
}
.italico-bold{
   font-style:italic;
   font-weight: bold;
}
.doppio{
   line-height:15px;
}
.sottoline{
   text-decoration:underline;
}
.nero{
	   background-color: #fff; 
	   color: #000;}
.rosso{
	   background-color: #c00; 
	   color: #fff;}
.red{
	   
	   color: #c00;  }
.blu{
	 background-color:#0ff; 
	 color: #c00;}
.blue{
	 color: #00f;}
.violetto{
		  background-color: #606; 
		color: #fff;}
.giallo{
		background-color: #ff0; 
		color: #000;}
.ocra{
		background-color: #FFFF77; 
		color: #000;}
.arancio{
		 background-color: #f90; 
		 color: #000;}

/*tabella 1*/
table {
	width: 100%; 
  	  margin-bottom: 1px;
}
th{
   text-align: center; 
}
tr {   
	border: 3px solid black;	
   text-align: center;
}
.riga{  
border-bottom: 2px solid #000080; 
	border: 3px solid black;	
}
td{
border-bottom: 2px solid #000080;
	font-size: x-small;
	text-align: left;
   line-height: 15pt;
}
.telefono{
	width:100px;
	font-size: x-small;
	text-align: left;
   line-height: 15pt;
}

td1{
   border: 2px solid #008000; 	
	border-bottom: 2px solid #000080;
	border-right: 2px solid #000080;
   line-height: 20pt;
}


.bordo0{
   	border: 0px solid #008000; 
	border-bottom: 0px solid #000080;
	border-right: 0px solid #000080;
   	line-height: 20pt;
}
/*tabella*/

table1 {
		  
	width: 400px; 
   	font-family: arial;
	  font-size: medium; 
	  margin-bottom: 1px;
}
th1{
   text-align: center; 
}
tr1 {
   text-align: center;
}
td1{
   border: 2px solid #008000; 
	width: 500px;	
	border-bottom: 2px solid #000080;
	border-right: 2px solid #000080;
   line-height: 20pt;
}

/*tabella*/

table#tra {
		  
	width: 400px; 
   	font-family: arial;
	  font-size: medium; 
	  margin-bottom: 1px;
	border-color:#000;
}
th#tra{
   text-align: center; 
}
tr#tra {
   text-align: center;
}
td#tra{
   border: 0px solid #008000; 
	width: 500px;	
	border-bottom: 0px solid #000080;
	border-right: 0px solid #000080;
   line-height: 20pt;
}


h1{
   font-size: x-large; 
   display: none;
}
h2{
   font-size: large
}
h3{
   font-size: medium
}
h4{
   font-size: small; 
   text-decoration: underline;
}
h4N{
   font-size: small; 
}

p{
  font-size: small;
  margin: 0 0 0.8em 0
}
r{
  font-size: small;
  margin: 0 0 0.8em 0
}

p-1{
   text-align: left;
   word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0;
   font-size: xx-small;
   text-decoration: none;
   font-family: Comic Sans MS;
}


em {
   color: #f00; 
   font-size: medium;}
.grassetto{
		   font-weight: bold;}
.hide {
	  display:none;}

.logorig{
		 display: none; 
		 margin-left: 30px;}
.h2comenius{
			padding-left: 100px; 
			background: url('../i/comenius_rid.gif') no-repeat left top; 
			height: 90px }
.h3dotted{
		  border-bottom: 1px dotted #300; }
	
#testa-totale{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 100%;
}
#testa1{
	float: left;
	margin-left: 5px;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 50px;
	width: 190px;
}
#testa2{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 70px;
	width: 750px;
}
#testa2-1{
	float: left;
	margin-top: 10px;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 65px;
	width: 600px;
}
#testa4{
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-left: 20px;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 30px;
	width: 80px;
}
#testa5{
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-left: 40px;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 30px;
	width: 150px;
	font-size: x-small;
	top: 10em;
	
}
#testa6{
	float: left;
	margin-top: 10px;
	margin-left: 40px;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 30px;
	width: 150px;
}
#testa7{
	float: left;
	margin-top: 20px;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 50px;
	width: 100px;
}

#principale_home{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 100%
}
	  
#principale{
	overflow:auto;
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 850px;
	height: 520px;
}

#principale2{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 100%;
}
#principale5{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 100%;
	border: 1px solid  #630;
}
#principale6{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 100%;
}
#contenuto{
	float: left;
	margin: 0;
	padding: 0 3% 0 10px;
	text-indent: 0px;
	height: 480px;
	width: 330px;
}
#contenuto2{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 480px;
	width: 30%;
}
#contenuto3{
	float: left;
	margin: 0;
	padding: 0 30px 30px 30px;
	text-indent: 0px;
	height: 460px;
	width: 260px;
}

#contenuto_home{
	float: left;
	margin: 0;
	padding: 0 30px 30px 30px;
	text-indent: 0px;
	height: 480px;
	width: 240px;
}


#contenuto4{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 500px;
	width: 480px;
}
#contenuto6{
	overflow:auto;
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 250px;
	
}
#contenuto61{
	overflow:auto;
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 480px;
	width: 280px;
	
}
#container{
			  width: 1000px;
			  margin: 0px auto; 
			  text-align: left; 
			  border-left:0px solid #093
}
#testa{
	
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 75px;
	width:100%;
}
#corpo{

	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 90%;
	width: 104px;
}
#sinistra{
	float: left;
	margin: 0;
	padding: 0 1px 0 1px;
	text-indent: 0px;
	height: 480px;
	width: 100px;
}
#container1{
	
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 480px;
	width: 100%;
}
#centro{
	overflow:auto;
	margin: 0;
	padding: 10px 5% 0 20px;	
	text-indent: 0px;
	width: 840px;
	height: 510px;
}
*:first-child+html #centro {

padding: 0 0 0 0;
MARGIN: 0px 0px 10px 120px;
width: 88%;
} 
#centro1{

	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	width: 850px;
	height: 510px;
}
#contenuto5{
	float: left;
	margin: 0;
	padding: 0 3% 0 0;
	text-indent: 0px;
	height: 20%;
	width:50%;
	border: 1px solid  #630;
}
#testo-doppia-colonna{
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	color: #000000;
	float: left;
	margin: 5px;
	height: 400px;
	padding: 0px 5px 5px 5px;
	width: 96%;
}
#testo-doppia-colonna-libri{
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	color: #000000;
	float: left;
	margin: 2px;
	padding: 0;
	width: 98%;

}
#colonna-main{
	background-color: #FFFF77;
	border: 1px solid #CCC;
	color: #000000;
	float: left;
	margin: 1px;
	padding: 4px;
 	width: 104px; 
	height: 470px;
	text-align: left;
	word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0;
  	font-size: x-small;
  	font-family: Comic Sans MS;
   	text-decoration: none;
	line-height: 15px;
}
#colonna-main1{
	float: left;
	margin: 1px;
	padding: 4px;
 	width: 104px; 
	height: 10px;
	text-align: left;
	word-spacing: 0; line-height: 100%; margin-top: 0; margin-bottom: 0;
  	font-size: x-small;
  	font-family: Comic Sans MS;
   	text-decoration: none;
	line-height: 15px;
}

a:link{
   text-decoration: none;

}
a:visited{
   text-decoration: none;

}
a:hover{
   text-decoration: underline;
	color: #FF0000;
}
#testo-prima-colonna{
	background-color: #FFFF77;
	border: 1px solid #CCC;
	color: #000000;
	float: left;
	height: 280px;
	margin: 5px;
	padding: 4px;
	width: 140px;
}
#testo-prima-colonna1{
	background-color: #FFFF77;
	border: 1px solid #CCC;
	color: #000000;
	float: left;
	height: 280px;
	margin: 5px;
	padding: 4px;
	width: 140px;
}
#testo-seconda-colonna{

	float: right;
	margin: 5px;
	height: 100%;
	padding: 4px;
	width: 45%;
}	
#testo-terza-colonna{

	float: left;
	height: 400px;
	margin: 5px;
	padding: 4px;
	width: 180px;
}	
#testo-quarta-colonna{

	float: left;
	height: 500px;
	margin: 5px;
	padding: 4px;
	width: 40%;
}	



div#header{
		   height:80px;
		   line-height:80px;
		   background: #EEEAB4 url('../i/logo.gif') no-repeat ; 
		   border-bottom: 1px solid #827F7B; 
		   color: #300; padding-left:2%; padding-right:2%; padding-top:0; padding-bottom:0}
div#header h1{
		   padding: 0 0 0 200px}
#skipnav {
		 display: none}
div#nav{
		float: left;
		width:130px;
		\width:140px;
		\width:130px;
		padding: 0 5px; 
		margin-top: 10px; }
div#extra{
		  float:right;
		  width:190px;
		  \width:200px;
		  \width:190px;
		  padding: 0 5px; 
		  margin-top: 20px;}

div#content{
			margin: 20px 220px 0 145px; }
div#content p{
			line-height:1.3; 
			padding-bottom: 2em;}

/*stili per i contenuti*/
div.textimage{
			  width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage h3{
			  PADDING: 0 0 10px 0; 
			  MARGIN: 0px; 
			  color: #7A4B18; 
			  text-decoration: none}
div.textimage h3 a:link{
			  PADDING-RIGHT: 0px;
			  PADDING-LEFT: 35px; 
			  BACKGROUND:  url('../i/bulletr.gif') no-repeat left ; 
			  PADDING-BOTTOM: 0px; 
			  PADDING-TOP: 0px; 
			  color: #7A4B18;
			  text-decoration: none; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:0px}
div.textimage h3 a:visited{
			  PADDING-RIGHT: 0px; 
			  PADDING-LEFT: 35px; 
			  BACKGROUND:  url('../i/bulletr.gif') no-repeat left ; 
			  PADDING-BOTTOM: 0px; 
			  PADDING-TOP: 0px; 
			  color: #7A4B18;
			  text-decoration: none; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:0px}
div.textimage h3 a:hover{
			  BACKGROUND:  url('../i/bulletr_on.gif') no-repeat left ; 
			  color: #300; 
			  text-decoration: none}
div.textimage h2{
			  margin-top: 10px; 
			  color: #7A4B18; 
			  margin-bottom: 10px;}
div.textimage h3{
			  margin-top: 10px; 
			  color: #7A4B18;}
div.textimage h4{
			  text-align: center}
div.textimage p img{
			  DISPLAY: block; 
			  FLOAT: left; 
			  padding: 5px 10px 10px 0 }
img.centro0{
			position: relative; 
			left: 15%}
img.centro{
		   position: relative; 
		   left: 30%}
img.centro1{
			position: relative; 
			left: 25%}
img.centro2{
			position: relative; 
			left: 20%}
div.textimage a{
			  color: #030}
div.textimage a:hover{
			  color: #7A4B18}
div.textimage ul{
			  padding-right: 4px; 
			  margin: 0;
			  line-height: 2em;}
div.textimage li{
			  padding-right: 4px; 
			  margin: 0;}
ol li {
   list-style-type:decimal}
ol ol li {
   list-style-type:upper-alpha}
ul li {
   list-style-type: disc;}
ul ul li{
   padding-left: 20px}
.didascalia {
			font-size: x-small; 
			color: #000; 
			margin-top: 20px; 
			padding:0; 
			margin-bottom: 0; 
			}

/*navigazione a briciole di pane*/
.crumb a{
	   color: #030}
.crumb a:hover{
	   color: #7A4B18}

div.wide, div.split2, div.split3{
							   clear:left}
div.wide{
		 margin: 0 1%;}
div.split2 div{
		   float: left; 
		   width: 160px;
		   \width: 170px;
		   \width: 160px;
		   padding: 0 10px }
div.split2 h3{
		   padding-bottom: 10px}
div.split2 h3 a:link{
		   PADDING-RIGHT: 0px;
		   PADDING-LEFT: 35px; 
		   BACKGROUND:  url('../i/bulletr.gif') no-repeat left; 
		   PADDING-BOTTOM: 0px; 
		   PADDING-TOP: 0px; 
		   color: #7A4B18;
		   text-decoration: none; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:0px}
div.split2 h3 a:visited{
		   PADDING-RIGHT: 0px; 
		   PADDING-LEFT: 35px; 
		   BACKGROUND:  url('../i/bulletr.gif') no-repeat left; 
		   PADDING-BOTTOM: 0px; 
		   PADDING-TOP: 0px; 
		   color: #7A4B18;
		   text-decoration: none; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:0px}
div.split2 h3 a:hover{
		   BACKGROUND:  url('../i/bulletr_on.gif') no-repeat left; 
		   color: #300; 
		   text-decoration: underline}

div.split3 div{
		   float: left; 
		   width: 110px;
		   \width: 120px;
		   \width: 110px;
		   padding: 0 6px;}
div.wide p img{
		 DISPLAY: block; 
		 FLOAT: left; 
		 padding: 20px 10px 10px 0 }
div.wide h3{
		 padding-bottom: 10px}
div.wide h3 a{
		 color: #7A4B18; 
		 text-decoration: none; }
div.wide h3 a:hover{ 
		 color: #300;
		 text-decoration: underline;}

div#footer{
		   clear:both; 
		   background:  #E3DEBF;
		   color: #300; 
		   border-top: #827F7B 1px solid;}
div#footer p{
		   margin: 0;
		   padding: 10px 0;
		   text-align: center;
		   font-size: x-small; 
		   font-family: verdana, arial, san-serif;}
div#footer a{color: #300}

/*cornice e sfondo menu*/
#mainMenu {
		  font-size:small;  
		  background-color:  #D3E7C0;  
		  border: 0px none;  
		  color: #000;  
		  width:110px;
		  padding-left:0; padding-right:0; padding-top:1em; padding-bottom:0}
#menuList {
		  font-size:small;  
		  margin: 0px;  
		  padding: 5px 0px 5px 0px; 
		  font-weight:bold;}
li.menubar { 
		   line-height: 1.5em;  
		   list-style: none outside;}
.menu { 
	  display: none;  
	  margin-left: 5px;  
	  padding: 0px;}
.menu li {
	  list-style: none outside; 
	  font-weight: normal}
.menu li a { 
	  background-color: transparent;  
	  color: #000;
	  font-weight: normal;  
	  padding-left: 1px;  
	  text-decoration: none;}


a.actuator {
		   display:block;
		   width: 90px;  
		   background-color: transparent;  
		   color: #000;  
		   padding-left: 
		   5px; border-bottom: 1px solid #fff;  
		   text-decoration: none;}
a.actuator:hover {background-color: #fff;
		   color: #000;  
		   text-decoration: none;}

/*stili per la sezione extra*/
div#extra div.newsbox{
		  font-size: small;
		  margin-bottom: 2em;}
div#extra div.newsbox h2{
		  padding: 1px 2px;
		  background-color: #FAF9E8; 
		  border: 1px solid  #630;
		  color: #300;
		  font-size: small}
div#extra div.newsbox p{
		  margin: 3px 0 0 0;}
div#extra div.newsbox a{
		  color: #000;
		  margin: 2px 0 0 0; }
div#extra div.newsbox a:link{color: #000;
		  margin: 2px 0 0 0;}
div#extra div.newsbox a:hover{
		  color: #300; 
		  margin: 2px 0 0 0; 
		  text-decoration: none;}

/*Impostazioni form*/
div#form {
		 background-color: #D3E7C0;
		 font-family: arial,sans-serif; 
		 color: #000; }
.pulsante {
		  background:  #FAF9E8 url('../i/login.gif') repeat-x center bottom;
		  color: #300; 
		  padding: 2px; 
		  font-size:small;
		  border: 1px solid #630; margin-left:3px; margin-right:0; margin-top:10px; margin-bottom:0}
p {
  margin:2px 0 4px 0; 
  padding: 0;}
.intestazione{
			  font-weight: bold;
			  color: #000;}



caption {
		font-weight: bold;}
acronym {
		cursor: help; 
		border-bottom: 1px dotted #000}

/*galleria immagini*/
div#zoom{
		 float:right; 
		 margin:2px; padding: 0;}
div#zoom img{
		 display:block; 
		 width:300px; 
		 height: 201px; 
		 padding: 0;}
div#zoom img{
		 border: 3px double #000; }
div#minipics{
			 margin:0 0 10px 30px;}
div#minipics img{
			 border: 1px solid #000; }
#titolo {
		font-size: small; 
		color: #003; 
		margin: 0; 
		padding: 0; 
		text-align: left; 
		padding: 1% 0; }
div#titolo {
		   width: 350px; 
		   margin: 1% 0 0 2%;}