/* CSS Document */

body {
	margin: 0px;
	color: #444;
	background: url(img/sf_pagina.png) top center no-repeat #406B36;
	background: #FFF;
	background: url(img/sf_body_kalos.png) top center repeat-y;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	display: none;
}

h4 {
	text-transform: capitalize;
}

h4 a {
	text-decoration: none;
	color: #406B36;
}

hr {
	color: #406B36;
	line-height: 1px;
}

a {
	color: #063;
}

img, a img {
	border: none;
}

li a {
	text-decoration: none;
}


/* ID */

#principale {
	width: 980px;
	margin: auto;
	background: #FFF;
}

#testa, #corpo, #piedi {
	clear: both;
	display: block;
}

#testa {
	position: absolute;
	top: 0px;
}
	
	#logo {
		position: absolute;
		top: 7px;
		left: 35px;
		left: 20px;
	}
	
	#logo a:link {
		border: none;
	}
	
	#logo img {
		border: none;
	}
	
	#intestazione {
		position: absolute;
		top: 0px;
		left: 230px;
		width: 470px;
		height: 160px;
		background: url(img/intestazione.jpg) top center no-repeat;
	}
	
	#intestazione img {
		position: absolute;
		top: 0px;
		z-index: 2;
	}
	
	#intestazione h2 {
		position: absolute;
		top: 80px;
		z-index: 2;
		height: 50px;
		padding: 0px;
		padding-left: 120px;
		color: #406B36;
		font-weight: normal;
		font-size: 36px;
	}
	
	#intestazione h2 span {
		font-size: 18px;
		color: #444;
		position: relative;
		left: 20px;
		top: 6px;
	}
	
	#menu_istituz form {
		position: absolute;
		top: 120px;
		left: 720px;
		width: 280px;
	}
	
	#menu_istituz form {
		vertical-align: top;
	}
	
	#menu_istituz input {
		vertical-align: top;
		margin-right: 15px;
	}

#corpo {
	position: absolute;
	top: 170px;
}
	
	#box_sx {
		width: 200px;
		height: 300px;
		position: absolute;
		top: 5px;
		left: 20px;
		background: url(img/sf_box_left.png) no-repeat;
	}
	
	#foto_principale {
		position: absolute;
		top: 5px;
		left: 20px;
		width: 680px;
		height: 300px;
	}
	
	#foto_principale_scheda {
		position: absolute;
		top: 5px;
		left: 230px;
		width: 470px;
		height: 300px;
	}
	
	#flashcontentTesta, #foto_principale  #flashcontent, #foto_principale_scheda #flashcontent {
		z-index: 1;
	}
	
	#foto_principale img, #foto_principale_scheda img {
		position: absolute;
		top: 0px;
		z-index: 2;
	}
	
	#box_dx {
		position: absolute;
		top: 5px;
		left: 711px;
		width: 280px;
	}
	
	#box_dx ul {
		margin: 0px;
		padding: 0px;
	}
	
	#box_dx #menu_pulsanti li {
		list-style: none;
		width: 256px;
		height: 54px;
		background-image: url(img/pulsanti/sf_pulsante.gif);
		background-color: #447f36;
		margin-bottom: 2px;
	}
	
	#box_dx #menu_pulsanti li:hover {
		background-image: none;
		background-color: #548f46;
	}
	
	#box_dx #menu_pulsanti ul.sponsor li {
		background-image: url(img/pulsanti/sf_pulsante.gif);
		background-color: #447f36;
	}
	
	#box_dx #menu_pulsanti ul.sponsor li:hover {
		background-image: none;
		background-color: #548f46;
	}
	
	#box_dx #servizi_erogati {
		position: absolute;
		top: 458px;
		top: 780px;
		width: 280px;
	}
	
	#box_dx #servizi {
		margin-top: 60px;
	}
	
	#box_dx #servizi h3 {
		color: #406B36;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
	}
	
	#box_dx #servizi li {
		list-style: none;
		width: 256px;
		background-color: #FFF;
		margin-bottom: 20px;
	}
	
	#box_dx #servizi li a {
		font-size: 16px;
		color: #406B36;
		text-transform: uppercase;
		padding-left: 80px;
		margin-top: 20px;
	}
	
	#box_dx #servizi li a em {
		font-size: 11px;
		text-transform: none;
		margin-top: -2px;
		font-style: normal;
		float: left;
	}
	
	#box_dx #servizi li:hover {
		background-color: #E1FFDE;
	}
	
	#box_dx #servizi li.servizio_documenti {
		background-image: url(img/servizi/documenti.gif);
		height: 54px;
	}
	
	#box_dx #servizi li.servizio_mappa {
		background-image: url(img/servizi/mappa.gif);
		height: 54px;
	}
	
	#box_dx #servizi li.servizio_newsletter {
		background-image: url(img/servizi/newsletter.gif);
		height: 54px;
	}
	
	#box_dx #servizi li.servizio_mappa_img {
		height: 192px;
	}
	
	#box_dx #servizi li.servizio_mappa_img img {
		position: absolute;
		top: 840px;
	}
	
	#box_dx #servizi li.servizio_mappa_img:hover {
		background: none;
	}

#ringraz_marini {
	position: absolute;
	top: 310px;
	left: 21px;
	width: 681px;
	font-size: 10px;
	color: #999;
	font-style: normal;
}

#ringraz_marini a {
	text-decoration: none;
}

