@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    list-style: none;
}


body {
    font-size: 12px;
    color: #333;
}

.preHome {
    background: url(../imagens/bg.jpg) center 79px no-repeat;
}

.topoAmarelo {
    background: url(../imagens/bgTopIpiranga.png) repeat-x;
}

.menuPrincipal {
    width: 1075px;
    height: 40px;
    margin: 0 auto;
}

    .menuPrincipal h1 {
        float: left;
        margin: 7px 6px 0 0;
    }

    .menuPrincipal h1 {
        float: left;
        margin: 7px 6px 0 0;
    }

.menuIpiranga {
    float: left;
    width: 925px;
}

    .menuIpiranga ul {
        margin-top: 0;
    }

        .menuIpiranga ul li a {
            background: url(../imagens/menuIpiranga.png) no-repeat;
            text-indent: -9999px;
            float: left;
            height: 33px;
        }

        .menuIpiranga ul li .kmVantagens {
            background-position: -86px 0;
            width: 106px;
        }

            .menuIpiranga ul li .kmVantagens:hover {
                background-position: -86px -33px;
            }

        .menuIpiranga ul li .ipirangaShop {
            background-position: -192px 0;
            width: 108px;
        }

            .menuIpiranga ul li .ipirangaShop:hover {
                background-position: -192px -33px;
            }

        .menuIpiranga ul li .postoIpirangaWeb {
            background-position: -300px 0;
            width: 132px;
        }

            .menuIpiranga ul li .postoIpirangaWeb:hover {
                background-position: -300px -33px;
            }

        .menuIpiranga ul li .cartaoIpiranga {
            background-position: -432px 0;
            width: 94px;
        }

            .menuIpiranga ul li .cartaoIpiranga:hover {
                background-position: -432px -33px;
            }

        .menuIpiranga ul li .postoIpiranga {
            background-position: -526px 0;
            width: 94px;
        }

            .menuIpiranga ul li .postoIpiranga:hover {
                background-position: -526px -33px;
            }

        .menuIpiranga ul li .lubrificante {
            background-position: -620px 0;
            width: 81px;
        }

            .menuIpiranga ul li .lubrificante:hover {
                background-position: -620px -33px;
            }

        .menuIpiranga ul li .amPm {
            background-position: -701px 0;
            width: 50px;
        }

            .menuIpiranga ul li .amPm:hover {
                background-position: -701px -33px;
            }

        .menuIpiranga ul li .jetOil {
            background-position: -751px 0;
            width: 46px;
        }

            .menuIpiranga ul li .jetOil:hover {
                background-position: -751px -33px;
            }

        .menuIpiranga ul li .kmvPneus {
            background-position: -797px 0;
            width: 70px;
        }

            .menuIpiranga ul li .kmvPneus:hover {
                background-position: -797px -33px;
            }

            .menuIpiranga ul li .kmvPneus:hover {
                background-position: -797px -33px;
            }

        .menuIpiranga ul li .shopVinhos {
            background-position: -867px 0;
            width: 74px;
        }

            .menuIpiranga ul li .shopVinhos:hover {
                background-position: -867px -33px;
            }

        .menuIpiranga ul li .shopVinhos {
            background-position: -867px 0;
            width: 74px;
        }

        .menuIpiranga ul li .conectCar {
            background-position: -941px 0;
            width: 70px;
        }

.wrapperMiolo {
    background-size: contain;
}

.menuIpiranga ul li .shopVinhos:hover {
    background-position: -867px -33px;
}

.mioloDistSaldo {
    height: 300px !important;
}

.menuIpiranga ul li .conectCar {
    background-position: -941px 0;
    width: 70px;
}

.messageDistSaldo {
    width: 100%;
    padding: 0 0 20px 0;
    text-align: center;
    color: #444;
    font-size: 13px;
}

.mioloLaranja {
    width: 946px;
    margin: 0 auto;
    height: 137px;
}

    .mioloLaranja h2 {
        float: left;
        margin: 36px 0 0 3px;
    }

.areaDistSaldo {
    width: 810px;
    margin-left: 40px;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
}

    .areaDistSaldo .inputDistSaldo {
        width: 200px !important;
    }

    .areaDistSaldo .barraDistSaldo {
        background: #e4e4e4 !important;
        width: 100%;
        display: block;
    }

        .areaDistSaldo .barraDistSaldo .colunaBarraDistSaldo {
            width: 270px;
            height: 20px;
            display: inline-block;
            float: left;
            background: #e4e4e4 !important;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 5px;
            text-transform: uppercase;
            margin-bottom: 30px;
            font-weight: bold;
            color: #666;
        }

            .areaDistSaldo .barraDistSaldo .colunaBarraDistSaldo .arrowDistSaldo {
                background: url(../imagens/imgDistSaldoHeaderArrow.png);
                background-position: center center;
                width: 25px;
                height: 13px;
                margin-left: 122px;
                margin-top: 9px;
                display: block;
            }

    .areaDistSaldo .contentDistSaldo {
        background: #fff;
        border-radius: 3px;
        display: block;
        background-color: #fff;
        height: 130px;
    }

        .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo {
            display: inline-block;
            float: left;
            text-align: center;
            margin-left: 7px;
            margin-right: 8px;
        }

            .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo .moedaDistSaldo {
                font-size: 20px;
                font-weight: bold;
                color: #666;
            }

            .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo .valorDistSaldo {
                font-size: 30px;
                font-weight: bold;
                color: #3E3C85 !important;
            }

            .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo .valorDistSaldoRestante {
                font-size: 30px;
                font-weight: bold;
                color: #EC790D !important;
            }

            .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo .valorDistSaldoTransferir {
                font-size: 30px;
                font-weight: bold;
                color: #999 !important;
            }

        .areaDistSaldo .contentDistSaldo .value {
            width: 200px;
        }

        .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo .imgDistSaldoMinus {
            background: url(../imagens/imgDistSaldoMinus.png);
            background-position: center center;
            width: 58px;
            height: 58px;
            display: inline-block;
            float: left;
            margin-top: -10px;
        }

        .areaDistSaldo .contentDistSaldo .colunaContentDistSaldo .imgDistSaldoEqual {
            background: url(../imagens/imgDistSaldoEqual.png);
            background-position: center center;
            width: 58px;
            height: 58px;
            display: inline-block;
            float: left;
            margin-top: -10px;
        }


.mioloMigrar {
    margin-top: 0px;
    display: table;
    height: auto;
    padding-bottom: 20px;
}

    .mioloMigrar .colunaMigrar {
        display: inline-block;
        float: left;
        min-height: 550px;
        width: 25%;
    }

        .mioloMigrar .colunaMigrar .checkMigrar {
            display: block;
            font-size: 18px;
            font-weight: bold;
            color: #3E3C85;
            margin-bottom: 10px;
        }

        .mioloMigrar .colunaMigrar .textoMigrar {
            display: block;
            font-size: 13px;
            color: #444;
            padding-left: 20px;
            padding-right: 20px;
            border-right: 1px dashed #c9c9c9;
            color: #172e5f;
            height: 480px;
        }


        .mioloMigrar .colunaMigrar input[type="submit"] {
            width: 193px;
            height: 37px;
            background: #f46e29;
            color: #ffffff;
            text-transform: uppercase;
            margin-left: 15px;
        }

        .mioloMigrar .colunaMigrar input[type="button"] {
            width: 193px;
            height: 37px;
            background: #CDCBC9;
            color: #ffffff;
            text-transform: uppercase;
            margin-left: 15px;
        }
        
        .mioloMigrar .colunaMigrar .textoMigrar h3 {
            font-size: 24px;
        }

        .mioloMigrar .colunaMigrar .textoMigrar p {
            font-size: 12px;
        }

        .mioloMigrar .colunaMigrar .textoMigrar h4 {
            font-size: 14px;
            text-transform: uppercase;
            margin: 20px 0;
        }


        .mioloMigrar .colunaMigrar .imgMigrarPrePago {
            background: url(../newLayout/img/plano-basico-conectcar2.png) no-repeat;
            background-position: center center;
            width: 100%;
            height: 180px;
            display: block;
            text-align: center;
        }

        .mioloMigrar .colunaMigrar .imgMigrarDebito {
            background: url(../newLayout/img/plano-autocarga-conectcar2b.png) no-repeat;
            background-position: center center;
            width: 100%;
            height: 180px;
            display: block;
            text-align: center;
        }

        .mioloMigrar .colunaMigrar .imgMigrarMensalidade {
            background: url(../newLayout/img/plano-fixo-conectcar2.png) no-repeat;
            background-position: center center;
            width: 100%;
            height: 180px;
            display: block;
        }

        .mioloMigrar .colunaMigrar .imgMigrarMensalidadeFlex {
            background: url(../newLayout/img/plano-flex-conectcar2.png) no-repeat;
            background-position: center center;
            width: 100%;
            height: 180px;
            display: block;
        }




.mioloLaranja {
    width: 946px;
    margin: 0 auto;
    height: 137px;
}

    .mioloLaranja h2 {
        float: left;
        margin: 36px 0 0 3px;
    }

.txtPrincipal {
    float: left;
    width: 620px;
    margin-left: 30px;
}

.pipe {
    margin: 0 5px;
}

.topPrincipal {
    height: 300px;
}

.content {
    float: left;
    width: 720px;
    padding-bottom: 20px;
}

.contentEstado {
    float: left;
    width: 940px;
    padding-bottom: 20px;
}

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

.bradCrumb {
    width: 940px;
    font-size: 11px;
    margin: 0 auto;
    height: 45px;
}

    .bradCrumb ul {
        display: block;
        padding: 15px 0 35px;
    }

        .bradCrumb ul li {
            float: left;
            margin-right: 5px;
            color: #666;
        }

/*
.bradCrumb ul a {
color:#333;
font-weight:700;
}*/

.boxPrincipal {
    width: 720px;
    float: left;
    position: relative;
}

    .boxPrincipal span {
        width: 460px;
        font-weight: 700;
        color: #f30;
        float: left;
    }


.maoCartao {
    position: absolute;
    top: 0;
    right: -74px;
}

.btnVeja {
    position: relative;
    right: -35px;
    top: -20px;
}

.box-2 {
    width: 700px;
    height: 280px;
    float: left;
    margin-top: 20px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
}

    .box-2 header {
        width: 700px;
        height: 69px;
        background: url(../imagens/bgFacaRecarga.png) repeat-x;
        border-radius: 4px 0 0 0;
    }

        .box-2 header img {
            float: left;
            margin: 11px 0 0 14px;
        }

        .box-2 header h6 {
            color: #FFF;
            font-size: 20px;
            float: left;
            padding: 11px 0 0 12px;
        }

        .box-2 header p {
            color: #fff;
            float: left;
            padding: 0 0 0 12px;
        }

    .box-2 .tituloRecarga {
        float: left;
        font-weight: 700;
        font-size: 14px;
        width: 650px;
        padding: 15px 0 0 12px;
    }

.bpxRecarga {
    width: 84px;
    height: 130px;
    background: url(../imagens/bgBoxRecarga.png) no-repeat;
    float: left;
    margin: 15px 0 0 14px;
}

    .bpxRecarga span {
        font-size: 14px;
        font-weight: 700;
        margin-top: 100px;
        float: left;
        text-align: center;
        line-height: 13px;
    }

.txtRodapeRecarga {
    float: left;
    margin: 10px 0 0 12px;
}

.box-3 {
    width: 700px;
    float: left;
    height: 278px;
    background: url(../imagens/bgComoUsar.png) repeat-x;
    border-radius: 4px;
    margin-top: 20px;
    border: 1px solid #ccc;
}

    .box-3 header h6 {
        color: #333;
        font-size: 20px;
        float: left;
        width: 650px;
        padding: 18px 0 0 12px;
    }

.setaUsar {
    position: absolute;
    right: 0;
    bottom: 0;
}

aside {
    float: right;
    width: 218px;
    position: relative;
}

.sidebar {
    width: 218px;
    float: right;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ccc;
}

    .sidebar header h6 {
        color: #333;
        font-size: 15px;
        float: left;
        width: 150px;
        padding: 15px 0 0 12px;
    }

.topoSidebar {
    margin: 15px 0 0 10px;
}

.titAzulSidebar {
    color: #0090d3;
    float: left;
    font-weight: 700;
    margin: 10px 0 5px 10px;
}

.sidebar span img {
    float: left;
    margin: 5px 0 0 10px;
}

.btnCadastreKm {
    background: url(../imagens/botoes.png) no-repeat 0 0;
    width: 190px;
    height: 51px;
    float: left;
    margin: 10px 0 0 10px;
}

.oqueKm {
    float: left;
    font-size: 20px;
    color: #333;
    background: url(../imagens/linhaTitulo.png) 0 50px repeat-x;
    width: 188px;
    height: 60px;
    margin: 20px 0 0 10px;
}

.txtKmVantagensSide {
    width: 188px;
    float: left;
    margin: 15px 0 0 10px;
}

.linkKmSide {
    color: #f30;
    float: left;
    font-weight: 700;
    margin: 5px 0 5px 10px;
}

.beneficiosVoce {
    width: 218px;
    float: left;
    height: 328px;
    border-radius: 4px;
    margin-top: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    .beneficiosVoce header h6 {
        color: #333;
        font-size: 17px;
        float: left;
        width: 130px;
        padding: 12px 0 0 12px;
    }

.titCinzaSidebar {
    float: left;
    font-weight: 700;
    width: 190px;
    margin: 10px 0 5px 10px;
}

.txtBeneficios {
    margin: 10px 0 5px 10px;
}

.imgBeneficio img {
    margin: 10px 0 0 10px;
}

.imgBeneficio {
    width: 190px;
}

.boxPrincipalEstado {
    width: 480px;
    float: left;
    position: relative;
}

.boxPrincipalMapa {
    width: 460px;
    float: left;
    position: relative;
}

    .boxPrincipalMapa h5 {
        font-size: 20px;
        background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
        width: 460px;
        height: 30px;
        margin-bottom: 15px;
    }

.boxPrincipalBeneficio {
    width: 700px;
    float: left;
    position: relative;
}

    .boxPrincipalBeneficio h5 {
        font-size: 20px;
        background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
        width: 700px;
        height: 30px;
        margin-bottom: 15px;
    }

.tituloClienteh5 {
    font-size: 20px;
    background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
    width: 895px;
    height: 30px;
    margin-bottom: 15px;
}

.boxBeneficioFor {
    width: 342px;
    float: left;
    margin-bottom: 40px;
}

    .boxBeneficioFor h3 {
        font-size: 14px;
        margin: 10px 0;
    }

.colocaEspaco {
    margin-right: 15px;
}

.indexBem {
    width: 160px;
    color: #FFF;
    font-size: 28px;
    text-shadow: 2px 2px 0 #b6441a;
}

.indexCarro {
    width: 460px;
    margin-top: 40px;
    font-size: 30px!important;
}

.indexFacilidade {
    width: 460px;
    font-size: 22px!important;
}

.txtPrincipalPreHome {
    float: left;
    width: 465px;
}

.logoAjustado img {
    position: relative;
    top: 15px;
    left: -80px;
}

.txtPrincipalPrincipal {
    float: left;
    width: 330px;
    margin-left: 30px;
}

    .txtPrincipalPrincipal h4 {
        color: #762101;
        float: left;
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 0 20px;
        text-shadow: 1px 1px 0 #FFA66A;
        width: 308px;
    }

.topoImpressaoCliente {
    float: left;
    width: 630px;
    margin: 0 0 0 30px;
}

    .topoImpressaoCliente h4 {
        color: #000;
        float: left;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 0 20px;
        width: 608px;
        font-weight: normal;
    }

.login {
}

.titLogin {
    width: 322px;
    height: 35px;
    background: url(../imagens/topLogin.png) no-repeat;
}

.mioloLogin {
    width: 322px;
    height: 74px;
    background: url(../imagens/bgLogin.png) no-repeat;
    font-size: 11px;
}

.footerLogin {
    width: 322px;
    height: 39px;
    background: url(../imagens/btnCadastrar.png) no-repeat;
    float: left;
}

.areaLogin {
    float: left;
    width: 90px;
    margin: 5px 0 0 25px;
}

.areaSenha {
    float: left;
    width: 90px;
    margin: 5px 0 0 10px;
}

.btnEntrarLogin {
    width: 90px;
    float: left;
    background: url(../imagens/botoes.png) no-repeat -140px -69px;
    height: 25px;
    text-indent: -9996px;
    margin: 17px 0 0 10px;
}

.radioTipo {
    float: left;
    margin: 0 0 0 25px;
}

    .radioTipo input {
        display: inline;
        margin-right: 5px;
    }

.esqueciSenha {
    float: left;
    clear: both;
    margin: 2px 0 0 25px;
}

    .esqueciSenha a {
        color: #f30;
        font-weight: 700;
    }

.cidades {
    float: right;
    width: 460px;
    background: url(../imagens/bgBoxEstado.png) repeat-x;
    height: 294px;
    margin-top: 40px;
}

    .cidades ul {
        float: left;
        margin-right: 25px;
        margin-top: 20px;
    }

        .cidades ul li {
            margin-bottom: 7px;
        }

            .cidades ul li a {
                color: #333;
                font-size: 14px;
            }

.ajustaTopoPre {
    float: left;
    width: 460px;
}

.titCidades {
    width: 460px;
    height: 33px;
    /*background:url(../imagens/);*/
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
}

.coluna1 {
    margin-left: 25px;
}

.boxPrincipalConectcar {
    width: 940px;
    float: left;
    position: relative;
}

    .boxPrincipalConectcar h5 {
        font-size: 28px;
        font-weight: 700;
        height: 30px;
        margin-bottom: 5px;
        width: 889px;
        color: #172e5f;
    }

.subh5 {
    font-size: 15px;
    font-weight: 400;
        height: 30px;
    margin-bottom: 5px;
    width: 889px;
    color: #172e5f;
    }

div#caixa {
    width: 940px;
    height: auto;
    display: table;
}

    div#caixa p#abas {
        display: inline-block;
        width: 940px;
        height: 50px;
        overflow: hidden;
        vertical-align: bottom;
        background: url(../imagens/abas.png) no-repeat;
        margin: 0;
        padding: 0;
    }

        div#caixa p#abas a {
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            color: #666;
            text-decoration: none;
            float: left;
            width: 235px;
            height: 50px;
            text-indent: -9997px;
            margin: 0;
        }

        div#caixa p#abas.sobreConectCar {
            background-position: 0 0;
        }

        div#caixa p#abas.comoConectCar {
            background-position: 0 -50px;
        }

        div#caixa p#abas.instalandoConectCar {
            background-position: 0 -100px;
        }

        div#caixa p#abas.funcionaConectCar {
            background-position: 0 -150px;
        }

    div#caixa ul#conteudos {
        display: inline-block;
        width: 938px;
        height: auto;
        border: 1px solid #b6b6b6;
        background: #E9E9E9;
        margin: 0;
        padding: 0;
    }

        div#caixa ul#conteudos li {
            display: inline-block;
            width: 900px;
            height: auto;
            overflow: auto;
            margin: 10px 20px;
            padding: 0;
        }

#conteudos h2 {
    font-size: 20px;
    color: #747474;
    border-bottom: 1px solid #bababa;
    padding-bottom: 5px;
    margin: 15px 0;
}

#conteudos p {
    font-size: 14px;
    width: 565px;
    margin-left: 20px;
}

#conteudos #aba3 p {
    float: none;
    width: 265px;
    color: #888;
    margin: 0;
}

#conteudos #aba3 img {
    float: none;
}

#conteudos #aba3 span {
    float: left;
    width: 300px;
}

#conteudos #aba4 p {
    float: left;
    width: 435px;
    margin: 0 20px 0 0;
}

.boxPrincipalAjuda {
    width: 610px;
    float: left;
    position: relative;
}

    .boxPrincipalAjuda h5 {
        font-size: 20px;
        background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
        width: 610px;
        height: 30px;
        margin-bottom: 15px;
    }

dl.accordion dt {
    cursor: pointer;
    background: url(../imagens/seta.png) no-repeat 0 -14px;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
}

    dl.accordion dt.ativo {
        background-position: 0 3px;
    }

dl.accordion dd {
    display: none;
    width: 590px;
    margin-bottom: 10px;
    background: url(../imagens/topAccordion.png) no-repeat #f0f0f0;
    padding: 15px 0 15px 20px;
}

dl.accordion li {
    list-style: none;
}

aside.lateralAjuda {
    width: 310px;
    height: 400px;
    float: right;
}

.contentAjuda {
    float: left;
    width: 610px;
    padding-bottom: 20px;
}

.canalIpiranga {
    width: 308px;
    height: 143px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

    .canalIpiranga img {
        float: left;
        margin: 20px 0 0 60px;
    }

    .canalIpiranga p {
        float: left;
        font-size: 18px;
        font-weight: 700;
        margin: 30px 0 0 20px;
    }

.canalFaleConosco {
    width: 308px;
    height: 690px;
    border-radius: 4px;
    border: 1px solid #CCC;
    margin: 20px 0;
}

    .canalFaleConosco p {
        padding: 10px 20px 0;
    }

        .canalFaleConosco p.colocaItalico {
            font-size: 11px;
            font-style: italic;
        }

    .canalFaleConosco fieldset {
        width: 308px;
        display: block;
        padding: 20px;
    }

        .canalFaleConosco fieldset label {
            display: block;
            margin-bottom: 5px;
        }

.colunaVeiculo label {
    display: block;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

.colunaVeiculo select {
    padding: 5px;
    width: 140px;
    height: 30px;
}

.colunaVeiculo input[type="text"] {
    border: 1px solid silver;
    height: 28px;
    padding: 0px 0px 0px 10px;
}



header.topPrincipal .mioloLaranja h2 a img {
    width: 204px;
}

.colunaVeiculoA {
    width: 210px;
    height: 80px;
    background: url(../imagens/bg-laranja-veiculo-tag.png) no-repeat;
}

    .colunaVeiculoA strong {
        color: #FFF;
        float: left;
        margin: 55px 0 0 20px;
    }

.colunaVeiculo {
    float: left;
    margin: 10px 0 0 20px;
}

.canalFaleConosco fieldset input {
    height: 28px;
    margin-bottom: 10px;
}

    .canalFaleConosco fieldset input.nome {
        height: 28px;
        margin-bottom: 10px;
        width: 268px;
    }

    .canalFaleConosco fieldset input.ddd {
        height: 28px;
        margin-bottom: 10px;
        width: 40px;
        margin-right: 10px;
    }

.canalFaleConosco fieldset select {
    margin-bottom: 10px;
    padding: 5px;
}

    .canalFaleConosco fieldset select.estado {
        width: 90px;
    }

    .canalFaleConosco fieldset select.cidade {
        width: 148px;
    }

.canalFaleConosco fieldset textarea {
    height: 130px;
    width: 268px;
}

.canalFaleConosco fieldset input, select, textarea {
    border: 1px solid silver;
}

.alinhaCombo {
    display: inline;
    width: 125px;
    float: left;
}

.checkbox {
    width: 300px;
    float: left;
    margin-top: 5px;
}

    .checkbox input {
        float: left;
        height: auto!important;
        margin: 0 5px 0 0;
    }

.btnSalvarFale {
    background: url(../imagens/botoes.png) no-repeat 0 -70px;
    width: 110px;
    height: 34px!important;
    border: none!important;
    margin-top: 10px;
}

.TopoLogado {
    float: right;
    margin: 0;
    color: #203d79;
    font-size: 12px;
    padding: 14px 0;
    width:194px;
    line-height: 15px;
}
.TopoLogadoResponsivo {
    color: #203d79;
    font-size: 12px;
    line-height: 15px;
}
.TopoLogado h3,.TopoLogadoResponsivo h3{ font-weight: normal;margin-bottom: 2px;}


        .TopoLogado h3 b, .TopoLogadoResponsivo h3 b {
            color: #f49a26;
        }

    .TopoLogado a, .topoLogadoResponsivo a {
        color: #203d79;
    }


.TopoAtendimento {
    float: right;
    font-size: 12px;
    margin: 0;
    color: #203d79;
    text-align: left;
    padding: 14px 0;
    width: 189px;
    line-height: 15px;
}

.TopoAtendimentoResponsivo {
    font-size: 12px;
    color: #203d79;
    text-align: left;
    line-height: 15px;
}

.linhaInteira {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.linhaInteiraTransfira {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
}

.cadastro .linhaInteiraTransfira .coluna {
    float: left;
    width: 180px;
}

.datePicker {
    width: 79px!important;
    float: left;
}

.field-validation-error {
    color: red;
    font-size: 11px;
    clear: both;
    display: block;
}

.boxValorRecarga .field-validation-valid {
    width: auto;
    height: auto;
    float: none;
    background: none;
    border: none;
}

.btnSalvar {
    background: url(../imagens/botoes.png) no-repeat -250px -70px;
    width: 110px;
    height: 34px;
    text-indent: -9995px;
    float: right;
    margin-right: 20px;
}

.btnLimpar {
    background: url(../imagens/btnLimpar.png) no-repeat -250px -70px;
    width: 110px;
    height: 34px;
    text-indent: -9995px;
}


.btnDocumento {
    background: url(../imagens/botoes.png) no-repeat 0 -415px;
    width: 194px;
    height: 38px;
    text-indent: -9995px;
    float: left;
    margin-right: 20px;
}

.btnEnviar {
    background: url(../imagens/botoes.png) no-repeat 0 -70px;
    width: 110px;
    height: 34px!important;
    border: none!important;
    margin-top: 10px;
    text-indent: -9999px;
    float: right;
    margin-right: 20px;
}

.btnDesbloquear {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -150px 0;
    cursor: pointer;
    display: inline-block;
}

.btnProsseguir {
    background: url(../imagens/botoes.png) no-repeat 0 -120px;
    width: 110px;
    height: 34px;
    text-indent: -9995px;
}


    .btnProsseguir.migrarPlanoAvancar {
        background: #f46e29;
        color: #FFF;
        font-size: 14px;
        text-indent: 0;
        width: 270px;
        height: 50px;
        margin-right: 76px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .btnProsseguir.migrarPlanoDisabled {
        background: #999;
        color: #FFF;
        font-size: 14px;
        text-indent: 0;
        width: 270px;
        height: 50px;
        margin-right: 76px;
        font-weight: bold;
        text-transform: uppercase;
    }

.btnVoltarPlano.migrarPlanoVoltar {
    background: #FFF;
    border: 1px solid #f46e29;
    color: #f46e29;
    font-size: 14px;
    text-indent: 0;
    width: 225px;
    height: 50px;
    margin-right: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.btnVoltarPlano a {
    /*background:url(../imagens/btn_VoltarEscolhaPlano.png) no-repeat; 
 width:110px;*/
    /*height:34px;*/
    text-decoration: none;
}

    .btnVoltarPlano a:hover {
        text-decoration: none;
    }

.btnPagarRecarga {
    background: url(../imagens/btnPagarRecarga.png) no-repeat 0 0;
    width: 130px;
    height: 45px;
    text-indent: -9995px;
    margin-top: 25px;
    float: right;
    margin-right: 20px;
}

.btnGerarBoleto {
    background: url(../imagens/btnGerarBoleto.png) no-repeat 0 0;
    width: 130px;
    height: 45px;
    text-indent: -9995px;
    margin-top: 25px;
    float: right;
    margin-right: 20px;
}




.btnConfirmarRecarga {
    background: url(../imagens/btnConfirmarRecarga.png) no-repeat 0 0;
    width: 110px;
    height: 34px;
    text-indent: -9995px;
    margin: 11px 0 0 20px;
}

.btnTransferir {
    background: url(../imagens/botoes.png) no-repeat 0 -170px;
    width: 140px;
    height: 34px;
    text-indent: -9995px;
}

#div-input-file {
    background: url(../img/btnBuscarArquivo.png) 253px 0 no-repeat;
    height: 35px;
    width: 404px;
    margin: 0;
}

    #div-input-file #file-original {
        opacity: 0.0;
        -moz-opacity: 0.0;
        filter: alpha(opacity=00);
        font-size: 14px;
        display: inline-block;
        height: 22px;
        width: 403px;
    }

#div-input-falso #file-falso {
    width: 230px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: -23px;
}

.cadastro textarea {
    border: 1px solid #CCC;
    height: 50px;
    width: 895px;
    padding-left: 5px;
    font-size: 11px;
}


.primeiroAcesso {
    width: 458px;
    height: auto;
    float: left;    
}

.topoLogin {
    width: 100%;
    height: 50px;
    background: url(../newLayout/img/bgAindaNaoAcesso.png) -4px 36px repeat-x;
    border-radius: 4px 4px 0 0;
    padding: 10px 0 0 30px;
    color: #172e5f;
    font-size: 18px;
}

    .topoLogin.bg2 {
        background: url(../newLayout/img/bgAindaNaoAcesso.png) 0 36px no-repeat;
    }

.alinhaCampoLogin {
    width: 170px;
    margin-left: 75px;
    margin-top: 20px;
}

    .alinhaCampoLogin label {
        display: block;
        color: #000;
        font-weight: 700;
    }

    .alinhaCampoLogin input[type=text] {
        border: 1px solid #CCC;
        width: 305px;
        height: 30px;
        padding-left: 5px;
        line-height: 30px;
        vertical-align: middle;
        margin-bottom: 5px;
    }

.alinhaCampoRecuperarSenha {
    width: 405px;
    margin-left: 75px;
    margin-top: 20px;
}

    .alinhaCampoRecuperarSenha label {
        display: block;
        color: #000;
        font-weight: 700;
    }

    .alinhaCampoRecuperarSenha input[type=text] {
        border: 1px solid #CCC;
        width: 305px;
        height: 30px;
        padding-left: 5px;
        line-height: 30px;
        vertical-align: middle;
        margin-bottom: 5px;
    }

    .alinhaCampoRecuperarSenha.novoLogin {
    margin-left: 20px;
}

    .alinhaCampoRecuperarSenha.novoLogin input[type=text], .alinhaCampoLogin.novoLogin input[type="password"] {
        height: 48px;
        width: 379px;
        border: 1px solid #f0b496;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .alinhaCampoRecuperarSenha.novoLogin label {
        margin: 20px 0 10px 0;
        color: #172e5f;
        font-weight:normal;
        font-size:14px;
    }

    .alinhaCampoRecuperarSenha.novoLogin .btnEntrar {
        background: #f46e29;
        width: 385px !important;
        height: 48px;
        text-indent: 0 !important;
        margin-top: 30px;
        color: #FFF;
        font-weight: 700;
        font-size: 18px;
    }

    .alinhaCampoRecuperarSenha.novoLogin .btnRecuperarSenha {
        background: #f46e29;
        width: 190px !important;
        height: 48px;
        text-indent: 0 !important;
        margin-top: 30px;
        color: #FFF;
        font-weight: 700;
        font-size: 18px;
        margin-right: 5px;
    }

    .alinhaCampoRecuperarSenha.novoLogin #BotaoEsqueciMinhaSenha {
        margin-top: 15px;
        font-style: italic;
        color: #f46b26;
        font-weight:bold;
    }

#BotaoEsqueciMinhaSenha {
    width: 150px;
    float: left;
    color: #F30;
}

