body  {
	background-color: #333;
	margin: 0;
	padding: 0;
}
body > h3{
	text-align: center;
	font-family: Arial;
	color: #eee;
}
body > h3 > img,
body > div.footer > img {
	vertical-align: middle;
}
body > div > ul {
	margin:auto;
	width: 600px;
} 
body > div > ul > li {
	font-family: Arial;
	color: #eee;
}
body > h1 {
	margin: 0;
	margin-bottom: 20px;
}
body > h1,
body div.footer {
	text-align: center;
	font-family: Arial;
	color: #333;
	background-color: #ccc;
	padding: 10px;	
}
body div.footer {
	margin: 0;
	margin-top: 50px;
}
body div ul li {
	width: 100%;
	height: 30px;
	cursor: pointer;
}
body div ul li:hover {
	color: #e1b464
}
body div ul li a {
	
	display: inline-block;
	background-image: url(../images/logo-windy.png);	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	width: 20px;
	Height: 20px;
	float: right;
}
#panorama {
	width: 800px;
	height: 600px;
	margin: auto;
	margin-bottom: 20px;
}
.custom-hotspot {
	height: 24px;
	width: 24px;
	background: #fff;
	background-image: url(../images/view.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
	border-radius: 12px;
}