@import url('Cores.css');

.DivMenuProvidencia {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-top: 4px solid Orange;
    top: 50px;
    left: calc(100% - 50% - 250px);
    width: 500px;
    padding: 10px 10px 10px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9)) repeat-X;
    background: -moz-linear-gradient(top, #fff, #e9e9e9) repeat-X;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=white)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=white);
    -moz-box-shadow: 2px 2px 10px #888;
    -webkit-box-shadow: 2px 2px 10px #888;
    box-shadow: 2px 2px 10px #888;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
}

/* BLOCOS */
ul.blocoProvidencia {
    /* responsável pelos blocos da página Navegacao */
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    height: 160px;
}

    ul.blocoProvidencia li.blocoProvidencia {
        display: inline-block;
        width: 300px; /* Largura de cada bloco */
        padding: 0;
        margin: 10px 0; /* Distância topo */
        margin-left: 10px; /* Espaçamento entre as colunas */
    }

        ul.blocoProvidencia li.blocoProvidencia div {
            width: 100%;
        }

        /* td da esquerda, com imagem */
        ul.blocoProvidencia li.blocoProvidencia td.blocoEsq {
            background-repeat: no-repeat;
            background-position: left;
            height: 156px;
            width: 7px;
            vertical-align: top;
        }

/* td central, conteúdo */
.blocoConteudo {
    background-image: url(../Images/Navegacao/tblBlocoConteudo.png);
    background-repeat: repeat-x;
    vertical-align: top;
    padding-top: 13px;
}

    .blocoConteudo .soMenu {
        display: none;
    }

    .blocoConteudo span.titulo {
        color: gray;
        font-size: 15px;
        width: 100%;
        font-weight: bold;
    }

    .blocoConteudo .destaque {
        padding-top: 5px;
    }

/* td da direita, bordas */
ul.blocoProvidencia td.blocoDir {
    background-image: url(../Images/Navegacao/tblBlocoDir.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 156px;
    width: 7px;
}

ul.blocoProvidencia li {
    list-style: square;
    padding: 0px;
    margin: 0px;
}

    ul.blocoProvidencia li ul {
        padding: 0px;
        margin: 0px;
        padding-left: 16px;
    }

    /* Personalizações dos blocos - ../Images */
    ul.blocoProvidencia li#bloco01 td.blocoEsq {
        background-image: url(../Images/Navegacao/tblBlocoEsq.png);
    }

    ul.blocoProvidencia li#bloco02 td.blocoEsq {
        background-image: url(../Images/Navegacao/tblBlocoEsq.png);
    }

    ul.blocoProvidencia li#bloco03 td.blocoEsq {
        background-image: url(../Images/Navegacao/tblBlocoEsq.png);
    }

div#divBanner div#divMenu {
    position: relative;
    width: 100%;
    padding-top: 1px;
}

    div#divBanner div#divMenu ul#ulMenu {
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    div#divBanner div#divMenu .titulo {
        color: Orange;
        position: relative;
        left: 7px;
        top: 2px;
        display: block;
    }

div#divMenu li.botao {
    display: inline-block;
    font-size: 16px;
    left: 0px;
    padding-right: 15px;
    cursor: pointer;
    vertical-align: top;
    height: 23px;
}

div#divBanner div#divMenu li.separador {
    display: none;
}

/* Forçar a cor do hyperlink como item principal de menu */
div#divBanner div#divMenu li.botao span.titulo a {
    color: gray;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 14px;
}

div#divBanner div#divMenu li.botao {
    border: none;
}

div#divBanner div#divMenu li.ativo {
    background-image: none;
}

    div#divBanner div#divMenu li.ativo span.titulo {
        border-bottom: 7px solid silver;
    }

div#divBanner div#divMenu li.botaoPressionado {
    border: none;
}

    div#divBanner div#divMenu li.botaoPressionado a:hover {
        color: Black;
        text-decoration: none;
    }

div#divBanner div#divMenu li.botaoPressionadoVazio {
    border: none;
}

    div#divBanner div#divMenu li.botaoPressionadoVazio a {
        color: Black;
        text-decoration: none;
    }

/* SubMenus */
div#divBanner div#divMenu div.subMenu {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    position: absolute;
    margin-top: 8px;
    margin-left: -1px;
    display: none;
    _width: 300px; /* IE6 */
}

div#divBanner div#divMenu li {
    list-style: none;
}

div#divBanner .providencia {
    position: absolute;
    margin-left: calc(100vw - 325px - 80px);
    margin-top: 20px;
    z-index: 9999;
}

    div#divBanner .providencia .label {
        position: relative;
        top: -27px;
        right: 25px;
        font-size: 2.0em;
        font-weight: bold;
        color: Orange;
    }

