/* coding=UTF-8 */

/* LISTE PUNTATE E NUMERATE */

/* Marcatore grafico, multilinea, interno o esterno.
   Uso: definire 3 classi per il tag UL/OL (rientro=icon{0|1|2|3} tipo-marcatore allineamento={out|in}). */
ul.icon0, ol.icon0 { margin: 0px; padding: 0px 0px 0px 0px; }   /* Per un comportamento di default dei Browser, con zero ed i marcatori standard, il marcatore esce a sinistra del contenitore e se il contenitore è il BODY del documento HTML il marcatore va fuori della finestra del Browser. */
ul.icon1, ol.icon1 { margin: 0px; padding: 0px 0px 0px 1em; }   /* Rientro variabile verso destra, dell'icona rispetto al bordo sinistro del contenitore in cui è la lista puntata. */
ul.icon2, ol.icon2 { margin: 0px; padding: 0px 0px 0px 2em; }
ul.icon3, ol.icon3 { margin: 0px; padding: 0px 0px 0px 3em; }

/* Marcatori grafici ottenuti con uno sfondo in alto a sinistra della prima linea delle liste, senza usare le istruzioni CSS per i marcatori standard.
   I valori delle URL si riferiscono sempre al percorso del foglio di stile e non a quello del documento al quale il foglio di stile è associato. */
ul.icon-diamanti li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/diamanti/cyan.gif") no-repeat scroll 0px 0.96em;
	padding-top: 5px;
	margin-top: -5px; }
ul.icon-punti3d li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/punti3d/bluelight.gif") no-repeat scroll 0px 0.96em;
	padding-top: 4px;
	margin-top: -4px; }
ul.icon-quadrati li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/quadrati/cyan.gif") no-repeat scroll 0px 1em;   /* Posiziona verticalmente l'icona a metà del line-height. */
	padding-top: 3px;   /* Allinea verticalmente il testo all'icona con padding superiore pari alla metà dell'icona (meno 1px, mi piace di più per le minuscole), abbassando la scritta in relazione al marcatore che rimane come sfondo. */
	margin-top: -3px; }   /* Se si vuole compensare il padding superiore usato per allineare marcatore e testo, specificare un margine superiore negativo uguale, però se c'è un colore di sfondo definito per il contenitore della lista e non c'è un line-height abbastanza alto, il margine negativo va a pestare le righe superiori. */
ul.icon-quadrati3d li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/quadrati3d/blue.gif") no-repeat scroll 0px 0.96em;
	padding-top: 4px;
	margin-top: -4px; }
ul.icon-rombi li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/rombi/blue.gif") no-repeat scroll 0px 0.96em;
	padding-top: 5px;
	margin-top: -5px; }
ul.icon-triangoli li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/freccie/red_small_triangle_dx.gif") no-repeat scroll 0px 0.96em;
	padding-top: 4px;
	margin-top: -4px; }
ul.icon-maggiore li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/freccie/bullet_green.gif") no-repeat scroll 0px 0.96em;
	padding-top: 5px;
	margin-top: -5px; }
ul.icon-cerchio li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/cerchi/blu.gif") no-repeat scroll 0px 0.96em;
	padding-top: 3px;
	margin-top: -3px; }
ul.icon-cerchio-blu li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/cerchi/blu.gif") no-repeat scroll 0px 0.96em;
	padding-top: 3px;
	margin-top: -3px; }
ul.icon-cerchio-verde li {
	list-style-type: none;
	line-height: 1.92em;
	background: transparent url("/common-files/img/liste_puntate/cerchi/verde.gif") no-repeat scroll 0px 0.96em;
	padding-top: 3px;
	margin-top: -3px; }

/* Marcatori standard CSS per liste non ordinate. E' stato aggiunto "background-image: none;" per quei casi in cui la lista viene nidificata in una voce di lista con puntatori grafici. */
ul.disc li { list-style-type: disc; background-image: none; }
ul.circle li { list-style-type: circle; background-image: none; }
ul.square li { list-style-type: square; background-image: none; }
/* Marcatori standard CSS per liste ordinate. */
ol.decimal li { list-style-type: decimal; background-image: none; }   /* Sistema di conteggio decimale: 1, 2, 3, .... */
ol.decimal-leading-zero li { list-style-type: decimal-leading-zero; background-image: none; }   /* Sistema di conteggio decimale ma con la prima cifra preceduta da 0: 01, 02, 03, .... */
ol.upper-roman li { list-style-type: upper-roman; background-image: none; }   /* Cifre romane in maiuscolo: I, II, III, IV, .... */
ol.lower-alpha li { list-style-type: lower-alpha; background-image: none; }   /* Lettere minuscole: a, b, c, .... */
ol.upper-alpha li { list-style-type: upper-alpha; background-image: none; }   /* Lettere maiuscole: A, B, C, .... */

/* Classi per il posizionamento dei marcatori grafici. */
ul.icon-out li { padding-left: 1.5em; }   /* Marcatore grafico esterno al testo. Spazio a sinistra del testo in cui viene posizionata l'icona (comprensivo della larghezza dell'icona). */
ul.icon-in li { text-indent: 1.5em; }   /* Marcatore grafico interno al testo. Spazio per l'icona nella prima riga di testo (comprensivo della larghezza dell'icona). */