.btnEntrar {
    background: url(../imagens/botoes.png) no-repeat scroll -140px -69px transparent;
    float: left;
    height: 25px;
    text-indent: -9996px;
    width: 90px!important;
    border: none!important;
    margin: 5px 0 0;
}

.btnCadastrar {
    background: url(../imagens/botoes.png) no-repeat scroll 0 -220px transparent;
    float: right;
    height: 38px;
    text-indent: -9996px;
    width: 203px!important;
    border: none!important;
    margin: 0 20px 0 0;
}


.btnCadastrarAlerta {
    background: url(../imagens/btnCadastrarAlerta.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 38px;
    text-indent: -9996px;
    width: 203px!important;
    border: none!important;
    margin: 0 10px 10px 0;
}

#recaptcha_response_field {
    vertical-align: middle;
    margin-bottom: 5px;
}


#recaptcha_image img {
    width: 230px;
}

.btnRecarrega {
    width: 150px;
    float: left;
    color: #333;
}

.arrumaCapctha {
    float: left;
    background: #FFF;
    margin: 0;
}

.validation-summary-errors {
    color: #900;
    display: none;
    font-size: 11px;
    background: #FFD0D0;
    border: 1px solid red;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 5px;
}

.colunaA {
    float: left;
    width: 300px;
    height: 50px;
    background: #FFF;
    margin-bottom: 20px;
}

.colunaB {
    float: left;
    width: 250px;
    height: 70px;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
}

.colunaExtratoFinal {
    display: block;
    margin-bottom: 5px;
}

.colunaC {
    float: left;
    width: 250px;
    height: 50px;
    background: #FFF;
    margin-bottom: 20px;
    border-top: 1px solid #CCC;
    padding-top: 5px;
    display: table;
}

.colunaD {
    float: left;
    width: 250px;
    height: 15px;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
}

.colunaB label {
    display: block;
    font-size: 11px;
    color: #000;
    font-weight: 700;
    margin-bottom: 2px;
    width: 100px!important;
    float: left;
}

.colunaB #input-tag {
    float: left;
    padding-left: 20px;
    margin-top: 7px;
}

.colunaB select {
    width: 100px!important;
    float: left;
}

.colunaC #input-saldo {
    font-size: 31px;
    letter-spacing: -1px;
}

.colunaC b {
    font-size: 15px;
}

.linhaRelatorioDespesaUnificado {
    background: url(../imagens/bgResumo.png);
    height: 30px;
    min-height: 24px;
    float: left;
    width: 880px;
    border: 1px solid #d8d8d8;
    margin: 0 20px 20px 20px;
    padding: 10px;
}

.linhaConsultaExtratoGeral {
    background: url(../imagens/bgResumo.png);
    height: 20px;
    min-height: 20px;
    float: left;
    width: 877px;
    border: 1px solid #d8d8d8;
    margin: 0 20px 0px 20px;
    padding: 10px;
    font-size: 15px;
    text-align: right;
}

    .linhaRelatorioDespesaUnificado input[type="checkbox"] {
        float: left;
        margin: 10px 5px 0 0;
    }

    .linhaRelatorioDespesaUnificado label {
        font-weight: bold;
        float: left;
        margin-top: 10px;
    }

    .linhaRelatorioDespesaUnificado #btnImprimirRelatorio {
        width: 113px;
        height: 23px;
        text-indent: -9989px;
        background: url(../imagens/botoes.png) no-repeat -283px -120px;
        float: right;
        margin: 0px;
    }

    .linhaRelatorioDespesaUnificado input[type="checkbox"] {
        float: left;
        margin: 10px 5px 0 0;
    }

    .linhaRelatorioDespesaUnificado label {
        font-weight: bold;
        float: left;
        margin-top: 10px;
    }

    .linhaRelatorioDespesaUnificado #btnImprimirRelatorio {
        width: 113px;
        height: 23px;
        text-indent: -9989px;
        background: url(../imagens/botoes.png) no-repeat -283px -120px;
        float: right;
        margin: 0px;
    }


    .linhaRelatorioDespesaUnificado #btnImprimirSelecao {
        width: 133px;
        height: 32px;
        text-indent: -9989px;
        background: url(../imagens/btnImprimirSelecao.png) no-repeat;
        float: right;
        margin: 0px;
    }

.linhaRelatorioDespesa {
    background: #f8f9fa;
  width: 880px;
  padding: 20px 10px;
  display: inline-block;
}

    .linhaRelatorioDespesa input[type="checkbox"] {
        float: left;
        margin: 0px 5px 0 0;
    }

    .linhaRelatorioDespesa label {
        font-weight: bold;
        float: left;
        margin-top: 0px;
    }

    .linhaRelatorioDespesa #btnImprimirRelatorio {
        width: 113px;
        height: 23px;
        text-indent: -9989px;
        background: url(../imagens/botoes.png) no-repeat -283px -120px;
        float: right;
        margin: 0px;
    }

    .linhaRelatorioDespesa input[type="checkbox"] {
        float: left;
        margin: 0px 5px 0 0;
    }

    .linhaRelatorioDespesa label {
        font-weight: bold;
        float: left;
        margin: 0px 10px 0 0;
    }

    .linhaRelatorioDespesa #btnImprimirRelatorio {
        width: 113px;
        height: 23px;
        text-indent: -9989px;
        background: url(../imagens/botoes.png) no-repeat -283px -120px;
        float: right;
        margin: 0px;
    }

    .linhaRelatorioDespesa #btnImprimirSelecao, #btnRelatorioDespesa {
        background: #f46e29;
        position: relative;
        top: -2px;
        color: #fff;
        padding: 8px 8px;
        text-transform: uppercase;
        font-weight: 600;
    }



#resumoTransacoes.resumoPj {
    margin-bottom: 0;
}

#resumoTransacoes {
    float: right;
    margin-bottom: 5px;
    width: 650px;
    display: table;
}

.btnFiltrar {
      border: 1px solid #f46e29;
  background: #fff;
  position: relative;
  top: 9px;
  color: #f46e29;
  padding: 7px 10px;
  text-transform: uppercase;
  font-weight: 600;
}

.btnExportar
{
    background: url(../img/btnExportar.png) no-repeat scroll transparent;
    float: left;
    height: 32px;
    margin: 5px 0 0 0;
    text-indent: -9996px;
    width: 80px !important;
    border: none !important;
}

.btnExtratoCompleto {
  border: 1px solid #f46e29;
  background: #fff;
  position: absolute;
  top: 53px;
  color: #f46e29;
  padding: 7px 10px;
  text-transform: uppercase;
  font-weight: 600;
  right: 40px;
}

.tituloTabela {
    width: 630px;
    height: 44px;
}

.periodos.tituloTabela {
    background: url(../imagens/bgVisualize.png) repeat-x;
    width: 898px;
    height: 50px;
    float: right;
    margin-right: 20px;
}

.titTabela {
    width: 275px;
    padding: 15px 0 0 20px;
}

.tabelaExtratoCliente .tabelaExtrato {
    width: 590px;
    margin-left: 20px;
}

.tabelaExtrato {
    width: 100%;
    text-align: center;
}

    .tabelaExtrato tbody tr {
        border-bottom: 1px solid #ccc;
    }

.dias {
    padding: 10px 0 0;
}

    .dias a {
        color: #666;
    }

        .dias a#btn5dias {
            background: url(../img/ClientelinhaTempo.png) 0 0 no-repeat;
            width: 94px;
            text-indent: -9999px;
            float: left;
            height: 35px;
        }

        .dias a#btn15dias {
            background: url(../img/ClientelinhaTempo.png) -94px 0 no-repeat;
            width: 135px;
            text-indent: -9999px;
            float: left;
            height: 35px;
        }

        .dias a#btn30dias {
            background: url(../img/ClientelinhaTempo.png) -214px 0 no-repeat;
            width: 135px;
            text-indent: -9999px;
            float: left;
            height: 35px;
        }

        .dias a#btn60dias {
            background: url(../img/ClientelinhaTempo.png) -334px 0 no-repeat;
            width: 135px;
            text-indent: -9999px;
            float: left;
            height: 35px;
        }

        .dias a#btn36500dias {
            background: url(../img/ClientelinhaTempo.png) -454px 0 no-repeat;
            width: 93px;
            text-indent: -9999px;
            float: left;
            height: 35px;
        }

    .dias label#btn5dias {
        background: url(../img/ClientelinhaTempo.png) 0 0 no-repeat;
        width: 94px;
        text-indent: -9999px;
        float: left;
        height: 25px;
    }

    .dias label#btn15dias {
        background: url(../img/ClientelinhaTempo.png) -94px 0 no-repeat;
        width: 135px;
        text-indent: -9999px;
        float: left;
        height: 25px;
    }

    .dias label#btn30dias {
        background: url(../img/ClientelinhaTempo.png) -214px 0 no-repeat;
        width: 135px;
        text-indent: -9999px;
        float: left;
        height: 25px;
    }

    .dias label#btn60dias {
        background: url(../img/ClientelinhaTempo.png) -334px 0 no-repeat;
        width: 135px;
        text-indent: -9999px;
        float: left;
        height: 25px;
    }

    .dias label#btn36500dias {
        background: url(../img/ClientelinhaTempo.png) -454px 0 no-repeat;
        width: 93px;
        text-indent: -9999px;
        float: left;
        height: 25px;
    }

.liberaEspaco {
    width: 20px;
    height: 10px;
}

.txtExtrato {
    height: 20px;
    display: inline-block;
    padding: 15px 10px 10px;
}

.tituloTabela li h3 {
    border-bottom: 1px solid #D8D8D8;
    color: #333;
    font-family: Geneva,Arial;
    font-size: 16px;
    letter-spacing: -1px;
    padding-bottom: 5px;
    width: 590px;
    margin-bottom: 10px;
}

.tit-dados-endereco {
    border-bottom: 1px solid #D8D8D8;
    color: #333;
    font-family: Geneva,Arial;
    font-size: 16px;
    letter-spacing: -1px;
    padding-bottom: 5px;
    width: 590px;
    margin-bottom: 10px;
    width: 866px;
    padding: 15px 0 0 0;
}

.tit-dados-senha {
    border-bottom: 1px solid #D8D8D8;
    color: #333;
    font-family: Geneva,Arial;
    font-size: 16px;
    letter-spacing: -1px;
    padding-bottom: 5px;
    width: 590px;
    margin-bottom: 40px;
    width: 866px;
    padding: 15px 0 0 0;
}



.removeBorda {
    border: none!important;
}

.mioloRepasse {
    border: 1px solid #d8d8d8;
    background: #FFF;
    margin-bottom: 20px;
    float: right;
    margin-right: 20px;
}

.mioloCodigoBeneficiario {
    border: 1px solid #d8d8d8;
    background: #FFF;
    margin-bottom: 20px;
    float: right;
    margin-right: 20px;
}




.menu-extrato ul {
    float: left;
    width: 898px;
}

.tabela-extrato .TabelaPadrao {
    text-align: center;
    width: 898px!important;
    padding-bottom: 0;
    font-size: 11px;
}



.TabelaPadrao {
    text-align: center;
    width: 778px;
    padding-bottom: 0;
    font-size: 11px;
}


    .TabelaPadrao.tabelaRecarga {
        width: 898px !important;
    }


    .TabelaPadrao thead {
        background: url(../imagens/bgTopGridCliente.png) repeat-x;
        height: 50px;
    }

.colocaBorda {
    border-right: 1px solid #E6E6E6;
    color: #333;
}

.TabelaPadrao th {
    height: 50px;
    padding: 0 5px;
}

.lateralTransferencia .TabelaPadrao tr {
    height: 20px!important;
}

#tabelaExtrato {
    float: right;
}

.lateralExtratoCliente {
    float: left;
    width: 248px;
    margin-left: 20px;
}

#ddlTag {
    padding: 5px;
}

.resumo-transacoes {
    background: url(../imagens/bgResumo.png);
    height: 185px;
    float: right;
    width: 627px;
}


.btnConsultar {
    width: 113px;
    height: 23px;
    text-indent: -9777px;
    background: url(../imagens/btnConsultarEmpresarial.png) no-repeat;
    float: left;
    margin: 14px 5px 0 0;
}


.btnConsultarVeiculo {
    width: 72px;
    height: 49px;
    text-indent: -9777px;
    background: url(../imagens/btnConsultar.jpg) no-repeat;
    float: left;
    margin: 14px 5px 0 0;
}

#btnConsultar {
    width: 113px;
    height: 23px;
    text-indent: -9989px;
    background: url(../imagens/botoes.png) no-repeat -283px -120px;
    float: left;
    margin: 23px 0 0;
}

#input-vencimento {
    float: left;
    padding-bottom: 11px;
    border-bottom: 1px solid #D8D8D8;
    width: 250px;
}


.menuCliente {
    padding-bottom: 5px;
    background: url(../imagens/bgContentHome.png) repeat-x 0 bottom;
    height: 64px;
    margin-top: 40px;
}

    .menuCliente ul {
        width: 942px;
        height: 66px;
        display: block;
        background: url(../imagens/bgMenuCliente.png) center 0 repeat-x;
        position: relative;
        margin: 0;
    }

        .menuCliente ul.subMenu {
            width: 115px;
            height: auto;
            display: block;
            position: absolute;
            visibility: hidden;
            top: 66px;
            background: #ff8400;
            padding: 0 0 0px 10px;
            z-index: 199;
        }

            .menuCliente ul.subMenu li {
                float: none;
                padding-left: 0;
                height: 25px;
            }

                .menuCliente ul.subMenu li a {
                    text-indent: 0;
                    color: #FFF;
                    font-weight: bold;
                }

                    .menuCliente ul.subMenu li a:hover {
                        color: #000;
                    }

                .menuCliente ul.subMenu li a {
                    text-indent: 0;
                    color: #FFF;
                    font-weight: bold;
                }

                    .menuCliente ul.subMenu li a:hover {
                        color: #000;
                    }

        .menuCliente ul li {
            height: 66px;
            float: left;
            display: block;
            margin: 0;
            /*padding-left: 20px;*/
            padding-left: 15px;
        }

            .menuCliente ul li a {
                text-indent: -99999px;
                height: 41px;
                display: block;
                float: left;
                margin-top: 13px;
            }

.btnHome {
    background: url(../imagens/01menuClienteHome.png) 0 0;
    width: 31px;
}

.btnExtrato {
    background: url(../imagens/03menuClienteExtrato.png) 0 0;
    width: 38px;
}

.btnImagem {
    background: url(../imagens/btnImagem.png) 0 0;
    width: 63px;
}

.btnImagemPassagem {
    background: url(../imagens/btnImagemPassagem.png) 0 0;
    width: 63px;
}

.btnVisualizaDetalhe {
    background: url(../imagens/btnVisualizaDetalhe.png) 0 0;
    width: 63px;
}

.btnVisualizaDetalheProcessamento {
    background: url(../imagens/iconeAlertaErro.png) 0 0;
    width: 63px;
}

.btnFinanceiro {
    background: url(../imagens/03menuClienteExtrato.png) 0 0;
    width: 39px;
}

.btnRecarga {
    background: url(../imagens/02menuClienteRecargaOnline.png) 0 0;
    width: 81px;
}

.btnTransferencia {
    background: url(../imagens/05menuClienteTransferirSaldo.png) 0 0;
    width: 80px;
}

.btnTransferenciaDisable {
    background: url(../imagens/05menuClienteTransferirSaldo.png) 0 -41px;
    width: 80px;
    cursor: default;
}

.btnRoteirizador {
    background: url(../imagens/04menuClienteRoteirizador.png) 0 0;
    width: 65px;
}

.btnVeiculos {
    background: url(../imagens/13menuMeusPlanos.png) 0 0;
    width: 68px;
}

.btnVeiculosFisico {
    background: url(../imagens/13menuMeusPlanos.png) 0 0;
    width: 68px;
}

.btnCadastro {
    background: url(../imagens/08menuClienteCadastro.png) 0 0;
    width: 73px;
}

.btnServicos {
    background: url(../imagens/04menuParceiroServicos.png) 0 0;
    width: 45px;
}

.btnAlterarCadastro {
    background: url(../imagens/08menuClienteCadastro.png) 0 0;
    width: 73px;
}

.btnFaleConosco {
    background: url(../imagens/07menuClienteFaleConosco.png) 0 0;
    width: 69px;
}

.btnDuvidas {
    background: url(../imagens/15menuClienteDuvidas.png) 0 0;
    width: 47px;
}

.btnCompraTagOnline {
    background: url(../imagens/09menuClienteComprarTAG.png) 0 0;
    width: 98px;
}

.btnConsultaPedido {
    background: url(../imagens/10menuClientePedidos.png) no-repeat 0 0;
    width: 73px;
}


.btnCompraAlerta {
    background: url(../imagens/10menuAgendaCarro.png) no-repeat 0 0;
    width: 90px;
}

.btnIpirangaFrotas {
     background: url(../imagens/12menuIpirangaFrotas.png) no-repeat 0 0px;
     width: 80px;

}

.btnAutoAtendimento {
    background: url(../imagens/14menuAutoAtendimento.png) 0 0;
    width: 45px;
}


.btnIpirangaFrotas:hover {
   /* background-position: 0 -20px!important;*/
}

.btnCaixaPostal {
    background: url(../imagens/14menuCaixaPostal.png) no-repeat 0 0;
    width: 70px;
}
/* Contador de Mgs Não Lidas para caixa postal*/
#caixaPostalcircle {
         border-radius: 100px; 
         position:absolute;
         color:white;
         box-sizing:border-box;
         background: red;         
         font-size: 10px;
         margin-left: 46px;
         margin-top: 4px;
         padding:2px;
         min-width:14px;
}

/* Contador de Mgs Não Lidas para caixa postal*/

.btnAutoAtendimento {
    background: url(../imagens/14menuAutoAtendimento.png) no-repeat 0 0;
    width: 48px;
}

.btnAutoAtendimento:hover {
    background-position: 0 -41px!important;
}

.valorTransferencia {
    width: 150px !important;
}

.moedaR {
    font-weight: bold;
    font-size: 20px;
    color: #666;
}






.menuCliente ul li.ativo a,
.menuCliente ul li a:hover {
    background-position: 0 -41px;
}



.lateralTransferencia {
    float: left;
    width: 440px;
    margin: 0 0 20px 20px;
}

#DivTitular label {
    float: left;
    margin: 0 10px 0 5px;
}

.lateralTransferencia h3 {
    margin-bottom: 10px;
}

#DivTitular {
    background: url(../imagens/bgTransfTop.png) repeat-x;
    float: left;
    width: 420px;
    height: 61px;
    padding: 10px 0 0 20px;
}

#DivToken {
    background: url(../imagens/bgTransfTop.png) repeat-x;
    float: left;
    width: 420px;
    height: 26px;
    padding: 10px 0 0 20px;
}

#DivToken h3 {
    float: left;
    margin: 0 10px 0 5px;
}

.lateralTransferencia fieldset {
    background: url(../imagens/bgTransfMiolo.png) repeat-x #EfEfEf;
    border: 1px solid #D8D8D8;
}

.boxTransf {
    background: #FFF;
    width: 368px;
    border: 1px solid #AAA;
    margin: 10px 0 20px 20px;
    padding: 15px;
}

.lateralTransferencia .moeda {
    width: 150px!important;
}

#btnTransferir {
    margin: 0 0 20px 20px;
}

#DivTitularDiferente {
    width: 200px;
}

    #DivTitularDiferente input[type=text] {
        width: 180px!important;
        margin-bottom: 10px;
    }

    #DivTitularDiferente label {
        color: #666;
        font-weight: 700;
    }

.colocaPadding {
    padding-left: 20px;
}

.telaConsulta {
    float: left;
    width: 878px;
    margin-left: 20px;
    padding-left: 20px;
    background: url(../imagens/bgResumo.png) repeat-x #F0F0F0;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
}

    .telaConsulta label {
        float: left;
        width: 190px;
    }

.colunaVazia {
    float: left;
    width: 220px;
    height: 30px;
    margin-top: 18px;
}

.telaConsulta h3 {
    width: 858px;
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
}

.tabelaCredenciado .TabelaPadrao {
    width: 897px!important;
}

#paginacao {
    text-align: center;
    margin-top: 25px;
}

#paginacao .pager {
    border: 1px solid #172e5f;
    color: #172e5f;
    font-size:18px;
    padding: 3px 10px 5px;
}

#paginacao .pager.active, #paginacao .pager:hover {
    background: #172e5f;
    color: #fff;
}

.dataTables_paginate {
    text-align: center;
    background: url(../img/bgTopGrid.png) repeat-x scroll 0 0 transparent;
    height: 30px;
    border-top: 2px solid #DADBDC;
}

.paging_full_numbers a {
    display: inline-block;
    cursor: pointer;
}

.previous.paginate_button {
    width: 29px;
    height: 30px;
    background: url(../img/icons.png) -240px -2px no-repeat;
    text-indent: -9999px;
}

    .previous.paginate_button.paginate_button_disabled {
        width: 29px;
        height: 30px;
        background: url(../img/icons.png) -240px -2px no-repeat;
        text-indent: -9999px;
        opacity: 0.25;
        cursor: inherit;
    }

.next.paginate_button {
    width: 29px;
    height: 30px;
    background: url(../img/icons.png) -262px -2px no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

    .next.paginate_button.paginate_button_disabled {
        width: 29px;
        height: 30px;
        background: url(../img/icons.png) -262px -2px no-repeat;
        text-indent: -9999px;
        opacity: 0.25;
        cursor: inherit;
    }

.dataTables_paginate span .paginate_active {
    color: #E94f00;
    font-weight: 700;
    background: #FFF;
}

.dataTables_paginate span a {
    width: 30px;
    height: 23px;
    border-left: 1px solid #D7D7D7;
    color: #666;
    font-size: 14px;
    padding-top: 7px;
}

    .dataTables_paginate span a:last-child {
        border-right: 1px solid #D7D7D7;
    }

.content.larguraConveniado {
    width: 942px!important;
}

.txtFora {
    float: left;
    padding: 0 0 20px 20px;
}

.cadastro.telaConsulta input[type=text] {
    width: 237px;
}

.telaConsulta select {
    width: 243px;
}

.telaConsulta .linhaInteira .coluna {
    float: left;
    width: 254px;
}

.alterarSenha .linhaInteira .coluna input {
    width: 200px!important;
}

.modal {
    display: block;
    position: relative;
}

    .modal label {
        color: #000;
        display: inline;
        font-size: 11px;
        font-weight: 700;
        margin-bottom: 5px;
    }

.txtModal {
    margin: 10px 0;
}

.titModal {
    color: #E94F00;
    font-size: 14px;
}

input[readonly=true], input[readonly], textarea[readonly=true], textarea[readonly] {
    background-color: #DBDBDB;
}

#lblCustoSms {
    margin-top: 17px;
    color: #F30;
    width: 170px;
}

/* .bgTool { */
    /* background: url(../img/MiddleTooltip.png) repeat-y; */
    /* width: 90px; */
    /* font-size: 10px; */
    /* text-align: center; */
    /* padding: 0 10px 5px; */
/* } */

.bgToolCliente {
    background: url(../img/MiddleTooltipCliente.png) repeat-y;
    width: 200px;
    font-size: 10px;
    text-align: center;
    padding: 0 10px 5px;
}

.btnEditar {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -60px 0;
    cursor: pointer;
    display: inline-block;
}

.btnConfiguarPlano {
    width: 20px;
    height: 20px;
    background: url(../imagens/iconeConfig.png) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
}

.btnMigrar {
    width: 20px;
    height: 20px;
    background: url(../imagens/iconeTrocarPlano.png) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
}

.btnPagar {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -750px 0;
    cursor: pointer;
    display: inline-block;
}

.statusRadio input {
    float: left;
    margin: 0 5px 0 0;
}

