html, body { font-family: Helvetica, Arial; color: #333; font-size: 14px; width: 100%; height: 100%; padding: 0px; margin: 0px; }
body { background-color: #CCC; }
a { border: 0px; color: #17263F; text-decoration: none; }
img { border: 0px; vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
input, select, textarea { font-family: Arial, Helvetica; font-size: 12px; line-height: 25px; height: 25px; padding: 3px 5px 2px 5px; margin: 3px; }
textarea { height: auto; }
select { height: 30px; line-height: 22px; }
input[type="submit"], input[type="button"] { cursor: pointer; }
input[type="submit"] { background-color: #CD1A24; color: #fff; border: 0px; border-radius: 0px; padding-top: 0px; -webkit-appearance: none; -moz-apperance: none; height: 30px; text-transform: uppercase; padding-top: 3px; }
.left { float: left; }
.right { float: right; }
.txt-right { text-align: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.red { color: #B92F24; }
.black { color: #333; }
.grey { color: #999; }
.font-35 { font-size: 35px; line-height: 35px; }
.font-25 { font-size: 25px; line-height: 35px; }
.font-20 { font-size: 20px; line-height: 20px; }
.font-15 { font-size: 15px; line-height: 15px; }
.font-11 { font-size: 11px; line-height: 15px; }
.gradient { background: -webkit-linear-gradient(#DDD, #EEE 70%); background: -o-linear-gradient(#DDD, #EEE 70%); background: -moz-linear-gradient(#DDD, #EEE 70%); background: linear-gradient(#DDD, #EEE 70%); *background-color: #EEE; /* IE7 */ _background-color: #EEE; /* IE6 */ background-color: #EEE\9; /* IE8 */ height: 100%; width: 100%; }
.btn-grey { background: #DDD; color: #3F3F46; font-size: 12px; font-weight: bold; margin: 10px 10px 10px 0px; padding: 12px 30px 10px 30px; text-align: center; width: 215px; }
.center { margin: 0px auto; width: 990px; }
.title-35 { color: #444; font-size: 35px; font-weight: lighter; letter-spacing: -2px; padding: 50px 0px 15px 0px; }
.line { background-color: #DDD; height: 5px; }
    .line .bg-red { background-color: #B92F24; height: 5px; width: 75px; }
.share-in, .search-in { margin: 40px 20px 0px 0px; }
.top-bar { background: #FFF; height: 100px; width: 100%; }
    .top-bar .logo { padding: 0px 20px 0px 20px; }
.menu { padding: 45px 20px 0px 0px; }
    .menu a { color: #000; font-size: 13px; margin-left: 10px; }
        .menu a.on { color: #B92F24; border-bottom: solid 5px #B92F24; padding-bottom: 34px; }
.submenu { background: url(../img/img_vert_line.png) repeat-y right top; min-height: 450px; margin: 20px 0px 0px 30px; padding: 30px 30px 0px 0px; width: 200px; }
    .submenu .title-35 { padding-top: 0px; }
    .submenu a { background: url(../img/img_horiz_line.png) repeat-x bottom; color: #3F3F46; display: block; font-size: 12px; font-weight: bold; margin-bottom: 12px; padding-bottom: 10px; }
        .submenu a.on { color: #BB321E; }
    .submenu .newslist .date { font-size: 10px; margin-bottom: 5px; }
    .submenu .newslist a { text-transform: capitalize; }
    .submenu .nav { color: #3F3F46; font-size: 12px; font-weight: bold; }
        .submenu .nav a { background: none; display: inline; margin: 0px 15px 0px 15px; vertical-align: bottom; }
.btn-bar { background: #DDD; border-bottom: solid 5px #B92F24; height: 108px; padding-left: 35px; }
    .btn-bar img { margin: 5px 0px 0px 0px; }
    .btn-bar .title { color: #666; font-size: 45px; font-weight: 500; letter-spacing: -1px; margin-top: 30px; }
.banner-in { background: url(../img/bg_banner_in.jpg) no-repeat left top; height: 195px; }
    .banner-in .title { color: #FFF; padding: 40px 0px 0px 20px; font-size: 50px; }
.banner { background: url(../img/bg_banner.jpg) no-repeat center top; color: #FFF; height: 450px; }
    .banner .nav-left { margin: 155px 0px 0px 20px; }
    .banner .nav-right { margin: 155px 20px 0px 0px; }
    .banner .share, .banner .search { margin: 10px 20px 0px 0px; }
    .banner .nav { background: #DDD; height: 10px; margin: 162px 15px 0px 0px; padding: 9px 2px 0px 5px; width: 110px; }
        .banner .nav img { margin-left: 5px; }
.inside { color: #3F3F46; margin: 0px 20px 20px 25px; width: 680px; }
.content { background: #EEE url(../img/bg_content_bottom.jpg) no-repeat right bottom; min-height: 1000px; }
    .content .alert { background: #DDD; color: #515D70; border-bottom: solid 1px #EEE; height: 60px; padding: 25px 0px 0px 30px; text-align: left; }
    .content .news { margin: 0px 30px 0px 30px; }
        .content .news .box { background: url(../img/img_vert_line.png) repeat-y right top; margin-top: 40px; margin-right: 20px; padding: 0px 30px 0px 0px; text-align: left; width: 255px; }
            .content .news .box.last { background: none; margin-right: 0px; }
            .content .news .box .title { color: #333; font-size: 20px; padding: 10px 0px 10px 0px; }
            .content .news .box .text { color: #3F3F46; font-size: 14px; }
            .content .news .box .date { color: #D73200; font-size: 12px; padding-top: 5px; }
            .content .news .box .source, .content-in .source { color: #999; font-size: 12px; padding-top: 10px; }
    .content .video { color: #3F3F46; margin-left: 40px; width: 265px; }
        .content .video iframe { margin-top: 40px; }
        .content .video .title { color: #333; font-size: 20px; }
    .content .links { background: url(../img/img_horiz_line.png) repeat-x top; width: 930px; margin: 0px auto; padding: 45px 0px 20px 0px; margin-top: 20px; }
        .content .links a { display: inline-block; margin-left: 60px; }
            .content .links a img { vertical-align: middle; }
    .content .triunfo { color: #3F3F46; height: 390px; margin-left: 30px; width: 530px; }
    .content .btn-more { background: none; cursor: pointer; font-weight: bold; font-size: 14px; letter-spacing: -1px; width: 120px; }
.content-in { background: #EEE; min-height: 1000px; }
    .content-in .bg-progress-bar { background-color: #DDD; width: 100%; height: 30px; }
    .content-in .progress-bar { background-color: #888; height: 30px; }
        .content-in .progress-bar .number { color: #EDEDED; font-size: 16px; font-weight: bold; padding: 8px 0px 0px 5px; }
    .content-in .submenu .bg-progress-bar { height: 18px; margin: 5px 0px 5px 0px; }
    .content-in .submenu .progress-bar { height: 18px; }
        .content-in .submenu .progress-bar .number { font-size: 12px; font-weight: bold; padding: 3px 0px 0px 5px; }
    .content-in .btn-tab { background: #CCC; cursor: pointer; display: inline-block; font-weight: bold; font-size: 16px; height: 35px; line-height: 38px; margin-right: 05px; text-align: center; width: 165px; }
        .content-in .btn-tab.on { background: #DDD; }
.footer { background-color: #DDD; border-top: solid 4px #BB321E; color: #424242; padding-top: 20px; font-size: 12px; font-weight: lighter; }
    .footer .rights { background: url(../img/img_horiz_line.png) repeat-x top; color: #9A9A9A; font-size: 10px; height: 30px; margin: 0px auto; padding-top: 20px; width: 930px; margin: 0px auto; }
    .footer .btn-more a { color: #FFF; font-size: 11px; }
    .footer .logo { margin: 30px 0px 0px 30px; line-height: 15px; }
        .footer .logo img { margin: 0px 5px 0px 0px; }
        .footer .logo a { margin: 5px 0px 0px 0px; display: block; }
    .footer .title { font-size: 30px; font-weight: 500; line-height: 25px; letter-spacing: -1px; }
    .footer .information { margin: 30px 45px 0px 95px; }
    .footer .newsletter { padding-left: 40px; }
        .footer .newsletter .info { padding-top: 30px; }
        .footer .newsletter .email, .footer .newsletter .nome { border: none; color: #999; height: 35px; margin: 5px 0 0 0; padding: 0 0 0 5px; width: 250px; }
        .footer .newsletter .email { width: 215px; }
        .footer .newsletter .enviar { border: none; background: url(../img/btn_send.png) no-repeat left top; background-size: cover; cursor: pointer; height: 35px; margin: 5px 0 0 0; vertical-align: top; width: 35px; padding: 0; }

/* 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; }

/* Praças e Tarifas */
div.tarifas-pracas { width: 800px; margin: 0 auto; }
    div.tarifas-pracas h1 { font-weight: lighter; font-size: 30px; margin: 0; }
    div.tarifas-pracas .tabela-tarifa { width: 100%; border-spacing: 0; border: 1px solid #CCC; border-collapse: collapse; margin: 10px 0; }
        div.tarifas-pracas .tabela-tarifa tr td { padding: 5px; }
        div.tarifas-pracas .tabela-tarifa thead tr { background-color: #BF2500; color: #FFF; border: 0; }
        div.tarifas-pracas .tabela-tarifa tbody { background-color: #F7F7F7; }
            div.tarifas-pracas .tabela-tarifa tbody tr { border-bottom: 1px solid #CCC; }
                div.tarifas-pracas .tabela-tarifa tbody tr td.eixos, div.tarifas-pracas .tabela-tarifa tbody tr td.rodagem { text-align: center; }
                div.tarifas-pracas .tabela-tarifa thead tr td.valor, div.tarifas-pracas .tabela-tarifa tbody tr td.valor { text-align: right; }
