/* CSS Document */
html {
}

body {
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	color: black;
	background: white url(../immagini/bg_body.gif) repeat-y top left;
	font-size: 14px;
}

/* imposta il tag H1 (titolo principale) con caratteristiche di default (di tutti i tag H1) */
h1 {
	margin-left: 35px;
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: bold;
	/*color: #329623;*/
	line-height: 1em;
	color: #008000;
	background-color: white;
	border-bottom: 0px solid #4C9D25;
	text-align: right;
}

/* imposta il tag H2 (titolo secondario) con caratteristiche di default (di tutti i tag H2") */
h2 {
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 1.4em;
	background-color: white;
	color: black;
}

h3 {
	margin-bottom: 10px;
	font-size: 1.5em;
	font-weight: bold;
	color: #008000;
	background-color: white;
}


/* imposta il tag P (paragrafo) con caratteristiche di default (di tutti i tag P) */
p {
	/*line-height: 18px; /* imposta l'altezza della linea di testo nei paragrafi */
}



/* imposta il tag A (link) per default le caratteristiche di default (di tutti i tag A) */
a {
	color: #339933;
	text-decoration: none;
}

/* Imposta per default le caratteristiche dei link al passaggio del mouse (di tutti i tag a) */
a:hover {
	color: #000000;
	text-decoration: underline;
	border-color: black;
}


/*
IL LIVELLO "LAYOUT" SI USA PER IMPOSTARE LE CARATTERISTICHE PRINCIPALI DEL SITO
ED EVENTUALE GRAFICA DI CONTORNO (DIMENSIONI, CENTRATURA, ECC...)
*************
E' CONTENUTO ALL'INTERNO DELL'ELEMENTO BODY
*/
#layout {
	margin: 0; padding: 0 0 2em 0;
	width: 770px;
  	min-height: 700px;
  	height: auto !important;
  	height: 700px;
}


/*
IL LIVELLO "CONTAINER" CONTIENE I VERI E PROPRI ELEMENTI DEL SITO
SE NON VIENE SPECIFICATA LA LARGHEZZA TENDERA' A ESPANDERSI SU TUTTO LO
SPAZIO DISPONIBILE (IN QUESTO CASO QUELLO DEFINITO DA LAYOUT
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT
*/
#container {
	width: 770px; /* imposta la larghezza del livello */
}


/*
IL LIVELLO "HEADER" CONTIENE SOLITAMENTE l'IMMAGINE DI INTESTAZIONEI E IL MENU PRINCIPALE
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER
*/
#header {
	position: relative; /* imposta la posizione del livello come RELATIVA - gli oggettti ASSOLUTI (es: #menu) in esso contenuti saranno posizionati rispetto al livello stesso  */
	height: 230px; /* imposta l'altezza del livello */
	background: white url(../immagini/header.jpg) no-repeat top left;
	color: black;
}


/*
IL LIVELLO "CONTENT" CONTIENE I VERI E PROPRI CONTENUTI DELLA PAGINA
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER
*/
#content {
	margin: 0 auto;
	width: 700px;
}


/*
IL LIVELLO "FOOTER" CONTIENE I CONTENUTI DEI CHIUSURA PAGINA (PIE' PAGINA)
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER
*/
#footer {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 700px;
	text-align: right;
}

#footer img {
	border: 0;
}


/*
IL LIVELLO "MENU" CONTIENE IL MENU PRINCIPALE DELLA PAGINA
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER > HEADER
*/
#menu { /* impostazioni del livello */
	position: absolute; /* posizionato in maniera ASSOLUTA rispetto al livello HEADER (definito come position: relative) */
	top: 384px; /* posiziona il livello rispetto al livello HEADER (in pixel), come delle coordinate */
	color: #79b93e;	/*width: 140px; /* imposta le dimensioni del livello che conterrà il menu principale */
	left: 0px;
	width: 248px;
}

#menu ul {

}

#menu ul li {
	display: inline;
	padding-right: 5px;
	list-style: none;
}