.statusRadio span {
    clear: both;
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.statusRadio label {
    width: auto!important;
    margin-right: 15px;
}

.btnDetalhar {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -180px 0;
    cursor: pointer;
    display: inline-block;
}

.btnSolicitarNotaFiscal {    
    width: 25px;
    height: 26px;  
    background: url(../img/icons.png) no-repeat -570px 0;
    cursor: pointer;
    display: inline-block;
}

.btnNotaFiscalSolicitada
{
    width: 25px;
    height: 21px;  
    background: url(../img/notaFiscalSolicitada.png) ;
    cursor: pointer;
    display: inline-block;
}

input[type=button], input[type=submit] {
    cursor: pointer;
}

.observacao {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -210px 0;
    cursor: pointer;
    display: inline-block;
}

.alinhaCampoLogin input[type=password] {
    width: 305px;
    margin-bottom: 10px;
}

.labelsemBold {
    font-weight: 400!important;
}

.btnVoltar {
    background: url(../imagens/botoes.png) no-repeat -88px -270px;
    float: left;
    width: 110px;
    height: 34px!important;
    border: none!important;
    text-indent: -9999px;
    margin: 10px 0 0 20px;
}

.abasConveniado {
    padding-left: 20px;
    float: left;
}

.abaTransacao li {
    float: left;
    width: 450px;
    text-align: center;
    background: url(../img/bgAbaInativo.png) repeat-x;
    height: 47px;
    padding: 0;
}

    .abaTransacao li:last-child {
        border-left: 1px solid #CCC;
        width: 450px;
    }

    .abaTransacao li a {
        color: #666;
        height: 30px;
        width: 450px;
        float: left;
        padding-top: 17px;
        font-weight: 700;
    }

        .abaTransacao li a.ativo {
            color: #333977;
            font-weight: 700;
            background: url(../img/bgAbaAtivo.png) repeat-x;
        }

.even {
    background: #f0f0f0;
    height: 40px;
}

.odd {
    background: #FFF;
    height: 40px;
}


.primeiroAcesso h2 {
    font-size: 24px;
    display: block;
    padding: 40px 0 5px 0;
    color: #747474;
    line-height: 26px;
}

.primeiroAcesso p {
    padding: 25px 10px 20px 155px;
}

.primeiroAcesso h2 img, .primeiroAcesso h3 img {
    display: block;
    margin-bottom: 10px;
}

.primeiroAcesso h2 {
    font-size: 24px;
    display: block;
    padding: 40px 0 5px 0;
    color: #747474;
    line-height: 26px;
}

    .primeiroAcesso h2 a, .primeiroAcesso h3 a {
        display: block;
        margin-top: 10px;
        color: #ff3300;
    }

.primeiroAcesso p {
    padding: 25px 10px 20px 155px;
}

.primeiroAcesso h2 img, .primeiroAcesso h3 img {
    display: block;
    margin-bottom: 10px;
}

.primeiroAcesso h2 a, .primeiroAcesso h3 a {
    display: block;
    margin-top: 10px;
    color: #ff3300;
}


.primeiroAcesso h3 {
    font-size: 11px;
    display: block;
    color: #333;
    width: 190px;
    float: left;
    margin-left: 5px;
}

.PaginaErro img {
    float: left;
    margin: 0 30px 0 80px;
}

.PaginaErro h2 {
    font-size: 75px;
    color: #E2E3E6;
}

.PaginaErro h3 {
    font-size: 18px;
    color: #666;
}

.txtMioloBox {
    padding: 10px 0 0 15px !important;
    width: auto !important;
}

.tiraPadding {
    padding: 0 !important;
    width: auto !important;
}

.cadastroClientePosPago .paginaPrimeiroAcesso p {
    padding: 0 0 0 50px;
    width: 230px;
}

.cadastroClientePosPago dl {
    display: inline-block;
    margin: 0 5px;
    padding: 10px;
}

    .cadastroClientePosPago dl:first-child {
        border-top: 0;
    }


.cadastroClientePosPago dt {
    float: left;
    display: block;
    width: 900px;
}

.cadastroClientePosPago dd.formMigrar {
    float: right;
    display: block;
    width: 585px;
}


.TopoMigrarPlano {
    width: 920px;
    background: url(../imagens/topoMigrarPlano.jpg) no-repeat;
    height: 137px;
}

.colunaMigrarA {
    float: left;
    margin: 60px 0 0 110px;
    width: 215px;
}

    .colunaMigrarA .coluna {
        float: left;
        margin: 10px 10px 0 0;
    }

.colunaMigrarB {
    float: left;
    margin: 60px 0 0 320px;
    width: 250px;
    display: block;
}

.colunaMigrarA {
    float: left;
    margin: 60px 0 0 110px;
    width: 215px;
}

.colunaMigrarWizardA {
    float: left;
    margin: 60px 0 0 250px;
    width: 100%;
}

    .colunaMigrarWizardA.newLayout {
        margin: 20px 0 0 25px;
        color: #172e5f;
        font-size: 14px;
        border-top: 1px solid #e7eaef;
        width: 915px;
        height: 52px;
        padding: 15px 0 0 0;
    }

        .colunaMigrarWizardA.newLayout strong {
            color: #f49a26;
        }

        .colunaMigrarWizardA.newLayout .colunaNome {
            width: 100%;
        }

        .colunaMigrarWizardA.newLayout .coluna {
            width: 19%;
        }

.colunaMigrarA .coluna {
    float: left;
    margin: 10px 10px 0 0;
}

.colunaMigrarWizardA .coluna {
    float: left;
    margin: 10px 5px 0 0;
}

.colunaMigrarB {
    float: left;
    margin: 60px 0 0 320px;
    width: 250px;
    display: block;
}

.cadastroClientePosPago dd.txtLateralMigrar {
    float: left;
}

.cadastroClientePosPago dd.txtLateralMigrar {
    float: left;
}

.cadastroClientePosPago dt .passo {
    float: left;
    background: url(../imagens/passoMigrar.jpg) 0 0 no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #333333;
    display: block;
    padding: 15px 0 0 55px;
    width: 900px;
    height: 54px;
}

.cadastroClientePosPago dt .configurePlano {
    float: left;
    background: url(../imagens/passoMigrar.jpg) 0 0 no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #333333;
    display: block;
    padding: 15px 0 0 55px;
    width: 832px;
    height: 54px;
    margin-left: 10px;
    margin-top: 50px;
}

.cadastroClientePosPago dt .passo2 {
    float: left;
    background: url(../imagens/passoMigrar2.jpg) 0 0 no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #333333;
    display: block;
    padding: 18px 0 0 55px;
    width: 900px;
    height: 54px;
}

.cadastroClientePosPago dt .leiaTermoAdesao {
    float: left;
    background: url(../imagens/passoMigrar2.jpg) 0 0 no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #333333;
    display: block;
    padding: 18px 0 0 55px;
    width: 832px;
    height: 54px;
    margin-left: 10px;
    margin-top: 50px;
}

.cadastroClientePosPago dt .passo3 {
    float: left;
    background: url(../imagens/passoMigrar3.jpg) 0 0 no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #333333;
    display: block;
    padding: 18px 0 0 55px;
    width: 900px;
    height: 54px;
}

.cadastroClientePosPago dt .passo4 {
    float: left;
    background: url(../imagens/passoMigrar4.jpg) 0 0 no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #333333;
    display: block;
    padding: 18px 0 0 55px;
    width: 900px;
    height: 54px;
}

.cadastroClientePosPago .wizardTabs {
    width: 990px;
    display: inline-block;
    height: 10px;
    margin: 30px 0 70px 0;
}

.cadastroClientePosPago .wizardTabsBarra {
    padding: 0px 0px;
}

    .cadastroClientePosPago .wizardTabsBarra li {
        width: 140px !important;
    }

    .cadastroClientePosPago .wizardTabsBarra .spacer {
        width: 1px !important;
        height: inherit;
        background: #ddd;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cadastroClientePosPago .wizardTabsBarra:after {
        display: block;
        clear: both;
        content: '';
    }


.cadastroClientePosPago .fundoTabsUL {
    background: url(../imagens/bgStep.png) repeat-x #f1f1f1;
    background-position-x: 4px;
    background-position-y: -1px;
    margin-left: 20px;
    width: 897px;
    height: 62px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #ddd;
}


.termoUsoMigrarWizard {
    height: 170px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    width: 700px;
    text-align: justify;
    margin: 0 auto 20px auto;
    color: #666;
}

.termoUsoPagamentoMigrarWizard {
    height: 170px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    width: 710px;
    text-align: justify;
    margin-left: 0px;
    margin-bottom: 20px;
    display: inherit;
    color: #666;
}

.imgUsoMigrarWizard {
    margin-left: 30px;
    height: 230px;
    width: 170px;
    background: url(../imagens/imgUsoMigrarWizard.png) 0 0 no-repeat;
    background-size: contain;
    background-position: center center;
    display: inherit;
}

.cadastroClientePosPago ul.wizardTabsBarra li {
    margin: 0px -1px;
    float: left;
    list-style: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #4c4c4c;
    transition: all linear 0.15s;
    width: 140px;
    height: 62px;
    position: relative;
    padding-left: 10px;
}

.cadastroClientePosPago ul li.active {
    background: url(../imagens/balao_Roxo.png) no-repeat;
    color: #F5EFEF;
    width: 140px;
    height: 74px;
    position: relative;
    left: -1px;
    top: -2px;
}

.cadastroClientePosPago ul li strong {
    font-size: 14px;
    color: #a8a8a8;
}


.txtWizard {
    width: 100px;
    margin: 15px 0 0 10px;
    float: left;
    font-size: 17px !important;
    line-height: 17px;
}

.cadastroClientePosPago ul li.active strong {
    font-size: 14px;
    color: #ffffff;
}

.cadastroClientePosPago ul li strong.Numero {
    font-size: 45px;
    color: #cacaca;
    font-style: italic;
    float: left;
    margin-top: 6px;
}

.cadastroClientePosPago ul li.active strong.Numero {
    font-size: 45px;
    color: #04042e;
    font-style: italic;
    float: left;
    margin-top: 6px;
}

.cadastroClientePosPago dd.txtLEscolhaPlano1 {
    float: left;
}



.cadastroClientePosPago dt span.info {
    display: block;
    width: 80%;
    float: left;
    margin-left: 5px;
    position: relative;
    top: -35px;
}

    .cadastroClientePosPago dt span.info strong {
        font-size: 14px;
    }



.cadastroClientePosPago .box-planodepagamento.boxPlanoRecargaAutomatica {
    width: 275px;
    margin-right: 18px;
}

.cadastroClientePosPago .box-planodepagamento.boxPlanoPosPago {
    width: 275px;
}

.cadastroClientePosPago .box-planodepagamento .opcoes {
    background: url(../imagens/bgResumo.png) repeat-x;
    display: inline-block;
    width: 180px;
    padding: 4px 5px 2px;
    border-top: 1px solid #CCC;
}

    .cadastroClientePosPago .box-planodepagamento .opcoes span {
        display: block;
        float: left;
        width: 50px;
        height: 27px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .cadastroClientePosPago .box-planodepagamento .opcoes select {
        width: 180px !important;
    }



.basicoCadastroPos dl {
    display: inline-block;
    width: 910px;
    border-top: dotted 1px;
    margin: 0;
    padding: 0;
}

    .basicoCadastroPos dl:first-child {
        border-top: 0;
    }


.basicoCadastroPos dt {
    float: left;
    display: block;
    width: 310px;
}

.basicoCadastroPos dd {
    float: right;
    display: block;
    width: 590px;
}

.basicoCadastroPos dt .passo {
    float: left;
    background: url(../imagens/passosCadastro.png) no-repeat;
    font-size: 18px;
    color: #333;
    display: block;
    padding: 25px 0 0 55px;
    width: 280px;
    height: 59px;
    font-style: italic;
}

.basicoCadastroPos dt span.info {
    display: block;
    width: 288px;
    float: left;
    margin-left: 5px;
    position: relative;
    top: -25px;
}

    .basicoCadastroPos dt span.info strong {
        font-size: 14px;
    }

.basicoCadastroPos .box-planodepagamento {
    background: #eee;
    height: auto;
    min-height: 159px;
    display: block;
    width: 200px;
    float: left;
    margin-right: 10px;
}

    .basicoCadastroPos .box-planodepagamento .opcoes {
        background: #ccc;
        display: inline-block;
        width: 190px;
        padding: 4px 5px 2px;
    }

        .basicoCadastroPos .box-planodepagamento .opcoes span {
            display: block;
            float: left;
            width: 50px;
            height: 27px;
            padding-top: 5px;
            padding-left: 10px;
        }

        .basicoCadastroPos .box-planodepagamento .opcoes select {
            width: 190px !important;
        }


.panelmensagem {
    background: #eef2f2 url("../imagens/icone_email_alerta.png") no-repeat 20px 20px;
    border-top: 3px solid #e2e6e6;
    padding: 15px 20px 15px 126px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.panelmensagem a {
    color: #f46b26;
    text-decoration: underline;
}


.divideCadastro {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    margin-top: 10px;
    position: relative;
}

    .divideCadastro dt {
        width: 280px;
        float: left;
        padding-right: 10px;
    }

    .divideCadastro dd {
        width: 580px;
        float: left;
    }

    .divideCadastro .box-planodepagamento {
        background: #eee;
        height: auto;
        min-height: 150px;
        display: block;
        width: 280px;
        float: left;
        margin-right: 10px;
    }

        .divideCadastro .box-planodepagamento .opcoes {
            background: #ccc;
            display: inline-block;
            width: 270px;
            text-align: center;
            padding: 4px 5px 2px;
        }

            .divideCadastro .box-planodepagamento .opcoes select {
                width: 270px !important;
            }

.possuiCadastroCliente {
    width: 360px;
    min-height: 233px;
    float: left;
    background: url(../imagens/bgBoxs.jpg) #EfEfEf no-repeat -290px 48px;
    margin-right: 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding-bottom: 20px;
}

    .possuiCadastroCliente .alinhaCampoLogin {
        margin-left: 23px;
    }

    .possuiCadastroCliente .topoLogin {
        width: 340px;
        height: 40px;
        font-size: 20px;
        background: url(../imagens/bgTopTitle2.png) repeat-x;
        border-radius: 4px 4px 0 0;
        padding: 10px 0 0 20px;
    }

.infoSerasa {
    background: #ccc;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
}

.btnPrimeiroAcessoPre {
    width: 180px;
    height: 59px;
    background: url(../imagens/btnCadastroCompreTag.png) 0 0 no-repeat;
    float: left;
    text-indent: -9992px;
}

.btnPrimeiroAcesso {
    width: 195px;
    height: 52px;
    background: url(../imagens/botoes_old.png) -220px 0 no-repeat;
    float: left;
    text-indent: -9992px;
    margin: 10px 0 0 0;
}

.paginaPrimeiroAcesso .coluna {
    float: left;
    width: 295px!important;
}

.basicoCadastroPos .coluna {
    float: left;
    width: 295px!important;
}

.cadastro input[type=text], input[type=password] {
    border: 1px solid #CCC;
    width: 270px;
    height: 35px;
    padding-left: 5px;
    line-height: 30px;
    vertical-align: middle;
}

.cadastro select {
    border: 1px solid #CCC;
    width: 277px;
    display: block;
    font-size: 11px;
    height: 35px;
    line-height: 32px;
    padding: 6px;
}

.ddd {
    width: 70px!important;
}

.cadastro input.codigoConfirmacao {
   width: 718px;
height: 48px;
font-size: 14px;
color: #9298aa;
border: 1px solid #f0b496;
}

.ddlData {
    width: 100px!important;
}

.telaConsulta .campoDdd {
    width: 87px!important;
}

.telaConsulta .campoTelefone {
    width: 223px!important;
}

.campoTelefone {
    width: 225px!important;
}

.ambCliente .ddd {
    width: 45px!important;
}

.ambCliente .campoDdd {
    width: 65px!important;
}

.ambCliente .campoTelefone {
    width: 228px!important;
}

.ambCliente .campoDdlData {
    width: 110px!important;
}

.menuIpiranga ul li, .menuConectcar nav ul li, #conteudos #aba1 p, #conteudos #aba1 img, #conteudos #aba2 p, #conteudos #aba2 img, #conteudos #aba4 img, .ui-datepicker-trigger, .tituloTabela li, .menuCliente, #MesmoTitularId, #TitularDiferenteId {
    float: left;
}

    .menuIpiranga ul li .conectCar.ativo, .menuIpiranga ul li .conectCar:hover {
        background-position: -941px -33px;
    }


.menuConectcar {
    width: 946px;
    margin: 3px auto;
    padding-top: 1px;
}

    .menuConectcar nav ul li {
        width: auto;
        height: auto;
        display: block;
        position: relative;
    }

        .menuConectcar nav ul li a {
            font-family: 'Roboto', sans-serif;
            float: left;
            height: 40px;
            font-style: normal;
            color: #fff;
            text-transform: uppercase;
            line-height: 39px;
            text-align: center;
            padding: 0 13px;
        }

    .menuConectcar nav ul li {
        float: left;
        background: url(../imagens/border-menu.png) no-repeat right -1px;
    }

        .menuConectcar nav ul li.paginaPrincipal a.icoPrincipal {
            background: url(../imagens/menu.png) no-repeat 0 0;
            width: 49px;
            text-indent: -9997px;
            padding: 0;
        }

            .menuConectcar nav ul li.paginaPrincipal a.icoPrincipal:hover {
                background-position: 0 -39px!important;
            }

        .menuConectcar nav ul li.paginaPrincipal.ativo a.icoPrincipal {
            background-position: 0 -39px!important;
        }

        .menuConectcar nav ul li a.sub-menu {
            background: url(../imagens/ico-menu.png) no-repeat right center;
            margin-right: 12px;
        }

        .menuConectcar nav ul li:hover, .menuConectcar nav ul li.ativo {
            background: #fff;
        }

            .menuConectcar nav ul li:hover a.sub-menu, .menuConectcar nav ul li.ativo a.sub-menu {
                background: #fff url(../imagens/ico-menu-hover.png) no-repeat right center;
                color: #0D0F6B;
            }

            .menuConectcar nav ul li:hover a, .menuConectcar nav ul li.ativo a {
                background: #fff;
                color: #0D0F6B;
            }

        .menuConectcar nav ul li .ul-sub {
            visibility: hidden;
            position: absolute;
            width: 180px;
            top: 39px;
            left: -3px;
            border-left: solid 3px #A8A9BA;
            border-bottom: solid 2px #A8A9BA;
            border-right: solid 3px #A8A9BA;
            background: #fff;
            z-index: 99;
        }

            .menuConectcar nav ul li .ul-sub li {
                width: 100%;
                height: auto;
                border-bottom: solid 1px #E5E5E5;
                background: none;
            }

                .menuConectcar nav ul li .ul-sub li a {
                    font-family: Arial;
                    font-size: 12px;
                    font-weight: bold;
                    color: #0d0f6b;
                    background: none;
                    padding: 12px 10px;
                    text-align: left;
                    text-transform: none;
                    line-height: 15px;
                    height: auto;
                    width: 100%;
                }

                    .menuConectcar nav ul li .ul-sub li a:hover {
                        color: #ff6a0c;
                    }

    .menuConectcar nav ul li {
        width: auto;
        height: auto;
        display: block;
        position: relative;
    }

        .menuConectcar nav ul li a {
            font-family: 'Roboto', sans-serif;
            float: left;
            height: 40px;
            font-style: normal;
            color: #fff;
            text-transform: uppercase;
            line-height: 39px;
            text-align: center;
            padding: 0 13px;
        }

    .menuConectcar nav ul li {
        float: left;
        background: url(../imagens/border-menu.png) no-repeat right -1px;
    }

        .menuConectcar nav ul li.paginaPrincipal a.icoPrincipal {
            background: url(../imagens/menu.png) no-repeat 0 0;
            width: 49px;
            text-indent: -9997px;
            padding: 0;
        }

            .menuConectcar nav ul li.paginaPrincipal a.icoPrincipal:hover {
                background-position: 0 -39px!important;
            }

        .menuConectcar nav ul li.paginaPrincipal.ativo a.icoPrincipal {
            background-position: 0 -39px!important;
        }

        .menuConectcar nav ul li a.sub-menu {
            background: url(../imagens/ico-menu.png) no-repeat right center;
            margin-right: 12px;
        }

        .menuConectcar nav ul li:hover, .menuConectcar nav ul li.ativo {
            background: #fff;
        }

            .menuConectcar nav ul li:hover a.sub-menu, .menuConectcar nav ul li.ativo a.sub-menu {
                background: #fff url(../imagens/ico-menu-hover.png) no-repeat right center;
                color: #0D0F6B;
            }

            .menuConectcar nav ul li:hover a, .menuConectcar nav ul li.ativo a {
                background: #fff;
                color: #0D0F6B;
            }

        .menuConectcar nav ul li .ul-sub {
            visibility: hidden;
            position: absolute;
            width: 180px;
            top: 39px;
            left: -3px;
            border-left: solid 3px #A8A9BA;
            border-bottom: solid 2px #A8A9BA;
            border-right: solid 3px #A8A9BA;
            background: #fff;
            z-index: 99;
        }

            .menuConectcar nav ul li .ul-sub li {
                width: 100%;
                height: auto;
                border-bottom: solid 1px #E5E5E5;
                background: none;
            }

                .menuConectcar nav ul li .ul-sub li a {
                    font-family: Arial;
                    font-size: 12px;
                    font-weight: bold;
                    color: #0d0f6b;
                    background: none;
                    padding: 12px 10px;
                    text-align: left;
                    text-transform: none;
                    line-height: 15px;
                    height: auto;
                    width: 100%;
                }

                    .menuConectcar nav ul li .ul-sub li a:hover {
                        color: #ff6a0c;
                    }



.txtPrincipal h3, .txtPrincipalPreHome h3, .txtPrincipalPrincipal h3 {
    color: #FFF;
    font-size: 24px;
    text-shadow: 2px 2px 0 #b6441a;
    margin: 0 0 0 20px;
    width: 475px;
    height: 32px;
    overflow: hidden;
}

.txtPrincipal h4, .txtPrincipalPreHome h4 {
    color: #2e3092;
    font-size: 18px;
    text-shadow: 1px 1px 0 #ffa66a;
    margin-top: 10px;
}

.txtPrincipal ul li, .txtPrincipalPrincipal ul li {
    float: left;
    font-weight: 700;
}

.txtPrincipal ul, .txtPrincipalPrincipal ul {
    width: 665px;
    float: left;
    margin: -4px 0 25px;
}

    .txtPrincipal ul li a, .txtPrincipalPrincipal ul li a {
        font-weight: 400;
        color: #333;
        text-decoration: underline;
    }

.bradCrumb ul li b, .txtRodapeRecarga b {
    color: #f30;
}

    .bradCrumb ul li b a {
        color: #f30;
    }

.boxPrincipal h5, .boxPrincipalEstado h5 {
    font-size: 20px;
    background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
    width: 460px;
    height: 30px;
}

.boxPrincipal p, .boxPrincipalEstado p {
    width: 460px;
    margin: 10px 0;
}

.sidebar header, .beneficiosVoce header {
    width: 218px;
    height: 62px;
    background: url(../imagens/bgTopTitle1.png) repeat-x;
    border-radius: 4px 4px 0 0;
}

    .sidebar header img, .beneficiosVoce header img {
        float: left;
        margin: 10px 0 0 10px;
    }

.emBreve, .colunaBotao {
    float: left;
    margin-top: 10px;
}

.areaLogin input, .areaSenha input {
    width: 90px;
    height: 19px;
    border-top: 1px solid #ccc;
}

.canalIpiranga header, .canalFaleConosco header {
    height: 42px;
    background: url(../imagens/bgTopTitle1.png) repeat-x scroll 0 0 transparent;
}

    .canalIpiranga header h3, .canalFaleConosco header h3 {
        font-size: 20px;
        margin: 20px 0 0 20px;
    }

.linhaInteiraTransfira label, .colunaA label, .colunaC label, .linhaInteira label {
    display: block;
    font-size: 11px;
    color: #000;
    font-weight: 700;
    margin-bottom: 2px;
}

.txtContentPrimeiro, .lateralTransferencia h2 {
    margin-bottom: 20px;
}

.tabelaExtrato tbody tr th, .tabelaExtrato tbody tr td, .TabelaPadrao tr {
    height: 40px;
}

.dias label#btn5dias:hover, .dias label#btn5dias.ativo {
    background: url(../img/ClientelinhaTempo.png) 0 -40px no-repeat;
    width: 94px;
    text-indent: -9999px;
    float: left;
    height: 25px;
}

.dias label#btn15dias:hover, .dias label#btn15dias.ativo {
    background: url(../img/ClientelinhaTempo.png) -94px -40px no-repeat;
    width: 135px;
    text-indent: -9999px;
    float: left;
    height: 25px;
}

.dias label#btn30dias:hover, .dias label#btn30dias.ativo {
    background: url(../img/ClientelinhaTempo.png) -214px -40px no-repeat;
    width: 135px;
    text-indent: -9999px;
    float: left;
    height: 25px;
}

.dias label#btn60dias:hover, .dias label#btn60dias.ativo {
    background: url(../img/ClientelinhaTempo.png) -334px -40px no-repeat;
    width: 135px;
    text-indent: -9999px;
    float: left;
    height: 25px;
}

.dias label#btn36500dias:hover, .dias label#btn36500dias.ativo {
    background: url(../img/ClientelinhaTempo.png) -454px -40px no-repeat;
    width: 93px;
    text-indent: -9999px;
    float: left;
    height: 25px;
}

.dias a#btn5dias:hover, .dias a#btn5dias.selecionado {
    background: url(../img/ClientelinhaTempo.png) 0 -40px no-repeat;
    width: 94px;
    text-indent: -9999px;
    float: left;
    height: 35px;
}

.dias a#btn15dias:hover, .dias a#btn15dias.selecionado {
    background: url(../img/ClientelinhaTempo.png) -94px -40px no-repeat;
    width: 135px;
    text-indent: -9999px;
    float: left;
    height: 35px;
}

.dias a#btn30dias:hover, .dias a#btn30dias.selecionado {
    background: url(../img/ClientelinhaTempo.png) -214px -40px no-repeat;
    width: 135px;
    text-indent: -9999px;
    float: left;
    height: 35px;
}

.dias a#btn60dias:hover, .dias a#btn60dias.selecionado {
    background: url(../img/ClientelinhaTempo.png) -334px -40px no-repeat;
    width: 135px;
    text-indent: -9999px;
    float: left;
    height: 35px;
}

.dias a#btn36500dias:hover, .dias a#btn36500dias.selecionado {
    background: url(../img/ClientelinhaTempo.png) -454px -40px no-repeat;
    width: 93px;
    text-indent: -9999px;
    float: left;
    height: 35px;
}

.periodos .selecionado, .cadastroClientePosPago .box-planodepagamento label, .divideCadastro .box-planodepagamento label {
    font-weight: 700;
}

.TabelaPadrao thead .colocaBorda, .colocaBordaFinal {
    border-right: 1px solid #E6E6E6;
}

.extratoCliente, .cadastroClientePosPago {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    width: 940px;
    margin-bottom: 20px;
    padding-top: 30px;
    float: left;
    padding-bottom: 20px;
    background: #FFF;
    position: relative;
}

.tabela-extrato, .estacionaTabela .TabelaPadrao {
    width: 898px!important;
}

#DivTagOrigem p strong, #DivTagDestino p strong {
    margin: 0 0 0 20px;
}

.colunaData, .colunaHora {
    float: left;
    width: 127px;
}

    .colunaHora input[type=text], .telaConsulta .linhaInteira .colunaHora input[type=text] {
        width: 110px;
    }

.last.paginate_button, .first.paginate_button {
    height: 30px;
    text-align: center;
    width: 68px;
    color: #666;
}

    .last.paginate_button.paginate_button_disabled, .first.paginate_button.paginate_button_disabled {
        color: #ccc;
        cursor: inherit;
    }

.colunaSenha, .cadastro .linhaInteira .coluna {
    float: left;
    width: 290px;
}

.btnConCad input, .abaTranConveniado {
    margin-left: 20px;
}

.cadastroClientePosPago .box-planodepagamento[disabled] *, .divideCadastro .box-planodepagamento[disabled] * {
    color: #ccc;
    cursor: default;
}

.cadastroClientePosPago .box-planodepagamento .info, .divideCadastro .box-planodepagamento .info {
    height: 86px;
    padding: 10px;
}

.cadastroClientePosPago .box-planodepagamento:last-child, .divideCadastro .box-planodepagamento:last-child {
    margin-right: 0;
}

.campoDdd label, .ambCliente .campoDdd label {
    width: 40px!important;
}

.telefone, .ambCliente .telefone {
    width: 205px!important;
}

/*!= styleClienteBkp.css*/
.espacoCampoRegistrar .linhaInteira .coluna {
    width: 254px;
}

.btnCadastrarVeiculo {
    background: url(../imagens/botoes.png) no-repeat scroll -210px -270px transparent;
    float: right;
    height: 38px;
    text-indent: -9996px;
    width: 203px!important;
    border: none!important;
    margin: 0 20px 0 0;
}

.atencaoVeiculo {
    display: inline-block;
    margin-left: 20px;
}

.btnBaixo .btnVoltar {
    margin-top: 0 !important;
}

.cadastro .ajustaCampoPlaca input[type="text"] {
    width: 270px !important;
}

.btnExcluir {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -30px 0;
    cursor: pointer;
    display: inline-block;
}

#btnImprimirVeiculo {
    width: 71px;
    height: 23px;
    text-indent: -9989px;
    background: url(../imagens/botoes.png) no-repeat 0 -320px;
    margin: 0 0 0 20px;
    display: inline-block;
    float: left;
    clear: both;
}

.btnGerarIntegracao {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -390px 0;
    cursor: pointer;
    display: inline-block;
}

.BoxPosPagoOne {
    width: 940px;
    height: 90px;
    background: url(../imagens/bgResumo.png) repeat-x;
    float: left;
    border-radius: 3px;
    border: 1px solid #CCC;
}

.labelEscolha label {
    padding: 37px 0 0 20px;
    float: left;
    font-size: 14px;
}

.radioEscolha input {
    float: left;
    margin: 15px 2px 0 5px;
}

.radioEscolha label {
    float: left;
    margin: 15px 10px 0 0;
}

.boxBrancoEscolha {
    background: #FFF;
    padding: 5px 0;
    float: left;
    height: 40px;
    margin-top: 20px;
    border: 1px solid #CCC;
    width: 295px;
}

#divDocumento input[type=text] {
    width: 150px !important;
    margin-right: 24px;
}

#divDocumento {
    margin-left: 30px;
    padding: 20px 0 0 0;
}

.btnProsseguirCadastroPos {
    float: right;
    margin: 20px 0 0 0;
}

.btnVoltarCadastro a {
    float: left;
    margin: 20px 0 0 83px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f46e29;
}

    .btnVoltarCadastro a {
        color: #f46e29;
        font-weight: bold;
        font-size: 14px;
    }

.BoxPosPagoOne {
    width: 940px;
    height: 90px;
    background: url(../imagens/bgResumo.png) repeat-x;
    float: left;
    border-radius: 3px;
    border: 1px solid #CCC;
}

