html {
	font-family:Arial, Helvetica, sans-serif;
	background-color: rgb(80, 100, 0);
}

span {
	color: rgb(200, 200, 0);
}

#title {
	font-size: 18pt;
}

img {
	position: absolute;
	margin-top: 85px;
	margin-left: 175px;
	height: 720px;
}

#description {
	position: absolute;
	margin-left: 800px;
	margin-top: 150px;
	width: 300px;
	border-style: solid;
	color: rgb(200, 200, 0);
	border-radius: 3px;
	padding: 20px;
	display: none;
}

/* city */
.city {
	position: absolute;
	background-color: rgb(255, 0, 0);
	border-radius: 4px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
}

	.city:hover {
		background-color: rgb(200, 0, 0);
	}

	.city:focus {
		background-color: rgb(255, 80, 80);
	}

	#Stabio {
		height: 22px;
		width: 22px;
		margin-top: 767.5px;
		margin-left: 555px;
	}

	#Chiasso {
		height: 22px;
		width: 22px;
		margin-top: 767.5px;
		margin-left: 595px;
	}

	#Mendrisio {
		height: 22px;
		width: 44px;
		margin-top: 730px;
		margin-left: 575px;
	}

	#Campione {
		height: 22px;
		width: 22px;
		margin-top: 680px;
		margin-left: 575px;
	}

	#Lugano {
		height: 44px;
		width: 22px;
		margin-top: 620px;
		margin-left: 530px;
	}

	#Rivera {
		height: 22px;
		width: 22px;
		margin-top: 540px;
		margin-left: 530px;
	}

	#Bellinzona {
		height: 22px;
		width: 44px;
		margin-top: 440px;
		margin-left: 530px;
	}

	#Tenero {
		height: 22px;
		width: 22px;
		margin-top: 470px;
		margin-left: 460px;
	}

	#Locarno {
		height: 22px;
		width: 44px;
		margin-top: 470px;
		margin-left: 370px;
	}

	#Sonogno {
		height: 22px;
		width: 22px;
		margin-top: 340px;
		margin-left: 460px;
	}

	#Maggia {
		height: 22px;
		width: 22px;
		margin-top: 400px;
		margin-left: 370px;
	}

	#Biasca {
		height: 22px;
		width: 22px;
		margin-top: 320px;
		margin-left: 530px;
	}

	#Ambrì {
		height: 22px;
		width: 22px;
		margin-top: 220px;
		margin-left: 420px;
	}

	#Airolo {
		height: 22px;
		width: 22px;
		margin-top: 220px;
		margin-left: 300px;
	}

	#Gottardo {
		height: 22px;
		width: 22px;
		margin-top: 130px;
		margin-left: 300px;
	}

/* route */
.route {
	position: absolute;
	background-color: rgb(200, 200, 0);
	border: none;
}

	.route:hover {
		background-color: rgb(180, 180, 0);
	}

	.route:focus {
		background-color: rgb(230, 230, 60);
	}

	#route001 {
		height: 18px;
		width: 25px;
		margin-top: 770px;
		margin-left: 575px;
	}

	#route002 {
		height: 20px;
		width: 18px;
		margin-top: 750px;
		margin-left: 578px;
	}

	#route003 {
		height: 30px;
		width: 18px;
		margin-top: 700px;
		margin-left: 578px;
	}

	#route004 {
		height: 18px;
		width: 50px;
		margin-top: 682.5px;
		margin-left: 532.5px;
	}

	#route005 {
		height: 22.5px;
		width: 18px;
		margin-top: 660px;
		margin-left: 532.5px;
	}

	#route006 {
		height: 60px;
		width: 18px;
		margin-top: 560px;
		margin-left: 532.5px;
	}

	#route007 {
		height: 80px;
		width: 18px;
		margin-top: 460px;
		margin-left: 532.5px;
	}

	#route008 {
		height: 18px;
		width: 52.5px;
		margin-top: 472.5px;
		margin-left: 480px;
	}

	#route009 {
		height: 110px;
		width: 18px;
		margin-top: 360px;
		margin-left: 462.5px;
	}

	#route010 {
		height: 18px;
		width: 100px;
		margin-top: 342.5px;
		margin-left: 372.5px;
	}

	#route011 {
		height: 60px;
		width: 18px;
		margin-top: 342.5px;
		margin-left: 372.5px;
	}

	#route012 {
		height: 50px;
		width: 18px;
		margin-top: 420px;
		margin-left: 372.5px;
	}

	#route013 {
		height: 18px;
		width: 50px;
		margin-top: 472.5px;
		margin-left: 410px;
	}

	#route014 {
		height: 100px;
		width: 18px;
		margin-top: 340px;
		margin-left: 532.5px;
	}

	#route015 {
		height: 100px;
		width: 18px;
		margin-top: 240px;
		margin-left: 532.5px;
	}

	#route016 {
		height: 18px;
		width: 110.5px;
		margin-top: 222.5px;
		margin-left: 440px;
	}

	#route017 {
		height: 18px;
		width: 100px;
		margin-top: 222.5px;
		margin-left: 320px;
	}

	#route018 {
		height: 90px;
		width: 18px;
		margin-top: 150px;
		margin-left: 302.5px;
	}

