* {
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#interatividade{
    background-color: #000;
}

#interface{
	z-index: 101;
}

#tela-preta{
	width:100%;
	height:100%;
	background-color: #000;
	display:none;
	position:absolute;
}	
#interatividade .lettering2{
	position:absolute; 
	top: 23px;
	left: 74px;
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
}

.btPularAnimacao {
    position:absolute;
    left:615px;
    top:465px;
    width:170px;
    height:43px;
    background-repeat: no-repeat;
    display:none;
}

.bt
{
    cursor:pointer;
}

.tela {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

.container {
    position:relative;
    width:100%;
    height:100%;
}

.textoDefault {
    font-family:Arial;
    font-size:17px;
    color:white;
    text-align:left;
}
/*
h1.textoDefault {
    font-size:20px;
}*/

.textoLegenda {
    font-family: Arial;
    font-size: 9px;
    color: #e2e2e2;
    text-align: left;
}

#tela2-1 {
    background-image: url(../assets/images/2_1fundo.png);
}

#texto2-1 {
    position:absolute;
    top:85px;
    left:32px;
    width:470px;
}

#btDistancia2-1 {
    position:absolute;
    left:28px;
    top:289px;
    width:263px;
    height:47px;
    background-image:url(../assets/images/2_1bt_distancia.png)
}

#btRotacao2-1 {
    position:absolute;
    left:28px;
    top:375px;
    width:263px;
    height:47px;
    background-image:url(../assets/images/2_1bt_rotacao.png)
}

#tela3-1 {
    background-image: url(../assets/images/3_1fundo.png);
}
/*
.tituloAtividade {
    width:405px;
    position:absolute;
    top:40px;
    left:16px;
}*/

#texto3-1 {
    width:720px;
    position:absolute;
    top:82px;
    left:32px;
    text-align:left;
}

#btQuilometro3-1 {
    position:absolute;
    left:88px;
    top:139px;
    width:196px;
    height:41px;
    background-image:url(../assets/images/3_1btQuilometro_off.png)
}

#btQuilometro3-1.ligado {
    background-image:url(../assets/images/3_1btQuilometro.png)
}

#btUnidade3-1 {
    position:absolute;
    left:303px;
    top:139px;
    width:196px;
    height:41px;
    background-image:url(../assets/images/3_1btUnidade_off.png)
}

#btUnidade3-1.ligado {
    background-image:url(../assets/images/3_1btUnidade.png)
}

#btAnoluz3-1 {
    position:absolute;
    left:517px;
    top:139px;
    width:196px;
    height:41px;
    background-image:url(../assets/images/3_1btAnosluz_off.png)
}
#btAnoluz3-1.ligado {
    background-image:url(../assets/images/3_1btAnosluz.png)
}

#btMercurio3-1 {
    position:absolute;
    left:16px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btMercurio_off.png)
}
#btMercurio3-1.ligado {
    background-image:url(../assets/images/3_1btMercurio.png)
}

#btVenus3-1 {
    position:absolute;
    left:112px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btVenus_off.png)
}
#btVenus3-1.ligado {
    background-image:url(../assets/images/3_1btVenus.png)
}

#btTerra3-1 {
    position:absolute;
    left:208px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btTerra_off.png)
}
#btTerra3-1.ligado {
    background-image:url(../assets/images/3_1btTerra.png)
}

#btMarte3-1 {
    position:absolute;
    left:304px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btMarte_off.png)
}
#btMarte3-1.ligado {
    background-image:url(../assets/images/3_1btMarte.png)
}

#btJupiter3-1 {
    position:absolute;
    left:401px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btJupiter_off.png)
}
#btJupiter3-1.ligado {
    background-image:url(../assets/images/3_1btJupiter.png)
}

#btSaturno3-1 {
    position:absolute;
    left:497px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btSaturno_off.png)
}
#btSaturno3-1.ligado {
    background-image:url(../assets/images/3_1btSaturno.png)
}

#btUrano3-1 {
    position:absolute;
    left:593px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btUrano_off.png)
}
#btUrano3-1.ligado {
    background-image:url(../assets/images/3_1btUrano.png)
}

#btNetuno3-1 {
    position:absolute;
    left:689px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btNetuno_off.png)
}
#btNetuno3-1.ligado {
    background-image:url(../assets/images/3_1btNetuno.png)
}

#btSol3-1 {
    position:absolute;
    left:16px;
    top:495px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btSol_off.png)
}
#btSol3-1.ligado {
    background-image:url(../assets/images/3_1btSol.png)
}

