/* remember to define focus styles! */
:focus {
    outline: 0;
}

.clear {
   clear: both;
}

.right {
   float: right;
}

.jm {
   display: none !important;
}

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 12px;   
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

div.passagens, div.encomendas {
   float: left;
   width: 400px;
}

section#main div.passagens p,section#main div.encomendas p {
   margin: 0 0 30px 0;
}

body {
   margin: 0;
   padding: 0;
   font-family: 'Ubuntu', arial, verdana, sans-serif;
   /*background: url("../img/background.png") bottom right no-repeat;*/
   font-size: 10px;
}

header {
   background: #be0000;
   margin: 0;
   float: left;
   color: white;
   width: 100%;
}

header h1 {
   width: 200px;
   height: 31px;
   display: block;
   text-indent: -9999px;
   background: url("/img/logo_itamarati_small_new.png") top left no-repeat;
   float: left;
   margin: 55px 0 20px 0;
}

header nav {
   float: right;
   margin-top: 20px;
}

header nav li {
   float: left;
   font-size: 1.4em;
   list-style-type: none;
   padding: 0 5px;
}

header nav li a {
   color: white;
   text-decoration: none;
}

.container {
   margin: 0 auto;
   width: 980px;
}

ul.top_header {
   float: right;
   margin: 0;
   padding: 0;
}

ul.top_header li {
   list-style-type: none;
   float: left;
   font-size: 1.2em;
   padding: 15px 5px;
}

ul.top_header li.customer_area {
   padding: 0;
}

ul.top_header li.customer_area a {
   text-transform: uppercase;
   background: url("../img/back_top_header.png") top left no-repeat;
   display:block;
   color: #563e00;
   width: 145px;
   padding: 10px 0 10px 20px;
   cursor: pointer; 
   text-decoration: none;
}

section#main {
   width: 100%;
}

section#main h1 {
   margin-top: 30px;
   margin-bottom: 40px;
}

section#main h1, section#main h2 {
   font-size: 2.4em;
   color: #bf0103;
   font-weight: normal;
   text-transform: uppercase;
   padding: 0;
}

section#main h2 {
   margin-top: 20px;
   font-size: 1.8em;
}

section#main h3 {
   font-size: 1.4em;
}

section#main h3#cart_total {
   font-size: 2.8em;
   font-style: italic;
   color: #3e3e3e;
   margin-top: 0;
}

section#main h3.yellow {
   color: #f0af00;
}

section#main h3.red {
   color: #bf0103;
}

section#main p {
   font-size: 1.2em;
   margin-top: 20px;
   line-height: 1.5em;
}

section#main p span.circleyellow, section#main p span.circlered {
   background-repeat: no-repeat;
   background-position: center left;
   padding: 0 10px;
   font-size: 1em;
}

section#main p span.circleyellow {
   background-image: url("../img/circleyellow.png");
}

section#main p span.circlered {
   background-image: url("../img/circlered.png");
}

section#main ul.gray {
   margin-top: 15px;
}

section#main ul.gray li {
   color: #888A85;
   font-style:italic;
   margin: 0;
   padding: 0;
}

section#main a {
   color: #a10000;
}

section#main a.decoration {
   text-decoration: underline;
}

section#main a:hover {
   text-decoration: none;
}

section#main ul {
   margin: 0 0 0 20px;
   padding: 0;
}

section#main li {
   font-size: 1.2em;
   line-height: 1.4em;
   padding: 2px;
   margin: 0 0 10px 0;
   line-height: 1.5em;
}

section#main ul.listnone li {
   list-style-type: none;
}

section#text_news {
   width: 100%;
}

section#text_news ul {
   margin: 0;
   padding: 0;
}

/* formulário */

div.formulario {
   float: left;
   margin: 0 10px 10px 0;
}

div.formulario2 {
   float: left;
   margin: 0 10px 20px 0;
   padding-top: 25px;
}

#consulta {
   float: left;
   padding-left: 70px;
   padding-bottom: 30px;
   width: 910px;
   position: relative;
}

#carrinho {
   background: url("../img/carrinho_compra.png") top left no-repeat;
   position: absolute;
   width: 145px;
   height: 125px;
   bottom: 0;
   left: -30px;
}

div#consulta_headless {
   float: left;
   padding: 0;
}

div#consulta div, div#consulta_headless div, form#identification div {
   float: left;
   padding: 3px;
}

div#consulta div label, div#consulta_headless div label, section#main label {
   color: #bf0103;
   font-size: 1.2em;
   display: table-cell;
}

