@charset "utf-8";
@font-face { font-family: 'OdessaBeckerNormal'; src: url('../Fonts/odessabecker/odessabecker-webfont.eot');
src: local('☺'), url('../Fonts/odessabecker/odessabecker-webfont.woff') format('woff'), url('../Fonts/odessabecker/odessabecker-webfont.ttf') format('truetype'), url('../Fonts/odessabecker/odessabecker-webfont.svg#webfontBScgQMJl') format('svg');
font-weight: normal; font-style: normal; }

/*####### TAGs NATIVAS #######*/
body { font: normal .8em Geneva, Arial, Helvetica, sans-serif; color: #666; margin: 0 auto; text-align: center;
background: #F0F0F0 url(../Images/BkgBody.jpg) center top repeat-y }
img { border: none }
img.Borda { border: 1px #666 solid }
h1 { font: normal 2.4em "OdessaBeckerNormal"; color: #06C; margin-bottom: 20px; }
h2 { font: normal 1.8em "OdessaBeckerNormal"; color: #0C6; margin: 20px 0 20px 0; }
h3 { font: normal 1.3em "OdessaBeckerNormal"; color: #000; margin: 20px 0 20px 0; }
h4 { font: normal 1.3em; color: #000; margin: 20px 0 20px 0; }
p { margin-bottom: 2em; line-height: 1.5em; }
a { text-decoration: none; font-weight: bold; color: #F60; }
a.Seta { background: url(../Images/Seta.gif) right no-repeat; padding-right: 15px; }
a:hover { text-decoration: underline }
blockquote { margin-left: 50px; }
small { font-size: 10px }

/*####### IMAGENS #######*/
#ImgDir { float: right; padding-left: 5px; }
#ImgDir p { text-align: center; color: #999; margin: 0 auto; }

/*####### LISTAS #######*/
#Lista ul { list-style-image: url(../Images/accept.png); list-style-position: inside; }
#Lista ul li { margin-bottom: 20px; }

/*####### FORMULÁRIOS #######*/
#Frm fieldset { border: 1px solid #CCC; width: 90%; margin: 0 auto; padding: 10px;  -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; }
#Frm legend { padding: 0.2em 0.5em; border: 1px solid #CCC; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; color: #06C; text-transform: uppercase; font-weight: bold;
text-align: right; margin-bottom: 5px; }
#Frm label { clear: both; float: left; width: 120px; margin-right: 0.5em; padding-top: 0.2em; text-align: right; font-weight: bold }
#Frm label.Full { width: 100%; text-align: left }
#Frm input, #Frm textarea, #Frm select { -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; margin-bottom: 5px; color: #666; padding: 2px }
#Frm input[type=text], #Frm textarea, #Frm select { border: 1px solid #CCC; background: #FFF url(../Images/BkgInputText.jpg) top repeat-x }
#Frm input[type=text]:hover, #Frm textarea:hover, #Frm select:hover { border: 1px solid #999 }
#Frm input[type=radio], #Frm input[type=checkbox] { border: none; margin: 0; margin-right: 5px }
#Frm input[type=button], #Frm input[type=submit] { border: 1px solid #F90; padding: 2px; background: url(../Images/BkgSubmitButtom.jpg) top repeat-x; color: #FFF; font-weight: bold;
text-align: center; text-transform: uppercase; font-size: 10px }
#Frm input[type=button]:hover, #Frm input[type=submit]:hover { border: 1px solid #F90;; background: #036 url(../Images/BkgSubmitButtomOver.jpg) top repeat-x; }
#Frm br { clear: left }

/*####### TABELAS #######*/
#Tbl table { clear:both; margin-top: 20px; width: 90%; border-top: 1px solid #E3F0FE; border-right: 1px solid #E3F0FE; margin: 1em auto; border-collapse: collapse; }
#Tbl caption { color: #069; font-size: 1.1em; font-weight: bold; letter-spacing: .1em; padding: 0; margin: 1em 0 1em 0; caption-side: top; text-align: center; }
#Tbl tr.odd td, #Tbl tr.odd .column1 { background: #F3F9FE url(../Images/BkgTbl.gif) no-repeat;	}	
#Tbl .column1	{ background: #F9FCFE; text-align: center }
#Tbl td { color:#069;	border-bottom: 1px solid #E3F0FE; border-left:1px solid #E6EFF9; padding:.3em 1em; }
#Tbl td.Center, #Tbl th.Center { text-align: center }
#Tbl th { font-weight: normal; color: #069; text-align: left; border-bottom: 1px solid #E3F0FE;	border-left: 1px solid #E6EFF9; padding:.3em 1em;}	
#Tbl thead th {background: #F3F9FE;	text-align: center; vertical-align: middle; font-size: 1.2em/2em; font-weight: bold; color: #069 }
#Tbl tfoot th { background: #F3F9FE; text-align: center; vertical-align: middle	}	
#Tbl tfoot th strong {	font-size: 1.2em; font-weight: bold;	margin:.5em .5em .5em 0; color: #069; }
#Tbl tfoot th em { color: #f03b58; font-weight: bold; font-size: 1.1em; font-style: normal; }

#Pagina {  }

/*####### CABEÇALHO #######*/
#Topo { width: 100%; height: 300px; background: url(../Images/BkgTopo.jpg) bottom center no-repeat; }
#Cabecalho { width: 990px; height: 300px; margin: 0 auto; background: url(../Images/BkgHeader.png) top no-repeat; text-align: left; }
#Cabecalho .Logo { position: absolute; z-index: 1; margin: 5px 0 0 220px; }
#Cabecalho .Slogan { position: absolute; z-index: 2; margin: 50px 0 0 385px; }
#Cabecalho .Onibus { position: absolute; z-index: 3; margin: 110px 0 0 150px; }
#Cabecalho .Home { float: right; margin: 0 auto; margin: 270px 0 0 0; width: 120px; font-weight: bold; }
#Cabecalho .Home img { float: left; margin-right: 5px; }
#Cabecalho .Home a { color: #06C; text-decoration: none }
#Cabecalho .Home a:hover { color: #000 }
/* MENU HORIZONTAL */
#Cabecalho .MenuH { position: absolute; z-index: 4; font-size: 1.2em; width: 990px; height: 25px; padding: 5px 0; letter-spacing: 1px; margin: 275px 0 0 0; text-align: center; }
#Cabecalho .MenuH ul { width: 100%; height: 100%; margin: 0 auto; }
#Cabecalho .MenuH li { list-style: none; display: inline; padding: 0 40px 0 40px; }
#Cabecalho .MenuH li a { color: #FFF; text-decoration: none; font-weight: normal; background: none; padding-right: 0; }
#Cabecalho .MenuH li a:hover { text-decoration: underline; }

/*####### CONTEÚDO #######*/
#Conteudo { clear: both; width: 980px; margin: 0 auto; margin-top: 10px; }
#Conteudo img {}

/* BARRA LATERAL ESQUERDA */
#BarraEsq { float: left; width: 200px; text-align: left; margin-bottom: 20px }
#BarraEsq hr { border: none; border-top: 1px dashed #CCC; }

/* MENU VERTICAL */
#BarraEsq .Menu { width: 190px; height: 775px; margin: 0; background: url(../Images/BkgMenu.jpg) top left no-repeat; padding: 10px; }
#BarraEsq .Menu h1 { font: bold 2.1em "OdessaBeckerNormal"; color: #FC0; margin-bottom: 10px; }
#BarraEsq .Menu h1.Institucional { margin-top: 45px; }
#BarraEsq .Menu li { margin: 0 0 5px 0; top: 0; }
#BarraEsq .Menu li a { text-decoration: none; font-weight: normal; background: none; padding-right: 0; color: #069; font: bold 1em Geneva, Arial, Helvetica, sans-serif; }
#BarraEsq .Menu li a:hover { text-decoration: underline }
#BarraEsq .Menu h1.SAC { margin: 50px 0 0 0; }
#BarraEsq .Menu h2 { color: #966; margin: 0; font-size: 1.2em; }
#BarraEsq .Menu p { color: #069; margin: 0; font-family: Geneva, Arial, Helvetica, sans-serif; }
#BarraEsq .Menu p.n { font-weight: bold; }

/* ÁREA PRINCIPAL DE CONTEÚDO */
#Principal { float: right; width: 770px; text-align: left; margin-bottom: 20px; }
#PrincipalFull { float: right; width: 980px; text-align: left; margin-bottom: 20px; }

#Home { clear: both; width: 770px; }
#Home h1 { font: normal 1.3em "OdessaBeckerNormal"; letter-spacing: 1px; color: #FFF; width: 195px; height: 22px; padding: 3px 0 0 5px; margin-bottom: 10px; background: url(../Images/BkgTitulo.jpg) }
#Home img.Dir { float: right }

#HomeEsq { clear: both; float: left; width: 550px; }

/* BUSCA PASSAGENS */
#HomeEsq div.Online { float: left; width: 290px; font: bold 2.4em "OdessaBeckerNormal"; color: #F90; margin-bottom: 10px; background: url(../Images/IcnOndas.png) right no-repeat; }
#HomeEsq div.OnlineMsg { float: right; width: 240px; color: #069; padding-top: 2px; }

#HomeEsq .FrmBusca { clear: both; margin-bottom: 20px; background: url(../Images/BkgFrmBusca.jpg) no-repeat; width: 490px; height: 110px; margin: 0 auto; padding: 15px 5px 5px 5px  }
#HomeEsq .FrmBusca p { margin: 3px 0 3px 0; color: #FFF; font-weight: bold }
#HomeEsq .FrmBusca h2 { font-size: 1.4em; color: #0C6; margin: 0 0 20px 0; }

#MsgBox { }
#MsgBox img { float: left; margin: 0 10px 0 40px }
#MsgBox p { width: 330px; float: right; font-weight: bold; font-size: 14px; color: #FFF; }

#FrmSRVP {}
#FrmSRVP .Esq { float: left; width: 250px }
#FrmSRVP .Dir { float: left; text-align: center }
#FrmSRVP label { float: left; width: 70px; margin-right: 4px; text-align: right; font-weight: bold; color: #FFF }
#FrmSRVP input, #FrmSRVP select { border: 1px solid #CCC; background: #FFF; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; }
/*#FrmSRVP input:hover { border: 1px solid #F90; background: #F0F0F0; }*/
#FrmSRVP input[type=text], #FrmSRVP select { background: url(../Images/BkgInputText.jpg) top repeat-x }
#FrmSRVP input[type=submit] { margin-left: 50px; margin-top: -2px; border: 1px solid #F90; padding: 2px; background: url(../Images/BkgSubmitButtom.jpg); color: #FFF;
font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 7px }
#FrmSRVP input[type=submit]:hover { background: #036 url(../Images/BkgSubmitButtomOver.jpg); }
#FrmSRVP select.MinSize { width: 150px }

#HomeEsq .Info { clear: both; width: 100%; text-align: center; }
#HomeEsq .Info img.Visa { float: left; margin-left: 80px }
#HomeEsq .Info img.Ambiente { float: right; margin-right: 80px; }
#HomeEsq .Manual { width: 100%; text-align: center }

#HomeEsq div.Dicas { clear: both; float: left; width: 220px; height: 120px; margin-top: 20px; margin-bottom: 20px; }
#HomeEsq div.Dicas p { font-size: 14px; }
#HomeEsq div.Dicas .Saiba { position: static; bottom: 0; float: right }
#HomeEsq div.Express { float: right; width: 280px; text-align: center; margin-top: 20px; margin-bottom: 20px }

#HomeEsq div.Rotas { clear: both; float: left; margin: 0 auto; width: 270px; margin-top: 20px }
#HomeEsq div.Rotas img { float: right; }
#HomeEsq div.Fretamento { float: right; width: 270px; margin: 0 auto; margin-top: 20px; text-align: center; }

#RespCadastro { display: none; font-weight: bold; padding: 5px; background-color: #C00; color: #FFF; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; text-align: center }

#HomeDir { float: right; width: 205px; }
#HomeDir .Fotos { margin-bottom: 10px; /*padding-bottom: 30px; background: url(../Images/BottomDiv.jpg) bottom repeat-x*/ }
#HomeDir .Fotos { margin-bottom: 10px; padding-bottom: 30px; background: url(../Images/BottomDiv.jpg) bottom repeat-x }

div#News { margin-bottom: 10px; }
div#News a { color: #069; font-weight: normal }
div#News p { margin: 0 }
div#News p.DtHr { color: #999 }
div#News img { vertical-align: middle; padding: 0 2px 0 2px }

#HomeDir .Pesquisa { margin: 0 auto; width: 200px; text-align: center }

#HomeDir .Webmail { margin: 0 auto; width: 200px; margin-bottom: 10px; text-align: center }

/*####### Rotas #######*/
#Rotas div#img_amp{ float: left; margin-right: 5px; width: 620px; height: 500px; position: relative; overflow:hidden; border: solid 1px #000 }
#Rotas div#img_amp img#image{ position: absolute; left:0; top:0; }
#Rotas div#img_thumb{ width: 140px; height: 211px; float: right; position: relative; overflow:hidden; cursor: none; border: solid 1px #000 }
#Rotas div#img_thumb img#thumb{ width: 100%; }
#Rotas div.shadow{ position:absolute; top:0; left:0; width:0; height:0; background:#000; overflow:hidden; }
#Rotas #shadow_1, #Rotas #shadow_3, #Rotas #shadow_4{ width: 100%; }

#Manutencao { margin: 100px 0 100px 0; text-align: center; }

/*####### RODAPÉ #######*/
#Rodape { clear: both; width: 990px; margin: 0 auto; margin-top: 0; margin-bottom: 0; padding: 0 }
#Rodape .Frota { text-align: center; }
#Rodape .Logos { text-align: center; margin-bottom: 10px }
#Rodape .Logos img { margin: 0 60px 0 60px }
#Rodape .Creditos { width: 100%; height: 21px; padding-top: 3px; background: url(../Images/BkgRodape.jpg) center no-repeat; margin-bottom: 0 }
#Rodape .Creditos p, #Rodape .Creditos a { font-size: 11px; text-align: center; color: #069; font-weight: normal; margin: 0 }
#Rodape .Creditos a:hover { text-decoration: underline }
#Rodape .Creditos p.Design { float: left; width: 335px; }
#Rodape .Creditos p.Copy { float: left; width: 320px; color: #FFF; }
#Rodape .Creditos p.Power { float: right; width: 335px; }