body {
	/*background: #f8f8ff;*/
	font-family: helvetica, verdana, tahoma, sans-serif;
	font-size: 80%;
	margin: 0px;
	margin-top: 0;
}

#iframe {
	width: 100%;
	height: 100%;
}

div {
	/*border: 1px solid;*/	/* Firefox si incasina se inserisco il bordo */

	/* margini, padding e bordo occupano spazio e occorre tenerne conto, ad esempio con dimensioni in pixel;
	se non è possibile, come in caso di dimensioni in percentuale, i valori orizzontali nelle <div> del
	layout dovrebbero essere 0; è poi possibile inserire all'interno di queste, altre <div> con margini, padding e bordo,
	oppure all'esterno della div contenitore, in base al bordo desiderato */
}

.contenitore {
	/*background: url("_sfondoDiv.gif") repeat-y;*/	/* per riempire le colonne con il loro colore di sfondo; se cambio larghezza, devo cambiare immagine */
	/*background: #ffffbb;*/	/* dovrebbe essere uguale a background di una delle 3 colonne */
	margin-right: auto;	/* centra orizzontalmente, insieme al successivo (2) */
	margin-left: auto;	/* centra orizzontalmente, insieme al precedente (2) */
	/*margin: 0 auto;*/	/* alternativo ai due precedenti, ma imposta anche il margine verticale */
	width: 984px;	/* eliminare per occupare tutta la larghezza (1); rende fisso un layout fluido */
	/*border: 1px solid black;*/	/* Explorer si incasina se inserisco il bordo, utilizzare una <div> esterna con bordo e magari width in pixel */
	/*height: 300px;*/
	min-width: 540px;	/* 170px + 200px + 170px; non funziona con Explorer */

	/* se contenitore è una tabella */
	border-collapse: collapse;
	/*cellmargin="0" cellpadding="0"*/
}

.contenitore td, .contenitore tr {
	/*border: 0px;
	margin: 0px;
	padding: 0px;*/
	vertical-align: top;
}

.contenitore br {
	/*clear: both;*/	/* ??? su Firefox non funziona, sostituito da <br clear="both"> nell'HTML */
}

.layout_intestazione {
	/*background: #ffbbbb;*/
/*	border: 1px solid black;*/
}

.navigazione {
	background: #EFE8A0 url("img/sfondo_menulaterale.gif") no-repeat;
	/*float: left;*/
	width: 207px;		/* (1) */
	/*height: 250px;*/
	/*height: 100%;*/	/* funziona insieme ad altezza in pixel nella <div> contenitore */
}

.navigazione ul {
	list-style: none;
	margin-top: 30px;
	margin-right: 10px;
}

.navigazione li {
	background: #E7E56A;
	margin-bottom: 3px;
	padding: 3px 5px 3px 5px;
}

.navigazione li.evidenziata {
	/*background: #f9f78c;*/
	background: #FFB400;
	/*color: #df5c66;*/
	color: #98051B;
}

.navigazione li.evidenziataMouse {
	background: #d3d022;
	color: #98051B;
}

.navigazione li a, .navigazione li a:visited  {
	color: #98051B;
	display: block;		/* allarga la zona cliccabile; ora si può cliccare anche fuori dal testo */
	text-decoration: none;
}

.navigazione li a:hover {
	color: #df5c66;
}

.navigazione .bandiere {
	margin-top: 150px;
	margin-right: 10px;
	text-align: right;
}

.navigazione .bandiere a {
	/*display: inline;	/* sovrascrive il display: block precedente */
}

.contenuto {
	background: #ffffff url("img/sfondo_contenuti.jpg") no-repeat;
	color: #001B7E;
	/*float: left;*/			/* (1) */
	/*width: 60%;*/				/* (1) */
	/*margin-left: 20%;*/	/* al posto delle 2 righe precedenti; occupa la larghezza rimanente; solo layout a 2 colonne */
	/*margin-right: 20%*/	/* da provare; nell'HTML occorre scrivere prima la div extra e poi la div contenuto */
	/*margin-left: 207px;*/		/* tenere conto di border, margin, padding e width della div precedente (3) */
	/*margin-right: 170px;*/	/* ...successiva (3) */
	/*width: 562px;*/
	/*margin: 0 170px; */	/* (1) */
	/*height: 250px;*/
	/*height: 100%;*/
	height: 655px;			/* su Explorer sostituisce il seguente */
	min-height: 655px;		/* non funziona su Explorer */
	/*min-width: 200px;*/	/* funziona su Firefox ma restringendo la finestra si incasina lo stesso */
	padding: 0 20px;
}

/* ----- contenuto: eventualmente da spostare dentro home.html e sezione.html ----- */

/* utilizzato da home.html e sezione.html */
.testoRosso {
	color: #98051B;
}

.testoRosso a, .testoRosso a:visited {
	color: #98051B;
	text-decoration: none;
}

.testoRosso a:hover {
	color: #df5c66;
}

/* ----- fine contenuto ----- */

.pie {
	clear: both;	/* interrompe il float (4) */
	margin: 20px 0px;
	text-align: center;
}

.pie ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.pie li {
	/*border-left: 1px solid #001B7E;*/
	border-right: 1px solid #001B7E;
	display: inline;
	margin-left: 0px;
	margin-right: 3px;
	padding-left: 3px;
	padding-right: 0px;
}

/*.pie li:first-child, .pie li.primo-figlio {
	border-left: 0px;
}*/

.pie li a, .pie li a:visited {
	color: #98051B;
	text-decoration: none;
}

.pie li a:hover, .pie li.evidenziata {
	color: #df5c66;
}

div.interruzione {
	clear: both;
}

a img {
	border: 0px;
}

.logoInfotel {
	/*clear: both;	/* interrompe il float (4) */
	margin: 20px auto;
	text-align: center;
	width: 984px;
}