.basicoCadastroPos .linhaInteira .colunaDDD {
    width: 90px !important;
}

.basicoCadastroPos .linhaInteira .colunaTelefone input {
    width: 180px !important;
}

.basicoCadastroPos .paginaPrimeiroAcesso p {
    padding: 0 0 0 50px;
}

.colocaLinhaDottet {
    width: 570px;
    border-top: 1px dotted #CCC;
}

.paginaPrimeiroAcesso .coluna.ajustaRadioCompletar {
    background: #F0F0F0;
    border: 1px solid #CCC;
    border-radius: 3px;
    width: 265px !important;
    margin-right: 18px;
    height: 46px;
    padding: 15px 0 0 10px;
}

.paginaPrimeiroAcesso {
    margin-top: 40px;
}

.ajustaRadioCompletar input[type=radio] {
    float: left;
    margin-right: 5px;
}

.boxTermoCadastro {
    float: left;
    width: 285px;
    margin: 0 20px 20px 0;
    height: 210px !important;
}

    .boxTermoCadastro h3 {
        padding: 7px 0 0 50px;
    }

    .boxTermoCadastro .TituloSaldoMinimo {
        background: url(../imagens/bg-tit-saldo-minimo.png) no-repeat;
        width: 235px;
        height: 45px;
    }

    .boxTermoCadastro .TituloValorRecarga {
        background: url(../imagens/bg-tit-valor-recarga.png) no-repeat;
        width: 235px;
        height: 45px;
    }

    .boxTermoCadastro .TituloAlertaSaldo {
        background: url(../imagens/bg-tit-alerta-sms.png) no-repeat;
        width: 235px;
        height: 45px;
    }

.containetConfig {
    width: 243px;
    height: 149px;
    border: 1px solid #E0E0E0;
    background: #f1f1f1;
    padding: 10px 20px 0 20px;
    position: relative;
}

.ajustaSMS #lblCustoSms {
    width: 889px !important;
}

.labelEscolha label {
    padding: 37px 0 0 20px;
    float: left;
    font-size: 14px;
}

.radioEscolha input {
    float: left;
    margin: 15px 2px 0 5px;
}

.radioEscolha label {
    float: left;
    margin: 15px 10px 0 0;
}

.boxBrancoEscolha {
    background: #FFF;
    padding: 5px 0;
    float: left;
    height: 40px;
    margin-top: 20px;
    border: 1px solid #CCC;
    width: 295px;
}

#divDocumento input[type=text] {
    width: 150px !important;
    margin-right: 24px;
}

#divDocumento {
    margin-left: 30px;
    padding: 20px 0 0 0;
}

.btnProsseguirCadastroPos {
    float: right;
    margin: 20px 0 0 0;
}

.basicoCadastroPos .linhaInteira .colunaDDD {
    width: 90px !important;
}

.basicoCadastroPos .linhaInteira .colunaTelefone input {
    width: 180px !important;
}

.basicoCadastroPos .paginaPrimeiroAcesso p {
    padding: 0 0 0 50px;
}

.colocaLinhaDottet {
    width: 570px;
    border-top: 1px dotted #CCC;
}

.paginaPrimeiroAcesso .coluna.ajustaRadioCompletar {
    background: #F0F0F0;
    border: 1px solid #CCC;
    border-radius: 3px;
    width: 265px !important;
    margin-right: 18px;
    height: 46px;
    padding: 15px 0 0 10px;
}

.paginaPrimeiroAcesso {
    margin-top: 40px;
}

.ajustaRadioCompletar input[type=radio] {
    float: left;
    margin-right: 5px;
}

.boxTermoCadastro {
    float: left;
    width: 285px;
    margin: 0 20px 20px 0;
    height: 210px !important;
}

    .boxTermoCadastro h3 {
        padding: 7px 0 0 50px;
    }

    .boxTermoCadastro .TituloSaldoMinimo {
        background: url(../imagens/bg-tit-saldo-minimo.png) no-repeat;
        width: 235px;
        height: 45px;
    }

    .boxTermoCadastro .TituloValorRecarga {
        background: url(../imagens/bg-tit-valor-recarga.png) no-repeat;
        width: 235px;
        height: 45px;
    }

    .boxTermoCadastro .TituloAlertaSaldo {
        background: url(../imagens/bg-tit-alerta-sms.png) no-repeat;
        width: 235px;
        height: 45px;
    }

.containetConfig {
    width: 243px;
    height: 149px;
    border: 1px solid #E0E0E0;
    background: #f1f1f1;
    padding: 10px 20px 0 20px;
    position: relative;
}

.ajustaSMS #lblCustoSms {
    width: 889px !important;
}

.boxTermoCadastro b {
    display: block;
    margin-bottom: 10px;
}

.boxTermoCadastro label {
    width: 110px;
    font-weight: bold;
    margin-top: 30px;
}

.boxTermoCadastro select {
    border: 1px solid #CCC;
    width: 240px;
    display: block;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    float: left;
}

#divTermoDeUso {
    margin-top: 10px;
    float: left;
}

.blockUI {
    cursor: default !important;
}

.informeCadastro {
    float: left;
}

.Spanprosseguir {
    margin-top: 15px;
    float: left;
}

.possuiCadastro {
    width: 530px;
    min-height: 233px;
    float: left;
    padding-bottom: 20px;
}



.divideFatura {
    float: left;
    margin-bottom: 20px;
}





.abasFatura {
    margin-left: 18px;
}

.faturaInativa {
    width: 236px;
    height: 160px;
    background: url(../imagens/bgFaturaInativo.png) no-repeat;
    margin-top: 10px;
}

.faturaAtiva {
    width: 430px;
    height: 180px;
    background: url(../imagens/bgFaturaAtivo.png) no-repeat;
    box-shadow: 0 0 10px #888;
    border-radius: 5px;
}

.divideFatura.faturaAtiva h3 a {
    color: #ffffff;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.divideFatura.faturaInativa h3 {
    font-size: 14px;
    padding-top: 16px;
    text-align: center;
}

    .divideFatura.faturaInativa h3 a {
        color: #999999;
    }

.divideFatura.faturaInativa table {
    color: #999999;
}

.faturaInativa {
    width: 236px;
    height: 160px;
    background: url(../imagens/bgFaturaInativo.png) no-repeat;
    margin-top: 10px;
}

.faturaAtiva {
    width: 430px;
    height: 185px;
    background: url(../imagens/bgFaturaAtivo.png) no-repeat;
    box-shadow: 0 0 10px #888;
    border-radius: 5px;
    background-size: cover;
    padding-bottom: 15px;
}

.divideFatura.faturaAtiva h3 a {
    color: #ffffff;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.divideFatura.faturaInativa h3 {
    font-size: 14px;
    padding-top: 16px;
    text-align: center;
}

    .divideFatura.faturaInativa h3 a {
        color: #999999;
    }

.divideFatura.faturaInativa table {
    color: #999999;
}

.divideFatura.faturaAtiva h3 {
    font-size: 20px;
    text-align: center;
}



.divideFatura table {
    width: 100%;
    margin-left: 20px;
}

    .divideFatura table tr {
        height: 20px;
    }

.faturaInativa .cabecalhoFaturaAtivo {
    display: none;
}

.faturaAtiva .cabecalhoFaturaInativo {
    display: none;
}



.divideFatura h3 {
    display: block;
    padding: 18px 0 40px 0;
    font-style: italic;
    font-size: 20px;
}

.divideCadastro {
    float: left;
    width: 878px;
    padding-left: 20px;
    background: #EEF2F2;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
}

    .divideCadastro h3 {
        width: 858px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 5px;
    }

    .divideCadastro #DebitoEmContaCorrente_True, #DebitoEmContaCorrente_False {
        float: left;
        margin-right: 3px;
    }

.btnReprocessar {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -450px 0;
    cursor: pointer;
    display: inline-block;
}

.divideCadastro {
    float: left;
    width: 878px;
    padding-left: 20px;
    background: #FAFAFA;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
}

.lateralEsqFatura {
    float: left;
    width: 240px;
    padding: 0 0 0 20px;
}

.divideCadastro h3 {
    width: 858px;
    font-size: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
}

.lateralDirFatura {
    float: right;
    width: 655px;
    padding-left: 25px;
}

.divideCadastro #DebitoEmContaCorrente_True, #DebitoEmContaCorrente_False {
    float: left;
    margin-right: 3px;
}

.btnReprocessar {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -450px 0;
    cursor: pointer;
    display: inline-block;
}

.lateralEsqFatura {
    float: left;
    width: 240px;
    padding: 0 0 0 20px;
}

.lateralDirFatura {
    float: right;
    width: 655px;
    padding-left: 25px;
}

    .lateralDirFatura #tabelaExtrato {
        float: none;
    }

.lateralEsqFatura .tituloTabela {
    width: 240px;
    height: auto;
}

.lateralEsqFatura .titTabela {
    padding: 0;
}

.lateralEsqFatura .TabelaPadrao {
    width: 240px !important;
}

    .lateralEsqFatura .TabelaPadrao td {
        border-bottom: 1px solid #CCC;
    }

.lateralDirFatura #tabelaExtrato {
    float: none;
}

.lateralEsqFatura .tituloTabela li h3 {
    color: #666;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: none;
}

.lateralEsqFatura #resumoTransacoes {
    float: left;
}

.lateralEsqFatura .resumo-transacoes {
    background: none !important;
    height: auto;
}

.detalheFaturaBorda {
    border: 1px solid #CCC;
    width: 630px;
    background: url(../imagens/bgBoxDetalheFatura.png) repeat-x;
}

.tituloDetalheFatura {
    float: left;
    padding: 0 0 10px 20px;
}

.colunaDetalhe {
    float: left;
    padding: 0 20px 0 20px;
}

.placaDetalhe {
    float: left;
    width: 120px;
    margin-right: 10px;
}

.campoTotal {
    margin-bottom: 10px !important;
    display: block;
}

.impostoFatura {
    width: auto;
    display: inline-block;
    margin-bottom: 20px;
}

.impostoRetido {
    width: 240px;
}

    .impostoRetido li {
        height: 23px;
        background: #F2F3F5;
        margin-bottom: 3px;
        padding: 7px 0 0 10px;
    }

.vencimentoFat {
    font-size: 12px;
    font-style: italic;
    color: #666;
}

.sifrao {
    font-size: 22px;
    color: #999;
}

#input-valor-total-fatura-atual {
    font-size: 36px;
    color: #333;
    font-weight: bold;
}

.fieldLateralEsq {
    display: inline-block;
}

.lateralEsqFatura fieldset {
    width: 240px;
}

.impostoFatura {
    width: auto;
    display: inline-block;
    margin-bottom: 20px;
}

.impostoRetido {
    width: 240px;
}

    .impostoRetido li {
        height: 23px;
        background: #F2F3F5;
        margin-bottom: 3px;
        padding: 7px 0 0 10px;
    }

.vencimentoFat {
    font-size: 12px;
    font-style: italic;
    color: #666;
}

.sifrao {
    font-size: 22px;
    color: #999;
}

#input-valor-total-fatura-atual {
    font-size: 36px;
    color: #333;
    font-weight: bold;
}

.fieldLateralEsq {
    display: inline-block;
}

.lateralEsqFatura fieldset {
    width: 240px;
}
/*#btnImprimirFatura{ width:113px; height:23px; text-indent:-9989px; background:url(../imagens/botoes.png) no-repeat -101px -320px; float:left; margin:0; border:none; }*/
.menu-extrato .menuUlFatura li a {
    width: 209px;
}

.menu-extrato .menuUlFatura li:last-child a {
    width: 210px;
}

.termoUso {
    height: 210px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    width: 550px;
    text-align: justify;
}

.termoUsoMigrar {
    height: 210px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    width: 880px;
    text-align: justify;
}

.txtAutoriza {
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    float: left;
}

.menu-extrato .menuUlFatura li a {
    width: 209px;
}

.menu-extrato .menuUlFatura li:last-child a {
    width: 210px;
}

.termoUso {
    height: 210px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    width: 550px;
    text-align: justify;
}

.txtAutoriza {
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    float: left;
}

.btnNaoAutorizar {
    background: url(../imagens/botoes.png) no-repeat 0 -361px;
    width: 129px;
    height: 34px;
    text-indent: -9995px;
    display: inline-block;
    float: left;
    margin: 0 8px;
}

.btnAutorizar {
    background: url(../imagens/botoes.png) no-repeat -159px -361px;
    width: 129px;
    height: 34px;
    text-indent: -9995px;
    display: inline-block;
    float: left;
}

.cadastroFoiAprovado {
    margin-top: 20px;
}

    .cadastroFoiAprovado p {
        width: 850px !important;
        padding: 0 !important;
    }

        .cadastroFoiAprovado p strong {
            font-size: 15px;
        }

    .cadastroFoiAprovado span {
        background: url(../imagens/img-cadastro-aprovado.png) no-repeat;
        width: 49px;
        height: 49px;
        float: left;
        margin: 0 10px 0 0;
    }

.cadastroNaoAprovado {
    margin-top: 20px;
}

    .cadastroNaoAprovado p {
        width: 620px !important;
        padding: 0 !important;
    }

        .cadastroNaoAprovado p strong {
            font-size: 15px;
        }

    .cadastroNaoAprovado span {
        background: url(../imagens/img-cadastro-reprovado.png) no-repeat;
        width: 49px;
        height: 100px;
        float: left;
        margin: 0 10px 0 0;
    }

.boxRecargaAuto {
    width: 700px;
    height: 80px;
    background: url(../imagens/bgBoxRecargaAuto.png) no-repeat;
    float: left;
    margin: 30px 0 0 20px;
    color: #FFF;
    padding: 20px 0 0 200px;
}

    .boxRecargaAuto h2 {
        width: 500px;
        float: left;
    }

    .boxRecargaAuto p {
        width: 500px;
        float: left;
    }

.btnAlterarPlano {
    display: inline-block;
    background: url("../imagens/btnAlterarPlano.png") no-repeat;
    width: 170px;
    height: 58px;
    text-indent: -9999px;
    margin-top: 3px;
}

.btnPesquisar {
    float: left;
    margin: 15px 17px 20px 0;
    background: url(../imagens/botoes.png) no-repeat -170px -168px;
    width: 80px;
    height: 34px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

#btnPagar {
    margin: 10px 0 5px 15px;
    background: url(../imagens/iconePagarDebito.png) no-repeat;
    width: 20px;
    height: 20px;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

#btnDetalhes {
    margin: 10px 0 5px 15px;
    background: url(../imagens/iconeDetalheGrid.png) no-repeat;
    width: 20px;
    height: 20px;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}


#btnCancelarCobrancaAutomatica {
    margin: 10px 0 5px 15px;
    background: url(../imagens/iconeRemoverCobrancaAuto.png) no-repeat;
    width: 20px;
    height: 20px;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

.menu-extrato.menuServico a {
    width: 449px !important;
}

.menu-extrato.menuServico a.selecionado::after {
  left: 48%;
    }

.menu-extrato a {
    display: block;
    float: left;
    padding: 15px 0px 0 0;
    width: 300px;
    text-align: center;
    background: #525E75;
    height: 38px;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
}
    .menu-extrato a.selecionado {
        background: #EEE;
        color: #333977;
        height: 34px;
        border: 1px solid #D8D8D8;
        border-bottom: 3px solid #F46B26;
    }

    .menu-extrato a.selecionado::after {
        content:" ";
        background: url("../imagens/setaaba.png");
        width:20px;
        height:13px;
        position:relative;
          display: block;
  top: 12px;
  left: 140px;
    }

.menu-extrato ul {
    float: left;
    width: 900px;
    padding-bottom: 25px;
}



.panelpesquisa {
    float: left;
    width: 95px;
    background: url(../imagens/Parceiros/lupapesquisa.png) no-repeat 0 9px;
    font-size: 14px;
    font-weight: 700;
    color: #9ca3b2;
    padding: 16px 0 0 33px;
    height: 35px;
    border-right: 3px solid #d8dee3;
    margin-right: 30px;
}

.panelnomeservico {
    float: left;
    width: 160px;
    font-size: 16px;
    font-weight: 700;
    color: #172e5f;
    padding: 5px 0 0 0;
    min-height: 56px;
}

.panelnomeexpirado {
    float: left;
    width: 160px;
    font-size: 16px;
    font-weight: 700;
    color: #172e5f;
    padding: 5px 0 0 0;
    min-height: 54px;
}

.paneldescricaoservico {
    float: left;
    width: 335px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    padding: 0 20px 0 20px;
    min-height: 56px;
    border-right: 3px solid #d8dee3;
    border-left: 3px solid #d8dee3;
    margin: 5px 20px 0 0;
}

.paneldescricaoexpirado {
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    padding: 0 20px 0 20px;
    min-height: 60px;
    width: 675px;
    border-left: 3px solid #d8dee3;
    margin-top: 6px;
}

.expiradodestaque {
    font-weight: 700;
    margin-right: 20px;
}

.descricaostatus {
    text-transform: uppercase;
    color: #eea21f;
    font-weight: 700;
}

.descricaocancelado {
    text-transform: uppercase;
    color: #ae0909;
    font-weight: 700;
    display: block;
}

.dadosivencimento {
    background: url(../imagens/Parceiros/iconevencimentos.png) top;
    width: 13px;
    height: 12px;
    margin: 0 5px -1px 0;
    display: inline-block;
}

.dadosirenovacao {
    background: url(../imagens/Parceiros/iconerenovacao.png) top;
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    margin: 0 5px -2px 0;
    display: inline-block;
}

.panelvalorservico {
    float: left;
    width: 180px;
    font-size: 11px;
    font-weight: 700;
    color: #666;
    padding: 0;
    min-height: 60px;
    line-height: 22px;
}


.divideCadastro.telaserv .linhaInteira.alinhamento-descricao {
  margin-right: 0!important;
  width: 878px!important;
}

.placawrap {
    border: 1px solid #D8D8D8;
    float: left;
    margin: 0 10px 10px 0;
}

.placatext {
    background: #fff;
    text-align: center;
    width: 90px;
    float: left;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
}

.placabtn {
    width: 30px;
    background: #D8D8D8 url(../imagens/trashicon.png) no-repeat center center;
    float: right;
    height: 30px;
}

.placaswrapper {
    float: left;
    padding-left: 25px;
    border-left: 3px solid #d8dee3;
    max-width: 490px;
}

.btnAdicionarPlaca {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #f46b26;
    height: 32px;
    padding: 0 15px;
    text-transform: uppercase;
    line-height: 17px;
    margin-left: 10px;
    float: right;
}

.coluna.fr .panelbtncontratar {
    float: right;
    width: 125px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    min-height: 60px;
    background: #f46b26;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    outline: 1px solid #f46b26;
    text-transform: uppercase;
    line-height: 17px;
}

.coluna.fr .panelstatusoutros {
    float: right;
    width: 125px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    min-height: 60px;
    background: #FFFF99;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    line-height: 17px;
}

.coluna.fr .panelstatusvencido {
    float: right;
    width: 125px;
    font-size: 14px;
    font-weight: 700;
    color: #CC0000;
    text-align: center;
    min-height: 60px;
    background: #FFCCbb;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    line-height: 17px;
}


.coluna.fr .panelstatusapagar {
    float: right;
    width: 125px;
    font-size: 14px;
    font-weight: 700;
    color: #FF9900;
    text-align: center;
    min-height: 60px;
    background: #FFFF99;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    line-height: 17px;
}

.coluna.fr .panelstatuspago {
    float: right;
    width: 125px;
    font-size: 14px;
    font-weight: 700;
    color: #009933;
    text-align: center;
    min-height: 60px;
    background: #CCFFaa;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    line-height: 17px;
}

.esteservico {
    color: rgba(0,0,0,0.5);
    font-size: 12px;
}

.statusesteservico {
    color: #314E91;
    font-size: 12px;
}

.valorservico {
    color: #666;
    font-size: 32px;
    font-weight: 400;
}

.valorservicors {
    font-size: 17px;
    letter-spacing: 0;
}

.panelbtncont {
    height: calc(100% - 39px);
    width: 100%;
    display: table;
}


.panelbtncont_full {
    height: 100%;
    width: 100%;
    display: table;
}


.panelbtntxt {
    vertical-align: middle;
    height: 100%;
    display: table-cell;
}

.panelbtncontmini {
    background: #172E5F;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
}

    .panelbtncontmini:hover {
        background: #2f4981;
    }

     .panelbtncontmini:active {
        background: #051330;
    }


.panelbtnaction {
    border-top: 4px solid #FAFAFA;
    height: 15px;
    font-weight: bold;
    float: left;
    width: 100%;
    background-color: #F46B26;
    text-align: center;
    min-height: 10px;
    padding: 10px 0;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
}

.panelbtnaction:hover {
    background-color: #314E91;
}

.panelbtnaction:active {
    background-color: #122449;
}





.dadosidata {
    background: url(../imagens/Parceiros/iconhora.png) top;
    width: 13px;
    height: 13px;
    margin: 0 5px -2px 0;
    display: inline-block;
}

.dadosihora {
    background: url(../imagens/Parceiros/icondata.png) top;
    width: 13px;
    height: 13px;
    margin: 0 5px -2px 0;
    display: inline-block;
}

.dadosivalor {
    background: url(../imagens/Parceiros/iconvalor.png) top;
    width: 13px;
    height: 13px;
    margin: 0 5px -2px 0;
    display: inline-block;
}

.dadosiplaca {
    background: url(../imagens/Parceiros/icoListaCarro.png) top;
    width: 14px;
    height: 13px;
    margin: 0 5px -2px 5px;
    display: inline-block;
}




.menu-extrato a {
    display: block;
    float: left;
    padding: 15px 0px 0 0;
    /*width: 300px;*/
    width: 299px;
    text-align: center;
    background: #525E75;
    height: 38px;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
}

    .menu-extrato a:last-child {
    width: 300px;
}

    .menu-extrato a.selecionado {
        background: #EEE;
        color: #333977;
        height: 34px;
        border: 1px solid #D8D8D8;
        border-bottom: 3px solid #F46B26;
    }

    .menu-extrato a.selecionado::after {
            content: " ";
        background: url("../imagens/setaaba.png");
        width:20px;
        height:13px;
        position:relative;
          display: block;
  top: 12px;
  left: 140px;
    }

.menu-extrato ul {
    float: left;
    width: 900px;
    padding-bottom: 25px;
}

.btnAlterar {
    float: left;
}

.cadastroFoiAprovado {
    margin-top: 20px;
}

    .cadastroFoiAprovado p {
        width: 850px !important;
        padding: 0 !important;
    }

        .cadastroFoiAprovado p strong {
            font-size: 15px;
        }

    .cadastroFoiAprovado span {
        background: url(../imagens/img-cadastro-aprovado.png) no-repeat;
        width: 49px;
        height: 49px;
        float: left;
        margin: 0 10px 0 0;
    }

.cadastroNaoAprovado {
    margin-top: 20px;
}

    .cadastroNaoAprovado p {
        width: 620px !important;
        padding: 0 !important;
    }

        .cadastroNaoAprovado p strong {
            font-size: 15px;
        }

    .cadastroNaoAprovado span {
        background: url(../imagens/img-cadastro-reprovado.png) no-repeat;
        width: 49px;
        height: 100px;
        float: left;
        margin: 0 10px 0 0;
    }

.boxRecargaAuto {
    width: 700px;
    height: 80px;
    background: url(../imagens/bgBoxRecargaAuto.png) no-repeat;
    float: left;
    margin: 30px 0 0 20px;
    color: #FFF;
    padding: 20px 0 0 200px;
}

    .boxRecargaAuto h2 {
        width: 500px;
        float: left;
    }

    .boxRecargaAuto p {
        width: 500px;
        float: left;
    }

.btnAlterarPlano {
    display: inline-block;
    background: url("../imagens/btnAlterarPlano.png") no-repeat;
    width: 170px;
    height: 58px;
    text-indent: -9999px;
    margin-top: 3px;
}