/* places */
.place {
	position: absolute;
	background-color: rgb(0, 200, 150);
	border-radius: 4px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
}

	.place:hover {
		background-color: rgb(0, 180, 100);
	}

	.place:focus {
		background-color: rgb(0, 230, 200);
	}

	#grottaCeneri {
		height: 15px;
		width: 15px;
		margin-top: 525px;
		margin-left: 533.5px;
	}

	#zonaSafari {
		height: 15px;
		width: 15px;
		margin-top: 490px;
		margin-left: 490px;
	}

	#centrale {
		height: 15px;
		width: 15px;
		margin-top: 208px;
		margin-left: 470px;
	}

	#viaVittoria {
		height: 15px;
		width: 15px;
		margin-top: 150px;
		margin-left: 303.5px;
	}


/* Responsive versione mobile */
@media only screen and (max-width: 600px) {
	#description {
		margin-top: 420px;
		margin-left: 5px;
		margin-bottom: 10px;
		max-width: 80%;
		border: none;
	}

	img {
		height: 360px;
		margin-top: 30px;
		margin-left: 30px;
	}

/* City */
	#Stabio {
		height: 15px;
		width: 15px;
		margin-top: 372px;
		margin-left: 210px;
	}

	#Chiasso {
		height: 15px;
		width: 15px;
		margin-top: 372px;
		margin-left: 240px;
	}

	#Mendrisio {
		height: 15px;
		width: 30px;
		margin-top: 350px;
		margin-left: 228px;
	}

	#Campione {
		height: 15px;
		width: 15px;
		margin-top: 325px;
		margin-left: 228px;
	}

	#Lugano {
		height: 30px;
		width: 15px;
		margin-top: 285px;
		margin-left: 205px;
	}

	#Rivera {
		height: 15px;
		width: 15px;
		margin-top: 255px;
		margin-left: 205px;
	}

	#Bellinzona {
		height: 15px;
		width: 30px;
		margin-top: 205px;
		margin-left: 205px;
	}

	#Tenero {
		height: 15px;
		width: 15px;
		margin-top: 220px;
		margin-left: 170px;
	}

	#Locarno {
		height: 15px;
		width: 30px;
		margin-top: 220px;
		margin-left: 120px;
	}

	#Sonogno {
		height: 15px;
		width: 15px;
		margin-top: 150px;
		margin-left: 170px;
	}

	#Maggia {
		height: 15px;
		width: 15px;
		margin-top: 180px;
		margin-left: 120px;
	}

	#Biasca {
		height: 15px;
		width: 15px;
		margin-top: 140px;
		margin-left: 205px;
	}

	#Ambrì {
		height: 15px;
		width: 15px;
		margin-top: 90px;
		margin-left: 150px;
	}

	#Airolo {
		height: 15px;
		width: 15px;
		margin-top: 90px;
		margin-left: 90px;
	}

	#Gottardo {
		height: 15px;
		width: 15px;
		margin-top: 50px;
		margin-left: 90px;
	}

/* route */
	#route001 {
		height: 15px;
		width: 20px;
		margin-top: 372px;
		margin-left: 225px;
	}

	#route002 {
		height: 12px;
		width: 15px;
		margin-top: 360px;
		margin-left: 228px;
	}

	#route003 {
		height: 30px;
		width: 15px;
		margin-top: 330px;
		margin-left: 228px;
	}

	#route004 {
		height: 15px;
		width: 30px;
		margin-top: 325px;
		margin-left: 205px;
	}

	#route005 {
		height: 15px;
		width: 15px;
		margin-top: 310px;
		margin-left: 205px;
	}

	#route006 {
		height: 25px;
		width: 15px;
		margin-top: 265px;
		margin-left: 205px;
	}

	#route007 {
		height: 45px;
		width: 15px;
		margin-top: 215px;
		margin-left: 205px;
	}

	#route008 {
		height: 15px;
		width: 25px;
		margin-top: 220px;
		margin-left: 180px;
	}

	#route009 {
		height: 60px;
		width: 15px;
		margin-top: 160px;
		margin-left: 170px;
	}

	#route010 {
		height: 15px;
		width: 55px;
		margin-top: 150px;
		margin-left: 120px;
	}

	#route011 {
		height: 40px;
		width: 15px;
		margin-top: 150px;
		margin-left: 120px;
	}

	#route012 {
		height: 35px;
		width: 15px;
		margin-top: 190px;
		margin-left: 120px;
	}

	#route013 {
		height: 15px;
		width: 30px;
		margin-top: 220px;
		margin-left: 145px;
	}

	#route014 {
		height: 60px;
		width: 15px;
		margin-top: 150px;
		margin-left: 205px;
	}

	#route015 {
		height: 55px;
		width: 15px;
		margin-top: 90px;
		margin-left: 205px;
	}

	#route016 {
		height: 15px;
		width: 55px;
		margin-top: 90px;
		margin-left: 150px;
	}

	#route017 {
		height: 15px;
		width: 55px;
		margin-top: 90px;
		margin-left: 100px;
	}

	#route018 {
		height: 50px;
		width: 15px;
		margin-top: 55px;
		margin-left: 90px;
	}

/* places */
	#grottaCeneri {
		height: 15px;
		width: 15px;
		margin-top: 240px;
		margin-left: 205px;
	}

	#zonaSafari {
		height: 15px;
		width: 15px;
		margin-top: 235px;
		margin-left: 180px;
	}

	#centrale {
		height: 15px;
		width: 15px;
		margin-top: 75px;
		margin-left: 170px;
	}

	#viaVittoria {
		height: 15px;
		width: 15px;
		margin-top: 65px;
		margin-left: 90px;
	}

}