/*
media: screen
---------------------------------------------------------------------
oZone Copyright 2006-2007 Gabriele Peja Design. Questa opera è
pubblicata sotto una Licenza Creative Commons.
http://creativecommons.org/licenses/by-nd/2.5/it/
---------------------------------------------------------------------
*/
/*
oZone Specifiche CSS 
---------------------------------------------------------------------
Dizionario dei colori
---------------------------------------------------------------------

			#			Funzione	
			#			Funzione		
Magenta		#ff0060		Hover alternativo	
Giallo		#f3ec38		Hover	
Verde		#006f7f		Testi	

*/
@import url("editor-html.css"); /* Importazione della libreria CSS dell'Editor HTML */
@import url("cx_errori.css"); /* Importazione della libreria ERRORI */
/*
oZone CSS Library

Capitolo 1
---------------------------------------------------------------------
Elementi accessori di navigazione
---------------------------------------------------------------------
*/
/* Cancella gli elementi che non debbono essere visualizzati */
.avvertenzaCSS, hr, .navXtra, .navXtraTop {
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	top: -10000em;
	left: -10000em;
}
/* /Cancella gli elementi che non debbono essere visualizzati */
/*
oZone CSS Library

Capitolo 2
---------------------------------------------------------------------
Layout di base
---------------------------------------------------------------------
*/
body {
	margin: 0px;
	z-index: 0;
}
#pagina {
	width: 100%;
	text-align: center;
}
#contenitore {
	width: 760px;
	position:relative;
	margin: 0 auto;
	text-align:left;
}
	#pagina #testata {
		width: 760px;
		height: 322px;
		margin: 0;
	}
		#testata #logo {
			width: 192px;
			height: 213px;
			position: absolute;
			left: 37px;
			z-index: 20;
		}
		#testata ul.linkVeloci {
			position: absolute;
			right: 0;
			top: 0;
		}
	#pagina #flash {
		width: 760px;
		height: 322px;
		position: absolute;
		top: 0;
		z-index: 10;
	}
	#pagina #corpo {
		width: 760px;
		height: 382px;
		float: left;
		padding: 0;
	}
		#corpo #colonnaUno {
			width: 153px;
			float: left;
			padding: 0;
			overflow: hidden;
		}
		#corpo #colonnaDue {
			width: 506px;
			height: 397px;
			float: left;
			margin: 0;
			padding: 20px 50px;
		}
		#corpo #colonnaDue #scroller {
			width: 506px;
			height: 375px;
			overflow: auto;
			position:relative;
		}
#pagina #piede {
	clear:left;
	width: 100%;
	height: 195px;
	margin: 0;
	padding: 50px 0 0 0;
}
/*
oZone CSS Library

Capitolo 3
---------------------------------------------------------------------
Elementi avanzati di layout
---------------------------------------------------------------------
*/
body {
	background-color: #00a59f;
	background-image: url(../immagini/ibi-sfondo-rip.jpg);
	background-repeat: repeat-x;
}
#pagina {
	background-image: url(../immagini/ibi-sfondo-pagina.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#pagina  #testata {

}
#pagina #corpo {
	background-repeat: no-repeat;
	background-image: url(../immagini/ibi-sfondo-corpo.jpg);
}
	#corpo #colonnaDue {
		background-image:url(../immagini/pergamena.png);
	}
	#home #corpo #colonnaDue {
		background-image:url(../immagini/pergamena-home.png);
	}
#pagina #piede {
	background-image: url(../immagini/ibi-piede.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}