.btnPesquisar {
    float: left;
    margin: 15px 17px 20px 0;
    background: url(../imagens/botoes.png) no-repeat -170px -168px;
    width: 80px;
    height: 34px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

.btnAlterar {
    float: left;
    margin: 15px 17px 20px 0;
    background: url(../imagens/btnAlterar.png) no-repeat 0 3px;
    width: 80px;
    height: 34px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

.colunaContaCorrente {
    float: left;
    width: 120px;
}

.cadastroNaoAprovado {
    margin-top: 20px;
}

    .cadastroNaoAprovado p {
        width: 620px !important;
        padding: 0 !important;
    }

        .cadastroNaoAprovado p strong {
            font-size: 15px;
        }

    .cadastroNaoAprovado span {
        background: url(../imagens/img-cadastro-reprovado.png) no-repeat;
        width: 49px;
        height: 100px;
        float: left;
        margin: 0 10px 0 0;
    }

.colunaContaCorrente input[type="text"] {
    width: 95px !important;
    margin-right: 20px;
}

.boxRecargaAuto {
    width: 700px;
    height: 80px;
    background: url(../imagens/bgBoxRecargaAuto.png) no-repeat;
    float: left;
    margin: 30px 0 0 20px;
    color: #FFF;
    padding: 20px 0 0 200px;
}

    .boxRecargaAuto h2 {
        width: 500px;
        float: left;
    }

    .boxRecargaAuto p {
        width: 500px;
        float: left;
    }

.btnAlterarPlano {
    display: inline-block;
    background: url("../imagens/btnAlterarPlano.png") no-repeat;
    width: 170px;
    height: 58px;
    text-indent: -9999px;
    margin-top: 3px;
}

.colunaDigito {
    float: left;
    width: 60px;
}

.btnPesquisar {
    float: left;
    margin: 15px 17px 20px 0;
    background: url(../imagens/botoes.png) no-repeat -170px -168px;
    width: 80px;
    height: 34px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

.btnPesquisarServ {
    float: left;
    margin: 7px 0 0 5px;
    background: url(../imagens/botoes.png) no-repeat -170px -168px;
    width: 80px;
    height: 34px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

.btnAlterar {
    float: left;
    margin: 15px 17px 20px 0;
    background: url(../imagens/btnAlterar.png) no-repeat 0 3px;
    width: 80px;
    height: 34px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2px;
    text-indent: -9995px;
}

.colunaDigito input[type="text"] {
    width: 40px !important;
    margin-right: 20px;
    text-transform: uppercase;
}

.colunaAgencia {
    float: left;
    width: 105px;
}

    .colunaAgencia input[type="text"] {
        width: 80px !important;
        margin-right: 20px;
    }

.colunaMesAno {
    float: left;
    width: 80px;
}

    .colunaMesAno select {
        width: 68px !important;
        margin-right: 20px;
        display: inline-block;
    }

.colunaCvv {
    float: left;
    width: 150px;
}

    .colunaCvv input[type="text"] {
        width: 50px !important;
        margin-right: 20px;
    }

.Debito {
    color: red;
}

.colunaDigito input[type="text"] {
    width: 40px !important;
    margin-right: 20px;
    text-transform: uppercase;
}

.colunaAgencia {
    float: left;
    width: 105px;
}

    .colunaAgencia input[type="text"] {
        width: 80px !important;
        margin-right: 20px;
    }

.Debito {
    color: red;
}

.alteraSenhaTopo {
    float: left !important;
    margin-right: 20px;
    font-weight: normal!important;
}

.ajustaCpfCobranca input[type="radio"] {
    display: inline;
    float: left;
    margin: 0 5px 0 0 !important;
}

.ajustaCpfCobranca label {
    display: inline !important;
    float: left;
    margin: 0 5px 3px 0 !important;
}

.alteraSenhaTopo {
    float: left !important;
    margin-right: 20px;
}

.ajustaCpfCobranca input[type="radio"] {
    display: inline;
    float: left;
    margin: 0 5px 0 0 !important;
}

.ajustaCpfCobranca label {
    display: inline !important;
    float: left;
    margin: 0 5px 3px 0 !important;
}

.cadastroClientePosPago .box-planodepagamento {
    background: url(../imagens/bgResumo.png) repeat-x;
    height: auto;
    display: block;
    width: 190px;
    float: left;
    margin-right: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
}

.radioCadastroVeiculo {
    display: inline-block;
    width: 300px;
}

    .radioCadastroVeiculo label {
        display: inline;
        width: auto !important;
        font-weight: bold;
    }

    .radioCadastroVeiculo input[type="radio"] {
        display: inline;
        float: left;
        margin-right: 5px;
    }

.colunaCentral {
    width: 897px;
    height: 330px;
    display: block;
    margin: auto;
    background: url("../img/bgMioloRecarga.png") repeat-x 0 0;
}

    .colunaCentral .bgLeft {
        padding: 0 0 0 135px;
        float: left;
        width: 765px;
        height: auto;
        background: url("../img/tagConectCarRecarga.png") no-repeat 0 0;
        display: block;
    }

.tituloRecarga {
    font-size: 37px;
    color: #2C375A;
    padding: 22px 0 18px 0;
    background: url("../img/borderBottonh3.png") repeat-x 0 bottom;
}

    .tituloRecarga span {
        color: #F37F08;
    }

.boxLeftText {
    width: 297px;
    height: auto;
    display: block;
    float: left;
    padding: 24px 30px 0 0;
}

    .boxLeftText p {
        padding-bottom: 19px;
    }

.boxRightText {
    width: 427px;
    height: auto;
    display: block;
    float: left;
    padding: 24px 0 0 0;
}

    .boxRightText li {
        width: auto;
        float: left;
    }

        .boxRightText li span {
            font-size: 30px;
            color: #ccc;
            padding: 0 12px 0 0;
            float: left;
            line-height: 28px;
            height: 43px;
        }

.bgPlacaHistorico {
    background: url("../img/bgPlacaHistorico.png") no-repeat 0 0;
    margin: 0 0 39px 0;
    width: 897px;
    height: 95px;
    display: block;
    margin: auto;
}

.boxLeftPlaca {
    width: 340px;
    height: 40px;
    display: block;
    float: left;
    padding: 25px 0 0 128px;
}

.boxLeftPlacaConfiguracaoRecarga {
    width: 340px;
    height: 40px;
    display: block;
    float: left;
    padding: 25px 0 0 128px;
}

.boxLeftPlacaConfiguracaoRecarga {
    width: 340px;
    height: 40px;
    display: block;
    float: left;
    padding: 25px 0 0 128px;
}

    .boxLeftPlaca p {
        width: 150px;
        text-align: right;
        font-size: 12px;
        display: block;
        float: left;
        margin-right: 10px;
    }

    .boxLeftPlaca p {
        width: 150px;
        text-align: right;
        font-size: 12px;
        display: block;
        float: left;
        margin-right: 10px;
    }


    .boxLeftPlaca.campoTextoRecarga p {
        width: 330px;
        text-align: left;
        font-size: 12px;
        display: block;
        float: left;
        margin-right: 10px;
    }


.content .extratoCliente form .cadastro .bgPlacaHistorico .boxLeftPlaca select {
    width: 140px;
}

.boxRightPlaca {
    width: 310px;
    height: 40px;
    display: block;
    float: left;
    padding: 24px 0 0 102px;
}

    .boxRightPlaca p {
        width: 190px;
        display: block;
        float: left;
    }

    .boxRightPlaca a {
        width: 113px;
        height: 32px;
        display: block;
        text-indent: -99999px;
        float: left;
        background: url("../img/btnHistorico.png") no-repeat 0 0;
    }

    .boxRightPlaca p {
        width: 190px;
        display: block;
        float: left;
    }

    .boxRightPlaca a {
        width: 113px;
        height: 32px;
        display: block;
        text-indent: -99999px;
        float: left;
        background: url("../img/btnHistorico.png") no-repeat 0 0;
    }


.listaValores {
    margin: 0 0 39px 0;
    width: 897px;
    height: auto;
    display: block;
    margin: auto;
}

    .listaValores li {
        float: left;
        display: block;
        width: 149px;
        height: 220px;
        padding-top: 26px;
        text-align: center;
        font-size: 11px;
        background: url("../img/bgValoresRecarga.png") no-repeat -15px 0;
    }

.linhaUm {
    height: 57px;
    display: block;
}

.cifrao {
    font-size: 20px;
    color: #1F3980;
}


.numero {
    font-size: 25px;
    color: #1F3980;
}

.listaValores li .btnComprar {
    width: 148px;
    height: 48px;
    display: block;
    text-indent: -99999px;
    background: url("../img/btnRecarregar.png") no-repeat -15px 0;
    margin: 17px 0 25px 0;
}

    .listaValores li .btnComprar:hover {
        background: url("../img/btnRecarregar.png") no-repeat -15px -46px;
    }

.boxGanhe {
    width: 70px;
    height: 44px;
    display: block;
    margin: auto;
    background: url("../img/bgKm.png") no-repeat center bottom;
}

.boxGanheRecarga span .boxGanhe {
    font-size: 20px;
    color: #FFF;
    position: relative;
    top: -2px;
}

    .boxGanheRecarga span .boxGanhe strong {
        padding: 0 0 0 2px;
        display: block;
        text-align: left;
        line-height: 60px;
    }

.titGanhe {
    font-size: 12px;
    color: #666666;
    width: 70px;
    display: block;
    text-align: center;
}

.resultadoKm {
    font-size: 22px;
    color: #ffffff;
    width: 70px;
    display: block;
    float: right;
    padding: 3px 17px 0 0;
}

.boxIpiranga {
    width: 860px;
    height: 65px;
    display: block;
    margin: 60px auto 0 auto;
    padding: 16px;
    background: #F1F1F1;
    border: 1px solid #EEEEEE;
}

    .boxIpiranga .kmVantagens {
        width: 110px;
        height: 60px;
        display: block;
        float: left;
        background: url("../img/logoKMVIpiranga.png") no-repeat 0 0;
    }

.boxValorRecarga {
    width: 430px;
    margin: 0 20px 20px 0;
    float: left;
}


.compraTag .boxQuantidadeTag {
    width: 280px;
    margin: 0 20px 20px 0;
    float: left;
}


.boxGanheRecarga {
    width: 176px;
    margin: 0 20px 20px 0;
    float: left;
}

.boxGanheRecarga {
    width: 176px;
    margin: 0 20px 20px 0;
    float: left;
}

.boxVeiculoRecarga {
    width: 120px;
    float: left;
    margin-left: 23px;
}

.boxValorRecarga span {
    width: 530px;
    height: 50px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
}

    .boxValorRecarga span div {
        float: left;
        margin: 11px 0 0 0;
        text-align: center;
    }

    .boxValorRecarga span .valorRecarga1 {
        margin: 10px 0 0 10px;
    }

        .boxValorRecarga span .valorRecarga1 b {
            font-size: 30px;
            color: #1A1B55;
        }

        .boxValorRecarga span .valorRecarga1 strong {
            font-size: 25px;
            color: #666;
        }

    .boxValorRecarga span img {
        float: left;
        margin: 10px 10px 0 10px;
    }

.boxGanheRecarga span {
    width: 176px;
    height: 50px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    font-size: 30px;
    padding: 0 0 0 0;
    font-weight: bold;
    text-align: center;
    color: #1A1B55;
}

.boxValorRecarga span .valorRecarga1 {
    margin: 10px 0 0 10px;
}

    .boxValorRecarga span .valorRecarga1 b {
        font-size: 30px;
        color: #1A1B55;
    }

    .boxValorRecarga span .valorRecarga1 strong {
        font-size: 25px;
        color: #666;
    }

.boxValorRecarga span img {
    float: left;
    margin: 10px 10px 0 10px;
}

.boxGanheRecarga span {
    width: 176px;
    height: 50px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    font-size: 30px;
    padding: 0 0 0 0;
    font-weight: bold;
    text-align: center;
    color: #1A1B55;
}

.boxVeiculoRecarga span {
    width: 100px;
    height: 33px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    font-size: 16px!important;
    font-weight: normal;
    text-align: center;
    padding: 17px 0 0 0;
    color: #1A1B55;
    margin-bottom: 20px;
}

.tituloBoxRecarga, .tituloBoxQuantidadeTag {
    display: block;
    margin-bottom: 5px;
}

.boxItauRecarga {
    height: 88px;
    width: 856px;
    background: #FFF;
    display: block;
    border: 1px solid #ccc;
    margin: 20px 0 30px 0;
}

    .boxItauRecarga img {
        float: left;
        margin: 15px 20px 0 20px;
    }

    .boxItauRecarga p {
        float: left;
        margin: 20px 0 0 0;
    }

.btnRodapeRecarga {
    float: right;
    width: auto;
    margin-right: 20px;
}

.numeroPedido {
    width: 208px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

    .numeroPedido h4 {
        display: block;
        margin-bottom: 5px;
    }

    .numeroPedido span {
        background: #fff;
        height: 66px;
        width: 208px;
        border: 1px solid #ccc;
        float: left;
        font-size: 38px;
        color: #1A1B55;
        font-weight: bold;
        padding: 20px 0 0 0;
        text-align: center;
    }

.pagamentoRecarga span {
    float: left;
    width: 628px;
    border: 1px solid #ccc;
    background: #FFF;
    height: 86px;
}

.pagamentoRecarga {
    width: 628px;
    float: left;
    margin-bottom: 30px;
}

    .pagamentoRecarga h4 {
        margin-bottom: 5px;
    }

    .pagamentoRecarga span img {
        float: left;
        margin: 12px 20px 0 20px;
    }

    .pagamentoRecarga span p {
        width: 357px;
        float: left;
        margin-top: 12px;
        line-height: 20px;
    }

.bradLi a {
    color: #000;
}


.contentFull {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    width: 940px;
    margin-bottom: 20px;
    padding-top: 30px;
    float: left;
    padding-bottom: 20px;
    background: #FFF;
}

    .contentFull .header {
        display: inline-block;
        margin-bottom: 15px;
        width: 100%;
        margin-left: 20px;
    }

        .contentFull .header .coluna {
            padding: 0 10px;
            float: left;
        }

            .contentFull .header .coluna label {
                display: block;
                font-weight: bold;
            }

            .contentFull .header .coluna .saldo {
                vertical-align: bottom;
                font-weight: bolder;
                font-size: 30px;
            }

    .contentFull .leftContent {
        width: 570px;
        float: left;
        position: relative;
        margin-left: 20px;
    }

        .contentFull .leftContent h5 {
            font-size: 20px;
            background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
            width: 570px;
            height: 30px;
            margin-bottom: 15px;
            font-weight: normal;
        }

        .contentFull .leftContent section article {
            padding-bottom: 10px;
            padding-top: 10px;
            border-bottom: 1px solid #ccc;
        }

.tituloBoxRecarga, .tituloBoxQuantidadeTag {
    display: block;
    margin-bottom: 5px;
}

.boxItauRecarga {
    height: 88px;
    width: 856px;
    background: #FFF;
    display: block;
    border: 1px solid #ccc;
    margin: 20px 0 30px 0;
}

    .boxItauRecarga img {
        float: left;
        margin: 15px 20px 0 20px;
    }

    .boxItauRecarga p {
        float: left;
        margin: 20px 0 0 0;
    }

.btnRodapeRecarga {
    float: right;
    width: auto;
    margin-right: 20px;
}

.numeroPedido {
    width: 208px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

    .numeroPedido h4 {
        display: block;
        margin-bottom: 5px;
    }

    .numeroPedido span {
        background: #fff;
        height: 66px;
        width: 208px;
        border: 1px solid #ccc;
        float: left;
        font-size: 38px;
        color: #1A1B55;
        font-weight: bold;
        padding: 20px 0 0 0;
        text-align: center;
    }

.pagamentoRecarga span {
    float: left;
    width: 628px;
    border: 1px solid #ccc;
    background: #FFF;
    height: 86px;
}

.pagamentoRecarga {
    width: 628px;
    float: left;
    margin-bottom: 30px;
}

    .pagamentoRecarga h4 {
        margin-bottom: 5px;
    }

    .pagamentoRecarga span img {
        float: left;
        margin: 12px 20px 0 20px;
    }

    .pagamentoRecarga span p {
        width: 357px;
        float: left;
        margin-top: 12px;
        line-height: 20px;
    }

.bradLi a {
    color: #000;
}

.contentFull .leftContent section article span {
    font-weight: bold;
}

.boxItauRecarga p {
    float: left;
    margin: 20px 0 0 0;
}

.btnRodapeRecarga {
    float: right;
    width: auto;
    margin-right: 20px;
}

.numeroPedido {
    width: 208px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

    .numeroPedido h4 {
        display: block;
        margin-bottom: 5px;
    }

    .numeroPedido span {
        background: #fff;
        height: 66px;
        width: 208px;
        border: 1px solid #ccc;
        float: left;
        font-size: 38px;
        color: #1A1B55;
        font-weight: bold;
        padding: 20px 0 0 0;
        text-align: center;
    }

.pagamentoRecarga span {
    float: left;
    width: 628px;
    border: 1px solid #ccc;
    background: #FFF;
    height: 86px;
}

.pagamentoRecarga {
    width: 628px;
    float: left;
    margin-bottom: 30px;
}

    .pagamentoRecarga h4 {
        margin-bottom: 5px;
    }

    .pagamentoRecarga span img {
        float: left;
        margin: 12px 20px 0 20px;
    }

    .pagamentoRecarga span p {
        width: 357px;
        float: left;
        margin-top: 12px;
        line-height: 20px;
    }

.bradLi a {
    color: #000;
}


.contentFull {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    width: 940px;
    margin-bottom: 20px;
    padding-top: 30px;
    float: left;
    padding-bottom: 20px;
    background: #FFF;
}

    .contentFull .header {
        display: inline-block;
        margin-bottom: 15px;
        width: 100%;
        margin-left: 20px;
    }

        .contentFull .header .coluna {
            padding: 0 10px;
            float: left;
        }

            .contentFull .header .coluna label {
                display: block;
                font-weight: bold;
            }

            .contentFull .header .coluna .saldo {
                vertical-align: bottom;
                font-weight: bolder;
                font-size: 30px;
            }

    .contentFull .leftContent {
        width: 570px;
        float: left;
        position: relative;
        margin-left: 20px;
    }

        .contentFull .leftContent h5 {
            font-size: 20px;
            background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
            width: 570px;
            height: 30px;
            margin-bottom: 15px;
            font-weight: normal;
        }

        .contentFull .leftContent section article {
            padding-bottom: 10px;
            padding-top: 10px;
            border-bottom: 1px solid #ccc;
        }

            .contentFull .leftContent section article span {
                font-weight: bold;
            }

            .contentFull .leftContent section article .date {
                color: #2E3092;
            }

            .contentFull .leftContent section article .news p {
                display: none;
            }

        .contentFull .leftContent.noticiaFull {
            width: 900px;
            float: left;
            position: relative;
            margin-left: 20px;
        }

            .contentFull .leftContent.noticiaFull h5 {
                font-size: 20px;
                background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
                width: 900px;
                height: 30px;
                margin-bottom: 15px;
                font-weight: normal;
            }

.tituloFormaPagamento {
    width: 825px;
    background: #FFF;
    padding: 10px 10px 10px 20px;
    border: 1px solid #CCC;
}

.contentFull .leftContent section article a {
    color: black;
    font-weight: bold;
}

    .contentFull .leftContent section article a:hover {
        color: black;
        text-decoration: underline;
        font-weight: bold;
    }

    .contentFull .leftContent section article a:visited {
        color: black;
        font-weight: bold;
    }

.contentFull .leftContent section a {
    color: #FF620D;
    font-weight: bold;
}

    .contentFull .leftContent section a:hover {
        color: #FF620D;
        text-decoration: underline;
        font-weight: bold;
    }

    .contentFull .leftContent section a:visited {
        color: #FF620D;
        font-weight: bold;
    }

.contentFull .rightContent {
    width: 300px;
    border-radius: 4px;
    border: 1px solid #CCC;
    margin-right: 20px;
    background: url("../imagens/bgResumo.png") repeat-x scroll 0 0 transparent;
    background-color: #EFEFEF;
}

    .contentFull .rightContent header {
        height: 62px;
        border-bottom: 1px solid #ccc;
    }

        .contentFull .rightContent header h3 {
            font-size: 20px;
            padding: 20px 0 0 20px;
            font-weight: normal;
            text-align: center;
        }

    .contentFull .rightContent img {
        float: left;
        margin: 20px 0 0 20px;
    }

    .contentFull .rightContent section article {
        padding: 10px 10px;
        border-bottom: 1px solid #ccc;
    }

        .contentFull .rightContent section article span {
            font-weight: bold;
        }

        .contentFull .rightContent section article .date {
            color: #2E3092;
        }


.contentHome {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-top: 0;
    width: 940px;
    margin-bottom: 20px;
    padding-top: 30px;
    float: left;
    padding-bottom: 20px;
    background: #FFF;
}

    .contentHome .leftContent {
        width: 640px;
        float: left;
        position: relative;
        margin-left: 20px;
        padding: 16px 20px 0 0;
    }

        .contentHome .leftContent h5 {
            font-size: 20px;
            background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
            width: 640px;
            height: 30px;
            margin-bottom: 15px;
            font-weight: normal;
        }

        .contentHome .leftContent section article {
            padding: 5px 0;
            border-bottom: 1px solid #CCCCCC;
        }

            .contentHome .leftContent section article a {
                color: black;
            }

                .contentHome .leftContent section article a:hover {
                    color: black;
                    text-decoration: underline;
                }

.contentFull .leftContent section a {
    color: #FF620D;
    font-weight: bold;
}

.contentHome .leftContent section a {
    color: #FF620D;
    font-weight: bold;
}

    .contentHome .leftContent section a:hover {
        color: #FF620D;
        text-decoration: underline;
        font-weight: bold;
    }

    .contentHome .leftContent section a:visited {
        color: #FF620D;
        font-weight: bold;
    }

.contentHome .leftContent section article span {
    font-weight: bold;
}

.contentHome .leftContent section article .date {
    color: #2E3092;
}

.contentHome .rightContent {
    float: left;
    width: 260px;
}

    .contentHome .rightContent .bgSaldo {
        background: url("../imagens/bgSaldoHome.jpg") no-repeat scroll 0 0 transparent;
        border-bottom: 1px solid #CCCCCC;
        display: table;
        height: auto;
        padding: 100px 0 10px 10px;
        width: 230px;
    }

        .contentHome .rightContent .bgSaldo .coluna {
            padding: 10px 10px;
            float: left;
        }

            .contentHome .rightContent .bgSaldo .coluna label {
                font-weight: bold;
            }

            .contentHome .rightContent .bgSaldo .coluna .saldo {
                vertical-align: bottom;
                font-weight: bolder;
                font-size: 30px;
            }

    .contentHome .rightContent .bgSeuSaldo .coluna {
        padding: 10px 0 2px 10px;
        float: left;
        width: 98px;
        height: 50px;
    }

    .contentHome .rightContent .bgSeuSaldo .colunaSaldo {
        padding: 10px 0 2px 10px;
        float: left;
        width: 207px;
        margin-top: 40px;
        height: auto !important;
    }

    .contentHome .rightContent .bgSeuSaldo .coluna label {
        font-weight: bold;
        margin-bottom: 5px;
        display: inline-block;
    }

    .contentHome .rightContent .bgSeuSaldo .coluna .saldo {
        vertical-align: bottom;
        font-weight: bolder;
        font-size: 30px;
    }

    .contentHome .rightContent .bgSeuSaldo .coluna #ddlPlacas {
        padding: 5px;
    }

.labelSaldoVeiculo {
    margin: 8px 0;
    display: inline-block;
}

.iconeCarro {
    position: absolute;
    top: -22px;
}

.meuConectcar {
    padding: 5px 0 16px 63px !important;
    width: 68% !important;
    text-align: right !important;
}

.btnMigrarPlano {
background: #f46e29;
  position: relative;
  top: -2px;
  color: #fff;
  padding: 8px 8px;
  text-transform: uppercase;
  font-weight: 600;
}

.contentHome .rightContent .buttons {
    padding-right: 20px;
    display: inline-block;
}


#btnMeuExtrato {
    width: 97px;
    height: 32px;
    text-indent: -9989px;
    background: url(../imagens/btnMeuExtrato.png) no-repeat;
    float: left;
    margin: 20px 0 0 0;
}

#btnAtualizarCadastro {
    width: 136px;
    height: 32px;
    text-indent: -9989px;
    background: url(../imagens/btnAtualizarCadastro.png) no-repeat;
    float: left;
    margin: 20px 0 0 8px;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}

.modalPrimeiroAcesso .banner {
    background: url(../imagens/bannerConectCarCarro.jpg) no-repeat;
    width: 600px;
    height: 325px;
    float: left;
}

.modalPrimeiroAcesso .texto {
    display: block;
    float: right;
    width: 310px;
}

    .modalPrimeiroAcesso .texto h2 {
        font-size: 40px;
        color: #f34810;
        font-style: italic;
        margin: 50px 0 10px 0;
    }

.contentHome {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-top: 0;
    width: 940px;
    margin-bottom: 20px;
    padding-top: 30px;
    float: left;
    padding-bottom: 20px;
    background: #FFF;
}

    .contentHome .leftContent {
        width: 640px;
        float: left;
        position: relative;
        margin-left: 20px;
        padding: 16px 20px 0 0;
    }

        .contentHome .leftContent h5 {
            font-size: 20px;
            background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
            width: 640px;
            height: 30px;
            margin-bottom: 15px;
            font-weight: normal;
        }

        .contentHome .leftContent section article {
            padding: 5px 0;
            border-bottom: 1px solid #CCCCCC;
        }

            .contentHome .leftContent section article a {
                color: black;
            }

                .contentHome .leftContent section article a:hover {
                    color: black;
                    text-decoration: underline;
                }

                .contentHome .leftContent section article a:visited {
                    color: black;
                }

        .contentHome .leftContent section a {
            color: #FF620D;
            font-weight: bold;
        }

            .contentHome .leftContent section a:hover {
                color: #FF620D;
                text-decoration: underline;
                font-weight: bold;
            }

            .contentHome .leftContent section a:visited {
                color: #FF620D;
                font-weight: bold;
            }

        .contentHome .leftContent section article span {
            font-weight: bold;
        }

        .contentHome .leftContent section article .date {
            color: #2E3092;
        }

    .contentHome .rightContent {
        float: left;
        width: 260px;
        margin-top: -30px;
    }

        .contentHome .rightContent .bgSaldo {
            background: url("../imagens/bgSaldoHome.jpg") no-repeat scroll 0 0 transparent;
            border-bottom: 1px solid #CCCCCC;
            display: table;
            height: auto;
            padding: 100px 0 10px 10px;
            width: 230px;
        }

            .contentHome .rightContent .bgSaldo .coluna {
                padding: 10px 10px;
                float: left;
            }

                .contentHome .rightContent .bgSaldo .coluna label {
                    font-weight: bold;
                }

                .contentHome .rightContent .bgSaldo .coluna .saldo {
                    vertical-align: bottom;
                    font-weight: bolder;
                    font-size: 30px;
                }

        .contentHome .rightContent .bgSeuSaldo .coluna {
            padding: 10px 0 2px 10px;
            float: left;
            width: 98px;
            height: 50px;
        }

        .contentHome .rightContent .bgSeuSaldo .colunaLabel {
            font-size: 12px;
            font-weight: bold;
            color: #444;
            display: block;
            margin-bottom: 5px;
            margin-left: 5px;
        }

.colunaSelect {
    height: 30px;
    color: #666;
    padding-right: 0;
}



#ddlplanos {
    width: 151px;
}

.contentHome .rightContent .bgSeuSaldo .colunaPlano {
    float: left;
    width: 140px;
    height: 50px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.contentHome .rightContent .bgSeuSaldo .colunaMigrar {
    float: right;
    margin-top: 28px;
    width: 70px;
    height: 32px;
    display: inline-block;
    margin-right: -7px;
}

.contentHome .rightContent .bgSeuSaldo .colunaPlaca {
    float: left;
    width: 110px;
    height: 50px;
    display: inline-block;
}

.contentHome .rightContent .bgSeuSaldo .colunaTag {
    float: right;
    width: 98px;
    height: 50px;
    display: inline-block;
}

.contentHome .rightContent .bgSeuSaldo .codigoTag {
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    margin-left: 5px;
}

.contentHome .rightContent .bgSeuSaldo .colunaSaldo {
    padding: 10px 0 2px 10px;
    float: left;
    width: 207px;
    margin-top: 75px;
    height: auto !important;
}

    .contentHome .rightContent .bgSeuSaldo .colunaSaldo .seuSaldo {
        font-style: italic;
        color: #666;
        font-size: 11px;
    }

    .contentHome .rightContent .bgSeuSaldo .colunaSaldo .moedaSaldo {
        font-weight: bold !important;
        color: #666 !important;
        font-size: 20px !important;
        padding-right: 10px;
        margin-top: -10px;
    }

#btnMeuExtrato {
    width: 97px;
    height: 32px;
    text-indent: -9989px;
    background: url(../imagens/btnMeuExtrato.png) no-repeat;
    float: left;
    margin: 20px 0 0 0;
}

#btnAtualizarCadastro {
    width: 136px;
    height: 32px;
    text-indent: -9989px;
    background: url(../imagens/btnAtualizarCadastro.png) no-repeat;
    float: left;
    margin: 20px 0 0 8px;
}

.contentHome .rightContent .bgSeuSaldo .colunaSaldo h3 {
    font-size: 24px;
    padding: 10px 0 31px 58px;
    width: 146px;
}

.spanConfPlano label {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

.spanConfPlano .field-validation-error {
    margin: 5px 0 0 0;
}

.contentHome .rightContent .bgSeuSaldo .coluna #ddlPlacas {
    padding: 5px;
}

.politicaCredito b {
    color: #f30;
    cursor: pointer;
}

.labelSaldoVeiculo {
    margin: 8px 0;
    display: inline-block;
    color: #444;
    font-weight: bold;
}

.iconeCarro {
    position: absolute;
    top: -22px;
}


.btnMigrarCliente {
    background: url(../imagens/btnMigrarCliente.png) no-repeat;
    background-position: center center;
    display: inline-block;
    width: 62px;
    height: 32px;
    text-indent: -9995px;
}

.contentHome .rightContent .buttons {
    padding-right: 20px;
    display: inline-block;
}


#btnMeuExtrato {
    width: 97px;
    height: 32px;
    text-indent: -9989px;
    background: url(../imagens/btnMeuExtrato.png) no-repeat;
    float: left;
    margin: 20px 0 0 0;
}

#btnAtualizarCadastro {
    width: 136px;
    height: 32px;
    text-indent: -9989px;
    background: url(../imagens/btnAtualizarCadastro.png) no-repeat;
    float: left;
    margin: 20px 0 0 8px;
}

.spanConfPlano .field-validation-error {
    margin: 5px 0 0 0;
}

.centralizaTxtModal {
    display: block;
    margin: 15px 0 0 10px;
}

.politicaCredito b {
    color: #f30;
    cursor: pointer;
}

.centralizaTxtModal {
    display: block;
    margin: 15px 0 0 10px;
}

.linhaFooterModal {
    background: url(../imagens/linha-divisao.png) repeat-x;
    width: 380px;
    display: block;
    float: left;
    height: 5px;
    margin: 20px 0 10px 0;
}

.fl {
    float: left;
}

.cb {
    clear: both;
}