section#main .cart label {
   color: #000;
   font-size: 1.4em;
   display: inline-block;
   width: 150px;
}

section#main label span {
   color: black;
   text-transform: uppercase;  
}

form#agencias label {
   background: url("../img/detalhe_form.png") top left no-repeat;
   padding-left: 30px;
}

form#agencias .styled-select03 {
   margin-left: 30px;
}

.styled-select, .styled-select03  {
   height: 24px;
   overflow: hidden;
   background: url("../img/seta.png") no-repeat top right white; /* novo ícone para o <select> */
   border: 1px solid #979797;
   border-bottom: none;
   border-right: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: inset 1px 1px 8px 0px #969696;
   -moz-box-shadow:    inset 1px 1px 8px 0px #969696;
   box-shadow:         inset 1px 1px 8px 0px #969696;
} 

.styled-select {
   width: 250px;
}  

.styled-select03 {
   width: 310px;
}

.cart .styled-select {
   width: 110px;
}

.styled-select select, .styled-select03 select {
   background: transparent; /* importante para exibir o novo ícone */
   border: 0;
   padding: 4px 0;
   font-size: 1.2em;
   line-height: 1;
   border: 0;
   -webkit-appearance: none;
} 

.styled-select select {
   width: 268px;
}

.styled-select03 select {
   width: 328px;
}

.cart .styled-select select {
   width: 130px;
} 

.styled-select02 {
   width: 300px;
   height: 30px;
   overflow: hidden;
   background: url("../img/bt.png") no-repeat top right #e8e8e8; /* novo ícone para o <select> */
   border-bottom: none;
   border-right: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

-webkit-box-shadow: 2px 2px 4px 0px #969696;
-moz-box-shadow:    2px 2px 4px 0px #969696;
box-shadow:         2px 2px 4px 0px #969696;
} 

.styled-select02 select {
   background: transparent; /* importante para exibir o novo ícone */
   border: 0;
   width: 318px;
   padding: 6px;
   font-size: inherit;
   border: 0;
   -webkit-appearance: none;
   color: #bf0103;
} 

section#main .cart h3 {
   font-size: 1.6em;
}

section#main .cart h4 {
   font-size: 1.4em;
   font-weight: normal;
   margin: 0;
   padding: 6px 0 0 0;
}

section#main .cart h3 span {
   font-size: 0.8em;
}

table, tr, td {
   margin: 0;
   padding: 0 10px 0 0;
}

td {
   font-size: 1.2em;
}

fieldset {
   border: none;
   margin: 0;
   padding: 10px;
}

fieldset fieldset {
   padding: 0;
}

legend {
   font-size: 1.2em;
   margin-bottom: 15px;
}

legend#dadosCompra {
   font-weight: bold;
   padding: 7px;
   background: #e4e4e4;
   margin-bottom: 0;
   height: 35px;
}

.reservas th, #reservas_canceladas th {
   font-size: 1.2em;
   padding: 0 20px 15px 0;
}

.reservas td, #reservas_canceladas td {
   padding: 0 20px 15px 0;
}

div.formcontato {
   float:left;
   width:580px;
}

div.endereco {
   float:left;
   width:400px;
}

form span {
   font-size: 1.1em;
   float: left;
   margin-right: 10px;
}

form legend.bold {
   font-weight:bold;
   text-transform: uppercase; 
   font-size: 1.4em;  
   margin-top: 20px;
}

textarea {
   resize: none;
}

input, form textarea, input.yellow, input {
   padding: 7px;
   font-size: 1.2em;
   border: 1px solid #979797;
   border-bottom: none;
   border-right: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: inset 1px 1px 8px 0px #969696;
   -moz-box-shadow:    inset 1px 1px 8px 0px #969696;
   box-shadow:         inset 1px 1px 8px 0px #969696;
   background: #ececec;
   width: auto;
}

.cart input {
   padding: 10px;
   margin: 0 0 5px 10px;
}

 section#main .cart .styled-select {
   margin-left: 10px;
   margin-bottom: 5px;
}

input.yellow {
   height: 24px;
}

input.yellow {
   background: #efb201;
   color: #bf0103;
   border: none;
}

input[type=button], input[type=submit], input.submit, input#paytickets {
   height: 40px;
   padding: 10px;
   font-size: 1.2em;
   font-style: italic;
   border: none;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: white;
   margin-top: 10px;
   background: #bd0000;
   -webkit-box-shadow: none;
   -moz-box-shadow:    none;
   box-shadow:         none;
}

