/*BASE*/
img{border:0; display: block;}
html{ margin:0; overflow: hidden; width: 100%; height: 100%; }
.container,
body{ margin:0; overflow: visible; width: 100%; height: 100%; }
section{ margin:0 auto; }
figure{ margin: 0; padding: 0; }
body{ background-color: #333; }
.mask iframe{
	position: absolute;
	top: 0;
	left: 0;
	border: 0px;
	overflow: hidden;
}
.mask{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.nav{
	background-color: #999;
	border: 6px solid #000;
	box-shadow: 0 0 3px #000;
	position: absolute !important;
	max-width: 100% !important;
	width: 15%;
	height: 15%;
	top: 75%;
	left: 75%;
	z-index: 10;
}
.nav .wraper,
.nav iframe,
.nav img{
	max-width: 100%;
    max-height: 100%;
}
#nav-handle{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	color: #fff;
	text-align: center;
	cursor: move;
}
.nav-pos{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;
	border: 1px solid #f00;
	background: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.nav figure{
	box-shadow: inset 0 0 20px #000;
	position: relative;
	/*background: url( ../images/plano-verde.jpg ) no-repeat center;*/
	background-size: 100%;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.nav img{
	width: 100%;
	opacity: 0.9;
	filter: alpha(opacity=90);
}