/* --------------------------------- */
/*      Annotazioni                  */
/* --------------------------------- */
/*


^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Statistiche
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Statistica sulle risoluzioni utilizzate http://www.w3schools.com/browsers/browsers_display.asp

                Higher  1024x768    800x600     640x480     Unknown 
January 2007    26%     54%         14%         0%          6%        
January 2006    17%     57%         20%         0%          6%      
January 2005    12%     53%         30%         0%          5%    
January 2004    10%     47%         37%         1%          5%  
January 2003    6%      40%         47%         2%          5% 



Statistica sui browser utilizzati http://www.w3schools.com/browsers/browsers_stats.asp

		        IE7	    IE6	    IE5	    Fx	    Moz
January	2007	13.3%	42.3%	3.0%	31.0%	1.5%
January	2006	0.2%	60.3%	5.5%	25.0%	3.1%
January	2005	        64.8%	9.7%	16.6%	3.4%
January	2004		    68.9%	15.8%		    5.5%
January	2003		    55.3%	29.3%		    4.0%



Statistica su javascript http://www.w3schools.com/browsers/browsers_stats.asp

		        JavaScript On	JavaScript Off
January	2007	94%	            6%
January	2006	90%	            10%
January	2005	89%	            11%
January	2004	92%	            8%
January	2003	89%	            11%



Statistica sui sistemi operativi http://www.w3schools.com/browsers/browsers_stats.asp

		        WinXP	W2000	Win98	Vista	W2003	Linux	Mac
January	2007	76.1%	7.7%	1.0%	0.6%	1.9%	3.6%	3.8%
January	2006	72.3%	13.1%	2.4%	0.3%	1.7%	3.3%	3.5%
January	2005	61.3%	21.6%	5.3%	1.0%	1.2%	3.2%	2.8%
January	2004	44.1%	33.6%	10.4%	3.0%		    2.7%	2.4%



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Obbligo di inserimento Partita IVA su Home Page. 
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Chi è in possesso di Partita IVA ha l'obbligo di esporla sulla Home Page del sito web aziendale 
in base al DPR 633/72 Dicembre 2001 Articolo 35 - comma 1
La mancata esposizione del numero di Partita IVA è perseguibile con una sanzione amministrativa 
variabile da 258,23 a 2.065,83 euro, trattandosi di violazione agli obblighi di comunicazione 
prescritti da legge tributaria. 



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Accessibilità: Legge 4 del 9 gennaio 2004 "Legge Stanca"
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Si applica alle pubbliche amministrazioni, agli enti pubblici economici, alle aziende private 
concessionarie di servizi pubblici, alle aziende municipalizzate regionali, agli enti di 
assistenza e di riabilitazione pubblici, alle aziende di trasporto e di telecomunicazione a 
prevalente partecipazione di capitale pubblico e alle aziende appaltatrici di servizi informatici.



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Unità di Misura
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

I margin e i padding verticali sono espressi in em o in % in modo da rendere uniforme il comportamento di 
Ie e di Mozzilla: variando le dimensioni variano proporzionalmente alla dimensione del carattere.
Esprimendo invece i valori in pixel Mozzilla li fa variare proporzionalmente alla dimensione del carattere
Ie li mantiene fissi.
Il valore orizzontale è preferibile esprimerlo in % in modo da avere valore proporzionale alla larghezza 
del contenitore ad esempio con padding sinistro e destro del 3% si può impostare la with a 94%, mettendo 
un valore in em la proporzionalità è rispetto al carattere.

La larghezza è espressa in % in modo da avere un valore proporzionale alla larghezza del contenitore ad 
esempio un div con larghezza 100% occuperà tutta la pagina esprimendo i valori in em la proporzionalità è 
rispetto al carattere e quindi non è proporzionale alla larghezza della pagina.
La lunghezza è espressa in em in quanto il valore espresso in % non viene considerato.



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Lista di controllo Accessibilità:
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

- Attributo TITLE nei tag A per una descrizione del collegamento



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Lista di controllo Motori di Ricerca:
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

- Inserire il metatag DESCRIPTION per fornire una descrizione del sito, alcuni motori di ricerca la 
    visualizzano nei risultati
    <meta name="description" content="DESCRIZIONE DEL CONTENUTO DEL SITO" /> 

- Inserire il metatag KEYWORDS contenente le parole chiave da suggerire al motore di ricerca
    <meta name="keywords" content="ELENCO PAROLE CHIAVE SEPARATE DA VIRGOLA E SPAZIO" />

- Inserire le chiavi di ricerca nel titolo della pagina

- Inserire le chiavi di ricerca nel nome e nel tag Alt delle immagini.



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Lista di controllo xhtml:
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

- Deve essere indicato il DOCTYPE cioè le specifiche seguite nella scrittura del documento
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

- Deve essere indicato il set di caratteri utilizzato
    <meta http-equiv="Content-Type" content="text/html;  charset=ISO-8859-1" />



^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Problemi Compatibilità
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

- Margini percentuale

Css:

body 
{
    margin:0;
}

#Sx
{
    background-color: red;

    margin: 0 0 0 3%;
    Su Ie con questa impostazione i 2 div superano il 100% della pagina e non restano allineati
    Se il 3% di margine lo imposto a destra invece che a sinistra i due div restano allineati
    Mozzilla invece interpreta correttamente

    margin: 0 3% 0 0;
    width: 37%;
    float: left;
}

#Dx
{
    background-color:gray;
    width: 60%;
    float: right;
}

html:

<body>

    <div id="Contenitore">

        <div id="Sx">
            Navigazione
        </div>
        
        <div id="Dx">
            Contenuto
        </div>

    </div>

</body>

*/





