html > object {
    position: absolute;
}

@font-face {
    font-family: 'Open Sans Aux';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    src: local('Open Sans'),local('OpenSans');
    src: url('../fonts/open-sans.eot'),url('../fonts/open-sans.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans.woff') format('woff'),url('../fonts/open-sans.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    position: relative;
    float: left;
    min-width: 280px;
    padding-top: 103px;
    font: 14px 'Open Sans','Open Sans Aux',Arial,Helvetica,Tahoma,sans-serif;
    color: #333;
    background: #fff;
}

a {
    text-decoration: none;
    color: #06c;
}

    a img {
        border: 0;
    }

.dir {
    float: right !important;
}

.esq {
    float: left !important;
}

.ocu {
    display: none !important;
}

strong, b {
    font-weight: 600;
}

a, button, .txt {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ie a:active {
    background-color: transparent;
}

::-webkit-input-placeholder {
    color: #bbb;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

.col {
    float: left;
    width: 101.8% !important;
    margin-left: -.9%;
    margin-right: -.9%;
}

.c01 {
    float: left;
    width: 6.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c02 {
    float: left;
    width: 14.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c03 {
    float: left;
    width: 23.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c04 {
    float: left;
    width: 31.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c05 {
    float: left;
    width: 39.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c06 {
    float: left;
    width: 48.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c07 {
    float: left;
    width: 56.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c08 {
    float: left;
    width: 64.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c09 {
    float: left;
    width: 73.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c10 {
    float: left;
    width: 81.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c11 {
    float: left;
    width: 89.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.c12 {
    float: left;
    width: 98.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.sem-esp {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}

    .col.sem-esp .c01 {
        float: left;
        width: 8.33333333% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c02 {
        float: left;
        width: 16.66666667% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c03 {
        float: left;
        width: 25% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c04 {
        float: left;
        width: 33.33333333% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c05 {
        float: left;
        width: 41.66666667% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c06 {
        float: left;
        width: 50% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c07 {
        float: left;
        width: 58.33333333% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c08 {
        float: left;
        width: 66.66666667% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c09 {
        float: left;
        width: 75% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c10 {
        float: left;
        width: 83.33333333% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c11 {
        float: left;
        width: 91.66666667% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .col.sem-esp .c12 {
        float: left;
        width: 100% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

.col.com-esp .c01 {
    float: left;
    width: 6.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c02 {
    float: left;
    width: 14.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c03 {
    float: left;
    width: 23.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c04 {
    float: left;
    width: 31.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c05 {
    float: left;
    width: 39.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c06 {
    float: left;
    width: 48.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c07 {
    float: left;
    width: 56.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c08 {
    float: left;
    width: 64.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c09 {
    float: left;
    width: 73.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c10 {
    float: left;
    width: 81.53333333% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c11 {
    float: left;
    width: 89.86666667% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.col.com-esp .c12 {
    float: left;
    width: 98.2% !important;
    margin-left: .9%;
    margin-right: .9%;
}

.resumir-texto {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.btn {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    cursor: pointer;
    float: left;
    height: 20px;
    padding: 5px 16px 6px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    border-bottom: 2px solid #5e7a0a;
    background-color: #83a90e;
}

    .btn:hover:not(.aspNetDisabled):not(.des) {
        text-decoration: none;
        background: #8eb70f;
    }

    .btn:active:not(.aspNetDisabled):not(.des) {
        padding-top: 6px;
        padding-bottom: 5px;
        color: rgba(255,255,255,.7);
        background: #71910c;
    }

    .btn.sistema {
        border-color: #5e7a0a;
        background: #83a90e;
    }

        .btn.sistema:hover:not(.aspNetDisabled):not(.des) {
            background: #92bc10;
        }

        .btn.sistema:active:not(.aspNetDisabled):not(.des) {
            background: #71910c;
        }

    .btn.azul {
        border-color: #004c99;
        background: #06c;
    }

        .btn.azul:hover:not(.aspNetDisabled):not(.des) {
            background: #0070e0;
        }

        .btn.azul:active:not(.aspNetDisabled):not(.des) {
            background: #0059b3;
        }

    .btn.vermelho {
        border-color: #a73803;
        background: #d94904;
    }

        .btn.vermelho:hover:not(.aspNetDisabled):not(.des) {
            background: #e84e04;
        }

        .btn.vermelho:active:not(.aspNetDisabled):not(.des) {
            background: #c04104;
        }

    .btn.preto {
        border-color: #3b3b3b;
        background: #555;
    }

        .btn.preto:hover:not(.aspNetDisabled):not(.des) {
            background: #5d5d5d;
        }

        .btn.preto:active:not(.aspNetDisabled):not(.des) {
            background: #484848;
        }

    .btn.branco {
        color: #444;
        border-color: #e3e3e3;
        background: #f5f5f5;
    }

        .btn.branco:hover:not(.aspNetDisabled):not(.des) {
            background: #f9f9f9;
        }

        .btn.branco:active:not(.aspNetDisabled):not(.des) {
            color: rgba(68,68,68,.7);
            border-color: #ebebeb;
            background: #f2f2f2;
        }

    .btn + .btn, .btn + .btn-agr {
        margin-left: 10px;
    }

    .btn.dir + .btn.dir, .btn.dir + .btn-agr.dir {
        margin-left: 0;
        margin-right: 10px;
    }

    .btn.aspNetDisabled, .btn.des {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
        cursor: default;
        border-color: #b3b3b3;
        background-color: #ccc;
    }

        .btn.aspNetDisabled.branco, .btn.des.branco {
            color: #bbb !important;
            border-color: #e3e3e3;
            background: #f5f5f5;
        }

            .btn.aspNetDisabled.branco > i, .btn.des.branco > i, .btn.aspNetDisabled.branco > .c > i, .btn.des.branco > .c > i {
                color: #bbb;
            }

    .btn.nor {
        text-transform: none;
    }

    .btn > i, .btn > .c > i {
        float: left;
        width: 17px;
        height: 17px;
        margin: 2px 4px 1px -1px;
        font-size: 17px;
        line-height: 17px;
    }

    .btn > .i, .btn > .c > .i {
        opacity: .8;
        display: inline-block;
        margin: 1px 0 0 10px;
        font-size: 12px;
        text-transform: none;
        color: #fff;
    }

    .btn.ico {
        padding-left: 8px;
        padding-right: 8px;
    }

        .btn.ico > i, .btn.ico > .c > i {
            margin-left: 0;
            margin-right: 0;
        }

    .btn.red {
        border-radius: 16px;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
    }

    .btn.p {
        height: 16px;
        padding: 4px 12px 4px;
        line-height: 16px;
        font-size: 11px;
    }

        .btn.p:active:not(.aspNetDisabled):not(.des) {
            padding-top: 5px;
            padding-bottom: 3px;
        }

        .btn.p > i, .btn.p > .c > i {
            width: 14px;
            height: 14px;
            margin: 1px 3px 1px -1px;
            font-size: 14px;
            line-height: 14px;
        }

        .btn.p.ico {
            padding-left: 6px;
            padding-right: 6px;
        }

            .btn.p.ico > i, .btn.p.ico > .c > i {
                margin-left: 0;
                margin-right: 0;
            }

        .btn.p.red {
            border-radius: 13px;
            -moz-border-radius: 13px;
            -webkit-border-radius: 13px;
        }

        .btn.p > .i, .btn.p > .c > .i {
            margin: 0 0 0 8px;
            font-size: 11px;
        }

        .btn.p.com-gra {
            margin-top: 4px;
        }

    .btn.pp {
        height: 15px;
        padding: 3px 10px 2px;
        line-height: 14px;
        font-size: 10px;
        border-bottom-width: 1px;
    }

        .btn.pp:active:not(.aspNetDisabled):not(.des) {
            padding-top: 4px;
            padding-bottom: 1px;
        }

        .btn.pp > i, .btn.pp > .c > i {
            width: 12px;
            height: 12px;
            margin: 1px 3px 1px -1px;
            font-size: 12px;
            line-height: 12px;
        }

        .btn.pp.ico {
            padding-left: 4px;
            padding-right: 4px;
        }

            .btn.pp.ico > i, .btn.pp.ico > .c > i {
                margin-left: 0;
                margin-right: 0;
            }

        .btn.pp.red {
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }

        .btn.pp > .i, .btn.pp > .c > .i {
            margin: 0 0 0 6px;
            font-size: 10px;
        }

    .btn.rel, .btn.rel-esq {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        height: 33px;
    }

        .btn.rel + .lnk, .btn.rel-esq + .lnk {
            margin-left: 0;
        }

        .btn.rel.p, .btn.rel-esq.p {
            height: 26px;
        }

        .btn.rel.pp, .btn.rel-esq.pp {
            height: 20px;
        }

        .btn.rel > .c, .btn.rel-esq > .c {
            display: inline-block;
        }

    .btn.rel-esq {
        text-align: left;
    }

    .btn.branco.sistema, .btn.lnk.sistema {
        color: #7ca00d;
    }

    .btn.branco.preto, .btn.lnk.preto {
        color: #333;
    }

    .btn.branco.verde, .btn.lnk.verde {
        color: #009b00;
    }

    .btn.branco.azul, .btn.lnk.azul {
        color: #06c;
    }

    .btn.branco.abobora, .btn.lnk.abobora {
        color: #ff8e00;
    }

    .btn.branco.vermelho, .btn.lnk.vermelho {
        color: #d94904;
    }

    .btn.branco > .i, .btn.lnk > .i, .btn.branco > .c > .i, .btn.lnk > .c > .i {
        color: #777;
    }

    .btn.lnk {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding-left: 0;
        padding-right: 0;
        color: #333;
        border-color: transparent !important;
        background: none !important;
    }

        .btn.lnk:hover:not(.aspNetDisabled):not(.des) {
            text-decoration: underline;
        }

        .btn.lnk:active:not(.aspNetDisabled):not(.des) {
            color: rgba(51,51,51,.7);
        }

        .btn.lnk.aspNetDisabled, .btn.lnk.des {
            color: #aaa;
        }

    .btn + .lnk {
        margin-left: 20px;
    }

    .btn.agd > i, .btn.agd > .c > i {
        animation: girar .8s linear infinite;
        -moz-animation: girar .8s linear infinite;
        -webkit-animation: girar .8s linear infinite;
    }

@keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.btn-agr {
    float: left;
}

    .btn-agr + .btn-agr, .btn-agr + .btn {
        margin-left: 10px;
    }

    .btn-agr + .lnk {
        margin-left: 20px;
    }

    .btn-agr .btn {
        margin-left: 0;
    }

        .btn-agr .btn:not(:first-child):not(:last-child) {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
        }

        .btn-agr .btn:first-child {
            border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            -webkit-border-radius: 5px 0 0 5px;
        }

        .btn-agr .btn:last-child {
            border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            -webkit-border-radius: 0 5px 5px 0;
        }

        .btn-agr .btn.red:first-child {
            border-radius: 16px 0 0 16px;
            -moz-border-radius: 16px 0 0 16px;
            -webkit-border-radius: 16px 0 0 16px;
        }

        .btn-agr .btn.red:last-child {
            border-radius: 0 16px 16px 0;
            -moz-border-radius: 0 16px 16px 0;
            -webkit-border-radius: 0 16px 16px 0;
        }

        .btn-agr .btn.p.red:first-child {
            border-radius: 13px 0 0 13px;
            -moz-border-radius: 13px 0 0 13px;
            -webkit-border-radius: 13px 0 0 13px;
        }

        .btn-agr .btn.p.red:last-child {
            border-radius: 0 13px 13px 0;
            -moz-border-radius: 0 13px 13px 0;
            -webkit-border-radius: 0 13px 13px 0;
        }

.firefox .btn > .i, .firefox .btn > .c > .i {
    margin-top: -20px;
}

.firefox .btn.p > i, .firefox .btn.p > .c > i {
    line-height: 13px;
}

.firefox .btn.p > .i, .firefox .btn.p > .c > .i {
    margin-top: -16px;
}

.firefox .btn.pp > .i, .firefox .btn.pp > .c > .i {
    margin-top: -14px;
}

.firefox .btn.agd.pp > i, .firefox .btn.agd.pp > .c > i {
    line-height: 11px;
}

.txt {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    float: left;
    min-width: 120px;
    height: 33px;
    padding: 4px 14px 6px;
    font: 13px 'Open Sans','Open Sans Aux',Arial,Helvetica,Tahoma,sans-serif;
    color: #7ca00d;
    border: 1px solid #d2d2d2;
    background: #fff;
}

    .txt.cin {
        color: #888;
    }

    .txt.rel {
        width: 100%;
    }

    .txt.cbo {
        cursor: pointer;
        padding: 3px 10px 4px;
        -webkit-appearance: none;
    }

        .txt.cbo option {
            cursor: pointer;
            padding-left: 14px;
        }

        .txt:focus, .txt.cbo:hover {
            box-shadow: 0 0 2px 0 #ebf9bd;
            -moz-box-shadow: 0 0 2px 0 #ebf9bd;
            -webkit-box-shadow: 0 0 2px 0 #ebf9bd;
            border-color: #d2d2d2;
            background-color: #fafafa;
        }

    .txt.are {
        max-width: 100%;
        height: 130px;
        min-height: 130px;
        padding-top: 8px;
        padding-bottom: 10px;
    }

        .txt.are.alt-p {
            height: 92px;
            min-height: 92px;
        }

        .txt.are.alt-g {
            height: 275px;
            min-height: 275px;
        }

        .txt.are.alt-gg {
            height: 434px;
            min-height: 434px;
        }

    .txt + .bt-cal, .txt + .bt-aux {
        position: relative;
        float: left;
        margin: 4px 0 0 -32px;
        color: #7ca00d;
    }

        .txt + .bt-cal i, .txt + .bt-aux i {
            float: left;
            width: 16px;
            height: 16px;
            margin: 4px;
            font-size: 16px;
            line-height: 16px;
        }

        .txt + .bt-cal:hover, .txt + .bt-aux:hover, .txt + .bt-cal.sel, .txt + .bt-aux.sel {
            cursor: pointer;
            color: #69880b;
        }

        .txt + .bt-cal:active, .txt + .bt-aux:active {
            color: #95c110;
        }

        .txt + .bt-cal.agd i, .txt + .bt-aux.agd i {
            animation: girar .8s linear infinite;
            -moz-animation: girar .8s linear infinite;
            -webkit-animation: girar .8s linear infinite;
        }

@keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.txt + .bt-aux.si {
    color: #7ca00d;
}

.txt + .bt-aux.pr {
    color: #333;
}

.txt + .bt-aux.vd {
    color: #009b00;
}

.txt + .bt-aux.az {
    color: #06c;
}

.txt + .bt-aux.ab {
    color: #ff8e00;
}

.txt + .bt-aux.vm {
    color: #d94904;
}

.txt + .bt-aux.ci {
    color: #c5c5c5;
}

.txt + .bt-aux.p {
    margin-left: -31px;
}

    .txt + .bt-aux.p i {
        width: 14px;
        height: 14px;
        margin: 5px;
        font-size: 14px;
        line-height: 14px;
    }

.txt.com-bt-aux {
    padding-right: 36px;
}

.txt.g {
    height: 39px;
}

    .txt.g + .bt-cal, .txt.g + .bt-aux {
        margin-top: 7px;
    }

.txt.p {
    height: 26px;
    padding: 2px 12px 4px;
    font-size: 12px;
}

    .txt.p.are {
        height: 102px;
        min-height: 102px;
        padding-top: 6px;
        padding-bottom: 8px;
    }

        .txt.p.are.alt-p {
            height: 68px;
            min-height: 68px;
        }

        .txt.p.are.alt-g {
            height: 238px;
            min-height: 238px;
        }

    .txt.p + .bt-cal, .txt.p + .bt-aux {
        margin: 2px 0 0 -26px;
    }

        .txt.p + .bt-cal i, .txt.p + .bt-aux i {
            width: 14px;
            height: 14px;
            margin: 3px;
            font-size: 14px;
            line-height: 14px;
        }

.txt.t-data {
    min-width: 130px;
    width: 130px !important;
}

.txt.t-valor {
    min-width: 100px;
    width: 100px !important;
}

.txt.t-dia {
    min-width: 50px;
    width: 50px !important;
}

    .txt.t-dia.cbo {
        min-width: 60px;
        width: 60px !important;
    }

.txt.aspNetDisabled {
    cursor: default !important;
    background-color: #f8f8f8;
}

    .txt.aspNetDisabled + .bt-cal, .txt.aspNetDisabled + .bt-cal:hover, .txt.aspNetDisabled + .bt-cal:active {
        cursor: default;
        color: #bbb;
    }

        .txt.aspNetDisabled + .bt-cal:hover:before, .txt.aspNetDisabled + .bt-cal:hover:after {
            display: none;
        }

span.txt {
    line-height: 22px;
}

    span.txt.g {
        line-height: 27px;
    }

.chrome .txt.cbo, .firefox .txt.cbo {
    background-image: url(/img/padrao/cbo-s.png);
    background-position: right center;
    background-repeat: no-repeat;
}

    .chrome .txt.cbo.ati, .firefox .txt.cbo.ati {
        background-image: url(/img/padrao/cbo-a.gif);
    }

.chrome .txt.cbo {
    padding-right: 26px;
}

.firefox .txt.cbo {
    padding-top: 5px;
    background-image: none;
}

.chk, .rad {
    position: relative;
    float: left;
    min-height: 20px;
    font-weight: bold;
    color: #999;
}

    .chk label, .rad label {
        position: relative;
    }

        .chk label i, .rad label i {
            float: left;
            min-width: 1.1em;
            margin: 2px .2em -2px -1px;
            font-size: 1.1em;
            color: #a6a6a6;
        }

    .chk input, .rad input {
        position: absolute;
        opacity: 0;
        width: 0;
    }

        .chk input:checked + label, .rad input:checked + label, .chk input:checked + label i, .rad input:checked + label i {
            text-decoration: none;
            color: #7ca00d;
        }

    .chk:hover label, .rad:hover label {
        cursor: pointer;
        text-decoration: underline;
        color: #333;
    }

        .chk:hover label i, .rad:hover label i {
            display: inline-block;
        }

    .chk:active label, .rad:active label {
        text-decoration: none;
        color: rgba(51,51,51,.5);
    }

    .chk.aspNetDisabled label, .rad.aspNetDisabled label, .chk.aspNetDisabled:hover label, .rad.aspNetDisabled:hover label {
        cursor: default;
        text-decoration: none;
        color: #bbb;
    }

        .chk.aspNetDisabled label i, .rad.aspNetDisabled label i, .chk.aspNetDisabled:hover label i, .rad.aspNetDisabled:hover label i {
            color: #bbb;
        }

    .chk + .chk, .rad + .chk, .chk + .rad, .rad + .rad {
        margin-left: 10px;
    }

    .chk.agd label i, .rad.agd label i {
        animation: girar .8s linear infinite;
        -moz-animation: girar .8s linear infinite;
        -webkit-animation: girar .8s linear infinite;
    }

@keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.rad input + label i.s, .rad input:checked + label i.n {
    display: none;
}

.rad input:checked + label i.s {
    display: inline-block;
}

.lis-chk {
    font-size: 13px;
}

    .lis-chk .chk + .chk {
        clear: left;
        margin-left: 0;
    }

.lis-rad {
    font-size: 13px;
}

    .lis-rad .rad + .rad {
        clear: left;
        margin-left: 0;
    }

.frm {
    float: left;
    width: 100%;
    margin-bottom: -10px;
}

    .frm .lin {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .frm .lin.sep {
            height: 5px;
        }

        .frm .lin .txt {
            min-width: 0;
            width: 100%;
        }

            .frm .lin .txt + .exi-opc + .opc {
                border: 1px solid #d2d2d2;
            }

                .frm .lin .txt + .exi-opc + .opc .i {
                    padding: 4px 14px 6px;
                    font-size: 13px;
                }

            .frm .lin .txt.p + .exi-opc + .opc .i {
                padding: 2px 12px 4px;
                font-size: 12px;
            }

        .frm .lin .chk, .frm .lin .rad {
            margin-top: 6px;
            font-size: 13px;
        }

        .frm .lin > .ico {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            float: left;
            color: #bbb;
            border-right: 1px solid #e3e3e3;
            background-color: rgba(0,0,0,.02);
        }

            .frm .lin > .ico i {
                float: left;
                width: 18px;
                height: 18px;
                margin: 7px 9px 0 10px;
                font-size: 18px;
            }

            .frm .lin > .ico + .txt {
                padding-left: 51px;
            }

            .frm .lin > .ico.g i {
                width: 20px;
                height: 20px;
                margin: 9px 12px 0 13px;
                font-size: 20px;
            }

            .frm .lin > .ico.g + .txt {
                padding-left: 59px;
            }

            .frm .lin > .ico.p i {
                width: 15px;
                height: 15px;
                margin: 6px 6px 0 7px;
                font-size: 15px;
            }

            .frm .lin > .ico.p + .txt {
                padding-left: 40px;
            }

        .frm .lin .rot {
            float: left;
            width: 100%;
            height: 18px;
            margin-top: -3px;
            padding-bottom: 4px;
            font-size: 12px;
            color: #888;
        }

            .frm .lin .rot .obs {
                margin-left: 4px;
                font-size: 11px;
                font-style: italic;
                color: #999;
            }

                .frm .lin .rot .obs a:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

                .frm .lin .rot .obs a.adi-des {
                    color: #999;
                }

                .frm .lin .rot .obs.vm {
                    color: #d94904;
                }

                .frm .lin .rot .obs.vd {
                    color: #009b00;
                }

        .frm .lin .inf {
            float: left;
            width: 100%;
            margin-top: 7px;
            line-height: 18px;
            font-size: 13px;
            color: #888;
        }

            .frm .lin .inf.g {
                margin-top: 9px;
            }

            .frm .lin .inf a:hover {
                cursor: pointer;
                text-decoration: underline;
            }

            .frm .lin .inf.nao-rel {
                width: auto;
            }

            .frm .lin .inf.com-ico i {
                float: left;
                width: 18px;
                height: 18px;
                margin: 0 4px 0 -1px;
                font-size: 18px;
                line-height: 18px;
                color: #999;
            }

            .frm .lin .inf.cen {
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                text-align: center;
            }

                .frm .lin .inf.cen.com-ico {
                    padding: 0 20px;
                }

                    .frm .lin .inf.cen.com-ico i {
                        float: none;
                        display: inline-block;
                        width: 34px;
                        height: 34px;
                        margin: 0 0 10px;
                        font-size: 34px;
                        line-height: 34px;
                        color: #bbb;
                    }

    .frm .lin-btn .btn {
        margin-top: 10px;
    }

    .frm .lin-btn .msg {
        margin: 10px 0;
    }

    .frm + .msg {
        margin-top: 20px;
    }

    .frm.esc .txt {
        border-color: #e3e3e3;
        background-color: #f8f8f8;
    }

        .frm.esc .txt:focus, .frm.esc .txt.cbo:hover {
            background-color: #fcfcfc;
            border-color: #d7d7d7;
        }

.jan {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.6);
    -moz-box-shadow: 0 2px 20px 0 rgba(0,0,0,.6);
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.6);
    z-index: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    float: left;
    width: 540px;
    margin-left: -270px;
    margin-bottom: 20px;
    padding: 20px;
    background: #ebebeb;
}

    .jan.p {
        width: 420px;
        margin-left: -210px;
    }

    .jan.m {
        width: 690px;
        margin-left: -345px;
    }

    .jan.g {
        width: 790px;
        margin-left: -395px;
    }

    .jan.gg {
        width: 890px;
        margin-left: -445px;
    }

    .jan.bra {
        background-color: #fff;
    }

    .jan > .f {
        z-index: 1000;
        position: absolute;
        top: 18px;
        right: 17px;
    }

    .jan >

    .cab {
        position: relative;
        float: left;
        width: 100%;
        margin: -20px -20px 0;
        padding: 20px;
    }

        .jan >

        .cab

        .t {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            float: left;
            padding-right: 46px;
            text-align: left;
        }

            .jan >

            .cab .t.h2 {
                margin-top: 2px;
            }

        .jan >

        .cab .d {
            float: left;
            clear: left;
            font-size: 13px;
            text-align: left;
        }

        .jan >
        .cab + .rod {
            padding-top: 0;
        }

    .jan > .rod {
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        position: relative;
        float: left;
        width: 100%;
        margin: 0 -20px -20px;
        padding: 20px;
    }

        .jan > .rod.branco {
            border-top: 1px solid #fff;
            background-color: #f4f4f4;
        }

        .jan > .rod .obs {
            position: relative;
            margin-top: -3px;
            padding-right: 40px;
            font-size: 12px;
            color: #888;
        }

            .jan > .rod .obs .ico {
                opacity: .25;
                position: absolute;
                top: 50%;
                right: -4px;
                float: right;
                width: 40px;
                height: 40px;
                margin-top: -20px;
                font-size: 40px;
                line-height: 40px;
            }

            .jan > .rod .obs a:hover {
                text-decoration: underline;
            }

    .jan > .ico-lat {
        border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        float: left;
        width: 100px;
        border-right: 1px solid #fff;
        background-color: #f4f4f4;
    }

        .jan > .ico-lat ~ .cab, .jan > .ico-lat ~ .cor, .jan > .ico-lat ~ .rod, .jan > .ico-lat ~ .msg {
            float: right;
            width: 400px;
        }

        .jan > .ico-lat i {
            float: left;
            width: 70px;
            height: 70px;
            margin: 10px 15px;
            font-size: 70px;
            color: #ccc;
        }

    .jan.bra > .ico-lat {
        border-right-color: #ebebeb;
    }

.fun {
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    background: #000;
}

.tt:not(.aspNetDisabled):not(.des) {
    position: relative;
    display: inline-block;
}

    .tt:not(.aspNetDisabled):not(.des):after {
        content: attr(tt);
        margin-bottom: 6px;
    }

    .tt:not(.aspNetDisabled):not(.des):before {
        content: "";
        margin-bottom: -4px;
        margin-left: -5px;
    }

    .tt:not(.aspNetDisabled):not(.des):after, .tt:not(.aspNetDisabled):not(.des):before {
        transition: opacity .3s ease,margin .15s ease;
        -moz-transition: opacity .3s ease,margin .15s ease;
        -webkit-transition: opacity .3s ease,margin .15s ease;
        transition-delay: .2s;
        -moz-transition-delay: .2s;
        -webkit-transition-delay: .2s;
        position: fixed;
        opacity: 0;
        bottom: 5000px;
        z-index: 10000;
    }

    .tt:not(.aspNetDisabled):not(.des):hover:after {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
        left: -2px;
        margin-bottom: 10px;
        padding: 5px 15px 7px;
        font: 11px/14px Tahoma,Arial,Sans-Serif;
        color: #fff;
        letter-spacing: normal;
        text-transform: none;
        text-align: center;
        white-space: nowrap;
        background: rgba(142,183,15,.9);
    }

    .tt:not(.aspNetDisabled):not(.des):hover:before {
        z-index: 10001;
        left: 50%;
        width: 0;
        height: 0;
        margin-bottom: 0;
        border: 5px solid transparent;
        border-top: 5px solid rgba(142,183,15,.9);
    }

    .tt:not(.aspNetDisabled):not(.des):hover:after, .tt:not(.aspNetDisabled):not(.des):hover:before {
        position: absolute;
        opacity: 1;
        bottom: 100%;
    }

    .tt:not(.aspNetDisabled):not(.des).aju {
        cursor: help;
    }

    .tt:not(.aspNetDisabled):not(.des).di:before {
        margin-left: 0;
        margin-right: -5px;
    }

    .tt:not(.aspNetDisabled):not(.des).di:hover:after {
        left: auto;
        right: -2px;
    }

    .tt:not(.aspNetDisabled):not(.des).di:hover:before {
        left: auto;
        right: 50%;
    }

    .tt:not(.aspNetDisabled):not(.des).in:after {
        bottom: auto;
        top: 100%;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .tt:not(.aspNetDisabled):not(.des).in:before {
        margin-bottom: 0;
        margin-top: -4px;
        border: 5px solid transparent;
        border-bottom: 5px solid rgba(142,183,15,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).in:after, .tt:not(.aspNetDisabled):not(.des).in:before {
        bottom: auto;
        top: 5000px;
    }

    .tt:not(.aspNetDisabled):not(.des).in:hover:after, .tt:not(.aspNetDisabled):not(.des).in:hover:before {
        bottom: auto;
        top: 100%;
    }

    .tt:not(.aspNetDisabled):not(.des).in:hover:after {
        margin-top: 10px;
    }

    .tt:not(.aspNetDisabled):not(.des).in:hover:before {
        margin-top: 0;
    }

    .tt:not(.aspNetDisabled):not(.des).la:after {
        margin-bottom: 0;
        margin-left: 6px;
        margin-top: -13px;
    }

    .tt:not(.aspNetDisabled):not(.des).la:before {
        margin-bottom: 0;
        margin-left: -4px;
        margin-top: -5px;
    }

    .tt:not(.aspNetDisabled):not(.des).la:after, .tt:not(.aspNetDisabled):not(.des).la:before {
        bottom: auto;
        left: 5000px;
    }

    .tt:not(.aspNetDisabled):not(.des).la:hover:after {
        margin-left: 10px;
    }

    .tt:not(.aspNetDisabled):not(.des).la:hover:before {
        margin-left: 0;
        border: 5px solid transparent;
        border-right: 5px solid rgba(142,183,15,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).la:hover:after, .tt:not(.aspNetDisabled):not(.des).la:hover:before {
        position: absolute;
        opacity: 1;
        left: 100%;
        top: 50%;
    }

    .tt:not(.aspNetDisabled):not(.des).la.di:after {
        margin-left: 0;
        margin-right: 6px;
    }

    .tt:not(.aspNetDisabled):not(.des).la.di:before {
        margin-left: 0;
        margin-right: -4px;
    }

    .tt:not(.aspNetDisabled):not(.des).la.di:after, .tt:not(.aspNetDisabled):not(.des).la.di:before {
        left: auto;
        right: 5000px;
    }

    .tt:not(.aspNetDisabled):not(.des).la.di:hover:after {
        margin-left: 0;
        margin-right: 10px;
    }

    .tt:not(.aspNetDisabled):not(.des).la.di:hover:before {
        margin-right: 0;
        border: 5px solid transparent;
        border-left: 5px solid rgba(142,183,15,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).la.di:hover:after, .tt:not(.aspNetDisabled):not(.des).la.di:hover:before {
        left: auto;
        right: 100%;
    }

    .tt:not(.aspNetDisabled):not(.des).pr:hover:after {
        background: rgba(0,0,0,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).pr:hover:before {
        border: 5px solid transparent;
        border-top: 5px solid rgba(0,0,0,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).pr.in:before {
        border: 5px solid transparent;
        border-bottom: 5px solid rgba(0,0,0,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).pr.la:hover:before {
        border: 5px solid transparent;
        border-right: 5px solid rgba(0,0,0,.9);
    }

    .tt:not(.aspNetDisabled):not(.des).pr.la.di:hover:before {
        border: 5px solid transparent;
        border-left: 5px solid rgba(0,0,0,.9);
    }

.ali-cen {
    text-align: center;
}

.aux-cen {
    display: inline-block;
}

h1, .h1, h2, .h2, h3, .h3 {
    float: left;
    width: 100%;
    font-weight: 400;
    letter-spacing: -1px;
    color: #7ca00d;
}

    h1.sistema, .h1.sistema, h2.sistema, .h2.sistema, h3.sistema, .h3.sistema {
        color: #7ca00d;
    }

    h1.preto, .h1.preto, h2.preto, .h2.preto, h3.preto, .h3.preto {
        color: #333;
    }

    h1.verde, .h1.verde, h2.verde, .h2.verde, h3.verde, .h3.verde {
        color: #009b00;
    }

    h1.azul, .h1.azul, h2.azul, .h2.azul, h3.azul, .h3.azul {
        color: #06c;
    }

    h1.abobora, .h1.abobora, h2.abobora, .h2.abobora, h3.abobora, .h3.abobora {
        color: #ff8e00;
    }

    h1.vermelho, .h1.vermelho, h2.vermelho, .h2.vermelho, h3.vermelho, .h3.vermelho {
        color: #d94904;
    }

    h1 i, .h1 i, h2 i, .h2 i, h3 i, .h3 i {
        float: left;
        margin-right: .3em;
    }

    h1.branco, .h1.branco, h2.branco, .h2.branco, h3.branco, .h3.branco {
        color: #fff;
    }

    h1.nor, .h1.nor, h2.nor, .h2.nor, h3.nor, .h3.nor {
        font-weight: normal;
    }

    h1.dir, .h1.dir, h2.dir, .h2.dir, h3.dir, .h3.dir {
        float: none;
        width: auto;
        clear: both;
    }

    h1.nao-rel, .h1.nao-rel, h2.nao-rel, .h2.nao-rel, h3.nao-rel, .h3.nao-rel {
        display: inline-block;
        float: none;
        width: auto;
    }

h1, .h1 {
    font-size: 30px;
}

    h1 i, .h1 i {
        width: 35px;
        height: 35px;
        margin-top: 3px;
        margin-bottom: -3px;
        font-size: 35px;
        line-height: 35px;
    }

h2, .h2 {
    font-size: 25px;
    font-weight: 600;
}

    h2 i, .h2 i {
        width: 30px;
        height: 30px;
        margin-top: 2px;
        margin-bottom: -2px;
        font-size: 30px;
        line-height: 30px;
    }

h3, .h3 {
    font-size: 20px;
    font-weight: 600;
}

    h3 i, .h3 i {
        width: 25px;
        height: 25px;
        margin-top: 2px;
        margin-bottom: -2px;
        font-size: 25px;
        line-height: 25px;
    }

a.h1:hover, a.h2:hover, a.h3:hover {
    text-decoration: underline;
}

p {
    display: inline-block;
    width: 100%;
    line-height: 22px;
}

    p.branco {
        color: rgba(255,255,255,.85);
    }

    p.p {
        font-size: 12px;
        line-height: 20px;
    }

    p.jus {
        text-align: justify;
    }

    p.cen {
        text-align: center;
    }

    p.cin {
        color: #666;
    }

    p.nao-rel {
        display: inline-block;
        float: none;
        width: auto;
    }

    p a:hover {
        text-decoration: underline;
    }

.val {
    color: #06c;
}

    .val strong {
        margin-left: 5px;
        font-size: 1.3em;
    }

    .val.pr {
        color: #333;
    }

    .val.vm {
        color: #d94904;
    }

    .val.nor, .val.nor strong {
        font-weight: normal;
    }

.sep-sup {
    margin-top: 20px !important;
}

.sep-inf {
    margin-bottom: 20px !important;
}

.sep-sup-pp {
    margin-top: 5px !important;
}

.sep-inf-pp {
    margin-bottom: 5px !important;
}

.sep-sup-p {
    margin-top: 10px !important;
}

.sep-inf-p {
    margin-bottom: 10px !important;
}

.sep-sup-m {
    margin-top: 30px !important;
}

.sep-inf-m {
    margin-bottom: 30px !important;
}

.sep-sup-g {
    margin-top: 40px !important;
}

.sep-inf-g {
    margin-bottom: 40px !important;
}

.sep-sup-gg {
    margin-top: 80px !important;
}

.sep-inf-gg {
    margin-bottom: 80px !important;
}

.sep-esq {
    margin-left: 20px !important;
}

.sep-dir {
    margin-right: 20px !important;
}

.sep-esq-p {
    margin-left: 10px !important;
}

.sep-dir-p {
    margin-right: 10px !important;
}

.lin {
    float: left;
    width: 100%;
}

    .lin.com-div {
        height: 1px;
        background-color: #e1e1e1;
    }

    .lin.com-des {
        height: 1px;
    }

        .lin.com-des > span, .lin.com-des > a, .lin.com-des > span.c > span, .lin.com-des > span.c > a {
            float: left;
            height: 18px;
            color: #333;
            font-size: 12px;
            line-height: 18px;
            background: #fff;
            margin-top: -10px;
            padding-right: 7px;
        }

            .lin.com-des > span.dir, .lin.com-des > a.dir, .lin.com-des > span.c > span.dir, .lin.com-des > span.c > a.dir {
                padding: 0 0 0 7px;
            }

        .lin.com-des.des-cen {
            text-align: center;
        }

            .lin.com-des.des-cen > span.c {
                float: none;
                display: inline-block;
                margin: 0;
                padding: 0;
            }

                .lin.com-des.des-cen > span.c > span, .lin.com-des.des-cen > span.c > a {
                    padding: 0 7px;
                }

div.c {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    padding: 0 20px;
}

    div.c.sem-esp {
        padding: 0;
    }

    div.c.com-div .con-esq, div.c.com-div .con-dir {
        position: relative;
    }

        div.c.com-div .con-esq:before, div.c.com-div .con-dir:before, div.c.com-div .con-esq:after, div.c.com-div .con-dir:after {
            content: "";
            display: table;
        }

        div.c.com-div .con-esq:after, div.c.com-div .con-dir:after {
            clear: both;
        }

        div.c.com-div .con-esq > b, div.c.com-div .con-dir > b {
            content: "";
            position: absolute;
            top: -15px;
            bottom: -15px;
            width: 1px;
            background-color: #ebebeb;
        }

            div.c.com-div .con-esq > b.bra, div.c.com-div .con-dir > b.bra {
                background-color: #fff;
            }

    div.c.com-div .con-esq {
        padding-right: 40px;
    }

        div.c.com-div .con-esq > b {
            right: 0;
        }

    div.c.com-div .con-dir {
        padding-left: 40px;
    }

        div.c.com-div .con-dir > b {
            left: -1px;
        }

#cab, #rod, #cor, #sub {
    float: left;
    width: 100%;
}

#cab {
    transition: top .3s ease;
    -moz-transition: top .3s ease;
    -webkit-transition: top .3s ease;
    top: -100px;
    margin-top: -103px;
    padding: 20px 0;
    border: 1px solid #83a90e;
    border-width: 1px 0 3px;
    background-color: #fff;
}

    #cab .l {
        transition: all .1s ease;
        -moz-transition: all .1s ease;
        -webkit-transition: all .1s ease;
        float: left;
        padding: 4px 5px 6px;
        margin: -2px -5px -1px 15px;
    }

        #cab .l img {
            float: left;
            width: 160px;
            height: 52px;
        }

        #cab .l:hover {
            opacity: .8;
        }

    #cab .m {
        float: right;
        margin: 12px 20px 0 0;
        list-style: none;
    }

        #cab .m li {
            float: left;
        }

        #cab .m .i {
            position: relative;
            float: left;
            height: 33px;
            padding: 0 12px;
            line-height: 31px;
            font-size: 13px;
            text-transform: uppercase;
            color: #999;
        }

            #cab .m .i i {
                display: none;
                float: left;
                width: 25px;
                height: 25px;
                margin: 3px 4px 0 -3px;
                font-size: 25px;
                line-height: 25px;
            }

                #cab .m .i i.exi-ico {
                    display: block;
                    margin: 3px 4px 0 -3px;
                }

                    #cab .m .i i.exi-ico.p {
                        width: 18px;
                        height: 18px;
                        margin-top: 5px;
                        font-size: 18px;
                        line-height: 18px;
                    }

                    #cab .m .i i.exi-ico.dir {
                        margin: 3px -3px 0 4px;
                    }

            #cab .m .i.azul {
                color: #06c;
            }

            #cab .m .i:hover {
                color: #7ca00d;
            }

        #cab .m .btn {
            margin-left: 20px;
        }

            #cab .m .btn + .btn {
                margin-left: 10px;
            }

        #cab .m .btn-agr .btn + .btn {
            margin-left: 0 !important;
        }

    #cab .mm {
        display: none;
    }

    #cab.fixo {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        margin-top: 0;
        padding: 8px 0 7px;
        background-color: rgba(255,255,255,.96);
    }

        #cab.fixo .l {
            margin-top: -1px;
            margin-bottom: -1px;
        }

            #cab.fixo .l img {
                width: 112px;
                height: 36px;
            }

        #cab.fixo .m {
            margin-top: 5px;
        }

            #cab.fixo .m .btn {
                margin-top: 4px;
            }

#rod .inf {
    color: rgba(255,255,255,.55);
    line-height: 22px;
}

    #rod .inf .aux {
        padding-right: 18%;
    }

    #rod .inf .t {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        color: rgba(255,255,255,.85);
    }

    #rod .inf .l {
        float: left;
        width: 100%;
        list-style: none;
    }

    #rod .inf .f p {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 20px 0 20px 20px;
        font-style: italic;
        font-size: 13px;
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    #rod .inf .f a {
        float: right;
        margin-top: -1px;
        padding-top: 20px;
        border-top: 1px solid rgba(255,255,255,.45);
    }

        #rod .inf .f a img {
            opacity: .8;
            float: left;
            width: 112px;
            height: 25px;
        }

        #rod .inf .f a:hover img {
            opacity: 1;
        }

    #rod .inf a {
        color: rgba(255,255,255,.55);
    }

        #rod .inf a:hover {
            text-decoration: underline;
            color: rgba(255,255,255,.85);
        }

    #rod .inf.dir {
        text-align: right;
    }

#rod .log {
    float: left;
    padding: 8px 0 9px 125px;
}

    #rod .log img {
        float: left;
        width: 125px;
        height: 41px;
        margin-left: -125px;
    }

    #rod .log .sis {
        float: left;
        height: 41px;
        margin-left: 20px;
        padding: 0 20px;
        line-height: 41px;
        font-size: 13px;
        color: rgba(255,255,255,.55);
        border-left: 1px solid rgba(255,255,255,.15);
    }

#rod .tel {
    float: right;
    margin-top: 9px;
    font-size: 26px;
    color: rgba(255,255,255,.85);
}

    #rod .tel span {
        font-size: 23px;
    }

    #rod .tel i {
        transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        float: left;
        width: 24px;
        height: 24px;
        margin: 8px 6px 0 0;
        line-height: 24px;
        font-size: 24px;
    }

#cor {
    overflow: hidden;
}

#sub {
    min-height: 20px;
    padding: 16px 0 19px;
    background-color: #69870b;
}

    #sub .sm {
        float: left;
        padding-right: 25px;
    }

        #sub .sm .i {
            float: left;
            height: 20px;
            line-height: 20px;
            font-size: 13px;
            text-transform: uppercase;
            color: rgba(255,255,255,.55);
        }

            #sub .sm .i.sel {
                color: rgba(255,255,255,.8);
            }

        #sub .sm a.i:not(.aspNetDisabled):hover {
            color: rgba(255,255,255,.8);
        }

        #sub .sm a.i.sel:not(.aspNetDisabled):hover {
            color: #fff;
        }

        #sub .sm i {
            float: left;
            width: 10px;
            height: 10px;
            margin: 5px;
            line-height: 10px;
            font-size: 10px;
            color: rgba(255,255,255,.55);
        }

        #sub .sm.ab .i + .i {
            margin-left: 20px;
        }

        #sub .sm.ab .i.sel {
            position: relative;
        }

            #sub .sm.ab .i.sel:before {
                content: "";
                position: absolute;
                bottom: -20px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -6px;
                border: 6px solid transparent;
                border-bottom-color: #fff;
            }

    #sub .rs {
        float: right;
        margin: 10px -4px 0 0;
    }

        #sub .rs a {
            float: left;
            width: 28px;
            height: 28px;
            color: rgba(255,255,255,.8);
        }

            #sub .rs a i {
                float: left;
                width: 28px;
                height: 28px;
                font-size: 28px;
                line-height: 28px;
            }

            #sub .rs a:hover {
                color: #fff;
            }

    #sub .vo {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        float: right;
        width: 21px;
        height: 21px;
        margin: 0 0 -1px -21px;
        background-color: rgba(255,255,255,.8);
    }

        #sub .vo i {
            float: left;
            width: 14px;
            height: 14px;
            margin: 3px 3px 4px 4px;
            font-size: 14px;
            line-height: 14px;
            color: #7ca00d;
        }

        #sub .vo:hover {
            cursor: pointer;
            background-color: #fff;
        }

