/* geral */
html { background-color: #FFF; color: #333; font: 12px Arial, Helvetica; overflow-x: hidden; }
html, body, form { width: 100%; height: 100%; padding: 0px; margin: 0px; }
form, input, img, a, h1, h2 { border: 0px; padding: 0px; margin: 0px; }
input, select { font-family: Arial, Helvetica; font-size: 12px; line-height: 25px; height: 25px; padding: 3px 5px 2px 5px; margin: 3px; }
select { height: 30px; line-height: 22px; }
input[type="submit"] { background-color: #CD1A24; color: #fff; border: 0px; border-radius: 0px; padding-top: 0px; -webkit-appearance: none; -moz-apperance: none; }
a { color: #333; text-decoration: none; }
h1 { font-size: 30px; font-weight: normal; color: #CD1A24; }
h2 { font-size: 20px; font-weight: normal; color: #515151; }
.form { border: solid 1px #EEE; }
/* preset */
.red, .ativo { color: #CD1A24; }
.grey { color: #555; }
.bold { font-weight: bold; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.v-align-top { vertical-align: middle; }
.margin-zero { margin: 0px; }
.font-30 { font-size: 30px; }
.font-20 { font-size: 20px; }
.font-15 { font-size: 15px; }
.font-10 { font-size: 10px; }
.height-spacer { height: 5px; }
.shadow { text-shadow: 0px 1px 1px #000; }
/* sessoes */
.topo { height: 75px; width: 995px; margin: auto; }
.mapa { height: 511px; width: 995px; margin: auto; }
.fluxo { height: 560px; }
.servicos { height: 430px; }
.tarifas { padding-bottom: 30px; }
.rodape { height: 470px; }
.ver-tarifas { height: 155px; }
.ver-mapa { height: 145px; padding-top: 10px; }
.banner-internas { height: 245px; }
.center { }
/* backgrounds */
.bg-linhas { background: url(../img/bg_linhas.png) repeat-y; margin: auto; padding: 30px 60px 0px 60px; width: 995px; }
.bg-linha-topo { background: url(../img/bg_linha_topo.png) repeat; height: 3px; left: 0px; top: 0px; position: absolute; width: 100%; z-index: 2; }
.bg-mapa { background: url(../img/bg_mapa.jpg) no-repeat center; height: 636px; }
.bg-aviso .bg-linhas { padding: 3px 60px 3px 60px; cursor: pointer; }
.bg-rodovia { background: url(../mapa.ashx) no-repeat center; height: 405px; margin-top: 20px; width: 1000px; }
.bg-fluxo { background: url(../img/bg_fluxo.png) bottom repeat-x; height: 590px; width: 100%; }
.bg-servicos { background: #EDEDED url(../img/bg_servicos.jpg) no-repeat center; height: 460px; width: 100%; }
.bg-tarifas, .bg-institucional, .bg-popup { background: url(../img/bg_tarifas.png) repeat-x; width: 100%; }
.bg-popup { padding: 20px; width: auto; }
.bg-mdagua { background: url(../img/bg_rodape_mdagua.png) no-repeat bottom center; height: 496px; width: 100%; }
.bg-rodape { background: url(../img/bg_rodape.png) repeat-x; height: 500px; width: 100%; }
.bg-ver-tarifas { background: #F0F0EE url(../img/bg_ver_tarifas.jpg) no-repeat center; height: 185px; width: 100%; }
.bg-banner-empresa { background: url(../img/bg_banner_empresa.jpg) no-repeat center; height: 350px; width: 100%; }
.bg-banner-noticias { background: url(../img/bg_banner_noticias.jpg) no-repeat center; height: 350px; width: 100%; }
.bg-banner-faq { background: url(../img/bg_banner_faq.jpg) no-repeat center; height: 350px; width: 100%; }
.bg-banner-ouvidoria { background: url(../img/bg_banner_ouvidoria.jpg) no-repeat center; height: 350px; width: 100%; }
.bg-banner-contato { background: url(../img/bg_banner_contato.jpg) no-repeat center; height: 350px; width: 100%; }
.bg-banner-trabalhe-conosco { background: url(../img/bg_banner_empresa.jpg) no-repeat center; height: 350px; width: 100%; }
.bg-ver-mapa { background: #F0F0EE url(../img/bg_ver_mapa.jpg) no-repeat center; height: 175px; width: 100%; }
.bg-center { background: url(../img/bg_conteudo.png) repeat-x; width: 100%; }
/* elementos */
.menu { padding-top: 10px; }
    .menu div { float: left; font-size: 14px; padding: 12px 8px 8px 8px; }
.btns-midias { float: right; }
.submenu { width: 225px; }
    .submenu .item { padding: 8px 0px 8px 0px; border-bottom: solid 1px #CCC; width: 200px; }
        .submenu .item .item-sub { margin-left: 15px; padding: 8px 0px 0px 0px; border-top: solid 1px #CCC; margin-top: 8px; }
.btns-acessos { position: relative; top: 165px; }
.legenda { position: relative; top: 220px; }
.icamento { background: url(../img/img_icamento.png) no-repeat; font-size: 14px; height: 43px; margin-top: -10px; margin-right: 20px; padding: 30px 0px 0px 5px; width: 200px; }
    .icamento .anterior { font-size: 11px; }
.praca, .prf, .camera, .obra { display: block; cursor: pointer; border: 0px; position: absolute; width: 33px; height: 33px; z-index: 9999; }
.obra { width: 15px; height: 15px; }
.thumb-servicos { margin: 30px 5px 0px 10px; }
.fluxo .conteudo { color: #555; height: 400px; padding-top: 40px; }
.fluxo .box { height: 160px; margin: 0px 0px 0px 20px; width: 120px; }
    .fluxo .box div.fluxo-baixo { background: url(../img/img_fluxo_desce.png) no-repeat 30px 52px; }
    .fluxo .box div.fluxo-normal { }
    .fluxo .box div.fluxo-alto { background: url(../img/img_fluxo_sobe.png) no-repeat 30px 52px; }
.fluxo .tempo { height: 20px; margin-left: 20px; padding-top: 80px; width: 50px; }
.fluxo .velo { height: 20px; width: 50px; }
.institucional { color: #555; padding-top: 40px; padding-bottom: 60px; }
.tarifas .conteudo { color: #555; padding-bottom: 230px; padding-top: 40px; }
.tarifas .veiculo { background-color: #C1C1C1; height: 40px; padding: 15px 0px 0px 27px; width: 233px; }
.tarifas .cidade { background-color: #C1C1C1; color: #FFF; height: 35px; margin-left: 5px; padding-top: 20px; text-align: center; width: 170px; }
.tarifas .eixo { background-color: #FFFFFF; height: 35px; padding: 20px 0px 0px 30px; width: 230px; }
.tarifas .valor { width: 170px; height: 35px; margin-left: 5px; padding-top: 20px; text-align: center; }
.tarifas .bg-cinza { background-color: #DEDEDE; }
.tarifas .bg-branco { background-color: #FFF; }
.tarifas .sentidos, .tarifas .update { margin-left: 5px; padding-top: 5px; text-align: center; width: 170px; }
.tarifas .update { padding-top: 10px; width: 255px; }
.tarifas .box-select { background: url(../img/btn_select.png) no-repeat scroll right center; height: 24px; overflow: hidden; width: 220px; }
    .tarifas .box-select select { background: none; border: none; text-transform: uppercase; width: 240px; -webkit-appearance: inherit; }
.faq-pergunta, .boletim-titulo { cursor: pointer; border-bottom: 1px solid #CCC; padding-bottom: 10px; }
.faq-resposta, .boletim-conteudo { background-color: #fff; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px; }
.rodape .box { height: 250px; margin: 0px 75px 0px 0px; width: 280px; }
.rodape .box-links { height: 50px; margin: 10px 75px 0px 0px; width: 280px; }
    .rodape .box-links:nth-child(2n+1) { margin-top: -5px; }
.rodape .conteudo { height: 375px; padding-top: 30px; }
.rodape .noticia { border-bottom: 1px solid #CCC; margin-bottom: 5px; padding-bottom: 5px; }
.rodape input.nome, .rodape input.email { color: #999; width: 233px; }
.rodape input.email { width: 194px; }
/* aviso */
.bg-aviso .texto { display: none; margin-top: auto; }
.bg-aviso .aviso { border-bottom: solid 1px #ccc; }
.aviso-normal { background-color: #DFDDD7; color: #999; vertical-align: middle; }
    .aviso-normal img { background: url(../img/ico_normal.png); width: 14px; height: 13px; margin-right: 10px; }
.aviso-alerta { background-color: #FFD24D; color: #FF8100; vertical-align: middle; }
    .aviso-alerta img { background: url(../img/ico_alerta.png); width: 14px; height: 13px; margin-right: 10px; }
.aviso-ativo .bg-linhas { color: #000; font-size: 20px; }
.aviso-ativo img.normal { background: url(../img/img_normal.png); width: 191px; height: 81px; margin-right: 20px; }
.aviso-ativo img.alerta { background: url(../img/img_alerta.png); width: 240px; height: 81px; margin-right: 20px; }
.aviso-ativo .data { display: none; }
.aviso-ativo .texto { display: block; padding-top: 15px; }
/* botoes */
.btn-radiovia { width: 125px; height: 42px; background: url(../img/sprite_alta.png) no-repeat -125px -25px; cursor: pointer; }
.btn-boletins-trafego { width: 125px; height: 42px; background: url(../img/sprite_alta.png) no-repeat 0px -25px; cursor: pointer; }
.btn-freeway-aovivo { width: 125px; height: 42px; background: url(../img/sprite_alta.png) no-repeat -250px -25px; cursor: pointer; }
.btn-facebook { background: url(../img/sprite_master.png) no-repeat 1px -118px; cursor: pointer; height: 24px; width: 24px; vertical-align: middle; }
.btn-twitter { background: url(../img/sprite_master.png) no-repeat -23px -118px; cursor: pointer; height: 24px; width: 24px; vertical-align: middle; }
.btn-rss { background: url(../img/btn_rss.png) no-repeat; cursor: pointer; height: 24px; width: 24px; vertical-align: middle; }
.btn-newsletter { background: url(../img/btn_go.png) no-repeat; cursor: pointer; height: 30px; width: 30px; vertical-align: top; }
.btn-select { background: url(../img/btn_select.png) no-repeat; cursor: pointer; height: 45px; margin-top: -15px; width: 24px; }
.btn-link { background: url(../img/bg_btn.png) no-repeat; color: #FFF; cursor: pointer; font-size: 14px; height: 41px; width: 252px; }
/* titulo sessoes */
.tit-center { margin: auto; padding-top: 20px; width: 785px; }
/* Tempo */
.cond-tempo { width: 24px; height: 24px; }
.cond-tempo-0 { background: url(../img/sprite_alta.png) no-repeat 0px 0px; }
.cond-tempo-1 { background: url(../img/sprite_alta.png) no-repeat -24px 0px; }
.cond-tempo-2 { background: url(../img/sprite_alta.png) no-repeat -48px 0px; }
.cond-tempo-3 { background: url(../img/sprite_alta.png) no-repeat -72px 0px; }
.cond-tempo-4 { background: url(../img/sprite_alta.png) no-repeat -96px 0px; }
.cond-tempo-5 { background: url(../img/sprite_alta.png) no-repeat -120px 0px; }
.cond-tempo-6 { background: url(../img/sprite_alta.png) no-repeat -144px 0px; }
.cond-tempo-7 { background: url(../img/sprite_alta.png) no-repeat -168px 0px; }
.cond-tempo-8 { background: url(../img/sprite_alta.png) no-repeat -192px 0px; }
.cond-tempo-9 { background: url(../img/sprite_alta.png) no-repeat -226px 0px; }
/* Sentido */
.sentido { width: 22px; height: 17px; margin-left: 2px; margin-right: 2px; }
.sentido-1 { background: url(../img/sprite_alta.png) no-repeat 0px -69px; }
.sentido-2 { background: url(../img/sprite_alta.png) no-repeat -44px -67px; }
.sentido-3 { background: url(../img/sprite_alta.png) no-repeat -22px -69px; }
/* Sprites */
.logo { width: 313px; height: 60px; background: url(../img/sprite_master.png) no-repeat 0px -544px; margin-top: -5px; }
.alo-freeway { width: 194px; height: 100px; background: url(../img/sprite_master.png) no-repeat 0px -172px; }
.fluxo-tempo { width: 50px; height: 9px; background: url(../img/sprite_alta.png) no-repeat -72px -71px; }
.contato-rodape { width: 280px; height: 37px; background: url(../img/sprite_master.png) no-repeat 0px -280px; }
.noticias-rodape { width: 280px; height: 37px; background: url(../img/sprite_master.png) no-repeat 0px -323px; }
.newsletter-rodape { width: 280px; height: 37px; background: url(../img/sprite_master.png) no-repeat 0px -366px; }
.ico-fone { width: 24px; height: 20px; background: url(../img/sprite_master.png) no-repeat -47px -120px; margin-right: 10px; }
.ico-mail { width: 24px; height: 20px; background: url(../img/sprite_master.png) no-repeat -69px -120px; margin-right: 10px; vertical-align: bottom; }
.ico-pin { width: 24px; height: 20px; background: url(../img/sprite_master.png) no-repeat -93px -120px; margin-right: 10px; vertical-align: bottom; }
.logo-antt { width: 280px; height: 37px; background: url(../img/sprite_master.png) no-repeat 0px -411px; }
.logo-abcr { width: 260px; height: 52px; background: url(../img/sprite_master.png) no-repeat 0px -615px; }
.logo-prf { width: 280px; height: 45px; background: url(../img/sprite_master.png) no-repeat 0px -493px; }
.logo-rodape { width: 145px; height: 43px; background: url(../img/sprite_master.png) no-repeat 0px -51px; }
.logo-isul { width: 120px; height: 11px; background: url(../img/sprite_master.png) no-repeat 0px -100px; }
/* Tipos de arquivos */
.arquivo { padding-right: 10px; width: 69px; height: 20px; vertical-align: middle; }
.arquivo-doc { background: url(../img/sprite_arquivos.png) no-repeat 0px 0px; }
.arquivo-pdf { background: url(../img/sprite_arquivos.png) no-repeat 0px -20px; }
.arquivo-ppt { background: url(../img/sprite_arquivos.png) no-repeat 0px -40px; }
.arquivo-img { background: url(../img/sprite_arquivos.png) no-repeat 0px -60px; }
.arquivo-xls { background: url(../img/sprite_arquivos.png) no-repeat 0px -80px; }
.arquivo-zip { background: url(../img/sprite_arquivos.png) no-repeat 0px -100px; }
.arquivo-mp3 { background: url(../img/sprite_arquivos.png) no-repeat 0px -120px; }
.arquivo-avi { background: url(../img/sprite_arquivos.png) no-repeat 0px -140px; }
.arquivo-xxx { background: url(../img/sprite_arquivos.png) no-repeat 0px -160px; }
/* busca */
.div-campo-busca { padding: 26px 60px 20px 60px; }
.campo-busca { background-color: #BB1508; color: #A70A00; font-size: 20px; width: 850px; height: 40px; }
.btn-busca { height: 40px; vertical-align: top; }
.div-resultado-busca { background-color: #fff; }
.div-resultado-busca-linhas { padding: 10px 60px 30px 60px; }
.div-resultad-busca-scroll { height: 498px; overflow: auto; }
/* icamento */
.historico-icamento .titulo { font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; }
.historico-icamento .item { font-size: 11px; border-top: solid 1px #ccc; line-height: 25px; }
.historico-icamento .data { color: #aaa; }
.historico-icamento .hora { font-weight: bold; float: right; }