/* Foglio di stile (CSS) */

/* Corpo del documento */
body {
    background: #F0F8FF; /* Blu alice */
    font-family: sans-serif; /* Famiglia di caratteri */
    font-size: 1em;
    }

/* Div per l'header */
.divHeader {
    background: #FFFFFF; /* Bianco */
    width: 960px;
    height: 250px;
    margin: 0 auto; /* Centratura nella pagina */
    }

/* Div usato come separatore orizzontale tra div */
.divSeparatore {
    width: 100%;
    height: 10px;
    }
    
/* Div usato come fascia orizzontale per contenere il menù e a piè di pagina */
.divFasciaOrizzontale {
    width: 100%;
    height: 25px;
    background: #ABCDEF; /* Azzurro fiordaliso */
    }  
       
/* Div per il menù (sarà contenuto nel div con classe divFasciaOrizzontale) */
.divMenu {
    width: 960px;
    height: 25px;
    margin: 0 auto; /* Centratura nella pagina */
    }        
    /* Div per le voci di menù (posizionato nel div della classe divMenu) */
    .divVoceMenu {
        height: 100%;
        float: left; /* Allineamento a sinistra */
        background: #ABCDEF; /* Azzurro fiordaliso */
        cursor: pointer; /* Cursore sotto forma di manina */
        border-right-style: solid;
        border-right-color: #F0F8FF; /* Blu alice */
        padding: 0% 0.5% 0% 0.5%; /* Distanza dai bordi (su, dx, giù, lx) */
        font-weight: bold; /* Grassetto */
        color: #FFFFF0; /* Avorio */
        }      
    /* Div per la voce di menù selezionata (posizionato nel div della classe divMenu) */
    .divVoceMenuSelezionata {
        height: 100%;
        float: left; /* Allineamento a sinistra */
        background: #0000FF; /* Blu */
        border-right-style: solid;
        border-right-color: #F0F8FF; /* Blu alice */
        padding: 0% 0.5% 0% 0.5%; /* Distanza dai bordi (su, dx, giù, lx) */
        font-weight: bold; /* Grassetto */
        color: #FFFF00; /* Giallo */
        }
      
/* Div per il body */
.divBody {
    background: #FFFFF0; /* Avorio */
    width: 940px; /* 960px-20px riservati al padding orizzontale */
    margin: 0 auto; /* Centratura nella pagina */
    padding-left: 10px;
    padding-right: 10px;
    border-right-style: solid;
    border-right-color: #0000FF; /* Blu */
    border-left-style: solid;
    border-left-color: #0000FF; /* Blu */
    }
    /* Div per l'header del body (posizionato nel div della classe divBody) */
    .divBodyHeader {
        width: 940px;
        float: left; /* Allineamento a sinistra */
        }
        
/* Div per il footer (sarà contenuto nel div con classe divFasciaOrizzontale) */
.divFooter {
    width: 960px;
    height: 25px;
    margin: 0 auto; /* Centratura nella pagina */
    text-align: right;
    }  

/* Div per l'icona del video */
.divIconaVideo {
    float: right;
    margin: 10px;
    }

/* Icona facebook */
.iconaFacebook {
    float: right;
    margin: 10px;
    }

h1 {
    font-size: 2em;
    text-align: left;
    color: #0000FF; /* Blu */
    }

h2 {
    font-size: 1.2em;
    color: #000000; /* Nero */
    }    

/* Paragrafo */
p {
    text-align: justify;
    line-height: 1.5;            
    font-weight: bold; /* Grassetto */
    color: #4F4F4F; /* Grigio 70% */
    }

/* Paragrafo per le pubblicazioni, con indentazione*/
.pPubblicazioni {
    text-align: justify;
    line-height: 1.5;
    text-indent: 12pt;
    font-weight: bold; /* Grassetto */
    color: #4F4F4F; /* Grigio 70% */
    }
    
/* Paragrafo per l'under construction */
.pUnderConstruction {
    text-align: center;
    }
    
/* Paragrafo per l'area "News & events" della home */
.pNewsEventsHome {
    text-align: center;
    font-weight: bold; /* Grassetto */
    color: #0000FF; /* Blu */
    }
    
/* Immagini che si ridimensionano proporzionalmente alla finestra del browser */
.immaginiFlessibili {
    max-width: 100%;
    height: auto;
    }
    
/* Link non visitati */
a:link {
    text-decoration: none;
    color: #4F4F4F; /* Grigio 70% */
}
/* Link visitati */
a:visited {
    text-decoration: none;
    }
/* Link con mouse sopra */
a:hover {
    text-decoration: none;
    }
/* Link selezionati */
a:active {
    text-decoration: none;
    }