/*
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
---------------------------------------------------------------------

Blu nens		#4b88bf		Logo, Hover, testi
Blu scuro		#031061		Fascia alta
Verde			#98a706		Nav fissa
Blu scuro 		#07315b		Titoli e piede
Rosso			#FF0000		Hover

*/
@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;
	text-align: center;
	background-image: url(../immagini/nns-fascia-nav-fissa-rip.gif);
	background-repeat: repeat-x;
	background-position: 0px 135px;
}
#pagina {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	text-align: left;
	z-index: 2;
}
	#pagina #testata {
		width: 760px;
		height: 175px;
		margin: 0;
		position: relative;
	}
	#testata ul.linkVeloci {
		/*l'altezza doveva essere 30px;*/
		position: absolute;
		height: 10px;
		padding: 5px 0 0 0;
		top: 0;
		right: 0;
	}
	#pagina #flash {
		width: 760px;
		height: 400px;
		float: left;
	}

	#pagina #corpo {
		width: 100%;
		float: left;
		margin: 0 0 1.5em 0;
		/* Implementazione dell'altezza minima della colonna principale */
		min-height: 320px;
		height: auto !important;
		height: 320px;
		/* /Implementazione dell'altezza minima della colonna principale */
	}
		#corpo #colonnaUno, #home #corpo #colonnaUno {
			margin-top: 0;			
			width: 230px;
			float: left;
			padding: 0 5px 0 0;
			overflow: hidden;
		}
		#corpo #colonnaUno, #corpo #colonnaDue {
			margin-top: 2.3em;
		}
		#unaColonna #colonnaUno {
			display: none;
		}
		#corpo #colonnaDue, #home #corpo #colonnaDue {
			width: 523px;
			float: left;
			margin: 0;
			overflow: hidden;
		}
		#unaColonna #colonnaDue {
			width: 760px;
		}
		#home #corpo #colonnaUno,
		#home #corpo #colonnaDue,
		#home #corpo #colonnaTre {
			width: 250px;
			overflow: hidden;
		}
	#pagina #piede {
		clear: left;
		width: 740px;
		margin: 1.5em 0 0 0;
		padding: 1em 10px 1em 10px;
	}
		#piede p.copyright {
			margin: 0 10px 0 0px;
		}
		
		#pagina #banner {
		width: 250px;
		height: 70px;
		margin-bottom: 10px;
		}