/*
oZone CSS Library

Capitolo 4
---------------------------------------------------------------------
Menu di navigazione
---------------------------------------------------------------------
*/
/* Link home page */
#testata #logo a {
	text-decoration: none;
	background-image: url(../immagini/logo-il-bosco-incantato.gif);
	background-repeat: no-repeat;
	display: block;
	width: 192px;
	height: 213px;
}
#testata #logo span {
	top: 120px;
	left: 5px;
	position: absolute;
	z-index: -10;
}
#testata #logo h2 {
	position: absolute;
	top: 50px;
	left: 15px;
	width: 192px;
	z-index: -10;
}
/* /Link home page */
/* Link Veloci */
ul.linkVeloci {
	margin:0;
	padding:0;
	list-style-type: none;
}
.linkVeloci li {
	float: left;
	border-left: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
}
.linkVeloci li.primo {
	border-left: none;
}
.linkVeloci a:link, .linkVeloci a:visited {
	color: #000;
}
.linkVeloci a:hover {
	color: #FFF;
}
/* /Link Veloci */
/* Navigazione fissa */
ul.navFissa {
	margin: 18px 0 0 8px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
.navFissa li {
	margin: 7px 0 0 0;
}
.navFissa a {
	display: block;
	width: 145px;
	height: 46px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.navFissa a:link, .navFissa a:visited {
	color: #FFF;
}
.navFissa a:hover {
	color: #000;
}
.navFissa a.attivo{
	color: #FFF;
}
/*******************************************
**Personalizzazione Nav Fissa con immagini**
*******************************************/
.navFissa a span {
	width: 72px;
	position: absolute;
	display:block;
	z-index: -10;
	padding-left: 10px;
}
.navFissa a#homeLink {
	background-image: url(../immagini/home.gif);
}
.navFissa a#chisiamo {
	background-image: url(../immagini/chisiamo.gif);
}
.navFissa a#news {
	background-image: url(../immagini/news.gif);
}
.navFissa a#dovesiamo {
	background-image: url(../immagini/dovesiamo.gif);
}
.navFissa a#attivita {
	background-image: url(../immagini/attivita.gif);
}
.navFissa a#immagini {
	background-image: url(../immagini/immagini.gif);
}
.navFissa a#contattaci {
	background-image: url(../immagini/contattaci.gif);
}
.navFissa a:hover#homeLink, .navFissa a.attivo#homeLink {
	background-image: url(../immagini/home.gif);
	background-position: 145px 0px;
}
.navFissa a:hover#chisiamo, .navFissa a.attivo#chisiamo {
	background-image: url(../immagini/chisiamo.gif);
	background-position: 145px 0px;
}
.navFissa a:hover#news, .navFissa a.attivo#news {
	background-image: url(../immagini/news.gif);
	background-position: 145px 0px;
}
.navFissa a:hover#dovesiamo, .navFissa a.attivo#dovesiamo {
	background-image: url(../immagini/dovesiamo.gif);
	background-position: 145px 0px;
}
.navFissa a:hover#attivita, .navFissa a.attivo#attivita {
	background-image: url(../immagini/attivita.gif);
	background-position: 145px 0px;
}
.navFissa a:hover#immagini, .navFissa a.attivo#immagini {
	background-image: url(../immagini/immagini.gif);
	background-position: 145px 0px;
}
.navFissa a:hover#contattaci, .navFissa a.attivo#contattaci {
	background-image: url(../immagini/contattaci.gif);
	background-position: 145px 0px;
}
/*******************************************
**Personalizzazione Nav Fissa con immagini**
*******************************************/
/* /Navigazione fissa */
/* Navigazione locale e contestuale */
/*
.navLaterale a:link, .navLaterale a:visited {
	color: #FFF;
}
.navLaterale a:hover {
	color: #000000;
}
*/
ul.navLaterale {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navLaterale li a {	
	width: 100%;
	display: block;
	border-bottom: 1px dashed #FFF;
	padding: 0.3em 2% 0.3em 2%;
	text-decoration: none;
}
.navLaterale li.attivo a {
	color: #2387a9;
	background-color: #CCC;
}
.navLaterale li.attivo ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.navLaterale li.attivo ul a{
	padding-left: 8%;
	background-color: #000;
}
.navLaterale a:link, .navLaterale a:visited,
.navLaterale li.attivo ul a:link, .navLaterale li.attivo ul a:visited {
	color: #FFFFFF;
}
.navLaterale a:hover {
	color: #2387a9;
	background-color: #CCC;
}
.navLaterale li.attivo ul a:hover {
	color: #2387a9;
	background-color: #CCC;
}
/* /Navigazione locale e contestuale  */
/*
oZone CSS Library

Capitolo 5
---------------------------------------------------------------------
Link
---------------------------------------------------------------------
*/
a:link {
	color: #006f7f;
}
a:visited {
	color: #006f7f;	
}
a:hover {
	color: #ff0060;
}
#logo a:link {
	color: #FFF;
	text-decoration: none;
}
#logo a:visited {
	color: #FFF;
	text-decoration: none;
}
#logo a:hover {
	color: #00000;
	text-decoration: underline;
}
#piede a:link {
	color: #006f7f;
}
#piede a:visited {
	color: #006f7f;	
}
#piede a:hover {
	color: #f3ec38;
}
/*
oZone CSS Library

Capitolo 6
---------------------------------------------------------------------
Tipografia
---------------------------------------------------------------------
*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #006f7f;
}
h1 {
	font-size: 1em;
	color: #006f7f;
}
h2 {
	font-size: 1em;
	color: #006f7f;
	margin-left: 10px;
}
h3, h4, h5, h6 {
	font-size: 0.9em;
	color: #006f7f;
	margin: 0 0 0 10px;
	font-style: italic;
}
p {
	margin-left: 0.9em;
	font-size: 0.8em;
	line-height: 1.5em;
}
#fraseHome p {
	font-size: 0.7em;
	margin:0;
}
ul, ol {
	font-size: 0.8em;
	list-style-image: url(../immagini/punto-elenco.gif);
	line-height: 1.5em;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
}
#logo h1 {
	color: #FFF;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}
#testata h2 {
	color: #FFF;
	font-size: 0.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin:0;
}
#testata ul.linkVeloci {
	font-family: Arial, Helvetica, sans-serif;
}
.navFissa, .navLaterale, p.breadcrumbs, p.paginaVolcano {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
}
p.accessoria {
	font-size: 0.7em;
	margin: -1em 0 0 0em;
	color: #59b0c0;
}
p.paginaVolcano {
	font-size: 0.8em;
}
#piede p { /* Questa regola è strettamente connessa con #piede p.copyright */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	display: inline;
}
/*
oZone CSS Library

Capitolo 7
---------------------------------------------------------------------
Elementi accessori
---------------------------------------------------------------------
*/
img {
	border: none;
}
/* Modulo Commenti */
#commenti {
	margin: 1em 0 0 2%;
	padding-left: 1%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;
}
#commenti span {
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #2387a9;
	margin-left: 2%;
}
/* /Modulo Commenti */
.boxFloat {
	float: left;
	clear:left;
	margin-bottom: 1em;
	width: 95%
}
#home .boxFloat {
	width: 410px;
}
#boxContenutiHome {
	clear:left;	
}
#fraseHome {
	position: absolute;
	bottom:-15px;
}
.clearLeft{
	clear: left;
}
/* Home di sezione */
dl.homeSezione {
	width: 160px;
	margin:0 5px 0 0;
	padding:0;
	float: left;
}
.homeSezione dt {
	width: 160px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
}
.homeSezione dd {
	margin:0;
	padding:0;
	height: 95px;
	overflow: hidden;
}
.homeSezione dd h1 {
	font-size: 0.8em;
}
/* /Home di sezione */
/* Cloud of Tag */
.xs {
	font-size: 0.4em;
	color: #EFD1D4
}
.xs a:link, .xs a:visited {
	color: #EFD1D4
}
.s {
	font-size: 0.6em;
	color: #DEA3A8
}
.s a:link, .s a:visited {
	color: #DEA3A8
}
.m {
	font-size: 0.8em;
	color: #AD1926
}
.m a:link, .m a:visited {
	color: #AD1926
}
.l {
	font-size: 1em;
	color: #CE757D
}
.l a:link, .l a:visited {
	color: #CE757D
}
.xl {
	font-size: 1.2em;
	color: #BD4751
}
.xl a:link, .xl a:visited {
	color: #BD4751
}
.xxl {
	font-size: 1.4em;
	color: #AD1926
}
.xxl a:link, .xxl a:visited {
	color: #AD1926
}
.xxxl {
	font-size: 1.6em;
	color: #AD1926
}
.xxxl a:link, .xxxl a:visited {
	color: #AD1926
}
.xs a:hover, .s a:hover, .m a:hover, .l a:hover, .xl a:hover, .xxl a:hover, .xxxl a:hover {
	color: #000000;
}
/* /Cloud of Tag */
#corpo #colonnaUno.errore {
	width: 78%;
	padding: 1em 1% 1em 21%;
	overflow: hidden;
	background-image: url(../immagini/cx-default/errore.gif);
	background-repeat: no-repeat;
	background-position: 10px 30px;
	background-color:#FFFFFF;
}
/* Galleria immagini */
dl.galleriaImmagini {
	width: 95px;
	height: 95px;
	margin: 0 5px 4px 0;
	padding: 0;
	float: left;
	position: relative;
	overflow: hidden;
}
.galleriaImmagini dt {
	width: 100px;
	margin: 0;
	padding:0;
}
.galleriaImmagini dd {
	position: absolute;
	display: none;
	width: 100px;
	height: 40px;
	margin: 0;
	padding:0;
}
/* /Galleria immagini */
/* Popup */
#overlayer {
	z-index: 100;
	background-color: #ff601e;
	display: none;
	position:fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}
