body
{
font-family:Arial, Sans-Serif;
margin:20px 10px 10px 10px;
color:#333333;
}

h1
{
    font-size:100%;
    color:#b30002;
    margin:0px 0px 20px 0px;
}

h2
{
    font-size:80%;
}

.Comune
{
    font-weight:bold;
    font-size:80%;
    background-color:#dbd9dc;
    width:99%;
    margin:0px 20px 0px 0px;
    padding:2px 2px 2px 2px;
    border:1px solid #ffffff;
    float:left;
}

.PietreVerdi
{
    float:left;
    width:33%;
    text-align:center;
    background-color:#e9e7ea;
    border:1px solid #ffffff;
    height:120px;
}

.StatoCondizione
{
    float:left;
    width:33%;
    text-align:center;
    background-color:#e9e7ea;
    border:1px solid #ffffff;
    height:120px;
}

.Gauge
{
    float:left;
    width:33%;
    text-align:center;
    background-color:#e9e7ea;
    border:1px solid #ffffff;
    height:120px;
}

a.LinkFrecciaLeft
{
    color:#000;
    text-decoration:underline;
    font-size:70%;
    padding-left:20px;
    margin:0;
    background:url(images/LinkFreccia.png) Left center no-repeat
}


.Link
{
    padding:15px 2px 2px 1px;
    clear:both;
}


caption
{
    text-transform:uppercase;
    text-align:left;
    font-size:80%;
    font-weight:bold;
    margin:30px 0px 10px 0px;
    color:#b30002;
}

table
{
    padding:0px;
    width:100%;
    border:1px solid #dbd9dc;
    /*border-collapse:collapse;*/
}

th
{
    text-align:left;
    font-size:75%;
    padding:5px 3px 5px 3px;
    border:1px solid #ffffff;
    vertical-align:top;
    background-color:#f7f6f8;
}

td
{
    padding:5px 3px 5px 3px;
    border:1px solid #ffffff;
    font-size:75%;
    vertical-align:top;
    background-color:#e9e7ea;
}

ul
{
    margin:5px 0px 5px -20px;
}

li
{
    margin:3px 0px 3px 0px;
}
ul.opzioni li {
    color:#aaa0a0;
    font-weight:bold;
}