﻿/* TOPO */
#topo {
    width: 100%;
    height: 145px;
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;
    border-top: 3px solid #009B93;
    position: relative;
    z-index: 7;
}

    #topo .submenu-background {
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        width: 100%;
        height: 46px;
        left: 0px;
        bottom: 0px;
        background: url("../img/background-submenu.png") no-repeat #008276;
    }

    #topo .centralizar {
        width: 950px;
        height: 145px;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

#topo-logado {
    position: relative;
    z-index: 8;
    width: 100%;
    height: 40px;
    clear: both;
    background-color: #009c93;
}

.home #topo-logado .centralizar #logo {
    display: none !important;
    margin: auto;
    padding: 6px 20px 7px 20px;
    background-color: #ffffff;
}

.home #topo-logado .centralizar .box-titulo {
    display: none !important;
}

#topo-logado .centralizar {
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

#topo-logado .box-titulo {
    float: left;
}

    #topo-logado .box-titulo a {
        color: #FFFFFF;
        float: left;
        margin-left: 20px;
        font-size: 14px;
        padding: 16px 0 13px 35px;
        position: relative;
        text-decoration: none;
        letter-spacing: -0.4px;
        text-transform: uppercase;
    }

        #topo-logado .box-titulo a span {
            background: url("../img/sprite-pregao.png") no-repeat scroll 7px 8px transparent;
            display: block;
            height: 34px;
            left: 0;
            position: absolute;
            top: 0;
            width: 32px;
        }

#topo-logado .box-login {
    float: right;
    padding-right: 28px;
    text-align: right;
}

    #topo-logado .box-login p {
        padding: 10px 0 2px;
        font-size: 10px;
        color: #FFFFFF;
    }

    #topo-logado .box-login .logout {
        color: #ffffff;
        font-size: 10px;
        padding: 0;
        display: block;
    }

        #topo-logado .box-login .logout a {
            color: #ffffff;
            text-decoration: none;
        }

            #topo-logado .box-login .logout a:hover {
                text-decoration: underline;
            }

    #topo-logado .box-login a span {
        background: url(../img/icon-login.png) no-repeat 5px 10px;
        width: 153px;
        height: 39px;
        padding-right: 8px;
        display: block;
        float: right;
        position: absolute;
        right: 30px;
        top: 0;
        font-size: 12px;
        line-height: 39px;
        color: #FFFFFF;
        text-decoration: none;
    }

/* LOGO */
#logo {
    float: left;
    margin: 18px 0 0 0;
}

    #logo img {
        display: block;
    }

/* MENU GLOBAL */
#menu-global {
    float: left;
    margin-left: 15px;
}

    #menu-global li {
        float: left; /*margin-right: 10px;*/
    }

        #menu-global li a {
            display: block;
            width: 110px;
            height: 74px;
            padding: 25px 0 0;
            letter-spacing: 1px;
            line-height: 13px;
            font-weight: bold;
            font-size: 11px;
            color: #687366;
            text-align: center;
            text-decoration: none;
        }

            #menu-global li a span {
                display: block;
                margin: 0 auto 15px;
            }

    #menu-global .submenu {
        position: absolute;
        top: 99px;
        left: 0px;
    }

        #menu-global .submenu li {
            padding: 15px 20px 15px 0px;
            margin: 0;
        }

        #menu-global .submenu a {
            display: inline;
            width: auto;
            height: auto;
            padding: 0;
            color: #FFFFFF;
            transition: color 0.3s ease;
        }

/* ICONES */
.ico-institucional, .ico-veiculos, .ico-imoveis, .ico-maquinas-diversos,
.ico-trabalhe-conosco, .ico-contato, .ico-area {
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

#menu-global li a span.ico-institucional {
    width: 25px;
    height: 25px;
    background-image: url(../img/icone-institucional.png);
}

#menu-global li a span.ico-veiculos {
    width: 24px;
    height: 20px;
    margin: 0 auto 20px;
    background-image: url(../img/icone-veiculos.png);
}

#menu-global li a span.ico-imoveis {
    width: 25px;
    height: 25px;
    background-image: url(../img/icone-imoveis.png);
}

