﻿@charset "utf-8";

body {margin: 0; background: #1B0000;}
a {outline: none;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
img, fieldset {border: 0;}

/* INÍCIO - Geral */
#geral {float: left; width: 100%; margin: 0; padding: 0;}
#bg-container {float: left; width: 100%; height: auto; margin: 0; padding: 0; background: url(../imgs/bg-container.gif) repeat;}
#conteudo {margin: 0 auto; padding: 0; width: 990px;}
#caixas-lateral-index {float: left; width: 312px; margin: 0; padding: 0 0 30px 0;}
#lateral-internas {float: left; width: 320px; margin: 0; padding: 0;}
#esquerda {float: left; width: 655px; margin: 2px 15px 15px 0; padding: 0 0 15px 0; background: #FFF;}
#esquerda #voltar-internas {float: left; width: 655px; margin: 25px 15px;}
#esquerda #voltar-internas {_width: 645px; _margin: 0 0 0 10px;} /* IE6 */
#esquerda #voltar-internas a {padding: 0; font: 12px Arial; color: #F2B111; text-transform: uppercase; font-weight: bold;}
/* FINAL - Geral */

/* INÍCIO - Topo, Banner's e Menu */
#topo {float: left; margin: 0; padding: 20px 0 8px 0; width: 100%; height: 50px; background: #FFF; text-indent: -50000px;}
#topo-centro {margin: 0 auto; padding: 0; width: 990px;}
#topo h1 {float: left; width: 225px; height: 46px; margin: 0 0 0 10px; padding: 0; background: url(../imgs/logo-att.jpg) no-repeat;}
#topo h1 {_margin: 0 0 0 5px;} /* IE6 */
#topo h1 a {float: left; width: 225px; height: 46px;}
#topo h2 {float: right; width: 212px; height: 39px; margin: 0; padding: 0; background: url(../imgs/central-de-atendimento.gif) no-repeat;}
#banner-onibus {float: left; width: 952px; height: 524px; margin: 3px 0 0 0; padding: 0; background: #FFF;}
#banner-index {float: left; position: relative; overflow: scroll; width: 990px; height: 300px; margin: 23px 0 15px 0; padding: 0; background: #FFF;}
#banner-index .belt-index {position: absolute; margin: 0 auto; padding: 0; left: 0px;}
#banner-index .panel-index {width: 990px; height: 300px; margin: 0 15px 0 0; padding: 0; overflow: hidden;}
#banner-internas {float: left; width: 990px; height: 190px; margin: 23px 0 15px 0; padding: 0; background: url(../global/imgs/topo_interna.jpg)}
#menu {float: left; width: 100%; height: 55px; margin: 0; padding: 0; background: url(../imgs/bg-menu.gif) repeat-x;}
#menu-centro {margin: 0 auto; padding: 0; width: 990px;}
#menu-centro ul {float: left; width: 990px; margin: 15px 0 0 0; padding: 0; list-style: none;}
#menu-centro ul li {float: left; height: 21px; margin: 0; padding: 0;}
#menu-centro ul li a {float: left; text-indent: -50000px;}
#menu-centro ul li a.menu-home {width: 54px; padding: 0 30px 0 0; background: url(../imgs/menu-home.gif) no-repeat;}
#menu-centro ul li a.menu-quem {width: 94px; padding: 0 30px 0 0; background: url(../imgs/menu-quem-somos.gif) no-repeat;}
#menu-centro ul li a.menu-serv {width: 69px; padding: 0 30px 0 0; background: url(../imgs/menu-servicos.gif) no-repeat;}
#menu-centro ul li a.menu-noss {width: 98px; padding: 0 30px 0 0; background: url(../imgs/menu-nossa-frota.gif) no-repeat;}
#menu-centro ul li a.menu-rese {width: 141px; padding: 0 30px 0 0; background: url(../imgs/menu-reservas-precos.gif) no-repeat;}
#menu-centro ul li a.menu-loca {width: 97px; padding: 0 30px 0 0; background: url(../imgs/menu-localizacao.gif) no-repeat;}
#menu-centro ul li a.menu-cert {width: 113px; padding: 0 30px 0 0; background: url(../imgs/menu-certificacoes.gif) no-repeat;}
#menu-centro ul li a.menu-fale {width: 110px; background: url(../imgs/menu-fale-conosco.gif) no-repeat;}
/* FINAL - Topo, Banner's e Menu */

/* INÍCIO - Caixa Melhores Serviços e Caixa Conheça Nossa Frota da Index */
#caixa-conheca-frota {float: left; width: 320px; height: 322px; margin: 1px 0 0 19px; padding: 0; background: url(../imgs/caixa-bg-melhores-servicos.gif) repeat-y;}
#caixa-conheca-frota h2 {float: left; width: 320px; height: 66px; margin: 0; padding: 0; background: url(../imgs/caixa-conheca-frota.gif) no-repeat; text-indent: -50000px;}
#caixa-melhores-servicos, #caixa-melhores-servicos h2 {float: left; width: 320px; padding: 0;}
#caixa-melhores-servicos h2, #caixa-melhores-servicos a {text-indent: -50000px;}
#caixa-melhores-servicos {height: 322px; margin: 1px 0 0 19px; background: url(../imgs/caixa-bg-melhores-servicos.gif) repeat-y;}
#caixa-melhores-servicos h2 {height: 65px; margin: 0; background: url(../imgs/caixa-melhores-servicos.gif) no-repeat;}
#caixa-melhores-servicos p {float: left; width: 290px; margin: 0; padding: 10px 10px 10px 15px; font: 12px Arial; color: #2A0101;}
#caixa-melhores-servicos ul {float: left; width: 280px; margin: 0; padding: 0 0 0 15px; list-style: none; font: 12px Arial; color: #2A0101;}
#caixa-melhores-servicos ul li {float: left; width: 280px; margin: 0; padding: 0; line-height: 26px; border-bottom: 1px solid #E2E2E2;}
#caixa-melhores-servicos a {float: right; width: 83px; height: 23px; margin: 35px 25px 0 0; padding: 0; background: url(../imgs/brt-saiba-mais.gif) no-repeat;}
/* FINAL - Caixa Melhores Serviços e Caixa Conheça Nossa Frota da Index */

/* INÍCIO - Caixa Faça sua Reserva e Acompanhe sua Viagem */
#caixa-faca-reseva-online {float: left; width: 312px; height: 175px; margin: 0; padding: 0; background:url(../imgs/caixa-reserva-online.gif) no-repeat;}
#caixa-faca-reseva-online a {float: left; width: 312px; height: 175px; text-indent: -50000px;}
#caixa-acompanhe-viagem {float: left; width: 306px; height: 137px; margin: 10px 0 0 4px; padding: 0; background: url(../imgs/caixa-acompanhe-sua-viagem.gif) no-repeat;}
#caixa-acompanhe-viagem {_margin: 10px 0 0 2px;} /* IE6 */
#caixa-acompanhe-viagem fieldset {float: left; width: 250px; margin: 38px 0 0 0; padding: 0;}
#caixa-acompanhe-viagem fieldset p {float: left; width: 250px; margin: 5px 0 0 0; padding: 0;}
#caixa-acompanhe-viagem fieldset p label {float: left; width: 45px; margin: 3px 0 0 0; padding: 0 5px 0 0; font: 12px Arial; color: #B2B2B2; font-weight: bold; text-align: right;}
#caixa-acompanhe-viagem fieldset p input {width: 90px; border: 1px solid #9C9C9C;}
#caixa-acompanhe-viagem button {float: left; width: 58px; height: 11px; margin: 28px 0 0 8px; padding: 0; background: url(../imgs/bt-entrar-caixa.gif) no-repeat; text-indent: -50000px; border: 0px; cursor: pointer;}
#caixa-acompanhe-viagem button {*margin: 25px 0 0 8px;} /* IE6 e IE7 */
@media screen and (-webkit-min-device-pixel-ratio:0){
#caixa-acompanhe-viagem button {margin: 20px 0 0 8px;} /* Chrome e Safari 3 */
}
/* FINAL - Caixas Faça sua Reserva  e Acompanhe sua Viagem */

/* INÍCIO - Lateral Faça sua Reserva  e Acompanhe sua Viagem */
#lateral-caixa-faca-reseva-online {float: left; width: 312px; height: 175px; margin: 0 0 0 8px; padding: 0; background:url(../imgs/caixa-reserva-online.gif) no-repeat;}
#lateral-caixa-faca-reseva-online {_margin: 0 0 0 4px;} /* IE6 */
#lateral-caixa-faca-reseva-online a {float: left; width: 312px; height: 175px; text-indent: -50000px;}
#lateral-caixa-acompanhe-viagem {float: left; width: 306px; height: 137px; margin: 30px 0 0 8px; padding: 0 0 15px 0; background: url(../imgs/caixa-acompanhe-sua-viagem.gif) no-repeat;}
#lateral-caixa-acompanhe-viagem {_margin: 30px 0 0 4px;} /* IE6 */
#lateral-caixa-acompanhe-viagem fieldset {float: left; width: 250px; margin: 38px 0 0 0; padding: 0;}
#lateral-caixa-acompanhe-viagem fieldset p {float: left; width: 250px; margin: 5px 0 0 0; padding: 0;}
#lateral-caixa-acompanhe-viagem fieldset p label {float: left; width: 45px; margin: 3px 0 0 0; padding: 0 5px 0 0; font: 12px Arial; color: #B2B2B2; font-weight: bold; text-align: right;}
#lateral-caixa-acompanhe-viagem fieldset p input {width: 90px; border: 1px solid #9C9C9C;}
#lateral-caixa-acompanhe-viagem button {float: left; width: 58px; height: 11px; margin: 28px 0 0 8px; padding: 0; background: url(../imgs/bt-entrar-caixa.gif) no-repeat; text-indent: -50000px; border: 0px; cursor: pointer;}
#lateral-caixa-acompanhe-viagem button {*margin: 25px 0 0 8px;} /* IE6 e IE7 */
@media screen and (-webkit-min-device-pixel-ratio:0){
#lateral-caixa-acompanhe-viagem button {margin: 20px 0 0 8px;} /* Chrome e Safari 3 */
}
/* FINAL - Lateral Faça sua Reserva  e Acompanhe sua Viagem */

/* INÍCIO - Newsletter */
#newsletter {float: left; width: 303px; height: 132px; margin: 18px 0 0 8px; padding: 0 0 15px 0; background: url(../imgs/caixa-newsletter.gif) no-repeat;}
#newsletter fieldset {float: left; width: 280px; margin: 35px 0 0 0; padding: 0;}
#newsletter fieldset small {float: left; width: 280px; margin: 0 0 0 10px; padding: 0; font: 12px Arial; color: #B2B2B2;}
#newsletter fieldset p {float: left; width: 280px; margin: 10px 0 0 0; padding: 0;}
#newsletter fieldset p label {float: left; width: 60px; margin: 4px 0 0 0; padding: 0 5px 0 0; font: 12px Arial; color: #B2B2B2; font-weight: bold; text-align: right;}
#newsletter fieldset p input {width: 200px; border: 1px solid #9C9C9C;}
#newsletter button {float: left; width: 52px; height: 11px; margin: 32px 0 0 8px; padding: 0; background: url(../imgs/bt-enviar.gif) no-repeat; text-indent: -50000px; border: 0px; cursor: pointer;}
#newsletter button {*margin: 30px 0 0 8px;} /* IE6 e IE7 */
@media screen and (-webkit-min-device-pixel-ratio:0){
#newsletter button {margin: 28px 0 0 8px;} /* Chrome e Safari 3 */
}
/* FINAL - Newsletter */

/* INÍCIO - Nossa Frota, Serviços e Certificações */
#nossa-frota, #servicos, #certificacoes {float: left; width: 630px; margin: 0; padding: 0;}
#nossa-frota .nossa-frota-caixa-onibus {float: left; width: 260px; margin: 40px 20px 5px 35px; padding: 0;}
#nossa-frota .nossa-frota-caixa-onibus {_margin: 40px 15px 5px 25px;} /* IE6 */
#nossa-frota p {float: left; width: 350px; margin: 15px 0 0 20px; padding: 0; font: 12px Arial; color: #333; text-align: justify;}
#nossa-frota .nossa-frota-caixa-onibus a:hover {text-decoration: none;}
#nossa-frota-galeria {float: left; position: relative; overflow: scroll; width: 240px; height: 300px; margin: 15px 0 0 15px; padding: 0; background: #CCC;}
#nossa-frota-galeria {_margin: 15px 0 0 8px;} /* IE6 */
#nossa-frota-galeria .belt-nossa-frota {position: absolute; margin: 0 auto; padding: 0; left: 0px;}
#nossa-frota-galeria .panel-nossa-frota {width: 240px; height: 300px; margin: 0 15px 0 0; padding: 0; overflow: hidden;}
#nossa-frota .nossa-frota-caixa-onibus h2, #certificacoes .certificacoes-caixa-onibus h2 {float: left; width: 260px; margin: 6px 0 0 0; padding: 0; font: 15px Arial; color: #333; text-align: center; font-weight: bold;}
#certificacoes .certificacoes-caixa-onibus {float: left; width: 260px; margin: 30px 20px 5px 35px; padding: 0;}
#certificacoes .certificacoes-caixa-onibus {_margin: 30px 25px 5px 20px;} /* IE6 */
#certificacoes p {float: left; width: 260px; margin: 8px 0 0 0; padding: 0; font: 12px Arial; color: #333; text-align: justify;}
#servicos p {float: left; width: 367px; margin: 0 3px 0 0; padding: 15px; font: 12px Arial; color: #333; text-align: justify;}
#servicos-imagem {float: left; width: 230px; height: 230px; margin: 18px 0 0 0; padding: 0; background: #000;}
/* FINAL - Nossa Frota, Serviços e Certificações */

/* INÍCIO - Quem Somos, Fale Conosco e Localização */
#quem-somos p {float: left; width: 630px; margin: 0; padding: 10px; font: 12px Arial; color: #333; line-height: 18px; text-align: justify;}
#quem-somos p img {float: right; margin: 22px; padding: 0;}
#fale-conosco {float: left; width: 600px; margin: 15px 0 0 0; padding: 0;}
#fale-conosco h2 {float: left; width: 590px; margin: 0 0 40px 30px; padding: 0; font: 12px Arial; color: #333;}
#fale-conosco h2 {_margin: 0 0 40px 15px;} /* IE6 */
#fale-conosco fieldset {float: left; width: 590px; margin: 0; padding: 0;}
#fale-conosco fieldset p {float: left; width: 590px; margin: 0 0 10px 0; padding: 0;}
#fale-conosco fieldset p label {float: left; width: 100px; margin: 10px 0 0 30px; padding: 0; font: 12px Arial; color: #333; font-weight: bold;}
#fale-conosco fieldset p input {width: 400px; height: 23px; padding: 7px 0 0 3px; font: 12px Arial; background: #F0F0F0; border: 1px solid #999;}
#fale-conosco fieldset p input {*height: 22px; *padding: 8px 0 0 3px;} /* IE6 e IE7 */
@media screen and (-webkit-min-device-pixel-ratio:0){
#fale-conosco fieldset p input {height: 26px; padding: 3px 0 0 3px;} /* Chrome e Safari 3 */
}
#fale-conosco fieldset p textarea {width: 397px; height: 100px; padding: 3px; font: 12px Arial; background: #F0F0F0; border: 1px solid #999;}
#fale-conosco fieldset p button {width: 90px; height: 30px; padding: 3px; border: 1px solid #999; background: #F0F0F0; font: 14px Arial; text-transform: uppercase; font-weight: bold;}
#localizacao {float: left; width: 645px; height: 360px; margin: 5px 0 0 5px; padding: 0;}
#localizacao {_margin: 5px 0 0 2px;} /* IE6 */
#localizacao small a {float: left; font: 12px Arial; color: #333;}
/* FINAL - Quem Somos, Fale Conosco e Localização */

/* INÍCIO - Rodapé */
#rodape {float: left; width: 100%; height: auto; margin: 0; padding: 0;}
#rodape-centro {margin: 0 auto; padding: 0; width: 990px;}
#rodape-centro h2 {float: left; width: 98px; height: 19px; margin: 15px 0 0 0; padding: 0; background: url(../imgs/texto-certificacoes.gif) no-repeat; text-indent: -50000px;}
#rodape-centro ul {float: right; width: 870px; margin: 15px 0 0 0; padding: 0; list-style: none;}
#rodape-centro ul li {float: left; width: 210px; margin: 0; padding: 0; text-align: center;}
#rodape-centro ul li small {float: left; width: 210px; margin: 0; padding: 0; font: 14px Arial; color: #FFF;}
#rodape-linha {float: left; width: 990px; height: 1px; margin: 20px 0 0 0; padding: 0; background: url(../imgs/rodape-linha.gif) repeat-x;}
#rodape-centro p {float: left; width: 990px; margin: 20px 0 0 0; padding: 0 0 20px 0; font: 11px Arial; color: #FFF; text-align: center;}
#rodape-centro p {_margin: 0;} /* IE6 */
/* FINAL - Rodapé */