#menu a { /* impostazioni dei link */
	/*display: block; /* permette di visualizzare il link come blocco (attivo non solo sul testo)... occupa una riga e quindi ogni elemento va a capo in automatico */
	/*width: auto; /* imposta la larghezza del link sullo spazio disponibile */
	padding-left: 2px; /* imposta un "margine interno" che permette di visualizzare l'immagine di sfondo "< - freccia_menu.jpg" */
	padding-right: 2px; /* imposta un "margine interno" che permette di visualizzare l'immagine di sfondo "< - freccia_menu.jpg" */
	text-align: left; /* allinea il testo a destra rispetto al blocco link */
	line-height: normal; /* imposta un'altezza che occupa la riga del link */
	font-size: 1em; /* imposta le dimensioni del font */
	font-weight: bold; /* imposta le caratteristiche del font */
	color: #FFFFFF;	/*background: white url(../immagini/freccia_menu.jpg) no-repeat top left; /* imposta un'immagine di sfondo "< - freccia_menu.jpg" */
}

#menu a:hover { /* impostazioni del link al passaggio del mouse */
	color: #008000; /* imposta il colore del font */
	text-decoration: none;
}


/*
IL LIVELLO "SCHEDA" CONTIENE LA SCHEDA CON I CONTENUTI
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER > CONTENT
*/
#home {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px solid white;
}

#home .lista {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border: 1px solid white;
}

#home .lista .listaSinistra {
	float: left;
	width: 332px;
	border: 1px solid white;
}
#home .lista .listaDestra {
	float: right;
	width: 332px;
	border: 1px solid white;
}
#home .lista-img {
	float: left;
	width: 120px;
}
#home .lista-img img {
	border: 0;
}
#home .lista h2 {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	background-color: white;
}
#home .lista-testo {
	float: right;
	width: 200px;
}
#home .testo {

}
#una_colonna {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#una_colonna h2 {
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: black;
	background-color: white;
}

/* #NEWS */
#news {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid white;
}
#news .lista {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#news .lista-img {
	float: left;	
	margin-bottom: 20px;
	width: 180px;
}
#news .lista-testo {
	float: right;
	width: 470px;
}
#news .lista h2 {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	background-color: white;
}


/*
IL LIVELLO "SCHEDA" CONTIENE LA SCHEDA CON I CONTENUTI
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER > CONTENT
*/
#scheda {
	margin-top: 40px;
}
#scheda .scheda-info {
	float: right;
	margin-top: 50px;
	width: 270px;
	text-align: right;
}
#scheda .scheda-img {
	margin-bottom: 20px;
	float: left; /* comando per allineare il livello con "scheda-info" - lo allinea a destra rispetto al livello "#scheda" */
	width: 180px; /* imposta le dimensioni del livello */
}

#scheda .scheda-testo {
	float: right; /* rispristina gli allineamenti degli oggetti (left e right di "scheda-info" e "scheda-img" */
	width: 470px;
}



.hide {
	display: none; /* nasconde l'elemento che ha come CLASS="hide" */
}

.clear {
	clear: both;
}

h2.titolorosso {
	margin: 0 0 0.4em 0; padding: 0;
	font-weight: bold;
	font-size: 100%;
	color: #B20004;
	background-color: white;
}

h2.links {
	margin: 0; padding: 0 0 .2em 0;
	border-bottom: 1px solid #C3C3C3;
}

.link_programma {
	color: #006699;
	text-decoration: underline;
}

.titolo_blocco {
	margin-bottom: 0.5em;
	font-size: 1.0em;
	line-height: 1.8em;
	border-bottom: 1px solid #C3C3C3;
}

.cambioFont {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	left: 640px;
	font-size: 0.8em;
}

.cambioFont img {
	border: 0px;
}
#campotesto {
	padding: 20px;
}
.titoliminori {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}
.titolimaggiori {
	font-size: 25px;
	font-weight: bold;
	color: #000000;
}
.testonormale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.testopiccolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#portland {
	position: absolute;
	left: 393px;
	top: 143px;
	width: 394px;
}