/* --------------------------------- */
/*      Impostazioni Pagina          */
/* --------------------------------- */

BODY
{
    margin: 0;
    background-color: white;
    font-family: verdana;
    text-align: justify;
    color: #333399;
    font-size: 76%;
    line-height:140%;
    /* NOTA SULLA DIMENSIONE DEL FONT SIZE  
    /* Dimensionare il font-size del body con una misura relativa di modo che sia possibile 
    /* ridimensionare il font tramite le opzioni del browser. 
    /* Una misura percentuale accettabile universalmente è stata suggerita, in un articolo ormai 
    /* diventato "storico" (http://www.thenoodleincident.com/tutorials/typography/), 
    /* da Owen Briggs: Sane css typography ed è 76%. 
    /* Questa percentuale empirica dice al browser: metti il font-size al 76% della tua misura di 
    /* default (con un font size del 76% e un carattere medio impostato via browser, il risultato 
    /* è all' incirca pari a 12 pixels). */
}





/* --------------------------------- */
/*      Impostazioni Link            */
/* --------------------------------- */
a:link
{
    color: #333399;
}

a:visited
{
    color: #333399;
}

a:hover
{
    color: red;
}





/* --------------------------------- */
/*      Impostazioni Div di Layout   */
/* --------------------------------- */

#Contenitore
{
}

#PagTop
{
    background-color :#333399;
}

#Navigazione
{
    float: left;
    width: 14%;
    margin: 1% 0 0 0.5%;
}

#Contenuto
{
    float: left;
    width: 58%;
    padding: 2%;
}

#Destra
{
    float:right;
    width:22%;
    height:58em;
    background-color: #FEE21D;
    padding: 2% 0 0 0;
}

#Barra
{
    clear:both;
    background-color: #FEE21D;
    padding: 0.7em 0 1.5em 0;
    text-align: center;
}





/* --------------------------------- */
/*      Impostazioni Menu            */
/* --------------------------------- */

.DivMenu
{
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    background-color: #333399;
}

.DivImgDx
{
    background: url(Images/BordoDx.gif) no-repeat right top /* Immagine destra*/
}

.MenuTitolo
{
    background: url(Images/BordoSx.gif) no-repeat left top; /* Immagine sinistra*/
    text-align: center;
    color: #FEE21D;
    font-weight: bold;
    padding: 1em 0 0 0;
}

.MenuElenco
{
    background: white;
    border: #333399 0.1em solid;
    padding: 0;
    margin: 0;
    text-indent: 0;  
}

.MenuElencoVoce
{
    border-bottom: #333399 0.1em solid;
}

.MenuLink
{
    display: block;
    padding: 0 3% 0 3%;
    margin: 0;
    width: 94%;
    text-align: left;
}

a.MenuLink:active {
    color: #333399;
}

a.MenuLink:hover {
    background-color: #FEE21D;
}





