/* IMPOSTAZIONI LAYOUT */ 
body {
text-align:center; /*center hack*/
font:0.9em Times,Arial,Helvetica,sans-serif;
color:#333333; background: url(../images/bg.jpg); margin:0;
}/* Stile per il tag body del sito web, controlla la famiglia dei font lo sfondo della pagina, ecc..*/


#pagina {
width:780px; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
border:4px solid #FFFFFF;
background-color:#D4D9CF;
height:100% !Important;height:1%;
} /* Stile del contenitore pagina EX WRAP..*/
 
a:link { color:#0068D2;} /* stile generale dei collegamenti*/ 
a:visited { color:#0068D2;}
a:hover { color:#00274F;}

#dentro-pagina { background-color:#D4D9CF; background-image: url(../images/sfondocol.gif);

} /* Stile dell'interno del contenitore pagina EX WRAP-INNER..*/

#rotator { margin:0; padding:0;

} /* Stile dell'interno del contenitore pagina EX WRAP-INNER..*/


#header {


border-bottom: 0px solid #00000;

background:#fff;
}/* Stile della testata */

#riga { width:100; height:8px;background-color:#004081;} 

#hmenu {background-color:#EEF1EA; margin:0px 5px 0px 5px; padding:0.5em; border-top: 5px solid #D4D9CF; border-bottom: 5px solid #D4D9CF; }

#path {background-color:#EEF1EA; margin:5px 0px 0px 0px; padding:0.2em; text-align:right;}

#cella { margin:5px; background-color:#EEF1EA;}  /*area interna alle zone in cui ci sono contenuti*/

#footer {  /*footer */
clear:both;

border-top: 1px solid #999;
padding:5px;
background:#fff;
}
 
 
#main-body {  /* area centro */
float:left;
width:75%;
} 

#barra2 { /* barra destra ex sidebar-2 */
float:right;
width:25%;
overflow:auto;
margin-left:-3px;
}
#content { /* centro contenuti */
float:right;
width:73%;
overflow:auto;
} 
#barra { /* barra sinistra ex sidebar */
float:left;
width:27%;
overflow:auto;
margin-right:-3px;
}
.inside {  /*classe delle zone contenuti */
}
 
h1,
h2,
h3,
h4,
h5,
h6,
p, /* formatta tutti gli articoli (divisi). Questo viene applicato a tutto  solo se nessun altro stile è stato definito. */
blockquote,
form,
label,
ul, /* formatta tutte le voci UL (lista non ordinata). Questo settaggio predefinito è usato se nessuno stile è stato definito. */
ol,
dl,
fieldset,
address{
margin:0.5em 0;
}
 
ul{
margin-left:2em; } /* formatta tutte le voci UL (lista non ordinata). Questo settaggio predefinito è usato se nessuno stile è stato definito. */ 
 
 
 fieldset{
padding:.5em;}
/* The fieldset tag is similar to the div in that it is a container for other design elements. The fieldset tag helps to visually group elements, such as a login form or a group of links. */

a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}


h1,.componentheading/* Titolo del componente usato per mostrare il contenuto.*/{

}
 
h2,.contentheading{/* Titolo del componente CENTRALE articoli, etc. da visualizzare.*/

color:#0055AF;
font-size:1.3em;
padding:0.3em 0.3em;
}

h3{ /* Titoli barre.*/
font-size:1em;
line-height:1.3em;
font-weight:normal;
}

h4{
font-size:0.9em;
line-height:1.2em;
}

h5{
font-size:1.1em;
line-height:1.1em;
}

h6{
font-size:1em;
line-height:1em;
font-weight:normal;
} 

.moduletable-rotator{ margin:0; padding:0;
 }

#footer,
.small, /*  Formattazione testo "Scritto da:...." */
.createdate, /* Per lo stile della data del contenuto/articoli creata sotto il titolo dei contenuti */ 
.modifydate, /* Formattazione "Ultimo aggiornamento" alla fine dell'articoli/contenuti */
.mosimage_caption{
font:0.8em Times,Arial,Helvetica,sans-serif;
color:#999;
}

.moduletable{
margin-bottom:1em; margin:5px;
padding:0; /*PADDING DEL TESTO INTERNO*/
}

.moduletable h3{ /*stile per i titoli dei menu*/
background:#FF6600;
color:#fff; 

/*se si desidera utilizzare margin:valore; negativo per far uscire il titolo  h3 dai bordi del contenitore .moduletable*/
padding:0.1em 0.1em;
}

