body {
	background: #DACEAA;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	vertical-align: text-top;
	margin: 0em
}

h1 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	margin:0em;
	margin-bottom:0.6em;
	color: #271F1F;
	text-decoration: none;
	font-variant:small-caps;
	vertical-align: text-top
}

h2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	margin:0em;
	margin-bottom:0.6em;
	color: #000000;
	text-decoration: none;
	font-variant:small-caps;
	vertical-align: text-top
}

h3 {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	margin-top:0em;
	margin-bottom:0.2em
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table {
	width: 100%;
	border:none
}


/*celle con sfondo bianco*/

td.white {
	background-color:#FFFFFF
}


/*definizione dei link*/

a {
	color: #007CC2;
	text-decoration: underline;
	background:none
}

a:hover, a:active, a:focus {
	color: #cc0000
}

/*a:visited {	
	color: #007CC2
}*/



/*div per gestire dimensione spazi vuoti*/

div#vuoto {
	width: 100%;
	height:1%;
	clear:both
}



/*allineare a destra*/

.destra {
	text-align: right
}



/*scritta avvertimento necessità javascript nelle pagine con video*/

p.mediaPlayer {
	vertical-align:text-top;
	color:#666666;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	margin-left:0em;
	margin-top:0em;
	margin-right:0.2em
}



/* Tutte le pagine - gestisce lo spazio vuoto nella parte superiore*/

div#top {
	height:3em;
	background: #DACEAA
}

/* Tutte le pagine - gestisce l'area che racchiude tutti i contenuti*/

div#container {
	background: #DACEAA
}

/* Tutte le pagine - gestisce l'area in cui si trova il titolo del progetto: Archivio storico della regione*/

div#header {
	background-color:#5e401f;
	margin-left:8em;
	margin-right:8em
}

/* Tutte le pagine - il titolo del progetto*/

div#titolo {
	float:left;
	width:360px;
	height:75px;
	background:url(../images/titolo.png);
	background-repeat:no-repeat;
	margin-left:18px;
	margin-top:94px
}

/* Tutte le pagine - immagine, foto*/

div#foto {
	float:right;
	background-image:url(../images/foto.jpg);
	background-repeat:no-repeat;
	width:550px;
	height:186px;
	background-color:#5e401f
}

/* Tutte le pagine - area loghi*/

div#loghi {
	margin-left:8em;
	margin-right:8em;
	padding-top:0em;
	background-color:#FFFFFF
}

.logoregione {
	width:48%;
	padding-left:1em
}

.logoarchivio {
	width:16%
}

.logoself {
	width:36%;
	text-align:right;
	padding-right:1em
}


/* Tutte le pagine - area che delimita lo spazio totale in cui racchiudere i contenuti*/

div#contenuto {
	background: #ECE6D4;
	margin-left:0em;
	margin-right:0em;
	clear:both
}


/* Tutte le pagine - gestisce lo spazio vuoto nella parte inferiore*/

div#footer {
	height:4em;
	clear:both;
	background: #DACEAA
}
	

/* Tutte le pagine*/

div#briciola {
	float:left;
	margin-left:2em;
	margin-top:1.8em;
	margin-bottom:1.2em; 
	font-size:95%;
	color:#000000
}

div#credits {
	float:right;
	margin-right:2em;
	margin-top:1.8em;
	margin-bottom:1.2em; 
	font-size:95%
}	


/* Tutte le pagine - gestione angoli arrotondati sia superiori che inferiori del layout*/

div#angoli{
	width:100%;
	background:none
}

div.angoloGiuDx {
	background:url(../images/angoloGiuDx.jpg) right bottom no-repeat;
	height:2.2em
}

div.angoloGiuSx {
	background:url(../images/angoloGiuSx.jpg) left bottom no-repeat;
	height:2.2em

}

div#angoliTop{
	width:100%;
	height:1em;
	background:none;
	vertical-align:top
}

div.angoloSuDx {
	background:url(../images/angoloTopDx.jpg) right top no-repeat;
	height:1em
}

div.angoloSuSx {
	background:url(../images/angoloTopSx.jpg) left top no-repeat;
	height:1em

}




/* contenuti home page*/

td.contenuti{
	padding-top: 1.3em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.3em;
	vertical-align:text-top;
	background-color:#FFFFFF
}


/* cella che contiene il video della home page*/

td.video {
	padding-left:1.6em;
	padding-top:1.8em;
	padding-bottom:1.6em;
	padding-right:1.6em;
	margin:0em;
	background:#FFFFFF;
	vertical-align:top
}


/* testo attivo sottostante video della home page*/

.videoTestoHome {
/*	text-align:center;*/
	margin-top:1.2em;
	margin-bottom:0.5em;
	vertical-align:text-bottom
}


/* immagine sopra aree ieri, oggi, domani della home page*/

