@import url('Cores.css');

/* Destaque */
div#divConteudo div#divDestaque {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

    div#divConteudo div#divDestaque span.titulo {
        font-weight: bold;
    }

    div#divConteudo div#divDestaque span.destaque {
        padding-left: 3px;
    }

/* Informação */
div.informacao ul {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    background-image: none;
}

div.informacao li {
    position: relative;
    left: -25px;
    top: 0px;
}

div.informacao div.navegacao {
    text-align: right;
    position: relative;
    right: 20px;
    top: 0px;
}


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

    ul.bloco li.bloco {
        display: inline-block;
        width: calc(50% - 20px); /* Largura de cada bloco */
        padding: 0;
        margin: 10px 0; /* Distância topo */
        margin-left: 10px; /* Espaçamento entre as colunas */
        text-align: justify;
    }

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

        /* td da esquerda, com imagem */
        ul.bloco li.bloco 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.bloco td.blocoDir {
    background-image: url(../Images/Navegacao/tblBlocoDir.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 156px;
    width: 7px;
}

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

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

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

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

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

/* FAVORITOS */
ul.favoritos {
    /* responsável pelos favoritos da página Navegacao */
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding-top: 10px;
}

    ul.favoritos li.favoritos {
        padding: 0px;
        margin: 0px;
        display: inline-block;
        width: 300px; /* Largura de cada bloco */
        margin-left: 20px; /* Espaçamento entre as colunas */
        _width: 280px; /* IE6 */
    }

        ul.favoritos li.favoritos ul {
            padding-left: 15px;
            padding-top: 5px;
            margin-left: 10px;
            margin-top: 5px;
            list-style: outside url(../Images/Principal/favorito.png);
            border-top-width: 1px;
            border-top-style: solid;
            position: relative;
            left: -10px;
            width: 100%;
        }

    /* Título do grupo */
    ul.favoritos span.titulo {
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        font-weight: bold;
    }

    ul.favoritos .subMenu {
        width: 100%;
    }

    ul.favoritos ul#ulInformacao {
        list-style: none;
        list-style-type: none;
        list-style-image: none;
        background-image: none;
    }

        /* Informação */
        ul.favoritos ul#ulInformacao li.informacao {
            position: relative;
            left: -15px;
        }

        ul.favoritos ul#ulInformacao span.titulo, ul.favoritos ul#ulProvidencia span.titulo {
            font-weight: bold;
            font-size: 12px;
        }

        ul.favoritos ul#ulInformacao span.data {
            font-style: italic;
        }

        ul.favoritos ul#ulInformacao span.descricao {
            color: gray;
        }

div#meusDados {
    background-color: #f7f7f7;
    margin-top: 10px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

    div#meusDados table {
        margin: 15px;
    }

/* compatibilidade entre browsers - em função do inline-block */
ul.favoritos li.favoritos, ul.bloco li.bloco {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: top;
}

* html ul.favoritos li.favoritos, * html ul.bloco li.bloco {
    display: inline;
}

* + html ul.favoritos li.favoritos, * + html ul.bloco li.bloco {
    display: inline;
}

    ul.favoritos li.favoritos > *, ul.bloco li.bloco > * {
        display: table;
        table-layout: fixed;
        overflow: hidden;
    }
/* fim compatibilidade */