.moduletable-leftnav{
margin-bottom:1em; margin:5px;
padding:1px 7px 7px 7px; /*PADDING DEL TESTO INTERNO DEI MODULI DI SINISTRA*/
}

.moduletable-leftnav h3{ /*stile per i titoli dei moduli di sinistra*/
background:#0055AF;
color:#fff;

/*se si desidera utilizzare margin:valore; negativo per far uscire il titolo  h3 dai bordi del contenitore .moduletable*/
padding:0.1em 0.1em;
}

.moduletable-rightnav{
margin-bottom:1em; margin:5px;
padding:1px 7px 7px 7px; /*PADDING DEL TESTO INTERNO DEI MODULI DI DESTRA*/
}

.moduletable-rightnav h3{ /*stile per i titoli dei moduli di DESTRA*/
background:#FF6600;
color:#fff;

/*se si desidera utilizzare margin:valore; negativo per far uscire il titolo  h3 dai bordi del contenitore .moduletable*/
padding:0.1em 0.1em;
}

/*stili per il menu di sinistra*/
#navcontainer{
padding:0;

}
#navcontainer ul{
list-style: none;
margin: 0;
padding: 0;
}
#navcontainer li{
border-bottom: 1px solid #ccc;
margin: 0;
}
#navcontainer li a{
display: block;
padding: 10px 3px 3px 0px;
color: #333333;
text-decoration: none;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover,a#active_menu:link,a#active_menu:visited{
color: #000000;
}
/*ine stili per il menu di sinistra*/

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 #cccccc;
}


ul#mainlevel-nav li a { 
 
 display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	background: transparent;
  
}
#mainlevel-nav a:link {color: #333333;} 
#mainlevel-nav a:visited {color: #333333;} 
#mainlevel-nav a:hover {color: #000000; text-decoration:none;} 










 /*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. */
a:link \{\} /* stile generale dei collegamenti*/ 
a:visited \{\} 
a:hover \{\} \
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\{\} /* Questo stile controlla le voci del menu principale */ 
a.mainlevel:link \{\} 
a.mainlevel:visited \{\} 
a.mainlevel:hover \{\} 
#active_menu \{\} /* 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.sublevel\{\} /* Questo lo stile dei sottomenu */ 
a.sublevel:link \{\} 
a.sublevel:visited \{\} 
a.sublevel:hover \{\} 
.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 \{\} /* Stile per il collegamento "Leggi tutto" mostrato quando è presente un lungo articolo */ 
a.readon:hover \{\} 
a.readon:visited \{\} 
.back_button \{\} /* Stile per il bottone \'d2[indietro]\'d3 */ 
.pagenav_prev \{\} /* Stile per il bottone \'d2Prec.\'d3 */ 
.pagenav_next \{\} /* Stile per il bottone \'d2Pross.\'d3 */ 
.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\'9d popolari - di default, pi\'9d 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 \{\} /* 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 \{\} /* 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 \'d2DESCRIZIONE\'d3 delle sezioni, categorie (novit\'88/collegamenti/ultime \
novit\'88...) */ 
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 \{\} /* Questo per lo stile delle intestazioni nella pagina delle SEZIONI. Esempio: \
intestazione della \'d2Data\'d3, \'d2titolo articolo\'d3, \'d2Autore\'d3 e \'d2visite\'d3 */ 
.sectiontableentry1 \{\} 
.sectiontableentry2 \{\} 
/* FORMATTAZIONE DEI MODULI JOOMLA - MAMBO */ 
table.moduletable \{\} /* Formattazione della tabella modulo */ 
table.moduletable th \{\} /* Formattazione del titolo del modulo, e dei titoli del modulotable*/
.moduletable td \{\} /* Formattazione delle celle della tabella del modulo */

/* VARIE */ 
/* Date , Autori*/ 
.createdate \{\} /* Per lo stile della data del contenuto/articoli creata sotto il titolo dei contenuti */ 
.modifydate \{\} /* Formattazione "Ultimo aggiornamento" alla fine dell'articoli/contenuti */ 
.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\'88 del bordo della tabella sondaggi */ 
/* Collegamenti */ 
.weblinks\{\} /* Per formattare i titoli dei collegamenti sotto la sezione \'d2collegamenti nell'area visiva del sito\'d3 */ 
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\'88 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 \'d2Chiave di Ricerca: il test ha dato 4 risultati\'d3 \
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 */