@charset "utf-8";
/* CSS Document */

body { color: #292929; font-size: 13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; height:100%; padding:0; margin:0; background:url(../imagens/bg-site.jpg) repeat-x top; }

a { color: #0F91DD; text-decoration:none;}
a:hover { text-decoration:underline;}

div#barra-gov { height:35px; margin-bottom:7px; }

div#nav-redes { text-align:right; margin-bottom:7px; line-height:0px; padding-top: 10px; overflow: hidden; width: 980px; position:relative; display:block;}

div#nav-redes div.geral {
   background: url("../imagens/bg-pont.png") no-repeat scroll right top transparent;
   float: left;
   height: 17px;
   margin-top: 8px;
   padding-right: 12px;
   text-align: right;
   width: 310px;
   padding-left: 3px;
}

div#nav-redes div.geral a { font-size:12px; line-height:17px; vertical-align:middle; color:#0F91DD; margin-left:3px; padding-left:8px; text-decoration:none; text-transform:uppercase; background:url(../imagens/temp/ico-seta-redes.gif) 0 4px no-repeat; width: 980px; }

div#nav-redes div.redes {
   background: url("../imagens/bg-pont.png") no-repeat scroll right top transparent;
   float: right;
   height: 17px;
   margin-right: 5px;
   margin-top: 9px;
   padding-left: 10px;
   text-align: left;
   width: 130px;
}

div#nav-redes div.redes a {
   color: #0F91DD;
   display: block;
   float: left;
   font-size: 12px;
   height: 17px;
   line-height: 17px;
   margin-right: 5px;
   padding-left: 20px;
   text-decoration: none;
   vertical-align: middle;
}

div#nav-redes div.redes a.twitter { background:url(../imagens/temp/ico-twitter.gif) left top no-repeat; }

div#nav-redes div.redes a.flickr { background:url(../imagens/temp/ico-flickr.gif) left top no-repeat; }

div#nav-redes div.lang {
   float: left;
   margin-left: 16px;
   margin-top: 8px;
   background: url("../imagens/bg-pont.png") no-repeat scroll right top transparent;
   padding-right: 5px;
}

div#nav-redes div.lang img { margin-right:5px; }

div#nav-redes div.pesquisar {
   float: right;
   margin-top: 6px;
   text-align: right;
   width: 229px;
}

div#nav-redes div.pesquisar form label {
   border: 0 none;
   float: left;
   font-size: 12px;
   line-height: 26px;
   text-transform: uppercase;
   vertical-align: middle;
}

div#nav-redes div.pesquisar form input {
   background: none repeat scroll 0 0 transparent; border: 0 none;
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size: 12px;
   height: 22px;
   padding: 0 5px;
   width: 180px;
}

div#nav-redes div.pesquisar button {
   background: url("../imagens/btn_pesquisar_site.png") no-repeat scroll left top transparent;
   border: 0 none;  color: #FFFFFF;
   float: right;
   font-size: 12px;
   font-weight: bold;
   height: 22px;
   margin: 1px 0 0 4px;
   padding: 0;
   width: 23px;
}

div#nav-redes div.pesquisar div.termo div.curvas {
   background: none repeat scroll 0 0 #E6F1FB;
   border: 1px solid #D8D8D8;
   float: right;
   margin-left: 2px;
   width: 190px;
}

div#pai { width:980px; margin:auto; }

div#menu {margin-top: 15px; position:relative; z-index:200; height:39px; background:url(../imagens/bg-menu.jpg) left top no-repeat; }

div#menu img { float:left; }

div#menu ul {text-transform:uppercase; float:left; margin:0; padding:0; list-style-type:none; margin-top:1px;}

div#menu ul li.opcao { position:relative; display:block; float:left; font-size:14px;}

div#menu ul li.opcaoHover { background:#2D2F91; }

div#menu ul li.opcao a.link-menu { display:block; font-weight:bold; color:#282828; padding:11.5px 23px; *padding:8px 20px; text-decoration:none; outline:none; }

div#menu ul li.opcaoHover a.link-menu { color:#FFF; }

div#menu div.submenu-popup { position:absolute; display:none; }

div#menu div.submenu-popup div.menu-bg { padding-right:8px; background:url(../imagens/borda-menu-popup-dir.png) no-repeat top right; }

div#menu div.ori-esq { left:0; }

div#menu div.ori-dir { right:0; }

div#menu div#submenu-clientes { }

div#menu div.submenu-popup div.opcoes-holder { width:auto; background:#FFF; }

div#menu div.submenu-popup table { border-collapse:collapse; border:0; margin:0; padding:0; }

div#menu div.submenu-popup div.barra-rodape { position:absolute; width:99.5%; height:10px; margin-right:5px; background:url(../imagens/borda-menu-popup-rodape.png) no-repeat left top; }

div#menu div.submenu-popup table td { vertical-align:top; }

div#menu div.submenu-popup div.bloco { float:left; width:135px; min-height:174px; height:auto !important; height:174px; margin:18px 0; padding:0 12px; }

div#menu div.submenu-popup div.pontilhado { background:url(../imagens/bg-pont.png) left repeat-y; }

div#menu div.submenu-popup div.bloco span.titulo { font-size:15px; font-weight:bold; line-height:15px; margin-bottom:8px; text-transform:uppercase; color:#2C2E91; }

div#menu div.submenu-popup div.destaques { padding:18px 12px; margin:0; background:#2D2F91; }

div#menu div.submenu-popup ul { float:left; margin:0; padding:0; }

div#menu div.submenu-popup ul li { margin-bottom:8px; }

div#menu div.submenu-popup ul li a { font-size:15px; line-height:10px; color:#292929; text-decoration:none; }

div#menu div.submenu-popup div.destaques a { color:#FFF; font-weight:bold; }

div#menu div.submenu-popup { font-size:15px; color:#292929; }

div#menu div.submenu-popup div.destaques { background:#2D2F91; }


div#trilha { height:24px; margin-top:20px; line-height:10px; }

div#trilha a { font-size:11px; color:#1092DD; text-decoration:none; }

div#trilha span.barra { font-size:11px; color:#1092DD; }

div#trilha span.ativo { font-size:11px; color:#333333; }

div#nav-lateral { position:relative; z-index:10; float:left; width:255px; }

div#nav-lateral ul.menu-lateral { margin:0; padding:0; list-style-type:none; }

div#nav-lateral ul.menu-lateral li { margin-bottom:4px; }

div#nav-lateral ul.menu-lateral li.titulo a { display:block; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#333333; width:203px; padding:9px 0; padding-left:12px; background:#E9E9E9; }

div#nav-lateral ul.menu-lateral li.sub a { display:block; font-size:14px; color:#333333; text-decoration:none; width:195px; padding:9px 0; padding-left:20px; background:#E9E9E9; }

div#nav-lateral ul.menu-lateral li.sub a:hover { color:#FFF; background:#1092DD; }

div#nav-lateral ul.menu-lateral li a.hover { color:#FFF; background:#1092DD; }

div#nav-lateral div.menu-features { float:left; /*width:725px;*/ height:290px; margin-top:23px; }


div#conteudo { float:right; width:725px; }

div#conteudo h1 { font-size:35px; text-transform:uppercase; color:#2C2E91; margin:0; margin-bottom:34px; }


