﻿html{
    min-height: 100%; /* Altezza minima della pagina uguale a tutto lo schermo */
    background-color: #C00000; /* Colore di sfondo della pagina */
}

#contenitore{
    width: 800px; /* Larghezza fissa del contenitore */
    margin: 0 auto; /* Sposta il contenitore al centro dello schermo */
    padding: 20px; /* Sposta il contenuto del contenitore di 10 px dal bordo del contenitore */
    background-image: url(../immagini/sfondo_index.jpg); /* Immagine di fondo del contenitore */
}

#bandiere{ /* Posizione e caratteristiche generali casella Bandiere */
    padding-top: 2px; /* Posizione della casella mappa dal bordo superiore del contenitore*/
    text-align: right; /* Allinea il testo a destra */
    overflow: hidden; /* Serve a far funzionare correttamente il margin-top del testo */
    font-weight: bold; /* Testo in grassetto */
    text-decoration: none; /* Toglie la sottolineatura */
    color: #ff0000; /* Colore del testo */
    font-family: times new roman; /* Font del testo */
    font-size: 15pt; /* Dimensioni del testo */
    display: block;
}

#mangrovia{ /* Posizione e caratteristiche generali casella Mangrovia */
    padding-top: 15px; /* posizione della casella mappa dal bordo della casella superiore*/
    width: 330px; /* Larghezza della casella a partire dal margine sinistro */
    text-align: right; /* Allinea il testo a destra */
    overflow: hidden; /* Serve a far funzionare correttamente il margin-top del testo */
    text-decoration: none; /* Toglie la sottolineatura */
    color: #FF0000; /* Colore del testo */
    font-family: ariel; /* Font del testo */
    font-size: 35pt; /* Dimensioni del testo */
    display: block;
}

#calzavara{ /* Posizione e caratteristiche generali casella Calzavara */
    padding-top: 0px; /* posizione della casella mappa dal bordo della casella superiore*/
    width: 210px; /* Larghezza della casella a partire dal margine sinistro */
    text-align: left; /* Allinea il testo a sinistra */
    overflow: hidden; /* Serve a far funzionare correttamente il margin-top del testo */
    text-decoration: none; /* Toglie la sottolineatura */
    color: #FF0000; /* Colore del testo */
    font-family: ariel; /* Font del testo */
    font-size: 20pt; /* Dimensioni del testo */
    display: block;
}

#vuota{ /* Posizione e caratteristiche casella Vuota */
    padding-top: 240px; /* posizione della casella dal bordo di quella superiore */
	width: 810px; /* Larghezza della casella a partire dal margine sinistro */
    text-align: left; /* Allinea il testo a sinistra */
    overflow: hidden; /* Serve a far funzionare correttamente il margin-top del testo */
    text-decoration: none; /* Toglie la sottolineatura */
    color: #FFFF00; /* Colore del testo */
    font-family: ariel; /* Font del testo */
    font-size: 20pt; /* Dimensioni del testo */
    display: block;}

#paesi{ /* Posizione e caratteristiche casella Paesi */
    width: 320px; /* larghezza casella rispetto al contenitore */
    margin: 0 0 0 300px; /* Distanza della casella dal margine sinistro del contenitore */
    padding: 5px; /* Margine sinistro del testo rispetto alla casella */
    background-color: #FFFF00; /* Colore di fondo casella */
    opacity: 0.80; /* Funziona solo con versioni aggiornate di Explorer e con Firefox e Chrome */
    list-style-type: none;
}

#paesi li{ /* Testo degli Paesi */
    padding-top: 1px; /* Posizione della casella mappa dal bordo superiore del contenitore*/
    font-weight: bold; /* Testo in grassetto */
    text-decoration: none; /* Toglie la sottolineatura */
    font-family: arial; /* Font del testo */
    color: #FFFF00; /* Colore del testo */
    font-size: 16pt; /* Dimensioni del testo */
    display: block;
}
#zii{ /* Posizione e caratteristiche casella Zii */
    padding-top: 2px; /* Posizione della casella mappa dal bordo superiore del contenitore*/
    text-align: right; /* Allinea il testo a destra */
    overflow: hidden; /* Serve a far funzionare correttamente il margin-top del testo */
    font-weight: bold; /* Testo in grassetto */
    text-decoration: none; /* Toglie la sottolineatura */
    color: #FF0000; /* Colore del testo */
    font-family: times new roman; /* Font del testo */
    font-size: 12pt; /* Dimensioni del testo */
    display: block;
}
