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

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.

*/





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

BODY
{
    background: url(Images/SfBlu.gif);            
    color: #2B5DC1;
    margin: 0 auto;
    font-family: verdana,arial,helvetica;
    font-weight:bold;
    text-align:center;
    font-size: 76%;
    /* 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: #2B5DC1;
}

A.mail
{
    color: #FFFFFF;
}

A:visited
{
    color: #2B5DC1;
}

A:hover
{
    color: red;
}





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

#Contenitore
{  
    width:100%;
}    


#PagTop
{
    width:100%; 
    height:180px; 
    background-color:#7592CC; 
}

#PageTopImg
{
    margin: 0 auto;
    width:764px; 
    height:180px;
}

#Banner
{
    width:581px;
    height:180px;
    float:left; 
}

#News
{
    float:right;
    background: url(Images/News.jpg);
    width:180px; 
    height:180px;     
}
   
#Corpo
{
    width:100%;
    clear:left;
} 
   
#Navigazione
{
    width:17%;
    float:left;
}    
                    
#Contenuto
{
    width:79%;
    padding:2%;
    float:right;
}

#ContenutoTesto
{
    margin: 0 auto;
}

#Piede
{
    height:32px;  
    clear:both;
}


.BollContenitore
{
    clear:both;
    margin:0 auto;
    width:590px;
}

.Bollettino
{
    float:left;
    margin:10px;
    padding:10px;
    background-color:yellow;
}


.Map
{
    width: 96%;
    height: 600px;
    margin: 3% 2% 0% 2%;
}

.MapVia
{
    width: 96%;
    height: 600px;
    margin: 3% 2% 0% 0.5%;
}

#Stemma
{
    float:left;
    margin: 0 2% 0 0;
}


/* --------------------------------- */
/*      Riquadro news                */
/* --------------------------------- */ 
    
#marqueecontainer
{
    position: relative;
    width: 150px;
    height: 120px; 
    overflow: hidden;
    text-align:left;
    padding:0;
    margin:0
}	
	
.menuTop
{
    background-repeat: no-repeat;
    height: 170px;
}        

.TitoloNews
{
    border-bottom: #808080 1px solid;
    text-align:center;
    color: #2B5DC1;
    font-weight: bold;
}

#vmarquee 
{
    position:relative;
    padding:0 0px 0 15px;
}





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

.MenuElenco
{
margin: 10px 2px 8px 8px;
padding:0;
border-color:yellow;
border-style:solid;
border-width:1px 1px 0 1px; 
}

.MenuTitolo
{
background-color:yellow;
display: block;  
list-style-type:none;
padding: 3px 0 3px 0;
text-align :center;
line-height:1em;
}

.MenuElencoVoce
{
border-color:#2B5DC1;
border-style:solid;
border-width: 0px 0px 1px 0px; 
}

.MenuLink
{
display: block;   
padding: 0 8px 0 8px;
margin:0;
font-size: 80%;
text-align:left;
text-decoration:none;
}


a.MenuLink:link
{
display: block;   
padding: 0 8px 0 8px;
margin:0;
text-decoration :none;
}

a.MenuLink:visited
{
padding: 0 8px 0 8px;
}

a.MenuLink:hover
{
display: block;   
text-decoration :none;
background-color:red;
color: #2B5DC1; 
padding: 0 8px 0 8px;
margin:0;
}

a.MenuLink:active
{

}





/* --------------------------------- */
/*      Impostazioni Paragrafi       */
/* --------------------------------- */

.Giustificato
{
    text-align:justify;
    margin:0;
    line-height:1.7em;
}

.Centrato
{
    text-align:center;
    margin:0;
    line-height:1.7em;
}

.Sinistra
{
    text-align:left;
    margin:0;
    line-height:1.7em;
}

.Destra
{
    text-align:right;
    margin:0;
    line-height:1.7em;
}

.TitoloPagina
{
    text-align:center;
    margin:0;
    line-height:1.7em;
    font-size:150%;
}

.Storia
{
    text-align:justify;
    margin:1.3% 0 2% 0;
    line-height:1.7em;
}



.Didascalia
{
    text-align: center;
    margin: 0 4% 3% 4%;
    font-style: italic;
}

/* --------------------------------- */
/*      Impostazioni Elenchi         */
/* --------------------------------- */
ul
{
    margin: 1em 0 1em 2em;
}

.ElencoProgetti
{
    text-align:left;
    line-height:1.7em;
    background: url(Images/Progetti.jpg) no-repeat center center;
}

.Sociale
{
    text-align:left;
    line-height:1.7em;
}

.Biblioteca
{
    text-align:left;
    line-height:1.7em;
    text-indent:20px;  
}

.ProLoco
{
    text-align:left;
    line-height:1.7em;
    margin: 0 0% 3% 0%;  
}

.ProLoco li
{
    margin: 0 15% 0 15%;  
}



/* --------------------------------- */
/*      Impostazioni Caratteri       */
/* --------------------------------- */

.Blu100Gi
{
    text-align:justify;
    line-height:150%;
}

.PagPiede
{
    background-color:White;    
    color: White;
    text-align:center;
    background-color:#2B5DC1;
    padding: 8px;
}

.OrariTitolo
{  
    background-color:Yellow;    
    color:#2B5DC1;
    font-size:130%;
    text-align:left;
    padding: 0.3% 0 0.3% 0;
    clear:both;
}

.OrariTesto
{
    text-align:left;
    margin:0;
    line-height:1.7em;
    padding: 0 0 20px 160px;
}

.Regolamenti
{  
    background-color:Yellow;    
    color:#2B5DC1;
    font-size:130%;
    text-align:center;
    padding: 0.6% 0 0.6% 0;
    margin: 2.5% 0 0 0;
    clear:both;
}

.RegolamentiTesto
{
    text-align:left;
    margin:0;
    line-height:1.7em;
    padding: 0 0 20px 14%;
}

.Biblioteca
{
    text-align:left;
    margin:0;
    text-indent:0;
    line-height:1.7em;
    padding: 0 0 20px 230px;
}

.SfondoGiallo 
{
    background-color:Yellow; 
    padding:0.5% 0.2% 0.5% 0.2%;
}

.GemellaggioTitolo
{  
    background-color:Yellow;    
    color:#2B5DC1;
    font-size:110%;
    text-align:center;
    padding: 0.3% 0 0.3% 0;
    clear:both;
}

.BandoGaraTitolo
{  
    color:#2B5DC1;
    font-size:130%;
    text-align:center;
    padding: 0.6% 0 0 0;
    margin:  2% 0 0.2% 0;
}

.BandoGaraTesto
{  
    color:#2B5DC1;
    font-size:120%;
    text-align:center;
    margin: 0 14% 2% 14%;
    padding: 0 0 0 0;
    line-height:1.7em; 
}

.CompTeat
{  
    color:#2B5DC1;
    font-size:150%;
    text-align:left;
    padding: 0.6% 0 0 0;
    margin:  1% 0 0.2% 0;
}

.CompTeatRapp
{  
    color:red;
    font-size:150%;
    margin:  0.2% 0 0.2% 0;
}

/* --------------------------------- */
/*      Impostazioni Immagini        */
/* --------------------------------- */

img 
{
    border:0;
}

.ImgOrari
{
    float:left;
    padding: 0;
    margin:0;
}

.ImgRegolamenti
{
    float:left;
    clear:left;
    padding: 0;
    margin:0 0 0 4%;
}

.ImgStoria
{
    float:left;
    padding: 0;
    margin: 2% 2% 0 0;
}

#Hericourt3 
{
    float:left;
}

.ImgLeft
{
    float:left;
    padding: 0;
    margin: 2% 2% 0 0;
    clear:left;
}

.ImgRight
{
    float:right;
    padding: 0;
    margin: 2% 2% 0 0;
}


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

.GemellaggioImgSx
{
    float:left;
    margin-top: 3%;
}

.GemellaggioTestoDx
{
    float:right;
    margin-top: 3%;   
}

.GemellaggioTesto
{
    clear:both;
    margin-top: 3%;
}

.GemellaggioTestoSx
{
    float:left;
    width:50%;
    margin-top: 3%;
}

.GemellaggioImgDx
{
    float:right;
    margin-top: 3%;
}

.GemellaggioDiscorso
{
    clear:both;
    margin-top: 3%;
}




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

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

.TitoloTabella1
{
    color:#333399;
    border-bottom: #333399 1px solid;
    padding:0 0 3px 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%;
    
}



.Stradario
{
    color:#333399;
    margin-left:30px;
}

.TblBandiGara
{
    width:80%;  
    border-collapse:collapse;
    margin: auto;     
}

.TblBandiGaraTd
{
    padding:0.7%;
}


.TblCariche
{
    width: 80%;  
    border-collapse: collapse;
    margin: auto; 
    margin-top:2em;    
}

.TblElezioni
{
    width: 50%;  
    border-collapse: collapse;
    margin: auto; 
    margin-top:2em;    
}

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