/* --------------------------------- */
/*      Impostazioni Div             */
/* --------------------------------- */

#Map 
{
    width: 96%;
    height: 48em;
    margin: 1% 2% 2% 0.5%;
}





/* --------------------------------- */
/*      Immagini                     */
/* --------------------------------- */
.ImgDx
{
    text-align: center;
    margin: 1em 0 1em 0; 
}


#ImgRisparmio
{
    margin: 0px;
    padding:0px;
}


/* --------------------------------- */
/*      Impostazioni Elenchi         */
/* --------------------------------- */

ul 
{
    padding: 1em 0 2em 3em;
    margin: 0;
    text-indent: 0;
    list-style-type: disc;
    line-height: 150%;
}





/* --------------------------------- */
/*      Tabelle                      */
/* --------------------------------- */

.Tabella1
{
    width: 80%;  
    border-collapse: collapse;
    margin: auto;
    margin-top: 4em;   
}

.TitoloTabella1
{
    border-bottom: #333399 1px solid;
    padding: 0 0 1em 0;
}

.Tabella1TdSx
{
    width:40%;
    border-right: #dedede 1px solid;
    border-bottom: #dedede 1px solid;
    padding: 0.7%;
}

.Tabella1TdDx
{
    width: 40%;
    border-bottom: #dedede 1px solid;
    padding: 0.7%;
}


.Tabella2
{
    width: 100%;  
    border-collapse: collapse;
    margin: auto;     
}

.Tabella2TdTitolo
{
    border: #dedede 1px solid;
    padding: 0.7%;
    background-color: silver;
    font-weight: bold;
}

.Tabella2TdSx
{
    width: 30%;
    border: #dedede 1px solid;
    padding: 0.7%;
}

.Tabella2TdDx
{
    width:80%;
    border: #dedede 1px solid;
    padding:0.7%;
}


.Tabella3
{
    width: 100%;  
    border-collapse: collapse;
    margin: auto;     
}

.Tabella3TdTitolo
{
    width: 50%;
    border: #dedede 1px solid;
    padding: 0.7%;
    background-color: silver;
    font-weight: bold;
}

.Tabella3Td
{
    width: 50%;
    border: #dedede 1px solid;
    padding: 0.7%;
}





/* --------------------------------- */
/*      Form                         */
/* --------------------------------- */

.Input1
{
    background-color: #FEE21D;
    width: 30em;
}    

.Input2
{
    background-color: #FEE21D;
    width: 30em;
    height: 18em;
} 

.Input3
{
    background-color: #333399;
    color: #FEE21D;
    width: 30em;
    text-align: center;
} 

.TitoloForm
{
    text-align: center;
    font-weight: bold;
    background-color: #333399;
    color: #FEE21D;
    padding :5px;
    margin: 0;
}





/* --------------------------------- */
/*      Impostazioni Testo           */
/* --------------------------------- */

p
{ 
    margin: 0;
    padding: 0;
}

.Intestazione
{
    font-size: 200%;
    text-align: center;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

.Slogan
{
    font-size: 130%;
    line-height: 150%;
    padding: 0 0 1% 0;
    margin-bottom: 2%;
    text-align: center;
    font-weight: bold;
    border-bottom: solid 3px #FEE21D
}

.SedeTitolo
{
    font-size: 130%;
    line-height:150%;
    text-align:center;
    font-weight:bold;
}

.SedeTesto
{

    font-size: 100%;
    line-height:150%;
    text-align:center;
    font-weight:bold;
}

.LinkUtili
{
    text-align: center;
    padding: 0 1em 0 1em;  
}

.pCentro
{
    text-align:center;
}

.Blu100SxSfGiallo
{
    font-size: 100%;
    text-align: left;
    font-weight: bold;
    background-color: #333399;
    color: #FEE21D;
    padding : 2px;
    margin: 0;
}






.Blu100Ce
{
    font-size: 100%;
    text-align:center;
}




.pGiustificatoBold
{
    text-align:justify;
    line-height:130%; 
    font-weight:bold;  
}

.Interlinea200
{
    line-height:150%;
}

.FontBold
{
    font-weight:bold;
}




.pCentro
{
    text-align: center;   
}


.AlboTblTd
{
    padding: 1em;
    text-align: center;
    border: solid 2px #FEE21D;;
}