@font-face {
  font-family: 'font3';
  src: url('../fonts/AndaleMono.eot');
  src: url('../fonts/AndaleMono.ttf');
}

@font-face {
  font-family: 'font4';
  src: url('../fonts/CartonSix.eot');
  src: url('../fonts/CartonSix.ttf');
}
@font-face {
  font-family: 'font5';
  src: url('../fonts/DJBCarlySueGotMarried.eot');
  src: url('../fonts/DJBCarlySueGotMarried.ttf');
}

/* CSS DO OED, DEVE SER ALTERADO */
#contFade { position:absolute; width:800px; height:600px; background-color:#000; z-index:1000; display:none;}
#interatividade .abs{
	width:800px;
	height:600px;
	background-color:none;
	z-index:10;
}
#interface {z-index:100;}
.credito {pointer-events:none; -webkit-pointer-events:none; -moz-pointer-events:none; -ms-pointer-events:none;}

#inicio {background-image:url('img/tela_inicio.jpg');}
#inicio .btInicio{background-image:url('img/bt_iniciar.png'); width:128px; height:116px;  text-align:center; line-height:116px; color:#fff; font-size:16px; font-family:font3; cursor:pointer; text-indent:10px; position:absolute; right:20px; bottom:20px;}
#tela1 {background-image:url('img/bg.jpg');}