div#treVideo {
	background-image:url(../images/treVideo.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:115px;
	margin:0em;
	margin-top:2em;
	margin-bottom:0.8em
}

div#ieri{
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-variant:small-caps;
	vertical-align: text-top;
	margin-left:5.8em;
	float: left
}

div#oggi {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-variant:small-caps;
	vertical-align: text-top;
	margin-left:9em;
	float: left
}

div#domani {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-variant:small-caps;
	vertical-align: text-top;
	margin-left:7.8em;
	float: left
}


/* Home page - definizione delle caratteristiche (colori, spaziature, ecc) delle 5 celle di contenuto */

td.spacer {
	width:2%
}

td.contenutiBox1 {
	padding-top: 1.3em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.3em;
	vertical-align:text-top;
	background-color:#FFFFFF;
	width:56%
}

td.contenutiBox3 {
	padding-top: 1.3em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.3em;
	vertical-align:text-top;
	background-color:#FFFFFF;
	width:25%
}

td.contenutiBox4 {
	padding-top: 1.3em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.3em;
	vertical-align:text-top;
	background-color:#FFFFFF;
	width:42%
}

td.contenutiBox5 {
	padding-top: 1.3em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.3em;
	vertical-align:text-top;
	background-color:#FFFFFF;
	width:25%
}


/* Pagine interne - area contenuti globale*/

div#main {
	float:left;
	width:96%;
	background-color:#DACEAA;
	margin-top:0em;
	margin-left:1.8em;
	margin-right:2em;
	margin-bottom:0em;
	padding-bottom:2em	
}


/* Pagine interne - menu navigazione sinistra*/

div#sinistra {
	float:left;
	width:150px;
	background-color:#DACEAA;
	margin:0em;
	padding:0em;
	padding-left:1.5em
}


/* Pagine interne - area contenuti destra*/

div#destra {
	float:right;
	width:78%;
	margin-top:0.2em

}	



/* Pagine interne - definizione link menu a sinistra*/

.linkMenu {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.2em;
	line-height: 2.5em;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-variant:small-caps
}

.linkMenuOn {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.2em;
	line-height: 2.5em;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-variant:small-caps
}

.linkMenuOn:hover {
	color: #000000
}

td.menuOn {
	background-color:#FFFFFF
}

td.menuOff {
	background:#DACEAA
}

td.menuOff:hover {
	background:#FFFFFF
}



/* Pagine interne - definizione posizione titolo pagina*/

div#titoloPagina {
	padding-top: 1.3em;
	padding-left: 1.5em
}


/* Pagine interne - definizione punto elenco menu a sinistra*/

ul {
	float: left;
	width: 200px;
    list-style-image: url(../images/freccia.gif);
	list-style-position:outside;
	margin:0em;
	margin-left: 2.8em;
	padding: 0em
} 

/* Pagine interne - definizione punto elenco area contenuti*/

ul.contenuti {
	list-style-position:outside;
	list-style-type:disc;
	list-style-image:none;
	margin-left: 2em;
	margin-top: 0em;
	margin-bottom: 1.2em;
	width:100%
} 


/* Pagine interne - tabella che racchiude tutti i contenuti. Valida sia per le pagine con solo testo che per quelle contenenti anche video*/

table.interna {
	border:none;
	margin:0em;
	padding:0em;
	background-color:#FFFFFF;
	width:97%
}


/* Pagine interne - contenuti testuali nelle pagine senza video*/

td.interna {
	vertical-align:text-top;
	color:#000000;
	padding-left:1.6em;
	padding-top:1.2em;
	padding-bottom:1.8em;
	padding-right:2em
}

/* Pagine interne - area tabella contenente il video*/

td.videoInterna {
	padding:1.8em;
	padding-right:1em;
	margin:0em;
	background:#FFFFFF;
	vertical-align:top;
	width:330px
}
.corsivoBlu{
	font-style:italic;
	color:#006
}


/*Pagine interne - area tabella contenente il testo descrizione video */

td.testoVideo {
	vertical-align:text-top;
	color:#000000;
	padding-left:0.4em;
	padding-top:1.5em;
	padding-bottom:1.8em;
	padding-right:1.8em;
	margin:0em
}


/*Pagine interne - pagina elenco fondi*/

p.elencoFondi {
	margin-top:0em;
	margin-bottom:1.3em
}


/*Pagina credits*/

td.credits {
	vertical-align:text-top;
	text-align:center;
	color:#000000;
	padding-left:1.8em;
	padding-top:0.8em;
	padding-bottom:1.8em;
	padding-right:2em
}

.copyright {
	line-height: 1.2em;
	font-size: 93%
}

div#validator {
	margin-left:8em;
	margin-right:8em;
	margin-top:2em;
	margin-bottom:3em
}

div#logo1 {
	float:left;
	margin-left:1.8em
}

div#logo2 {
	float:left;
	margin-left:2em
}

div#logo3 {
	float:left;
	margin-left:2em
}