body {
	background-image: url(../image/sfondo1.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

#Layer1 {
	position:absolute;
	width:405px;
	height:392px;
	z-index:2;
	left: 535px;
	top: 105px;
	overflow: visible;
	overflow: auto;
	overflow-x: hidden;
	background-image: url(../image/sfondocontent.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:5px;
}
#Layer2 {
   font-family: Lucida_Calligraphy_Italic, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:24px;
	position:absolute;
	width:415px;
	height:31px;
	z-index:3;
	left: 533px;
	top: 52px;
	color:#FFFFFF;
}
#Layer3 {
	font-size: 10px;
	position: absolute;
	width: 415px;
	height: 18px;
	z-index: 4;
	left: 433px;
	top: 540px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#bodycontentarea a:link, #bodycontentarea a:visited{
}
#bodycontentarea a:hover{
}
#areatop {
}

#areacenter {
}
#bodypathway {
}
#bodycontent {
}

/* TEMPLATE STANDARD E CSS COMPLETO PER JOOMLA 1.0.X e MAMBO 4.5.X */
/* Di Dinh Viet Hung (C) http://www.joomlart.com: Templates liberi e Club Template Professionali */
/* IMPOSTAZIONI PREDEFINITE */
/* Di seguito la configurazione standard usata quando nessun altro stile è stato definito.*/
p {} /* formatta tutti gli articoli (divisi). Questo viene applicato a tutto solo se nessun altro stile è stato
definito. */
td {} /* formatta tutti gli articoli. Questo settaggio predefinito è usato se nessuno stile è stato definito. */
tr {} /* formatta tutti gli articoli. Questo settaggio predefinito è usato se nessuno stile è stato definito.*/
ul {} /* formatta tutte le voci UL (lista non ordinata). Questo settaggio predefinito è usato se nessuno stile è
stato definito.*/
th {	}
a:link {
	text-decoration: none;} /* stile generale dei collegamenti*/
a:visited {
   text-decoration: none;
	margin : 0px 0px 0px 0px;}
a:hover {
	text-decoration: none;}
hr {} /* linea orizzontale del vostro template*/
hr.separator {}
/* IMPOSTAZIONI FORM */
.button {}
.inputbox {}
.search {} /* formattazione riguardanti le voci ricerca: campo di testo, bottone ricerca, ecc...*/
/* SETTAGGIO NAVIGAZIONE/MENU */
a.mainlevel{
    text-decoration: none;
	color: Black;
	font-size: 14px;
	display: block;
	font-weight: bolder;
	height: auto;
	text-transform: capitalize;
	width: 185px;
	margin: 0px 0px 0px 0px;
	margin-top:5px;
	} /* Questo stile controlla le voci del menu principale */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {
	color: #00BFFF;
}
#active_menu {
	color: #1E90FF;
}
#active_menu:hover {
	color: #00BFFF;
} /* Questo stile serve alla voce attiva del menu, anche nella posizione principale e sotto
menu */
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
a.mainlevel-top {
	color: White;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: capitalize;
	font-size: 18px;
}
a.mainlevel-top2 {
	color: #6495ED;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: capitalize;
	font-size: 18px;
}
a.mainlevel-top:hover {
	color: #9400D3;
}
a.mainlevel-top2:hover {
	color: #9400D3;
}
#active_menu-top:hover {
	color: #00BFFF;
	}
#active_menu-top2:hover {
	color: #00BFFF;
	}
a.mainlevel-nav li{}
a.mainlevel-nav a:link {}
a.mainlevel-nav a:visited{}
a.mainlevel-nav a:hover {}
a.sublevel{
	color: #4682B4;
	font-size: 14px;
	height: 25px;
	width: 157px;
	display: block;
	font-weight: bolder;
	padding-top: 5px;
	padding-left: 33px;
	text-transform: capitalize;
	right: auto;
	background-color: transparent;
} /* Questo lo stile dei sottomenu */
a.sublevel-top{
	color: White;
	font-size: 14px;
}
a.sublevel-top:hover {
	color: #FFA500;
}
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {
	color: #FFA500;
	font-size: 14px;
	height: 25px;
	display: block;
	font-weight: bolder;
}
.pagenavbar {} /* Imposta lo stile per la navigazione del footer (" Fine >>") non appare come collegamento
(solo quando pochi articoli sono presenti).*/
.pagenavbar:link {} /* Stile per la navigazione del footer (" Fine >>") quando si trasforma in collegamento*/
.pagenavbar:visited {}
.pagenav {} /* come implica il nome, questo è un testo di formattazione per i link " End >>" */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {
	color: Red;
	margin: 0px;
	} /* Stile per il collegamento "Leggi tutto" mostrato quando è presente un lungo articolo */