input[type=button]#compra_res {
   background: #eeb100;
   color: black;
   margin-left: 20px;
}

form input[type=submit]:disabled {
   background-color: #555;
}

div.fontblack, section#main div.fontblack {
   margin: 0 20px 15px 0;
   float: left;
   padding: 5px;
}

div.fontblack label, section#main div.fontblack label {
   color: black;
   font-size: 1.4em;
}

ul.mapas_oper input[type=radio], 
#consulta input[type=checkbox], 
#consulta_headless input[type=radio], #consulta_headless input[type=checkbox], 
#form_cad input[type=radio], #form_cad input[type=checkbox], 
#cotacao input[type=radio], #cotacao input[type=checkbox],
#fretamento input[type=radio], #fretamento input[type=checkbox],
#tbconosco input[type=radio], #tbconosco input[type=checkbox], 
input.identify_me,.cart input[type=radio],form#dados input[type=checkbox] {
      display:none;
}

ul.mapas_oper input[type=radio] + label:before, 
#consulta input[type=radio] + label:before,
#consulta_headless input[type=radio] + label:before,
#form_cad input[type=radio] + label:before, 
#cotacao input[type=radio] + label:before, 
#fretamento input[type=radio] + label:before, 
#tbconosco input[type=radio] + label:before,  
input.identify_me[type=radio] + label:before, 
.cart input[type=radio] + label:before {
      content: "";  
      display: inline-block;  
      width: 15px;  
      height: 15px;  
      vertical-align:middle;
      margin-right: 8px;  
      background-color: #aaa;  
      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
      border-radius: 8px;  
}

#consulta input[type=checkbox] + label:before, 
#consulta_headless input[type=checkbox] + label:before, 
#form_cad input[type=checkbox] + label:before, 
#cotacao input[type=checkbox] + label:before,  
#fretamento input[type=checkbox] + label:before,  
#tbconosco input[type=checkbox] + label:before, 
form#dados input[type=checkbox] + label:before  {
      content: "";  
      display: inline-block;  
      width: 15px;  
      height: 15px;  
      vertical-align:middle;
      margin-right: 8px;  
      background-color: #aaa;  
      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
      border-radius: 4px;  
}

ul.mapas_oper  
input[type=radio]:checked + label:before, 
#consulta input[type=radio]:checked + label:before,
#consulta_headless input[type=radio]:checked + label:before,
#form_cad input[type=radio]:checked + label:before,
#cotacao input[type=radio]:checked + label:before,
#fretamento input[type=radio]:checked + label:before,
#tbconosco input[type=radio]:checked + label:before, 
.cart input[type=radio]:checked + label:before {
    content: "\2022";
    color:green;
    background-color: yellow; 
    font-size:1.8em;
    text-align:center;
    line-height:14px;
    text-shadow:0px 0px 3px #eee;
}

#consulta input[type=checkbox]:checked + label:before,
#consulta_headless input[type=checkbox]:checked + label:before,
#form_cad input[type=checkbox]:checked + label:before,
#cotacao input[type=checkbox]:checked + label:before,
#fretamento input[type=checkbox]:checked + label:before,
#tbconosco input[type=checkbox]:checked + label:before, 
form#dados input[type=checkbox]:checked + label:before {
    content:"\2714";
    color:green;
    background-color: yellow; 
    text-align:center;
    line-height:15px;
   text-shadow:0px 0px 3px #eee;
}

#subquery {
   font-size: 1.2em;
   margin-bottom: 10px;
}

form.customer_login {
   display: block;
   float: left;
   width: 255px;
   padding: 20px;
   display: none;
   background: #efb201;
   background: -webkit-linear-gradient(#efb201, #e29200); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#efb201, #e29200); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#efb201, #e29200); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#efb201, #e29200); /* Standard syntax (must be last) */
   -webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    3px 0px 5px 0px rgba(50, 50, 50, 0.75);
   box-shadow:         3px 0px 5px 0px rgba(50, 50, 50, 0.75);
   background-clip: padding-box;
   z-index: 100;
   text-align: center;
}

section#contato {
   float: left;
   width: 90%;
   padding: 20px;
   display: block;
   background: transparent;
   text-align: center;
}

section#contato a {
   margin-top: 1em;
   color: black;
   text-decoration: none;
}

form.customer_login p {
   font-size: 1.2em;
   margin-top: 0;
   line-height: 1.5em;
}

form.customer_login a {
   color: #563e00;
   font-size: 1.2em;
   text-decoration: none;
}

