body {
			margin: 0;
			padding: 0;
 			background: #bfdfff;
 			color:#000;
			text-align: left;
}

																		/*SEZIONE DEI DIV BOX E SPAN*/

div	{
		text-align: left;
		margin: 0;
		padding: 0;
		border: 0;
}

div.pagina {
					width: 100%;
					height:auto;
					/*height: 760px; riferimento indicativo da adottare di fatto*/
					margin: auto;
}

div.relazionati {
							position: absolute;
							top: 72px;
							left: 120px;
							z-index:	3;
							padding-right: 5px;
							overflow: auto;
							text-align:	right;
							border-top: 1px solid #000;
							border-right: 1px solid #000;
							width: 190px;
							height: 200px;
}


div.menu_navig {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 2;
						width: 320px;
}

div.voce_menu_nav1,
div.voce_menu_nav2,
div.voce_menu_nav3,
div.voce_menu_nav4,
div.voce_menu_nav5,
div.voce_menu_nav6,
div.voce_menu_nav7	{
								position: absolute;
								z-index: 3;
								width: 190px;
}

div.voce_menu_nav0 {
								position: relative;
								top:-689px;
								width: 170px;
								text-align: right;
								margin-left:189.5%;

}

html>body div.voce_menu_nav0 {margin-left:190%}

div.voce_menu_nav_ric {
								position: relative;
								top:-722px;
								left: 293px;
								width: 120px;
								text-align: right;
}

html>body div.voce_menu_nav_ric {top:-724px;}


div.voce_menu_nav1 {
								top: 190px;
								left: 20px;
}

div.voce_menu_nav2 {
								top: 225px;
								left: 50px;
}

div.voce_menu_nav3 {
								top: 260px;
								left: 80px;
}

div.voce_menu_nav4 {
								top: 295px;
								left: 110px;
}

div.voce_menu_nav5 {
								top: 330px;
								left: 140px;
}

div.voce_menu_nav6 {
								top: 365px;
								left: 170px;
								width: 220px;
}


div.voce_menu_nav7 {
								top: 400px;
								left: 200px;
}

map div a {
					position: relative;
					left: -10px;
					width: auto;
					font-weight: bold;
					padding-left: 10px;
					padding-right: 5px;
					border: 1px solid #000;
					border-left: 0;
					background: #fff;
					top: -10px;
					font-size: small !important;
}

div.contenuto {
						/*
						Ho cambiato absolute in relative e dato z-index 2
						per rendere possibile il copia-incolla in IE, ma ora
						le voci mappa-sito e link, all'aumento della dimensione
						caratteri, vanno sotto il box di dx. Dare uno z-index diverso
						a menu navig, così come dare un relative al sup non ha dato
						esiti, la cosa rimane insoluta!
						*/
						position: relative;
            padding: 1% 0 1.5% 0.8%;
						top: 40px;
						left: 320px;
						z-index: 2;
						background: #fff;
						width: 57%;
}

html>body div.contenuto {position:absolute; z-index: 1}

.note_sito {
						position: absolute;
						top: 515px;
						left: 70px;
						z-index: 3;
						padding: 5px 5px;
						background: #fff;
						width: 220px
}

.note_sito,
.note_sito acronym,
a.note,
.note_sito span {
								font-size: x-small;
}