#agd {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    #agd .cai {
        box-shadow: 0 2px 20px 0 rgba(0,0,0,.6);
        -moz-box-shadow: 0 2px 20px 0 rgba(0,0,0,.6);
        -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.6);
        z-index: 1000;
        position: absolute;
        top: 50%;
        left: 50%;
        float: left;
        width: 300px;
        margin-left: -150px;
        padding: 0 12px;
    }

        #agd .cai .t {
            float: left;
            margin-top: 10px;
            font-size: 15px;
            color: #7ca00d;
        }

        #agd .cai .i {
            box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
            -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
            -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            overflow: hidden;
            float: left;
            width: 100%;
            height: 10px;
            margin: 12px 0;
            background-color: #83a90e;
        }

            #agd .cai .i i {
                opacity: .2;
                float: left;
                width: 100%;
                height: 10px;
                background: url(/img/padrao/agd1-bar.gif) 0 0 repeat-x;
            }

        #agd .cai .d {
            float: left;
            width: 100%;
            margin-bottom: 15px;
            font-size: 11px;
            color: #999;
        }

#agd-sim {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    #agd-sim.escuro {
        background-color: rgba(0,0,0,.4);
    }

    #agd-sim i {
        animation: girar .8s linear infinite;
        -moz-animation: girar .8s linear infinite;
        -webkit-animation: girar .8s linear infinite;
        text-shadow: 0 0 5px #fff;
        -moz-text-shadow: 0 0 5px #fff;
        -webkit-text-shadow: 0 0 5px #fff;
        opacity: .9;
        position: absolute;
        z-index: 1000;
        top: 50%;
        left: 50%;
        float: left;
        width: 50px;
        height: 50px;
        margin: -50px 0 0 -25px;
        font-size: 48px;
        line-height: 48px;
        color: #7ca00d;
    }

@keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes girar {
    from {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

#agd-sim.branco i {
    text-shadow: 0 0 5px rgba(0,0,0,.4);
    -moz-text-shadow: 0 0 5px rgba(0,0,0,.4);
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,.4);
    color: #fff;
}

.ele {
    position: relative;
    float: left;
    width: 100%;
    min-height: 80px;
}

    .ele .i {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        width: 80px;
        height: 80px;
        padding: 12px 14px 16px;
        font-size: 52px;
        line-height: 52px;
        color: #789b0d;
        background-color: #eaf2f0;
    }

        .ele .i.branco {
            background-color: #fff;
        }

    .ele .t {
        float: left;
        width: auto;
        min-height: 72px;
        margin: 8px 0 0 95px;
        font-size: 24px;
        letter-spacing: -1px;
    }

        .ele .t .a {
            display: block;
        }

        .ele .t .cen {
            display: table-cell;
            height: 66px;
            vertical-align: middle;
        }

        .ele .t .sta {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            cursor: help;
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-left: 4px;
            background-color: #bbb;
        }

            .ele .t .sta.on {
                background-color: #009b00;
            }

        .ele .t.tel span {
            font-size: 20px;
        }

    .ele .d {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 20px;
        padding-top: 15px;
        font-size: 13px;
        line-height: 22px;
        color: #666;
        border-top: 1px solid #ebebeb;
    }

    .ele .b {
        position: absolute;
        right: 0;
        top: -12px;
        padding-left: 5px;
        font-size: 11px;
        color: #d94904;
        background-color: #fff;
    }

    .ele.com-sub .t {
        min-height: 30px;
        margin-top: 3px;
        font-size: 22px;
        letter-spacing: -1px;
    }

    .ele.com-sub .s {
        float: left;
        clear: left;
        max-width: 250px;
        min-height: 44px;
        margin-left: 95px;
        margin-top: 3px;
        font-size: 13px;
        color: #888;
    }

    .ele.cen {
        text-align: center;
    }

        .ele.cen .i {
            left: 50%;
            margin-left: -40px;
        }

        .ele.cen .t {
            width: 100%;
            max-width: 100%;
            margin: 95px 0 0;
            min-height: 0;
            line-height: normal;
        }

            .ele.cen .t .a {
                display: inline;
            }

        .ele.cen .b {
            right: 50%;
            width: 64px;
            margin-right: -32px;
            padding-left: 0;
        }

        .ele.cen.com-sub .s {
            width: 80%;
            max-width: none;
            margin-left: 10%;
            margin-right: 10%;
        }

    .ele.branco .i {
        color: #fff;
        background-color: rgba(255,255,255,.15);
    }

    .ele.branco .t {
        font-weight: 400;
        color: rgba(255,255,255,.95);
    }

    .ele.branco .d {
        color: rgba(255,255,255,.8);
        border-top: 1px solid rgba(255,255,255,.2);
    }

    .ele.branco .b {
        color: #e0c040;
        background-color: rgba(131,169,14,.97);
    }

    .ele.branco.com-sub .d, .ele.branco.com-sub .s {
        color: rgba(255,255,255,.7);
    }

    .ele.verde .i, .ele.verde .t {
        color: #009b00;
    }

    .ele.cinza .i, .ele.cinza .t {
        color: #b5b5b5;
    }

    .ele + .ele {
        margin-top: 20px;
    }

    .ele .i, .ele .s, .ele .d {
        transition: .15s ease;
        -moz-transition: .15s ease;
        -webkit-transition: .15s ease;
    }

