/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{
	font-family: arial,sans-serif;
	font-size: 76%;
	background-image: url(../immagini/gr_dx.gif);
	background-position: right;
	background-repeat: repeat-y;
}
body img{border: 0}
div#container{
	background-color: transparent;
	background-image: url(../immagini/gr_sx.jpg);
	background-repeat: repeat-y;
}

/* menù superiore */

#menuSuperiore {
	position: absolute;
	top: 0\10px\0;
	right: 20px;
	color: #000000;
	background-color: transparent;
	}
#menuSuperiore ul {
	width: 320px;
	height: 45px;
	padding: 0 0 0 0;
	margin-right: 0;
	list-style-type: none;
	float: right;
	color: #800000;
	font-weight: bold;
	background-color: transparent;
	}
 
#menuSuperiore li {
	display: block;
  float:left;
  width: 70px;
  height: auto;
  padding:0;
  margin-top: 10px;
  margin-left: 5px;
  font-style: italic;
  text-align: center;
  }
  	
	
#menuSuperiore a:link {
color: #800000;
	text-decoration: none;
	font-weight: bold;
	}
#menuSuperiore a:visited {
color: #800000;
	text-decoration: none;
	font-weight: bold;
	}
#menuSuperiore a:hover {
	display: block;
	color: #ffffff;
	background-color: #800000;
	text-decoration: none;
}

/* fine menù superiore */	

/*stili generici, su header */
div#header{
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(../immagini/sfondo3.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 200px;
	line-height: 1em;
	border-bottom: 1px solid #404040;
}

div#header h1{
	margin: 0 0 0 0;
	padding: 2.5em 0 0 0;
	width: auto; 
	color: #800000;
	letter-spacing: 0.1em;
	line-height: 1em;
	font-size: 2.5em;
	}
		
div#header acronym {
cursor: help;
background-color: transparent;
border-bottom: 1px dashed #800000;
}
div.logo {
float: left;
width: 170px;\width:180px;\width:170px;
height: 160px;
margin: 0 10px 0 0;
padding: 10px 0 25px 10px;
background-color: transparent;
border-bottom: 1px solid #404040;
border-right: 1px solid #404040;
}
div.logo img {
margin: 0 0 0 0;
padding: 0 0 0 .8em;
background-color: transparent;
}
/*stili generici su footer*/
div#footer h1,h2,h3{margin: 0;padding: 0}
div#footer h2{color: #666;font-size: 1.3em}
div#footer a{color: #8080ff;text-decoration: underline}


/*stili generici, su content*/
div#content h1{padding-left:10px;font: bold 2em arial,sans-serif;color: #000}
div#content h2{color: #000;font-size: 1.3em}
div#content h3{color: #000;font-size: 1.1em}

/*stili specifici per il layout*/
div#navigation{float: left;width: 170px;\width:180px;\width:170px;padding: 1em 0 0 10px}
div#extra{float: right;width: 165px;\width:175px;\width:165px;padding: 1em 5px}
div#content{margin: 0 180px; padding: 0px;background-color: #ffffff; height:auto !important; height:450px;  border-left: 1px solid #404040; border-right: 1px solid #404040;}
div#content{font-family: arial,sans-serif;font-size: 110%; color: #000; line-height: 2em}
div#footer{clear:both; padding: 5px 0; background-color: transparent; color: #404040; border-top: 1px solid #404040;}
div#footer p{text-align:center; padding: 0; color: #404040; font-size: 90%;}

div#content div.navigazioneprincipale{
	margin: 0;
	padding: 0.5em 10px;
	background-color: transparent;
	background-image: url(../immagini/sfondo_mini.png);
	background-repeat: no-repeat;
	color: #000;
}
div#content div.scrittura{padding: 2em 10px}
div#content div.briciole{margin: 0; padding: 0.4em 10px; background-color: #ffffff; font-size: 80%; font-style: italic; text-align: center;}
div.scrittura div.evidenza{
	display: block;
	margin: 50px 0 20px 0;
	padding: 0 0 0 0;
	height: auto;
	background-color: transparent;
	border-bottom: 1px dotted #666;
	color: #666;
	font-size: medium;
}

