html {
height: 100%;
}

body {
margin: 0; padding: 0;
}

#contenitore {

margin: 0;
padding: 0;
width: 100%;

}
a.link.active { color:red;font-weight:bold; }

#immagine{
background-image: url('img/retemeteo.png');
background-repeat: no-repeat;
border-bottom-right-radius: 15px;
width: 853px;
height:618px;

}
#radar{
width: 100%;
height:618px;
position: absolute;
left: 0px;
background-repeat: no-repeat;
background-size: 850% 850%;
background-position: 73.5% 93%;
opacity: 0.7;
}
#menu{
opacity: .9;
position: absolute;
text-align:center;
top: 10px;
left: 450px;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
height: 100px;
width: 400px;
}
#menu:hover{
opacity: 1;

}
#titolone{
font-family: Gill Sans, Verdana;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
   text-shadow: 1px 1px white, 
	2px 2px white, 
	3px 3px white;
}
#scrittepannellotitolo{
font-family: Gill Sans, Verdana;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
margin-top: 1em;

}
#colonna1{
font-size: 11px;
position: absolute;
left: 25px;
width: 105px;
}
#colonna2{
font-size: 11px;
position: absolute;
left: 135px;
width: 105px;
}
#colonna3{
font-size: 11px;
position: absolute;
left: 210px;
width: 105px;
}
#colonna4{
font-size: 11px;
position: absolute;
left: 280px;
width: 105px;
}
#scrittaradar_on{
visibility: hidden;
font-size: 11px;
position: absolute;
left: 100px;
bottom: 8px;
width: 150px;
}
#scrittaradar_off{
visibility: hidden;
font-size: 11px;
position: absolute;
left: 200px;
bottom: 8px;
width: 150px;
}
#orario_radar{
font-size: 9px;
position: absolute;
left: 140px;
bottom: -1px;
width: 150px;
}
#menu_side{
opacity: .9;
position: absolute;
top: 120px;
left: 650px;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
height: 240px;
width: 200px;
}
#menu_side2{
opacity: .9;
position: absolute;
top: 370px;
left: 650px;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
height: 240px;
width: 200px;
}
#menu_side:hover{
opacity: 1;

}
#menu_side2:hover{
opacity: 1;

}
#colonna_side{
text-align:center;
font-size: 12px;
position: absolute;
top: 8px;
left: 3px;
width: 190px;
}

iframe {
overflow: hidden;
background-color: white;
border-radius: 20px;

}
a {
color: inherit;
text-decoration: none;
}