.translacao{float:left; width:425px; height:425px; position:relative; margin:75px 10px;}
.translacao .sol{float:left; width:68px; height:68px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; background:url('img/translacao_sol.png') no-repeat center center; border-radius:30px;}
.translacao .seta{position:absolute; width:35px; height:15px; background-image:url('img/seta.png'); transform-origin:-30px 50%; -webkit-transform-origin:-30px 50%; -moz-transform-origin:-30px 50%; top:205px; left:243px; }
.translacao .terra{float:left; width:45px; height:45px; position:absolute; top:0; left:0; margin:auto;  border-radius:30px; cursor:pointer; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-23.5deg); -webkit-transform:rotate(-23.5deg); -moz-transform:rotate(-23.5deg); -ms-transform:rotate(-23.5deg); z-index:50; }
.translacao .terra::before{position:absolute; width:1px; height:7px; top:-6px; left:0; right:0; margin:auto; background-color:#00b922; content:'';}
.translacao .terra::after{position:absolute; width:1px; height:7px; top:44px; left:0; right:0; margin:auto; background-color:#00b922; content:'';}
.translacao .terra .bg{position:absolute; width:66px; height:66px; top:-10px; left:-9px; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform:rotate(23.5deg); -moz-transform:rotate(23.5deg); -webkit-transform:rotate(23.5deg); -ms-transform:rotate(23.5deg);}
.translacao .terra .sombra{position:absolute; width:45px; height:45px;  top:0; left:0;}
.translacao .terra .moveP{position:absolute; width:44px; height:44px; overflow:hidden; top:1px; left:3px; border-radius:50%; transform:rotate(23.5deg); -moz-transform:rotate(23.5deg); -webkit-transform:rotate(23.5deg); -ms-transform:rotate(23.5deg); }
.translacao .terra .moveP .ponto{position:absolute; width:5px; height:5px; border-radius:50%; background-color:#ff692d; border:1px solid #3e3e3e; top:25px; left:0;}
.translacao .terra .moveT{position:absolute; width:66px; height:66px; overflow:hidden; top:0px; left:0px; border-radius:30px;  background-image:url(img/img_linha_terra/tropicos_linhas.png);   transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform:rotate(23.5deg); -moz-transform:rotate(23.5deg); -webkit-transform:rotate(23.5deg); -ms-transform:rotate(23.5deg); left:-9px; top:-10px;}
.translacao .terra .moveT .tropico{position:absolute; width:66px; height:66px; top:0px; left:0px; top:0; left:0;}
.translacao .terra .tropico1{position:absolute; width:44px; height:1px; background-color:#ff0000; top:20px; left:0; right:0; margin:auto; }
.translacao .terra .tropico2{position:absolute; width:44px; height:1px; background-color:#00b922; top:1px;  left:0; right:0; margin:auto; }
/*.translacao .terra .tropico3{position:absolute; width:44px; height:1px; background-color:#00b922; top:13px; left:0; right:0; margin:auto; }*/
/*.translacao .terra .tropico4{position:absolute; width:44px; height:1px; background-color:#00b922; top:27px; left:0; right:0; margin:auto; }*/
.translacao .terra .tropico3{position:absolute; background-image:url(img/img_linha_terra/local_linha5.png); width:66px; height:66px;}
.translacao .terra .tropico4{position:absolute; background-image:url(img/img_linha_terra/local_linha11.png); width:66px; height:66px;}
.translacao .terra .tropico5{position:absolute; width:44px; height:1px; background-color:#00b922; top:20px; left:0; right:0; margin:auto; }
.translacao .terra .tropico6{position:absolute; width:44px; height:1px; background-color:#00b922; top:38px; left:0; right:0; margin:auto; }
.translacao .terra2{float:left; width:45px; height:45px; position:absolute; top:0; left:0; margin:auto; background:url('img/translacao_terra.png') no-repeat center center; border-radius:30px; cursor:pointer; transform-origin:25px 175px; transform:rotate(0); }
.translacao .orbita{float:left; width:375px; height:375px; position:absolute; top:25px; left:25px; border-radius:200px; border:2px solid #fff; transform: rotateX(60deg); -webkit-transform: rotateX(60deg); -moz-transform: rotateX(60deg); -ms-transform: rotateX(60deg); z-index:20;}

.btsMeses {position:absolute; top:0; left:0; width:800px; height:79px; background:url('img/bg_meses.png') no-repeat 0 27px; z-index:10;}
.btsMeses .mes{float:left; line-height:95px; height:79px; cursor:pointer; color:#fff; font-size:16px; text-align:center; width:45px; margin-right:2px; font-family:font3; }
.btsMeses .mes:nth-child(1){margin-left:89px; margin-right:3px;}
.btsMeses .mes:nth-child(9){margin-right:3px;}
.btsMeses .mes:hover{background-image:url('img/bt_meses.png');}
.btsMeses .mes.on{background-image:url('img/bt_meses.png');}

.texto1 {position:absolute; width:436px; height:49px; background-image:url('img/translacao_box.png'); top:100px; left:10px;}
.texto2 {position:absolute; width:230px; height:70px; background-image:url('img/incidenciasolar2_box.png'); top:89px; left:520px;}
.texto3 {position:absolute; width:309px; height:129px; background-image:url('img/incidenciasolar1_box.png'); top:445px; left:301px;}


.tropicos {position:absolute; width:310px; height:245px; right:0; top:180px; }
.tropicos .textIni{text-align:center; color:#fff; font-size:15px; font-family:font3;}
.tropicos .terra{position:absolute; width:255px; height:200px; left:0; top:50px;}
/*.tropicos .terra .bg	{position:absolute; width:134px; height:134px; background:url('img/tropicos_terra.png');  top:29px; left:80px;}*/
.tropicos .terra .bg	{position:absolute; width:200px; height:200px; background:url('img/imgs_terra/baseTerra_00000.png');  top:-5px; left:47px;}
.tropicos .terra .sombra{position:absolute; width:134px; height:134px; background-image:url('img/sombra1.png'); top:28px; left:80px;}
.tropicos .terra .overflow{position:absolute; width:131px; height:131px; top:29px; left:82px; overflow:hidden; border-radius:50%; z-index:5;}
.tropicos .terra .overflow .tropicoCasa{position:absolute; width:131px; height:1px; background-color:#ff0000; top:0; left:0; }
.tropicos .terra .tropico1{position:absolute; width:1px; 	height:30px; background-color:#00D627; top:0; right:106px; }

.tropicos .terra .tropico2{position:absolute; width:57px; 	height:1px;  background-color:#00D627; top:5px;  right:37px; border-radius:4px;}
.tropicos .terra .tropico3{position:absolute; width:123px; 	height:1px;  background-color:#00D627; top:40px;  right:4px; border-radius:4px;}
.tropicos .terra .tropico4{position:absolute; width:131px; 	height:1px;  background-color:#00D627; top:65px;  right:0px; border-radius:4px;}
.tropicos .terra .tropico5{position:absolute; width:123px; 	height:1px;  background-color:#00D627; top:90px; right:4px; border-radius:4px;}
.tropicos .terra .tropico6{position:absolute; width:59px; 	height:1px;  background-color:#00D627; top:125px; right:35px; border-radius:4px;}
.tropicos .terra .tropico7{position:absolute; width:1px; 	height:30px; background-color:#00D627; top:162px; right:106px;}
.tropicos .terra .text {position:absolute; color:#fff; font-size:14px; line-height:14px; font-family:font3; text-align:right; width:100px;}
.tropicos .terra .tropico1 .text{top:0; right:12px; }
.tropicos .terra .tropico2 .text{bottom:0; right:76px; }
.tropicos .terra .tropico3 .text{bottom:0; right:133px; }
.tropicos .terra .tropico4 .text{top:-7px; right:136px; }
.tropicos .terra .tropico5 .text{top:0; right:133px; }
.tropicos .terra .tropico6 .text{top:0; right:76px; }
.tropicos .terra .tropico7 .text{bottom:0; right:12px; }
.tropicos .terra .casa{position:absolute; background-image:url('img/incidenciasolar2_casa.png'); width:35px; height:30px; left:213px; top:81px; transform-origin:-65px 50% ; transform:rotate(0deg); cursor:pointer; -webkit-transform-origin:-65px 50% ; -webkit-transform:rotate(0deg); -moz-transform-origin:-65px 50% ; -moz-transform:rotate(0deg);}
.tropicos .setasIncindencia{position:absolute; width:218px; height:120px; background:url('img/incidenciasolar2_seta.png'); top:86px; right:-158px; left:auto; transform-origin:-102px 50% ; -webkit-transform-origin:-102px 50% ; -moz-transform-origin:-102px 50% ; -ms-transform-origin:-102px 50% ; transform:rotate(0deg); z-index:10;}
.tropicos .setasIncindencia .ponto{position:absolute; width:7px; height:19px; background-image:url('img/ponto_seta.png'); left:-43px; top:50px; transition:top 1s; -webkit-transition:top 1s;}


.incidenciaSolar { background-image:url('img/incidenciasolar1_casa.png'); width:256px; height:129px; position:absolute; top:445px; left:45px; overflow:hidden;}
.incidenciaSolar .setas{position:absolute; top:4px; left:8px; width:240px; height:96px; overflow:hidden;  }
.incidenciaSolar .setas canvas{display:block; position:absolute; top:3px;}
.incidenciaSolar .setas .seta{position:absolute; bottom:0px; left:0; width:17px; height:490px; background:url('img/incidenciasolar1_seta.png') 0 bottom; transform-origin:50% 100% ; -webkit-transform-origin:50% 100% ;  transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.incidenciaSolar .filtro{position:absolute; top:5px; left:8px;  width:241px; height:119px;  background-image:url('img/incidenciasolar1_casa_filtro.png'); z-index:5; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }


.btAnima {position:absolute; top:30px; right:20px; background-image:url('img/bt_animacao.png'); width:104px; height:33px; cursor:pointer; z-index:10;}
.btSolsticio {position:absolute; bottom:30px; right:20px; background-image:url('img/bt_solsticios.png'); width:130px; height:63px; cursor:pointer; z-index:10;}
.btSolsticio.off {filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; cursor:default;}



.btFechar {background: url('../../system/css/img/sprite.png') no-repeat -556px -277px; position:absolute; top:auto; right:0; width:55px; height:55px; cursor:pointer;}

.fechar {z-index:20;}

.mejs-mediaelement {z-index:10;}
.mejs-controls {z-index:100;}
#contVideo {background-color:#fff;}
#stage .feedback{z-index:50; background-color:rgba(0,0,0,0);}
#stage #galeria {z-index:100;}