div.scrittura div.evidenzascrittura{
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	height: auto;
	background-color: transparent;
	}
div.evidenzascrittura h3{
	padding: 0 0 0 10px;
	color: #000;
	font-size: 1em;
	font-weight: bold;
}
	
div.evidenzascrittura p{
	padding: 0 0 0 10px;
	color: #000;
	font-size: 90%;
	}
	

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none; font-size: 90%;line-height: 3em}
div#navigation li{margin: 0;padding: 0;border-bottom: 1px dashed #ccc}
div#navigation a{color:#900;font: normal 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #666;text-decoration: none}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
div#navigation table {background-color: #efefcc}
div#navigation h1,h2,h3{margin: 0;padding: 0}
div#navigation h2{color: #666;font-size: 1.3em}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #666;font-size: 1.2em}
div#extra div.newsbox p{margin: 0;}
div#extra ul{color:#900;font: normal 1.2em/1.4em arial,sans-serif; list-style-type: none; line-height: 2em}
div#extra a:link, div#extra a:visited {
		color: #900;
		text-decoration: none;
		
	}

div#extra a:hover {
		
		color: #666;
		text-decoration: none;
		
	}

div#extra div.newsboxdue{font-size: 90%;margin-bottom: 2em}
div#extra div.newsboxdue h2{color: #666;font-size: 1.2em}
div#extra div.newsboxdue ul {color: #360}
div#extra div.newsboxdue p{margin: 0;}
div#extra div.newsboxdue a:link, div#extra div.newsboxdue a:visited {
		color: #360;
		text-decoration: none;
		
	}

div#extra div.newsboxdue a:hover {
		
		color: #666;
		text-decoration: none;
		
	}

div#footer div.scritturainvisibile {display: none;}


/*stili per la sezione navigazioneprincipale*/
div.navigazioneprincipale a:link, div.navigazioneprincipale a:visited {color: #000000;
		text-decoration: none;
		font-weight: bold;
		}
div.navigazioneprincipale a:hover, div.navigazioneprincipale a:active {
	color: #404040;
	text-decoration: none;
	}

/*stili per la sezione briciole*/

div.briciole{ color: #666}
.bricioleimg a {
	float: right;
	padding: 2px 10px 2px 0;
	margin: 0;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	}
	
div.briciole a:link, div.briciole a:visited {color: #666;
		text-decoration: underline}
div.briciole a:hover, div.briciole a:active {color: #666;
		text-decoration: underline}


.foto img {width: 300px; height: 200px;}


/* testo centrato*/
div.centrato{ text-align: center;}

/* motore di ricerca*/
div.motore label {color: #666;font-size: 1.2em;font-weight: bold;}


acronym {
cursor: help;
background-color: transparent;
border-bottom: 1px dashed #666;
}
blockquote {
	background-color: ThreedLightShadow;
	font-style: italic;
	color: #666;
	margin: 0 10px 0 10px;
	padding: 0;
}
div.indent {
	padding-left: 30px;
}

.saltamenu {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;	
}
/* istruzioni tabella */

	div.scrittura table {
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		font-size: 90%;
		border: none;
		}

	div.scrittura caption {
		color: #ffffff;
		background-color: #404040;
		padding: 4px;
		font-weight: bold;
		margin-left: auto;
		margin-right: auto;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		}
	
	div.scrittura th {
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
		border-bottom: 1px solid #000;
		background-color: #d9d9d9;
		text-align: center;
		}

	div.scrittura td {
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
		border-bottom: 1px solid #000;
		background-color: #ffffff;
		text-align: left;
		}
/* testo nascosto */

.nascosto
	{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}
	
	/* fine */