a:hover 
{
color: inherit; 
text-decoration:none; 
cursor:pointer;  
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
width: 9px;
padding: 1px;
height: 9px;
}
.ui-dialog .ui-dialog-titlebar 
{
background: none;
height: 18px;
}
.ui-button .ui-button-text
{
line-height: normal;
display: inline;
}
.C0{
opacity: .7;
background-color: #E8E8E8;
color:#000000 ;
font-size: 14px;
border: solid 2px #000000;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C1{
opacity: 1;
background-color: #4B0082;
color:white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 37px;
}
.C1:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C2{
opacity: 1;
background-color: #800080;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 37px;
}
.C2:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C3{
opacity: 1;
background-color: #9932CC;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 37px;
}
.C3:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C4{
opacity: 1;
background-color: #0307EE;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C4:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C5{
opacity: 1;
background-color: #4DD2FF;
color: black;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C5:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C6{
opacity: 1;
background-color: #66FFFF;
color: #000000;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C6:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C7{
opacity: .9;
background-color: #00FF7F;
color: black;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C7:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C8{
opacity: .9;
background-color: #ADFF2F;
color: black;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C8:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C9{
opacity: .9;
background-color:#FFFF00;
color: #000000;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C9:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C10{
opacity: .9;
background-color:#FFEF00;
color: #000000;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C10:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C11{
opacity: .9;
background-color: #FFD700;
color:#000000 ;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C11:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C12{
opacity: .9;
background-color: #FFA500;
color: #000000;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C12:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C13{
opacity: .9;
background-color: #FF8C00;
color: #000000;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C13:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C14{
opacity: .9;
background-color: #FF6347;
color: #000000;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C14:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C15{
opacity: .9;
background-color: #FF4500;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C15:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C16{
opacity: .9;
background-color: #FF0000;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C16:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C17{
opacity: .9;
background-color: #FF69B4;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C17:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C18{
opacity: .9;
background-color: #FF00FF;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C18:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C19{
opacity: .9;
background-color: #9932CC;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C19:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C20{
opacity: .9;
background-color: #C71585;
color: white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C20:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C21{
opacity: .9;
background-color: #800080;
color:white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C21:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C22{
opacity: .9;
background-color: #660066;
color:white;
font-size: 14px;
border: solid 2px black;
border-radius: 6px;
font-weight: bold;
font-family: "Helvetica", "Helvetica Neue Light", "Helvetica Neue", 
Helvetica, Arial, "Lucida Grande", sans-serif;
padding: 2px 1px 1px 1px;
width: 32px;
}
.C22:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
#bibbiena{
position: absolute;
top: 320px;
left: 422px;
width: 30px;
text-align: center;
}
#bibbiena_treolmi{
position: absolute;
top: 300px;
left: 435px;
width: 30px;
text-align: center;
}
#soci{
position: absolute;
top: 270px;
left: 415px;
width: 30px;
text-align: center;
}
#castellare{
position: absolute;
top: 332px;
left: 385px;
width: 30px;
text-align: center;
}
#poppi{
position: absolute;
top: 300px;
left: 348px;
width: 30px;
text-align: center;
}
#poppizoo{
position: absolute;
top: 268px;
left: 358px;
width: 30px;
text-align: center;
}
#sanpiero{
position: absolute;
top: 384px;
left: 322px;
width: 30px;
text-align: center;
}
#raggiolo{
position: absolute;
top: 390px;
left: 230px;
width: 30px;
text-align: center;
}
#campi{
position: absolute;
top: 355px;
left: 438px;
width: 30px;
text-align: center;
}
#verna{
position: absolute;
top: 355px;
left: 600px;
width: 30px;
text-align: center;
}
#pratovecchio{
position: absolute;
top: 139px;
left: 282px;
width: 30px;
text-align: center;
}
#strada{
position: absolute;
top: 261px;
left: 258px;
width: 30px;
text-align: center;
}
#montemignaio{
visibility:hidden;
position: absolute;
top: 264px;
left: 134px;
width: 30px;
text-align: center;
}

#montemignaio2{
position: absolute;
top: 264px;
left: 172px;
width: 30px;
text-align: center;
}
#vallucciole{
visibility:hidden;
position: absolute;
top: 55px;
left: 193px;
width: 30px;
text-align: center;
}
#stia{
position: absolute;
top: 119px;
left: 223px;
width: 30px;
text-align: center;
}
#papiano{
position: absolute;
top: 87px;
left: 265px;
width: 30px;
text-align: center;
}
#stiamonte{
position: absolute;
top: 76px;
left: 225px;
width: 30px;
text-align: center;
}
#eremo{
position: absolute;
top: 115px;
left: 435px;
width: 30px;
text-align: center;
}
#badia{
visibility: hidden;
position: absolute;
top: 155px;
left: 515px;
width: 30px;
text-align: center;
}
#consuma{
position: absolute;
top: 159px;
left: 118px;
width: 30px;
text-align: center;
}
#salutio{
position: absolute;
top: 505px;
left: 384px;
width: 30px;
text-align: center;
}
#montefalco{
position: absolute;
top: 2px;
left: 263px;
width: 30px;
text-align: center;
}
#pescine{
position: absolute;
top: 295px;
left: 388px;
width: 30px;
text-align: center;
}
#molindibucchio{
position: absolute;
top: 70px;
left: 170px;
width: 30px;
text-align: center;
}
#montecchio{
position: absolute;
top: 580px;
left: 550px;
width: 30px;
text-align: center;
}
#passocalla{
position: absolute;
top: 22px;
left: 286px;
width: 30px;
text-align: center;
}
#gargiano{
position: absolute;
top: 405px;
left: 460px;
width: 30px;
text-align: center;
}
#pratarutoli{
position: absolute;
top: 285px;
left: 188px;
width: 30px;
text-align: center;
}
#porrena{
position: absolute;
top: 227px;
left: 310px;
width: 30px;
text-align: center;
}
#omomorto{
position: absolute;
top: 179px;
left: 175px;
width: 30px;
text-align: center;
}