div.contenuto, .note_sito, fieldset {border: 1px solid #000 !important}

h1.note_sito {display:none}

p.testo_ant_art span,
p.testo_lungo span,
div.centrato span,
div.centrato_thumb span,
div.contenuto span,
li span,
td span,
th span,
div.contenuto acronym,
abbr,
cite,
address,
label,
select,
input,
legend {
				font-size: small;
}
 
div.centrato, div.centrato_thumb {clear:both}

div.centrato_thumb {height:2.2em}
html>body div.centrato_thumb {height:3.7em; margin-bottom:0}

div.centrato_thumb span {
												display:block;
												float:left;
												width: 101px;
												margin-left:2.3%;
												text-align: center;
}

html>body div.centrato_thumb span {margin-top:1.7em}

span.primo_span {margin-left:0.3% !important}

html>body span.primo_span {margin-left:0.8% !important}

a.link_gallery span {font-size:1em}

span.dati_file_ris {float:none !important; clear: both; font-style: italic; color: #666}

span.dati_file_ris,
ol.ris a {display:block}

ol.ris a {
	margin-top:-1.35em;
	margin-left: 2.2em;
}

html>body ol.ris a {margin-left: 1.5em; margin-top:-1.4em} 

body div.centrato_thumb span span.dati_file_ris {
																									margin-left:0;
																									color: #000;
																									font-size:0.8em !important;
}

html>body div.centrato_thumb span span.dati_file_ris {margin-top:0; font-size:0.85em !important; white-space: nowrap}

#ris_img {display:block; margin-bottom:1em}

map div.voce_menu_nav0 span {position:absolute; top:-1000px; left:-1000px}

span.bussola {display:block; margin-bottom:1em; width:99%}


																	/*SEZIONE DEL TESTO*/

p,
h1,
h2,
h3,
abbr,
acronym,
address,
cite,
select,
em,
strong,
a,
span,
object,
table,
td,
th,
img,
fieldset,
label,
input {
			border: 0;
			margin: 0;
			padding: 0;
			font-family: arial, helvetica, sans-serif;
			font-weight: normal;
			text-align: left;
			font-size: small;
}

p.avvert {display:none}

sup {
			font-family: arial, helvetica, sans-serif;
			margin: 0;
			font-weight: normal;
			font-size: 0.7em;
			word-spacing: -0.2em;
			letter-spacing: 0.1em;
}

div.contenuto sup, div.contenuto sub {
																			font-size:1em;
																			word-spacing: 0;
																			letter-spacing: 0;
}


html>body div.contenuto sup,
html>body div.contenuto sub {font-size:0.8em}

sup.copyright {font-size: medium}

/* dichiarazione separata di map per problema bordo basso in ie*/
map {
			border: 0;
			margin: 0;
			padding: 0;
			font-size: medium;
}
/* fine dichiarazione*/

map sup {
					color: #00c;
					margin-left: -7px;
}

acronym {
				border-bottom: 2px dotted #000;
				cursor: help;
}

h1 a acronym {font-size: 1em !important} /*ie 5.x e opera 7.4 non si prendono alcun size, insoluto*/
h2 acronym {font-size: medium !important} /*ie 5.x non si prende alcun size, insoluto*/

h3 acronym,
h3 abbr,
h3 sup,
h3 sub,
h3 span {font-size: small !important}

h1, h1 a {width: 100%}

h1 {
		margin-bottom: 1em;
		font-size: large;
}


div.relazionati h1,
.titolo_art,
.titolo_art acronym,
.titolo_art abbr,
.titolo_art sup,
.titolo_art sub,
.titolo_art span,
h2,
h2 acronym,
h2 abbr,
h2 sup,
h2 sub,
h2 span,
h3,
h3 acronym,
h3 abbr,
h3 sup,
h3 sub,
h3 span {
				font-weight: bold;
				font-size: medium;
}

.relazionati h1 {
								text-align: right;
								margin-top: 0.2em;
								margin-bottom: 0.3em;
								width:auto;
}

ol {
		list-style: disc inside;
		margin: 0 0 1em 12%;
		width: 87.5%;
}

html>body ol {width: 79%; list-style-position: outside}

div.contenuto ol,
div.contenuto li {
									font-family: arial, helvetica, sans-serif;
									font-weight: normal;
									text-align: left;
									font-size: small;
}

div.contenuto li {margin-bottom:0.3em}

div.relazionati ol,
ol.sotto_menu {	
								width:auto;
								margin:0;
								padding: 0;
								border: 0;
								list-style: none;
								margin-left: 10%;
}

ol.sotto_menu {
							list-style: disc inside;
							color: #00c;
							margin: -2em 0 2em 140px;
							width: 68%;
}

html>body ol.sotto_menu {list-style-position: outside}

div.relazionati li {line-height:0.75em; margin-bottom:0.5em}

html>body div.relazionati li {width:auto; margin-bottom:0.43em; margin-right:0}

ol.ris {
					margin-top: 1em;
					margin-left:0;
					list-style-position: outside;
					list-style-type: none;
				  width: 99% !important;
}

html>body ol.ris {width:86% !important}

html>body ol.ris li {margin-bottom: 1em}

div.contenuto h1,
div.centrato,
div.centrato_thumb,
h2 {
		text-align: center;
		padding-right: 1%;
		width: 99%;
}

h2 {margin-top:2em}

h2, h3 {margin-bottom: 0.5em; text-align: left}

h3 {
		margin-left:5%;
		width: 94%;
		font-size: small !important;
}

h3.tit_testo {margin-left:0; margin-top:1.5em}

p.testo_ant_art, p.testo_ant_art_ult {
																			height: 4em;
																			margin-left: 105px;
																			margin-bottom: 2em;
																			padding-right: 0.5%;
																			text-align: justify;
																			width: 75.5%;
}

html>body p.testo_ant_art,
html>body p.testo_ant_art_ult {height: auto; min-height: 4em}

p.testo_ant_art_ult {margin-bottom: 0 !important}

p.testo_lungo {
							text-align: justify;
							margin-bottom: 1em;
							padding-right: 0.5%;
							width: 99%;
}

p.data {margin-left:77%}

address {margin-bottom:1em}

h1 a abbr,
h1 a sup,
h1 a sub,
div.contenuto h1 a span {font-size: 1em !important} /*dell'abbr opera 7.4 non si prende alcun size, insoluto*/

html>body h1 a sup,
html>body h1 a sub {font-size: 0.8em !important}

th acronym,
th abbr,
th sup,
th sub,
th span,
strong {font-weight: bold}

div.relazionati acronym,
div.relazionati abbr,
div.relazionati span {font-size: 1em !important}

/*ho dovuto forzare questa regola perchè IE5.0 non se la prendeva*/
em,
strong {font-size: small}

span.bussola strong span,
span.bussola strong acronym, 
span.bussola strong abbr,
span.bussola strong sup,
span.bussola strong sub {font-size:1em; font-weight:bold}

																	/*SEZIONE DEI FORMS*/

form {width: 98.6% !important}

fieldset {margin-bottom: 2em; padding-bottom: 0.5em}

html>body fieldset {padding-top:0.5em; padding-bottom:1em}

#fieldset_ult {margin-bottom: 0}

legend {font-style: italic}

label,
input {
			display: block;
			width: 40%;
			margin-left: 1%;
}

html>body label,
html>body input {margin-top: 1em; margin-bottom: -0.8em}
html>body input {margin-bottom:0 !important}

label.prima_lab {margin-top: 0.5em}

html>body label.prima_lab {margin-top: 0}

label.lab_pag, label.lab_img {
															display:inline;
															margin-left: 5%;
}

label.lab_img {margin-left:2%}

select {
				margin-left: 41%;
				margin-top: -2em;
}

select,
input {border: 1px solid #000}

input {width:60%}

input.tipo_ric, #invio, label.lab_pag, label.lab_img {width:auto; border:0}

input.tipo_ric {
								vertical-align:bottom;
								display: inline;
								margin-left:-2px;
}

#invio {
				margin-top:0.5em;
				margin-bottom: 0.2em;
				border-top-color: #ccc !important;
				border-left-color: #ccc !important;
				border-right-color: #000 !important;
				border-bottom-color: #000 !important;
				text-align:center;
				height:1.5em;
}

/*questa regola allarga di pi— invio perchŠ altrimenti in ns, opera e mozilla
il tasto, stranamente, non funziona!*/
html>body #invio {width: 9em}
/*fine nota*/

#fieldset_ult input {
										border: 1px solid #000;
										border-right-color: #ccc;
										border-bottom-color: #ccc;
}

																	/*SEZIONE DELLE IMMAGINI*/

img.logo {
			display: block;
			position: relative;
			top: 0;
			left: 24px;
			z-index: 4;
			width: 290px;
			height: 104px;
}

img.aereo_sfondo {
							display: block;
							margin-top: -104px;
							width: 217px;
							height: 694px;
}

map div img {
						width: 30px;
						height: 30px;
}

map div.voce_menu_nav0 img {
														position: relative;
														right: -96px;
}

div.centrato img {
									border: 1px solid #000;
									margin-bottom:1em;
}

img.cinque_terzi {width:190px; height:114px}
img.tre_quinti {height:190px; width:114px}
img.cinque_quarti {width:170px; height:136px}
img.quattro_quinti {height:170px; width:136px}
img.quadrata {width:140px; height:140px}

img.antep_art, div.centrato_thumb img {
																border: 1px solid #000;
																width: 99px;
																height: 79px;
}

div.centrato_thumb img {margin-left: 2.2%}

html>body div.centrato_thumb img {margin-left: 2.5%}

img.prima_img {margin-left:0 !important}

img.vuota {border-color: #fff !important}

img.stat {display: none}

ol.ris img,
div.centrato_thumb span img {width: 16px; height: 15px; border:0; margin:0}

div.centrato_thumb span img {margin-bottom:1.2em}

html>body div.centrato_thumb span img {margin-bottom:1.5em}

																	/*SEZIONE OGGETTI*/

														

																	/*SEZIONE DELLE ANCORE A*/

a {
	text-decoration: none;
}

a:link {color: #00c}
a:hover {color: #933}
a:visited {color: #609}

/*riassegnazione necessaria a causa di ie 5.0 che non si prende il parametro 
(vedi stile correttivo)*/
div.contenuto a {font-size: small}

/*ho dovuto forzare titolo_art che di conseguenza si perdeva la regola*/
.titolo_art,
div.contenuto .titolo_art acronym,
div.contenuto .titolo_art span,
div.contenuto h2 span {font-size: medium !important}
/*fine riassegnazione*/

h1 a {
			text-align: center;
			font-size: 1.3em !important;
}

h1 a:hover {color: #000}

div.centrato a:visited{color: #00c}

a.salta_menu_nav {
									position: absolute;
									top: 170px;
									left: 40px;
									z-index: -1;
									width: auto;
									font-weight: normal;
									border: 0;
									background: transparent;
}

a.salta_menu_nav:link,
a.salta_menu_nav:visited {color: #bfdfff}

map div.voce_menu_nav0 a {
													position: relative;
													top: -10px;
													left: -22px;
													z-index:10 !important;
													border: 1px solid #000;
													border-right: 0;
													width:auto;
}

html>body map div.voce_menu_nav0 a {left: -23px}

map div.voce_menu_nav_ric a{width:auto}
map div.voce_menu_nav1 a {width:auto}
map div.voce_menu_nav2 a {width:auto}
map div.voce_menu_nav3 a {width:auto}
map div.voce_menu_nav4 a {width:auto}
map div.voce_menu_nav5 a {width:auto}
map div.voce_menu_nav6 a {width:auto}
map div.voce_menu_nav7 a {width:auto}

div.relazionati a, a.link_gallery{
																	width: auto;
																	font-size: 0.7em !important;
}

/*classe condivisa con un h2*/
.titolo_art {
								display: block;
								margin: -80px 0 0.5em 105px;
								width: 76%;
}

/*fine classe condivisa*/

a.link_gallery, p.data {
												display: block;
												margin-bottom: 1em;
}

a.link_gallery {
								width: 250px;
								white-space:nowrap;
								margin-top:-2.3em;
}

td{vertical-align:top;padding-bottom:1em}

span.bussola strong,
span.bussola a{font-size:0.8em}

html>body span.bussola strong,
html>body span.bussola a {font-size:0.85em}