﻿
@media (max-width: 992px) {

    .mat {
        margin-bottom: 2em;
    }

    #container > :not(#cabecalho):not(#rodape) {
        width: 100%;
        margin: auto;
    }

    .banner-992 {
        display: block;
    }

    .banner-768, .banner-1200 {
        display: none;
    }

    @media(max-width: 768px) {
        .banner-992, .banner-1200 {
            display: none;
        }

        .banner-768 {
            display: block;
        }
    }

    * {
        max-width: 100%;
    }


    #conteudoPrincipal {
        margin: 0;
        padding: 1em;
    }

    table {
        min-width: 100%;
        width: auto;
    }

        table img {
            margin: auto;
            width: auto;
            height: auto;
        }

    .tit3 {
        font-size: 18px;
    }

    #BuscaLivre, #DataInicial, #DataFinal {
        width: 100%;
    }

    #esq:not(.menu-novo) {
        display: none;
    }

    #esq.menu-novo {
        border-radius: 0;
    }

    .dropdown {
        display: block;
        background-color: #666;
        width: 50%;
    }

    @media (min-width: 647px) {
        .dropdown {
            display: inline-block;
        }
    }

    .dropdown-list {
        background-color: #333;
    }

    .dropdown .dropdown-list {
        transform: translate(100%, -54px);
        border-radius: 4px;
        box-shadow: 0 0 10px black;
    }

    .dropdown-list .link-dropdown {
        color: white;
        font-size: 1.25em;
    }

    .dropdown .dropdown-title {
        max-width: 300px;
        user-select: none; /* supported by Chrome and Opera */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }


    .duvidas-contato {
        padding: 0;
        text-align: center;
    }

    @media(min-width: 413px) {
        .duvidas-contato {
            text-align: center
        }
    }

    .p-acessibilidade {
        width: 29%;
    }

    .p-sites {
        width: 69%;
    }


    @media (max-width: 322px) {
        .p-sites {
            width: 69.5%;
        }

        #toggle-alto-contraste {
            border-radius: 0 0 5px 0;
        }
    }
}