#banner_home {
	position: absolute;
	top: 330px;
	left: 22px;
	width: 681px;
}

#banner_servizi {
	width: 681px;
	height: 55px;
	background: url(img/sf_banner_servizi.png) left top no-repeat;
}

#banner_servizi img {
	padding-left: 8px;
	padding-top: 3px;
}

#box_cinema {
	width: 681px;
	height: 300px;
	background: url(img/sf_box_cinema.png) left top no-repeat;
	text-align: center;
}

#contenuto {
	position: absolute;
	/*top: 284px;*/
	top: 330px;
	left: 21px;
	width: 681px;
	background: url(img/sf_contenuto.png) no-repeat;
}

#contenuto.home {
	top: 400px;
}
	
	#contenuto #news {
		float: left;
		width: 330px;
	}
	
	#contenuto #eventi {
		margin-left: 330px;
		padding-right: 25px;
	}
	
	#contenuto #news h3, #contenuto #eventi h3 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: normal;
		background: url(img/i_grigia.png) center left no-repeat;
		padding-left: 25px;
		margin-left: 25px;
		margin-top: 30px;
	}
	
	#contenuto #eventi h3 {
		background: url(img/i_arancio.png) center left no-repeat;
		color: #C70;
	}
	
	#contenuto #eventi h3.ultimi {
		background: url(img/i_verde.png) center left no-repeat;
		color: #447F36;
	}
	
	#contenuto #eventi h4 {
		background: url(img/punto_elenco_arancio.png) center left no-repeat;
		padding-left: 20px;
	}
	
	#contenuto #news h4 {
		background: url(img/punto_elenco_news.png) center left no-repeat;
		padding: 5px 0px;
		padding-left: 24px;
		text-transform: none;
		color: #666;
	}
	
	#contenuto #news h4, #contenuto #news p, #contenuto #eventi h4, #contenuto #eventi p, #testo, #richiesta {
		font-size: 12px;
		font-weight: normal;
		margin-left: 25px;
		margin-top: 4px;
		margin-bottom: 10px;
	}
	
	.richiesta {
		border: 3px double #DDD;
		margin-top: 10px;
		margin-right: 25px;
		padding: 4px;
	}
	
	#contenuto table {
	}
	
	#contenuto table.categorie th {
		text-align: left;
		vertical-align: middle;
		color: #363;
	}
	
	#contenuto table.categorie th img {
		vertical-align: middle;
	}
	
	#contenuto #navigazione {
		padding: 10px;
	}
	
	#contenuto #navigazione img {
		float: left;
	}
	
	#contenuto #navigazione h3 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-stretch: condensed;
		font-size: 16px;
		text-indent: 2px;
		text-transform: uppercase;
		background: none;
		color: #406B36;
		padding: 12px;
		padding-bottom: 0px;
		margin-bottom: 4px;
	}
	
	#contenuto #navigazione h4 {
		color: #406B36;
		padding: 0px;
		padding-left: 20px;
		margin: 0px;
	}
	
	#contenuto #navigazione #livello2 {
		float: right;
		height: 80px;
	}
	
	#contenuto #navigazione #livello2 img {
		float: left;
		padding: auto 0px;
	}
	
	#contenuto #navigazione #livello2 img.logo {
		margin-right: 4px;
	}
	
	#contenuto #testo {
		padding-right: 10px;
		padding-top: 100px;
	}
	
	#contenuto #testo h4 {
		padding: 0px 10px;
		color: #406B36;
		font-size: 14px;
		padding-top: 20px;
	}
	
	#contenuto #testo h5 {
		font-size: 12px;
		color: #406B36;
		text-transform: capitalize;
		margin-top: 10px;
		margin-bottom: 6px;
	}
	
	#contenuto #testo h6 {
		font-size: 12px;
		text-transform: capitalize;
		margin-top: 8px;
		margin-bottom: 2px;
	}
	
	#contenuto #testo cite {
		color: #406B36;
		font-size: 14px;
	}
	
	#contenuto #testo cite span {
		font-size: 12px;
		font-style: normal;
	}
	
	#contenuto #testo li {
		list-style-type: square;
	}
	
	#contenuto_fine {
		width: 681px;
		height: 30px;
		background: url(img/sf_contenuto_fine.png) no-repeat #FFF;
		padding-bottom: 15px;
		clear: both;
	}

	#piedi {
		background: #FFF;
		width: 681px;
		height: 30px;
		padding-bottom: 15px;
		font-size: 10px;
		color: #999;
		line-height: 20px;
	}


/* id indipendenti */
#pillole {
	padding: 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	
	#pillole ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#pillole h3 {
		color: #89171A;
		font-weight: normal;
	}
	
	#pillole li {
		line-height: 20px;
	}
	
	#pillole span {
		color: #89171A;
		font-size: 11px;
		width: 25px;
		text-align: left;
		float: left;
		margin-right: 5px;
	}
	
	#pillole span.info {
	}
	
	#pillole li a {
		text-decoration: underline;
	}

/* classi */
.am {
	font-family: "Trebuchet MS";
}

#contenuto #testo ul.lista_docs li {
	line-height: 30px;
	font-size: 14px;
}

span.prov {
	font-size: 11px;
}

ul.prov li a {
	color: #600;
	font-size: 14px;
}


/* dock */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}

#dock {
	width: 200px;
	position: absolute;
	top: 60px;
	left: 750px;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: #FFF;
	padding-left: 20px;
}
a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item span {
	display: none;
	padding-left: 20px;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}