html,body{margin:0;padding:0}
body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.9em;
	background: url('/images/v2/head2_03.gif') no-repeat 200px 55px #D8F2F8;
	/*background: #D8F2F8;*/
}

#container {position: relative;}

/*  HEADER E SUOI ELEMENTI */
div#header{
	position:relative;
	margin: 0; padding: 0;
	background-image: url('/images/v2/head2_01.gif');
	background-repeat: no-repeat;
	height: 55px;
}
div#header img{
	left: -2000px;
	overflow: hidden;
	width: 1px;
	position: absolute;
	height: 1px;
}
div#header h1{margin: 0; padding: 0;}
div#header h1 a{
	text-decoration: none;
	display:block;
	width: 990px;
	height: 44px;
}
div#header h1 a span{
	left: -2000px;
	overflow: hidden;
	width: 1px;
	position: absolute;
	height: 1px;
}

/*  POSIZIONE e dimensione MENU  */
div#navigation{
	position: absolute;
	top: 55px; left: 0;
	padding-top: 80px;
	width:200px;

	background-image: url('/images/v2/head2_02.gif');
	background-repeat: no-repeat;
}

/*posizione e dimensione barra percorso */
div#percorso{
	position: absolute;
	top: 74px;
	left: 202px;
	height: 16px;
	width: 788px;
	font-family: 'Verdana', 'Arial', sans-serif;
	font-size: 0.8em;
	color: #708090;
}
div#percorso p{margin: 0;}

div#wrapper {
	background-image: url('/images/sfondoprincipale.gif');
	background-repeat: no-repeat;
	background-position: 50% 30px;
}
/*div#wrapper{*/
div#content, div#contentIntero{
	border-left: 1px solid #427584;
	border-right: 1px solid #427584;
	border-top: 1px solid #427584;
	margin: 35px 252px 0px 200px;
	min-height: 1257px;
	padding: 0 2px;
}
div#contentIntero{margin-right: 0; padding-right: 0;}

/*POSIZIONE E DIMENSIONE box EXTRA */
div#extra{
	position: absolute;
	top:90px;
	right: 0;
	width:248px;
	min-height: 300px;
	border-top: 1px solid #427584;
	background:url('/images/sfondoBox.gif') no-repeat;
	padding: 2px;
}
div#extra{
}

div#content p, div#contentIntero p{line-height:1.4; margin:0 10px 10px 0; text-align: justify;}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px;}
div#footer a{display:inline;padding:0;color: #C6D5FD}
div#contentIntero{margin-right: 1em;}

div#footer{clear:both;width:100%;}

.ripristina{ clear: both; }
/* accessibilità */
.trasp {
	left: -2000px;
	overflow: hidden;
	width: 1px;
	position: absolute;
	height: 1px;
}

/* menu */
#navigation ul{
	width:200px;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	background-color: #C6EBF7;
}
#navigation ul ul{
	background-color: #fff;
}

#navigation ul li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none;
	padding:0 0.5em; /* lascia spazio far il bordo del menu e il testo del link */
	height:1.6em; line-height:1.6em; /* altezza del link: height e line-height devono avere il medesimo valore */
	font-weight: bold;
}
#navigation ul li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

#navigation li li {
	height:1.6em; line-height:1.6em;
	background-color: #C6EBF7;
}

#navigation ul ul li a{
	font-weight: inherit;
	margin-left: 10px;
}

#navigation ul li a:link, #navigation ul li a:visited {
  color: #427584;
} /* colori per il link */
#navigation ul li a:hover, #navigation ul li a:active {
	background-color: #EFEFCE;
	color:#FF1F1F;
} /* colori per l'effetto roll-over */


#navigation li#firstMenuLink {
	display: block;
	background:transparent url('/images/v2/menu_top.gif') no-repeat top center;
	padding-top: 20px;
}
#navigation #lastMenuLink {
	display: block;
	background:transparent url('/images/v2/menu_bottom.gif') no-repeat bottom center;
	padding-bottom: 20px;
}

/* STILI FORM */
form {
	width:500px;
	border:1px dashed rgb(51,102,153);
	padding:5px;
	margin:0 20px;
	text-align:center;
	font-family: "Verdana", Arial, sans-serif; font-size: 80%;
}
form p{ margin: .2em 0; clear: both; }
form .nota{font-weight: normal;}
form p.nota{text-align: left;}
form .descrizione{text-align: left;}
fieldset {
	padding:1em;
	padding-top:0;
	border:2px groove;
	margin: 0;
}
legend {
	font-style:normal;
	color: #990000;
	font-size:14px;
	padding:5px;
}
#informazioni label, .informazioni label {
	display:block;
	float:left;
	width:205px;
	text-align:right;
	font-weight:bold;
	padding-right:0;
}
#informazioni input, .informazioni input {
	width:300px;
	padding:0;
	margin-left:10px;
}
#informazioni select, .informazioni select {
	width:300px;
	padding:0;
	margin-left:10px;
}
#informazioni textarea, .informazioni textarea{
	width:300px;
	font-family: Verdana,helvetica,sans-serif;
	font-size: 12px;
	padding:0px 0px 0px 2px;
	margin-left:10px;
	height: 400px;
}
#conferma label{ font-size: 11px; }
input#invia {
	font-weight: bold;
	font-size:11px ;
	width:120px;
}
input#annulla {
	min-width: 80px;
	font-weight: bold;
	font-size:11px ;
}
.textAreaPagina, #informazioni textarea.textAreaPagina, .informazioni textarea.textAreaPagina{ width: 550px; height: 500px; padding: 2px; }
#informazioni input[type=radio], .informazioni input[type=radio]{width:20px;}
#informazioni input[type=checkbox], .informazioni input[type=checkbox]{width:20px;}
input.noWidth {width: 20px;}
label.noWidth {width: 100%; display: inline; clear: both; text-align: left;}