form.customer_login input {
   color: #bb0208;
   font-style: italic;
   width: 230px;
}

form.customer_login input[type=button], form.customer_login input[type=submit], form.customer_login input.submit {
   color: white;
   width: 100px;
   text-align: center;
   margin-left: 150px;
   font-size: 1em;
   font-weight: normal;
}

form.customer_login a.close_button {
   float: right;
   padding-left: 0.3em;
   text-indent: -9999px;
   width: 20px;
   height: 20px;
   background: transparent url(../img/close_button.png) top right no-repeat;
}

ul.payment_type {
   float: left;
}

ul.payment_type li {
   list-style-type: none;
}

section#main .cart form#identification label {
 font-size: 1.2em;
 color: #666666;
}

table.cliepas {
   padding: 10px;
   width: 100%;
   border-collapse: collapse;
}

table.cliepas caption {
   text-align: left;
   font-size: 1.6em;
   font-weight: bold;
   margin: 20px 0 10px 0;
}

table.cliepas caption.open-close {
   cursor: pointer;
   background: url("../img/seta03.png") 40px center no-repeat;
}

table.cliepas th {
   padding: 10px;
   background: #e4e4e4;
   text-align: right;
}

table.cliepas td {
   text-align: right;
   padding: 10px;
   
}

/* disk_passagem */

section#main ul#disk_passagem {
   margin: 0;
   padding: 0;
}

ul#disk_passagem li, section#text_news li {
   margin: 0 0 40px 0;
   padding: 0 0 0 80px;
   list-style-type: none;
   background: url("../img/list_style.png") top left no-repeat;
   float: left;
}

section#text_news h1 {
   margin: 1em auto;
}

section#text_news {
   margin: 1em auto 3em auto;
}

section#text_news h2 {
   font-size: 1.6em;
}

section#text_news li {
   margin: 0;
   padding: 2.5em 1em 1em 1em;
   list-style-type: none;
   background: #efb201 url(/img/news_background_top.png) top left no-repeat;
}

section#main #disk_passagem h1 {
   margin: 0;
   font-size: 1.6em;
}

ul#disk_passagem p {
   margin: 0 0 20px 0;
   font-size: inherit;
}

ul#disk_passagem div#disk_passagem_info {
   margin: 20px 0 20px 0;
}

/* notícias */

section#text_news h2 {
    color: #bf0103;
    font-size: 1.6em;
    font-weight: normal;
    margin-top: 0;
    padding: 0;
    text-transform: uppercase;
}

section#text_news p {
    font-size:inherit;
}

/* Redes sociais */

section#social {
   display: block;
   float: right;
   width: 180px;
   height:45px;
   background: url("../img/redes_sociais_2.png");
}

section#social ul {
   margin: 0;
   padding: 0;
}

section#social ul li {
   list-style-type: none;
   float: left;
   margin: 0;
   padding: 0;
}

section#social ul li a {
   text-indent: -9999px;
   display: block;
   width: 59px;
   height: 45px;
   margin: 0;
   padding: 0;
}

section#main ul#placas, section#main ul.placas, section#main ul.placas-small {
   margin: 0;
   padding: 0;
   width: 100%;
   float: left;
}

ul#placas li {
   margin: 20px 10px;
   padding: 0;
   float: left;
   width: 301px;
   height: 158px;
   list-style-type: none;
   text-align: center;
   font-size: 1.2em;
   background: url("../img/shadow.png") bottom left no-repeat;
}

ul.placas-small li, ul.placas-large li {
   width: 50%;
   height: auto;
   float: left;
   background-image: none;
   box-shadow: 0px 20px 10px -15px #555;
   list-style-type: none;
   text-align: center;
   font-size: 1.2em;
   border: 0;
   border-radius: 10px;
   background: #efb201;
   padding: 15px !important;
   margin: 2em auto !important;
}

ul.placas-small li {
    width: 27%;
    min-height: 120px;
    margin-right: 2em !important;
}

ul#placas li span {
   background: #efb201;
   display: block;
   width: 271px;
   height: 105px;
   padding: 15px;
}

ul#placas li strong, ul.placas-small li strong, ul.placas li strong {
   color: #bf0103;
   font-size: 2em;
   width: 100%;
   text-align: center;
   text-transform: uppercase;
   float: left;
   margin-bottom: 15px;
}

section#chamadas {
   width: 100%;
   margin-bottom: 10px;
   background: #c2c3c7;
}

ul.politica-qualidade {
    text-align: center;
}