.content-geral {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

.modalPrimeiroAcesso .banner {
    background: url(../imagens/bannerConectCarCarro.jpg) no-repeat;
    width: 600px;
    height: 325px;
    float: left;
}

.modalPrimeiroAcesso .texto {
    display: block;
    float: right;
    width: 310px;
}

    .modalPrimeiroAcesso .texto h2 {
        font-size: 40px;
        color: #f34810;
        font-style: italic;
        margin: 50px 0 10px 0;
    }

    .modalPrimeiroAcesso .texto p {
        font-size: 18px;
        color: #666;
        line-height: 30px;
        padding-right: 20px;
    }

        .modalPrimeiroAcesso .texto p a {
            color: #252178;
            text-decoration: underline;
        }

.spanConfPlano {
    float: left;
    padding: 10px 0 0 0;
}

    .spanConfPlano label {
        font-weight: bold;
        display: inline-block;
        margin-bottom: 5px;
    }

.box-veiculos-cadastrados {
    width: auto;
    height: auto;
    display: table;
    margin: 20px auto 20px auto;
}

.spanConfPlano .field-validation-error {
    margin: 5px 0 0 0;
}

.no-border .btnVoltar {
    margin: 0 !important;
}

.box-veiculos-cadastrados li {
    width: 888px;
    height: 78px;
    display: block;
    border: 1px solid #E0E0E0;
    background: #F1F1F1;
    margin: 0 0 20px 0;
}

.politicaCredito b {
    color: #f30;
    cursor: pointer;
}

.box-veiculos-cadastrados li div {
    display: block;
    float: left;
    height: 78px;
    text-align: center;
}

.centralizaTxtModal {
    display: block;
    margin: 15px 0 0 10px;
}

.linhaFooterModal {
    background: url(../imagens/linha-divisao.png) repeat-x;
    width: 380px;
    display: block;
    float: left;
    height: 5px;
    margin: 20px 0 10px 0;
}

.box-veiculos-cadastrados li div span strong {
    padding-top: 20px;
    height: 24px;
    display: block;
    font-size: 12px;
}


.content-geral {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

.box-veiculos-cadastrados li div.placa span {
    padding-top: 31px;
    padding-left: 10px;
    height: 24px;
    display: block;
    font-size: 15px;
}

.box-veiculos-cadastrados li div.placa {
    width: 115px;
    text-align: left;
}

.box-veiculos-cadastrados li div.marca {
    width: 100px;
}

.box-veiculos-cadastrados li div.modelo {
    width: 235px;
}

.box-veiculos-cadastrados li div.centroCustoPj {
    width: 140px;
}

.box-veiculos-cadastrados li div {
    display: block;
    float: left;
    height: 78px;
    text-align: center;
}

    .box-veiculos-cadastrados li div span strong {
        padding-top: 20px;
        height: 24px;
        display: block;
        font-size: 12px;
    }

    .box-veiculos-cadastrados li div.placa span {
        padding-top: 31px;
        padding-left: 10px;
        height: 24px;
        display: block;
        font-size: 15px;
    }

    .box-veiculos-cadastrados li div.placa {
        width: 115px;
        text-align: left;
    }

    .box-veiculos-cadastrados li div.marca {
        width: 100px;
    }

    .box-veiculos-cadastrados li div.modelo {
        width: 235px;
    }

    .box-veiculos-cadastrados li div.centroCustoPj {
        width: 140px;
    }

    .box-veiculos-cadastrados li div.modeloPJ {
        width: 140px;
    }

    .box-veiculos-cadastrados li div.plano {
        width: 140px;
    }



    .box-veiculos-cadastrados li div.status {
        /*width: 125px;*/
        width: 140px;
    }

    .box-veiculos-cadastrados li div.acoes {
        width: 200px;
        /*width: 262px;*/
        background: url(../img/bg-acoes.png) no-repeat 0 center;
        padding-left: 48px;
        float: right;
    }

        .box-veiculos-cadastrados li div.acoes.pendendes {
        width: 105px;
        background: url(../img/bg-acoes.png) no-repeat 0 center;
        padding-left: 0;
        float: right;
        }

    .box-veiculos-cadastrados li div.acoesPJ {
        width: 190px;
        background: url(../img/bg-acoes.png) no-repeat 0 center;
        padding-left: 48px;
        float: right;
    }

    .box-veiculos-cadastrados li div.utilizacao {
        width: 60px;
    }

    .box-veiculos-cadastrados li div.historico {
        width: 60px;
    }

.bg-red {
    background: url(../img/bg-red.png) no-repeat 0 center;
}

.bg-blue {
    background: url(../img/bg-blue.png) no-repeat 0 center;
    color: #fff;
}

.no-border {
    border: none;
}

.box-veiculos-cadastrados li a {
    display: inline-block;
    height: 57px;
    text-indent: -99999px;
    margin: 10px 15px 0 0;
}

    .box-veiculos-cadastrados li a.btn-editar {
        width: 35px;
        background: url(../img/ico-editar.png) no-repeat center 0;
        margin: 10px 18px 0 0;
    }

    .box-veiculos-cadastrados li a.btn-configurar {
        width: 60px;
        background: url(../img/ico-configurar.png) no-repeat center 0;
    }

    .box-veiculos-cadastrados li a.btn-migrar {
        width: 38px;
        background: url(../img/ico-migrar.png) no-repeat center 0;
    }

        .box-veiculos-cadastrados li a.btn-substituir {
        width: 54px;
        background: url(../img/ico-substituir.png) no-repeat center 0;
        margin: 10px 12px 0 0;
    }

    .box-veiculos-cadastrados li a.btn-ativar {
        width: 38px;
        background: url(../img/btn-ativar-plano-conect.png) no-repeat center 0;
        margin-left: 53px;
    }

    .box-veiculos-cadastrados li a.btn-recargaAutorizada {
        width: 65px;
        background: url(../img/ico-recarga-autoriada.png) no-repeat center 0;
    }

.box-veiculos-cadastrados td ul li {
    width: auto;
    height: auto;
    display: table;
    background: none;
    border: none;
}

.box-veiculos-cadastrados td ul li {
    width: 280px;
    height: 78px;
}

.tit-pendentes {
    text-align: left;
    padding: 20px 0 0 30px;
    font-size: 14px;
}
.txt-pendentes {
    padding: 5px 0 0 30px;
}

.tabela-extrato h5 {
    font-size: 27px;
    font-weight: 700;
    height: 30px;
    margin-bottom: 5px;
    width: 889px;
    color: #172e5f;
}

.subh5 {
    font-size: 15px;
    font-weight: 400;
    //height: 30px;
    height: 17px;
    margin-bottom: 5px;
    width: 889px;
    color: #172e5f;
}

.tabela-extrato h5.subtitulo {
  font-weight: 500;
  color: #777;
  background: none;
  border-bottom: 3px solid #eee;
  margin: 20px 0;
    clear: both;
}


.linha-plano-veiculo-titulo {
    color: #696969;
    font-size: 15px;
    vertical-align: top;
    font-family: Calibri,Arial;
}

.linha-pontilhada-veiculo-titulo {
    border: 1px dashed #DCDCDC;
}

.btn-migrar-false {
    width: 38px;
    opacity: 0.3;
    vertical-align: bottom;
    padding-right: 15px;
}

.btn-recargaAutorizada-false {
    width: 60px;
    opacity: 0.3;
    vertical-align: bottom;
    padding-right: 15px;
}

.btn-editar-false {
    width: 38px;
    opacity: 0.3;
    vertical-align: bottom;
    padding-right: 15px;
}


.acoes.pendendes .btn-migrar-false {
    width: 38px;
    opacity: 0.3;
    vertical-align: bottom;
    padding-right: 15px;
    margin: 10px 0 0 47px;
}

.btn-editar-dados-pagamento {
    color: #172e5f;
    font-size: 15px;
    vertical-align: top;
    font-family: Calibri,Arial;
    vertical-align: top;
    max-width: 240px;
    float: right;
    background: url("../img/ico-editar-pagamento.png") no-repeat top left;
    text-align: right;
    width: 200px;
}








.telaCompletarDadosVeiculo {
    float: left;
    width: 878px;
    margin-left: 20px;
    padding-left: 20px;
    background: url(../imagens/bgResumo.png) repeat-x #F0F0F0;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
}


    .telaCompletarDadosVeiculo h3 {
        width: 858px;
        margin-top: 15px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 5px;
    }

    .telaCompletarDadosVeiculo select {
        width: 200px;
    }

.telaCompletarDadosVeiculo {
    float: left;
    width: 878px;
    margin-left: 20px;
    padding-left: 20px;
    background: url(../imagens/bgResumo.png) repeat-x #F0F0F0;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
}

    .telaCompletarDadosVeiculo label {
        float: left;
        width: 190px;
    }

    .telaCompletarDadosVeiculo h3 {
        width: 858px;
        margin-top: 15px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 5px;
    }

    .telaCompletarDadosVeiculo select {
        width: 200px;
    }

    .telaCompletarDadosVeiculo .linhaInteira {
        width: 858px;
        margin-bottom: 20px;
    }

        .telaCompletarDadosVeiculo .linhaInteira .colunaPlaca {
            float: left;
            width: 100px;
            height: 60px;
            background: royalblue;
            color: #fff;
        }

        .telaCompletarDadosVeiculo .linhaInteira .colunaTag {
            float: left;
            width: 110px;
            height: 60px;
            background: royalblue;
            color: #fff;
            margin-right: 10px;
        }

        .telaCompletarDadosVeiculo .linhaInteira .coluna {
            float: left;
            width: 210px;
            height: 60px;
        }

#extrato-outros figure {
    margin: 30px 0 0 0;
}

#extrato-outros td ul li figure {
    margin: 10px 0 0 0;
}

    #extrato-outros figure.bannerVeiculos {
        margin: 0 0 20px 0;
    }

    #extrato-outros figure.legendaVeiculo {
        margin: 20px 0 0 0;
    }

.contentHome figure {
    margin: 0 0 20px 20px;
    display: block;
}

#figureBanner li figure {
    margin: 0 0 20px 0;
    display: block;
}

.colunaConfPlano {
    float: left !important;
    width: 665px;
    text-align: left !important;
    padding: 8px 0 0 10px;
    line-height: 18px;
}

    .colunaConfPlano label {
        font-weight: bold;
        padding-bottom: 5px;
        display: inline-block;
    }

.colunaDentroBox input[type="text"] {
    width: 100px;
    height: 32px;
    border: 1px solid #CCC;
}

.colunaDentroBox {
    width: 120px;
    float: left;
    margin-top: 10px;
}

    .colunaDentroBox select {
        width: 100px !important;
    }


.boxAutorizacao {
    width: 552px;
    height: 50px;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 20px 0 0 20px;
    margin: 25px 0 0 0;
}

.boxAutorizacaoResposta {
    width: 880px;
    height: 120px;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 20px 0 0 20px;
    margin: 10px 0 0 0;
}

    .boxAutorizacaoResposta p {
        display: block;
        margin-top: 10px;
        font-weight: bold;
    }

        .boxAutorizacaoResposta p a {
            color: #f30;
        }

.boxConfigureSeuPlano {
    width: 552px;
    height: 66px;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 20px 0 0 20px;
    margin: 20px 0 0 0;
}

    .boxConfigureSeuPlano label {
        font-weight: normal;
        float: left;
        font-size: 12px;
    }

    .boxConfigureSeuPlano .planoMsgErro {
        float: right;
        width: 190px;
        margin-right: 20px;
    }

        .boxConfigureSeuPlano .planoMsgErro select {
            width: 100%;
        }

.boxConfigureSeuPlanoWizard {
    margin: 30px auto;
    display: block;
    width: 715px;
    height: 110px;
}

.configurarValorMinimoPrePago {
    display: block;
}

.inputPrePago {
    width: 718px !important;
    height: 48px !important;
    font-size: 14px;
    border: 1px solid #f0b496 !important;
    color: #172e5f;
}

.selectPrePago select {
}

.labelPrePago {
    display: block;
    color: #172e5f;
    font-weight: normal;
    font-size: 14px;
}

.boxConfigureSeuPlanoWizardPrePago {
    display: block;
    margin: 20px auto 0 auto;
    width: 730px;
}

    .boxConfigureSeuPlanoWizardPrePago select {
        width: 725px;
        height: 48px;
        font-size: 14px;
        border: 1px solid #f0b496 !important;
        color: #172e5f;
    }

    .boxConfigureSeuPlanoWizardPrePago .coluna {
        float: none !important;
        width: auto !important;
        margin: 25px 0;
    }

    .boxConfigureSeuPlanoWizardPrePago .valorMinimo {
        margin-left: 30px;
        margin-top: 30px;
    }

    .boxConfigureSeuPlanoWizardPrePago .formaRecebimento {
        margin-left: 50px;
        margin-top: 30px;
    }

    .boxConfigureSeuPlanoWizardPrePago .imgStep3c {
        display: inline-block;
        background: url(../imagens/img_step3c.png) no-repeat;
        background-position: center center;
        width: 153px;
        height: 136px;
        float: left;
        margin-left: 70px;
    }

    .boxConfigureSeuPlanoWizardPrePago .checkWizardPlano {
    }

    .boxConfigureSeuPlanoWizardPrePago .text {
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold;
        color: #444;
    }

.imgMinimoBoxConfigureSeuPlanoWizard {
    float: left;
    margin-left: 30px;
    width: 100px;
    height: 150px;
    display: inline-block;
    background: url(../imagens/img_step4_minimo.png) no-repeat;
    background-position: center center;
}

.imgRecargaBoxConfigureSeuPlanoWizard {
    float: left;
    margin-left: 30px;
    width: 100px;
    height: 150px;
    display: inline-block;
    background: url(../imagens/img_step4_recarga.png) no-repeat;
    background-position: center center;
}

.labelBoxConfigure {
    font-style: italic;
}

.boxConfigureSeuPlanoWizard label {
    font-weight: normal;
    float: left;
    font-size: 11px;
    color: #7e7e7e;
    font-style: italic;
    line-height: 20px;
}

    .boxConfigureSeuPlanoWizard label img {
        float: left;
        margin-right: 5px;
    }

.boxConfigureSeuPlanoWizard b {
    color: #616b88;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
}

    .boxConfigureSeuPlanoWizard b img {
        float: left;
        margin-right: 5px;
    }

.boxConfigureSeuPlanoWizard .planoMsgErro {
    display: block;
}

    .boxConfigureSeuPlanoWizard .planoMsgErro select {
        width: 715px;
        margin-bottom: 5px;
        margin-top: 5px;
        height: 48px;
        border: 1px solid #f0b496;
        font-size: 14px;
        color: #727b94;
    }

.colunaVeiculo .field-validation-error {
    text-align: left;
}

/*Revisar*/
.content-roterizador {
    width: 898px;
    display: block;
    height: auto;
    margin: auto;
}

    .content-roterizador h5 {
        width: 898px !important;
    }

.linha-bg {
    background: url(../img/bg-top-roteirizador.png) no-repeat;
    float: left;
    display: block;
    width: 900px;
    margin-bottom: 20px;
}

    .linha-bg p strong,
    .linha-bg label {
        font-size: 12px;
        color: #333333;
        font-weight: bold;
    }

    .linha-bg .coluna {
        width: 200px;
        height: 82px;
        display: block;
        float: left;
        position: relative;
        padding-left: 99px;
    }

.bg-carro {
    width: 105px;
    height: 81px;
    background: url(../img/carro.png) no-repeat;
    position: absolute;
    top: 8px;
    left: 5px;
}

.bg-recarga {
    width: 105px;
    height: 81px;
    background: url(../img/tag-recarga-automatica.png) no-repeat;
    position: absolute;
    top: 12px;
    left: 13px;
}

.linha-bg .coluna select {
    width: 100px;
    padding: 5px;
    margin: 10px 0 9px 5px;
}

.img-geral {
    height: 115px;
    left: 1px;
    position: absolute;
    top: -37px;
    width: 103px;
}

.cancela-aberta {
    background: url(../img/cancela-aberta.png);
}

.cancela-fechada {
    background: url(../img/cancela-fechada.png);
}

.linha p {
    margin-bottom: 23px;
}

.recarga,
.saldo-atual {
    display: block;
    margin: 19px 0 0 0;
}

.saldo {
    font-size: 30px;
    color: #2C3759;
    font-weight: bold;
    margin-top: 0px;
    font-weight: normal;
    letter-spacing: -1px;
}

    .saldo span {
        color: #999999;
        font-size: 24px;
        font-weight: bold;
    }

.cancela {
    padding-left: 115px;
    width: 185px;
}

.cancela {
    padding-left: 115px;
    width: 185px;
}


.txt-facil a {
    color: #FF3300;
    text-decoration: underline;
}

.box-geral-ro {
    width: 900px;
    height: auto;
    display: table;
    border: 1px solid #ccc;
    margin-top: 30px;
    float: left;
}

    .box-geral-ro h6 {
        font-size: 16px;
        padding: 5px 0 5px 20px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 5px 0;
        width: 880px;
        float: left;
        background: #F7F7F7;
    }

.bgSeuSaldo {
    width: 220px;
    height: auto;
    display: table;
    position: relative;
    padding: 13px 10px 10px 10px;
    border: 1px solid #e0e0e0;
    background: url(../imagens/bgExtratoMigrar.png) no-repeat #F0F0F0;
}

    .bgSeuSaldo h3 {
        font-size: 16px;
        text-align: left;
        padding: 0 0 10px 0px;
        margin-bottom: 10px;
        width: 100%;
        background: url(../imagens/bgTitle.png) repeat-x 0 bottom;
        color: #333333;
    }

.bgCancelaAbertaHome {
    background: url(../imagens/bgCancelaAberta2.png) no-repeat;
    background-position: left bottom;
    background-size: contain;
    width: 93px;
    height: 110px;
    display: block;
    position: absolute;
    left: 10px;
    top: 225px;
}

.bgCancelaFechadaHome {
    background: url(../imagens/bgCancelaFechada2.png) no-repeat;
    width: 110px;
    height: 80px;
    display: block;
    position: absolute;
    left: 10px;
    top: 237px;
}


.bgCancelaAberta {
    background: url(../imagens/bgCancelaAberta.png) repeat-x 0 bottom;
    width: 93px;
    height: 107px;
    display: block;
    position: absolute;
    left: 20px;
    top: 144px;
}

.bgCancelaFechada {
    background: url(../imagens/bgCancelaFechada.png) repeat-x 0 bottom;
    width: 110px;
    height: 107px;
    display: block;
    position: absolute;
    left: 10px;
    top: 144px;
}


.bgCancelaAbertaEmpresarial {
    background: url(../imagens/bgCancelaAberta.png) repeat-x 0 bottom;
    width: 93px;
    height: 107px;
    display: block;
    position: absolute;
    left: 10px;
    top: -65px;
}

.bgCancelaFechadaEmpresarial {
    background: url(../imagens/bgCancelaFechada.png) repeat-x 0 bottom;
    width: 110px;
    height: 107px;
    display: block;
    position: absolute;
    left: 10px;
    top: -65px;
}

.mgTop40 {
    margin-top: 40px;
}

.listCliente {
    width: 100%;
    height: auto;
    display: table;
    margin: 10px 0;
}

    .listCliente li {
        background: url(../imagens/circle.png) no-repeat 0 7px;
        padding: 2px 0 2px 15px;
    }

.listAtendimento {
    width: 100%;
    height: auto;
    display: table;
    margin: 10px 0;
}

    .listAtendimento li {
        background: url(../imagens/bgTelefone.png) no-repeat 0 7px;
        padding: 10px 0 0 40px;
        font-size: 11px;
        height: 35px;
    }

        .listAtendimento li.icoChat {
          background: url(../imagens/Icone_chat.png) no-repeat 0 7px;
        padding: 10px 0 0 40px;
        font-size: 11px;
        height: 32px;     
        }

        .listAtendimento li.icoEmailFale {
            background: url(../imagens/bgEmail.png) no-repeat 0 7px;
        padding: 10px 0 0 40px;
        font-size: 11px;
        height: 35px;
    }




.bgSeuSaldo .saldo span.resultado {
    font-size: 24px;
    color: #666666;
}

.bgSeuSaldo .saldo span {
    font-size: 40px;
    font-weight: bold;
    color: #191A54;
}

.bgSeuSaldo span.red {
    color: #FF4000;
}

#btnMeuExtrato {
    background: url("../imagens/btnExtrato.png") no-repeat scroll 0 0;
    height: 30px;
    text-indent: -9989px;
    width: 208px;
    margin: 0 0 0 5px;
}

.bgSeuSaldo strong.blue {
    color: #191A54;
    font-size: 20px;
}

.boxMantenhaCadastro {
    width: 550px;
    height: 45px;
    display: block;
    padding: 5px 15px 7px 74px;
    background: #F0F0F0 url("../imagens/bgCadastro.png") no-repeat 16px center;
    margin-top: 50px;
}

.boxConfiguracaoRecarga {
    width: 550px;
    height: 45px;
    display: block;
    padding: 5px 15px 7px 74px;
    background: #F0F0F0 url("../imagens/bgMantenhaCadastroAtualizad.png") no-repeat 16px center;
    margin-top: 0px;
    margin-bottom: 30px;
}

    .boxMantenhaCadastro .boxleft, .boxConfiguracaoRecarga .boxleft {
        float: left;
        display: block;
        width: 385px;
    }

    .boxConfiguracaoRecarga .boxleft {
        width: 225px;
    }
    
    .boxConfiguracaoRecarga .boxright {
        width: 260px;       
        float: right;
    }

    .boxMantenhaCadastro .boxleft h4, .boxConfiguracaoRecarga .boxleft h4 {
            font-size: 18px;
            font-weight: normal;
            line-height: 45px;
        }

    .boxConfiguracaoRecarga .boxleft h4 {
            line-height: 1em;
            padding-top: 8px;
            font-size: 17px;
        }       

    .boxMantenhaCadastro .boxleft p, .boxConfiguracaoRecarga .boxleft p {
            font-size: 12px;
            color: #333333;
        }

.boxMantenhaCadastro #btnAtualizarCadastro {
        margin: 8px 0 0 0;
        float: right;
    }
.boxConfiguracaoRecarga #btnAtualizarCadastro {
        margin: 8px 0 0 0;
        float: right;
    }
    #btnConfiguracaoRecarga {
        margin: 8px 0 0 0;
        float: right;
        width: 89px;
        height: 85px;
        text-indent: -9989px;
        background: url(../imagens/btnConfigurar.png) no-repeat;    
    }
.gray {
    color: #333;
    font-size: 18px;
}

.tabelaExtratoNovo, .tabelaLancamentosFuturos, .ResumoPag {
   // width: 898px;
       width: 901px;
    text-align: center;
    font-size: 11px;
}

.alinhaColunaDireita {
    text-align: right;
}

.alinhaColunaEsquerda {
    text-align: left;
}

    .alinhaColunaEsquerda:first-child {
        padding-left: 20px;
    }

.tabelaExtratoNovo thead tr {
    background: url("../imagens/bgTopGridCliente.png") repeat-x scroll 0 0 transparent;
    height: 50px;
}

.dataSaldoValorExtrato {
    font-weight: bold;
    color: #2E3092;
    font-size: 12px;
}

.tabelaExtratoNovo th {
    font-weight: bold;
    color: #333333;
    font-size: 12px;
    border-bottom: 1px #E1E1E1 solid;
}

.tabelaExtratoNovo td {
    height: 40px;
    border-bottom: 1px #E1E1E1 solid;
    padding: 0 20px 0 10px;
}


.ResumoPag {
    background: #eef2f2;
    border-top: 3px solid #e2e6e6;
    margin-bottom: 20px;
    float: right;
    margin-right: 20px;
}

.ResumoPagIcon {
    float: left;
    width: 48px;
    background: url(../imagens/menestacionamento_icone.png) no-repeat;
    background-size: 48px;
    margin: 12px 10px 0 25px;
    height: 48px;
}

.ResumoPag thead th {
    padding: 20px 10px 0 10px;
    color: #939796;
    text-align: left;
}

.ResumoPag td {
    padding: 0 10px 20px 10px;
}

.ResumoPagInfo {
    font-size: 18px;
    color: #606463;
}

.tabelameiospag {
    background: #fafafa;
    border: 1px solid #e4e3e3;
    float: left;
    width: 150px;
    padding: 8px 10px;
    margin: 0 5px 20px;
    position: relative;
    text-align: center;
    height: 188px;
}

    .tabelameiospag .meiopagtitulo {
        width: 150px;
        font-size: 15px;
        font-weight: 800;
        color: #172e5f;
        padding: 6px 0 12px;
        border-bottom: 1px solid #ccc;
        text-transform: uppercase;
    }

    .meioselecionado .meiopagtitulo {
        width: 900px;
        font-size: 18px;
        color: #172e5f;
        padding: 6px 0 12px;
        position:absolute;
        top:-42px;
        left:0;
    }


.meiopagtitulo2linhas {
    width: 150px;
    font-size: 12px;
    color: #172e5f;
    padding: 6px 0 13px;
    border-bottom: 1px solid #ccc;
    line-height: 17px;
}

    .meiopagtitulo2linhas span {
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
    }

.meiopagcartao {
    background: url(../imagens/pagcartao.png) center no-repeat;
    margin: 15px 0;
    height: 68px;
}

.meiopagdebito {
    background: url(../imagens/pagdebito.png) center no-repeat;
    margin: 15px 0;
    height: 67px;
}

.meiopagboleto {
    background: url(../imagens/pagboleto.png) center no-repeat;
    margin: 15px 0;
    height: 33px;
}

.meiopagtef {
    background: url(../imagens/pagtef.png) center no-repeat;
    margin: 15px 0;
    height: 68px;
}

.meiopagsaldo {
    background: url(../imagens/pagsaldo.png) center no-repeat;
    margin: 15px 0;
    height: 60px;
}

.meiopagselecionarbtn {
    width: 170px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    height: 15px;
    background: #f46b26;
    outline: 1px solid #f46b26;
    text-transform: uppercase;
    line-height: 17px;
    padding: 14px 0;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.meiopagcancelarbtn {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #f46b26;
    text-align: center;
    height: 14px;
    background: #fff;
    outline: 1px solid #f46b26;
    text-transform: uppercase;
    line-height: 17px;
    position: absolute;
    bottom: 0;
    left: 0;
    /* right: 0; */
    padding: 15px 0;
    display: none;
}

.meiopagselecionarbtn:hover {
    background: #F68951;
}

.meiopagselecionarbtn:active {
    background: #DB6021;
}

.meiopagconfirmarbtn {
    float: right;
    width: 120px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    height: 13px;
    background: #182E5F;
    outline: 1px solid #182E5F;
    text-transform: uppercase;
    line-height: 17px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 19px 0;
}

    .meiopagconfirmarbtn:hover {
        background: #2B4B88;
    }

    .meiopagconfirmarbtn:active {
        background: #132247;
    }

.meiopagconfirmarsubmitbtn {
    height: 51px;
}

.meiopagopcaowrap {
    width: 100%;
    height: 52px;
    clear: both;
}

.meiopagopcao {
    background: #FAF0B3;
    float: left;
    width: 737px;
    padding: 15px 20px;
    height: 23px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.meioselecionado {
    height: auto!important;
    padding: 20px 0px 20px 20px!important;
    border: 1px solid #e4e3e3;
    border-top: 3px solid #e4e3e3;
    position: relative;
    margin: 40px 20px 20px 20px;
    background: #fafafa;
    display: none;
}

.meiopagbandeiras {
    margin-bottom: 20px;
}

    .meiopagbandeiras input[type="radio"] {
        margin: 0 10px 0 30px;
        height: 27px;
    }

        .meiopagbandeiras input[type="radio"]:first-child {
            margin: 0 10px 0 0;
        }

.estaforma {
    color: rgba(0,0,0,0.5);
    font-size: 12px;
}

.backgroundTitulo {
    background-color: #FAFAFA;
}

    .backgroundTitulo:nth-child(odd) {
        background: #fff;
}

.corDebito {
    color: #EA0000;
}

.LancamentosFuturos {
    background-color: #F6F6F6;
    width: 898px;
    height: 50px;
    display: block;
    margin-top: 40px;
}

    .LancamentosFuturos p {
        font-size: 16px;
        color: #333333;
        padding: 18px;
    }

.colunaC.colunaCPlanoEmpresarial {
    border-top: none;
    border-bottom: 1px solid #e1e1e1;
    height: 70px;
    margin-bottom: 10px;
}

    .colunaC.colunaCPlanoEmpresarial label {
        font-size: 13px;
    }

    .colunaC.colunaCPlanoEmpresarial b {
        letter-spacing: 0;
    }

    .colunaC.colunaCPlanoEmpresarial #input-saldo {
        font-size: 40px;
        letter-spacing: 0;
    }

.linkExtratoPj {
    color: #f30;
    font-weight: bold;
}

.btnImprimirExtratoPj {
    margin-top: 10px !important;
}

.ColunaExtratoPj {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
}

.colunaExtratoPjCampo {
    float: left;
    width: 150px;
    display: block;
    min-height: 50px;
}

    .colunaExtratoPjCampo.colunaData {
        width: 120px;
    }

    .colunaExtratoPjCampo label {
        font-weight: bold;
        display: block;
    }

.lateralExtratoCliente h5 {
    font-size: 14px;
    float: left;
    margin: 10px 0 20px 0;
}

.colunaExtratoPjCampo input[type="text"] {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

.colunaExtratoPjCampo select {
    padding: 6px;
}

.colunaData.colunaExtratoPjCampo input[type="text"] {
    width: 70px !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
}

.linhaExtrato {
    width: 270px;
    height: 50px;
    display: block;
    margin-bottom: 10px;
}

.colunaBotaoExtrato {
    width: 240px;
    border-top: 1px solid #e1e1e1;
}

    .colunaBotaoExtrato #btnImprimir {
        margin: 14px 0 0 6px !important;
    }

.onlyprint {
    display: none;
}

.bannerRecargaOnline {
    display: block;
    margin: 0 0 15px 20px;
}

.btnPontoAPonto {
    font-weight: bold;
    color: #E94F00;
    font-size: 12px;
    cursor: pointer;
}


.boxPontoaPontoHome {
    width: 230px;
    padding: 0 0 0 10px;
    height: 140px;
    background: url(../imagens/bgBoxPontoAPonto.png) no-repeat;
    display: table;
    float: right;
    margin: 20px 20px 20px 0;
}

    .boxPontoaPontoHome h4 {
        font-size: 16px;
        display: block;
        padding: 16px 0 10px 10px;
        width: 210px;
        margin-bottom: 20px;
        text-align: left;
    }

.saibaMaisPonto {
    background: url(../imagens/btnSaibaMaisPonto.png) no-repeat;
    width: 210px;
    height: 32px;
    float: left;
    margin: 10px 0 0 5px;
    text-indent: -9992px;
    cursor: pointer;
}

.saibaMaisCupons {
    background: url(../imagens/btnCupons.png) no-repeat;
    width: 210px;
    height: 32px;
    float: left;
    margin: 10px 0 0 5px;
    text-indent: -9992px;
    cursor: pointer;
}

.tabelaExtratoNovo thead tr {
    background: url("../imagens/bgTopGridCliente.png") repeat-x scroll 0 0 transparent;
    height: 50px;
}

.radioFormaPagamento input[type="radio"] {
    float: left;
    margin-top: 2px;
}

.radioFormaPagamento label {
    float: left;
    margin: 2px 10px 0 5px;
}

.txtRecargaOnline {
    margin: 0 0 20px 0;
}

.tabelaExtratoNovo td {
    height: 40px;
    border-bottom: 1px #E1E1E1 solid;
    padding: 0 20px 0 10px;
}

.backgroundTitulo {
    background-color: #FAFAFA;
}

.corDebito {
    color: #EA0000;
}

.LancamentosFuturos {
    background-color: #F6F6F6;
    width: 898px;
    height: 50px;
    display: block;
    margin-top: 40px;
}

    .LancamentosFuturos p {
        font-size: 16px;
        color: #333333;
        padding: 18px;
    }

.colunaC.colunaCPlanoEmpresarial {
    border-top: none;
    border-bottom: 1px solid #e1e1e1;
    height: 70px;
    margin-bottom: 10px;
}

    .colunaC.colunaCPlanoEmpresarial label {
        font-size: 13px;
    }

    .colunaC.colunaCPlanoEmpresarial b {
        letter-spacing: 0;
    }

    .colunaC.colunaCPlanoEmpresarial #input-saldo {
        font-size: 40px;
        letter-spacing: 0;
    }