#btTamanho3-1 {
    position:absolute;
    left:112px;
    top:495px;
    width:263px;
    height:41px;
    background-image:url(../assets/images/3_1btTamanho_off.png)
}
#btTamanho3-1.ligado {
    background-image:url(../assets/images/3_1btTamanho.png)
}

.fonte-dados {
	display:none;
}

#stage .credito {
	top: 190px;
	right: -15.3%;
	width: 355px;
}
#stage .credito small {
	text-transform: none;
}

#sol3-1 {
    cursor: pointer;
    position:absolute;
    left:0px;
    top:50px;
    width:50px;
    height:510px;
}

#sol3-1-img {
    position:absolute;
    left:0px;
    top:50px;
    width:141px;
    height:510px;
    background-image: url(../assets/images/3_1sol.png);
}

#saturno3-1 {
    position:absolute;
    left:709px;
    top:221px;
    width:195px;
    height:116px;
    background-image: url(../assets/images/3_1ASaturno.png);
}

#jupiter3-1 {
    position:absolute;
    left:420px;
    top:225px;
    width:119px;
    height:113px;
    background-image: url(../assets/images/3_1Ajupiter.png);
}

#urano3-1 {
    position:absolute;
    left:1616px;
    top:255px;
    width:53px;
    height:52px;
    background-image: url(../assets/images/3_1AUrano.png);
}

#netuno3-1 {
    position:absolute;
    left:2518px;
    top:255px;
    width:52px;
    height:51px;
    background-image: url(../assets/images/3_1Netuno.png);
}

#venus3-1 {
    position:absolute;
    left:100px;
    top:275px;
    width:10px;
    height:11px;
    background-image: url(../assets/images/3_1AVenus.png);
}

#terra3-1 {
    position:absolute;
    left:125px;
    top:275px;
    width:12px;
    height:11px;
    background-image: url(../assets/images/3_1ATerra.png);
}

#marte3-1 {
    position:absolute;
    left:170px;
    top:275px;
    width:11px;
    height:11px;
    background-image: url(../assets/images/3_1Amarte.png);
}

#mercurio3-1 {
    position:absolute;
    left:73px;
    top:276px;
    width:9px;
    height:9px;
    background-image: url(../assets/images/3_1AMercurio.png);
}

/*.planeta {
    cursor: pointer;
}*/

#planetas {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 510px;
    width: 2920px;    
}

#popup3-1 {
    position: absolute;
    display: none;
    width:399px;
    height:123px;
    top: 285px;
    background-image: url(../assets/images/3_1Apopup.png)
}

.tituloPopup {
    position: absolute;
    left: 20px;
    top: 40px;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    color: #0071bc;
}

.labelPopup {
    position: absolute;
    left: 20px;
    top: 66px;
    font-family: Arial;
    font-size: 16px;
}

.distanciaPopup {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

.saibaMaisPopup {
    position: absolute;
    left: 305px;
    top: 95px;
    cursor: pointer;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    color: #666666;
	z-index: 100;
}

.btX {
    background-image: url(../assets/images/3_bt_X.png);
    width: 41px;
    height: 41px;
    position: absolute;
    top: 5px;
    right: 5px;
	z-index: 100;
}


#btXPopup {
    top: 25px;
    left: 350px;    
}

#tela3-4 {
    background-image: url(../assets/images/3_1fundo.png);
}

#escritoPlanetasInternos3-4 {
    position:absolute;
    left:76px;
    top:220px;
    width:159px;
    height:56px;
    background-image: url(../assets/images/3_4escritoPlanetasInternos.png);
}

#escritoPlanetasExternos3-4 {
    position:absolute;
    left:226px;
    top:366px;
    width:555px;
    height:66px;
    background-image: url(../assets/images/3_4escritoPlanetasExternos.png);
}

#sol3-4-img {
    position:absolute;
    left:0px;
    top:0px;
    width:203px;
    height:600px;
    background-image: url(../assets/images/3_4Sol.png);
}

#sol3-4 {
    position:absolute;
    left:0px;
    top:100px;
    width:68px;
    height:400px;
}

#saturno3-4 {
    position:absolute;
    left:386px;
    top:215px;
    width:235px;
    height:140px;
    background-size: contain;
    background-image: url(../assets/images/3_1ASaturno.png);
}

#jupiter3-4 {
    position:absolute;
    left:230px;
    top:220px;
    width:143px;
    height:136px;
    background-size: contain;
    background-image: url(../assets/images/3_1Ajupiter.png);
}

