/* CSS COMPLETI PER I TEMPLATE DI MAMBO 4.5.X E JOOMLA 1.0.X  */
/* By Dinh Viet Hung (C) http://www.joomlart.com */
/* Tradotto da Alessandro Pedroni http://mambojam.it Italian TTI della Mambo Foundation*/
 
 
/* IMPOSTAZIONI BASE */
/* Qui sotto ci sono le impostazioni di base, vanno impostate perché intervengano in tutti quei casi in cui nel sito non siano stati impostati stili più precisi. I comandi per lo stile vanno inseriti tra le parentesi graffe*/
body {}/*lo stile per il tag body del vostro sito, controlla le famiglie di font da usare lo sfondo delle pagine eccetera.*/
p {} /*Regola qualsiasi elemento <div> (divisione).  Questo è uno stile acchiappatutto, che interviene solo quando nessun altro stile è stato definito.*/
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 {} /* Impostazione per tutti gli elementi UL (unordered list - liste non ordinate). Interviene se non ci sono altre impostazioni.*/
a:link {color:#CC6600;text-decoration:none;} /* stili generale per i link*/
a:visited {color:#CC6600;text-decoration:none;}
a:hover {color:#000;text-decoration: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{
color:#444;
text-decoration:none;
display:block;
width:95%;
background-image:url(../images/mainmenu.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left:10px;
border-bottom:dotted #dedcd4 1px;
} /*gestione degli elementi del MAIN menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {background-image:url(../images/mainmenu-over.gif);
background-position:center left;
background-repeat:no-repeat;
color:#666666;}



a.mainlevel#active_menu {
background-image:url(../images/mainmenu-active.gif);
background-position:center left;
background-repeat:no-repeat;
color:#000;
}

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;
	line-height: 30px;
	white-space: nowrap;

}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #ffffff;
	background: transparent;
}



	ul#mainlevel-nav li a:hover
{
	color: #000000;
	background: #ffffff;
	background-image: url(../images/menu-bg.jpg);
	background-repeat:repeat-x;
}








ul#mainlevel-nav li a#active_menu-nav  {
	color: #000000;
	background: #ffffff;
	background-image: url(../images/menu-bg.jpg);
	background-repeat:repeat-x;

}



ul#mainlevel-upper
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-upper li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	line-height: 14px;
	margin-top:10px;
	white-space: nowrap;
border-left:solid #444 1px;


}

ul#mainlevel-upper li a
{
	display: block;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	color:#CC6600;
	background: transparent;
}



	ul#mainlevel-upper li a:hover
{
	color: #666;


}


ul#mainlevel-upper li a#active_menu-upper  {
color: #fff;

}




ul#mainlevel-white
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-white li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	line-height: 48px;
	white-space: nowrap;



}

ul#mainlevel-white li a
{
	display: block;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	color:#000000;
	background: transparent;
}



	ul#mainlevel-white li a:hover
{
	color: #999;


}

ul#mainlevel-white li a#active_menu-white  {
color: #CC6600;

}

 
a.sublevel{} /* queste regole sono per gli elementi di menu che HANNO UN GENITORE */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.pagenavbar {} /*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 {}
 








/*Stile per il pulsante "INDIETRO"*/
.pagenav_prev {} /*Stile per il pulsante "PRECEDENTE"*/
.pagenav_next {} /*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-size:25px;
color:#999;
line-height:27px;}/* Il titolo del componente, quando è usato per mostrare il contenuto.*/
.contentheading {
font-size:25px;
color:#999;
line-height:27px;
} /* 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 {

font-size:25px;
color:#999;
line-height:27px;

} /*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 {} /* 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 {
text-transform:uppercase;
font-weight:bold;

} /*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 {line-height:2em;}
.sectiontableentry2 {background-color:#efefef;line-height:2em;}
 
 
/* 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:11px;
padding-left:20px;color:#999999;
} /* Per lo stile della data di creazione degli articoli e dei contenuti */
.modifydate {font-size:11px;color:#999999;
padding-left:20px;} /* Gestisce li testo "Ultimo aggiornamento" che si trova alla fine degli articoli e dei contenuti */
.small {font-size:11px;color:#999999;
padding-left:20px;} /* Imposta il testo "Scritto da: ..." */
.smalldark {font-size:11px;color:#999999;
padding-left:20px;}/*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 */
 
 
/* 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 */


.content_rating{
font-size:11px;
}

.content_vote{
font-size:11px;
}

.readon{
margin-top:13px;
margin-left:2px;
background-image: url(../images/button.gif);
background-repeat:no-repeat;
border:none;
padding:2px 20px;
font-size:12px;
height:24px;
font-weight:bold;
}

.back_button{
margin-top:13px;
margin-left:2px;
background-image: url(../images/button.gif);
background-repeat:no-repeat;
border:none;
padding:2px 30px;
font-size:12px;
height:24px;
font-weight:bold;
}
.button{
border:none;
padding:2px 5px 2px 5px;
font-size:10px;
color:#555;
border:solid #dedede 1px;
font-weight:bold;
background-color:#efefef;
}