/*  MESSAGGI DI SERVIZIO  */
.nota{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
div.warning{
	display: block;
	margin: 5px auto;
	padding: 5px 5px 5px 130px;
	width: 315px;
	height: auto!important;
	height: 128px;
	min-height: 128px;
	border: 2px solid #f00;
	background: #DFDFDF url('/images/warning.gif') no-repeat center left;
	color: #f00;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
}
div.info{
	display: block;
	margin: 5px auto;
	padding: 5px 5px 5px 130px;
	width: 315px;
	height: auto!important;
	height: 128px;
	min-height: 128px;
	border: 2px solid #00f;
	background: #DFDFDF url('/images/info.gif') no-repeat center left;
	color: #00f;
	font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	clear: both;
}

/* SEZIONI PARTICOLARI */

#extra li.importante strong {color: red;}

table h3{ margin: 0; padding: 0 0 0 17px;}
table h3.importante{
	background: url('/images/importante.gif') no-repeat center left;
	padding-left: 17px;
	color: red;
}
table{
	border: 1px solid #427584;
	width: 95%;
	padding: 5px;
	border-collapse: collapse;
}
tr{background-color: #c1e8f0;}
tr.rigaDispari{background-color: transparent;}
tr.rigaPari{background-color: #E0EBEF;}
th{font-size: 120%; border-collapse: collapse;}
td, th{
	border: 1px dotted #427584;
	padding: 3px;
}
table caption{text-align:left; font-style: italic; font-size: 0.8em;}
p.scrollerPagine {margin: 0; padding: 1em 0 0 0;}
.scrollerPagine a{text-decoration: none; font-weight: bold;}
.scrollerPagine a:hover{color: red;}
.scrollerPagine img{vertical-align: middle; border: none;}

/* AVVISI */
div.avviso{
	display: block;
	margin: 1em; padding: 1em;
	border: 1px solid black;
	background-color: #331F00;
	color: white;
}
.titoloAvviso{
	margin: 0; padding: 0.2em;
	background-color: black;
	/*background-color: #158F00;*/
	color: #FF9900;
}
.testoAvviso {margin: 1em;}
.testoAvviso h1{margin: 0; padding: 0; text-align: center;}
.footerAvviso{
	margin: 0; padding: 0.2em;
	background-color: black;
	color: #FF9900;
	font-size: 0.8em;
	font-family: Verdana, Arial, sans-serif;
}
div.avviso a, div.avviso a:link{ color: #6FF;}
div.avviso a:hover, div.avviso a:active{ color: #DFF;}
div.avviso a:visited{color: #3ff;}

/* ORDINANZE */
div.ordinanza{
	display: block;
	margin: 1em; padding: 1em;
	border: 1px solid #4A9A10;
	background-color: white;
}
.titoloOrdinanza{
	margin: 0; padding: 0.2em;
	background-color: #4A9A10;
	/*background-color: #158F00;*/
	color: white;
}
.testoOrdinanza {margin: 1em;}
.testoOrdinanza h1{margin: 0; padding: 0; text-align: center;}
.footerOrdinanza{
	margin: 0; padding: 0.2em;
	background-color: #4A9A10;
	color: white;
	font-size: 0.8em;
	font-family: Verdana, Arial, sans-serif;
}

/* MAILING LIST */
div#messaggioEmail{
	display: block;
	margin: 1em; padding: 1em;
	border: 1px solid #EFDB00;
	background-color: #FFFCD0;
}
#messaggioEmail h2{
	margin: 0 0 1em 0; padding: 0;
}
#messaggioEmail p{
	font-family: "Courier New", Courier, monospace;
}

/*  STILI IMMAGINI    */
img {border: 1px double black; margin: 3px;}
img.aSinistra{ float: left;}
div.centra, img.centrata{margin: 0 auto; text-align: center;}
img.aDestra{float: right;}

/* GESTIONE  */
#paginaGestione #wrapper{margin: 0; padding: 0;}
#paginaGestione #contentIntero{
	padding: 80px 1em 0 1em; margin: 0;
	border: none;
	background: url('/images/v2/head2_02.gif') no-repeat top left;
}
#paginaGestione #percorso{
	position: absolute;
	top: 74px;
	left: 200px;
	height: 16px;
	width: 788px;
	border-bottom: 1px solid #427584;
	font-family: 'Verdana', 'Arial', sans-serif;
	font-size: 0.8em;
	color: #708090;
}
#paginaGestione #contentIntero h1{margin: 0; padding: 0;}
#paginaGestione #header{ background-image: url('/images/v2/head2_01.gif'); height: 55px;}
.boxGestione{float: left; width: 400px; min-height: 400px; display: block; border: 1px solid black; margin: 10px; padding: 1em;}
#paginaGestione form{width: 600px;}
.contextMenu table, .contextMenu table tr, .contextMenu table td, .contextMenu table th{margin:0; padding: 0; border: none; background: inherit;}
form#formDelibere{width: 90%;}
#formDelibere input, #formDelibere select{width: 100px;}
#formDelibere table {margin: 1em; padding: 0; text-align: left; vertical-align: top;}
#formDelibere textarea{width: 90%; height: 100px; font-family: Verdana, Arial, sans-serif;}