/* CSS Document */ #itinerarios { float: left; padding-left: 3.2em; font-size: 107%; } .detalheLinhaPop #itinerarios { padding-left: 0;} #itinerarios #contentHolder { width: 178px; float: left; } #itinerarios #pageNovidades { background: #e5e5e5; width: 712px; margin: 1.3em 0 1em 0; } #itinerarios #detalhesLinha { background: #e5e5e5; width: 712px; height: 11.6em; margin: 1.3em 0 1em 0; background-image: url(/img/busca/layout/bgPageHeader.gif); } #itinerarios #detalhesLinha #novidadesContent p { padding-left: 33px; } #itinerarios #detalhesLinha h2 { background: url(/img/itinerario/title/detalheLinha.gif) no-repeat; margin-left: 33px!important; } #itinerarios .marginTopHeader { margin: 16.8em 0 0 7px; width: 702px; } #itinerarios h1 a { text-decoration: none; } #itinerarios h1 a:hover { text-decoration: underline; } #bodyItinerario #areaMnu { /*margin-top: -174px;*/ } #bodyItinerario #buscaAvancadaContet { position: relative; top: 0; } #googleMaps #contentResultadoBusca { width: 980px; border: 0; height: 715px; overflow: hidden; } /*Body Mapa*/ #areaLinks a { padding: 0; height: 1.4em; border-right: 1px solid #333 ; display: block; float: left; margin: 1.4em 0 .7em 7px; padding-right: 7px; text-indent: -5000em; height: 1.5em; background-repeat: no-repeat; } #areaLinks select { width: 129px; margin: 1.3em 0 0 4px; } #googleMaps { float: left; margin: .5em 0 0 0; padding-top:40px} #googleMaps #mapResizer { background: url(/img/itinerario/button/mapResizer.gif) no-repeat; display: block; width: 16px; height: 73.5em; float: left; text-indent: -5000em; } #googleMaps #frameExterno { width: 1000px; height: 83em;} #googleMaps #bgBuscaRota { background-image: url(/img/itinerario/layout/resultadoRotaBg.gif); background-repeat: no-repeat; background-color: #e5e5e5; float: left; height: 74.5em; width: 209px; } #googleMaps #bgBuscaRotaDefault { background-image: url(/img/itinerario/layout/resultadoRotaBg.gif); background-repeat: no-repeat; background-color: #e5e5e5; float: right; height: 74.5em; width: 209px; } #googleMaps dl { background-image: url(/img/itinerario/layout/resultadoRotaBg.gif); background-repeat: no-repeat; background-color: #e5e5e5; width: 162px; padding: .9em 27px 0 20px; font-size: 1em; } #googleMaps dl p, #googleMaps dl a { padding-bottom: 1.5em; } #googleMaps #areaLinks { padding-top: 3.6em; margin-bottom: 15px; float: left; } #mapsTransito { background-image: url(/img/itinerario/button/mapsTransito.gif); width: 59px; margin-left: 0!important; } #mapsTempo { background-image: url(/img/itinerario/button/mapsTempo.gif); width: 42px;} #mapsTrem { background-image: url(/img/itinerario/button/mapsTremMetro.gif); width: 88px;} #mapsServicos { background-image: url(/img/itinerario/button/mapsServEventos.gif); width: 126px; border: 0!important; } /*Lista Faça Busca*/ #googleMaps dl#facaBusca { float: left; } #googleMaps dl#facaBusca a { font-weight: bold; text-transform: uppercase; color: #333; padding: .4em 0 0 22px; background-image: url(/img/itinerario/layout/setaCinzaLink.gif); background-repeat: no-repeat; height: 2.1em; text-decoration: none; font-size: 93%; display: block; } #facaBusca dt { background-image: url(/img/itinerario/title/facaBusca.gif); background-repeat: no-repeat; text-indent: -5000em; display: block; width: 112px; height: 5em; margin-bottom: 1em; margin-top: 1.5em; } #googleMaps dl#facaBusca dd li { border-bottom: 1px solid #C1C1C1; padding-top: 1.5em; } .lastItem { border: 0!important; } #googleMaps .textoDestaque { color: #CC0000; } /*Lista Resultado Busca*/ #resultadoBusca dt { background-image: url(/img/itinerario/title/resultadoBusca.gif); background-repeat: no-repeat; text-indent: -5000em; display: block; width: 133px; height: 45px; margin: 1.5em 0 1em 0; } #googleMaps dl#resultadoBusca dd ul li ul { border-bottom: 1px solid #C1C1C1; padding-top: 1em; } #resultadoBusca dl { background: none ; float: none; padding: 0; margin: 0; font-size: 100%; height: auto; width: auto; margin-bottom: 2.1em; } #resultadoBusca dl dt { background: none!important; text-indent: 0em; height: auto; width: auto; display: block; margin-bottom: 0; font-weight: bold; } dl#resultadoBusca li ul li { margin: 0; padding:0 0 1.5em 0; } dl#resultadoBusca li ul input { margin: .2em 2px 0 0; float: left; } dl#resultadoBusca li ul p { width: 165px; line-height: 1.4em; padding:0 } dl#resultadoBusca li ul p input {position:absolute} dl#resultadoBusca li ul p span {display:block; width:145px; padding-left:20px} dl#resultadoBusca .resultadoLinha p { line-height: 1.8em; padding-bottom: .8em; } .listaNumerada ul { border-bottom: 1px solid #C1C1C1; } dl#resultadoBusca .resultadoLinha a, .listaNumerada a { background-image: url(/img/itinerario/button/itemBusca.gif); background-repeat: no-repeat ; padding: 0 0 .5em 17px; font-weight: bold; display:block; margin-left: 14px; clear: both; } #googleMaps .listaNumerada li { margin-bottom: 1.5em;} #googleMaps .listaNumerada a { clear: none; margin: .5em 0 0 0; padding-bottom: 0; } #googleMaps .listaNumerada span.vermelho, #googleMaps .listaNumerada span.vermelho a { color: #CC0000!important; } #googleMaps .listaNumerada span.cinza, #googleMaps .listaNumerada span.cinza a { color: #333!important; } #googleMaps .listaNumerada span.azul, #googleMaps .listaNumerada span.azul a { color: #0066c8!important; } #googleMaps .listaNumerada span.vermelho a, #googleMaps .listaNumerada span.cinza a, #googleMaps .listaNumerada span.azul a { background-image: none; padding: 0; display: inline; } /*Box notícias e tarifas*/ #googleMaps #noticiasEtarifas { margin: 1.8em 0 0 258px; } #googleMaps #noticiasEtarifas dl#noticiasItinerarios { background: url(/img/bilheteUnico/layout/bgTitCinza.gif) repeat-x #e5e5e5; width: 481px; padding: 0; font-size: 100%; float: left; } #googleMaps dl#noticiasItinerarios dt { background: url(/img/itinerario/title/noticiasItinerario.gif) no-repeat; height: 3em; text-indent: -5000em; } #googleMaps dl#noticiasItinerarios dd { padding: 0 25px .3em 34px; line-height: 1.4em; } #googleMaps dl#noticiasItinerarios li { margin-top: 1.1em; } #googleMaps dl#noticiasItinerarios dd strong { display: block; } #googleMaps dl#noticiasItinerarios dd a { display: block; background-image: url(/img/itinerario/button/itemBusca.gif); background-repeat: no-repeat; background-position: right; width: 85px; padding-top: .9em; } #googleMaps #noticiasEtarifas dl#tarifasItinerario { background: url(/img/bilheteUnico/layout/bgTitCinza.gif) repeat-x #e5e5e5; width: 200px; height: 21.1em; padding: 0; font-size: 100%; float: left; margin-left: 18px; } #googleMaps dl#tarifasItinerario dt { background: url(/img/itinerario/title/titTarifas.gif) no-repeat; height: 3em; text-indent: -5000em; } #googleMaps dl#tarifasItinerario dd { padding: 0 25px .3em 34px; line-height: 1.4em; } #googleMaps dl#tarifasItinerario dd select { width: 135px; margin-bottom: .4em; } #googleMaps dl#tarifasItinerario li { margin-top: 1.1em; } #googleMaps dl#tarifasItinerario dd a { display: block; background-image: url(/img/itinerario/button/itemBusca.gif); background-repeat: no-repeat; background-position: bottom right; padding: 0; margin: 0; font-weight: bold; height: 1.5em; } dl#tarifasItinerario a#bilhete { width: 140px;} dl#tarifasItinerario a#recarga { width: 120px;} /*Detalhes da linha*/ #itinerarios #dadosGerais { background-color: #e5e5e5; width: 677px; padding: 2.1em 0 3.1em 22px; float: left; } #itinerarios #dadosGerais label { font-weight: bold; color: #CC0000; margin-bottom: .3em; } #itinerarios #dadosGerais .noLinha { margin-right: 42px; } #itinerarios #dadosGerais input { height: 2.1em; border: 0 none; background-color: #FFF; margin: .3em 12px 0 0; } #itinerarios #dadosGerais #noLinha { width: 125px; } #itinerarios #dadosGerais #nomeLinha { width: 513px; } #itinerarios .bgResultadoBusca { background-color: #e5e5e5; padding: 1.5em 24px; margin-top: .5em; width: 651px; } #itinerarios .bordaCinza { height: 1px; display: block; background-color: #a5a5a5; margin-bottom: 1em; width: 652px; } #itinerarios #conteudoResultado { background-color: #FFF; padding: 2.1em 30px 5.2em 20px; } #itinerarios #conteudoResultado dl { background: url(/img/bilheteUnico/layout/bgTitVermelho.gif) repeat-x #FFF; width: 602px; color: #666; } #itinerarios #conteudoResultado dt { height: 3em; text-indent: -5000em; } #itinerarios #conteudoResultado #dadosLinha dt { background: url(/img/itinerario/title/dadosLinhaDetalhes.gif) no-repeat; } #itinerarios #conteudoResultado #itinerarioLinha dt { background: url(/img/itinerario/title/itinerarioLinhaDetalhes.gif) no-repeat; } #itinerarios #conteudoResultado #itinerarioLinha dt select { display: block; margin: -0.6em 0 0 125px; height: 1.8em; width: 98px; } #conteudoResultado ul { margin-bottom: 4.2em; } #conteudoResultado li { padding: .8em 0 .9em 0; background:url(/img/layout/borderFix.gif) repeat-x 0 bottom; font-size: 110%; } #conteudoResultado li.lastItem {background:none} #itinerarios #conteudoResultado li.itemTitulo { color: #CC0000; border-bottom: 1px solid #CC0000; font-weight: bold; text-transform: uppercase; font-size: 110%; padding: 0 0 .4em 22px; background: url(/img/itinerario/layout/tituloItem.gif) no-repeat; margin-top: 2.3em; } #conteudoResultado table td { border-bottom: 1px solid #e5e5e5; } #conteudoResultado #dadosLinha table td { padding: .8em 0; } #conteudoResultado table th { color: #333; font-weight: bold; text-transform: uppercase; padding: .8em 0; } #conteudoResultado #itinerarioLinha table td { padding: .5em 0; border-bottom: 1px solid #e5e5e5;} #conteudoResultado #itinerarioLinha table tr { position: relative; } #conteudoResultado table .linhaEvento { color: #333; } #conteudoResultado table .linhaEvento a { color: #000; font-weight: bold; font-size: 93%; } #conteudoResultado table .linhaEvento div.eventoContent { position: absolute; background-color: #CCC; margin-top: .5em; } #conteudoResultado table .linhaEvento div.eventoContent p { width: 150px; padding: .7em 9px .9em 7px; } #conteudoResultado table .linhaEvento div.eventoBorder { background-color: #FFF; width: 166px; height: 1px; display: block; padding-top: .5em; border-bottom: 1px solid #000; } /*Pop Favoritos*/ #popContent { background-color: #e5e5e5; color: #333; } #novoFavorito dl { background: url(/img/bilheteUnico/layout/bgTitVermelho.gif) repeat-x; padding: 0 30px 0 20px;} #novoFavorito dl dt { text-indent: -5000em; background: url(/img/itinerario/pop/titleFavoritos.gif) no-repeat; width: 150px; height: 6.3em; } #novoFavorito dl li { margin-left: 20px; } #novoFavorito dl #novoTitle { text-indent: -5000em; background: url(/img/itinerario/pop/titleNovo.gif) no-repeat; width: 150px; height: 1.4em; margin-bottom: 2.1em; } #novoFavorito dl ul#novoFavorito label { margin-bottom: .6em; display: block; } #novoFavorito dl ul#novoFavorito input { width: 390px; height: 1.8em; margin-bottom: 1.2em; } #novoFavorito dl ul#novoFavorito .favoritosEndereco { border-bottom: 1px dashed #000; margin-bottom: 1em; } #novoFavorito dl ul#novoFavorito #commitNovo { width: 42px; height: 1.8em; position: relative; top: 2.1em; } #headerDetalhesLinhas { width: 729px; float: left; margin-bottom: 3.3em; background: url(/img/itinerario/layout/bgDetalhe.gif) repeat-x; padding: 1em 27px .7em 0; position:relative; height:2.1em} .detalheLinhaPop #linhaPopAlign { padding-left: 31px; } .detalheLinhaPop #printPage { width: 75px; height: 2.2em; background: url(/img/itinerario/button/imprimir.gif) no-repeat; margin-top: 0; display:block; text-indent:-1000px; overflow:hidden; position:absolute; right:60px} .detalheLinhaPop #fontResize { width:21px ; height: 1.4emx; background: url(/img/itinerario/button/tamanhoFonte.gif) no-repeat; margin-top: 0; display:block; text-indent:-1000px; overflow:hidden; position:absolute; right:23px} #googleMaps a.eventoAberto { padding-left: 20px; background: url(/img/itinerario/button/eventoAberto.gif) no-repeat; display: block; height: 1.4em; } #googleMaps li.eventoAberto { margin-top: -1em; padding-bottom: .5em; border-bottom: 1px solid #333; } #googleMaps li.eventoAberto div { background-color: #FFF; padding: .6em 6px;} #googleMaps #mapFrameDiv {float:left; height:710px; width:740px;} #itinerarioContentHead {width:718px; height:180px;} #itinerarioContentHead .boxItinerarios {width:166px; float:left; display:inline; margin-right:13px; margin-top:20px;} #itinerarioContentHead .boxItinerarios h2 {width:166px; height:29px; text-indent:-1000px; overflow:hidden; display:block; margin-bottom:18px; background-color:#666666;} #boxFazerTrajeto h2 {background-image:url(/img/itinerario/title/fazer-trajeto.gif)} #boxEncontrarLinha h2 {background-image:url(/img/itinerario/title/encontrar-linha.gif)} #boxEncontrarLocal h2 {background-image:url(/img/itinerario/title/encontrar-local.gif)} #itinerarioContentHead dl {width:166px; float:left; display:inline; margin-top:20px;} #itinerarioContentHead dt {width:166px; height:29px;} #itinerarioContentHead dt a {width:166px; height:29px; text-indent:-1000px; overflow:hidden; display:block;} #itinerarioContentHead dt a.ativo {background-position:0 -29px} #abaTransito a {background:url(/img/itinerario/title/aba-transito.gif)} #abaTempo a {background:url(/img/itinerario/title/aba-tempo.gif)} #abaTempo {margin-top:6px} #itinerarioContentHead dd {height:auto; background:#e5e5e5; overflow:hidden} #itinerarioContentHead dd p {padding:15px 13px; color:#333333} #itinerarioContentHead dd p span {color:#ed1b24; font-weight:bold} #btLink {color:#666666; font-weight:bold; text-decoration:underline; padding-left:18px; background:url(/img/itinerario/button/ico_link.gif) no-repeat 0 3px; float:right; margin:0 28px 5px 0;} #boxLink {width:400px; background:#666666; padding:15px 20px; position:absolute; margin-top:-105px; right:29px; display:none} #boxLink h3 {width:30px; height:10px; background:url(/img/itinerario/title/tit-link.gif) no-repeat; float:left; text-indent:-1000px; display:block; overflow:hidden} #boxLink a#btFecharBoxLink {width:20px; height:20px; background:url(/img/itinerario/button/bt-fechar-link.gif) no-repeat; float:right; text-indent:-1000px; display:block; overflow:hidden} #boxLink label {color:#fff; display:block} #boxLink input {width:396px; font-size:12px; display:block; padding:4px 2px; border:none; margin-top:5px} #tabelaTempo th, #tabelaTempo td{ text-align: center; } #tabelaTempo .linhaV{ border-right: 1px #ccc solid; }