/* Classi per il posizionamento dei marcatori standard CSS. E' stato aggiunto "padding-left: 0px;" e "text-indent: 0px;" per quei casi in cui la lista viene nidificata in una voce di lista con puntatori grafici. */
ul.stdicon-out li, ol.stdicon-out li { margin-left: 1.5em; padding-left: 0px; }   /* Marcatore esterno al testo. Questo rientro verso destra compensa il comportamento standard che pone il marcatore fuori a sinistra del testo, realizzando così un aspetto simile a quello che si otterrebbe con i marcatori grafici. */
ul.stdicon-in li, ol.stdicon-in li { list-style-position: inside; text-indent: 0px; }   /* Marcatore interno al testo. */

ul.icon-in p, ul.stdicon-in p, ol.stdicon-in p, ul.icon-out p, ul.stdicon-out p, ol.stdicon-out p { text-indent: 0em; margin: 0px; padding: 1em 0px 0px 0px; line-height: 1.92em; font-weight: bold; }   /* Paragrafi di testo usabili come titolo di gruppo per interrompere la sequenza di elementi puntati, anche se per la validazione XHTML altri tag non devono interrompere la sequenza di <li>. */
/* Meglio usare diversi gruppi di liste <ul/ol>, interponendo delle scritte, in quanto oltre al problema di validazione XHTML, IE indenta tutti i paragrafi eccetto il primo, quello prima del primo <li>, creando disuniformità nella sua visualizzazione e differenza rispetto agli altri Browser. */



/* LINEE ORIZZONTALI DI DIVISIONE DELLA PAGINA */
/* I valori delle URL si riferiscono sempre al percorso del foglio di stile e non a quello del documento al quale il foglio di stile è associato. */

div.hr-agrifoglio      { height: 22px; background: transparent url("/common-files/img/hr_lines/agrifoglio.gif")         repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-agrifoglio"></div>      */
div.hr-birds-left      { height: 47px; background: transparent url("/common-files/img/hr_lines/birds_left.gif")         repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-birds-left"></div>      */
div.hr-birds-right     { height: 47px; background: transparent url("/common-files/img/hr_lines/birds_right.gif")        repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-birds-right"></div>     */
div.hr-colorbar        { height:  1px; background: transparent url("/common-files/img/hr_lines/colorbar.gif")           repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-colorbar"></div>        */
div.hr-forest          { height: 29px; background: transparent url("/common-files/img/hr_lines/forest.gif")             repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-forest"></div>          */
div.hr-gufo            { height: 27px; background: transparent url("/common-files/img/hr_lines/gufo.gif")               repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-gufo"></div>            */
div.hr-infinito        { height: 35px; background: transparent url("/common-files/img/hr_lines/infinito.gif")           repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-infinito"></div>        */
div.hr-occhi           { height:  9px; background: transparent url("/common-files/img/hr_lines/occhi.gif")              repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-occhi"></div>           */
div.hr-onda-punti      { height: 13px; background: transparent url("/common-files/img/hr_lines/onda_punti.gif")         repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-onda-punti"></div>      */
div.hr-punto-fiore     { height: 24px; background: transparent url("/common-files/img/hr_lines/punto_fiore.gif")        repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-punto-fiore"></div>     */
div.hr-rombi           { height: 23px; background: transparent url("/common-files/img/hr_lines/rombi.gif")              repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-rombi"></div>           */
div.hr-smiles          { height: 14px; background: transparent url("/common-files/img/hr_lines/smiles.gif")             repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-smiles"></div>          */
div.hr-uccellini-col   { height: 69px; background: transparent url("/common-files/img/hr_lines/uccellini_colorati.gif") repeat-x scroll 0px 0px; margin: 1em 0px}         /* <div class="hr-uccellini-col"></div>   */
div.hr-chitarra        { height: 51px; background: transparent url("/common-files/img/hr_lines/chitarra.gif")        no-repeat scroll 0px 0px; margin: 1em 0px 1em 2em}   /* <div class="hr-chitarra"></div>        */
div.hr-elefantino      { height: 98px; background: transparent url("/common-files/img/hr_lines/elefantino.gif")      no-repeat scroll 0px 0px; margin: 1em 0px 1em 1em}   /* <div class="hr-elefantino"></div>      */
div.hr-forest-line     { height: 29px; background: transparent url("/common-files/img/hr_lines/forest_line.gif")     no-repeat scroll 0px 0px; margin: 1em 0px}           /* <div class="hr-forest-line"></div>     */
div.hr-isola           { height: 32px; background: transparent url("/common-files/img/hr_lines/isola.gif")           no-repeat scroll 0px 0px; margin: 1em 0px}           /* <div class="hr-isola"></div>           */
div.hr-lemm-golfer     { height: 29px; background: transparent url("/common-files/img/hr_lines/lemm_golfer.gif")     no-repeat scroll 0px 0px; margin: 1em 0px}           /* <div class="hr-lemm-golfer"></div>     */
div.hr-lemm-kayaker    { height: 26px; background: transparent url("/common-files/img/hr_lines/lemm_kayaker.gif")    no-repeat scroll 0px 0px; margin: 1em 0px}           /* <div class="hr-lemm-kayaker"></div>    */
div.hr-lemm-windsurfer { height: 40px; background: transparent url("/common-files/img/hr_lines/lemm_windsurfer.gif") no-repeat scroll 0px 0px; margin: 1em 0px}           /* <div class="hr-lemm-windsurfer"></div> */