a.ele:hover .i {
    background-color: #ddeae7;
}

    a.ele:hover .i.branco {
        background-color: #fbffef;
    }

a.ele:hover .s, a.ele:hover .d {
    color: #7ca00d;
}

a.ele.branco:hover .i {
    background-color: rgba(255,255,255,.23);
}

a.ele.branco:hover .t, a.ele.branco:hover .s, a.ele.branco:hover .d {
    color: #fff;
}

.aba-ele {
    float: left;
    width: 100%;
}

    .aba-ele a.ele {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .aba-ele a.ele .i, .aba-ele a.ele .t {
            color: #b5b5b5;
        }

        .aba-ele a.ele .i {
            top: 30px;
        }

        .aba-ele a.ele:hover .i, .aba-ele a.ele.sel .i {
            color: #789b0d;
        }

        .aba-ele a.ele:hover .t, .aba-ele a.ele.sel .t {
            color: #7ca00d;
        }

        .aba-ele a.ele.sel {
            padding-bottom: 29px;
            border-bottom: 1px solid #7ca00d;
        }

.msg {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    float: left;
    clear: left;
    padding: 6px 15px 7px !important;
    line-height: 18px;
    font-size: 13px;
    text-align: left;
    color: #666;
    border: 1px solid #e1e1e1;
    background: #f8f8f8;
}

    .msg.rel {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
    }

    .msg.cen {
        text-align: center;
    }

    .msg.m-ale {
        color: #f30;
        border-color: #ffe351;
        background: #ffffbd;
    }

    .msg.m-inf {
        color: #06c;
        border-color: #c7deff;
        background: #e7f1ff;
    }

    .msg.m-err {
        color: #f30;
        border-color: #ffd3b0;
        background: #ffeddf;
    }

    .msg.m-suc {
        color: #090;
        border-color: #c1dfc1;
        background: #e0f7de;
    }

    .msg .ico {
        float: left;
        width: 18px;
        height: 18px;
        margin: 0 4px 0 -1px;
        font-size: 18px;
        line-height: 18px;
    }

    .msg.p {
        padding: 4px 11px;
        line-height: 16px;
        font-size: 12px;
    }

        .msg.p .ico {
            width: 15px;
            height: 15px;
            margin: 0 3px 0 -1px;
            font-size: 15px;
            line-height: 15px;
        }

    .msg a:hover {
        text-decoration: underline;
    }

.lis {
    float: left;
    width: 80%;
    margin: -5px 10%;
    text-align: left;
}

    .lis li {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        list-style: none;
        float: left;
        width: 100%;
        padding: 5px 0 5px 25px;
    }

        .lis li i {
            float: left;
            width: 18px;
            height: 18px;
            margin: 1px 0 0 -25px;
            font-size: 18px;
            line-height: 18px;
            color: #009b00;
        }

            .lis li i.si {
                color: #7ca00d;
            }

            .lis li i.pr {
                color: #333;
            }

            .lis li i.vd {
                color: #009b00;
            }

            .lis li i.az {
                color: #06c;
            }

            .lis li i.ab {
                color: #ff8e00;
            }

            .lis li i.vm {
                color: #d94904;
            }

        .lis li a:hover {
            text-decoration: underline;
        }

        .lis li a.si {
            color: #7ca00d;
        }

        .lis li a.pr {
            color: #333;
        }

        .lis li a.vd {
            color: #009b00;
        }

        .lis li a.az {
            color: #06c;
        }

        .lis li a.ab {
            color: #ff8e00;
        }

        .lis li a.vm {
            color: #d94904;
        }

    .lis.sem-esp {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

.cai {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: 2px solid #83a90e;
    background-color: #fff;
}

    .cai.sem-esp {
        padding: 0;
    }

    .cai.sem-bor {
        border-bottom: 0;
    }

    .cai.com-bor {
        border-left: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
    }

        .cai.com-bor.sem-bor {
            border-bottom: 1px solid #ebebeb;
        }

    .cai.verde {
        background-color: #83a90e;
    }

    .cai.verde-claro {
        background-color: #eaf2f0;
    }

    .cai.verde-escuro {
        background-color: #69870b;
    }

    .cai.borda-verde {
        border-bottom-color: #009b00;
    }

.pag {
    float: left;
    width: 100%;
}

    .pag .r {
        float: right;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
        color: #666;
    }

.cha {
    padding: 24px;
    text-align: left;
}

    .cha .t {
        float: left;
        margin-right: 74px;
    }

        .cha .t.sem-ico {
            margin-right: 0;
        }

        .cha .t h2, .cha .t .h2, .cha .t p, .cha .t .d {
            float: left;
            clear: left;
            width: auto;
        }

        .cha .t h2, .cha .t .h2 {
            margin-top: -3px;
            font-size: 23px;
        }

        .cha .t p, .cha .t .d {
            margin-bottom: 2px;
            font-style: italic;
            line-height: 20px;
            color: #777;
        }

    .cha .i {
        float: right;
        width: 64px;
        height: 64px;
        font-size: 64px;
        margin: -8px -2px -6px -64px;
        line-height: 64px;
        color: #6d8d0c;
    }

    .cha .btn {
        margin-top: 8px;
    }

    .cha.com-ico .t {
        min-height: 64px;
        position: relative;
        padding-left: 75px;
        margin-right: 0;
    }

        .cha.com-ico .t h2, .cha.com-ico .t .h2 {
            margin-top: 5px;
        }

        .cha.com-ico .t i {
            position: absolute;
            top: 0;
            left: -3px;
            float: left;
            width: 64px;
            height: 64px;
            margin: 0;
            font-size: 64px;
            line-height: 64px;
            color: #6d8d0c;
        }

    .cha.com-ico .btn {
        margin-top: 15px;
    }

    .cha.sem-bor {
        border-bottom: 0;
    }

    .cha.azul {
        border-color: #06c;
    }

        .cha.azul .t h2, .cha.azul .t .h2 {
            color: #06c;
        }

        .cha.azul .i {
            color: #005ebd;
        }

    .cha.cen {
        position: relative;
        text-align: center;
    }

        .cha.cen .c07, .cha.cen .c08, .cha.cen .c05, .cha.cen .c04 {
            float: left;
            width: 98.2% !important;
            margin-left: .9%;
            margin-right: .9%;
        }

        .cha.cen .t {
            width: 100%;
            padding-top: 74px;
            margin-right: 0;
        }

            .cha.cen .t.sem-ico {
                padding-top: 0;
            }

            .cha.cen .t h2, .cha.cen .t .h2, .cha.cen .t p, .cha.cen .t .p {
                width: 100%;
            }

            .cha.cen .t + .i {
                position: absolute;
                top: 20px;
                left: 50%;
                margin: 0 0 0 -32px;
            }

        .cha.cen.com-ico .t {
            min-height: 0;
            padding: 75px 0 0;
        }

            .cha.cen.com-ico .t h2, .cha.cen.com-ico .t .h2 {
                margin-top: 0;
            }

            .cha.cen.com-ico .t i {
                left: 50%;
                margin-left: -32px;
            }

        .cha.cen.com-ico .btn {
            margin: 0;
        }

        .cha.cen .aux {
            display: inline-block;
            margin: 15px 5px 0 !important;
        }

    .cha.fai {
        padding: 30px 0;
    }

    .cha, .cha .t p, .cha .t .d {
        transition: .15s ease;
        -moz-transition: .15s ease;
        -webkit-transition: .15s ease;
    }

a.cha:hover {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    background-color: #e4eeec;
}

    a.cha:hover .t p, a.cha:hover .t .d {
        color: #7ca00d;
    }

    a.cha:hover.azul .t p, a.cha:hover.azul .t .d {
        color: #06c;
    }

.cha-aux {
    float: left;
    width: 100%;
    text-align: center;
}

    .cha-aux.esp-sup-dup {
        padding-top: 40px;
    }

    .cha-aux.esp-sup-tri {
        padding-top: 60px;
    }

    .cha-aux.esp-inf-dup {
        padding-bottom: 40px;
    }

    .cha-aux.esp-inf-tri {
        padding-bottom: 60px;
    }

    .cha-aux .l {
        position: relative;
        display: inline-block;
        padding: 0 60px;
    }

        .cha-aux .l .b {
            transition: .15s ease;
            -moz-transition: .15s ease;
            -webkit-transition: .15s ease;
            border-radius: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            float: left;
            height: 30px;
            padding: 0 15px;
            background-color: #eaf2f0;
        }

            .cha-aux .l .b span {
                font-size: 13px;
                line-height: 28px;
                color: 'Open Sans','Open Sans Aux',Arial,Helvetica,Tahoma,sans-serif;
            }

            .cha-aux .l .b i {
                float: left;
                width: 18px;
                height: 18px;
                margin: 5px 0 0;
                font-size: 18px;
                line-height: 18px;
                color: #83a90e;
            }

                .cha-aux .l .b i + span {
                    margin-left: 5px;
                }

            .cha-aux .l .b.ico i {
                margin: 5px -9px 0;
            }

        .cha-aux .l:before, .cha-aux .l:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 54px;
            height: 1px;
            background-color: #e3e3e3;
        }

        .cha-aux .l:before {
            left: 0;
        }

        .cha-aux .l:after {
            right: 0;
        }

        .cha-aux .l:hover {
            cursor: pointer;
        }

            .cha-aux .l:hover .b {
                background-color: #ddeae7;
            }

    .cha-aux.branco .l .b {
        background-color: rgba(255,255,255,.18);
    }

        .cha-aux.branco .l .b span {
            color: rgba(255,255,255,.9);
        }

        .cha-aux.branco .l .b i {
            color: #fff;
        }

    .cha-aux.branco .l:before, .cha-aux.branco .l:after {
        background-color: rgba(255,255,255,.25);
    }

    .cha-aux.branco .l:hover .b {
        background-color: rgba(255,255,255,.25);
    }

.fai {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 20px 0;
}

    .fai.sem-esp {
        padding: 0;
    }

    .fai.esp-dup {
        padding: 40px 0;
    }

    .fai.esp-tri {
        padding: 60px 0;
    }

    .fai.esp-qua {
        padding: 80px 0;
    }

    .fai.esp-sup-dup {
        padding-top: 40px;
    }

    .fai.esp-sup-tri {
        padding-top: 60px;
    }

    .fai.esp-sup-qua {
        padding-top: 80px;
    }

    .fai.esp-inf-dup {
        padding-bottom: 40px;
    }

    .fai.esp-inf-tri {
        padding-bottom: 60px;
    }

    .fai.esp-inf-qua {
        padding-bottom: 80px;
    }

    .fai.branco {
        background-color: #fff;
    }

    .fai.preto {
        background-color: #000;
    }

    .fai.verde {
        background-color: #83a90e;
    }

    .fai.verde-claro {
        background-color: #eaf2f0;
    }

    .fai.verde-escuro {
        background-color: #69870b;
    }

    .fai.tit {
        padding: 44px 0;
    }

        .fai.tit h1, .fai.tit .h1, .fai.tit p {
            float: left;
            clear: left;
            width: 100%;
            max-width: 475px;
        }

        .fai.tit h1, .fai.tit .h1 {
            margin-top: -10px;
            color: rgba(255,255,255,.95);
        }

        .fai.tit p {
            margin-top: 12px;
            color: rgba(255,255,255,.75);
        }

        .fai.tit.cen {
            text-align: center;
        }

            .fai.tit.cen .aux {
                display: inline-block;
                max-width: 475px;
            }

            .fai.tit.cen h1, .fai.tit.cen .h1, .fai.tit.cen p {
                max-width: 100%;
            }

        .fai.tit #sub {
            margin-top: 45px;
            margin-bottom: -44px;
            background-color: rgba(0,0,0,.1);
        }