.linkExtratoPj {
    color: #f30;
    font-weight: bold;
}

.btnImprimirExtratoPj {
    margin-top: 10px !important;
}

.ColunaExtratoPj {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
}

.colunaExtratoPjCampo {
    float: left;
    width: 150px;
    display: block;
    min-height: 50px;
}

    .colunaExtratoPjCampo.colunaData {
        width: 120px;
    }

    .colunaExtratoPjCampo label {
        font-weight: bold;
        display: block;
    }

.lateralExtratoCliente h5 {
    font-size: 14px;
    float: left;
    margin: 10px 0 20px 0;
}

.colunaExtratoPjCampo input[type="text"] {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

.colunaExtratoPjCampo select {
    padding: 6px;
}

.colunaData.colunaExtratoPjCampo input[type="text"] {
    width: 70px !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
}

.linhaExtrato {
    width: 270px;
    height: 50px;
    display: block;
    margin-bottom: 10px;
}

.colunaBotaoExtrato {
    width: 240px;
    border-top: 1px solid #e1e1e1;
}

    .colunaBotaoExtrato #btnImprimir {
        margin: 14px 0 0 6px !important;
    }

.onlyprint {
    display: none;
}

.bannerRecargaOnline {
    display: block;
    margin: 0 0 15px 20px;
}



.txtPontoAPonto {
    color: #000;
    font-size: 12px;
    cursor: inherit;
}


.mgTop20 {
    margin-top: 20px;
}

    .boxPontoaPontoHome h4 {
        font-size: 22px;
        font-family: HelveticaNeue, Arial;
        display: inline-block;
        padding: 10px 0 10px 10px;
        width: 210px;
        margin-bottom: 10px;
        background: url(../imagens/bgTitle.png) repeat-x 0 bottom;
    }


.radioFormaPagamento input[type="radio"] {
    float: left;
    margin-top: 2px;
}

.radioFormaPagamento label {
    float: left;
    margin: 2px 10px 0 5px;
}

.txtRecargaOnline {
    margin: 0 0 20px 0;
}


.width640 fieldset.cadastro div.linhaInteira div.coluna textarea,
.width640 .telaConsulta .cadastro textarea {
    width: 620px!important;
}

.width640 .telaConsulta h3 {
    width: 100%!important;
}

.width640 h5 {
    background: url("../imagens/linhaTitulo.png") repeat-x scroll 0 25px transparent;
    font-size: 20px;
    height: 30px;
    margin-bottom: 15px;
    width: 640px;
}

.width640 {
    width: 640px;
    float: left;
    position: relative;
    margin-left: 20px;
    padding: 0 20px 0 0;
}

    .width640 .telaConsulta {
        background: none!important;
        border: none!important;
        float: left;
        margin-bottom: 20px;
        margin-left: 0!important;
        padding-left: 0!important;
        width: 640px !important;
    }


.colunaInteira {
    float: left;
    width: 600px;
    height: 60px;
}

    .colunaInteira label {
        width: 100%;
    }

.mgRight20 {
    margin-right: 20px;
}

.coluna303 {
    width: 309px;
    float: left;
}

    .coluna303 select {
        width: 303px!important;
    }

.colunaInteira input {
    width: 290px!important;
}

.txtConteudoPagina {
    display: block;
    padding: 0 0 20px 0;
}

.naoEncontrouVeiculo {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    color: #000;
}

    .naoEncontrouVeiculo a {
        color: #E94F00;
        font-weight: bold;
    }

.tituloExtratoPrint {
    margin: 0 0 0 70px;
    width: 940px;
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}

.ajusteTxtVeiculoNao {
    margin: 0 0 20px 0;
}

.tituloExtratoPrint {
    margin: 0 0 0 70px;
    width: 940px;
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}

.ajusteTxtVeiculoNao {
    margin: 0 0 20px 0;
}

.BgDiaPais {
    background: url("../imagens/bgDiaPais.jpg") no-repeat top #00529A;
    padding-top: 270px;
}

.btnInstrucao {
    background: url("../imagens/btnInstrucao.png") no-repeat;
    display: block;
    width: 270px;
    height: 55px;
    margin: 0 0 30px 650px;
}

.btnSalvarPais {
    background: url("../imagens/btnSalvarPais.png") no-repeat;
    display: block;
    width: 100px;
    height: 40px;
    margin-left: 800px;
    text-indent: -99999px;
}

.fonteAzul {
    color: #003266;
    font-size: 17px;
}

.txtCongratulacoes {
    font-size: 15px;
    font-weight: bold;
}

.txtCongratulacoes {
    font-size: 15px;
    font-weight: bold;
}

footer {
    width: 100%;
    height: 334px;
    background: url(../imagens/bg-footer.png) repeat-x;
    clear: both;
    margin-top: 40px;
    display: inline-block;
}

.geral-footer-auto {
    width: 983px;
    height: 333px;
    display: block;
    margin: auto;
}

.geral-footer {
    display: block;
    height: 303px;
    width: 733px;
    float: left;
}

    .geral-footer nav {
        display: block;
        float: left;
        height: 125px;
        margin-left: 18px;
        margin-top: 40px;
        width: 160px;
    }

    .geral-footer dl {
        display: block;
        float: left;
        height: 115px;
        margin-left: 18px;
        width: 160px;
    }

    .geral-footer nav dl dt {
        font-size: 12px;
        font-weight: bold;
        float: left;
        display: block;
        border-bottom: 1px solid #1C438E;
        width: 100%;
        color: #FFFFFF;
        padding-bottom: 6px;
        margin: 0 0 10px 0;
    }

    .geral-footer nav dl dd {
        font-size: 11px;
        color: #A7B6D2;
        width: 160px;
        display: inline-block;
    }

        .geral-footer nav dl dd a {
            color: #99AFCD;
            font-weight: normal;
            font-family: Arial;
            background: url(../imagens/bullet-footer.png) no-repeat 0 center;
            padding: 2px 0 2px 10px;
            display: block;
            float: left;
        }

        .geral-footer nav dl dd a {
            color: #99AFCD;
            font-weight: normal;
            font-family: Arial;
            background: url(../imagens/bullet-footer.png) no-repeat 0 center;
            padding: 2px 0 2px 10px;
            display: block;
            float: left;
        }

.lateral-footer {
    width: 220px;
    height: 276px;
    display: block;
    float: left;
    margin: 40px auto 17px 30px;
}

    .lateral-footer .versao-mobile {
        width: 222px;
        height: 89px;
        background: url(../imagens/box-versao-mobile.png) no-repeat;
    }

        .lateral-footer .versao-mobile p {
            color: #99AFCD;
            font-family: Arial;
            font-size: 12px;
            font-weight: normal;
            margin: 2px 0 0 61px;
            text-align: left;
        }

        .lateral-footer .versao-mobile a {
            color: #99AFCD;
            border-bottom: 1px solid #99AFCD;
        }

        .lateral-footer .versao-mobile h1 {
            color: #99AFCD;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            padding: 14px 0 0;
        }

    .lateral-footer .atendimento {
        width: 222px;
        height: 176px;
        background: url(../imagens/box-atendimento-footer.png) no-repeat;
    }

        .lateral-footer .atendimento h1 {
            color: #99AFCD;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            padding: 14px 0 0;
        }

        .lateral-footer .atendimento p {
            color: #99AFCD;
            font-family: Arial;
            font-size: 12px;
            font-weight: normal;
            margin: 2px 0 10px 67px;
            text-align: left;
        }

        .lateral-footer .atendimento span {
            color: #99AFCD;
            font-family: Arial;
            font-size: 12px;
            font-weight: normal;
            text-align: left;
            float: left;
            margin-left: 17px;
            margin-bottom: 3px;
        }

        .lateral-footer .atendimento .numero-18px {
            font-size: 18px;
            color: #99AFCD;
            text-align: left;
            font-weight: bold;
            float: left;
        }

.rodape-copy {
    width: 940px;
    height: 40px;
    display: block;
    margin: auto;
    text-align: left;
}

    .rodape-copy p {
        color: #6B7695;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: left;
        padding-top: 13px;
    }

.copy {
    width: 100%;
    color: #FFF;
    margin: 0 auto 0 auto;
    display: block;
    background-color: #091B4F;
}

.geral-footer nav dl dd.bulletCentralizado a {
    color: #99AFCD;
    font-weight: normal;
    font-family: Arial;
    background: url(../imagens/bullet-footer.png) no-repeat 0 7px;
    padding: 2px 0 2px 10px;
    display: block;
    float: left;
}

.btns-transacoes {
    background: url(../imagens/bgResumo.png);
    height: 140px;
    float: left;
    width: 590px;
    margin: 0 0 0 20px;
    padding: 20px;
    border: 1px #d8d8d8 solid;
    padding-bottom: 10px;
}

#ServicoId {
    width: 217px;
}

    .btns-transacoes h3 {
        width: 590px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 5px;
    }

    .btns-transacoes .colunaBotao {
        margin: 5px 0 0 0;
    }

.btns-transacoes .colunaBotaoPesq {
    margin: 0;
    clear: both;
    float: right;
}

.boxExportacao {
    float: right;
    background: url(../imagens/bgResumo.png);
    width: 250px;
    margin-right: 20px;
    border: 1px #d8d8d8 solid;
    height: 140px;
}

.boxExportacaoExtratoGeral {
    background: url(../imagens/bgResumo.png);
    height: 100px;
    float: left;
    width: 858px;
    margin: 20px 0 0 20px;
    padding: 20px;
    border: 1px #d8d8d8 solid;
    padding-bottom: 10px;
}

    .ExpExcel {
        background: url(../imagens/icoXLSmini.png) no-repeat;
        width: 78px;
        height: 27px;
        text-indent: -9992px;
        float: left;
        margin: 12px 20px 0 0;
    }

    .ExpPdf {
        background: url(../imagens/icoPDFmini.png) no-repeat;
        width: 78px;
        height: 27px;
        text-indent: -9992px;
        float: left;
        margin: 12px 20px 0 0;
    }

    .ExpImprimir {
        background: url(../imagens/icoPrintmini.png) no-repeat;
        width: 78px;
        height: 27px;
        text-indent: -9992px;
        float: left;
        margin: 12px 0 0 0;
    }

   .boxExportacaoExtratoGeral h3 {
        width: 850px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 5px;
    }


    .boxExportacao.boxPJ {
        height: 185px !important;
    }

    .boxExportacao h3 {
        width: 190px;
        font-size: 16px;
        margin: 0 0 10px 20px;
        border-bottom: 1px solid #D8D8D8;
        padding: 20px 20px 5px 0;
    }

    .boxExportacao p {
        margin: 0 20px 0 20px;
        font-size: 11px;
    }

    .boxExportacao.boxPJ h3 {
        padding-top: 15px;
    }

    .boxExportacao .ExpExcel {
        background: url(../imagens/icoXLSmini.png) no-repeat;
        width: 78px;
        height: 27px;
        text-indent: -9992px;
        float: left;
        margin: 12px 20px 0 20px;
    }

    .boxExportacao .ExpPdf {
        background: url(../imagens/icoPDFmini.png) no-repeat;
        width: 78px;
        height: 27px;
        text-indent: -9992px;
        float: left;
        margin: 12px 0 0 0;
    }

    .boxExportacao.boxPJ .ExpExcel {
        background: url(../imagens/icoXLS.png) no-repeat;
        width: 50px;
        height: 50px;
        text-indent: -9992px;
        float: left;
        margin: 20px 20px 0 20px;
    }

    .boxExportacao.boxPJ .ExpPdf {
        background: url(../imagens/icoPDF.png) no-repeat;
        width: 50px;
        height: 50px;
        text-indent: -9992px;
        display: block;
        margin: 20px 20px 0 0;
    }

    .boxExportacao.boxPJ #btnImprimir {
        background: url(../imagens/icoImprimir.png) no-repeat;
        width: 50px;
        height: 50px;
        text-indent: -9992px;
        display: block;
        margin: 20px 0 0 0;
    }

.bgMensalidade {
    background: #f7f7f7;
}

.linha.saldoAtual {
    margin-left: 20px;
    font-size: 24px;
    color: #999;
}

    .linha.saldoAtual #input-saldo {
        font-size: 30px;
        color: #2d3092;
        font-weight: bold;
    }

.btns-transacoes-pj {
    background: #F2F2F2;
    border: 1px #E1E1E1 solid;
    height: 85px;
    float: right;
    width: 880px;
    margin-right: 20px;
    padding: 10px;
}

.colunaMigrar {
    width: 940px;
    display: block;
    float: left;
}

.containetConfig-migrar {
    width: 525px;
    height: 125px;
    border-bottom: 1px solid #CCC;
    background: #f1f1f1;
    padding: 10px 20px 0 20px;
    position: relative;
    float: right;
    margin-right: 40px;
}

.migrarPlanoPrePago {
    width: 900px;
    height: 50px;
    display: block;
    clear: both;
}

.migrarPlanoWizard {
    width: 900px;
    height: 30px;
    display: inline-block;
    clear: both;
}

.boxPrincipalConectcarMigrarPlano h5 {
    font-size: 20px;
    width: 885px;
    height: 30px;
    margin-left: 25px;
    color: #172e5f;
}

.boxPrincipalConectcarMigrarPlano .paragrafo {
    color: #172e5f;
    margin: 0 0 20px 25px;
}

.colunaMigrarB-leiaTermos p {
    width: 224px;
    height: 78px;
    display: block;
    margin-left: 55px;
    float: left;
}

.colunaMigrarB-leiaTermos {
    float: left;
    width: 940px;
    display: block;
    height: 155px;
}

.termoUso-termoAdesao {
    height: 120px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    width: 550px;
    text-align: justify;
    margin-right: 43px;
    float: right;
}

.aceitartermoAdesao {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

    .aceitartermoAdesao label {
        display: block;
        font-size: 11px;
        color: #000;
        font-weight: 700;
        margin: 0 0 2px 325px;
    }

    .aceitartermoAdesao label {
        display: block;
        font-size: 11px;
        color: #000;
        font-weight: 700;
        margin: 0 0 2px 325px;
    }

.bordaTopoBtnMigrarPlano {
    width: 883px;
    margin-left: 24px;
}

.topoMigrarPlanoRecargaAutomaticaManual {
    width: 920px;
    background: url(../imagens/topoMigrarPlanoRecargaAutomaticaManual.png) no-repeat;
    height: 137px;
}


.botoesLogin {
    float: left;
    width: 175px;
    margin-right: 17px;
}

.mioloLoginCliente {
    padding: 5px 0 0 180px;
    display: block;
}

.coluna .btnProsseguir.ajusta-btn-prosseguir {
    margin-top: 15px;
}

.boxCompraTagCliente h5 {
    font-size: 20px;
    background: url(../imagens/linhaTitulo.png) 0 25px repeat-x;
    width: 900px;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 20px;
}

.box-compra-tag-cliente {
    float: left;
    width: 420px;
    padding-left: 20px;
    background: url(../imagens/box-compra-tag-cliente.png) repeat-x #F0F0F0;
    margin-bottom: 20px;
    display: block;
    height: 80px;
    margin-right: 20px;
}

.compraTag .box-quantidade-tag {
    width: 145px;
    margin: 15px 20px 20px 115px;
    float: left;
}

    .compraTag .box-quantidade-tag input {
        width: 125px;
    }

.boxVeiculoRecarga input {
    width: 95px;
}

.box-compra-tag-pedido {
    float: left;
    width: 420px;
    padding: 16px 0 0 20px;
    background: url(../imagens/box-compra-tag-pedidos-cliente.png) repeat-x #F0F0F0;
    display: block;
    height: 64px;
}

    .box-compra-tag-pedido p {
        width: 260px;
        height: auto;
        display: block;
        float: left;
    }


.btnConsultarPedido {
    background: url(../imagens/btn-consultar-pedido-cliente.png) no-repeat 0 0;
    width: 135px;
    height: 34px;
    margin: 0px 0 0 10px;
    display: block;
    float: left;
}

.fundoAmigoIndicaAmigo {
    background: url(../imagens/amigoIndicaAmigo.jpg) no-repeat #00529b;
}

.clienteIndicadoBg {
    background: url(../imagens/bgClienteIndicado.jpg) no-repeat #00529b;
}

.tabelaAmigoIndica {
    margin: 0 0 0 100px;
    color: #FFF;
    font-size: 18px;
}

    .tabelaAmigoIndica td {
        padding: 0 5px 10px 10px;
    }

.tituloAmigoIndica {
    display: block;
    margin: 525px 0 20px 40px;
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
}

.btnEnviarAmigo {
    background: url(../imagens/enviarAmigo.png) no-repeat 0 0;
    width: 110px;
    height: 34px!important;
    border: none!important;
    text-indent: -9999px;
    float: right;
    margin-top: 27px;
}

.btnRegulamentoAmigo {
    background: url(../imagens/regulamentoAmigo.png) no-repeat 0 0;
    width: 136px;
    height: 57px!important;
    border: none!important;
    margin-top: 10px;
    text-indent: -9999px;
    float: right;
}

.clienteIndicado {
    width: 100%;
    margin: 10px 0 0 10px;
}

    .clienteIndicado tr td {
        padding-top: 10px;
    }

        .clienteIndicado tr td input[type="text"] {
            width: 260px;
        }

        .clienteIndicado tr td .ddd {
            width: 45px !important;
        }

        .clienteIndicado tr td select {
            width: 267px;
        }

        .clienteIndicado tr td label {
            color: #FFF;
            font-family: 'Roboto Condensed', sans-serif;
            font-style: italic;
            font-size: 18px;
        }

.colunaExtratoFinal {
    display: inline-block;
    margin: 0 8px 10px 0;
    min-width: 110px;
}

    .colunaExtratoFinal label {
        display: block;
    }

.btnTransferirCliente {
    width: 72px;
    height: 49px;
    text-indent: -9990px;
    background: url(../imagens/btnTransferirSaldo.png) no-repeat;
    float: left;
    margin: 5px 10px 0 0;
}

.btnTransferirExtrato {
    background: url(../imagens/extratotransficon.png) no-repeat left;
    display: table;
    margin: 5px 10px 0 0;
    padding-left: 15px;
    color: #203d79;
}

#btnImprimir {
    width: 72px;
    height: 49px;
    text-indent: -9989px;
    background: url(../imagens/btnImprimirExtrato.png) no-repeat;
    float: left;
    margin: 5px 10px 0 0;
}

.btnAlertaSaldo {
    width: 72px;
    height: 49px;
    text-indent: -9989px;
    background: url(../imagens/btnAlertaSaldo.png) no-repeat;
    float: left;
    margin: 5px 0 0 0;
}

.btnAlertaSaldoExtrato {
    background: url(../imagens/extratoalertaficon.png) no-repeat left;
    display: table;
    margin: 5px 10px 0 0;
    padding-left: 15px;
    color: #203d79;
}

.colunaTextoFiltroExtrato {
    float: left;
    width: 270px;
    display: block;
    min-height: 50px;
}

    .colunaTextoFiltroExtrato p {
        display: block;
        padding: 12px 40px 0 50px;
    }

.colunaExtratoPjCampo.colunaMaiorExtrato {
    float: left;
    width: 270px;
    display: block;
    min-height: 50px;
}

    .colunaExtratoPjCampo.colunaMaiorExtrato select {
        width: 250px;
        height: 32px;
    }

.txtCliente {
    float: left;
    width: 670px;
}

.removeMargin {
    margin: 0 !important;
}

.radioCliente label {
    float: left;
    margin: 8px 6px 0 5px;
}

.radioCliente input {
    float: left;
    margin-top: 8px;
}

.colunaData.radioAlerta {
    width: 160px;
}

.coluna.colunaCategoria {
    width: 150px !important;
}

    .coluna.colunaCategoria input {
        width: 130px;
    }

.linkDetran {
    float: left;
    margin: 22px 0 0 10px;
    text-decoration: underline;
    color: #FF8700;
    font-weight: bold;
}

.coluna.colunaAno {
    width: 142px !important;
}

    .coluna.colunaAno select {
        width: 130px;
    }

    .coluna.colunaAno input[readonly=readonly], .coluna.colunaAno input[type=text] {
        width: 120px;
    }

.btns-transacoes.ExtratoJuridica {
    margin: 0 0 0 20px;
    width: 858px;
}

.btns-transacoes.Pagamentos {
    margin: 0;
    width: 858px;
}
    .btns-transacoes.ExtratoJuridica h3 {
        width: 858px;
    }

    .btns-transacoes.ExtratoJuridica input.campoCC {
        width: 100px !important;
    }

.tituloResumoPj {
    color: #F15a22;
}

.lateralExtratoCliente.camposPJ .colunaExtratoPjCampo {
    width: 130px !important;
}

.colunahoraPj.colunaExtratoPjCampo {
    width: 120px !important;
}

.campoDias {
    width: 98px !important;
    margin: 0;
}

.linhaInteira .coluna.colunaDia {
    width: 110px;
    position: relative;
    top: -5px;
}

.linhaInteira .colunaTexto {
    width: auto !important;
    float: left;
    margin-right: 5px;
}

.ExclamacaoRecarga {
    float: left;
    margin-right: 10px;
    width: 50px;
}

.upperCase {
    text-transform: uppercase;
}

.btnVotar {
    background: url(../img/btnVotar.png) no-repeat;
    width: 110px;
    height: 34px!important;
    border: none!important;
    margin-top: 10px;
}

.colocaPaddingBaixo {
    padding-bottom: 20px;
}

.consolidadoFatura {
    float: left;
    margin-left: 20px;
    background: url(../imagens/bgResumo.png) repeat-x #F0F0F0;
    border: 1px solid #D8D8D8;
    height: 150px;
}

    .consolidadoFatura .tituloTabela {
        width: 514px;
    }

        .consolidadoFatura .tituloTabela li h3 {
            width: 480px;
        }

    .consolidadoFatura .tabelaExtrato {
        text-align: left;
        padding-left: 20px;
    }

        .consolidadoFatura .tabelaExtrato strong {
            color: #EB5A2B;
        }

        .consolidadoFatura .tabelaExtrato tbody tr td {
            height: 28px !important;
        }

.exportacaoFatura {
    background: url(../imagens/bgResumo.png) repeat-x #F0F0F0;
    border: 1px solid #D8D8D8;
    float: right;
    margin-right: 20px;
    width: 360px;
    height: 150px;
}

    .exportacaoFatura .tituloTabela li h3, .exportacaoFatura .tituloTabela {
        width: 320px;
    }

.txtExpFatura {
    width: 190px;
    text-align: right;
    padding-right: 20px;
}

.exportacaoFatura .tituloTabela li h3 {
    margin-bottom: 25px;
}



.divideCadastro.filtroFatura .colunaExtratoPjCampo.colunaMaiorExtrato select {
    width: 170px;
}

.corCredito {
    color: #2E3092;
}

.divideCadastro.filtroFatura #CentroCusto {
    width: 100px !important;
}

.tabelaExtratoNovo tbody tr td img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.linhaTopoFatura {
    width: auto;
    text-align: right;
}

.textoFatura strong {
    color: #EB5A2B;
}

.alinhaTextoFatura {
    text-align: left;
}

.textoFatura a {
    color: #EB5A2B;
    text-decoration: underline;
}

.boxFaturaNao {
    background: url(../imagens/alertaFatura.png) 100px 20px no-repeat;
    width: 800px;
    height: 170px;
    padding: 50px 0 0 300px;
    font-size: 28px;
    color: #666;
}

.textoFatura {
    margin-bottom: 20px;
}

.titProvFatura {
    font-size: 12px;
    float: left;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
}

.btnSelecionarPeriodo {
    background: url(../imagens/btnPeriodoFatura.png) no-repeat;
    width: 277px;
    height: 32px;
    text-indent: -9999px;
    margin-left: 20px;
}

.ExpExcelmini {
    background: url(../imagens/icoXLSmini.png) no-repeat;
    width: 78px;
    height: 50px;
    text-indent: -9992px;
    float: left;
    margin: 13px 20px 0 20px;
}

.ExpPdfmini {
    background: url(../imagens/icoPDFmini.png) no-repeat;
    width: 78px;
    height: 50px;
    text-indent: -9992px;
    display: block;
    margin: 13px 20px 0 0;
}

.ExpImprimirmini {
    background: url(../imagens/icoPrintmini.png) no-repeat;
    width: 78px;
    height: 50px;
    text-indent: -9992px;
    display: block;
    margin: 13px 0 0 0;
}

.divideCadastro.filtroFatura {
    margin-bottom: 0;
}

    .divideCadastro.filtroFatura .colunaExtratoPjCampo.colunaMaiorExtrato {
        width: 190px;
    }

        .divideCadastro.filtroFatura .colunaExtratoPjCampo.colunaMaiorExtrato select {
            width: 170px;
        }

    .divideCadastro.filtroFatura #CentroCusto {
        width: 100px !important;
    }

.linhaTopoFatura {
    width: auto;
    text-align: right;
}

.alinhaTextoFatura {
    text-align: left;
}

.boxFaturaNao {
    background: url(../imagens/alertaFatura.png) 100px 20px no-repeat;
    width: 800px;
    height: 170px;
    padding: 50px 0 0 300px;
    font-size: 28px;
    color: #666;
}

.titProvFatura {
    font-size: 12px;
    float: left;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
}

.btnSelecionarPeriodo {
    background: url(../imagens/btnPeriodoFatura.png) no-repeat;
    width: 277px;
    height: 32px;
    text-indent: -9999px;
    margin-left: 20px;
}

.tituloDetalhamento {
    display: block;
    font-size: 12px !important;
    border-bottom: none !important;
}

.btnVisualizarFatura {
    background: url(../imagens/btnVisualizarFatura.png) no-repeat;
    width: 125px;
    height: 32px;
    text-indent: -9998px;
}

#ddlTag {
    width: 100px;
}

.divHide {
    display: none;
}

.labelWizard {
    font-size: 17px !important;
    display: inline-block !important;
    color: #333399 !important;
    margin: 15px 0 0;
}

.boxWizard {
    display: inline-block;
    margin: 10px 0 0 15px;
}

.checkWizard {
    margin-top: -20px !important;
    margin-left: 110px;
    color: #444;
    font-weight: bold;
}

.ladoEsquerdoFinalizacao {
    float: left;
}

    .ladoEsquerdoFinalizacao .nokEmail {
        margin-left: -20px;
        padding-right: 20px;
    }

    .ladoEsquerdoFinalizacao .okEmail {
        margin-left: 40px;
        padding-right: 20px;
    }

    .ladoEsquerdoFinalizacao .imgFinalizacao {
        width: 200px;
        height: 153px;
        background: url(../imagens/img_step6.png) no-repeat;
        display: block;
    }

       
        .ladoEsquerdoFinalizacao .imgFinalizacao.prePago {
            background: url(../newLayout/img/plano-basico-conectcar2.png) no-repeat;
        }
       
        .ladoEsquerdoFinalizacao .imgFinalizacao.RecargaAutomatica {
            background: url(../newLayout/img/plano-autocarga-conectcar2b.png) no-repeat;
    }

        .ladoEsquerdoFinalizacao .imgFinalizacao.PlanoMensalidade {
            background: url(../newLayout/img/plano-fixo-conectcar2.png) no-repeat;
        }

        .ladoEsquerdoFinalizacao .imgFinalizacao.ValorVariavel {
            background: url(../newLayout/img/plano-flex-conectcar2.png) no-repeat;
        }

