body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
}
a.link.active { color:red;font-weight:bold; }
#menu{
height: 100px;
width: 370px;
right:5px;
top: 5px;
z-index: 999;
opacity: .9;
position: absolute;
text-align:center;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;


}
#menu:hover{
opacity: 1;
}
#titolone{
	font-family: Gill Sans, Verdana;
	font-size: 12px;
	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: 12px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
#scrittepannellotemp{
	font-family: Gill Sans, Verdana;
	text-align:center;
	font-size: 9px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
#scrittepannellotemp:hover{
	color:red;
}
#scrittepannelloside{
	font-family: Gill Sans, Verdana;
	text-align:center;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
#scrittepannelloside:hover{
	color:red;
}
#colonna1{
	font-size: 12px;
	position: absolute;
	top: 6px;
	left: 1px;
	width: 105px;
}
#colonna2{
	font-size: 12px;
	position: absolute;
	top: 6px;
	left: 125px;
	width: 105px;
}
#colonna3{
	font-size: 12px;
	position: absolute;
	top: 6px;
	left: 210px;
	width: 105px;
}
#colonna4{
	font-size: 12px;
	position: absolute;
	top: 6px;
	left: 278px;
	width: 105px;
}
#menu_side{
height: 245px;
width: 200px;
right:5px;
top: 110px;
z-index: 999;
opacity: .9;
position: absolute;
text-align:center;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
}
#menu_side2{
height: 245px;
width: 200px;
right:5px;
top: 360px;
z-index: 999;
opacity: .9;
position: absolute;
text-align:center;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
}
#menu_side2:hover{
opacity: 1;

}
@media only screen and ( max-width: 479px ) {
	#menu{
height: 90px;
width: 320px;
right:5px;
top: 5px;
z-index: 999;
opacity: .9;
position: absolute;
text-align:center;
background-color: #E6E6E6;
color:#000000 ;
border: solid 2px #000000;
border-radius: 6px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;


}
#colonna1{
	position: absolute;
	top: 1px;
	left: 1px;
}
#colonna2{
	position: absolute;
	top: 1px;
	left: 103px;
}
#colonna3{
	position: absolute;
	top: 1px;
	left: 170px;
}
#colonna4{
	position: absolute;
	top: 1px;
	left: 220px;
}
#titolone{
	font-family: Gill Sans, Verdana;
	font-size: 9px;
	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: 9px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
#scrittepannellotemp{
	font-family: Gill Sans, Verdana;
	text-align:center;
	font-size: 6px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
#scrittepannellotemp:hover{
	color:red;
}
	#menu_side{ visibility:hidden; }
	#menu_side2{ visibility:hidden; }
}
#colonna_side{
	text-align:center;
	font-size: 12px;
	position: absolute;
	top: 15px;
	left: 3px;
	width: 190px;
}
#colonna_side a{
	color: black;
}

iframe {
    overflow: hidden;
	background-color: white;
	border-radius: 20px;
	
}
#frame-stazione {
    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;