.jan.zoo {
    display: none;
    width: auto;
    max-width: 100%;
    margin: 35px 0 50px;
    padding: 0;
    text-align: center;
}

    .jan.zoo > .f {
        top: -32px;
        right: 3px;
        color: #fff;
    }

        .jan.zoo > .f:active {
            opacity: .8;
            color: #fff !important;
        }

    .jan.zoo > .s {
        text-shadow: 0 1px 2px rgba(0,0,0,.3);
        -moz-text-shadow: 0 1px 2px rgba(0,0,0,.3);
        -webkit-text-shadow: 0 1px 2px rgba(0,0,0,.3);
        position: absolute;
        top: 50%;
        margin-top: -35px;
        color: rgba(255,255,255,.5);
    }

        .jan.zoo > .s.esq {
            left: -74px;
        }

        .jan.zoo > .s.dir {
            right: -74px;
        }

        .jan.zoo > .s i {
            float: left;
            width: 70px;
            height: 70px;
            line-height: 70px;
            font-size: 70px;
        }

        .jan.zoo > .s:hover {
            cursor: pointer;
            color: #fff;
        }

    .jan.zoo .t, .jan.zoo .d {
        position: absolute;
        left: 3px;
        color: #fff;
    }

    .jan.zoo .t {
        top: -42px;
        float: left;
        width: auto;
    }

    .jan.zoo .d {
        top: 100%;
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        text-align: center;
    }

    .jan.zoo > .f, .jan.zoo .t, .jan.zoo .d {
        text-shadow: 2px 1px 5px rgba(0,0,0,.8);
        -moz-text-shadow: 2px 1px 5px rgba(0,0,0,.8);
        -webkit-text-shadow: 2px 1px 5px rgba(0,0,0,.8);
    }

    .jan.zoo img {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        float: left;
        background: #555;
    }

.tit-des {
    overflow: hidden;
    float: left;
    width: 100%;
    text-align: center;
}

    .tit-des.esp-sup {
        margin-top: 20px;
    }

    .tit-des.esp-inf {
        margin-bottom: 20px;
    }

    .tit-des.esp-sup-dup {
        margin-top: 40px;
    }

    .tit-des.esp-inf-dup {
        margin-bottom: 40px;
    }

    .tit-des.esp-sup-tri {
        margin-top: 60px;
    }

    .tit-des.esp-inf-tri {
        margin-bottom: 60px;
    }

    .tit-des h2 {
        position: relative;
        display: inline-block;
        float: none;
        width: auto;
        margin: 0 -150px;
        padding: 0 150px 20px;
        border-bottom: 1px solid #e3e3e3;
    }

        .tit-des h2:before {
            content: "";
            position: absolute;
            left: 150px;
            right: 150px;
            bottom: -1px;
            height: 1px;
            background-color: #95c110;
        }

    .tit-des p {
        max-width: 500px;
        padding-top: 15px;
        color: #888;
    }

    .tit-des.esq {
        text-align: left;
    }

        .tit-des.esq h2 {
            margin: 0;
            padding-left: 0;
            padding-right: 0;
        }

            .tit-des.esq h2:before {
                left: 0;
                right: 0;
            }

            .tit-des.esq h2.azul:before {
                background-color: #0073e6;
            }

        .tit-des.esq p {
            margin-top: -1px;
            border-top: 1px solid #e3e3e3;
        }

        .tit-des.esq > b {
            float: left;
            width: 100%;
            margin-top: -1px;
            border-top: 1px solid #e3e3e3;
        }

            .tit-des.esq > b.bra {
                border-top-color: #fff;
            }

.fai.tel #caracteristicas {
    position: absolute;
    top: -63px;
    float: left;
    width: 100%;
    height: 0;
}