#urano3-4 {
    position:absolute;
    left:634px;
    top:256px;
    width:64px;
    height:63px;
    background-size: contain;
    background-image: url(../assets/images/3_1AUrano.png);
}

#netuno3-4 {
    position:absolute;
    left:714px;
    top:256px;
    width:62px;
    height:62px;
    background-size: contain;
    background-image: url(../assets/images/3_1Netuno.png);
}

#venus3-4 {
    position:absolute;
    left:118px;
    top:280px;
    width:12px;
    height:13px;
    background-size: contain;
    background-image: url(../assets/images/3_1AVenus.png);
}

#terra3-4 {
    position:absolute;
    left:159px;
    top:280px;
    width:14px;
    height:13px;
    background-size: contain;
    background-image: url(../assets/images/3_1ATerra.png);
}

#marte3-4 {
    position:absolute;
    left:198px;
    top:280px;
    width:13px;
    height:13px;
    background-size: contain;
    background-image: url(../assets/images/3_1Amarte.png);
}

#mercurio3-4 {
    position:absolute;
    left:80px;
    top:281px;
    width:11px;
    height:11px;
    background-size: contain;
    background-image: url(../assets/images/3_1AMercurio.png);
}

.detalhe-imagem {
    position:absolute;
    left:0px;
    top:81px;
    width:399px;
    height:452px;
}

.detalhe-conteudo {
    position: absolute;
    left: 400px;
    top: 80px;
    width: 360px;
}

.detalhe-titulo {
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    color: #f9d7a0;
    margin-bottom: 30px;
}

.detalhe-texto {
    display: block;
    font-family: Arial;
    font-size: 17px;
    color: white;
    margin-bottom: 13px;
	line-height: 19px;
}

#detalhe3-5 {
    background-image: url(../assets/images/3_5Sol.png)
}

#tela5-1
{
    background-image: url(../assets/images/4_telainicial.png);
}

#texto5-1
{
    position:absolute;
    top:40px;
    left:32px;
    width: 700px;
}

.btRotacao {
    position:absolute;
    left:154px;
    top:90px;
    width:225px;
    height:50px;
    background-image:url(../assets/images/6_1btRotacao_off.png);
}
.btRotacao.ligado {
    background-image:url(../assets/images/6_1btRotacao.png);
}

.btTranslacao {
    position:absolute;
    left:421px;
    top:90px;
    width:225px;
    height:50px;
    background-image:url(../assets/images/6_1btTranslacao_off.png)
}
.btTranslacao.ligado {
    background-image:url(../assets/images/6_1btTranslacao.png);
}

#tela6-1 {
    background-image:url(../assets/images/6_1Telainicial.png)
}

#btMercurio6-1 {
    position:absolute;
    left:82px;
    top:272px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btMercurio_off.png)
}

#btVenus6-1 {
    position:absolute;
    left:263px;
    top:272px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btVenus_off.png)
}

#btTerra6-1 {
    position:absolute;
    left:443px;
    top:272px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btTerra_off.png)
}

#btMarte6-1 {
    position:absolute;
    left:623px;
    top:272px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btMarte_off.png)
}

#btJupiter6-1 {
    position:absolute;
    left:82px;
    top:454px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btJupiter_off.png)
}

#btSaturno6-1 {
    position:absolute;
    left:263px;
    top:454px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btSaturno_off.png)
}

#btUrano6-1 {
    position:absolute;
    left:443px;
    top:454px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btUrano_off.png)
}

#btNetuno6-1 {
    position:absolute;
    left:624px;
    top:454px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btNetuno_off.png)
}

#menu6-1 {
    position:absolute;
}

#tela7-1 {
    background-image:url(../assets/images/7_1Telainicial.png)
}

#btMercurio7-1 {
    position:absolute;
    left:16px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btMercurio_off.png)
}

#btVenus7-1 {
    position:absolute;
    left:112px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btVenus_off.png)
}

#btTerra7-1 {
    position:absolute;
    left:208px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btTerra_off.png)
}

#btMarte7-1 {
    position:absolute;
    left:304px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btMarte_off.png)
}

#btJupiter7-1 {
    position:absolute;
    left:401px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btJupiter_off.png)
}

#btSaturno7-1 {
    position:absolute;
    left:497px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btSaturno_off.png)
}

#btUrano7-1 {
    position:absolute;
    left:593px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btUrano_off.png)
}

#btNetuno7-1 {
    position:absolute;
    left:689px;
    top:435px;
    width:95px;
    height:41px;
    background-image:url(../assets/images/3_1btNetuno_off.png)
}

#menu7-1 {
    position:absolute;
}