#menu-global li a span.ico-maquinas-diversos {
    width: 24px;
    height: 25px;
    background-image: url(../img/icone-maquinas.png);
}

#menu-global li a span.ico-trabalhe-conosco {
    width: 28px;
    height: 17px;
}

#menu-global li a span.ico-contato {
    width: 28px;
    height: 17px;
    margin: 8px auto 15px;
    background-image: url(../img/icone-contato.png);
}

#menu-global li a span.ico-area {
    width: 32px;
    height: 23px;
    margin: 8px auto 8px;
    background-image: url(../img/icone-area.png);
}

/* HOVER */
#menu-global a:hover {
    color: #008276;
}

    #menu-global a:hover .ico-institucional {
        background-image: url(../img/icone-institucional-over.png);
    }

    #menu-global a:hover .ico-veiculos {
        background-image: url(../img/icone-veiculos-over.png);
    }

    #menu-global a:hover .ico-imoveis {
        background-image: url(../img/icone-imoveis-over.png);
    }

    #menu-global a:hover .ico-maquinas-diversos {
        background-image: url(../img/icone-maquinas-over.png);
    }

    #menu-global a:hover .ico-contato {
        background-image: url(../img/icone-contato-over.png);
    }

    #menu-global a:hover .ico-area {
        background-image: url(../img/icone-area-over.png);
    }

#menu-global .submenu a:hover {
    color: #cdf6cd;
    text-decoration: underline;
}
/*#menu-global .submenu a:hover { color: #FFFFFF; text-decoration: underline; }*/

/* ATIVO */
/*#menu-global .ativo { background: url(../img/bg-menu-global.jpg) repeat-x; }
#menu-global .ativo > a { background: url(../img/bg-ativo-menu-global.png) no-repeat center bottom; color: #FFFFFF; }
#menu-global .ativo a .ico-institucional { background-position: -2px -68px; }
#menu-global .ativo a .ico-veiculos { background-position: -35px -68px; }
#menu-global .ativo a .ico-imoveis { background-position: -67px -68px; }
#menu-global .ativo a .ico-maquinas-diversos { background-position: -100px -68px; }*/

/* LINKS */
#topo .links-topo {
    overflow: hidden;
    float: right;
    width: 222px;
    margin: 70px 20px 0 0;
}

    #topo .links-topo li {
        border-left: 1px solid #D0D0D0;
        margin-left: 15px;
        padding: 2px 0 3px 15px;
        float: left;
    }

        #topo .links-topo li:first-child {
            margin-left: 0;
            padding-left: 0;
            border: none;
        }

    #topo .links-topo a {
        font-size: 12px;
        line-height: 14px;
        color: #666666;
        float: left;
        position: relative;
        padding-right: 20px;
        text-decoration: none;
    }

    #topo .links-topo span {
        position: absolute;
        top: 0;
        right: 0;
    }

    /* HOVER */
    #topo .links-topo a:hover {
        color: #008593;
    }

        #topo .links-topo a:hover .ico-trabalhe-conosco {
            background-position: -20px -101px;
        }

        #topo .links-topo a:hover .ico-contato {
            background-position: -20px -117px;
        }