/*
oZone CSS Library

Capitolo 3
---------------------------------------------------------------------
Elementi avanzati di layout
---------------------------------------------------------------------
*/
#pagina #testata {
	background-image: url(../immagini/nns-testata-sfondo.jpg);
	background-repeat: no-repeat;	
}
#testata ul.linkVeloci { 
	background-image: url(../immagini/nns-link-veloci-fascia.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#pagina #corpo {
	
}
#corpo #colonnaUno {	
}
#pagina #piede {
	background-image: url(../immagini/nns-piede-rip.jpg);
	background-repeat: repeat-x;
}
/*
oZone CSS Library

Capitolo 4
---------------------------------------------------------------------
Menu di navigazione
---------------------------------------------------------------------
*/
/* Logo */
#testata #logo {
	top: 26px;
	left: 10px;
	z-index: 1;
	position: absolute;
}
#testata #logo a {
	margin: 0;
	text-decoration: none;
	display: block;
	width: 222px;
	height: 91px;
	background-image: url(../immagini/logo-nens.gif);	
	background-repeat: no-repeat
}
#testata #logo h1 {
	margin:0 0 0 0;
	font-size: 1em;
}
#testata #logo h2{
	margin:0;
	font-size: 0.6em;
	color:#000;
	position: absolute;
	top: 20px;
	display: none;
}
#testata #logo span {
	position: relative;
	z-index: -20;
}
#testata #logo a:link, #testata #logo a:visited {
	color: #000;
	text-decoration: none;
}
#testata #logo a:hover {
	color: #000;
	text-decoration: none;
}
/* /Logo */
/* Link Veloci */
ul.linkVeloci {
	margin:0;
	padding:0;
	list-style-type: none;
}
.linkVeloci li {
	float: left;
	border-left: 1px solid #FFF;
	padding-right: 5px;
	padding-left: 5px;
}
.linkVeloci li.primo {
	border-left: none;
}
.linkVeloci a:link, .linkVeloci a:visited {
	color: #FFF;
}
.linkVeloci a:hover {
	color: #000;
}
/* /Link Veloci */
/* Navigazione fissa */
ul.navFissa {
	margin: 0;
	width: 755px;
	height: 40px;
	padding: 0 0 0 5px;
	list-style-type: none;
	min-width: 200px;
	position: absolute;
	top: 135px;
	left: 0;
	background-color: #98a706;
	background-image: url(../immagini/nns-fascia-nav-fissa-rip.gif);
	background-repeat: repeat-x;
}
.navFissa li {
	float: left;
}
.navFissa a {
	display: block;
	margin: 0;
	padding: 10px 17px 6px 17px;
	text-decoration: none;
	line-height: 1.1em;
}
.navFissa a:link, .navFissa a:visited {
	color: #FFF;
}
.navFissa a:hover {
	color: #FFF;
	background-color: #4b88bf;
}
.navFissa a.attivo{
	color: #FFF;
	background-color: #4b88bf;
}
/* /Navigazione fissa */
/* Navigazione locale e contestuale */
ul.navLaterale {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navLaterale ul#livello2, .navLaterale ul#livello3 {
	margin: 0;
	padding: 0;
}
.navLaterale li a {
	display: block;
	padding: 4px 5px 4px 20px;
	background-image: url(../immagini/nns-qudratino-navlaterale_verde.gif);
	background-repeat: no-repeat;
	width: 201px;
}
.navLaterale li.attivo a {
	color: #2387a9;
	background-image: url(../immagini/nns-qudratino-navlaterale_blu.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navLaterale li.attivo ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.navLaterale li.attivo ul a{
	padding-left: 10px;
	background-image: url(../immagini/nns-qudratino-navlaterale_verde.gif);
	background-repeat: no-repeat;
}
.navLaterale #livello2 a{
	margin-left: 10px;
	padding-left: 20px;
}
.navLaterale #livello3 a {
	margin-left: 10px;
}
.navLaterale a:link, .navLaterale a:visited,
.navLaterale li.attivo ul a:link, .navLaterale li.attivo ul a:visited {
	color: #8ea4bc;
}
.navLaterale a:hover {
	color: #496887;
	background-image: url(../immagini/nns-qudratino-navlaterale_blu.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navLaterale li.attivo ul a:hover {
	color: #2387a9;
}
/* /Navigazione locale e contestuale  */
/* NavLocale home */
#home h1 {
	margin-bottom: 0.2em;
}
#home ul.navLaterale {
	padding: 0 0 0 10px;
}
#home .navLaterale li a {
	padding: 0.35em 5px 0 20px;
	margin-top: 0.5em;
	line-height: 1.25em;
}
/* /NavLocale home */
/* Navigazione Paging */
.modPaging {
	float: left;
	margin:2em 0 0 1em;
	padding:0;
}
ul.paging {	
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.paging li {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.paging li a {
	display: block;
	padding: 0 0.4em 0.25em/*Corregge un piccolo errore di visulizzazione*/ 0.3em;

	text-decoration: none;
}
.paging li.primo {
	border-left-style: none;
}
.paging li.primo a.attivo{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;	
}
.paging li a.attivo {
	color: #000000;
	padding-bottom:0.1em; 
	background: #CCC;
	border-top-width: 1px;
	border-right-style: none;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: none;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.paging li a:link, .paging li a:visited {
	color: #000000;
}
.paging li a:hover {
	color: #FF0000;
}
/* /Navigazione Paging*/
/*
oZone CSS Library

Capitolo 5
---------------------------------------------------------------------
Link
---------------------------------------------------------------------
*/
a:link, a:visited{
	color: #2387a9;
}
a:hover {
	color: #FF0000;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
	color: #9baec4;
}
.breadcrumbs a:hover {
	color: #9baec4;
	text-decoration: none;
}
#colonnaDue h1 a:link, #colonnaDue h1 a:visited {
	text-decoration: none;
}
#piede a:link, #piede a:visited {
	color: #07315b;
}
#piede a:hover {
	color: #4b88bf;
}
/*
oZone CSS Library

Capitolo 6
---------------------------------------------------------------------
Tipografia
---------------------------------------------------------------------
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #4b88bf;
}
#corpo h1 {
	font-size: 1em;
	color: #07315b;
	display: block;
	background-image: url(../immagini/nns-filo-titoli-bianco.gif);
	background-repeat: no-repeat;
	background-position: 0 1.2em;
	padding: 0 0 0 10px;
}
#colonnaDue h1 {
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9baec4;
	margin-top: 0em
}
h2, h3, h4, h5, h6 {
	font-size: 1.1em;
	color: #07315b;
	margin: 0 10px;
}
p {
	margin-left: 0.9em;
	font-size: 1em;
	line-height: 1.5em;
}
ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;	
}
#testata ul.linkVeloci {
	font-size: 0.9em;
	color: #FFF;
}
.navFissa, .navLaterale, p.paginaVolcano {
	font-size: 0.9em;	
}
p.breadcrumbs {
	font-size: 0.7em;
	margin: 0.3em 0 2.3em 0;
	color: #9baec4;
	font-weight:bold;
}
p.accessoria {
	font-size: 0.8em;
	margin: -0.8em 0 0 1em;
	color: #000;
}
#boxAttualita p.accessoria {
	margin: 0;
}
#colonnaDue p.accessoria, #colonnaDue p.firma{
	font-size: 0.6em;
	text-align: right;
	color: #000;
	margin-bottom: 2em;
}
#colonnaDue p.firma {
	text-align: left;
	font-size: 0.75em;
}
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.7em;
	display: inline;
	color: #07315b;
}
/*
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;
	width: 100%;
	margin-bottom: 1em;
}
.boxFloat h2 {
	font-style: italic;
	font-size: 0.85em;
	margin-bottom: 1em;
	color: #4B88BF;
}
.boxFloat p {
	font-size: 0.75em;
}
.boxFloat h2 a:link, .boxFloat h2 a:visited {
	text-decoration:none;
}

#boxContenutiHome {
	clear:left;	
	
}
.clearLeft{
	clear: left;
}
/* Home di sezione */
dl.homeSezione {
	width: 112px;
	margin:0 10px 30px 0;
	padding:0;
	float: left;
}
.homeSezione dt {
	width: 112px;
	height: 155px;
	overflow: hidden;
	margin-bottom: 10px;
}
.homeSezione dd {
	margin:0;
	padding:0;
}
#colonnaDue .homeSezione h1 {
	border: none;
	margin: 0;
}
#colonnaDue .homeSezione p {
	border: none;
	margin: 0;
	display: none;
}
/* /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;
}
#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 */
#extraDiv1 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 165px;
	background-image: url(../immagini/nns-testata-dx.gif);
	background-repeat: repeat-x;
	z-index: 1;
}
#boxBancaDati {
	background-color: #a0a7d3;
	background-image: url(../immagini/nns-fascetta-novita.gif);
	background-repeat: no-repeat;
	background-position: right 27px;
	margin-bottom: 2em;
}