a.readon:hover {
	color: #FFA500;}
a.readon:visited {}
.back_button {
	padding-left: 20px;
   background-position: 5px;
} /* Stile per il bottone “[indietro]” */
.pagenav_prev {} /* Stile per il bottone “Prec.” */
.pagenav_next {} /* Stile per il bottone “Pross.” */
.latestnews ul {} /* Stile per l'ultima lista di notizie - di default, Ultime Notizie è situato nel modulo user1 */
.latestnews li {}
.mostread ul{} /* Stile per gli articoli più popolari - di default, più popolari è situato nel modulo user2 */
.mostread li{}
/* SETTAGGIO CONTENUTO PAGINA*/
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* Formattazione dei collegamenti nella sezione Blog */
.blog_more {
font-size: 0px;
} /* Il testo "Leggi tutto" nella sezione Blog */
a.blogsection:link {} /* settaggio per i collegamenti del Blog */
a.blogsection:visited {} /* come sopra, ma setta il formato dei collegamenti visitati */
a.blogsection:hover {} /* come sopra, ma per i collegamenti modificati al passaggio del mouse */
.componentheading {}/* Titolo del componente usato per mostrare il contenuto.*/
.contentheading {
font-family: "Times New Roman", Times, serif;
   font-style: italic;
	font-size:16px;
	color:  White;
   margin-bottom: 3px;
	border-bottom: 1px solid #C71585;
	} /* Titolo del componente articoli, etc. da visualizzare.*/
.contentpane {} /* Tabella che contiene tutte le informazioni non appartenenti agli articoli (componenti, lista
categorie, modulo contatti, ecc...).*/
.contentpaneopen {} /* Tabella che contiene l'attuale testo per un articolo.*/

.contentpagetitle {} /* Titolo degli articoli */
	
a.contentpagetitle:hover {} /* Titoli degli articoli che appaiono come collegamenti */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Formatta la “DESCRIZIONE” delle sezioni, categorie (novità/collegamenti/ultime
novità...) */
table.contenttoc {} /* Formattazione della tabella dei Contenuti per pagine di contenuti o articoli multiple */
table.contenttoc td {} /* come sopra, usato per formattare il td e le celle*/
table.contenttoc th {} /* come sopra, usato per formattare il th delle "Tabelle di contenuto" ( normalmente
l'indice degli articoli)*/
table.contenttoc td.toclink {} /* come sopra, usato per formattare i testi dei toc link*/
a.toclink:link {} /* come sopra, usato per formattare lo stato dei testi dei toc link*/
a.toclink:visited {}
a.toclink:hover {}
/* LISTA DELLE SEZIONI JOOMLA - MAMBO */
.sectiontableheader {
	padding-left: 5px;
	border: 1px solid Silver;
	color: #4682B4;
} /* Questo per lo stile delle intestazioni nella pagina delle SEZIONI. Esempio:
intestazione della “Data”, “titolo articolo”, “Autore” e “visite” */

.sectiontableentry1 {
	background-color: #B0C4DE;
	padding-left: 5px;
	font-weight: bolder;
	color: #f5f5f5;
}
.sectiontableentry2 {
	background-color: #F5F5F5;
	padding-left: 5px;
	font-weight: bolder;
}

/* FORMATTAZIONE DEI MODULI JOOMLA - MAMBO */
table.moduletable {} /* Formattazione della tabella modulo */
table.moduletable th {} /* Formattazione del titolo del modulo, e dei titoli del modulo */
table.moduletable td {} /* Formattazione delle celle della tabella del modulo */
table.moduletable-user1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 570px;
   height:350px;
} /* Formattazione della tabella modulo */
table.moduletable-user1 th {
	padding-top: 20px;
	text-indent: 20px;
	width: 570px;
	height: 40px;
	
}
table.moduletable-user1 td {
   padding-top:20px;
	padding-left: 20px;
	margin: 0px;
	width: 520px;
	height: 250px;
	text-align: left;
	vertical-align: top;;
}
table.moduletable-user2 {
	padding:0px;
	margin: 0px;
	text-indent: 20px;
	width: 410px;
	height: 327px;
	display: block;
}
table.moduletable-user2 th {
	padding-top: 20px;
	padding-left: 20px;
	width: 390px;
	height: 40px;
	text-align: left;
	vertical-align: top;
}/* Formattazione della tabella modulo */
 table.moduletable-user2 td {
	padding-top: 20px;
	margin: 0px;
	padding-left: 20px;
	width: 390px;
	height: 287px;
	text-align: left;
	vertical-align: top;
}/* Formattazione delle celle della tabella del modulo */
/* VARIE */
/* Date , Autori*/
.createdate {
	color: #FAEBD7;
	font-size: xx-small;
} /* Per lo stile della data del contenuto/articoli creata sotto il titolo dei contenuti */
.modifydate {
   color: #FAEBD7;
	font-size: xx-small;} /* Formattazione "Ultimo aggiornamento" alla fine dell'articoli/contenuti */
