html {
	height: 100%;
}	
body {	
	font-family: Arial;
	font-size: 12px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
#titolo {
	text-align: center;
	margin: 5px 5px 0px 140px;
}
#map-canvas {
	border: 1px solid gray;
	margin: 0px 5px 0px 140px;
	height: 80%;
}
#viaggi {
	margin: 5px;
	padding: 5px;
}
#checkboxes {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 120px;
	font-size: 1em;
	background-color: white;
	border: 1px solid gray;
	padding: 5px;
	line-height: 12px;
	vertical-align: central;
}
#trips {
	height: 24px;
	margin: 15px 5px 5px 10px;
	padding: 0px;
	vertical-align: central;
}
#trips ul {
	font-size: 1em;
	text-align: left;
	vertical-align: central;
	padding: 5px;
	margin-left: 5px;
	line-height: 12px;
	list-style-type: none;
}
#trips ul li {
	display: inline-block;
	width: 80px;
}
#legenda {
	height: 40px;
	margin: 5px 5px 0px 135px;
	padding: 5px;
}
#legenda ul {
	font-size: 1em;
	text-align: left;
	vertical-align: auto;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 32px;
}
#legenda ul li {
	display: inline-block;
	width: 100px;
	text-indent: 33px;
}
h1 {
	height:40px;
	font-size: 3em;
	font-weight: bold;
	color: #000000;
}
h4 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000000;
}
.lodging {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/lodging.png');
}
.camera {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/camera.png');
}
.swimming {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/swimming.png');
}
.restaurant {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/restaurant.png');
}
.plane {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/plane.png');
}
.home {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/home.png');
}
.hiker {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/hiker.png');
}
.ferry {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/ferry.png');
}
.cycling {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/cycling.png');
}
.camera {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/camera.png');
}
.bus {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/bus.png');
}
.dive {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/dive.jpg');
}
.winterski {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/winterski.png');
}
.snack {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/snack.png');
}
.mechanic {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/mechanic.png');
}
.shopping {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/shopping.png');
}
.campground {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/campground.png');
}
.picnic {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/picnic.png');
}
.sailing {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/sailing.png');
}
.marine {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/marine.png');
}
.canoa {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/canoe.png');
}
.zipline {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/ziplinegreen.png');
}
.cablecar {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('icon/cablecar.png');
}