div#divBanner div#divMenu div.subMenu ul {
    padding-bottom: 10px;
    margin: 0px;
    display: inline-block;
}


    /* Itens que não dividirão a linha com outros itens */
    div#divBanner div#divMenu div.subMenu ul.destaque {
        padding-top: 5px;
        display: block;
        border-top: 1px solid silver;
    }

div#divBanner div#divMenu div.subMenu div.destaque {
    margin-top: 5px;
    display: block;
    border-top: 1px solid silver;
}


div#divBanner div#divMenu div.subMenu li.titulo {
    padding: 0px;
    background-image: none;
}


div#divBanner div#divMenu div.subMenu li {
    padding: 0px;
    margin: 0px;
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 15px;
    margin-left: 15px;
    background-image: url(../Images/Principal/bulletBall.png);
    background-repeat: no-repeat;
    background-position: center left;
}

/* IE7 */
*div#divBanner div#divMenu div.subMenu ul.destaque li {
    margin-left: 15px;
    _padding-left: 15px; /* IE6 */
}

/* IE7 */
*div#divBanner div#divMenu div.subMenu li {
    margin-left: 0px;
    _margin-left: 15px; /* IE6 */
    _padding-left: 0px; /* IE6 */
}

div#divBanner div#divMenu div.subMenu li.titulo {
    position: relative;
    left: 0px; /* margem esquerda */
    display: block;
}


/* compatibilidade entre browsers - em função do inline-block */
div#divBanner div#divMenu li.botao, div#divBanner div#divMenu li.botaoPressionado, div#divBanner div#divMenu li.separador, div#divBanner div#divMenu div.subMenu ul, div.menuContexto li.grupo, div.menuContexto li.mostrarTodos {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
}

* html div#divBanner div#divMenu li.botao, * html div#divBanner div#divMenu li.botaoPressionado, * html div#divBanner div#divMenu li.separador, * html div#divBanner div#divMenu div.subMenu ul, * html div.menuContexto li.grupo, * html div.menuContexto li.mostrarTodos {
    display: inline;
}

* + html div#divBanner div#divMenu li.botao, * + html div#divBanner div#divMenu li.botaoPressionado, * + html div#divBanner div#divMenu li.separador, * + html div#divBanner div#divMenu div.subMenu ul, * + html div.menuContexto li.grupo, * + html div.menuContexto li.mostrarTodos {
    display: inline;
}

    div#divBanner div#divMenu li.botao > *, div#divBanner div#divMenu li.botaoPressionado > *, div#divBanner div#divMenu li.separador > *, div#divBanner div#divMenu div.subMenu ul > *, div.menuContexto li.grupo > *, div.menuContexto li.mostrarTodos > * {
        display: table;
        table-layout: fixed;
        overflow: hidden;
    }
/* fim compatibilidade */

/* Menu de Contexto*/
div.menuContexto {
    padding: 1px 0px 0px 0px;
    margin: 0px;
    z-index: 0;
    box-shadow: 0px 4px 12px -7px gray;
    -moz-box-shadow: 0px 4px 12px -7px gray;
    -webkit-box-shadow: 0px 4px 12px -7px gray;
}

    div.menuContexto ul {
        margin: 0px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    div.menuContexto.dinamico ul {
        margin: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 10px;
    }

    div.menuContexto li.grupo {
        display: inline-block;
        vertical-align: top;
        border: none;
    }

    div.menuContexto li.mostrarTodos {
        display: none;
    }

    div.menuContexto li.grupo div.subMenu {
        border-left: 5px solid silver;
        padding-top: 5px;
        margin-left: -2px;
    }

    div.menuContexto.dinamico li.grupo div.subMenu {
        border: 1px solid gray;
        padding-top: 5px;
        padding-bottom: 5px;
        display: none;
        position: absolute;
        box-shadow: 3px 3px 5px gray;
        -moz-box-shadow: 3px 3px 5px gray;
        -webkit-box-shadow: 3px 3px 5px gray;
    }

    div.menuContexto li.grupo div.subMenu ul li {
        list-style: none;
    }

    div.menuContexto li.grupo span.titulo {
        display: block;
        font-weight: normal;
        border-left: none;
        padding: 3px;
    }

    div.menuContexto li.grupo.ativo span.titulo {
        display: block;
        font-weight: normal;
        padding: 3px;
        color: White;
        background-color: Gray;
    }

    div.menuContexto li.mostrarTodos a {
        background-image: url(../Images/Principal/arrowDown.png);
        background-position: left top;
        background-repeat: no-repeat;
        display: block;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    div.menuContexto li.mostrarTodos.ativo a {
        background-image: url(../Images/Principal/arrowDown.png);
        background-position: left top;
        background-repeat: no-repeat;
    }