/*------------------------------------------------------------------------

# COLLAPSE MODULES TUTORIAL BY YOUJOOMLA.COM

# ------------------------------------------------------------------------

# Copyright (C) 2006-2007 Youjoomla.com, All Rights Reserved.

-------------------------------------------------------------------------*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #666666;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;

}
#wrap{
	margin:0 auto;
	width:900px;
	background-color: #FFFFFF;
}
#flash{
	text-align: left;
	background-color: #FFFFFF;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#logo{
	text-align: left;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 900px;
	background-position: center center;
}
#topmenu{

font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-image: url(../images/menu-on.png);
	background-repeat: repeat-x;
text-transform:uppercase;
font-weight:bold;
font-size:0.75em;
}
#container {
	margin:0 auto;
	text-align:left;
	background-color: #FFFFFF;
}
#news {
	font-size: 0.9em;
}
#news1 {
float:left;
width:45%;
}
#news2 {
float:right>:
width:45%;
}
#news-closer {
clear:both;
}
#modleft {
	color:#000;
	float:left;
	width:165px;
	overflow:hidden;
	background-color: #fafafa;
	padding-left:5px;
	padding-right:3px;
	padding-bottom:10px;
	border: solid #eee 1px;
	font-size: 0.9em;
}
#modright {
	float:right;
	width:165px;
	overflow:hidden;
	background-color: #fafafa;
	padding-left:5px;
	padding-right:3px;
	padding-bottom:10px;
	border: solid #eee 1px;
	font-size: 0.9em;
}
#container-closer {
	clear:both;	
}
.inside {
	padding:10px;	
}
/*COLAPSE MODULES FUNCTIONS */

/*LEFT AND RIGHT MODULES VISIBLE */
#main-body {
	float:left;
	width:725px;
}
#content {
	text-align:left;
	float:right;
	width:540px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
/*COLAPSE  LEFT MODULE ONLY*/
#main-body-right {
	float:left;
	width:715px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;

	
}
#content-right {
	text-align:left;
	float:left;
	width:175px;

	
}
/*COLAPSE RIGHT MODULE ONLY*/
#main-body-left {
	float:left;
	width:900px;
	
}
#content-left {
	text-align:left;
	float:right;
	width:715px;
	overflow:hidden;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
	
}
/*COLAPSE RIGHT AND LEFT MODULE */
#main-body-full {
	float:left;

	
}
#content-full {

	text-align:left;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
	
}
/*END COLAPSE MODULES FUNCTIONS */

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	white-space: nowrap;
	border-right: 1px solid #333;
	line-height: 40px;

}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #fff;
	background: transparent;
	background-image: url(../images/menu-on.png);
	background-repeat: repeat-x;
	background-position: top;
border-bottom:none;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #333;
border-bottom:none;
}
table.moduletable th, div.moduletable h3 {
	color: #000;
	text-align: left;
	font-weight: bold;
	margin: 0 0 2px 0;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;

}




 td {} /*Impostazione per tutti gli elementi <td> . interviene se non ci sono altri stili definiti.*/