.fai.tel .ite {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    overflow: hidden;
    float: left;
    width: 105px;
    height: 68px;
    background: url(/img/padrao/agd2.gif) center center no-repeat;
}

    .fai.tel .ite.com-bor {
        border: 1px solid #cdcdcd;
    }

    .fai.tel .ite img {
        opacity: 1;
        float: left;
        width: 100%;
        min-height: 68px;
    }

    .fai.tel .ite i {
        transition: .2s ease;
        -moz-transition: .2s ease;
        -webkit-transition: .2s ease;
        opacity: 0;
        position: absolute;
        top: 30%;
        left: 50%;
        float: left;
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        font-size: 30px;
        line-height: 30px;
        color: #83a90e;
    }

    .fai.tel .ite:hover img {
        opacity: .9;
    }

    .fai.tel .ite:hover i {
        opacity: 1;
        top: 50%;
    }

    .fai.tel .ite + .ite {
        margin-left: 20px;
    }

    .fai.tel .ite.dir {
        margin-left: 20px;
    }

    .fai.tel .ite.esq {
        margin-right: 20px;
        margin-left: 0 !important;
    }

    .fai.tel .ite.p {
        width: 92px;
        height: 60px;
        background-image: url(/img/padrao/agd1.gif);
    }

        .fai.tel .ite.p img {
            min-height: 60px;
        }

        .fai.tel .ite.p.dir {
            margin-left: 15px;
        }

        .fai.tel .ite.p.esq {
            margin-right: 15px;
        }

.fai.tel .aux-esq {
    margin-right: -20px;
}

    .fai.tel .aux-esq.p {
        margin-right: -15px;
    }

.fai.tel .aux-dir {
    margin-left: -20px;
}

    .fai.tel .aux-dir.p {
        margin-left: -15px;
    }

.fai.des {
    position: relative;
    height: 714px;
    background-image: url(../img/ilu-notebook.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

    .fai.des .fra {
        float: left;
        width: 40%;
        min-width: 350px;
    }

        .fai.des .fra h1 {
            float: left;
            font-size: 40px;
            font-weight: 300;
            line-height: 45px;
            color: #fff;
        }

        .fai.des .fra p {
            float: left;
            clear: left;
            margin: 18px 0 26px;
            font-size: 16px;
            line-height: 24px;
            color: rgba(255,255,255,.9);
        }

        .fai.des .fra .btn + span {
            float: left;
            padding: 6px 13px 0;
            font-size: 15px;
            font-weight: 400;
            color: #fff;
        }

            .fai.des .fra .btn + span i {
                float: left;
                width: 20px;
                height: 20px;
                margin: 0 5px 0 0;
                line-height: 20px;
                font-size: 20px;
            }

            .whatsapp{
                font-size: 15px;
                color:white;
            }

            *.fab {
                float: left;
                width: 20px;
                height: 20px;
                margin: 0 5px 0 14px;
                line-height: 20px;
                font-size: 20px;
                color: white;
            }

    .fai.des .car {
        position: absolute;
        bottom: 170px;
    }

        .fai.des .car a {
            float: left;
            padding-left: 90px;
        }

            .fai.des .car a i {
                transition: .2s ease;
                -moz-transition: .2s ease;
                -webkit-transition: .2s ease;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                float: left;
                width: 40px;
                height: 40px;
                margin-left: -90px;
                padding: 15px;
                font-size: 40px;
                line-height: 40px;
                color: #fff;
                border: 1px solid #fff;
            }

            .fai.des .car a span {
                float: left;
                margin-top: 12px;
                font-size: 18px;
                color: #fff;
                font-weight: 300;
            }

            .fai.des .car a:hover i {
                background-color: rgba(255,255,255,.2);
            }

    .fai.des .fai.tel {
        position: absolute;
        bottom: 0;
        padding: 26px 0;
        text-align: center;
        background-color: rgba(131,169,14,.95);
    }

        .fai.des .fai.tel .aux {
            display: inline-block;
        }

        .fai.des .fai.tel #caracteristicas {
            position: absolute;
            top: -63px;
            float: left;
            width: 100%;
            height: 0;
        }

        .fai.des .fai.tel .ite.mai {
            background-color: rgba(255,255,255,.5);
            background-image: none;
        }

            .fai.des .fai.tel .ite.mai i {
                opacity: 1;
                top: 50%;
            }

            .fai.des .fai.tel .ite.mai:hover {
                background-color: rgba(255,255,255,.4);
            }

                .fai.des .fai.tel .ite.mai:hover i {
                    color: #fff;
                }

        .fai.des .fai.tel:before {
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            content: "";
            position: absolute;
            bottom: -4px;
            left: 50%;
            float: left;
            width: 8px;
            height: 8px;
            margin-left: -4px;
            background-color: #fff;
        }

.fai.pla {
    text-align: center;
}

    .fai.pla .aux {
        display: inline-block;
        width: 100%;
        max-width: 620px;
    }

.cha.duv .aux + .aux .btn {
    margin-right: 10px;
}

.p-default .fai.rec .ele .t .a {
    display: block;
}

.p-download {
    background-image: url(../img/ilu-notebook.jpg);
    background-position: center 0;
    background-attachment: fixed;
}

    .p-download .fai.cad {
        position: relative;
        padding-bottom: 50px;
        text-align: center;
        border-bottom: 1px solid #fff;
        background-color: rgba(131,169,14,.96);
    }

        .p-download .fai.cad:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 145px;
            background-color: #eaf2f0;
        }

        .p-download .fai.cad .aux {
            display: inline-block;
            max-width: 550px;
        }

            .p-download .fai.cad .aux + .aux {
                max-width: none;
            }

        .p-download .fai.cad .cai {
            position: relative;
            max-width: 450px;
        }

            .p-download .fai.cad .cai .frm .lin {
                margin-bottom: 15px;
            }

.p-downloadconcluido {
    background-image: url(../img/ilu-notebook.jpg);
    background-position: center 0;
    background-attachment: fixed;
}

    .p-downloadconcluido .fai.con {
        text-align: center;
        background-color: rgba(131,169,14,.96);
    }

        .p-downloadconcluido .fai.con .aux {
            display: inline-block;
        }

        .p-downloadconcluido .fai.con .i {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: inline-block;
            width: 80px;
            height: 80px;
            padding: 20px;
            font-size: 80px;
            line-height: 80px;
            color: #fff;
            background-color: rgba(255,255,255,.15);
        }

        .p-downloadconcluido .fai.con h1, .p-downloadconcluido .fai.con h2 {
            margin: 20px 0;
            font-weight: 300;
            color: rgba(255,255,255,.95);
        }

        .p-downloadconcluido .fai.con p {
            width: 100%;
            max-width: 550px;
            color: rgba(255,255,255,.75);
        }

            .p-downloadconcluido .fai.con p.p, .p-downloadconcluido .fai.con p.p a {
                color: rgba(255,255,255,.6);
            }

                .p-downloadconcluido .fai.con p.p a:hover {
                    color: #fff;
                }

        .p-downloadconcluido .fai.con .duv .aux {
            width: 100%;
            max-width: 550px;
        }

        .p-downloadconcluido .fai.con .duv h2 {
            margin-top: 0;
        }

        .p-downloadconcluido .fai.con .duv .lis li i {
            color: #fff;
        }

        .p-downloadconcluido .fai.con .duv .lis li a {
            color: rgba(255,255,255,.75);
        }

            .p-downloadconcluido .fai.con .duv .lis li a:hover {
                color: #fff;
            }

.p-login {
    background-image: url(../img/ilu-notebook.jpg);
    background-position: center 0;
    background-attachment: fixed;
}

    .p-login .fai.log {
        position: relative;
        padding-bottom: 50px;
        text-align: center;
        border-bottom: 1px solid #fff;
        background-color: rgba(131,169,14,.96);
    }

        .p-login .fai.log:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 122px;
            background-color: #eaf2f0;
        }

        .p-login .fai.log .aux {
            display: inline-block;
            max-width: 420px;
        }

            .p-login .fai.log .aux + .aux {
                max-width: none;
            }

        .p-login .fai.log .cai {
            position: relative;
        }

            .p-login .fai.log .cai .frm .lin {
                margin-bottom: 15px;
            }