.small {
	color: Yellow;
	font-size: xx-small;
} /* Formattazione testo "Scritto da:...." */
.smalldark {} /* Formattazione del testo del risultato della pagina cerca, per "Numero di Votanti" */
/* Sondaggi */
.poll {} /* Formatta il td della tabella sondaggi */
.pollstableborder {} /* configura la proprietà del bordo della tabella sondaggi */
/* Collegamenti */
.weblinks{} /* Per formattare i titoli dei collegamenti sotto la sezione “collegamenti nell'area visiva del sito” */
a.weblinks:hover {} /* come sopra, ma per i collegamenti che ricevono il passaggio del mouse */
/* Newsfeeds */
.newsfeedheading {} /* I titoli del newsfeed. NOTA: Questo non influenzerà il titolo di notizie del newsfeed! */
.newsfeeddate {} /* yeah.. le date sul newsfeed */
.fase4rdf {} /* questo è il testo delle newsfeed */
/* pagina Cerca */
table.searchintro {} /* Questo per formattare il campo con la “Chiave di Ricerca: il test ha dato 4 risultati”
l'area che compare dopo l'inserimento di un valore da cercare. Compare sulla pagina principale con i risultati
di ricerca */
/* TAB DELL'INTERFACCIA AMMINISTRATIVA (FRONTEND) DEL SITO JOOMLA - MAMBO */
/* Il seguente CSS agisce sull'interfaccia amministrativa del sito (frontend) quando ci si è autenticati */
.ontab {}/* Per lo stile dei bottoni "Tab" quando si editano i contenuti attraverso l'area amministrativa
(frontend). Questa classe .ontab è lo stile per le tabelle quando sono attive o quando sono state "cliccate" */
.offtab {} /* Come sopra, usato per lo stile dei bottoni "Tab" quando si edita il contenuto attraverso l'area
frontend. Questo è lo stile per il linguetta che NON è attivo o quando non è "cliccato" */
.tabpadding {} /* Questo stile è usato per configurare il formato della tab */
.tabheading {} /* Non ho capito per cosa venga usato. Non sono riuscito a trovare qualche informazione
relativa a questa classe fino a questo momento. */
.pagetext {} /* Questo stile è usato per formattare il contenuto del modulo di pubblicazione dei contenuti
(dove c'è l' HTMLArea e tutti i suoi forms + contenuti) nell'interfaccia della gestione del frontend */

.link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font: 12px;
	font-weight: bolder;
	color: #FFA500;
}
div.modules {
	width: 100%;
}

body.contentpane {
	width: auto;
	line-height: 140%;
}
/*table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
	padding-right: 5px;
	padding-left:5px;
}*/

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
	margin-right:5px;
}
@font-face {
 font-family: Lucida_Calligraphy_Italic;
 src: url("http://www.monsterbox.it/font/Lucida_Calligraphy_Italic.eot") /* EOT file for IE */
}
@font-face {
 font-family: Lucida_Calligraphy_Italic;
 src: url("http://www.monsterbox.it/font/Lucida_Calligraphy_Italic.ttf") /* TTF file for CSS3 browsers */
}