tr {} /*Comanda gli elementi <tr> . Interviene se non ci sono altre impostazioni.*/
ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/arrow.png);
} /* Impostazione per tutti gli elementi UL (unordered list - liste non ordinate). Interviene se non ci sono altre impostazioni.*/
a:link {
color:#000;
text-decoration:none;
border-bottom:dotted #000 1px;
} /* stili generale per i link*/
a:visited {color:#000;
text-decoration:none;
border-bottom:dotted #000 1px;}
a:hover {color:#000;
text-decoration:none;
border-bottom:none;}
hr {} /* linee orizzontali*/
hr.separator {}
 
/* IMPOSTAZIONI PER I FORM */
.button {}
.inputbox {}
.search {} /*imposta il <div> che contiene gli elementi di ricerca: inputbox, search button...*/
 
 
/* REGOLAZIONI NAVIGAZIONE/MENU */
 
a.mainlevel{
display:block;
width:100%;
border-bottom:solid #ccc 1px;
text-decoration:none;
color:#000;
} /*gestione degli elementi del MAIN menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {background-color:#efefef;}
 
#active_menu {

background-color:#efefef;
} /*regola lo stile dell'elemento di menu quando esso è attivo, anche nella posizione di main/sub */
 
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
a.sublevel{} /* queste regole sono per gli elementi di menu che HANNO UN GENITORE */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.pagenavbar {font-size:0.8em;} /*Regola lo stile della barra di navigazione ai piedi della pagina ("<< Inizio < Precedente Prossima > Fine >>")  quando non compaiono come hyperlinks (quando esistono soltanto pochi articoli).*/
.pagenavbar:link {} /*Stile per la barra di navigazione ai piedi della pagina ("<< Inizio < Precedente Prossima > Fine >>")  quando compaiono come hyperlinks*/
.pagenavbar:visited {}
 
.pagenav {

} /* come implica il nome, questo stile è per il sistema di navigazione a link "<< Inizio < Precedente 1 Prossima > Fine >>" */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Controllo per lo stile della frase "Leggi Tutto" che viene mostrata per gli articoli che hanno contenuti di grandi dimensioni*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Stile per il pulsante "INDIETRO"*/
.pagenav_prev {font-size:0.8em;} /*Stile per il pulsante "PRECEDENTE"*/
.pagenav_next {font-size:0.8em;} /*Stile per il pulsante "SUCCESSIVO"*/
 
.latestnews ul {} /*Impostazione per la lista "Ultime notizie" - di default, "ultime notizie" è un modulo che viene mostrato nella posizione user1*/
.latestnews li {}
 
.mostread ul{} /*Impostazione per la lista "notizie più lette"- come preimpostazione questo modulo è in user2*/
.mostread li{}
 
/*    IMPOSTAZIONI PER LE PAGINE DI CONTENUTO */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* regola lo stile dei link nella sezione Blog*/
.blog_more {} /*stile per il testo "Altri" della sezione blog*/
a.blogsection:link {} /* stile per i link della sezione blog*/
a.blogsection:visited {} /* come sopra, ma per regolare i link visitati */
a.blogsection:hover {} /* come sopra, ma per regolare l'apparenza dei link quando la freccia del mouse ci passa sopra */
 
.componentheading {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	padding-left:25px;
	background-image: url(../images/title.png);
	background-position: center left;
	background-repeat: no-repeat;
	color:000;

}/* Il titolo del componente, quando è usato per mostrare il contenuto.*/
.contentheading {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	padding-left:25px;
	background-image: url(../images/title.png);
	background-position: center left;
	background-repeat: no-repeat;
		color:000;

} /* Il titolo dell'articolo o del contenuto quando viene mostrato.*/
.contentpane {} /* Stili per la tabella che contiene qualsiasi informazione non faccia parte degli articoli (componenti, liste di categoria, form di contatto eccetera).*/
.contentpaneopen {} /* impostazioni per la tabella che contiene il testo di un articolo.*/
.contentpagetitle {} /*Titolo degli articoli*/
 
a.contentpagetitle:hover {} /*Titolo degli articoli quando appaiono come link*/
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Impostazioni per la  "DESCRIZIONE" di sezioni e categorie (Novità/Weblink/Ultime notizie ...) */
table.contenttoc {border:solid #eee 1px;
background-color:#fafafa;
padding:5px;
font-size:0.8em;

} /* Imposta la tabella " Tavola dei contenuti" per gli articoli che si sviluppano su più pagine */
table.contenttoc td {} /* come sopra, usato per formattare il tag <td> e celle abili (traduzione dubbia, mantengo la spiegazione in inglese - same as above, used to format the td and able cells */
table.contenttoc th {} /* come sopra, usato per impostare il <th> della "tavola dei contenuti" (normalmente Indice degli Articoli)*/
table.contenttoc td.toclink {} /* Come sopra, usati per impostare i testi "toc links"*/
a.toclink:link {} /* come sopra, usato per formattare gli stati dei "toc links"*/
a.toclink:visited {}
a.toclink:hover {}
 
 
/* LISTE DI SEZIONE MAMBO - JOOMLA */
.sectiontableheader {
font-size:0.9em;
} /*Serve ad impostare i titoli delle tabelle su una pagina di SEZIONI. Ad esempio: il titolo di tabella "Data", "Titolo Item", "Autore" e"Scelte" */
.sectiontableentry1 {}
.sectiontableentry2 {
background-color:#efefef;
}
 
 
/* IMPOSTAZIONE DEI MODULI DI MAMBO - JOOMLA */
table.moduletable {} /* Regola la tabella del modulo */
table.moduletable th {} /* Gestisce lo stile della  intestazione del modulo e i titoli del modulo */
table.moduletable td {} /* Impostazione delle celle della tabella modulo */
 
 
/* VARIE*/
 
/* Date , Autori*/
.createdate {
font-size:0.8em;
color:#000000;
float:right;

} /* Per lo stile della data di creazione degli articoli e dei contenuti */
.modifydate {
font-size:0.8em;
color:#000000;
float:right;
} /* Gestisce li testo "Ultimo aggiornamento" che si trova alla fine degli articoli e dei contenuti */
.small {
font-size:0.8em;
color:#000000;
float:right;} /* Imposta il testo "Scritto da: ..." */
.smalldark {}/*Testo che si trova nella pagina dei risultati dei sondaggi, per il testo " Numero di Voti"*/
 
/* Sondaggi*/
.poll {} /* regola il tag <td> della tabella dei sondaggi */
.pollstableborder {} /* gestisce le proprietà del bordo della tabella di voto dei sondaggi */
 
 
/* Weblink */
.weblinks{} /* Serve a regolare l'aspetto dei titoli dei link nella sezione Weblink sul frontend */
a.weblinks:hover {} /* come sopra, ma per i link nelmomento in cui passa il mouse su di esso */
 
/* Distribuzione News - Newsfeeds */
.newsfeedheading {} /* Il titolo delle Newsfeed. NOTA BENE: Questo stile non influenza i titoli delle newsfeed! */
.newsfeeddate {} /* la data sul newsfeed */
.fase4rdf {} /* il corpo del testo delle newsfeed */
 
/* Search page */
table.searchintro {} /* Impostazione del box con "Chiavi di ricerca: rese X corrispondenze"  che appare in seguito alle richieste delle Ricerche Avanzate.
Esso appare nel corpo del testo con i risultati della ricerca */



.pathway {

color: #000;
text-align: left;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}
.back_button {

font-size:0.8em;
color:#000000;
float:right;
}



 
 
/* INTERFACCIA DI AMMINISTRAZIONE DEL FRONTEND DI MAMBO- JOOMLA */
/* I CSS che seguono definiscono l'apparenza del frontend di amministrazione quando ci si è autenticati come User registrato */
 
.ontab {}/* Per dare lo stile ai bottoni "Tab" quando si gestisce il frontend come amministratore. .ontab è lo stile per il tab quando esso è attivo o dopo che esso è stato "attivato" */
.offtab {} /* Lo stesso che più sopra, usato per controllare i pulsanti "Tab" quando si modificano i contenuti attraverso il frontend. Questo stile ha influenza sul tab NON  è attivo o quando esso NON è stato selezionato */
.tabpadding {} /* questo style è usato per regolare la dimensione del tab di cui si parlava qui sopra */
.tabheading {} /* Non sono troppo sicuro della utilità di questo stile, non si è riusciti a trovare nulla che avesse relazine con esso, almeno fino ad ora */
.pagetext {} /* con questo stile si gestisce il contenuto del form di modifica dei contenuti (quando è attivato HTMLArea) nella interfaccia di amministrazione nel frontend */
.pagenavcounter {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:bold;

} 
.buttonheading {
border-bottom:none;
height:40px;

}