#boxBancaDati {
	background-image: none;
	padding-bottom: 1em;
	margin-left: 10px;
}
#boxOsservatorio {
	background-image: none;
	padding-bottom: 0.5em;
	margin-right: 0.6em;
	background-color: #a0a7d3;
}
#boxAttualita h1, #boxBancaDati h1 {
	font-size: 1em;
	display: block;
	background-color: #07315b;
	color: #FFFFFF;
	background-image: none;
	padding: 0.2em 8px;
	margin: 0 0 2em 0;
} 
#boxAttualita{
	background-color:#B7CFE5;
	background-image:url(../immagini/nns-fascetta-novita.gif);
	background-position:right 27px;
	background-repeat:no-repeat;
	border:1px solid #8EA4BC;
	margin-bottom:2em;
}
#boxAttualita h2 {
	font-size: 0.75em;
	margin-bottom: 0.75em;
	font-style: italic;
	color: #4B88BF;
}
#boxAttualita h3, #boxBancaDati h3, #boxOsservatorio h3 {
	font-size: 0.9em;
}
#home #boxBancaDati p, #home #boxOsservatorio p {
	font-size: 0.65em;
	text-align: right;
}
#boxBancaDati h3, #boxOsservatorio h3 {
	margin: 10px 0 10px 10px;
}
#boxBancaDati h2, #boxOsservatorio h2 {
	color: #FFF;
	font-size: 0.9em;
	margin-bottom: 9px;
}
#boxBancaDati h1, #boxOsservatorio h1   {
	margin-bottom: 5px;
}
#boxAttualita h2:first-child {
	padding: 0 60px 0 0;
	color: #CC0000;
}
#boxAttualita p, #boxBancaDati p, #boxOsservatorio p {
	width: 216px;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
} 
#home #colonnaTre h1 a:link, #home #colonnaTre h1 a:visited, #home #colonnaUno h1 a:link, #home #colonnaUno h1 a:visited{
	text-decoration: none;
}
#home #colonnaUno p, #home #colonnaTre p{
	font-size: 0.65em;
	text-align: right;
}
dl.boxPdf {
	display: block;
	width: 485px;
	padding: 5px;
	border: 1px solid #9baec4;	
}
.boxPdf dt {
	width: 33px;
	height: 33px;
	background-image: url(../immagini/nns-logo-pdf.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	overflow:hidden;
	
}
.boxPdf span {
	font-size: 0.2em;
	position: relative;
	z-index: -1;
}
.boxPdf dd {
	color: #07315b;
	line-heigt: 1.5em;
	margin-bottom: 3px;
	
}
.boxPdf dd.PDFreader {
	font-size: 0.8em;
	font-size: 0.6em;
	color: #8ea4bc;
}
#boxCommenti {
	margin-top: 4em;
	padding-top: 2em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #9BAEC4;	
}
/*
oZone CSS Library

Capitolo 8
---------------------------------------------------------------------
Form
---------------------------------------------------------------------
*/
form {
	margin-top: 2em;
}
form fieldset {
	padding: 1em;
	border: 1px solid #9baec4;
	margin-bottom:0.5em
}
form legend {
	margin-bottom:0.5em;
	font-size: 1em;
	color: #9baec4;
}
form p, #corpo form div {
	display: block;
	width: 100%;
	float: left;
	clear: left;
	margin: 0.5em 0;
}
form label {
	display: block;
	width: 20%;
	margin-right: 2%;
	text-align: right;
	float: left;
}
form .contacaratteri {
	display: block;
	margin-left: 22%;
}
form .textSubmit {
	position: absolute;
	top: -10000em;
	left: -10000em;
}
form .pulsSubmit {
	margin-left: 22%;
}
form #nome, form #cognome {
	width: 150px;
}
form #sitoWeb {
	width: 250px;
}
form #email, form #oggetto {
	width: 200px;
}
form #corpoMail, form #commento {
	width: 300px;
}
form .checkBoxLeft {
	margin-left: 22%; 
	float: left;
}
form .longLabel, form .privacyLabel {
	width: 220px;
	text-align: left;
	padding-left: 10px;
}
form .privacyLabel {
	width: 50%;
}
form#volcano label {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
div.KT_field_error, .form_validation_field_error_container div {
	padding-left: 22%;
}
/* 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 */
/*
---------------------------------------------------------------------
Pubblicazioni Home
---------------------------------------------------------------------
*/
dl.boxPubbHome  {
	margin: 0 0 0 10px;
	padding: 0px;
}
.boxPubbHome  dt {
	margin: 0px;
	padding: 0px;
	float: left;
}
.boxPubbHome  dd {
	margin: 0px;
	padding: 0px;
}
.boxPubbHome  h2 {
	font-size: 0.8em;
	margin: 0;
}
.boxPubbHome p {
	font-size: 0.7em;
}
.boxPubbHome .pubbMargin {
	margin: 0;
}
h3.pubbTitolo {
	color: #98a706;
	font-size: 0.8em;
}
ul.pubbSommario {
	list-style-type: none;
	margin: 0 10px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.4em;
}
ul.pubbSommario a {
	display: block;
	padding: 0 0 0 20px;
	background-image: url(../immagini/nns-qudratino-navlaterale_verde.gif);
	background-repeat: no-repeat;
}

/* manifutura */
#manifutura {
	padding-top: 102px;
	background-image:url(../immagini/manifuturafestival_testata_2.jpg);
	background-repeat: no-repeat;
	margin-top:10px;
}
#manifutura h3{
	font-size: 0.9em;
	
}
#manifutura p {
	margin: 0.2em 0 0 0.9em;
	font-size: 0.8em;
	font-style: italic;
}
#manifutura dl {
	margin:0;
	padding:0;
	clear: left;
	float: left;
	margin-bottom:0.2em;
	width: 235px;
	*margin-bottom: -100px
}
#manifutura dl.ultima {
	*margin-bottom: 30px
}
#manifutura dt {
	margin:0;
	padding:0;
	float: left;
	width: 110px;
}
#manifutura dd {
	margin:0;
	padding:0;
	width: 125px;
	float: left;
}
#home #colonnaUno #manifutura p {
	text-align: left;
}
#home #colonnaUno #manifutura h3 {
	font-size: 0.8em;
}
/* /manifutura */