ul.politica-qualidade li {
    width: 100%;
    display: inline;
}

section#chamadas div.pagination {
   margin-left: 50%;
}

section#chamadas ul {
   margin: 0 auto;
   padding: 0;
   width: 800px;
}

section#chamadas li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/* Informações */

section#informacoes {
   width: 100%;
   margin-bottom: 10px;
   background: url("../img/back_gray.png") top left repeat;
}

section#informacoes ul {
   margin: 15px auto;
   padding: 0;
   background: url("../img/icones-new.png") top left no-repeat;
   width: 987px;
   height: 84px;
   overflow: hidden;
}

section#informacoes li {
   list-style-type: none;
   float: left;
   height: 84px;
   overflow: hidden;
   text-indent: -9999px;
}

section#informacoes li h2, section#informacoes li h2, section#informacoes li span {
   display: none;
}

section#informacoes li.seminovos a, section#informacoes li.linhadireta a {
   height: 84px;
   display: block;
}

section#informacoes li.seminovos a {
   width: 265px;
}

section#informacoes li.linhadireta a {
   width: 240px;
}

div.text {
   float: right;
   width: 690px;
}

/* Servicos */


section#main ul#servicos {
   float: left;
   width: 266px;
   height: 142px;
   background: url("../img/menu_servicos.png") top left no-repeat;  
   margin: 0 20px 0 0;
   padding: 0;
}

ul#servicos li {
   width: 266px;
   margin: 0;
   padding: 0; 
   list-style-type: none;
   font-size: 1.2em;
   float: left;
}

ul#servicos li.encomendas {
   margin-top: 20px;
   text-indent: 70px;
}

ul#servicos li.fretamento {
   text-indent: 60px;
}

ul#servicos li.novoger {
   text-indent: 50px;
}

ul#servicos li.fidelidade {
   text-indent: 40px;
}

ul#servicos li a {
   text-decoration: none;
   text-transform: uppercase;  
   color: black; 
   width: 266px;
   display: block;
   height: 26px;
   line-height: 25px;
}

ul#servicos li.encomendas a:hover,ul#servicos li.encomendas a.active, ul#servicos li.fretamento a:hover,ul#servicos li.fretamento a.active, ul#servicos li.novoger a:hover, ul#servicos li.novoger a.active, ul#servicos li.fidelidade a:hover, ul#servicos li.fidelidade a.active {
   background-image: url("../img/menu_servicos.png"); 
   background-repeat: no-repeat;
}

ul#servicos li.encomendas a:hover, ul#servicos li.encomendas a.active {
   background-position: -266px -20px;
}

ul#servicos li.fretamento a:hover, ul#servicos li.fretamento a.active {
   background-position: -266px -46px;
}

ul#servicos li.novoger a:hover, ul#servicos li.novoger a.active  {
   background-position: -266px -72px;
}

ul#servicos li.fidelidade a:hover, ul#servicos li.fidelidade a.active {
   background-position: -266px -98px;
}


/* Footer */

footer {
   background: #d2d2d2 url("../img/back_footer.png") top left repeat-x;
   color: #6b6b6b;
   float: left;
   width: 100%;  
   margin-top: 30px; 
}

footer nav {
   float: left;
   margin-bottom: 40px;
}

footer nav h1, footer div.address h1, footer div.certificado h1 {
   font-size: 1.4em;
   font-weight: normal;
   margin-top: 30px;
}

footer nav ul {
   float: left;
   margin: 0 0 0 10px;
   padding: 0;
}

footer nav li {
   line-height: 1.8em;
}

footer nav li a {
   color: #6b6b6b;
   text-decoration: none;
   font-size: 1.2em;
}

footer div.bottom {
   background: #b6b6b6;
   padding: 1em;
   text-transform: uppercase;
   text-align: center;
}

footer div.address {
   float: left;
   margin-left: 60px;
}

footer div.address p {
   font-size: 1.2em;
   line-height: 1.4em;
}

footer .certificado {
   float: right;
   background: url("../img/cadeado.png") left 22px no-repeat;
   padding: 0 0 0 95px;
   height: 130px;
}

footer .certificado span.visa, footer .certificado span.master {
   text-indent: -9999px;
   display: block;
   float: left;
   width: 47px;
   height: 28px;
}

footer .certificado span.visa {
   background: url("../img/cartao_visa.png") top left no-repeat;
}

footer .certificado span.master {
   background: url("../img/cartao_master.png") top left no-repeat;
}


header, section, footer {
   display: block;
   float: left;
   text-align: left;
}