.p-comprar .fai.tit {
    background-image: url(img/ilu-comprar.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-comprar .cad .frm .lin {
    margin-bottom: 15px;
}

.p-compraconcluida {
    background-image: url(../img/ilu-notebook.jpg);
    background-position: center 0;
    background-attachment: fixed;
}

    .p-compraconcluida .fai.con {
        text-align: center;
        background-color: rgba(131,169,14,.96);
    }

        .p-compraconcluida .fai.con .aux {
            display: inline-block;
        }

        .p-compraconcluida .fai.con .i {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: inline-block;
            width: 80px;
            height: 80px;
            padding: 20px;
            font-size: 80px;
            line-height: 80px;
            color: #fff;
            background-color: rgba(255,255,255,.15);
        }

        .p-compraconcluida .fai.con h1 {
            margin: 20px 0;
            font-weight: 300;
            color: rgba(255,255,255,.95);
        }

        .p-compraconcluida .fai.con p {
            width: 100%;
            max-width: 550px;
            color: rgba(255,255,255,.75);
        }

            .p-compraconcluida .fai.con p.p {
                color: rgba(255,255,255,.6);
            }

.p-caracteristicas .fai.tit {
    background-image: url(img/ilu-caracteristicas.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-plaquetas .fai.tit {
    background-image: url(img/ilu-plaquetas.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-plaquetas .inf .pla img {
    width: 100%;
    max-width: 367px;
}

.p-plaquetas .men .frm .lin {
    margin-bottom: 15px;
}

.p-atendimento .fai.tit {
    background-image: url(img/ilu-atendimento.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-atendimento .fai.inf .frm .lin {
    margin-bottom: 15px;
}

.p-atendimento .fai.inf .ele-aux {
    float: left;
    width: 100%;
}

.p-erro #cab {
    border-color: #cf4604;
}

.p-erro .fai.tit {
    background-color: #b94b1e;
    background-image: url(img/ilu-erro.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-ajuda .fai.tit {
    background-image: url(img/ilu-atendimento.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-ajuda .det .c.inf {
    text-align: center;
}

    .p-ajuda .det .c.inf .aux {
        display: inline-block;
        width: 100%;
        max-width: 650px;
    }

    .p-ajuda .det .c.inf .res {
        float: left;
        width: 80%;
        margin: 0 10%;
        color: #7ca00d;
    }

    .p-ajuda .det .c.inf .con {
        text-align: justify;
    }

        .p-ajuda .det .c.inf .con h2, .p-ajuda .det .c.inf .con h3 {
            padding-bottom: 20px;
            letter-spacing: normal;
            font-weight: normal;
        }

        .p-ajuda .det .c.inf .con h2 {
            font-size: 20px;
        }

        .p-ajuda .det .c.inf .con h3 {
            font-size: 17px;
        }

        .p-ajuda .det .c.inf .con p {
            float: left;
            width: 100%;
        }

            .p-ajuda .det .c.inf .con p.msg {
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                margin-top: 20px;
            }

                .p-ajuda .det .c.inf .con p.msg + .img {
                    padding-top: 40px;
                }

        .p-ajuda .det .c.inf .con .img {
            float: left;
            width: 100%;
            padding: 20px 0;
            text-align: center;
        }

            .p-ajuda .det .c.inf .con .img img {
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                width: 100%;
                max-width: 500px;
                border: 1px solid #e3e3e3;
            }

            .p-ajuda .det .c.inf .con .img.sem-bor img {
                border: 0;
            }

            .p-ajuda .det .c.inf .con .img img + .leg {
                display: inline-block;
                width: 100%;
                padding-top: 10px;
                font-size: 12px;
                color: #666;
            }

            .p-ajuda .det .c.inf .con .img.g img {
                max-width: 100%;
            }

            .p-ajuda .det .c.inf .con .img.p img {
                max-width: 350px;
            }

            .p-ajuda .det .c.inf .con .img.pp img {
                max-width: 220px;
            }

            .p-ajuda .det .c.inf .con .img.zoo {
                position: relative;
            }

                .p-ajuda .det .c.inf .con .img.zoo i {
                    text-shadow: 0 1px 3px rgba(255,255,255,.9);
                    -moz-text-shadow: 0 1px 3px rgba(255,255,255,.9);
                    -webkit-text-shadow: 0 1px 3px rgba(255,255,255,.9);
                    cursor: pointer;
                    opacity: 0;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    float: left;
                    width: 50px;
                    height: 50px;
                    margin-left: -25px;
                    margin-top: -25px;
                    line-height: 50px;
                    font-size: 50px;
                    color: #333;
                }

                .p-ajuda .det .c.inf .con .img.zoo:hover img {
                    box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
                    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
                    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
                    cursor: pointer;
                }

                .p-ajuda .det .c.inf .con .img.zoo:hover i {
                    transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -webkit-transform: scale(1.2);
                    opacity: .5;
                }

                .p-ajuda .det .c.inf .con .img.zoo .leg + i {
                    margin-top: -45px;
                }

                .p-ajuda .det .c.inf .con .img.zoo i, .p-ajuda .det .c.inf .con .img.zoo img {
                    transition: all .1s ease;
                    -moz-transition: all .1s ease;
                    -webkit-transition: all .1s ease;
                }

        .p-ajuda .det .c.inf .con p + p {
            padding-top: 20px;
        }

        .p-ajuda .det .c.inf .con p + h2, .p-ajuda .det .c.inf .con .img + h2 {
            padding-top: 40px;
        }

        .p-ajuda .det .c.inf .con p + h3, .p-ajuda .det .c.inf .con .img + h3 {
            padding-top: 20px;
        }

.p-videos .fai.tit {
    background-image: url(img/ilu-atendimento.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-videos .fai.vid .ite {
    float: left;
    width: 100%;
}

    .p-videos .fai.vid .ite .i {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        overflow: hidden;
        position: relative;
        float: left;
        width: 100%;
    }

        .p-videos .fai.vid .ite .i img {
            float: left;
            width: 100%;
        }

        .p-videos .fai.vid .ite .i:before {
            content: "";
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #83a90e;
        }

        .p-videos .fai.vid .ite .i i {
            text-shadow: 0 1px 2px rgba(0,0,0,.3);
            -moz-text-shadow: 0 1px 2px rgba(0,0,0,.3);
            -webkit-text-shadow: 0 1px 2px rgba(0,0,0,.3);
            position: absolute;
            top: 50%;
            left: 50%;
            float: left;
            width: 80px;
            height: 80px;
            margin: -40px 0 0 -40px;
            font-size: 80px;
            line-height: 80px;
            color: #fff;
        }

    .p-videos .fai.vid .ite .h3 {
        margin-top: 15px;
    }

    .p-videos .fai.vid .ite .t {
        float: left;
        margin-top: 2px;
        color: #999;
    }

        .p-videos .fai.vid .ite .t i {
            float: left;
            width: 15px;
            height: 15px;
            margin: 2px 3px 0 -1px;
            font-size: 15px;
            line-height: 15px;
        }

    .p-videos .fai.vid .ite:hover .i:before {
        opacity: .35;
    }

.p-videos .fai.vid .sep {
    float: left;
    width: 100%;
    height: 40px;
}

.p-videos .det {
    text-align: center;
}

    .p-videos .det .aux {
        display: inline-block;
        width: 100%;
        max-width: 700px;
    }

    .p-videos .det .res {
        float: left;
        width: 80%;
        margin: 0 10%;
        color: #7ca00d;
    }

    .p-videos .det .vid {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        overflow: hidden;
        position: relative;
        float: left;
        width: 100%;
        max-width: 700px;
        padding-top: 27px;
        padding-bottom: 56.25%;
        background-color: #ebebeb;
    }

        .p-videos .det .vid object, .p-videos .det .vid embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

.p-atualizacoes .fai.tit {
    background-image: url(img/ilu-atualizacoes.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-cliente .fai.tit {
    background-image: url(img/ilu-cliente.jpg);
    background-position: center 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.p-cliente .lis-emp .dat {
    width: auto;
    margin-top: 15px;
    font-size: 13px;
}

    .p-cliente .lis-emp .dat.vm {
        color: #d94904;
    }

    .p-cliente .lis-emp .dat span {
        font-size: 12px;
    }

    .p-cliente .lis-emp .dat strong {
        color: #333;
    }

.p-cliente .lis-emp .btn {
    margin-top: 12px;
}

.p-cliente .lis-pag {
    border-bottom: 1px solid #ebebeb;
    border-top: 2px solid #83a90e;
}

    .p-cliente .lis-pag table {
        float: left;
        width: 100%;
        padding: 0;
        border-collapse: collapse;
        font-size: 13px;
    }

        .p-cliente .lis-pag table th, .p-cliente .lis-pag table td {
            padding: 11px 0 12px 20px;
        }

            .p-cliente .lis-pag table th.c, .p-cliente .lis-pag table td.c {
                text-align: center;
            }

            .p-cliente .lis-pag table th.d, .p-cliente .lis-pag table td.d {
                text-align: right;
            }

            .p-cliente .lis-pag table th.dt, .p-cliente .lis-pag table td.dt {
                width: 85px;
            }

            .p-cliente .lis-pag table th.va, .p-cliente .lis-pag table td.va {
                width: 75px;
            }

            .p-cliente .lis-pag table th.bt, .p-cliente .lis-pag table td.bt {
                width: 26px;
            }

            .p-cliente .lis-pag table th.bo, .p-cliente .lis-pag table td.bo {
                width: 105px;
            }

            .p-cliente .lis-pag table th .d.si, .p-cliente .lis-pag table td .d.si {
                color: #7ca00d;
            }

            .p-cliente .lis-pag table th .d.pr, .p-cliente .lis-pag table td .d.pr {
                color: #333;
            }

            .p-cliente .lis-pag table th .d.vd, .p-cliente .lis-pag table td .d.vd {
                color: #009b00;
            }

            .p-cliente .lis-pag table th .d.az, .p-cliente .lis-pag table td .d.az {
                color: #06c;
            }

            .p-cliente .lis-pag table th .d.ab, .p-cliente .lis-pag table td .d.ab {
                color: #ff8e00;
            }

            .p-cliente .lis-pag table th .d.vm, .p-cliente .lis-pag table td .d.vm {
                color: #d94904;
            }

            .p-cliente .lis-pag table th .d.com-ico, .p-cliente .lis-pag table td .d.com-ico {
                position: relative;
                float: left;
                padding-left: 20px;
            }

                .p-cliente .lis-pag table th .d.com-ico i, .p-cliente .lis-pag table td .d.com-ico i {
                    position: absolute;
                    top: 0;
                    left: -1px;
                    float: left;
                    width: 17px;
                    height: 17px;
                    line-height: 17px;
                    font-size: 17px;
                    color: #bbb;
                }

                    .p-cliente .lis-pag table th .d.com-ico i.vd, .p-cliente .lis-pag table td .d.com-ico i.vd {
                        color: #009b00;
                    }

                    .p-cliente .lis-pag table th .d.com-ico i.az, .p-cliente .lis-pag table td .d.com-ico i.az {
                        color: #06c;
                    }

        .p-cliente .lis-pag table th {
            height: 26px;
            font-weight: bold;
            text-align: left;
        }

        .p-cliente .lis-pag table td {
            border-top: 1px solid #ebebeb;
        }

        .p-cliente .lis-pag table tr td:last-child {
            padding-right: 20px;
        }

@media screen and (max-width:900px) {
    #cab .m .i {
        padding: 0 6px;
    }

    #cab .m .btn {
        margin-left: 10px;
    }

    .p-cadastro .fai.cad .c06.esq {
        float: left;
        width: 56.53333333% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-cadastro .fai.cad .cai p {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .p-cadastro .fai.inf .aux {
        top: -390px;
    }

    .p-cadastro .fai.inf .c06.dir {
        float: left;
        width: 39.86666667% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-cadastro .fai.inf img {
        bottom: 8px;
        min-width: 470px;
    }
}

@media screen and (max-width:800px) {
    #cab div.c {
        position: relative;
        float: left;
        width: 100%;
    }

    #cab .ms {
        transition: height .3s ease;
        -moz-transition: height .3s ease;
        -webkit-transition: height .3s ease;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        width: 100%;
        height: 0;
        margin: 20px 0 0 !important;
        padding: 0;
        border-top: 1px solid #a8d812;
        border-bottom: 2px solid #83a90e;
        background-color: rgba(255,255,255,.97);
    }

        #cab .ms li {
            width: 100%;
        }

        #cab .ms .i {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            width: 100%;
            height: 44px;
            padding: 0 20px;
            line-height: 42px;
            border-bottom: 1px solid #ebebeb;
        }

            #cab .ms .i i {
                display: block;
                width: 22px;
                height: 22px;
                margin: 9px 8px 0 -3px;
                font-size: 22px;
                line-height: 22px;
            }

                #cab .ms .i i.exi-ico {
                    display: none;
                }

            #cab .ms .i:hover {
                background-color: #fff;
            }

        #cab .ms .btn {
            margin: 16px 0 16px 20px;
        }

            #cab .ms .btn.tt:before, #cab .ms .btn.tt:after {
                display: none !important;
            }

        #cab .ms.ati {
            height: 241px;
            margin: 20px 0 0;
            border-bottom-width: 3px;
        }

    #cab .mm {
        display: block !important;
    }

    #cab.fixo .ms {
        margin: 7px 0 0 !important;
    }

        #cab.fixo .ms .btn.p {
            margin: 12px 0 12px 20px;
        }

            #cab.fixo .ms .btn.p + .btn.p {
                margin-left: 10px;
            }

        #cab.fixo .ms.ati {
            height: 226px;
        }

    #rod .c06.inf {
        display: none;
    }

    #rod .c03.inf {
        float: left;
        width: 39.86666667% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

        #rod .c03.inf.dir {
            float: left;
            width: 56.53333333% !important;
            margin-left: .9%;
            margin-right: .9%;
        }

    div.c.com-div > .col > .c07, div.c.com-div > .col > .c06, div.c.com-div > .col > .c05 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    div.c.com-div .con-esq, div.c.com-div .con-dir {
        padding-left: 10%;
        padding-right: 10%;
    }

        div.c.com-div .con-esq > b, div.c.com-div .con-dir > b {
            left: 0;
            right: 0;
            top: auto;
            bottom: auto;
            width: auto;
            height: 1px;
        }

    div.c.com-div .con-esq {
        padding-bottom: 60px;
    }

        div.c.com-div .con-esq > b {
            bottom: 0;
        }

    div.c.com-div .con-dir {
        padding-top: 60px;
    }

        div.c.com-div .con-dir > b {
            top: -1px;
        }

    div.c.com-div .sem-esp-lat {
        padding-left: 0;
        padding-right: 0;
    }

    div.c.com-div .sem-esp-inf {
        padding-bottom: 0;
    }

    .aba-ele a.ele {
        text-align: center;
        min-height: 222px;
    }

        .aba-ele a.ele .i {
            left: 50%;
            margin-left: -40px;
        }

        .aba-ele a.ele .t {
            width: 100%;
            max-width: 100%;
            margin: 95px 0 0;
            min-height: 0;
            line-height: normal;
        }

            .aba-ele a.ele .t .a {
                display: inline;
            }

        .aba-ele a.ele .b {
            right: 50%;
            width: 64px;
            margin-right: -32px;
            padding-left: 0;
        }

        .aba-ele a.ele.com-sub .s {
            width: 80%;
            max-width: none;
            margin-left: 10%;
            margin-right: 10%;
        }

    .fai.tit {
        background-attachment: local !important;
    }

    .fai.des {
        height: 545px;
        background-position: 38% -103px;
        background-attachment: scroll;
    }

        .fai.des .fra {
            width: 100%;
            max-width: 350px;
            min-width: 0;
        }

    .cha.duv .aux + .aux {
        display: none;
    }

    .fai.aju .aux {
        padding: 0;
    }

    .p-comprar .inf .c12 {
        float: left;
        width: 31.53333333% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-comprar .inf .ele {
        text-align: center;
    }

        .p-comprar .inf .ele .i {
            left: 50%;
            margin-left: -40px;
        }

        .p-comprar .inf .ele .t {
            width: 100%;
            max-width: 100%;
            margin: 95px 0 0;
            min-height: 0;
            line-height: normal;
        }

            .p-comprar .inf .ele .t .a {
                display: inline;
            }

        .p-comprar .inf .ele .b {
            right: 50%;
            width: 64px;
            margin-right: -32px;
            padding-left: 0;
        }

        .p-comprar .inf .ele.com-sub .s {
            width: 80%;
            max-width: none;
            margin-left: 10%;
            margin-right: 10%;
        }

    .p-cadastroconcluido, .p-login {
        background-position: center 0;
        background-attachment: local;
    }

    .p-ajuda .det .c.inf .con .img.zoo i {
        display: none;
    }

    .p-ajuda .det .c.inf .con .img.zoo:hover img {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        cursor: default;
    }
}

@media screen and (max-width:700px) {
    .fai.des {
        height: auto;
        padding-bottom: 152px;
    }

        .fai.des .car {
            bottom: 40px;
        }

        .fai.des .fai.tel {
            height: 0;
            padding: 0;
        }

            .fai.des .fai.tel .ite {
                display: none;
            }

    .cha.duv .c07, .cha.duv .c05 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .cha.duv .aux {
        display: inline-block;
        margin-left: 75px;
    }

        .cha.duv .aux + .aux {
            display: inline-block;
            margin-left: 10px;
        }

    .p-cadastro .fai.cad .aux {
        padding: 0;
    }

    .p-cadastro .fai.cad .c06.esq {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-cadastro .fai.cad .cai {
        margin: 0 0 340px;
    }

    .p-cadastro .fai.inf .c06.dir {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-cadastro .fai.inf p {
        max-width: 450px;
    }

    .p-cadastro .fai.inf img {
        left: -6px;
        min-width: 440PX;
    }

    .p-comprar .inf .c12 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-comprar .inf .ele {
        text-align: left;
    }

        .p-comprar .inf .ele .i {
            left: 0;
            margin-left: 0;
        }

        .p-comprar .inf .ele .t {
            width: auto;
            max-width: none;
            margin: 8px 0 0 95px;
            min-height: 72px;
        }

            .p-comprar .inf .ele .t .a {
                display: block;
            }

        .p-comprar .inf .ele .b {
            right: 0;
            width: auto;
            margin-right: 0;
            padding-left: 5px;
        }

        .p-comprar .inf .ele.com-sub .t {
            min-height: 30px;
            margin-top: 3px;
        }

        .p-comprar .inf .ele.com-sub .s {
            width: auto;
            max-width: 250px;
            margin-left: 95px;
            margin-right: 0;
        }

    .p-atendimento .fai.inf > .c > .col > .c06 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-atendimento .fai.inf .ele-aux {
        padding-bottom: 40px;
    }

        .p-atendimento .fai.inf .ele-aux h3.azul {
            display: none;
        }

        .p-atendimento .fai.inf .ele-aux .c12 {
            float: left;
            width: 48.2% !important;
            margin-left: .9%;
            margin-right: .9%;
        }

        .p-atendimento .fai.inf .ele-aux .ele {
            text-align: center;
        }

            .p-atendimento .fai.inf .ele-aux .ele .i {
                left: 50%;
                margin-left: -40px;
            }

            .p-atendimento .fai.inf .ele-aux .ele .t {
                width: 100%;
                max-width: 100%;
                margin: 95px 0 0;
                min-height: 0;
                line-height: normal;
            }

                .p-atendimento .fai.inf .ele-aux .ele .t .a {
                    display: inline;
                }

            .p-atendimento .fai.inf .ele-aux .ele .b {
                right: 50%;
                width: 64px;
                margin-right: -32px;
                padding-left: 0;
            }

            .p-atendimento .fai.inf .ele-aux .ele.com-sub .s {
                width: 80%;
                max-width: none;
                margin-left: 10%;
                margin-right: 10%;
            }

    .p-cliente .lis-emp .c05, .p-cliente .lis-emp .c07 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-cliente .lis-pag table th.ocu-col, .p-cliente .lis-pag table td.ocu-col {
        display: none;
    }

    .p-videos .fai.vid {
        padding-bottom: 20px;
    }

        .p-videos .fai.vid div.c {
            max-width: 500px;
        }

        .p-videos .fai.vid .ite {
            margin-bottom: 40px;
        }

        .p-videos .fai.vid .sep {
            display: none;
        }

        .p-videos .fai.vid .c04 {
            float: left;
            width: 48.2% !important;
            margin-left: .9%;
            margin-right: .9%;
        }
}

@media screen and (max-width:600px) {
    #rod .log {
        width: 100%;
        padding-left: 0;
    }

        #rod .log img {
            width: 110px;
            height: 36px;
            margin-left: 0;
        }

        #rod .log .sis {
            height: 36px;
            line-height: 36px;
            font-size: 12px;
        }

    #rod .tel {
        display: none;
    }

    .jan .frm .lin.c01, .jan .frm .lin.c02, .jan .frm .lin.c03, .jan .frm .lin.c04, .jan .frm .lin.c05 {
        float: left;
        width: 48.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .jan .frm .lin.c07, .jan .frm .lin.c08, .jan .frm .lin.c09, .jan .frm .lin.c10 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .fai.aju .c04 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .fai.aju .ele {
        text-align: left;
    }

        .fai.aju .ele .i {
            left: 0;
            margin-left: 0;
        }

        .fai.aju .ele .t {
            width: auto;
            max-width: none;
            margin: 8px 0 0 95px;
            min-height: 72px;
        }

            .fai.aju .ele .t .a {
                display: block;
            }

        .fai.aju .ele .b {
            right: 0;
            width: auto;
            margin-right: 0;
            padding-left: 5px;
        }

        .fai.aju .ele.com-sub .t {
            min-height: 30px;
            margin-top: 3px;
        }

        .fai.aju .ele.com-sub .s {
            width: auto;
            max-width: 250px;
            margin-left: 95px;
            margin-right: 0;
        }

    .aba-ele .c04 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

        .aba-ele .c04 a.ele.sel, .aba-ele .c04:last-child a.ele {
            padding-bottom: 30px;
        }

    .aba-ele a.ele {
        text-align: left;
        min-height: 0;
        padding-bottom: 0;
    }

        .aba-ele a.ele .i {
            left: 0;
            margin-left: 0;
        }

        .aba-ele a.ele .t {
            width: auto;
            max-width: none;
            margin: 8px 0 0 95px;
            min-height: 72px;
        }

            .aba-ele a.ele .t .a {
                display: block;
            }

        .aba-ele a.ele .b {
            right: 0;
            width: auto;
            margin-right: 0;
            padding-left: 5px;
        }

        .aba-ele a.ele.com-sub .t {
            min-height: 30px;
            margin-top: 3px;
        }

        .aba-ele a.ele.com-sub .s {
            width: auto;
            max-width: 250px;
            margin-left: 95px;
            margin-right: 0;
        }

    div.c.com-div .con-esq, div.c.com-div .con-dir {
        padding-left: 0;
        padding-right: 0;
    }

    .p-default .fai.car {
        padding-top: 0;
    }

        .p-default .fai.car .c04 {
            float: left;
            width: 98.2% !important;
            margin-left: .9%;
            margin-right: .9%;
            margin-top: 60px;
        }

        .p-default .fai.car .ele .t .a {
            display: inline;
        }

        .p-default .fai.car .ele .d {
            width: 70%;
            margin-left: 15%;
            margin-right: 15%;
        }

    .p-caracteristicas .car .c06 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-caracteristicas .car .fai.tel {
        display: none;
    }

    .p-caracteristicas .car .inf-tel {
        display: block !important;
        font-size: 11px;
        color: #999;
    }

    .p-atendimento .fai.inf .ele-aux .ele .t {
        font-size: 18px;
    }

        .p-atendimento .fai.inf .ele-aux .ele .t span {
            font-size: 17px;
        }

    .p-atendimento .fai.inf .ele-aux .ele .s span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    .cha .aux {
        margin-left: 75px !important;
    }

    div.c.com-div .frm .lin.c03, div.c.com-div .frm .lin.c05, div.c.com-div .frm .lin.c06, div.c.com-div .frm .lin.c07, div.c.com-div .frm .lin.c09 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    div.c.com-div .frm + .btn, div.c.com-div .frm + p + .btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        div.c.com-div .frm + .btn > .c, div.c.com-div .frm + p + .btn > .c {
            display: inline-block;
        }

    .jan .frm .lin.c04, .jan .frm .lin.c05, .jan .frm .lin.c06 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .jan .ocu-con {
        display: none !important;
    }

    .jan .exi-con {
        display: block !important;
    }

    .jan .ali-esq {
        float: left !important;
    }

    .jan .ali-dir {
        float: right !important;
    }

    .jan .tra-c12 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-cadastro .fai.cad .frm .c06 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .p-download {
        background-attachment: local !important;
    }

        .p-download .fai.cad .cai .frm .c06 {
            float: left;
            width: 98.2% !important;
            margin-left: .9%;
            margin-right: .9%;
        }

    .p-atendimento .fai.inf {
        text-align: center;
    }

        .p-atendimento .fai.inf .ele-aux {
            width: 60%;
            margin: 0 20%;
        }

            .p-atendimento .fai.inf .ele-aux .c12 {
                float: left;
                width: 98.2% !important;
                margin-left: .9%;
                margin-right: .9%;
            }

            .p-atendimento .fai.inf .ele-aux .ele .t {
                font-size: 22px;
            }

        .p-atendimento .fai.inf .frm + .btn {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

            .p-atendimento .fai.inf .frm + .btn > .c {
                display: inline-block;
            }

    .p-login .fai.ace .aux .lin.pai .ico > span span {
        display: none;
    }

    .p-login .fai.ace .aux .lin.pai .ico + .txt {
        padding-left: 96px;
    }

    .p-login .fai.ace .aux .lin.pai.cli .ico + .txt {
        padding-left: 106px;
    }

    .p-cliente .lis-pag table th.ocu-col-sec, .p-cliente .lis-pag table td.ocu-col-sec {
        display: none;
    }

    .p-cliente .lis-pag table th.d.va, .p-cliente .lis-pag table td.d.va {
        padding-right: 20px;
    }
}

@media screen and (max-width:400px) {
    #sub .sm .aux, #sub .sm .aux + .i {
        display: none;
    }

    #rod .c06.inf + .c03.inf {
        display: none;
    }

    #rod .c03.inf.dir {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

        #rod .c03.inf.dir .t, #rod .c03.inf.dir .t + p {
            text-align: left;
            margin-bottom: 10px;
        }

    #rod .log .sis {
        display: none;
    }

    .jan > .cab .h3 {
        margin-top: 2px;
        font-size: 18px;
    }

    .jan .frm .lin.c01, .jan .frm .lin.c02, .jan .frm .lin.c03, .jan .frm .lin.c04, .jan .frm .lin.c05, .jan .frm .lin.c06, .jan .frm .lin.c07, .jan .frm .lin.c08, .jan .frm .lin.c09, .jan .frm .lin.c10 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .jan .ocu-con-sec {
        display: none !important;
    }

    .jan .exi-con-sec {
        display: block !important;
    }

    .jan .ali-esq-sec {
        float: left !important;
    }

    .jan .ali-dir-sec {
        float: right !important;
    }

    .jan .tra-c12-sec {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

    .fai.des .fra h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .fai.des .fra p {
        font-size: 15px;
    }

    .fai.des .fra .btn {
        clear: left;
    }

        .fai.des .fra .btn.sistema {
            margin-top: 12px;
        }

        .fai.des .fra .btn + span {
            display: none;
        }

    .cha.duv, .cha.pla, .cha.adq {
        position: relative;
        text-align: center;
    }

        .cha.duv .c07, .cha.pla .c07, .cha.adq .c07, .cha.duv .c08, .cha.pla .c08, .cha.adq .c08, .cha.duv .c05, .cha.pla .c05, .cha.adq .c05, .cha.duv .c04, .cha.pla .c04, .cha.adq .c04 {
            float: left;
            width: 98.2% !important;
            margin-left: .9%;
            margin-right: .9%;
        }

        .cha.duv .t, .cha.pla .t, .cha.adq .t {
            width: 100%;
            padding-top: 74px;
            margin-right: 0;
        }

            .cha.duv .t.sem-ico, .cha.pla .t.sem-ico, .cha.adq .t.sem-ico {
                padding-top: 0;
            }

            .cha.duv .t h2, .cha.pla .t h2, .cha.adq .t h2, .cha.duv .t .h2, .cha.pla .t .h2, .cha.adq .t .h2, .cha.duv .t p, .cha.pla .t p, .cha.adq .t p, .cha.duv .t .p, .cha.pla .t .p, .cha.adq .t .p {
                width: 100%;
            }

            .cha.duv .t + .i, .cha.pla .t + .i, .cha.adq .t + .i {
                position: absolute;
                top: 20px;
                left: 50%;
                margin: 0 0 0 -32px;
            }

        .cha.duv.com-ico .t, .cha.pla.com-ico .t, .cha.adq.com-ico .t {
            min-height: 0;
            padding: 75px 0 0;
        }

            .cha.duv.com-ico .t h2, .cha.pla.com-ico .t h2, .cha.adq.com-ico .t h2, .cha.duv.com-ico .t .h2, .cha.pla.com-ico .t .h2, .cha.adq.com-ico .t .h2 {
                margin-top: 0;
            }

            .cha.duv.com-ico .t i, .cha.pla.com-ico .t i, .cha.adq.com-ico .t i {
                left: 50%;
                margin-left: -32px;
            }

        .cha.duv.com-ico .btn, .cha.pla.com-ico .btn, .cha.adq.com-ico .btn {
            margin: 0;
        }

        .cha.duv .aux, .cha.pla .aux, .cha.adq .aux {
            display: inline-block;
            margin: 15px 5px 0 !important;
        }

            .cha.duv .aux + .aux .btn, .cha.pla .aux + .aux .btn, .cha.adq .aux + .aux .btn {
                margin: 0;
            }

    .p-default .fai.car .ele .d {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .p-atendimento .fai.inf .ele-aux {
        width: 100%;
        margin: 0;
    }

    .p-cliente .con-dir.inf .ocu-btn {
        display: none !important;
    }

    .p-cliente .con-dir.inf .exi-btn {
        display: block !important;
    }

    .p-cliente .lis-emp .dat {
        float: left;
        width: 100%;
    }

    .p-cliente .lis-emp .btn {
        float: left !important;
    }

    .p-videos .fai.vid div.c {
        max-width: 320px;
    }

    .p-videos .fai.vid .c04 {
        float: left;
        width: 98.2% !important;
        margin-left: .9%;
        margin-right: .9%;
    }

}



@media screen and (max-width:950px) {
    .jan.gg:not(.zoo) {
        left: 20px;
        right: 20px;
        width: auto;
        min-width: 240px;
        margin-left: 0;
    }
}

@media screen and (max-width:850px) {
    .jan.g:not(.zoo) {
        left: 20px;
        right: 20px;
        width: auto;
        min-width: 240px;
        margin-left: 0;
    }
}

@media screen and (max-width:750px) {
    .jan.m:not(.zoo) {
        left: 20px;
        right: 20px;
        width: auto;
        min-width: 240px;
        margin-left: 0;
    }
}

@media screen and (max-width:480px) {
    .jan.p:not(.zoo) {
        left: 20px;
        right: 20px;
        width: auto;
        min-width: 240px;
        margin-left: 0;
    }
}

@media screen and (max-width:600px) {
    .jan:not(.p):not(.zoo) {
        left: 20px;
        right: 20px;
        width: auto;
        min-width: 240px;
        margin-left: 0;
    }
}