.universo{
	background:url(img/universo.png) no-repeat 0 0;
	width:800px;
	height:600px;
}

#terraArea #terra{
	/*left: 25px;*/
}
#terraArea{
	width:800px;
	height:600px;
	transform: scale(1,1);
	-webkit-transition: left .25s linear, transform .25s linear;
	transition: left .25s linear, transform .25s linear;
}
#terraArea.meio{
	left: -180px;
	transform: scale(.7,.7);
}

.destaque{
	width:120px;
	height:70px;
	/*background:red;*/
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0 0 -60px;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	cursor: pointer;
}
.destaque.d0{
	transform: rotateY(-270deg) translateZ(180px);/* frame 23 */
	margin: -220px 0 0 -70px;
}
.destaque.d1{
	transform: rotateY(-135deg) translateZ(180px);/* frame 8 */
	margin-top: -250px;
}
.destaque.d2{
	transform: rotateY(-195deg) translateZ(280px);/* frame 16 */
	margin: -45px 0 0 -50px;
}
.destaque.d3{
	transform: rotateY(-240deg) translateZ(180px);/* frame 20 */
	margin: -230px 0 0 0;
}
.destaque.d4{
	transform: rotateY(-175deg) translateZ(80px);/* frame 13 */
	margin: 200px 0 0 -40px;
}
.destaque.d5{
	transform: rotateY(-10deg) translateZ(140px);/* frame 2 */
	width:150px;
	margin: -240px 0 0 -55px;
}
.destaque.d6{
	background: url(img/destaque.png) no-repeat 0 0;
	background-position: -18px -27px;
	background-size: 170%;
	width: 68px;
	margin: -35px 0 0 -22.5px;
	top: 54px;
	left: 600px;
	transform-style: flat;
	transform: translateZ(0px);
}

.menu{
	position:absolute;
	top:55px;
	left:0px;
	width:55px;
	height:545px;
	background:#00A99D;
}
.menu ul{
	position:absolute;
	bottom:0px;
	left:0px;
	width:55px;
	display:block;
}
.menu ul li{
	width:55px;
	height:80px;
	display:block;
	text-indent:-5000px;
	cursor:pointer;
	transition: background .5s linear;
}
.menu ul li[data-status=off]{
	width:55px;
	height:80px;
	display:block;
	background:url(img/menuOff.png) no-repeat;
}
.menu ul li[data-status=on]{
	width:55px;
	height:80px;
	display:block;
	background:url(img/menuOn.png) no-repeat;
}
.menu ul li.umidade{ background-position:center 20px; }
.menu ul li.pressao{ background-position:center -61px; }
.menu ul li.salinidade{ background-position:center -140px; }
.menu ul li.luminosidade{ background-position:center -220px; }
.menu ul li.temperatura{ background-position:center -305px; }

.aba_menu{
	position:absolute;
	top:0px;
	width:380px;
	height:600px;
	background:#E6E6E6;
	-webkit-transition: right .25s linear;
	transition: right .25s linear;
}
.aba_menu[data-status=off]{ right:-380px; }
.aba_menu[data-status=on]{ 	right:0px; }
.aba_menu > .fechar{
	position:absolute;
	top:auto;
	bottom:0px;
	left:-41px;
	width:41px;
	height:47px;
	display:block;
	text-indent:-5000px;
	cursor:pointer;
	background:url(img/btFecharAbaMenu.png) no-repeat 0 0;
	-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}
.aba_menu[data-status=off] > .fechar{ opacity:0; visibility:hidden; }
.aba_menu[data-status=on] > .fechar{  opacity:1; visibility:visible; }
.aba_menu header{
	display:block;
	width:380px;
	height:85px;
	background:#00a99d;
}
.aba_menu header h3{
	font-size:18px;
	color:#fff;
	padding:20px 0 2px 20px;
	font-weight: normal;
}
.aba_menu header h4{
	font-size:18px;
	color:#333;
	padding:2px 0 20px 20px;
}
.aba_menu header h4{
	font-size:18px;
	color:#333;
	padding:2px 0 20px 20px;
}
.aba_menu header a{
	display:block;
	width:60px;
	height:85px;
	border-left:2px solid #fff;
	position: absolute; 
	right: 0; 
	top: 0;
	text-indent:-5000px;
	cursor:pointer;
	background:url(img/icon_dna_branco.png) no-repeat center center;
}

