<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#interatividade .abs{
	width:800px;
	height:600px;
}

#stage .credito {
	top: 280px;
	right: -14.6%;
	width: 340px;
}
#stage .credito small {
	text-transform:none;
	font-family: 'font2';
}

* {user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
#home {background-image:url('img/bg.jpg');}
.mapa {background:url('img/mapa/bg_mapa1.png') no-repeat center center; position:absolute; width:800px; height:600px; left:0; top:0; background-size:100% 100%; transition:transform .5s; transform:scale(1);}
.mapa.inicio {background:url('img/mapa/bg_mapa_cor.png') no-repeat center center; background-size:100% 100%;}
.mapa.zoom {z-index:20; transform:scale(2);}
.mapa .contFusos{position:absolute; top:0; left:0; width:100%; height:100%;}
.mapa .contFusos img{position:absolute; top:0; left:0; width:100%; height:100%; }

#topo  {display:block; width:800px; height:163px; background-image:url('img/topo_cidade.png');  overflow:visible; z-index:10; position:absolute; top:0; left:0;}
#topo2 {display:block; width:800px; height:177px; background-image:url('img/topo_horario.png'); overflow:visible; z-index:15; position:absolute; top:0; left:0;}

.tempoViagem {float:left; margin-left:170px; width:160px; cursor:default;}
#topo2 .tempoViagem .tit{cursor:default;}
.tempoViagem .tempo{float:left; clear:both; width:130px; margin:0 15px; height:40px; line-height:42px; font-family:neo; font-size:17px; color:#333333; background-color:#FFE2A1; border-radius:5px; text-align:center; }
#topo2 .tit {float:left; clear:both; font-family:neo; font-size:17px; color:#000; text-align:center; width:100%; height:35px; line-height:37px; cursor:pointer;}
#topo2 .tit .icoTit {display:inline-block; width:24px; height:22px; background:url('img/ico_saida_chegada.png') left top; margin-bottom:-3px;}
#topo2 .tit .icoTit.on {background-position:right top;}
.data {float:left; margin-right:5px; margin-left:5px; width:161px;}
.data .btDia {float:left; clear:both; width:161px; height:40px; cursor:pointer; background:url('img/bt_calendario.png') no-repeat 0 0; margin-bottom:7px; }
.data .btHora{float:left; clear:both; width:161px; height:40px; cursor:pointer; background:url('img/bt_horario.png') no-repeat 0 0; }
.data.off .btDia {cursor:default; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
.data.off .btHora{cursor:default; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
.data .certo{ background-position:-161px 0;}
.data .errado{background-position:-322px 0;}
.data .text {float:left; width:120px;  height:40px; line-height:42px; font-family:neo; font-size:17px; color:#fff; text-indent:15px;}

#topo2 .cidades {position:absolute; bottom:35px; left:15px;}
#topo2 .cidades span{display:inline-block; font-size:17px; vertical-align:middle; font-family:neo; position: relative;}
#topo2 .cidades span a{position:absolute; left: -20px; top: -25px; font-family:neo; font-size:17px; color:#000;}
#topo2 .cidades .icoSaida{display:inline-block; width:16px; height:22px; background:url('img/ico_topo_cidades.png') no-repeat right top; margin-right:5px; vertical-align:middle;}
#topo2 .cidades .icoChegada{display:inline-block; width:16px; height:22px; background:url('img/ico_topo_cidades.png') no-repeat left top; margin-left:15px; margin-right:5px; vertical-align:middle;}

.btVerificar {float:left; width:100px; height:33px; margin:14px 0 0 10px; cursor:pointer; background-image:url('img/bt_verificar.png');}
.btVerificar.off {cursor:default; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
.btReiniciar {float:left; width:100px; height:33px; margin:42px 0 0 10px; cursor:pointer; background-image:url('img/bt_reiniciar.png'); cursor:pointer; display:block;}
.btReiniciar.off {filter:alpha(opacity=0); opacity:0; -moz-opacity:0; cursor:default;}

.contCidade {position:absolute; width:200px; height:39px; overflow:hidden; transition: height .4s;}
.contCidade.open {height:312px;}
.contCidade.contOrigem	{background:url('img/box_origem.png')  no-repeat 0 0; top:45px; left:115px;}
.contCidade.contDestino	{background:url('img/box_destino.png') no-repeat 0 0; top:45px; left:485px;}
.contCidade .btOpen		{float:left; height:42px; line-height:39px; width:200px; cursor:pointer; font-size:18px; font-size:neo; color:#fff; text-indent:10px;}
.contCidade .cidades	{float:left; margin-left:10px;}
.contCidade .cidades .cidade {float:left; clear:both; height:26px; line-height:26px; font-size:17px; font-size:neo; color:#fff; cursor:pointer; width:175px;}
.contCidade .cidades .cidade.off {color:#b1b1b1; cursor:default;}
.contCidade .cidades .cidade.on  {cursor:default; color:#d97023;}

.icoCidade {position:absolute; display:none; width:200px; cursor:default;}
.icoCidade.icoOrigem {top:300px; left:100px}
.icoCidade.icoDestino{top:300px; left:500px;}
.icoCidade .texto{  background-color:#333333; border-radius:5px; padding:7px 12px; position:absolute; left:25px; top:0; z-index:3; color:#fff; font-size:17px; line-height:19px; font-family:neo; box-shadow:3px 3px 10px #000000; display:none;}
.icoCidade.cidade9 .texto{  left:-90px;}
.icoCidade .icon{float:left; margin-top:18px; width:40px; height:54px; background:url('img/ico_mapa.png'); background-size:auto 100%; position:relative; z-index:5;}
.icoCidade.icoOrigem .icon{background-position:left top;}
.icoCidade.icoDestino .icon{background-position:right top;}
.icoCidade.icoOrigem  .texto span{color:#FFE747;}
.icoCidade.icoDestino .texto span{color:#F9A55F;}

.escala {position:absolute; bottom:20px; right:20px; width:57px; height:82px; background:url('img/escala.png') left top; background-size:auto 100%;}
.escala.out {background-position:right bottom;}
.desc {position:absolute; bottom:20px; left:20px; width:62px; height:53px; background:url('img/legenda_fracionada.png') no-repeat left top; background-size:auto 100%;}

.mapa .fusos {position:absolute; bottom:20px; left:20px; width:75px; height:75px; border:1px solid #666666; color:#fff; font-family:neo; font-size:17px; text-align:center; border-radius:50%; }
.mapa .fusos span {font-size:27px; font-weight:bold; margin-top:10px; display:inline-block;}

.bgZoom {position:absolute; width:800px; height:600px; top:0; left:0; z-index:15; display:none; background-image:url('img/bg.jpg');}
.btZoom {position:absolute; top:160px; left:10px; width:36px; height:36px; background:url('img/lupa_zoom.jpg') no-repeat 0 0; cursor:pointer; z-index:30;}
.btZoom.out {background-position:right top;}

#interatividade  #calendario {top:150px; left:0; z-index:50; background:url('img/bg_escolhe.png') ; text-transform:uppercase; height:450px;}
#calendario .btFechar{position:absolute; top:0; right:0; background-image:url('img/bt_fechar.jpg'); cursor:pointer; z-index:10; width:55px; height:55px;}
#calendario .nomeMes{position:absolute; top:15px; left:0; font-family:neo2; font-size:22px; text-align:center; width:800px; color:#fff; }
#calendario .setaEsq{position:absolute; top:160px; left:115px; cursor:pointer; width:24px; height:40px; background:url('img/setas_lado.png') no-repeat left top;}
#calendario .setaDir{position:absolute; top:160px; right:115px; cursor:pointer; width:24px; height:40px; background:url('img/setas_lado.png') no-repeat right top;}
#calendario .mes	{position:absolute; top:60px; left:172px; width:455px;}
#calendario .mes .dia {float:left; width:60px; height:40px; text-align:center; line-height:42px; font-family:neo; font-size:20px; color:#fff; margin:0 0 5px 5px; }
#calendario .mes .dia.click {cursor:pointer;}
#calendario .mes .dia.on {color:#E2801E;}
#calendario .mes .dia.titSemana {color:#E2801E; cursor:default;}
#calendario .btConfirmar {position:absolute; display:block; width:123px; height:38px; background-image:url('img/bt_confirmar.png'); top:340px; left:195px; cursor:pointer;}
#calendario .btCancelar {position:absolute; display:block; width:123px; height:38px; background-image:url('img/bt_cancelar.png'); top:340px; left:490px; cursor:pointer;}

#interatividade  #horario {top:150px; left:0; z-index:50; background-image:url('img/bg_escolhe.png');text-transform:uppercase; height:450px;}
#horario .titHorario{position:absolute; top:15px; left:0; font-family:neo2; font-size:22px; text-align:center; width:800px; color:#fff; }
#horario .btFechar{position:absolute; top:0; right:0; background-image:url('img/bt_fechar.jpg'); cursor:pointer; z-index:10; width:55px; height:55px;}
#horario .setas{float:left;width:28px; }
#horario .setas .setaCima{float:left; width:28px; height:25px; background:url('img/setas_cima_baixo.png') no-repeat left top ; cursor:pointer; margin-top:20px;}
#horario .setas .setaBaixo{float:left; width:28px; height:25px; background:url('img/setas_cima_baixo.png') no-repeat right top ; cursor:pointer; margin-top:100px;}
#horario .horas{position:absolute; top:55px; left:260px; width:135px; }
#horario .horas .titCont{float:left;clear:both; font-family:neo; font-size:18px; height:40px; line-height:42px; text-align:center; color:#E2801E; width:93px; margin-left:40px; margin-bottom:10px;}
#horario .horas .contHoras{float:left; width:93px; height:195px; background-color:#FFF; border-radius:15px; overflow:hidden; margin-left:12px; }
#horario .horas .contHoras .hora{float:left; clear:both; width:93px; height:65px; line-height:67px; font-family:neo2; color:#B3B3B3; font-size:52px; text-align:center; cursor:move;}
#horario .horas .contHoras .hora:nth-child(2){color:#fff; background-color:#E2801E;}
#horario .minutos{position:absolute; top:55px; left:410px; width:135px; }
#horario .minutos .titCont{float:left;clear:both; font-family:neo; font-size:18px; height:40px; line-height:42px; text-align:center; color:#E2801E; width:93px; margin-left:0; margin-bottom:10px;}
#horario .minutos .contMinutos{float:left; width:93px; height:195px; background-color:#FFF; border-radius:15px; overflow:hidden; margin-right:12px; }
#horario .minutos .contMinutos .minuto{float:left; clear:both; width:93px; height:65px; line-height:67px; font-family:neo2; color:#B3B3B3; font-size:52px; text-align:center; cursor:move;}
#horario .minutos .contMinutos .minuto:nth-child(2){color:#fff; background-color:#E2801E;}
#horario .btConfirmar {position:absolute; display:block; width:123px; height:38px; background-image:url('img/bt_confirmar.png'); top:340px; left:195px; cursor:pointer;}
#horario .btCancelar {position:absolute; display:block; width:123px; height:38px; background-image:url('img/bt_cancelar.png'); top:340px; left:490px; cursor:pointer;}


#feedBack {background-image:url('img/bg_feedback.png'); z-index:60;}
#feedBack.maior {background-image:url('img/bg_feedback2.png'); z-index:60;}
#feedBack .cont{display:table; width:335px; margin:175px auto 0; text-align:center; font-family:neo; font-size:19px;}
#feedBack.maior .cont { width: 445px; margin: 166px auto 0; position: absolute; left: 190px; }
#feedBack .cont .text{text-align:left;}
#feedBack .fusos { width:75px; height:75px; border:1px solid #E2801E; color:#333333; font-family:neo; font-size:17px; text-align:center; border-radius:50%; display:inline-block; margin:15px 0;}
#feedBack .fusos span {font-size:27px; font-weight:bold; margin-top:10px; display:inline-block;}
#feedBack .btContinuar { width:131px; height:36px; background-image:url('img/bt_continuar.png'); cursor:pointer; display:inline-block;}

#reiniciar {background-image:url('img/bg_feedback.png'); z-index:60;}
#reiniciar .cont{display:table; width:335px; margin:175px auto 0; text-align:center; font-family:neo; font-size:19px;}
#reiniciar .cont .text{text-align:left;}
#reiniciar .btReiniciar { width:131px; height:36px; background-image:url('img/bt_reiniciar.png'); cursor:pointer; display:inline-block; margin:50px 0 0;}

#interface {z-index:200;}






#ajuda em , #ajuda strong , #ajuda u , #ajuda i {font-family:'font1', sans-serif;}</pre></body></html>