nav.menu_cliente {
   background: #e4e4e4;
   width: 100%;
   display: block;
   float: left;
}

nav.menu_cliente span {
   padding: 12px;
   float: left;
   font-size: 1.4em;
}

nav.menu_cliente ul {
   float: right;
   margin: 0;
   padding: 0;
}

section#main nav.menu_cliente li {
   list-style-type: none;
   float: left;
   margin: 0;
}

section#main nav.menu_cliente li a {
   color: black;
   text-decoration: none;
   padding: 12px;
   display: block;
}

nav.menu_cliente li.selected, nav.menu_cliente li:hover {
   background: #e4e4e4;
   background: #d4d4d4;
}

.uppercase {
   text-transform: uppercase;
}

.textinfo {
   float:right;
   background: url(../img/icons.png) 55px -98px no-repeat;
   padding-bottom: 5px;
}

table.trajetos {
   border: 0;
   border-collapse: collapse;
   width: 980px;
   border-bottom: 3px solid #bd0000;
   background: white;
}

table.trajetos thead th {  
   padding: 1em;
   background: #be0000;
   color: white;
   text-align: left;
   font-size: 1.3em;
   text-transform: uppercase;
}

table.trajetos thead th.roundedleft {  
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -khtml-border-top-left-radius: 5px;
   -khtml-border-bottom-left-radius: 5px;   
}

table.trajetos thead th.roundedright {  
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   -khtml-border-top-right-radius: 5px;
   -khtml-border-bottom-right-radius: 5px; 
}

table.trajetos tbody td {
   padding: 1em;
}

table.trajetos tbody tr:nth-child(odd) {
   background-color: #dfdfdf;
}

table.trajetos thead th:nth-child(even) {
   background-color: #d40201;
}

table.trajetos a, table.trajetos a:visited {
   text-transform: capitalize;
   padding: 0.5em;
   background: red;
   color: white !important;
   text-decoration: none;
   margin: 0.2em auto;
}

table.trajetos td.tipo_horario {
   padding-left: 3em;
   background: url(/img/icons.png) 0 -88px no-repeat;
}

div#trajetos {
   position: absolute;
   background: #efb201;
   width: 30em;
   z-index: 10;
   padding: 1em;
   -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
   -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.5);
   box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.5);
   position: relative;
}

div#trajetos h1, div#trajetos h2 {
   color: black;
   margin: 0 0 5px 0;
   font-size: 1.2em;
   font-weight: bold;
   width: 90%;
}

div#trajetos h2 {
   width: 100%;
}

div#trajetos strong {
   background: url("../img/img_trajetos.png") top left no-repeat;
   width: 100px;
   height: 24px;
   display: block;
   position: absolute;
   top: 5px;
   left: -17px;
   padding: 10px 0 0 30px;
   font-size: 1.2em;
}

div#trajetos ul {
   list-style-type: none;
   margin: 10px 0 0 0;
   float: left;
}

div#trajetos ul li {
   margin: 0;
}

section#main ul#ida_volta_sel {
   list-style-type: none;
   margin: 0;
   border-bottom: 1px solid #c00000;
   margin-bottom: 4px;
   float: left;
   width: 980px;
}

ul#ida_volta_sel li {
   float: left;
   font-size: 1.5em;
   padding: 0.5em 2em;
   margin: 0;
   text-transform: uppercase;
}

ul#ida_volta_sel li.active, ul#ida_volta_sel li.inactive {
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -khtml-border-top-left-radius: 5px;
   -khtml-border-top-right-radius: 5px;
}

ul#ida_volta_sel li.active {
   background: #c00000;
   color: white;
}

ul#ida_volta_sel li.inactive {
   background: #d4d4d4;
   color: black;
}

.loading {
   font-size: 1.2em;
   border: none;
   padding: 1em;
}

.loading img {
   margin: 1em auto;
}

#mapas table {
   margin: 15px 0 0 25px;
   display: block;
   float: left;
}

#mapas table td {
   padding: 3px;
   border-collapse: collapse;
   text-align: center;
   vertical-align: middle;
}

.mapa, .vmapa {
   border-right: 1px solid #bcbcbc;
   border-bottom: 1px solid #bcbcbc;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 20px;
   background: #efefef url(../img/icons.png) -185px 20px no-repeat;   
   padding: 10px 0 10px 80px;
   float: left;
   width: 520px;
}

