body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) repeat-y;
	margin: 10px 0;
	padding: 0;
	color: #333;

}
/*table a{
	text-decoration:none;
	color:#00481a;
	font-weight:bold;
}
 ~~ Selettori tag/elemento ~~ */
ul, ol, dl, p { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}
h1{
	font-size:140%;
	margin: 0;
	color:#00481a;
}
h2 {
	font-size:120%;
	margin: 0;
	color:#00481a;
}
h3 {
	font-size:120%;
	margin: 0;
	color:#00481a;
}
h4, h5, h6 {
	font-size:100%;
	color:#00481a;
	margin: 0;
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}
img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: 1px solid #00481a;
}
/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link, a:visited {
	color: #00481a;
}


/* ~~ Questo contenitore circonda tutti gli altri div assegnando ad essi una larghezza basata su percentuale. ~~ */
.container {
	width: 980px;
	background: none;
	margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. Non è necessario se impostate la larghezza del .container su 100%. */
	
}

/* ~~ All'intestazione non viene assegnata una larghezza. Estenderà l'intera larghezza del layout. Contiene un'immagine segnaposto da sostituire con il vostro logo collegato ~~ */
.header {
	background: #f7981d url(images/bg_yellow.png) repeat-y;
	color:#000;
	height:57px;
	padding:10px;
	overflow:hidden;
	border: 1px solid #00481a;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
}
.logo {
	float: left;
	background: none;
	width:200px;
}
.slogan {
	
	float: right;
	background: none;
	color:#00481a;
}
.rettore {
	width:auto;
	height:auto;
	overflow:scroll;
	overflow-y: hidden;
	overflow-x: hidden;
	padding:8px;
	float: left;
	background: #f7981d url(images/bg_yellow.png) repeat-y;
	color:#000;
	border: 1px solid #00481a;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
}
.sistemauniv {
	width:170px;
	height:auto;
	padding:8px;
	margin:20px 20px;
	text-align:center;
	float: right;
	background: #00481a url(images/bg_green.png);
	color:#fff;
	line-height:100%;
	border: 1px solid #00481a;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
}
.sistemauniv a:link{
	color:#fff !important;
}
.sistemauniv a:hover{
	color:#f7981d
}
.clear {clear:both; height:20px}
/* ~~ Queste sono le informazioni sul layout. ~~ 

1) La spaziatura viene applicata solo al lato superiore e/o inferiore del div. Agli elementi all'interno del div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.

*/
.content {
	padding: 10px 20px;
	text-align:left;
	margin:10px 0 25px 0;
	min-height:300px;
	/*border-top: 4px solid #f7981d;
	border-bottom: 4px solid #f7981d;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;*/
}

.content a:link{
	color:#00481a;
	text-decoration:underline;}
/* ~~ Questo selettore raggruppato fornisce spazio agli elenchi dell'area .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Questa spaziatura rispecchia la spaziatura destra nella regola di intestazione e paragrafo riportata sopra. La spaziatura è stata applicata al lato inferiore per garantire uno spazio tra gli altri elementi negli elenchi e a sinistra per creare il rientro. Può essere regolata a piacere. */
}

/* ~~ Il piè di pagina ~~ */
.footer {
	padding: 10px;
	height:47px;
	background: #f7981d url(images/bg_yellow.png) repeat-y;
	border:1px solid #00481a;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
	font-size:18px;
	text-align:center;
	overflow:hidden;

}
.footer a{color:#00481a}
.footer a:hover{color:#fff}
/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#3puls a:link{font-size:150%; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; color:#00481a}
#3puls a:hover{text-decoration:underline;color:#00481a}
/*Top Menu*/
#top-menu{width:100%;height:auto;margin:0;}
#top-menu ul{list-style-type:none;padding:0;margin:0;z-index:999;}
#top-menu ul li{float:left;border:none;height:20px;line-height:20px;margin-bottom: 5px;padding:0;}
#top-menu ul li a{list-style-type: none;text-transform:uppercase;text-decoration:none;color:#00481a;padding:0 15px;font-size-adjust:none;font-stretch:normal;font:normal normal bold 12px/20px arial,helvetica,sans serif;text-transform:uppercase;display:block;}
#top-menu ul li a:hover{color:#F1F1F1; background:#00481a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#top-menu ul li.active a{color:#F1F1F1;}

#alfa{width:100%;height:26px;margin:0;border-top:1px solid #00481a;border-bottom:1px solid #00481a;padding:2px 0;}
#alfa ul{list-style-type:none;padding:0;margin:0;z-index:999;}
#alfa ul li{float:left;border:none;height:20px;line-height:20px;margin-bottom: 5px;padding:0;}
#alfa ul li a{list-style-type: none;text-transform:uppercase;text-decoration:none;color:#00481a;padding:3px 20px;font-size-adjust:none;font-stretch:normal;font:normal normal bold 15px/20px arial,helvetica,sans serif;text-transform:uppercase;display:block;}
#alfa a:hover{color:#F1F1F1; background:#00481a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#alfa.active a{color:#F1F1F1;}