z-index:999;
}
.C0 a{
color:black;
text-decoration: none;
}
.C1{
opacity: 1;
background-color: #4B0082;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C1 a{
color:white;
text-decoration: none;
}
.C2{
opacity: 1;
background-color: #800080;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C2 a{
color:white;
text-decoration: none;
}
.C3{
opacity: 1;
background-color: #9932CC;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C3 a{
color:white;
text-decoration: none;
}
.C4{
opacity: 1;
background-color: #0327EE;
color: white;
font-size: 14px;
border: solid 2px #000000bf;
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 a{
color: white;
text-decoration: none;
}
.C4:hover{
opacity: 1;
font-size: 14px;
border-radius: 7px;
padding: 4px 2px 2px 2px;
}
.C5{
opacity: 1;
background-color: #4DD2FF;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C5 a{
color:black;
text-decoration: none;
}
.C6{
opacity: 1;
background-color: #66FFFF;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C6 a{
color:black;
text-decoration: none;
}
.C7{
opacity: .9;
background-color: #00FF7F;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C7 a{
color:black;
text-decoration: none;
}
.C8{
opacity: .9;
background-color: #ADFF2F;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C8 a{
color:black;
text-decoration: none;
}
.C9{
opacity: .9;
background-color:#FFFF00;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C9 a{
color:black;
text-decoration: none;
}
.C10{
opacity: .9;
background-color:#FFEF00;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C10 a{
color:black;
text-decoration: none;
}
.C11{
opacity: .9;
background-color: #FFD700;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C11 a{
color:black;
text-decoration: none;
}
.C12{
opacity: .9;
background-color: #FFA500;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C12 a{
color:black;
text-decoration: none;
}
.C13{
opacity: .9;
background-color: #FF8C00;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C13 a{
color:black;
text-decoration: none;
}
.C14{
opacity: .9;
background-color: #FF6347;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C14 a{
color:black;
text-decoration: none;
}
.C15{
opacity: .9;
background-color: #FF4500;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C15 a{
color:white;
text-decoration: none;
}
.C16{
opacity: .9;
background-color: #FF0000;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C16 a{
color:white;
text-decoration: none;
}
.C17{
opacity: .9;
background-color: #FF69B4;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C17 a{
color:white;
text-decoration: none;
}
.C18{
opacity: .9;
background-color: #FF00FF;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C18 a{
color:white;
text-decoration: none;
}
.C19{
opacity: .9;
background-color: #9932CC;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C19 a{
color:white;
text-decoration: none;
}
.C20{
opacity: .9;
background-color: #C71585;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C20 a{
color:white;
text-decoration: none;
}
.C21{
opacity: .9;
background-color: #800080;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C21 a{
color:white;
text-decoration: none;
}
.C22{
opacity: .9;
background-color: #660066;
font-size: 14px;
border: solid 2px #000000bf;
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;
}
.C22 a{
color:white;
text-decoration: none;
}
#castellare{
	position: absolute;
	width: 32px;
	text-align: center;
}
#raggiolo{
	position: absolute;
	width: 32px;
	text-align: center;
}
#soci{
	position: absolute;
	width: 32px;
	text-align: center;
}
#sanpiero{
	position: absolute;
	width: 32px;
	text-align: center;
}
#campi{
	position: absolute;
	width: 32px;
	text-align: center;
}
#subbiano{
	position: absolute;
	width: 32px;
	text-align: center;
}
#strada{
	position: absolute;
	width: 32px;
	text-align: center;
}
#poppi{
	position: absolute;
	width: 32px;
	text-align: center;
}
#stia{
	position: absolute;
	width: 32px;
	text-align: center;
}
#stiamonte{
	position: absolute;
	width: 32px;
	text-align: center;
}
#salutio{
	position: absolute;
	width: 32px;
	text-align: center;
}
#pratovecchio{
	position: absolute;
	width: 32px;
	text-align: center;
}
#papiano{
	position: absolute;
	width: 32px;
	text-align: center;
}
#soci{
	position: absolute;
	width: 32px;
	text-align: center;
}
#eremo{
	position: absolute;
	width: 32px;
	text-align: center;
}
#verna{
	position: absolute;
	width: 32px;
	text-align: center;
}
#consuma{
	position: absolute;
	width: 32px;
	text-align: center;
}
#bibbiena_treolmi{
	position: absolute;
	width: 32px;
	text-align: center;
}
#montefalco{
	position: absolute;
	width: 32px;
	text-align: center;
}
#molindibucchio{
	position: absolute;
	width: 32px;
	text-align: center;
}
#montecchio{
	position: absolute;
	width: 32px;
	text-align: center;
}
#passocalla{
	position: absolute;
	width: 32px;
	text-align: center;
}
#montemignaio{
	visibility: hidden;
	position: absolute;
	width: 32px;
	text-align: center;
}
#montemignaio2{
	position: absolute;
	width: 32px;
	text-align: center;
}
#vallucciole{
	position: absolute;
	width: 32px;
	text-align: center;
	visibility: hidden;
}
#badia{
	position: absolute;
	width: 32px;
	text-align: center;
	visibility: hidden;
}
#bibbiena{
	position: absolute;
	width: 32px;
	text-align: center;
	z-index: 999;
}