div.conteudo-exibe span.data { font-size:14px; color:#666666; }

div.conteudo-exibe img.bloco-img { float:left; margin-right:12px; padding:12px; border:2px solid #E9E9E9; }

div.conteudo-exibe p { font-size:13px; margin:0; margin-bottom:21px; color:#292929; }

div.conteudo-exibe div.compartilhe { float:left; width:725px; height:33px; margin:18px 0px; line-height:33px; vertical-align:middle; border-top:1px dotted #BBBBBB; border-bottom:1px dotted #BBBBBB; }

div.conteudo-exibe div.compartilhe span.lbl { font-size:12px; color:#262626; }

div.conteudo-exibe a.link-texto { font-size:13px; font-weight:bold; color:#1092DD; text-decoration:none; }

div.conteudo-exibe a.link-arquivo { font-size:13px; font-weight:bold; color:#1092DD; text-decoration:none; line-height:19px; }


div.paginacao span, div.paginacao a { margin-left:2px; }

div.paginacao span.ativa { font-size:12px; height:20px; padding:1px 6px; line-height:20px; vertical-align:top; color:#3F3F3F; background:#E9E9E9; }

div.paginacao a.pagina { font-size:12px; text-decoration:none; height:20px; padding:1px 6px; line-height:20px; vertical-align:top; color:#1092DD; background:#E6F1FB; }

div.paginacao span.total {  font-size:13px; height:20px; padding:1px 6px; line-height:20px; vertical-align:top; color:#3F3F3F;}

br.clear { clear:both; }

img { border:0; }

button { cursor:pointer; }

/*a:visited { color:inherit; }*/
a:visited { color: #1F5B98 ;}



/*div#rodape { min-height:225px; height:auto !important; height:225px; background:#E9E9E9; border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; }*/

div#rodape { height:310px; background:#E9E9E9; border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; }

div#rodape div.coluna { float:left; width:160px; margin-left:27px; }

div#rodape div.sessao { float:left; width:160px; margin-top:14px; }

div#rodape div.sessao h3 { font-size:14px; text-transform:uppercase; height:27px; line-height:27px; vertical-align:middle; padding:0 5px; margin:0; background:#FFF; }

div#rodape div.sessao h3 a { color:#1092DD; text-decoration:none; }

div#rodape div.sessao ul { padding:0; margin:0; list-style-type:none; }

div#rodape div.sessao ul li { margin-bottom:2px; margin-left:5px; }

div#rodape div.sessao ul li a { font-size:13px; color:#292929; text-decoration:none;  }

div#rodape div.links-externos h3 { color:#333333; }

/*div#rodape div.links-externos ul { margin-top:10px; margin-left:24px; list-style-image:url(../imagens/temp/ico-bandeira.jpg); }*/

div#rodape div.links-externos ul { margin-top:10px; }

div#rodape div.links-externos ul li { margin-bottom:10px; vertical-align:middle; line-height:12px; }

/*div#rodape div.links-externos img.ico { float:left; margin-right:10px; }*/

div#rodape div.links-externos table { border-collapse:collapse; border-spacing:0; }

div#rodape div.links-externos table td { vertical-align:middle; }

div#rodape div.links-externos table td:first-child { padding-right:5px; }

div#endereco { margin-top:18px; margin-bottom:74px; text-align: center; }

div#endereco span { font-size:12px; line-height:12px; vertical-align:top; color:#A3A3A3; }

div#endereco img { float:right; }



/*===================================== FEATURES - INĂ CIO =====================================*/

/*div#nav-lateral ul#output-home { visibility:hidden; }*/

ul#output-home { z-index: 100; background-color: #ffffff; }

div#nav-lateral div#feature_list ul#tabs-home li a { background:none; }

div#nav-lateral div#feature_list ul#tabs-home li h1 { background:url(../js/jquery.featureList/feature-tab.png) no-repeat left top; }

div#nav-lateral div#feature_list ul#tabs-home li a.current { background:none; }

div#nav-lateral div#feature_list ul#tabs-home li h1.current { background:url(../js/jquery.featureList/feature-tab-current.png) no-repeat left top; color: #FFF; }

div.area-features div.video-exp-nh { position: absolute; margin-left: 233px; z-index: 90; *margin-left: 0px;}

div.area-features div#feature_list ul#tabs-home li a { background:none; }

div.area-features div#feature_list ul#tabs-home li h1 { background:url(../js/jquery.featureList/feature-tab.png) no-repeat left top; }

div.area-features div#feature_list ul#tabs-home li a.current { background:none; }

div.area-features div#feature_list ul#tabs-home li h1.current { background:url(../js/jquery.featureList/feature-tab-current.png) no-repeat left top; color: #FFF; }

div.feature-list ul#tabs-home li img { float:left; margin-right:6px; }

div.feature-list ul#tabs-home li a { height:69px; text-decoration:none; }

div.feature-list ul#tabs-home li span.titulo-menu { display:block; width:152px; font-size:14px; float:left; color:#282828; margin:0; margin-top:18px; }

div.feature-list ul#tabs-home li span.desc-menu { display:block; width:152px; font-size:12px; float:left; color:#282828; margin:0; }

div.feature-list div.scroll-pane { background:#FFF; }

div.feature-list div.conteudo-scroll { width:470px; height:288px; margin-left:40px; overflow:hidden; }

div.feature-list div.scroll-pane { width:470px;	height:288px; }

div.feature-list p.titulo-feature { font-size:14px; margin-top:5px; margin-bottom:12px; }

div.feature-list table.tb-tarifas { font-size:12px; font-weight:bold; width:411px; border-collapse:collapse; }

div.feature-list table.tb-tarifas tr.cabecalho { font-size:11px; color:#FFF; background:#1092DD; }

div.feature-list table.tb-tarifas tr td { width:95px; padding:5px 0; text-align:center; }

div.feature-list table.tb-tarifas tr td:first-child { width:154px; padding-left:8px; text-align:left; }

div.feature-list table.tb-tarifas tr.celula { color:#3F3F3F; }

div.feature-list table.tb-tarifas tr.linha-branca { background:#FFF; }

div.feature-list table.tb-tarifas tr.linha-cinza { background:#EDEFF1; }

div.feature-list table.tb-atendimento { width:430px; border-collapse:collapse; }

div.feature-list table.tb-atendimento tr.separador { border-top:1px solid #C8C8C8; }

div.feature-list table.tb-atendimento tr td { padding:9px 0; }

div.feature-list table.tb-atendimento tr td.imagem { width:65px; text-align:center; vertical-align:top; }

div.feature-list table.tb-atendimento tr td span.sub-titulo { font-size:14px; font-weight:bold; }

div.feature-list table.tb-atendimento tr td p { font-size:12px; line-height:16px; margin:0; margin-top:5px; }

div.feature-list table.tb-atendimento tr td a { color:#1D97DF; text-decoration:none; }

div.feature-atendimento form { padding:0; margin:0; margin-top:25px; }

div.feature-atendimento form fieldset { width:430px; margin:0; padding:0; border:0; }

div.feature-atendimento form fieldset label { font-size:12px; }

div.feature-atendimento form fieldset input, div.feature-atendimento form fieldset textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:none; border:0; }

div.feature-atendimento form fieldset input.campo-nome { width:424px; height:22px; padding:0 2px; }

div.feature-atendimento form fieldset input.campo-email { width:220px; height:22px; padding:0 2px; }

div.feature-atendimento form fieldset input.campo-tel { width:98px; height:22px; padding:0 2px; }

div.feature-atendimento form fieldset input.campo-data { width:78px; height:22px; padding:0 2px; }

div.feature-atendimento form fieldset textarea.campo-mensagem { width:426px; height:66px; padding:0 2px; }

div.feature-atendimento form fieldset div.form-text { float:left; width:430px; margin-bottom:5px; }

div.feature-atendimento form fieldset div.form-email { float:left; width:224px; margin-bottom:5px; }

div.feature-atendimento form fieldset div.form-tel { float:left; width:102px; margin-left:10px; margin-bottom:5px; }

div.feature-atendimento form fieldset div.form-data { float:left; width:82px; margin-left:10px; margin-bottom:5px; }

div.feature-atendimento form fieldset div.botoes { text-align:left; }

div.feature-atendimento form fieldset button { font-size:12px; font-weight:bold; width:60px; height:20px; color:#FFF; margin:0; margin-right:2px; padding:0; border:0; background:url(../imagens/bt-enviar.gif) left top no-repeat; }

div.feature-atendimento form fieldset div.curvas { background:#E6F1FB; border:1px solid #D8D8D8; }

div.feature-atendimento div.sim div.imagem { float:left; width:166px;}

div.feature-atendimento div.sim div.texto { float:left; width:264px; }

div.feature-atendimento div.sim { margin-top:10px; }

div.feature-atendimento div.sim p { margin:0; padding:0; }

div.feature-atendimento div.sim a { color:#1092DD; text-decoration:none; }

div.feature-atendimento div.sim p.titulo { font-size:14px; font-weight:bold; }

div.feature-atendimento div.sim p.texto { font-size:12px; }

div.feature-atendimento div.sim p.destaque { font-size:12px; font-weight:bold; margin:16px 0; padding:5px 6px; background:#E6F1FB; }

div.feature-achados { width:430px; }

div.feature-achados form fieldset { width:430px; margin:0; margin-bottom:8px; padding:0; border:0; }

div.feature-achados form fieldset label { font-size:12px; line-height:25px; vertical-align:top; }

div.feature-achados form fieldset div.curvas { float:left; width:344px; background:#E6F1FB; border:1px solid #D8D8D8;  }

div.feature-achados form fieldset input.campo-pesquisa { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:340px; height:18px; padding:2px; background:none; border:0; }

div.feature-achados form fieldset button { float:right; font-size:12px; font-weight:bold; color:#FFF; width:76px; height:22px; margin:0; margin-top:2px; padding:0; border:0; background:url(../imagens/bt-pesquisar.gif) left top no-repeat; }

div.feature-achados table.tb-achados { font-size:12px; width:430px; border-collapse:collapse; }

div.feature-achados table.tb-achados tr.cabecalho { font-size:11px; background:#1092DD; }

div.feature-achados table.tb-achados tr td { color:#3F3F3F; padding:5px 8px; }

div.feature-achados table.tb-achados tr.cabecalho td { color:#FFF; font-weight:bold; }

div.feature-achados table.tb-achados tr td.col-nome { width:332px; text-align:left; }

div.feature-achados table.tb-achados tr td.col-numero { text-align:center; }

div.feature-achados table.tb-achados tr.linha-branca { background:#FFF; }

div.feature-achados table.tb-achados tr.linha-cinza { background:#EDEFF1; }

div.feature-achados div.rodape { margin-top:4px; }

div.feature-achados div.paginacao { float:left; margin-top:4px; }

div.feature-achados a.outros-objetos { float:right; font-size:12px; font-weight:bold; text-decoration:none; height:25px; padding:1px 6px; line-height:25px; vertical-align:middle; color:#1092DD; background:#E6F1FB;  }


/*===================================== FEATURES - FIM =====================================*/



/*===================================== HOME - INĂ CIO =====================================*/

div.home div.slider-home { height:350px; margin-top:20px; }

div.home div.mapa-itinerario-home { position:relative; height:164px; margin-top:20px; background:url(../imagens/bg-itinerario-home.jpg) left top; }

div.home div.mapa-itinerario-home div.intervalo { float:left; width:134px; height:89px; padding-top:5px; padding-left:13px; }

div.home div.mapa-itinerario-home div.intervalo img { float:left; margin-right:7px; margin-top:20px; margin-left: -6px;}

div.home div.mapa-itinerario-home div.intervalo img.admin { float:none; margin-right:0px; margin-top:0px; margin-left: -13px;}

div.home div.mapa-itinerario-home div.horacerta img { float:left; margin-right:7px; }

div.home div.mapa-itinerario-home div.intervalo p.admin { font-size:11px; line-height:11px; color:#1092DD; margin: 3px 0 0 -13px; padding: 3px;}

div.home div.mapa-itinerario-home div.intervalo p.lbl { font-size:11px; line-height:11px; color:#1092DD; margin:0; padding-left:50px; margin-top:4px;}

div.home div.mapa-itinerario-home div.horacerta p.lbl { font-size:11px; line-height:11px; color:#1092DD; margin-top:0px; *margin-top:0px; }

div.home div.mapa-itinerario-home div.intervalo p.tempo { font-size:14px; color:#1092DD; margin:0; padding-left:50px;}

div.home div.mapa-itinerario-home div.horacerta { display: block; height: 45px; margin-top: -15px; *margin-top: -50px; padding-left: 10px;position: absolute;width: 134px;}

div.home div.mapa-itinerario-home div.horacerta p.hora { font-size:20px; line-height:5px; letter-spacing:2px; color:#1092DD; margin-top: 5px; *margin-top: -10px;}

div.home div.mapa-itinerario-home div.container-linhas { width:833px; position: relative; float: left; }

div.home div.mapa-itinerario-home div.container-linhas div.marcadores-superior { position:absolute; left:81px; top:46px; width:669px; height:9px; background:url(../imagens/img-traco-estacoes.gif) top left repeat-x;  }

div.home div.mapa-itinerario-home div.container-linhas div.marcadores-inferior { position:absolute; left:34px; top:67px; width:763px; height:9px; background:url(../imagens/img-traco-estacoes.gif) top left repeat-x;  }

div.home div.mapa-itinerario-home div.container-linhas a.slider-esquerda { z-index: 1; cursor: pointer; background-repeat: no-repeat; background-image: url(../imagens/slider-setas.png);  background-color: #E9E9E9; border: 1px solid #C8C8C8; height: 119px; position: absolute;  width: 47px; }

div.home div.mapa-itinerario-home div.container-linhas a.slider-esquerda:hover { background-position: -96px 0; }

div.home div.mapa-itinerario-home div.container-linhas a.slider-direita { right: 0; background-position: -48px 0; z-index: 1; cursor: pointer; background-repeat: no-repeat; background-image: url(../imagens/slider-setas.png);  background-color: #E9E9E9; border: 1px solid #C8C8C8; height: 119px; position: absolute;  width: 47px; }

div.home div.mapa-itinerario-home div.container-linhas a.slider-direita:hover { background-position: -144px 0; }

div.home div.mapa-itinerario-home div.container-linhas div.sliderlinhas { margin-right:48px; overflow: auto; margin-left: 48px; height: auto; min-height: 120px; /*position: relative; margin-left:48px; height: 120px; width: auto;*/ }

div.home div.mapa-itinerario-home div.container-linhas div.sliderlinhas .jspPane #sliderlinhas-content { background-image: url(../imagens/fundo-slider-trensurb.jpg); height: 119px; width: 1361px; margin-top: 1px; }

div.home div.mapa-itinerario-home div.lbl-selects { position:absolute; top:134px; left:11px; }

div.home div.mapa-itinerario-home div.lbl-selects span { font-size:12px; font-weight:bold; color:#333333; text-transform:uppercase; }

div.home div.mapa-itinerario-home div.container-linhas div#uniform-valueA { position:absolute; top:129px; left:199px; }

div.home div.mapa-itinerario-home div.container-linhas div#uniform-valueB { position:absolute; top:129px; left:396px; }

div.home div.mapa-itinerario-home div#result-tempo { position:absolute; width:169px; top:130px; left:786px; text-align:center; background:url(../imagens/bg-result-tempo.jpg) left top no-repeat; }

div.home div.mapa-itinerario-home div#result-tempo span { font-size:12px; font-weight:bold; color:#3F3F3F; }

div.home div.mapa-itinerario-home div#result-tempo span.tempo { font-size:18px; }

div.home div.mapa-itinerario-home fieldset { font-size: 62.5%; border:0; }

div.home div.mapa-itinerario-home fieldset label { font-weight: normal; float: left; margin-right: .5em; font-size: 1.1em; }

div.home div.mapa-itinerario-home fieldset select { margin-right: 1em; float: left; }

div.home div.mapa-itinerario-home div.lbl-estacoes { position:absolute; left:0px; top:34px; font-size:12px; font-weight:bold; line-height:14px; text-transform:uppercase; color:#333333; }

div.home div.mapa-itinerario-home div.lbl-estacao { font-size:12px; font-weight:bold; line-height:14px; text-align:center; color:#1092DD; }

div.home div.mapa-itinerario-home div#estacao-rodoviaria { position:absolute; top:34px; left:71px; cursor:pointer; width: 59px; }

div.home div.mapa-itinerario-home div#estacao-farraposipa { position:absolute; top:34px; left:185px; cursor:pointer; width: 71px; }

div.home div.mapa-itinerario-home div#estacao-anchieta { position:absolute; top:34px; left:320px; cursor:pointer; width: 50px; }

div.home div.mapa-itinerario-home div#estacao-fatima { position:absolute; top:34px; left:447px; cursor:pointer; width: 38px; }

div.home div.mapa-itinerario-home div#estacao-mathiasvelho { position:absolute; top:34px; left:544px; cursor:pointer; width: 80px; }

div.home div.mapa-itinerario-home div#estacao-petrobras { position:absolute; top:34px; left:680px; cursor:pointer; width: 54px; }

div.home div.mapa-itinerario-home div#estacao-luispasteur { position:absolute; top:34px; left:791px; cursor:pointer; width: 80px; }

div.home div.mapa-itinerario-home div#estacao-unisinos { position:absolute; top:34px; left:929px; cursor:pointer; width: 47px; }

div.home div.mapa-itinerario-home div#estacao-riodossinos { position:absolute; top:34px; left:1042px; cursor:pointer; width: 75px; }

div.home div.mapa-itinerario-home div#estacao-industrial { position:absolute; top:34px; left:1170px; /*cursor:pointer;*/ color: #999999; width: 53px; }

div.home div.mapa-itinerario-home div#estacao-novohamburgo { position:absolute; top:34px; left:1269px; /*cursor:pointer;*/ color: #999999; width: 90px; }

div.home div.mapa-itinerario-home div#estacao-mercado { position:absolute; top:78px; left:14px; cursor:pointer; width: 48px; }

div.home div.mapa-itinerario-home div#estacao-saopedro { position:absolute; top:78px; left:132px; cursor:pointer; width: 56px; }

div.home div.mapa-itinerario-home div#estacao-aeroporto { position:absolute; top:78px; left:253px; cursor:pointer; width: 58px;}

div.home div.mapa-itinerario-home div#estacao-niteroiuniritter { position:absolute; top:78px; left:382px; cursor:pointer; width: 52px; }

div.home div.mapa-itinerario-home div#estacao-canoaslasalle { position:absolute; top:78px; left:506px; cursor:pointer; width: 47px; }

div.home div.mapa-itinerario-home div#estacao-saoluisulbra { position:absolute; top:78px; left:626px; cursor:pointer; width: 55px;}

div.home div.mapa-itinerario-home div#estacao-esteio { position:absolute; top:78px; left:752px; cursor:pointer; width: 35px;}

div.home div.mapa-itinerario-home div#estacao-sapucaiadosul { position:absolute; top:78px; left:870px; cursor:pointer; width: 48px; }

div.home div.mapa-itinerario-home div#estacao-saoleopoldo { position:absolute; top:78px; left:970px; cursor:pointer; width: 85px }

div.home div.mapa-itinerario-home div#estacao-santoafonso { position:absolute; top:78px; left:1100px; cursor:pointer; width: 80px; }

div.home div.mapa-itinerario-home div#estacao-fenac { position:absolute; top:78px; left:1243px; /*cursor:pointer;*/ color: #999999; width: 33px; }

/* ===================== ESTILOS DO SLIDER ===================== */

div.home div.mapa-itinerario-home .ui-slider { position:absolute; top:56px; left:34px; /*width:753px;*/ width: 988px; clear: both; }

div.home div.mapa-itinerario-home .ui-slider span.ui-slider-tic { width:11px; height:11px; background:url(../js/slider/images/ico-estacao.gif) no-repeat; }

div.home div.mapa-itinerario-home .ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content { border: 0 none; display:block !important; }

div.home div.mapa-itinerario-home .ui-widget-content { border:0; background:url(../js/slider/images/bg-linha.png) 0 4px repeat-x; color: #222222; width: 1282px; }

div.home div.mapa-itinerario-home .ui-widget-header { height:11px; background: url(../js/slider/images/bg-linha-selecionada.png) repeat-x ; color: #FFFFFF; }

div.home div.mapa-itinerario-home .ui-state-default, .ui-widget-content .ui-state-default { background:url(../js/slider/images/ico-marcado.png) no-repeat;  color: #2E6E9E; font-weight: bold; border:0; outline:none; }

div.home div.mapa-itinerario-home .ui-slider-horizontal .ui-slider-handle { margin-left: 0; top: 0; }

div.home div.mapa-itinerario-home .ui-slider .ui-slider-tooltip { visibility:hidden; }

div.home div.mapa-itinerario-home .ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show { display:none; }

div.home div.mapa-itinerario-home .ui-slider { cursor:pointer; }

/* ===================== ESTILOS DO SLIDER ===================== */


div.home div.menu-features { float:left; width:725px; height:290px; }

div.home div.menu-projetos { float:right; width:215px; text-align:right; }

div.home div.menu-projetos div.projeto { position:relative; margin-top:0; margin-bottom:13px; }

div.home div.menu-projetos h1 { position:absolute; width:auto; left:6px; bottom:6px; margin:0; *margin-bottom:6px; margin-right:6px; padding: 4px; font-size:12px; text-transform:uppercase; text-align:left; color:#1092DD; background:#FFF; }

div.home div.menu-projetos a { outline:none; }

div.home div.area-features { margin-top:30px; }

div.home div.area-noticias-home { margin-top:12px; margin-bottom:21px; }

div.home div.noticias { float:left; width:765px; }

div.home div.noticias h1 { font-size:18px; margin:9px 0; }

div.home div.noticias ul { margin:0; padding:0; list-style-type:none; }

div.home div.noticias ul li { float:left; width:215px; margin-right:40px; /*margin-right: 32px;*/ }

div.home div.noticias ul li:last-child { margin-right:0; }

div.home div.noticias div.img-noticia { padding:10px 0; text-align:center; background:#EBEBEB; margin-top: 10px; }

div.home div.noticias span.data { display:block; font-size:12px; font-weight:bold; padding:3px 0; color:#666666; margin: 10px 0; }

div.home div.noticias h2 { font-size:15px; text-transform:uppercase; /*line-height:15px;*/ margin:0; margin-bottom:10px; }

div.home div.noticias h2 a { color:#0E91DD; text-decoration:none; }

div.home div.noticias p { font-size:12px; /*line-height:14px;*/ margin:0; }

div.home div.noticias p a { color:#292929; text-decoration:none; }

div.home div.twitter { float:right; width:215px; }

div.home div.twitter h1 { font-size:18px; height:35px; margin:0; margin-bottom:6px; line-height:34px; vertical-align:middle;  }

div.home div.twitter h1 span.user { font-size:15px; color:#1092DD; }

div.home div.twitter h1 span.user a { text-decoration:none; }

div.home div.twitter h1 img { vertical-align:middle; }

div.home div.twitter div.container { min-height:248px; height:auto !important; height:248px; border:1px solid #C8C8C8; }

div.home div.twitter  { color:#666666; }

div.home div.twitter div.container ul { margin:10px; padding:0; list-style-type:none; }

div.home div.twitter div.container ul li { margin-bottom:15px; }

div.home div.twitter div.container p.texto { font-size:12px; color:#282828; margin:0; line-height:14px; }

div.home div.twitter div.container p.texto a { text-decoration:none; color:#1092DD; }

div.home div.twitter div.container p.data { font-size:12px; color:#666666; margin:0; line-height:12px; }

/*===================================== HOME - FIM =====================================*/



/*===================================== NOTĂ CIAS - INĂ CIO =====================================*/

div.noticias-lista { padding-bottom:50px; }

div.noticias-lista div.filtro-noticias { padding:10px 0; height:25px; margin-top:20px; margin-bottom:12px; border:1px solid #C8C8C8; }

div.noticias-lista div.filtro-noticias form, div.noticias-lista div.filtro-noticias fieldset { margin:0; padding:0; border:0; }

div.noticias-lista div.filtro-noticias form label { float:left; font-size:12px; line-height:26px; vertical-align:middle; text-transform:uppercase; border:0; }

div.noticias-lista div.filtro-noticias div.data { float:left; width:242px; background:url(../imagens/bg-pont.png) top right no-repeat; }

div.noticias-lista div.filtro-noticias div.data div.container-ano { float:left; width:90px; margin-left:10px; /*text-align:right;*/ }

div.noticias-lista div.filtro-noticias div.data div.container-mes { float:left; width:123px; margin-left:10px; /*text-align:right;*/ }

div.noticias-lista div.filtro-noticias div.termo { float:left; width:465px; margin-left:10px; text-align:right; }

div.noticias-lista div.filtro-noticias div#uniform-ano-noticia { float:right; width:50px; margin-left:2px; }

div.noticias-lista div.filtro-noticias div#uniform-ano-noticia span { width:25px; }

div.noticias-lista div.filtro-noticias div#uniform-ano-noticia select { width:50px; }

div.noticias-lista div.filtro-noticias div#uniform-mes-noticia { float:right; width:83px; margin-left:2px; }

div.noticias-lista div.filtro-noticias div#uniform-mes-noticia span { width:58px; }

div.noticias-lista div.filtro-noticias div#uniform-mes-noticia select { width:83px; }

div.noticias-lista div.filtro-noticias div.curvas { float:right; width:262px; margin-left:2px; background:#E6F1FB; border:1px solid #D8D8D8; }

div.noticias-lista div.filtro-noticias input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; *width:76px;/*width:258px;*/ height:22px; padding:0 5px; width: 250px; background:none; border:0; }

div.noticias-lista div.filtro-noticias button { float:right; font-size:12px; font-weight:bold; color:#FFF; width:76px; height:22px; margin:0; margin-top:2px; margin-left:4px; padding:0; border:0; background:url(../imagens/bt-pesquisar.gif) left top no-repeat; }

div.noticias-lista div.bloco-img { float:left; margin-right:12px; padding:5px; background:#EBEBEB; }

div.noticias-lista div.bloco-txt p { font-size:13px; margin:12px 0; }

div.noticias-lista div.bloco-txt p a { color:#292929; text-decoration:none; }

div.noticias-lista div.resumo-noticia { padding:14px 0; background:url(../imagens/bg-resumo-pont.gif) bottom repeat-x; width:725px; display:block; float:left;}

div.noticias-lista h2 { font-size:15px; text-transform:uppercase; margin:5px 0; }

div.noticias-lista h2 a { color:#0E91DD; text-decoration:none;}

div.noticias-lista span.titulo { font-size:20px; font-weight:bold; color:#333333; }

div.noticias-lista span.data { font-size:11px; color:#666666; }

div.noticias-lista div.paginacao { margin-top:17px; float:left; }

div.noticia-exibe { padding-top:13px; }

div.noticia-exibe p.subtitulo { font-style:italic;}

div#conteudo h1.titulo-noticia { margin:0; }

/*===================================== NOTĂ CIAS - FIM =====================================*/



/*===================================== PROJETOS CULTURAIS - INĂ CIO =====================================*/

div.projetos-lista ul { margin:0; padding:0; list-style-type:none; clear:both; }

div.projetos-lista ul li { display:block; float:left; min-height: 235px; width:215px; margin:0; margin-bottom:32px; margin-left:40px; list-style-type:none; }

div.projetos-lista ul li:first-child { margin-left:0px; }

div.projetos-lista div.img { position:relative; height: 150px; }

div.projetos-lista div.desc p { font-size:12px; margin:12px 0; }

div.projetos-lista div.desc p a { color:#292929; text-decoration:none; }

div.projetos-lista h2 { color:#1092DD; position:absolute; left:6px; right:6px; bottom:6px; margin:0; *margin-bottom:6px; padding:4px; font-size:12px; background:#FFF; text-transform:uppercase; }

div.projetos-lista h2 a { color:#1092DD; }

div.projetos-lista span.titulo { display:block; font-size:20px; font-weight:bold; text-transform:uppercase; color:#333333; margin-bottom:15px; }

div.projetos-culturais div.conteudo-foto { padding:10px; border:0px solid #E9E9E9; width:400px; height:270px; }

div.projetos-culturais ul#pikame { overflow:hidden; }

div.projetos-culturais ul#pikame img { border:2px solid #E9E9E9; }

div.projetos-culturais ul#pikame img.selecionado { border:2px solid #4BACE5; }

div.projetos-culturais div.carrossel { float:left; width:418px; margin-right:21px; margin-bottom:21px; border:2px solid #E9E9E9; overflow:hidden; }

/*===================================== PROJETOS CULTURAIS - FIM =====================================*/



/*===================================== COMUNICAĂ‡ĂƒO - INĂ CIO =====================================*/

div.comunicacao-lista h2 { font-size:17px; text-transform:uppercase; margin:0; margin-bottom:18px; }

div.comunicacao-lista div.noticia { margin-bottom:26px; }

div.comunicacao-lista div.noticia p a { text-decoration:none; }

div.comunicacao-lista div.noticia a.anteriores { font-size:13px; color:#1092DD; text-decoration:none; }

div.comunicacao-lista ul.thumbs-edicoes { margin:0; margin-bottom:16px; padding:0; list-style-type:none; }

div.comunicacao-lista ul.thumbs-edicoes li { float:left; margin-left:10px; padding:2px; margin-bottom: 5px; }

div.comunicacao-lista ul.thumbs-edicoes li a { display:block; }

div.comunicacao-lista ul.thumbs-edicoes li div.titulo { font-size:14px; text-align: center; color: #2C2E91; width:150px; height:40px;}

div.comunicacao-lista ul.thumbs-edicoes li:hover { background: none repeat scroll 0 0 #1092DD; }

/*div.comunicacao-lista ul.thumbs-edicoes li:first-child { margin-left:0; }*/

div.comunicacao-lista div.paginacao { margin-top:17px; float:left; }

/*===================================== COMUNICAĂ‡ĂƒO - FIM =====================================*/



/*===================================== ACHADOS E PERDIDOS - INĂ CIO =====================================*/

div.achados-perdidos { padding-bottom:50px; }

div.achados-perdidos h2 { font-size:17px; text-transform:uppercase; margin:0; margin-bottom:18px; }

div.achados-perdidos div.endereco { padding:10px; margin-bottom:21px; border:1px solid #C8C8C8; }

div.achados-perdidos div.endereco p { margin:0; }

div.achados-perdidos form fieldset { width:430px; margin:0; margin-bottom:13px; padding:0; border:0; }

div.achados-perdidos form fieldset label { font-size:12px; line-height:25px; vertical-align:top; }

div.achados-perdidos form fieldset div.curvas { float:left; width:346px; background:#E6F1FB; border:1px solid #D8D8D8;  }

div.achados-perdidos form fieldset input.campo-pesquisa { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:340px; height:18px; padding:2px; background:none; border:0; }

div.achados-perdidos form fieldset button { float:right; font-size:12px; font-weight:bold; color:#FFF; width:76px; height:22px; margin:0; margin-top:2px; padding:0; border:0; background:url(../imagens/bt-pesquisar.gif) left top no-repeat; }

div.achados-perdidos table.tb-achados { width:100%; margin-bottom:16px; font-size:12px; border-collapse:collapse; }

div.achados-perdidos table.tb-achados tr.cabecalho { background:#1092DD; }

div.achados-perdidos table.tb-achados tr td { color:#3F3F3F; padding:5px 11px; }

div.achados-perdidos table.tb-achados tr.cabecalho td { color:#FFF; font-weight:bold; }

div.achados-perdidos table.tb-achados tr td.col-nome { text-align:left; }

div.achados-perdidos table.tb-achados tr td.col-numero { width:138px; text-align:center; }

div.achados-perdidos table.tb-achados tr.linha-branca { background:#FFF; }

div.achados-perdidos table.tb-achados tr.linha-cinza { background:#EDEFF1; }

/*===================================== ACHADOS E PERDIDOS - FIM =====================================*/



/*===================================== ESTAĂ‡Ă•ES - INĂ CIO =====================================*/

div.estacoes { padding-bottom:98px; }

/*div.endereco { display:none; border:1px solid #CCCCCC; margin-bottom: 20px;}*/

div.endereco div.list { padding:0 0 10px; }

/*div.endereco span.titulo-box { display: block; font-size: 12px; font-weight: bold; color: #FFF; padding: 6px 11px; background: #1092DD; }*/

div.estacoes h2 , div.endereco h2{ font-size:17px; text-transform:uppercase; margin-top:22px; margin-bottom:10px; }

div.estacoes div.desc-holder, div.endereco div.desc-holder { margin-top:16px;  }

div.estacoes div.desc-estacao { float:left; min-height:256px;  height:auto; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

div.estacoes div.desc-estacao ul, div.endereco ul { margin:0; padding:0; padding-left:22px; }

div.estacoes div.desc-estacao ul li, div.endereco  ul li { font-size:13px; color:#292929; }

div.estacoes div.desc-estacao p, div.endereco  p { margin:0; }

div.estacoes div.div-serv { width:254px; border-left:1px solid #CCCCCC; }

div.estacoes div.div-carac { width:241px; }

div.estacoes div.div-end { width:226px; }

div.estacoes div.desc-estacao div.list { padding:14px 11px; }

div.estacoes div.desc-estacao span.titulo-box{ display:block; font-size:12px; font-weight:bold; color:#FFF; padding:6px 11px; background:#1092DD;  }

div.estacoes div.conteudo-foto { padding:10px; width:295px; border:0px solid #E9E9E9; height:198px;}

div.projetos-culturais ul#pikame { overflow:hidden; }

div.estacoes ul#pikame img { border:2px solid #E9E9E9; }

div.estacoes ul#pikame img.selecionado { border:2px solid #4BACE5; }

div.estacoes div.carrossel { float:left;  margin-right:10px; margin-bottom:21px; border:2px solid #E9E9E9; overflow:hidden; }

div.estacoes div.mapa { float:right; width:389px; height:296px; border:2px solid #E9E9E9; }

div.estacoes div.mapa-itinerario-info { position:relative; height:176px; /*background:url(../imagens/bg-itinerario-info.jpg) left top;*/ border: 1px solid #C2C2C2; }

div.estacoes div.mapa-itinerario-info div.container-linhas { width:725px; position: relative; float: left; }

div.estacoes div.mapa-itinerario-info div.container-linhas div.sliderlinhas { margin-right:48px; overflow: auto; margin-left: 48px; height: auto; min-height: 120px; /*position: relative; margin-left:48px; height: 120px; width: auto;*/ }

div.estacoes div.mapa-itinerario-info div.container-linhas div.sliderlinhas .jspPane #sliderlinhas-content { background-image: url(../imagens/fundo-slider-trensurb.jpg); height: 119px; width: 1361px; margin-top: 1px; }

div.estacoes div.mapa-itinerario-info div.container-linhas a.slider-esquerda { margin-left: -1px; margin-top: -1px; z-index: 1; cursor: pointer; background-repeat: no-repeat; background-image: url(../imagens/slider-setas.png);  background-color: #E9E9E9; border: 1px solid #C8C8C8; height: 119px; position: absolute;  width: 47px; }

div.estacoes div.mapa-itinerario-info div.container-linhas a.slider-esquerda:hover { background-position: -96px 0; }

div.estacoes div.mapa-itinerario-info div.container-linhas a.slider-direita { margin-left: -1px; margin-top: -1px; right: 0; background-position: -48px 0; z-index: 1; cursor: pointer; background-repeat: no-repeat; background-image: url(../imagens/slider-setas.png);  background-color: #E9E9E9; border: 1px solid #C8C8C8; height: 119px; position: absolute;  width: 47px; }

div.estacoes div.mapa-itinerario-info div.container-linhas a.slider-direita:hover { background-position: -144px 0; }

div.estacoes div.mapa-itinerario-info .ui-slider { position:absolute; top:56px; left:34px; /*width:753px;*/ width: 988px; clear: both; cursor: pointer; }

div.estacoes div.mapa-itinerario-info .ui-widget-content { border:0; background:url(../js/slider/images/bg-linha.png) 0 4px repeat-x; color: #222222; width: 1282px; }

div.estacoes div.mapa-itinerario-info div.container-linhas a { text-decoration:none; }

div.estacoes div.mapa-itinerario-info div.container-linhas div.marcadores-superior { position:absolute; left:69px; top:48px; width:610px; height:9px; background:url(../imagens/img-traco-estacoes-info.gif) top left repeat-x;  }

div.estacoes div.mapa-itinerario-info div.container-linhas div.marcadores-inferior { position:absolute; left:28px; top:68px; width:664px; height:9px; background:url(../imagens/img-traco-estacoes-info.gif) top left repeat-x;  }

div.estacoes div.mapa-itinerario-info div.lbl-selects { position:absolute; top:134px; left:11px; width:110px; }

div.estacoes div.mapa-itinerario-info div.lbl-selects span { font-size:12px; line-height:12px; font-weight:bold; color:#333333; text-transform:uppercase; }

div.estacoes div.mapa-itinerario-info div.container-linhas div#uniform-valueA { position:absolute; top:134px; left:129px; }

div.estacoes div.mapa-itinerario-info div.container-linhas div#uniform-valueB { position:absolute; top:134px; left:347px; }

div.estacoes div.mapa-itinerario-info div#result-tempo { position:absolute; width:auto; height:25px; padding:0 6px; top:134px; left:554px; text-align:center; background:#FEF9B4; }

div.estacoes div.mapa-itinerario-info div#result-tempo span { font-size:12px; font-weight:bold; color:#3F3F3F; }

div.estacoes div.mapa-itinerario-info div#result-tempo span.tempo { font-size:18px; }

div.estacoes div.mapa-itinerario-info fieldset { font-size: 62.5%; border:0; }

div.estacoes div.mapa-itinerario-info fieldset label { font-weight: normal; float: left; margin-right: .5em; font-size: 1.1em; }

div.estacoes div.mapa-itinerario-info fieldset select { margin-right: 1em; float: left; }

div.estacoes div.mapa-itinerario-info div.lbl-estacao { width:80px; font-size:12px; font-weight:bold; line-height:14px; text-align:center; color:#1092DD; }

div.estacoes div.mapa-itinerario-info div#estacao-rodoviaria { position:absolute; top:34px; left:71px; cursor:pointer; width: 59px; }

div.estacoes div.mapa-itinerario-info div#estacao-farraposipa { position:absolute; top:34px; left:185px; cursor:pointer; width: 71px; }

div.estacoes div.mapa-itinerario-info div#estacao-anchieta { position:absolute; top:34px; left:320px; cursor:pointer; width: 50px; }

div.estacoes div.mapa-itinerario-info div#estacao-fatima { position:absolute; top:34px; left:447px; cursor:pointer; width: 38px; }

div.estacoes div.mapa-itinerario-info div#estacao-mathiasvelho { position:absolute; top:34px; left:544px; cursor:pointer; width: 80px; }

div.estacoes div.mapa-itinerario-info div#estacao-petrobras { position:absolute; top:34px; left:680px; cursor:pointer; width: 54px; }

div.estacoes div.mapa-itinerario-info div#estacao-luispasteur { position:absolute; top:34px; left:791px; cursor:pointer; width: 80px; }

div.estacoes div.mapa-itinerario-info div#estacao-unisinos { position:absolute; top:34px; left:929px; cursor:pointer; width: 47px; }

div.estacoes div.mapa-itinerario-info div#estacao-riodossinos { position:absolute; top:34px; left:1042px; cursor:pointer; width: 75px; }

div.estacoes div.mapa-itinerario-info div#estacao-industrial { position:absolute; top:34px; left:1170px; /*cursor:pointer;*/ color: #999999; width: 53px; }

div.estacoes div.mapa-itinerario-info div#estacao-novohamburgo { position:absolute; top:34px; left:1269px; /*cursor:pointer;*/ color: #999999; width: 90px; }

div.estacoes div.mapa-itinerario-info div#estacao-mercado { position:absolute; top:78px; left:14px; cursor:pointer; width: 48px; }

div.estacoes div.mapa-itinerario-info div#estacao-saopedro { position:absolute; top:78px; left:132px; cursor:pointer; width: 56px; }

div.estacoes div.mapa-itinerario-info div#estacao-aeroporto { position:absolute; top:78px; left:253px; cursor:pointer; width: 58px;}

div.estacoes div.mapa-itinerario-info div#estacao-niteroiuniritter { position:absolute; top:78px; left:382px; cursor:pointer; width: 52px; }

div.estacoes div.mapa-itinerario-info div#estacao-canoaslasalle { position:absolute; top:78px; left:506px; cursor:pointer; width: 47px; }

div.estacoes div.mapa-itinerario-info div#estacao-saoluisulbra { position:absolute; top:78px; left:626px; cursor:pointer; width: 55px;}

div.estacoes div.mapa-itinerario-info div#estacao-esteio { position:absolute; top:78px; left:752px; cursor:pointer; width: 35px;}

div.estacoes div.mapa-itinerario-info div#estacao-sapucaiadosul { position:absolute; top:78px; left:870px; cursor:pointer; width: 48px; }

div.estacoes div.mapa-itinerario-info div#estacao-saoleopoldo { position:absolute; top:78px; left:970px; cursor:pointer; width: 85px }

div.estacoes div.mapa-itinerario-info div#estacao-santoafonso { position:absolute; top:78px; left:1100px; cursor:pointer; width: 80px; }

div.estacoes div.mapa-itinerario-info div#estacao-fenac { position:absolute; top:78px; left:1243px; /*cursor:pointer;*/ color: #999999; width: 33px; }

/* ===================== ESTILOS DO SLIDER ===================== */

div.estacoes div.mapa-itinerario-info fieldset .ui-slider { position:absolute; top:56px; left:30px; /*left:34px;*/ width:654px;/*width:650px;*/ clear: both; }

div.estacoes div.mapa-itinerario-info .ui-slider span.ui-slider-tic { width:11px; height:11px; background:url(../js/slider/images/ico-estacao.gif) no-repeat; }

div.estacoes div.mapa-itinerario-info .ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content { border: 0 none; display:block !important; }

div.estacoes div.mapa-itinerario-info .ui-widget-content { border:0; background:url(../js/slider/images/bg-linha.png) 0 4px repeat-x; color: #222222; }

div.estacoes div.mapa-itinerario-info .ui-widget-header { height:11px; background: url(../js/slider/images/bg-linha-selecionada.png) repeat-x ; color: #FFFFFF; }

div.estacoes div.mapa-itinerario-info .ui-state-default, .ui-widget-content .ui-state-default { background:url(../js/slider/images/ico-marcado.png) no-repeat;  color: #2E6E9E; font-weight: bold; border:0; outline:none; }

div.estacoes div.mapa-itinerario-info .ui-slider-horizontal .ui-slider-handle { margin-left: 0; top: 0; }

div.estacoes div.mapa-itinerario-info .ui-slider .ui-slider-tooltip { visibility:hidden; }

div.estacoes div.mapa-itinerario-info .ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show { display:none; }

div.estacoes div.mapa-itinerario-info fieldset .ui-slider { cursor:pointer; }

/* ===================== ESTILOS DO SLIDER ===================== */












/*===================================== ESTAĂ‡Ă•ES - FIM =====================================*/



/*===================================== BALANĂ‡O SOCIAL - INĂ CIO =====================================*/

div.container-arquivos { margin-bottom:25px; }

div.container-arquivos ul.list-arquivos { margin:0; padding:0; padding-top:-14px; list-style-type:none; }

div.container-arquivos ul.list-arquivos li { background-color:#E6F1FB; padding:5px 0 0 5px; width:340px; float:left; margin:3px; height:30px;}

div.container-arquivos div.bloco-img { margin-top: 20px; }

div.balanco-social p { margin-bottom:12px; }

/*===================================== BALANĂ‡O SOCIAL - FIM =====================================*/



/*===================================== CONTATO - INĂ CIO =====================================*/

div.formas-contato div.box-forma { margin-bottom:20px; border:1px solid #C8C8C8;  }

div.formas-contato h2 { font-size:17px; text-transform:uppercase; margin:0; margin-bottom:18px; }

div.formas-contato table.tb-atendimento { border-collapse:collapse; }

div.formas-contato table.tb-atendimento { border-collapse:collapse; }

div.formas-contato table.tb-atendimento tr td { padding:9px 0; vertical-align:top; }

div.formas-contato table.tb-atendimento tr td:first-child { padding:11px 0; }

div.formas-contato table.tb-atendimento tr td.imagem { width:75px; text-align:center; vertical-align:top; }

div.formas-contato table.tb-atendimento tr td span.sub-titulo { font-size:14px; font-weight:bold; }

div.formas-contato table.tb-atendimento tr td span.sub-titulo a { color:#1092DD; }

div.formas-contato table.tb-atendimento tr td p { font-size:12px; line-height:16px; margin:0; margin-top:5px; }

div.formas-contato table.tb-atendimento tr td p.telefone { font-size:14px; font-weight:bold; }

div.formas-contato table.tb-atendimento tr td a { color:#1D97DF; text-decoration:none; }



div.formas-contato form { padding:0; margin:0; margin-top:25px; }

div.formas-contato form fieldset { width:725px; margin:0; padding:0; border:0; }

div.formas-contato form fieldset.separador { padding-top:15px; }

div.formas-contato form fieldset label { font-size:12px; font-weight:bold; color:#272727; }

div.formas-contato form fieldset p.legend { width:709px; font-size:13px; font-weight:bold; margin:0; margin-bottom:10px; padding:3px 8px; color:#FFF; background:#1092DD; }

div.formas-contato form fieldset input, div.formas-contato form fieldset textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:none; border:0; }

div.formas-contato form fieldset textarea { overflow:auto; }

div.formas-contato form fieldset div.curvas { margin-top:2px; }

div.formas-contato form fieldset input.campo-nome { width:530px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-codigo { width:60px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-gestao { width:60px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-nomedaunidade { width:572px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-numerodereferencia { width:134px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-competencia { width:134px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-vencimento { width:154px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-cnpjcpf { width:134px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-nomedocontribuinte { width:572px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-valorprincipal { width:110px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-descontos { width:108px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-deducoes { width:108px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-multa { width:108px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-juros { width:108px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-acrescimos { width:110px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-valortotal { width:108px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-dir { width:354px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-tel { width:197px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-email { width:220px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-data { width:85px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-estacao { width:271px; height:20px; padding:0 2px; }

div.formas-contato form fieldset input.campo-onibus { width:92px; height:20px; padding:0 2px; }

div.formas-contato form fieldset textarea.campo-mensagem { width:746px; height:95px; padding:0 2px; }

div.formas-contato form fieldset div.form-nome { float:left; width:534px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-codigo { float:left; width:64px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-gestao { float:left; width:110px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-nomedaunidade { float:left; width:530px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-numerodereferencia { float:left; width:138px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-competencia { float:left; width:138px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-vencimento { float:left; width:158px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-cnpjcpf { float:left; width:138px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-nomedocontribuinte { float:left; width:576px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-valorprincipal { float:left; width:112px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-descontos { float:left; width:112px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-deducoes { float:left; width:112px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-multa { float:left; width:112px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-juros { float:left; width:112px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-acrescimos { float:left; width:114px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-valortotal { float:left; width:112px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-geracao { float:left; width:250px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-sexo { float:left; width:174px; margin-bottom:5px; font-size:13px; }

div.formas-contato form fieldset div.form-sexo div { line-height:25px; vertical-align:bottom; }

div.formas-contato form fieldset div.form-sexo span { vertical-align:top; }

div.formas-contato form fieldset div.form-uf { float:left; width:42px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-uf div.selector { width:42px; margin:0; }

div.formas-contato form fieldset div.form-uf select { width:42px; margin:0; }

div.formas-contato form fieldset div.form-uf div.selector span { width:10px; }

div.formas-contato form fieldset div.form-cidade { float:left; width:305px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-cidade div.selector { width:305px; margin:0; }

div.formas-contato form fieldset div.form-cidade select { width:305px; margin:0; }

div.formas-contato form fieldset div.form-cidade div.selector span { width:273px; }

div.formas-contato form fieldset div.form-recolhimento { float:left; width:250px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-recolhimento div.selector { width:250px; margin:0; }

div.formas-contato form fieldset div.form-recolhimento select { width:250px; margin:0; }

div.formas-contato form fieldset div.form-recolhimento div.selector span { width:220px; }

div.formas-contato form fieldset div.form-dir { float:left; width:358px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-email { float:left; width:224px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-tel { float:left; width:102px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-data { float:left; width:89px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-profissao { float:left; width:257px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-profissao div.selector { width:257px; margin:0; }

div.formas-contato form fieldset div.form-profissao select { width:257px; margin:0; }

div.formas-contato form fieldset div.form-profissao div.selector span { width:225px; }

div.formas-contato form fieldset div.form-estado-civil { float:left; width:145px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-estado-civil div.selector { width:145px; margin:0; }

div.formas-contato form fieldset div.form-estado-civil select { width:145px; margin:0; }

div.formas-contato form fieldset div.form-estado-civil div.selector span { width:113px; }

div.formas-contato form fieldset div.form-telefone { float:left; width:201px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-hora { float:left; width:112px; *width:110px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-hora div.selector { width:42px; margin:0; }

div.formas-contato form fieldset div.form-hora select { width:42px; margin:0; }

div.formas-contato form fieldset div.form-hora div.selector span { width:12px; }

div.formas-contato form fieldset div.form-hora div#uniform-hora { float:left; }

div.formas-contato form fieldset div.form-hora div#uniform-minuto { float:right; }

div.formas-contato form fieldset div.form-hora div label { float:left; }

div.formas-contato form fieldset div.form-estacao { float:left; width:275px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-num-trem { float:left; width:92px; margin-left:10px; *margin-top:4px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-num-trem div.selector { width:92px; margin:0; }

div.formas-contato form fieldset div.form-num-trem select { width:92px; margin:0; }

div.formas-contato form fieldset div.form-num-trem div.selector span { width:58px; }

div.formas-contato form fieldset div.form-integracao { float:left; width:210px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-integracao div.selector { width:201px; margin:0; }

div.formas-contato form fieldset div.form-integracao select { width:201px; margin:0; }

div.formas-contato form fieldset div.form-integracao div.selector span { width:169px; }

div.formas-contato form fieldset div.form-linha { float:left; width:92px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-linha div.selector { width:92px; margin:0; }

div.formas-contato form fieldset div.form-linha select { width:92px; margin:0; }

div.formas-contato form fieldset div.form-linha div.selector span { width:58px; }

div.formas-contato form fieldset div.form-num-onibus { float:left; width:92px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-num-onibus { float:left; width:92px; margin-left:10px; margin-bottom:5px; }

div.formas-contato form fieldset div.form-enquete { font-size:13px; }

div.formas-contato form fieldset div.form-enquete span { vertical-align:top; }

div.formas-contato form fieldset div.form-resposta { font-size:13px; }

div.formas-contato form fieldset div.form-resposta span { vertical-align:top; }

div.formas-contato form fieldset div.botoes { text-align:left; }

div.formas-contato form fieldset button { font-size:12px; font-weight:bold; width:60px; height:20px; color:#FFF; margin:0; margin-right:2px; padding:0; border:0; background:url(../imagens/bt-enviar.gif) left top no-repeat; }

div.formas-contato form fieldset div.curvas { background:#E6F1FB; border:1px solid #D8D8D8; }


div.formas-contato form fieldset div.botoes button { font-size:12px; font-weight:bold; color:#FFF; width:76px; height:22px; margin:0; margin-top:2px; padding:0; border:0; background:url(../imagens/bt-pesquisar.gif) left top no-repeat; }

/*===================================== CONTATO - FIM =====================================*/


/*===================================== NIVO BANNER =======================================*/

/* The Nivo Slider styles */
.nivoSlider {
   position:relative;
   z-index:1;
   height:350px;
   margin-top:20px;
   display:block;
}

.divRecorte
{
   position:absolute;
   left:50%;
   margin-left:473px;
   margin-top:20px;
   z-index:100;
}
.nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
   z-index:60;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   border:0;
   padding:0;
   margin:0;
   z-index:60;
   display:none;
}
/* The slices in the Slider */
.nivo-slice {
   display:block;
   position:absolute;
   z-index:50;
   height:100%;
}
/* Caption styles */
.nivo-caption {
   position:absolute;
   left:0px;
   bottom:0px;
   background:#000;
   color:#fff;
   opacity:0.8; /* Overridden by captionOpacity setting */
   width:100%;
   z-index:89;
}
.nivo-caption p {
   padding:5px;
   margin:0;
}
.nivo-caption a {
   display:inline !important;
}
.nivo-html-caption {
   display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
   position:absolute;
   top:45%;
   z-index:99;
   cursor:pointer;
}
.nivo-prevNav {
   left:0px;
}
.nivo-nextNav {
   right:0px;
   z-index:99;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
   position:relative;
   z-index:99;
   cursor:pointer;
   font-weight:bold;
}
.nivo-controlNav a.active {
   font-weight:bold;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
   background:url(../js/nivo/images/slider.png) no-repeat;
   width:998px;
   height:392px;
   margin:0 auto;
   padding-top:74px;
   margin-top:50px;
}

#slider {
   position:relative;
   width:980px;
   height:350px;
   background:url(../js/nivo/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}
#slider a {
   border:0;
   display:block;
}

.nivo-controlNav {
   position:absolute;
   margin-left: 790px;
   bottom:10px;
   z-index:99px;
   clear:both;
   *margin-left:800px;
}
.nivo-controlNav a {
   display:block;
   width:22px;
   height:22px;
   background:url(../js/nivo/images/bullets.png) no-repeat;
   /*text-indent:-9999px;*/
   text-indent:6px;
   border:0;
   margin-right:3px;
   float:left;
   font-size:13px;
   color: #FFFFFF;
   padding: 1px;
}
.nivo-controlNav a.active {
   background-position:0 -22px;
   color: #1092DD;
}

.nivo-directionNav a {
   display:block;
   width:30px;
   height:30px;
   background:url(../js/nivo/images/arrows.png) no-repeat;
   text-indent:-9999px;
   border:0;
}
a.nivo-nextNav {
   background-position:-30px 0;
   right:15px;
}
a.nivo-prevNav {
   left:15px;
}

.nivo-caption {
   text-shadow:none;
   font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
   color:#efe9d1;
   text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
   clear:both;
}

/*
#barra-brasil-v3 {
background:#004b82;
clear: both;
height: 28px;
left: 0;
min-width: 980px;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
#barra-brasil-v3 span {
        display:block;
        width:50%;
        height:28px;
        background:url(../imagens/barra_superior/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}
#barra-brasil-v3 span .imagemGov {
        position:absolute;
        top:4px;
        left:50%;
        height: 24px;
        width: 1000px;
        background: url(../imagens/barra_superior/barra-brasil-v3-azul.gif) right top no-repeat;
        margin-left:-500px;
}
#barra-brasil-v3 span .brasilgov {
        width: 100px;
        height: 24px;
        float:right;
        display:block;
        border: 0 !important;
}
*/
/*#barra-brasil {
   background: url("../imagens/barra_superior/barra-brasil-v3-bgx.png") no-repeat scroll center bottom #004B82;
   clear: both;
   display: block;
   left: 0;
   min-width: 1000px;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
   z-index:9000;
}*/

#barra-brasil .barra {
   display: block;
   width: 1000px;
   height:28px;
   margin: 0 auto;
   background: url(../imagens/barra_superior/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}

#barra-brasil .barra ul {
   float:right;
   width: 319px;
   margin: 0px;
}

#barra-brasil .barra ul li {
   float: left;
   padding-left: 25px;
   list-style: none;
}

#barra-brasil .ai {
   display: block;
   width: 161px;
   height: 28px;
   text-indent: -1000px;
   background: #004b82 url(../imagens/barra_superior/ai.png) no-repeat 0 4px;
}

#barra-brasil .brasilgov {
   background: url("../imagens/barra_superior/brasil.png") no-repeat scroll 0 4px #004B82;
   display: block;
   height: 28px;
   text-indent: -1000px;
   width: 108px;
}
table.tb-horarios{
   width: 100%;
   font-size: 12px;
   font-weight: bold;
   border-collapse: collapse;
}
table.tb-horarios tr.cabecalho{
   font-size: 11px !important;
   color: #FFF !important;
   background: #1092DD !important;
}
table.tb-horarios tr:nth-child(even) {
   background: #FFF;
}
table.tb-horarios tr:nth-child(odd){
   background: #EDEFF1;
}
table.tb-horarios tr td{
   padding: 5px 0;
   text-align: center;
}
table.tb-horarios tr td:first-child{
   text-align: left !important;
   padding-left: 3px;
   width: 250px;
}
table.tb-horarios tr td:nth-child(2n){
   width: 300px;
   text-align: left;
}
table.tb-horarios tr td:nth-child(3n){
   width: 175px;
}

#acompanhe-social{
   width:100%;
   margin-top:10px;
}

#acompanhe-social div{
   width:747px;
   height:73px;
   border:1px solid #c8c8c8;
   margin-right:16px;
   float:left !important;
}
#acompanhe-social img{
   float:left;
   margin-right: 9px;
}
#acompanhe-social p{
   margin:0;
   margin-right:32px;
   float:left;
   display: block; font-size:18px;
   padding:15px 0 0 20px;
   width: 214px;
   height: 58px;
}

.redes{
   height: 29px !important;
   margin:0 !important;
   padding:0 !important;
   width:168px !important;
}

.redes a{
   width:28px !important;
   height: 29px !important;
   padding:0 !important;
   margin:0 !important;
   border:0 !important
}

/* ====== STATUS TREM ====== */

.left {
	float: left;
}
.right {
	float: right;
}
.hide {
	display: none !important;
}
div.mapa-home {
	height: 163px;
	position: relative;
	width: 980px;
	border: 1px solid #C8C8C8;
	color: #333333;
    margin-top: 20px;
}
div.mapa-home-operacao {
	background-color: #E6F1FB;
	width: 520px;
	height: 163px;
	float: left;
	overflow: hidden;
}
div.mapa-home-operacao-status {
	background-image: url("../imagens/status_fundobranco.png");
    background-repeat: no-repeat;
    display: table;
    height: 163px;: hidden;
    position: absolute;
    width: 270px;
    z-index: 99;
}
div.mapa-home-operacao-status-operacao {
	display: table-cell;
    vertical-align: middle;
	padding: 20px;
}
div.mapa-home-operacao-status-operacao-atualizado {
	min-height: 70px;
	display: table;
    overflow: hidden;
}
div.mapa-home-operacao-status-operacao-atualizado img {
	float: left;
	margin-right: 5px;
}
div.mapa-home-operacao-status-operacao-atualizado-interna {
	display: table-cell;
    vertical-align: middle;
}
div.mapa-home-operacao-status-operacao-atualizado-interna h1 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 2px;
}
div.mapa-home-operacao-status-operacao-atualizado-interna span {
	font-size: 10px;
}
div.mapa-home-operacao-status-operacao-intervalo {
	margin-top: 15px;
	border-top: 1px dashed #E9E9E9;
}
div.mapa-home-operacao-status-operacao-intervalo h1 {
	font-size: 12px;
	color: #1092DD;
	font-weight: bold;
	margin: 10px 0 0;
}
div.mapa-home-operacao-status-operacao-intervalo span {
	font-size: 10px;
}

div.mapa-home-operacao-status-partidas {
	display: table;
    margin-left: 270px;
    overflow: hidden;
    width: 250px;
	height: 163px;
}
div.mapa-home-operacao-status-partidas-trens {
	display: table-cell;
    vertical-align: middle;
	padding-left: 15px;
	padding-right: 15px;
}
div.mapa-home-operacao-status-partidas-trens h1{
	color: #1092DD;
	font-size: 14px;
	font-weight: bold;
}
div.mapa-home-operacao-status-partidas-trens ul {
	font-size: 11px;
	list-style: none;
	padding: 0;
}
div.mapa-home-operacao-status-partidas-trens ul li{
	background-image: url("../imagens/status_img_pontilhado.png");
	background-repeat: repeat-x;
	background-position: left center;
	margin-bottom: 5px;	
}
div.mapa-home-operacao-status-partidas-trens ul li span{
	color: #1092DD;
	font-weight: bold;
}
div.mapa-home-operacao-status-partidas-trens ul li div.linha {
	background-color: #E6F1FB;
	display: inline;
	padding-right: 5px;
}
div.mapa-home-operacao-status-partidas-trens ul li div.linharight {
	background-color: #E6F1FB;
	float: right;
	padding-left: 5px;
}
div.mapa-home-operacao-status-partidas-interna {
	display: table-cell;
    vertical-align: middle;
	padding-left: 15px;
    padding-right: 15px;
}
div.mapa-home-operacao-status-partidas-interna-horario {
	margin-bottom: 5px;
	height: 20px;
}
div.mapa-home-operacao-status-partidas-interna-horario h1 {
	color: #1092DD;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 5px 0 0;
}
div.mapa-home-operacao-status-partidas-interna-horario span {
	float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 13px;	
}
div.mapa-home-operacao-status-partidas-interna-motivo {
	margin-top: 10px;
}
div.mapa-home-operacao-status-partidas-interna-motivo h1 {
	margin:0;
	font-size: 14px;
	color: #1092DD;
	font-weight: bold;
}
div.mapa-home-operacao-status-partidas-interna-motivo h1 span {
	color: #333333;
	font-weight: normal;
	font-size: 12px;
}
div.mapa-home-operacao-status-partidas-interna-trechostitulo {
	font-size: 14px;
	color: #1092DD;
	font-weight: bold;
	margin-top: 10px;
}
div.mapa-home-operacao-trechos {	
    height: 183px;
    margin-left: 250px;
    margin-top: -17px;
    position: relative;
    width: 270px;
    z-index: 1;
}
div.mapa-home-operacao-trechos a.mapa-home-operacao-trechos-abre {
	background-image: url("../imagens/status_img_topo_trechos_interrompidos.png");
	background-repeat: no-repeat;
	display: block;
	width: 270px;
	height: 19px;
}
div.mapa-home-operacao-trecho-interna {
	background-color: #1092DD;
	height: 166px;	
}
div.mapa-home-operacao-trecho-interna-trechos {
	display: table;
    height: 130px;
    overflow: hidden;
    padding-left: 45px;
}
div.mapa-home-operacao-trecho-interna-trechos-interrompidos {
	display: table-cell;
	vertical-align: middle;
}
div.mapa-home-operacao-trecho-interna-trechos-interrompidos h1{
 color: #FFFFFF;
 font-weight: bold;
 font-size: 14px;
}
div.mapa-home-operacao-trecho-interna-trechos-interrompidos ul{
	list-style: none;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0;
}
div.mapa-home-trajeto {
	float: left;
    height: 163px;
    width: 460px;
}
div.mapa-home-trajeto-botoes {
	float: left;
    height: 146px;
    padding-left: 20px;
    padding-top: 17px;
    width: 170px;
}
div.mapa-home-trajeto-botoes a.mapa-home-trajeto-botoes-interativo {
	width: 150px;
	height: 58px;
	display: block;
	margin-bottom: 10px;
}
div.mapa-home-trajeto-botoes a.mapa-home-trajeto-botoes-estacoes {
	width: 150px;
	height: 58px;
	display: block;
}
div.mapa-home-trajeto-calculo {
	width: 270px;
	float: left;
}
div.mapa-home-trajeto-calculo h1 {
	font-size: 14px;
	margin: 15px 0 10px;
}
div.mapa-home-trajeto-calculo-resultado {
	visibility: hidden;
}
div.mapa-home-trajeto-calculo-resultado h1 {
	float: left;
    margin: 0 15px 0 0;
}
div.mapa-home-trajeto-calculo-resultado-tempo {
	width: 140px;
	height: 45px;
	background-color: #E6F1FB;
	float: left;
	color: #1092DD;
	font-weight: bold;
	text-align: center;
}
div.mapa-home-trajeto-calculo-resultado-tempo h2 {
	font-size: 12px;
    margin: 5px 0 0;  
}
div.mapa-home-trajeto-calculo-resultado-tempo span {
	font-size: 18px;
}
div.abre-mapa-interativo{
	display: none;
}
div#mapa-interativo {
	background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
    height: 586px;
    left: 0;
    padding: 17px;
    position: fixed;
    top: 0;
    width: 646px;
    z-index: 9501;
	display: block;
	left: 50%;
	margin-left: -323px;
}
div.mapa-interativo-overlay {
	opacity: 0.7; 
	height: 100%;
	display: block;	
	background: #000;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9500;
}
a.mapa-interativo-fechar {
	display: block;
    float: right;
    height: 30px;
    margin-right: -10px;
    margin-top: -10px;
    width: 30px;
    z-index: 1103;
}
div.mapa-interativo-gmaps {
	width: 647px;
	height: 452px;
	margin-bottom: 10px;
}
div.mapa-interativo h1 {
	font-weight: bold;
	font-size: 16px;
	color: #1092DD;
	margin: 0 0 5px;
}
div.mapa-interativo span.subtitulo {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}
div.mapa-interativo h2 {
	font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
}
div.mapa-interativo h3 {
	font-size: 12px;
	color: #1092DD;
	font-weight: bold;	
	margin: 0;	
}
div.mapa-interativo-rodape {
	width: 647px;
	height: 75px;
}
div.mapa-interativo-rodape-calcular {
	width: 280px;
	float: left;
}

div.mapa-interativo-rodape-resultado {
	width: 184px;
	float: left;
	border-right: 1px dashed #E9E9E9;
	height: 75px;
	visibility: hidden;
}

div.mapa-interativo-rodape-resultado-tempo {
	background-color: #E6F1FB;
    color: #1092DD;
    float: left;
    font-weight: bold;
    height: 54px;
    text-align: center;
    width: 158px;
}
div.mapa-interativo-rodape-resultado-tempo h3 {
	font-size: 12px;
    margin: 10px 0 0;
}
div.mapa-interativo-rodape-resultado-tempo span {
	font-size: 18px;
}
div.mapa-interativo-rodape-estacoes {
	width: 182px;
	float: left;
}
div.mapa-interativo-rodape-estacoes img {
	margin-top: 17px;
	margin-left: 32px;
}

/* ====== STATUS TREM ====== */

div#wrapper-barra-brasil { max-width: 980px !important; }
#barra-brasil .brasil-flag { margin-left: -7px !important; }