/* LOCALIZAR BENS */
#topo .localizar-bens {
    position: absolute;
    bottom: 7px;
    right: 0px;
}

    #topo .localizar-bens fieldset {
        position: relative;
        width: 230px;
        height: 30px;
    }

        #topo .localizar-bens fieldset .form-localizar {
            background: url(../img/background-search-form.png) no-repeat;
        }

    #topo .localizar-bens .bg-top-left, #topo .localizar-bens .bg-top-right,
    #topo .localizar-bens .bg-bottom-left, #topo .localizar-bens .bg-bottom-right {
        display: none;
    }
    /*#topo .localizar-bens .bg-top-left, #topo .localizar-bens .bg-top-right,
#topo .localizar-bens .bg-bottom-left, #topo .localizar-bens .bg-bottom-right { background: url(../img/cantos.png) no-repeat; width: 3px; height: 3px; position: absolute; }*/
    /*#topo .localizar-bens .bg-top-left { background-position: -12px -2px; top: 0; left: 0; }
#topo .localizar-bens .bg-top-right { background-position: -15px -2px; top: 0; right: 0; }
#topo .localizar-bens .bg-bottom-left { background-position: -12px -5px; bottom: 0; left: 0; }
#topo .localizar-bens .bg-bottom-right { background-position: -15px -5px; bottom: 0; right: 0; }*/
    #topo .localizar-bens label {
        position: absolute;
        width: 80%;
        top: 9px;
        left: 15px;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 0.2px;
        font-size: 9px;
        color: #ffffff;
    }

    #topo .localizar-bens .input-text {
        border: none;
        background-color: transparent;
        width: 184px;
        height: 27px;
        padding: 0 38px 0 8px;
        text-transform: uppercase;
        font-family: "Trebuchet MS";
        font-size: 9px;
        color: #ffffff;
        letter-spacing: 0.2px;
    }

    #topo .localizar-bens .bt-buscar {
        position: absolute;
        width: 13px;
        height: 13px;
        top: 6px;
        right: 13px;
        background-image: url(../img/icon-search.png);
        background-position: 0px;
    }

#topo .autocomplete {
    position: absolute;
    top: 31px;
    left: 0;
    width: 230px;
    display: none;
}

    #topo .autocomplete .bg-top,
    #topo .autocomplete .bg-bottom {
        position: relative;
    }

        #topo .autocomplete .bg-top .bg-middle,
        #topo .autocomplete .bg-bottom .bg-middle {
            border-style: solid;
            border-color: #0098A8;
            margin: 0 4px;
            background-color: #CCE2E4;
            display: block;
            height: 3px;
        }

        #topo .autocomplete .bg-top .bg-middle {
            border-width: 1px 0 0;
        }

        #topo .autocomplete .bg-bottom .bg-middle {
            border-width: 0 0 1px;
        }

    #topo .autocomplete .bg-left,
    #topo .autocomplete .bg-right {
        background: url(../img/cantos.png) no-repeat;
        width: 4px;
        height: 4px;
        position: absolute;
        top: 0;
    }

    #topo .autocomplete .bg-top .bg-left {
        background-position: -2px -2px;
        left: 0;
    }

    #topo .autocomplete .bg-top .bg-right {
        background-position: -6px -2px;
        right: 0;
    }

    #topo .autocomplete .bg-bottom .bg-left {
        background-position: -2px -6px;
        left: 0;
    }

    #topo .autocomplete .bg-bottom .bg-right {
        background-position: -6px -6px;
        right: 0;
    }

    #topo .autocomplete .lista-resultado {
        border-left: 1px solid #0098A8;
        border-right: 1px solid #0098A8;
        background-color: #CCE2E4;
    }

        #topo .autocomplete .lista-resultado a {
            font-size: 12px;
            color: #00727D;
            display: block;
            padding: 7px 8px;
        }

            #topo .autocomplete .lista-resultado a:hover {
                background-color: #A3CCCF;
                color: #00464D;
                text-decoration: none;
            }