section#main .polt_vazia a, section#main .polt_ocupada a, section#main .polt_inv a, section#main .polt_vendida a, section#main .polt_ativa a  {
   text-decoration: none;
   color: black;
    width: 35px;
    height: 32px;
    display: block; 
}

.polt_vazia, .polt_ocupada, .polt_inv, .polt_ativa, .polt_vendida {
   margin: 5px 1px;
   font-size: 1em;
   background-image: url(../img/icons.png);
   background-repeat: no-repeat;
   color: black;
   padding: 0 15px 8px 0;
   width: 26px;
   height: 32px;
   clear: none;
   float: left;
}

.polt_ativa {
   background-position: -72px 0;
}

.polt_vendida {
   background-position: -108px 0;
}

.polt_ocupada {
   background-position: -36px 0;
}

.polt_inv {
   visibility: hidden;
}

section#main ul#terms {
   height: 15em;
   overflow: auto;
   background: #e9e9e9;
   border: 1px solid #bdbdbd;
   padding: 10px;
   margin: 0;
}

section#main ul#terms li {
   list-style-type: none;
}

table#horario_info {
   margin: 0;
   padding: 0;
   background: #e4e4e4;
   font-size: 1.2em;
   border: 0;
   border-collapse: collapse;
   width: 980px;
}

table#horario_info td {
   padding: 10px 20px;
   text-align: left;
}

table#horario_info td span {
   font-weight: bold;
}

section#main ul.mapas_oper {
   margin: 0;
   padding: 0;
}

section#main ul.mapas_oper li {
   list-style-type: none;
   float: left;
   margin: 10px 100px 10px 0;
   padding: 0;
}

section#main ul.mapas_oper li li {
   margin-right: 10px;
}

section#main ul.mapas_oper li label span {
   color: #bf0103;
}

div#segfacul {
   margin-top: 5px;
}

div#segfacul ul li {
   font-size: inherit;
}

section#main ul.poltronas {
   margin: 0;
   padding: 0;
}

section#main ul.poltronas li {
   margin: 0 20px 0 0;
   padding: 0 0 0 15px;
   float: left;
   list-style-type: none;
   background-image: url(../img/icons.png);
   background-repeat: no-repeat;
}

ul.poltronas li.lipolt_ativa {
   background-position: 0 -184px;
}

ul.poltronas li.lipolt_vendida {
   background-position: 0 -164px;
}

ul.poltronas li.lipolt_ocupadas {
   background-position: 0 -204px;
}

/* Galeria de imagens */

section#main ul.gallery, section#main ul.gallery ul {
   margin: 0;
   padding: 0;
   float: left;
}

section#main ul.gallery h3 {
   padding: 0 10px;
}

section#main ul.gallery li {
   float: left;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

section#main ul.gallery li li  {
   padding: 10px;
}

ul.gallery img {
   height: 150px;
}

ul.gallery a.tooltip > span { 
width: 200px;
height: 150px;
margin-top: -200px;
text-indent: -9999px; 
padding: 0;
opacity:0;
-moz-opacity: 0;
filter: alpha(opacity=0); 
visibility: hidden; 
z-index: 10; 
position: absolute; 
-webkit-transition-property: opacity, margin-top, visibility, margin-left; 
-webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s; 
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
-moz-transition-property: opacity, margin-top, visibility, margin-left; 
-moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; 
-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
transition-property:opacity, margin-top, visibility, margin-left; 
transition-duration:0.4s, 0.3s, 0.4s, 0.3s; 
transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
background: #000 url("../img/img_tooltip.png") center center no-repeat;
} 

ul.gallery a.tooltip:hover > span
{ 
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
text-decoration:none; 
visibility: visible; 
overflow: visible; 
margin-top: 0; 
display: inline; 
margin-bottom: -200px; 
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 44px;
    height: 35px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../img/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: -15px;
}

.fancybox-next {
    right: -15px;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 45px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -40px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -90px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

#card_type {
   display: inline-block;
   width: 53px;
   height: 35px;
   margin-left:10px;
}

#selling_prog_bar {
   list-style-type: none;
   padding: 20px 0 0 0;
}

#selling_prog_bar li {
   display: inline-block;
   padding-left: 25px !important;
   margin-right: 0.5em !important;
   background: transparent url(/img/icons.png) left -42px no-repeat;
   color: #cfcfcf;
}

#selling_prog_bar li.active {
   color: #c00000;
   background-position: left -70px;   
}

/*Mapa*/

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../img/fancybox_sprite@2x.png');
        background-size: 45px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('../img/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*faq*/

ul#faq li {
   margin-bottom: 15px;   
   color: #bf0103;
}