.ladoDireitoFinalizacao {
    margin: 20px auto 20px auto;
    width: 727px;
}

    .ladoDireitoFinalizacao .confirmedEmail {
        font-size: 20px;
        color: #233150;
        margin: 0 0 20px 0;
        display: block;
        text-align: center;
    }

    .ladoDireitoFinalizacao .finalizacaoOk {
        font-size: 20px;
        font-weight: normal;
        color: #233150;
        margin: 0 0 20px 0;
        display: block;
    }

    .ladoDireitoFinalizacao .text {
        margin-top: 20px;
        color: #172e5f;
        font-size: 13px;
        display: block;
        text-align: center;
    }

    .ladoDireitoFinalizacao.ajusteTextoFinalizacao .text {
        margin-top: 20px;
color: #172e5f;
font-size: 14px;
display: block;
text-align: left;
line-height: 23px;
        padding-top: 20px;
    }
       

    .ladoDireitoFinalizacao p {
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
    }

.imgPagamento {
    width: 200px;
    height: 200px;
    background: url(../imagens/img_step5.png) no-repeat;
    background-position: center center;
    display: inline-block;
    float: left;
    margin-top: -30px;
}

.conteudoPagamento {
    display: block;
    width: 732px !important;
    margin: 0 auto;
}

    .conteudoPagamento .coluna {
        float: none !important;
        width: auto !important;
        margin-bottom: 20px;
    }

        .conteudoPagamento .coluna input[type="text"] {
            width: 718px;
            height: 48px;
            font-size: 14px;
            color: #9298aa;
            border: 1px solid #f0b496;
        }

        .conteudoPagamento .coluna select {
            width: 725px;
            height: 48px;
            font-size: 14px;
            color: #9298aa;
            border: 1px solid #f0b496;
        }

        .conteudoPagamento .coluna label {
            color: #172e5f;
            font-weight: normal;
            font-size: 14px;
        }

    .conteudoPagamento .opcaoPagamento {
        display: block;
        margin-bottom: 40px;
    }

        .conteudoPagamento .opcaoPagamento h3 {
            margin: 0 0 25px 0;
            color: #172e5f;
        }


        .conteudoPagamento .opcaoPagamento .coluna {
            float: left;
            margin-right: 30px;
        }

.btnVisualizarFatura {
    background: url(../imagens/btnVisualizarFatura.png) no-repeat;
    width: 125px;
    height: 32px;
    text-indent: -9998px;
}

.menuCliente ul li a.btnTransferenciaDisable:hover {
    background-position: 0 -41px;
}

#ddlTag {
    width: 100px;
}

#justificativaErroModalCancelamento {
    color: #f30;
}


.tituloPaginaLogin {
    display: block;
    margin: 40px 0 20px 20px;
    color: #172e5f;
}

    .tituloPaginaLogin.AjusteMargin {
        margin-left: 0;
        margin-bottom: 0;
    }

.alinhaCampoLogin.novoLogin {
    margin-left: 20px;
}

    .alinhaCampoLogin.novoLogin input[type=text], .alinhaCampoLogin.novoLogin input[type="password"] {
        height: 48px;
        width: 379px;
        border: 1px solid #f0b496;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .alinhaCampoLogin.novoLogin label {
        margin: 20px 0 10px 0;
        color: #172e5f;
        font-weight: normal;
        font-size: 14px;
    }

    .alinhaCampoLogin.novoLogin .btnEntrar {
        background: #f46e29;
        width: 385px !important;
        height: 48px;
        text-indent: 0 !important;
        margin-top: 30px;
        color: #FFF;
        font-weight: 700;
        font-size: 18px;
    }

    .alinhaCampoLogin.novoLogin .btnRecuperarSenha {
        background: #f46e29;
        width: 190px !important;
        height: 48px;
        text-indent: 0 !important;
        margin-top: 30px;
        color: #FFF;
        font-weight: 700;
        font-size: 18px;
        padding-right: 5px;
    }

    .alinhaCampoLogin.novoLogin #BotaoEsqueciMinhaSenha {
        margin-top: 15px;
        font-style: italic;
        color: #f46b26;
        font-weight: bold;
    }

.mioloLoginCliente.novoLogin {
    padding: 0;
    border-left: 1px dashed #ccc !important;
    display: block;
    height: auto;
    float: left;
    width: 375px;
}

.primeiroAcesso .mioloLoginCliente.novoLogin img {
    margin: 5px 0 0 38px;
}

.primeiroAcesso .mioloLoginCliente.novoLogin p {
    padding: 0 !important;
    margin: 10px 0 0 0;
    line-height: 26px;
    color: #172e5f;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.primeiroAcesso .mioloLoginCliente.novoLogin .btnPrimeiroAcesso {
    background: #f46e29;
    width: 381px !important;
    height: 48px;
    text-indent: 0 !important;
    margin-top: 3px;
    color: #FFF;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.primeiroAcesso .mioloLoginCliente.novoLogin h2 {
    font-size: 18px;
    margin-bottom: 20px;
}

fieldset.novoLogin .linhaInteira .coluna {
    float: none;
    margin-bottom: 20px;
}

    fieldset.novoLogin .linhaInteira .coluna.campoDdd, fieldset.novoLogin .linhaInteira .coluna.campoTelefone {
        float: left;
    }

        fieldset.novoLogin .linhaInteira .coluna.campoTelefone input.telefone {
            width: 200px !important;
        }

        fieldset.novoLogin .linhaInteira .coluna.campoDdd input.ddd {
            width: 59px !important;
            border-right: none;
        }

    fieldset.novoLogin .linhaInteira .coluna.colunaMetade {
        width: 290px !important;
        float: left;
    }

        fieldset.novoLogin .linhaInteira .coluna.colunaMetade select {
            width: 275px !important;
        }

    fieldset.novoLogin .linhaInteira .coluna.coluna70 {
        width: 358px !important;
        float: left;
    }

        fieldset.novoLogin .linhaInteira .coluna.coluna70 input {
            width: 336px !important;
        }

    fieldset.novoLogin .linhaInteira .coluna.coluna30 {
        width: 205px !important;
        float: left;
    }

        fieldset.novoLogin .linhaInteira .coluna.coluna30 input {
            width: 198px !important;
        }



    fieldset.novoLogin .linhaInteira .coluna label {
        color: #172e5f;
        font-size: 14px;
        font-weight: normal;
    }

    fieldset.novoLogin .linhaInteira .coluna input[type=text], fieldset.novoLogin input[type=password] {
        border: 1px solid #f0b496;
        width: 558px;
        height: 48px;
        padding-left: 5px;
        line-height: 30px;
        vertical-align: middle;
    }

fieldset.novoLogin {
    background: url(../imagens/nova-tag-conectcar.png) left 50px no-repeat;
    padding: 40px 0 0 340px;
    background-size: 300px;
}

    fieldset.novoLogin .linhaInteira .coluna input[type=submit] {
        background: #f46e29;
        width: 565px !important;
        height: 48px;
        text-indent: 0 !important;
        margin-top: 0px;
        color: #FFF;
        font-weight: normal;
        font-size: 18px;
        text-transform: uppercase;
    }

.txtContentPrimeiro a {
    color: #f46b26;
}

.camposObrigatorios {
    color: #acacac;
}

fieldset.paginaPrimeiroAcesso.novoLogin {
    padding-left: 150px;
    background: none;
}

    fieldset.paginaPrimeiroAcesso.novoLogin .ui-datepicker-trigger {
        display: none;
    }

    fieldset.paginaPrimeiroAcesso.novoLogin .datePicker {
        width: 558px !important;
    }

    fieldset.paginaPrimeiroAcesso.novoLogin select {
        width: 565px;
        height: 48px;
        border: 1px solid #f0b496;
    }

    fieldset.paginaPrimeiroAcesso.novoLogin label {
        color: #172e5f;
        font-size: 14px;
        font-weight: normal;
    }

    fieldset.paginaPrimeiroAcesso.novoLogin legend {
        font-size: 20px;
        color: #172e5f;
    }

fieldset.paginaPrimeiroAcesso.novoLogin {
    margin-top: 10px !important;
}

fieldset.cadastro.miolo.topoAtive {
    background: url(../newLayout/img/bg-topo-ative.png) no-repeat;
    height: 100px;
}

    fieldset.cadastro.miolo.topoAtive .coluna {
        margin-top: 25px;
        width: auto;
    }

    fieldset.cadastro.miolo.topoAtive label {
        display: inline-block;
        color: #172e5f;
        font-size: 14px;
        vertical-align: inherit;
    }

    fieldset.cadastro.miolo.topoAtive input {
        width: 118px;
        background: none;
        border: none;
        color: #172e5f;
        font-size: 14px;
        vertical-align: inherit;
    }

.radioRodapeAcesso input {
    float: left;
    margin: 2px 5px 0 0;
}

.radioRodapeAcesso p {
    float: left;
    margin-right: 5px;
    font-size: 14px;
    color: #172e5f;
}

.marginTop20 {
    margin-top: 20px;
}

.primeiroAcesso .mioloLoginCliente.novoLogin .btnPrimeiroAcesso.vez {
    margin-top: 34px;
}

.abasMigrarPlanoNew {
    background: #b2c0cc;
    width: 100%;
    height: 67px;
    display: inline-block;
}

    .abasMigrarPlanoNew ul li {
        float: left;
        color: #FFF;
        font-size: 16px;
        margin: 17px 10px 0 20px;
        height: 67px;
        width: 120px;
    }

        .abasMigrarPlanoNew ul li.ativo {
            font-weight: bold;
            background: url(../newLayout/img/bgAtivoAbaMigrar.png) no-repeat center bottom;
        }

.mioloTagMigrar {
    display: block;
    margin: 70px 0 50px 0;
    text-align: center;
}

    .mioloTagMigrar h4 {
        font-size: 30px;
        font-weight: normal;
        margin: 0 0 40px 0;
        color: #233150;
    }

.menuAzulMigrar {
    width: 435px;
    height: 36px;
    background: #2e5bbc;
    margin: 20px 0px 0 23px;
    float: left;
    color: #ffffff;
    line-height: 36px;
    text-transform: uppercase;
    font-size: 14px;
}

.mioloTagMigrarPrincipal {
    display: block;
    margin: 70px 0 50px 0;
    text-align: center;
}

    .mioloTagMigrarPrincipal h4 {
        font-size: 30px;
        font-weight: normal;
        margin: 0 0 8px 0;
        color: #233150;
    }

.desabilitaFundo {
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
    /* others */
  opacity: 0.5;
}

#ddlTag {
    width: 100px;
}

/*fatura tributos*/
#fatura-valores-tributaveis {
    background: #f8f8f8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=0 );
    float: right;
    height: 320px;
    width: 900px;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    margin-right: 20px;
}

    #fatura-valores-tributaveis .tituloTabela .titTabela h3 {
        text-transform: uppercase;
        font-style: italic;
    }

    #fatura-valores-tributaveis .colTributaveis {
        float: left;
        width: 550px;
        overflow: hidden;
        height: 257px;
    }

        #fatura-valores-tributaveis .colTributaveis .tableTributavel {
            float: left;
            display: table;
            padding: 0px 18px 18px 18px;
            text-align: center;
        }

            #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .corpo-branco {
                background: #f8f8f8;
                border-top: 1px solid #DDDDDD;
                padding: 15px 0 15px 0;
                display: block;
            }

            #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody tr {
                width: 550px;
                display: block;
            }

        #fatura-valores-tributaveis .colTributaveis .colunaUm {
            padding-left: 11px;
            text-align: left;
            width: 125px;
        }

    #fatura-valores-tributaveis .colNaoTributaveis .colunaUm {
        padding-left: 11px;
        text-align: left;
        width: 170px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .corpo-branco td, #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .corpo-branco-base td {
        width: 125px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .linhaTres td {
        width: 125px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .linhaTres {
        width: 530px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody tr .cabecalho {
        color: #333;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        width: 125px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .linhaDois {
        margin-top: 29px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .linhaTres {
        margin-top: 15px;
        background: #e4e4e4;
        padding: 11px;
    }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel {
        display: table;
        float: left;
        padding: 0 0px 0px 20px;
        text-align: center;
    }

    #fatura-valores-tributaveis .colNaoTributaveis {
        float: left;
        margin-left: 20px;
        overflow: hidden;
        text-align: left;
        width: 312px;
    }

        #fatura-valores-tributaveis .colNaoTributaveis .tableNaoTributavel tbody tr {
            display: inline-flex;
            padding: 24px 0 0;
            width: 312px;
        }

        #fatura-valores-tributaveis .colNaoTributaveis .tableNaoTributavel tbody .corpo-branco {
            background: none repeat scroll 0 0 #f8f8f8;
            border-top: 1px solid #dddddd;
            display: block;
            margin-top: 15px;
            padding: 15px 0;
        }

    #fatura-valores-tributaveis .colTributaveis .tableTributavel tbody .corpo-branco-base {
        background: #f8f8f8;
        border-top: 1px solid #dddddd;
        display: block;
        padding-top: 10px;
        height: 34px;
    }

    #fatura-valores-tributaveis div.colNaoTributaveis div table.tableNaoTributavel tbody tr.linhaTotalNaoTributavel {
        background: none repeat scroll 0 0 #e4e4e4;
        display: block;
        margin-top: 16px;
        padding: 9px 0;
    }

    #fatura-valores-tributaveis .totalFatura {
        border-top: 1px solid #dddddd;
        display: block;
        float: right;
        margin: 15px 18px 0 0;
        padding: 16px 0 0;
        width: 862px;
    }

        #fatura-valores-tributaveis .totalFatura .corpo-fatura .valorTotal, #fatura-valores-tributaveis .totalFatura .corpo-fatura span {
            text-transform: uppercase;
            font-weight: bold;
            color: #333;
            font-family: Geneva,Arial;
            font-size: 16px;
            letter-spacing: -1px;
            margin-bottom: 10px;
            padding-bottom: 5px;
            margin-right: 19px;
        }

        #fatura-valores-tributaveis .totalFatura .corpo-fatura {
            float: right;
        }

    #fatura-valores-tributaveis .colNaoTributaveis .tableNaoTributavel tbody tr .colunaEstacionamento {
        display: block;
    }

    #fatura-valores-tributaveis .colNaoTributaveis div .tableNaoTributavel tbody tr .colunaEstacionamento {
        padding-left: 11px;
        text-align: left;
        width: 170px;
    }

    #fatura-valores-tributaveis .colNaoTributaveis .tituloTabela, #fatura-valores-tributaveis .colTributaveis .tituloTabela {
        height: 44px;
        width: 0px;
    }

        #fatura-valores-tributaveis .colNaoTributaveis .tituloTabela .titTabela {
            height: 37px;
            padding: 14px 0 0;
            width: 275px;
        }

        #fatura-valores-tributaveis .colTributaveis .tituloTabela .titTabela {
            padding: 15px 0 0 20px;
            width: 275px;
        }

        #fatura-valores-tributaveis .colNaoTributaveis .tituloTabela .titTabela h3 {
            border-bottom: 1px solid #d8d8d8;
            color: #333;
            font-family: Geneva,Arial;
            font-size: 16px;
            letter-spacing: -1px;
            margin-bottom: 10px;
            padding-bottom: 5px;
            font-style: italic;
            text-transform: uppercase;
            width: 312px;
            margin-top: 1px;
        }

        #fatura-valores-tributaveis .colTributaveis .tituloTabela .titTabela h3 {
            font-style: italic;
            text-transform: uppercase;
            border-bottom: 1px solid #d8d8d8;
            color: #333;
            font-family: Geneva,Arial;
            font-size: 16px;
            letter-spacing: -1px;
            margin-bottom: 10px;
            padding-bottom: 5px;
        }

.bannerHomeCliente {
    display: block;
    margin: 40px 0 0 20px;
}

.word_wrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    width: 350px;
}

fieldset.paginaPrimeiroAcesso.removePadding {
    padding-left: 38px !important;
}

    fieldset.paginaPrimeiroAcesso.removePadding .coluna {
        width: 100% !important;
    }

.boxNomeComposto {
    position: relative;
}

.nomeComposto {
    position: absolute;
    right: 65px;
    top: 32px;
    height: 45px;
    background: #f0b496;
    padding: 5px 10px 0 10px;
}

.mioloSuperior {
    padding: 0 20px;
    display: inline-block;
    color: #666;
}

.titulo24Horas {
    font-size: 26px;
    color: #172e5f;
    margin-bottom: 0;
}

.contrate24Horas {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 16px;
}

.boxAssistencia {
    width: 50%;
    float: left;
}

.boxLeia24 {
    display: inline-block;
}

.boxAssistencia.boxAtendimento {
    text-align: right;
}

.boxLeia24 section.boxPlano24 {
    width: 45%;
    float: left;
    margin: 20px 20px 20px 0;
    padding-left: 20px;
    border-left: 4px solid #f2f2f2;
}

.boxAssistenciaAuto {
    display: table;
    border: 1px solid #e4e3e3;
    width: auto;
    padding: 0 0 0 2%;
    background: #fafafa;
    margin-top: 20px;
}

    .boxAssistenciaAuto ul li {
        float: left;
        margin-right: 10px;
        padding-top: 20px;
    }

        .boxAssistenciaAuto ul li figure {
            float: left;
            width: 110px;
        }

            .boxAssistenciaAuto ul li figure img {
                float: left;
                margin-right: 10px;
            }

    .boxAssistenciaAuto h6 {
        font-size: 12px;
        font-weight: normal;
        color: #8d8a8a;
        margin-bottom: 10px;
    }

    .boxAssistenciaAuto ul li span b {
        font-size: 35px;
        float: left;
        margin-right: 20px;
        font-weight: normal;
        line-height: 25px;
    }

    .boxAssistenciaAuto ul li span a {
        color: #f46b26;
    }

    .boxAssistenciaAuto ul li div b {
        font-size: 35px;
        float: left;
        margin-right: 20px;
        font-weight: normal;
        line-height: 25px;
    }

    .boxAssistenciaAuto ul li div #VisualizarExtrato {
        color: #f46b26;
    }

.boxAssistenciaAutotd {
    display: table;
    width: auto;
    padding: 0 0 0 2%;
}

    .boxAssistenciaAutotd ul li {
        float: left;
        margin-right: 10px;
    }

        .boxAssistenciaAutotd ul li figure {
            float: left;
            width: 70px;
        }

        .boxAssistenciaAutotd ul li b {
            font-size: 35px;
            float: left;
            margin-right: 20px;
            font-weight: normal;
            line-height: 25px;
        }

        .boxAssistenciaAutotd ul li span a {
            color: #f46b26;
        }

.adicionaCursor {
    cursor: pointer;
}

.assAutoCar {
    color: #172e5f;
    font-size: 15px;
    margin: 10px 0 0 0;
    border-right: 4px solid #f2f2f2;
    padding-right: 20px;
    padding-bottom: 15px;
}

.assAutoCara {
    color: #172e5f;
    cursor: pointer;
}

.btnCancelarCont {
    margin: 0 !important;
    line-height: 20px;
    text-align: center;
    background: #FFF;
    width: 135px;
    height: 70px;
    padding-top: 20px;
    border-left: 1px solid #f2f2f2;
}

    .btnCancelarCont a {
        color: #f46b26;
        font-size: 14px;
        margin-top: 5px;
        display: inline-block;
    }

#ContatarBeneficio {
    margin: 0 !important;
    line-height: 20px;
    text-align: center;
    background: #F47F26;
    width: 135px;
    height: 70px;
    padding-top: 20px;
    border-left: 1px solid #f2f2f2;
}

    #ContatarBeneficio a {
        color: #f46b26;
        font-size: 14px;
        margin-top: 5px;
        display: inline-block;
    }

#BeneficioContratado {
    margin: 0 !important;
    line-height: 20px;
    text-align: center;
    background: #F47F26;
    width: 135px;
    height: 70px;
    padding-top: 20px;
    border-left: 1px solid #f2f2f2;
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    color: #f46b26;
}

    #BeneficioContratado a {
        color: #f46b26;
        font-size: 14px;
        margin-top: 5px;
        display: inline-block;
    }

.servicoDisponivel {
    border-right: 4px solid #f2f2f2;
    margin-top: 10px;
    padding: 10px 0 5px 0 !important;
}

.servicoDisponiveltd {
    margin-top: 10px;
}

.menu24Horas ul li {
    float: left;
    line-height: 45px;
    text-align: center;
    background: url(../imagens/seta-aba-inativo.png) no-repeat right center;
}

    .menu24Horas ul li a {
        color: #8791a5;
        font-size: 13px;
        position: relative;
        left: -5px;
        font-weight: 500;
    }

.menu24Horas {
    background: #eeeeee;
    width: 100%;
    height: 45px;
    border-top: 1px solid #a9abac;
}

.Iniciar24 {
    width: 100px;
    height: 45px;
}

.Cadastro24 {
    width: 170px;
    height: 45px;
}

.Dados24 {
    width: 160px;
    height: 45px;
}

.Forma24 {
    width: 190px;
    height: 45px;
}

.Termo24 {
    width: 172px;
    height: 45px;
}

.menu24Horas ul li.Finalizacao24 {
    background: none;
    width: 105px;
}

.menu24Horas ul li.ativo {
    background: url(../imagens/seta-aba-ativo.png) no-repeat right center #b2c0cc;
}

    .menu24Horas ul li.ativo a {
        color: #FFF;
    }

.tabela24Horas {
    width: 898px;
    text-align: center;
}

    .tabela24Horas thead tr th {
        background: #eee;
        height: 37px;
        font-size: 12px;
        color: #999;
    }

    .tabela24Horas tfoot tr td {
        background: #dce0e4;
    }

    .tabela24Horas thead tr th.CorContra24 {
        background: #dce0e4;
        color: #172e5f;
}

.field24Horas {
    border-left: 1px solid #e4e3e3;
    border-right: 1px solid #e4e3e3;
    background: #f6f6f6;
    border-top: 1px solid #e4e3e3;
    position: relative;
    left: -2px;
    top: -1px;
    border-bottom: 1px solid #e4e3e3;
}

.box-veiculos-cadastrados.field24Horas {
    margin-top: 0 !important;
}

.field24Horas legend {
    float: left;
    width: 100%;
    margin: 20px 0 30px 20px;
}

.larguraColuna24 {
    width: 240px;
    background: #FFF;
}

.btnProsseguir.migrarPlanoAvancar.continuar24 {
    margin: 0 !important;
    width: 240px !important;
    background: #172e5f !important;
}

.btnProsseguir.migrarPlanoDisabled.continuar24 {
    margin: 0 !important;
    width: 240px !important;
    cursor: default;
}

.leiaAtencao {
    display: block;
    line-height: 30px;
}

    .leiaAtencao img {
        float: left;
        margin-right: 5px;
    }

.meiopagdebitoAgencia {
    width: 243px !important;
}

.meiopagdebitoContaCorrente {
    width: 233px !important;
}

.meiopagdebitoDigito {
    width: 120px !important;
}


.ComboEnum {
    max-width: 205px !important;
}

.campoautorizado {
    border: 1px solid #9EDD9B!important;
    background: #CFFFBF url(../img/imgpositive.png) 10px 7px no-repeat!important;
    padding-left: 35px!important;
    width: 240px!important;
}

.camponaoautorizado {
border: 1px solid #F1B3A7!important;
background: #FFD7CC url(../img/imgnegative.png) 10px 7px no-repeat!important;
color:#D90000!important;
padding-left:35px!important;
width: 240px!important;
}

.primeiroBoxPlano.boxPlano24 {
    width: 100% !important;
}


.pendenciaSantander .coluna {
        float: left;
        width: 300px;
        margin-top: 10px;
        margin-bottom: 50px;
    }

       .pendenciaSantander .coluna label {
            display: block;
            font-size: 11px;
            color: #000;
            font-weight: 700;
            margin-bottom: 2px;
        }

       .pendenciaSantander .coluna input[type=text] {
            padding: 5px;
        }

    .pendenciaSantander {
    clear: both;
    display: inline-block;
    }
#cbxRelatorioDespesa a.tip_trigger {
    position: relative;
    float: left;
    top: 0px;
    right: -312px;
    height: 0px;
}
#creditoCombustivelQuadro {
    float: right;
    background: #ffffd2;
    border-top: #ffd24c 1px solid;
    padding: 10px 20px;
    margin-bottom: 20px;
}
#divCabecalho {
    float: left;
    border-right: 1px solid #f3f3f3;
    margin-right: 20px;
    padding-right: 5px;
}
.colunaBotao a.tip_trigger {
   /* position: relative;
    float: left;
    top: 17px;
    left: 67px;
    height: 0px;*/
    position: relative;
    top: 10px;
}

.btnMigrarPlano .tip_trigger {
    position: relative;
    float: right; 
    top: -2px; 
    right: -5px;
    height: 0px;
}



div.substituicaoTag {
   width: 100%;
   float: left;
}


div.substituicaoTag h5 {
    font-size: 27px;
    font-weight: 700;
    height: 30px;
    margin-bottom: 5px;
    color: #172e5f;
}
div.substituicaoTag p {
    margin-bottom: 5px;
}
div.substituicaoTag hr {
    border: 1px solid #d8d8d8;
}

div.substituicaoTag div.corpo {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    width: 910px;
    float: left;
}

div.substituicaoTag div.miolo {
    border: 1px solid #d8d8d8;
    background: #F1F1F1;
    float: left;
    padding: 10px;
}

div.substituicaoTag div.miolo div.linha {
    float: left;
    width: 850px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
}

div.substituicaoTag div.miolo div.linha div.coluna {
    float: left;
    padding-bottom: 10px;
}
div.substituicaoTag div.miolo div.linha div.coluna label {
    display: block;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

div.substituicaoTag div.miolo div.linha div.coluna select {
    padding: 5px;
    width: 140px;
    height: 30px;
}

div.substituicaoTag div.miolo div.linha div.coluna input[type="text"],
div.substituicaoTag div.miolo div.linha div.coluna input[type="password"]
{
    border: 1px solid silver;
    height: 28px;
    width: 250px;
    padding: 0px;
}

/** ***/

.categorias-tags li.current-cat{background: url(../../www.conectcar.com/wp-content/themes/ConectCarPress/assets/images/bg-btn-faq-hover.png) no-repeat;}
.categorias-tags li.current-cat a{ color: #3e7bff; font-weight: 700;}

.search{
	margin-left: 0px;
	margin-top: 6px;	
}
.searchbar {
    height:25px;
    width:310px;
    text-indent:5px
}
.searchbut{
	border:0 !important;
	cursor: pointer;
	color:#fff;
	height:22px;
	margin-top: -5px;
	margin-right: 8px;
	box-shadow:0 0 2px #aaa;
	color:white;
	font-size:15px;
	background:#172e5f;
	padding:1px 10px 1px 10px;
	font-weight:500;
    border-radius:8px;
    
}
#searchBox{
	padding-top: 40px;
    padding-left: 77px;
	float:left;
    width:460px;
    height:45px
}
#boxSearchHeader {
    height: 36px;
    width: 400px;
    color: #ccc;
    border: solid 1px #ddd;
    box-shadow: 0 1px 0px rgba(0,0,0,.1);
    border-radius: 15px;
    padding-left: 32px;
    background: #fff url('../../www.conectcar.com/wp-content/uploads/2016/07/searcher.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 10px 9px;
}

.menuCliente ul li a#AdesaoEmLote {
    width: 97px;
    height: 41px;
    float: left;
    text-align: center;
    margin-top: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../imagens/menuadesaoemlote.png) no-repeat;
    text-indent: -9995px;
}

.menuCliente ul li.ativo a#AdesaoEmLote {
    background: url(../imagens/menuadesaoemlote.png) 0 -41px no-repeat;
}

.menuCliente ul li a#AdesaoEmLote:hover {
    background: url(../imagens/menuadesaoemlote.png) 0 -41px no-repeat;
}

.menuCliente ul li a#RelatorioMenu {
    width: 52px;
    height: 41px;
    float: left;
    text-align: center;
    margin-top: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../imagens/menuparceirorelatorio.png) no-repeat;
    text-indent: -9995px;
}

.menuCliente ul li.ativo a#RelatorioMenu {
    background: url(../imagens/menuparceirorelatorio.png) 0 -41px no-repeat;
}

.menuCliente ul li a#RelatorioMenu:hover {
    background: url(../imagens/menuparceirorelatorio.png) 0 -41px no-repeat;
}