body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF url(../images/green045.gif);
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;/*background:url(../images/css/fondo_pagina_ombra.gif) repeat-y center #EFEFEF;*/
}
#contenitore {
	width: 760px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina *//*border:1px solid #333333;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}
#testata {
	width:760px;
	height:142px;
	background: url(../images/sito/campi.jpg);
	position:relative;/*padding: 0 10px 0 20px;  
	
	/* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
}
#logo {
	position:absolute;
	width:344px;
	height:138px;
	left:50px;
	top:10px;
}
#serramazzoni {
	width:108px;
	height:30px;
	position:absolute;
	top:110px;
	right:10px;
}
#testata h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
#slantedmenu {
	font-weight: bold;
	font-size: 90%;
}
#slantedmenu:after { /*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#slantedmenu ul {
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	background-color: #e0e0e0;
	border: 1px solid #bebebe;
	text-align:center; /*set value to "center" for example to center items*/
}
#slantedmenu ul li {
	display: inline;
}
#slantedmenu ul li a {
	color: #494949;
	padding: 3px 0;
	padding-right: 16px;
	margin: 0;
	text-decoration: none;
	background: transparent url(../images/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited {
	color: #494949;
}
#slantedmenu ul li a:hover {
	color:#F0871C;
}
#corpo {
	padding: 50px 20px 20px 20px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	background: #FFFFFF url(../images/sito/grass2.jpg) no-repeat;
}
#corpo h1 {
	font-size:14px;
	color:#FF0000;
	font-style:oblique;
}
#corpo h2 {
	font-size:14px;
	color:#0066CC;
}
#corpo .contenuti {
	text-align: justify;
	/*padding-top: 15px;*/
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
	/*background-image: url(../images/css/fondo_testi.jpg);*/
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#corpo .contenuti a {
	color:#FF0000;
}
#corpo .contenuti a:hover {
	color:#0000FF;
}
#piede {
	height:40px;
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background: url(../images/lgrey008.jpg);
}
#piede .contenuti {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	text-align:center;
}
/*#credits {
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	color:#FFFFFF;
	width: 99%;
	text-align:center;
	font-size:9px;
	margin:0 auto;
}*/
a.credits {
	color: #666666;
	text-align:center;
	font-size:9px;
	text-decoration:none;
}
a.credits:hover {
	text-decoration:none;
	color: #000000;
}
img.bordate {
	/*	background-color: #5473B4;*/
	padding:3px;
	border:1px solid #000;
}
fieldset {
	padding:0px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	text-align:justify;
}
legend {
	background:#FFFFFF;
	color:#FF0000;
	font-weight:bold;
	font-size:13px;
	font-style:oblique;
	padding: 5px;
}
img.zoom {
	height:100px;
	margin-bottom:0px;
	background-color: #fff;
	padding: 5px;
	border-top: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #bebebe;
	border-left: solid 1px #eee;
}
a.trasparente img {
	filter:alpha(opacity=100);
	-moz-opacity:1; /*per vecchie versioni Mozilla (Netscape)*/
	-khtml-opacity: 1; /* per Safari 1.x*/
	opacity: 1;
}
a.trasparente:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div.alert {
	text-align:center;
	color: #FFFFFF;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	background:#FF0000;
	margin-bottom:15px;
	padding:5px;
}
div.alert div {
	background-color:#FFFFFF;
	padding:10px;
	text-align:center;
	color:#000000;
	font-size:10px;
	margin:0 auto;
}
div.alert div table {
	margin:0 auto;
	width: 90%;
}
/* si applicano a tr, td e th */
.cc09, .cc10, .cc11, .cc12, .cb09, .cb10, .cb11, .cb12, .ca09, .ca10, .ca11, .ca12 {
	text-align: center;
}
.sc09, .sc10, .sc11, .sc12, .sb09, .sb10, .sb11, .sb12, .sa09, .sa10, .sa11, .sa12 {
	text-align: left;
}
.dc09, .dc10, .dc11, .dc12, .db09, .db10, .db11, .db12, .da09, .da10, .da11, .da12 {
	text-align: right;
}
.gc09, .gc10, .gc11, .gc12, .gb09, .gb10, .gb11, .gb12, .ga09, .ga10, .ga11, .ga12 {
	text-align: justify;
}
.ca09, .ca10, .ca11, .ca12, .da09, .da10, .da11, .da12, .sa09, .sa10, .sa11, .sa12, .ga09, .ga10, .ga11, .ga12 {
	vertical-align: top;
}
.cb09, .cb10, .cb11, .cb12, .db09, .db10, .db11, .db12, .sb09, .sb10, .sb11, .sb12, .gb09, .gb10, .gb11, .gb12 {
	vertical-align: bottom;
}
.cc09, .cc10, .cc11, .cc12, .dc09, .dc10, .dc11, .dc12, .sc09, .sc10, .sc11, .sc12, .gc09, .gc10, .gc11, .gc12 {
	vertical-align: middle;
}
.cc09, .cb09, .ca09, .dc09, .db09, .da09, .sc09, .sb09, .sa09, .gc09, .gb09, .ga09 {
	font-size: 9px;
}
.cc10, .cb10, .ca10, .dc10, .db10, .da10, .sc10, .sb10, .sa10, .gc10, .gb10, .ga10 {
	font-size: 10px;
}
.cc11, .cb11, .ca11, .dc11, .db11, .da11, .sc11, .sb11, .sa11, .gc11, .gb11, .ga11 {
	font-size: 11px;
}
.cc12, .cb12, .ca12, .dc12, .db12, .da12, .sc12, .sb12, .sa12, .gc12, .gb12, .ga12 {
	font-size: 12px;
}

