body {
	font-family: Arial, Sans;
	background: #fff;
	margin: 0;
	padding: 0px;
	overflow: hidden;

}
/*
.bg {
	display: block;
	margin-top: -520px;
	width: 100%;
}
*/
.event:hover, .event:hover {
	width: 1.8em;
	height: auto;
	cursor: pointer;
}

.legenda {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.hint {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 999;

}

#container {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ccc;
	overflow: hidden;
	width: 854px;
	height: 482px;
}

#scene {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 854px;
	height: 1500px;
	margin: 0px;
	padding: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: url("../imgs/invasoes3.jpg");
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur) 8 8, move;
}

.grabbing {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), move; }
}

.layer:nth-child(1) {
  opacity: 1;
}

.ex1 {
	background-image: url("../imgs/ex1.png");
	position: absolute; 
	width: 119px;
	height: 160px;
	top: 108px; 
	left: -10px; 
	z-index: 999
}

.ex1:hover {
	background-image: url("../imgs/ex2.png");
}

#desc1, #desc2, #desc3, #desc4,
#desc5, #desc6, #desc7, #desc8,
#desc9, #desc10, #desc11, #desc12,
#desc13, #desc14, #desc15, #desc16, #desc161, #desc162,
#desc17, #desc18, #desc19, #desc20,
#desc21, #desc22, #desc23
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 990;
	width: 280px;
	height: 100%;
	display: none;
	background-color: #f6f6f6;
}	

.info h3 {
	letter-spacing: -0.01em;
	font-size: 16px;
	margin: 10px 0px;
	margin-right: 40px;
}

.info p {
	font-family: Arial, Sans;
	font-size: 12px;
	margin: 10px 0px;
	line-height: 1.6em;
}

.info {
	padding: 10px;
}

.info img {
	width: 100%;
	height: auto;
}

.info .btn {
	font-family: Arial, Sans;
	font-size: 14px;
	margin: 20px 0px;
	padding: 5px 15px;
	color: #fff;
	background-color: #3CB4E7;
	border-radius: 3px;
	font-weight: bold;
	}
	
.close	{	
	background-image: url("../imgs/close.png");
	width: 21px;
	height: 21px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}
	
a {
	text-decoration: none;
}

.event1 { position: absolute; top: 215px; left: 380px; }
.event2 { position: absolute; top: 320px; left: 198px; }
.event3 { position: absolute; top: 365px; left: 196px; }
.event4 { position: absolute; top: 415px; left: 198px; }
.event5 { position: absolute; top: 363px; left: 325px; }
.event6 { position: absolute; top: 403px; left: 315px; }
.event7 { position: absolute; top: 428px; left: 350px; }
.event8 { position: absolute; top: 490px; left: 420px; }
.event9 { position: absolute; top: 485px; left: 474px; }
.event10 { position: absolute; top: 490px; left: 520px; }
.event11 { position: absolute; top: 525px; left: 470px; }
.event12 { position: absolute; top: 570px; left: 370px; }
.event13 { position: absolute; top: 546px; left: 230px; }
.event14 { position: absolute; top: 660px; left: 380px; }
.event15 { position: absolute; top: 655px; left: 3850px; }
.event16 { position: absolute; top: 770px; left: 110px; }
.event161 { position: absolute; top: 660px; left: 490px; }
.event162 { position: absolute; top: 800px; left: 76px; }
.event17 { position: absolute; top: 860px; left: 45px; }
.event18 { position: absolute; top: 880px; left: 105px; }
.event19 { position: absolute; top: 915px; left: 40px; }
.event20 { position: absolute; top: 918px; left: 80px; }
.event21 { position: absolute; top: 950px; left: 40px; }
.event22 { position: absolute; top: 980px; left: 330px; }
.event23 { position: absolute; top: 1288px; left: 365px; }