.aba_menu article { 
	height:515px; 
	width:380px; 
	position: relative; 
}
.aba_menu article .viewport {
	height:515px; 
	width:370px; 
	position: absolute; 
	left: 0; 
	top: 0;
	overflow:hidden;
}
.aba_menu article .overview { 
	position: absolute; 
	left: 0; 
	top: 0;
}
.aba_menu article .scrollbar{ 
	position:  absolute;  
	width: 10px; 
	top:0px;
	right:0px;
}
.aba_menu article .track {
	width:10px;  
	height:100%; 
	position: relative; 
	padding: 0; 
	background:#999;
}
.aba_menu article .thumb { 
	width: 10px; 
	height:20px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background:#666;
}

.aba_menu article blockquote{
	border-bottom:2px solid #c0c0c0;
}
.aba_menu article blockquote figure{
	width:370px;  
	height:208px; 
	position: relative; 
}
.aba_menu article blockquote figure a{
	width:34px;  
	height:33px; 	
	position:absolute;
	bottom:8px;
	right:6px;
	display:block;
	text-indent:-5000px;
	cursor:pointer;
	background:url(img/btMais.png) no-repeat 0 0;
}
.aba_menu article blockquote strong{	
	display:block;
	font-size:15px;
	color:#000;
	padding:20px 5px 20px 25px;
}
.aba_menu article span{	
	display:block;
	height:45px; 		
	font-size:16px;
	color:#484B4C;
	padding:20px 10px;
	padding-left:5px;
}
.aba_menu article span > span{	
	float:left;
	width:40px;
	height:45px;
	margin:0px 2px;
	padding:0px;
	background:url(img/menuOff.png) no-repeat;
	margin-top: 1px;
}
.aba_menu article span > span:first-of-type{	
	margin-left:10px;
}
.aba_menu article span > span:last-of-type{	
	margin-right:10px;
}
.aba_menu article span .umidade{ background-position:center 0px; }
.aba_menu article span .pressao{ background-position:center -80px; }
.aba_menu article span .salinidade{ background-position:center -160px; }
.aba_menu article span .luminosidade{ background-position:center -240px; }
.aba_menu article span .temperatura{ background-position:center -324px; }

.aba_menu article p{			
	font-size:17px;
	color:#000;
	padding:0 20px;
	margin:20px 0;
}

.aba_menu article footer{
	border-top:2px solid #c0c0c0;
	height:48px;	
	padding:20px 0 10px 70px;
	background:url(img/icon_dna_cinza.png) no-repeat 20px center;
	margin-top:20px;
}
.aba_menu article footer a{
	font-size:17px;
	color:#484B4C;
	text-decoration:none;
}


/*#stage .credito small { text-shadow: #000 1px 1px 1px; }*/
#stage #galeria section .legenda { width: 740px; }
#stage #galeria section .texto { 
	background: #E6E6E6;
	height: 580px;
	padding: 70px 30px 40px 30px;
}
#stage #galeria section .texto h4 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	text-shadow:none;
	font-size: 17px;
	display:block;
	padding-left:30px;
	width:235px;
	background:#00a99d;
}

#popUpValida{
	position: absolute;
	width: 800px;
	height: 600px;
	background:rgba(0,0,0,.5);
}
#popInfo{
	position: absolute;
	top: -35px;
	left: -36px;
}

#txtPop{
	position: absolute;
	width: 331px;
	height: 122px;
	top: 185px;
	left: 243px;
	background: #e6e6e6;
	font-size: 17px;
	padding: 65px 25px 120px 24px;
}
#txtAten{
	position: absolute;
	top: 210px;
	left: 270px;
}
#btnFecharPop{
	position: absolute;
	display: inline-block;
	padding: 0 23px;
	height: 35px;
	line-height: 37px;
	font-family: 'font2B';
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	margin: 432px auto;
	background: #333333;
	margin-left: 379px;
}