/* LOGIN */
.dv_login {
    background-color: #009c93;
    clear: both;
    position: relative;
    margin-top: -53px;
    z-index: 8;
}

    .dv_login .centralizar {
        width: 1000px;
        height: 53px;
        margin: 0 auto;
        position: relative;
    }

    .dv_login fieldset {
        width: 595px;
        padding: 12px 0 12px 33px;
        overflow: hidden;
        float: left;
    }

        .dv_login fieldset ul {
            float: left;
        }

        .dv_login fieldset li {
            position: relative;
            float: left;
            margin-right: 10px;
        }

            .dv_login fieldset li:last-child {
                margin-right: 0px;
            }

        .dv_login fieldset label {
            position: absolute;
            top: 9px;
            left: 16px;
            z-index: 1;
            text-transform: uppercase;
            font-family: "Trebuchet MS";
            font-size: 9px;
            color: #ffffff;
            letter-spacing: 0.2px;
        }

        .dv_login fieldset .input-text,
        .dv_login fieldset .input-password {
            position: relative;
        }

            /*.dv_login fieldset .bg-top-left, .dv_login fieldset .bg-top-right,
.dv_login fieldset .bg-bottom-left, .dv_login fieldset .bg-bottom-right { background: url(../img/cantos.png) no-repeat; width: 3px; height: 3px; position: absolute; }
.dv_login fieldset .bg-top-left { background-position: -20px -2px; top: 0; left: 0; }
.dv_login fieldset .bg-top-right { background-position: -23px -2px; top: 0; right: 0; }
.dv_login fieldset .bg-bottom-left { background-position: -20px -5px; bottom: 0; left: 0; }
.dv_login fieldset .bg-bottom-right { background-position: -23px -5px; bottom: 0; right: 0; }*/

            .dv_login fieldset .input-text input,
            .dv_login fieldset .input-password input {
                padding: 0px 10px 0px 16px;
                border: none;
                background-color: transparent;
                background: url(../img/background-search-form.png) no-repeat;
                width: 204px;
                height: 27px;
                line-height: 30px;
                /*text-transform: uppercase;*/
                font-family: "Trebuchet MS";
                font-size: 9px;
                color: #ffffff;
                letter-spacing: 0.2px;
            }
        /*.dv_login fieldset .input-password input { width: 177px; padding-right: 37px; }*/

        .dv_login fieldset .bt-ok {
            display: block;
            width: 81px;
            height: 27px;
            float: left;
            background-image: url(../img/btn-ok.png);
            transition: all 0.3s ease;
            background-position: 0px;
        }

            .dv_login fieldset .bt-ok:hover {
                background-image: url(../img/btn-ok-over.png);
            }

#pchEsqueci fieldset {
    width: inherit;
    margin-right: 30px;
}

#pchEsqueci .input-text {
    float: left;
    margin-right: 10px;
}

.dv_login .links-login {
    float: left;
    margin: 16px 0 0 10px;
}

    .dv_login .links-login li {
        float: left;
        margin-right: 20px;
    }

    .dv_login .links-login a {
        background: url(../img/bl-links-login.gif) no-repeat 0 2px;
        font-size: 10px;
        color: #FFFFFF;
        padding-left: 7px;
    }

.ie7 .dv_login .links-login a {
    background: url(../img/bl-links-login.gif) no-repeat 0 4px;
}
/*.dv_login .controle-login { position: absolute; bottom: -38px; right: 20px; background: url(../img/bg-login-topo.png?v=1) no-repeat; }*/

.dv_login .controle-login {
    position: absolute;
    width: 100vw;
    bottom: -46px;
    left: calc(100% - 250px);
    background: url(../img/lnk-area-arrematante.jpg) no-repeat bottom left #009c93;
}

.ie7 .dv_login .controle-login {
    width: 100%;
    max-width: 440px;
    right: -175px;
}

.dv_login .controle-login span {
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    height: 30px;
    display: block;
    padding-top: 45px;
    text-align: center;
    position: relative;
}

.dv_login .controle-login a {
    cursor: pointer;
    color: #fff;
    text-decoration: solid;
    font-weight: bold;
    text-decoration: underline;
}
/*.dv_login .controle-login img { float: left; margin-left: 13px; }*/
.dv_login .controle-login img {
    display: none;
}

.dv_login .controle-login .menu-login {
    vertical-align: top;
    padding: 2px 0 0 37px;
    float: left;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-family: "Trebuchet MS";
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
}

/*.dv_login .controle-login .lk-fechar { font-size: 10px; height: 25px; padding-top: 40px; }*/
.dv_login .controle-login .lk-fechar {
    padding: 35px 0px 0px 0px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
    /*.dv_login .controle-login .lk-fechar span { background: url(../img/botoes.png) no-repeat -66px -2px; width: 26px; height: 26px; position: absolute; top: 13px; left: 68px; padding: 0; }*/
    .dv_login .controle-login .lk-fechar span {
        display: none;
    }

    .dv_login .controle-login .lk-fechar:hover span {
        background-position: -66px -30px;
    }

    .dv_login .controle-login .lk-fechar:active span {
        background-position: -66px -58px;
    }

#ctlMenu_hplArea {
    width: 116px !important;
}