span.question {
   font-weight: bold;
}

span.reply {
   display: none;
   color: black;
   background-image: url(../img/faq.png);
   background-repeat: no-repeat;
   background-position: 15px top;
   padding-top: 8px;
   margin-bottom: 15px;
}

section#main span.reply p {
   margin: 0;
   background: #ececec;
   padding: 10px 10px 20px 10px;
   font-size: inherit;
}

/* Seus Bônus */

section#main table#passagens_saldo th {
    text-transform: uppercase;
   font-weight: bold;
   font-size: 1.4em;
   padding-right: 20px;
}

section#main table#passagens_saldo td {
   padding-right: 20px;
}

span#pwdstatus {
   display: table-cell;
   float: none;
}

a.close_route {
   position: absolute;
   top: 5px;
   left: 29.5em;
   text-indent: -999px;
   width: 20px;
   height: 20px;
   background: transparent url(../img/close_button.png) top right no-repeat;
}

a#chat_popup {
   background: transparent url(../img/chat.png) top left no-repeat;
   padding-left: 50px !important; 
   display: inline;
   float: right;
   margin-right: 125px;
   text-decoration: underline;
   cursor: pointer;
   height: 21px;
}

input.disabled {
   color: #888;
   background: #aaa;
}

form#fretamento fieldset legend {
   font-weight: bold;
   font-size: 1.5em;
}

/* Jquery Slider */

.banner {
    position: relative;
    width: 100%;
    overflow: auto; 
    font-size: 18px;
    line-height: 24px;
    text-align: center; 
    color: rgba(255,255,255,.6);
    text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
   background: url("../img/detalhe_banner.png") center  402px repeat-x;
   margin-bottom: 20px;
}

.banner a {
   text-indent: -9999px;
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}

a.cancela-passagem {
   margin: 0 0 0 1em;
   background: transparent url(../img/cancelar-passagem.png) top left no-repeat;
   text-indent: -9999px;
   display: block;
   float: right;
   height: 30px;
   width: 215px;
}

.pas_error {
   border: 3px solid red;
}

.change_warning {
   font-weight: bold;
   width: 28em;
   display: block;
   float: right;
   padding-top: 1em;
}

form#identification ul.payment_type input[type="radio"] {
   display: inline-block !important;
}

section#main .cart form#identification ul.payment_type input[type="radio"] + label::before {
   background-color: white;
   box-shadow: none;
}

section#main .cart form#identification ul.payment_type  input[type="radio"]:checked + label::before {
   background-color: white;
   content: "";
}

#map_msg {
   color: #c00000;
   font-weight: bold;
   font-size: 2em;
}

section#main .banner ul {
    list-style: none;
    width: 300%;
    margin: 0;
    padding: 0;
}
section#main .banner ul li {
    display: block;
    float: left;
    width: 33%;
    padding: 0;     
    height: 440px;
    background-repeat: no-repeat;

    /*      -webkit-background-size: 100% 100%;*/
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    /*      background-size: 100% 100%;*/       

}

section#main .banner ul li img {
    border-bottom: 1px solid #FFF;
}

.banner h1, .banner h2 {
    font-size: 40px;
    line-height: 52px;

    color: #fff;
}

.banner .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;

    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    border: 2px solid rgba(255,255,255,.4);
    border-radius: 5px;
}
.banner .btn:hover {
    background: rgba(255,255,255,.05);
}
.banner .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}

.banner .btn, .banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
}
section#main .banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;

    text-indent: -999em;

    /* border: 2px solid #fff; */
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    border-radius:  50%;
    -webkit-box-shadow: inset 5px 5px 3px -5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    inset 5px 5px 3px -5px rgba(50, 50, 50, 0.5);
    box-shadow:         inset 5px 5px 3px -5px rgba(50, 50, 50, 0.5);

    cursor: pointer;
    opacity: .4;
    background: #666666;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
section#main .banner .dots li.active {
    background: #f9b607;
    opacity: 1;
}

.not-found {
    text-align: center;
}

iframe#portal {
    border: 0;
    width: 100%;
}

ul#query_type {
    float: left;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
}

ul#query_type li {
    float: left;
    list-style-type: none !important;
    text-transform: uppercase;
    margin-right: 1.5em;
}

div#query_rod, div#query_sub {
    margin: 0 !important;
    padding: 0 !important;
}

div#query_rod label, div#query_sub label {
    padding-bottom: 0.5em;
}

select.form-control {
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.5em;
}