#popup {
	width: 700px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -370px;
	padding: 20px;
	background-color: #006f7f;
	border: 1px solid #FFFF00;
	z-index: 150;
	display: none;
}
#popup dl {
	width: 700px;
	margin:0;
	padding:0;
}
#popup dt {
	margin:0;
	padding:0;
	text-align: center;
}
#popup dd {
	margin: 1em 0 0 0;
	padding: 0;
	height: 20px;
	position:relative;
}
#popup a.chiudi {
	display:block;
	width: 18px;
	height: 20px;
	background-image: url(../immagini/ibi_nav-chiudi.gif);
	text-decoration: none;
	float: right;
}
#popup a span {
	position:relative;
	z-index:-1;
	font-size:2px;
}
/* /Popup */
/*
oZone CSS Library

Capitolo 8
---------------------------------------------------------------------
Form
---------------------------------------------------------------------
*/
form {
	margin-top: 0.5em;
}
form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
form legend {
	display:none;
}
form p {
	display: block;
	font-size: 0.7em;
	width: 100%;
	float: left;
	clear: left;
	margin: 0.1em 0;
}
form label {
	display: block;
	width: 100px;
	margin-right: 10px;
	text-align: right;
	float: left;
	font-size: 1.2em;
}
form .textSubmit {
	visibility:hidden;
}
form #nome, form #cognome {
	width: 150px;
}
form #sitoWeb {
	width: 250px;
}
form #email, form #oggetto {
	width: 200px;
}
form #corpoMail, form #commento {
	width: 350px;
}
form .checkBoxLeft {
	margin-left: 110px; 
	float: left;
}
form .longLabel, form .privacyLabel {
	width: 330px;
	text-align: left;
	padding-left: 10px;
	font-size: 1em;
}
form#volcano label {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
/* Volcano */
.linkVeloci form#volcano {
	margin:0;
	padding:0;
	display:inline;
}
.linkVeloci form#volcano div { 
	float: left;
}
.linkVeloci form#volcano label {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
.linkVeloci form#volcano #cerca {
	width: 100px;
	margin: 0;
	padding: 0; 
}
.linkVeloci form#volcano #info {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
/* /Volcano */