@media screen and (min-width: 769px) {

    .logo {
        width: 150px;
    }

    /*MASTER*/
    #divRodape {
        text-align: center;
        font-style: italic;
        font-size: 7pt;
        padding: 5px;
        background-color: rgb(51,51,51);
    }

        #divRodape img {
            width: 120px;
        }

    #divModulo {
        width: 80%;
        margin: auto;
    }

        #divModulo #btModulo {
            border-radius: 3px;
            background-color: #D83135;
            margin-bottom: 8px;
            padding: 10px;
            color: #fff;
            text-shadow: 2px 2px #333;
            border: 2px solid #B22222;
        }

            #divModulo #btModulo #divIcone {
                float: left;
                width: 29.5%;
                text-align: right;
            }

            #divModulo #btModulo #divNomeModulo {
                padding-top: 10px; /*para centralizar a porra do texto*/
                float: right;
                width: 65.5%;
                text-align: left;
            }

                #divModulo #btModulo #divNomeModulo a {
                    color: #fff;
                    text-transform: uppercase;
                    text-shadow: none;
                    font-size: 1.2em;
                }

    /*#divMapa {
        padding: 5px;*/
    /*border-bottom: 1px dotted black;*/
    /*}
        #divMapa * {
            font-size: 8pt;
        }*/

    #divCabecalho {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #333;
        color: #FFFFFF;
    }

        /*MASTER*/
        #divCabecalho a {
            color: #FFF;
            text-decoration: none;
        }

        #divCabecalho .nomeSis {
            float: left;
            width: 25%;
            text-align: left;
            /*font-size: 1em;*/
        }

        #divCabecalho .usuario {
            float: left;
            width: 49.9%;
            text-align: center;
        }

        #divCabecalho .data-sair {
            float: right;
            width: 25%;
            text-align: right;
        }


    .esconde-na-tela-grande {
        display: none;
    }

    .alinhamento-direita-tela-grande {
        text-align: right;
    }

    .alinhamento-esquerda-tela-grande {
        text-align: left;
    }

    .alinhamento-centro-tela-grande {
        text-align: center;
    }

    .largura-50-centralizado-gd {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .largura-80-centralizado-gd {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .largura-70-centralizado-gd {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .largura-50-centralizado-gd {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .largura-100-gd {
        width: 100%;
    }

    /*MODAL puro*/
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(255,255,255,.5));
    }

    .modal-content {
        width: 90%;
        position: relative;
        margin: 10% auto;
        padding: 20px;
        border: 0;
        box-shadow: 0 0 10px rgba(0,0,0,.5);
        max-height: 70%;
        overflow-y: auto;
    }

    .modal-barra {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 10px;
        background-color: #000;
        color: #ffffff;
        font-size: 13pt;
    }

        .modal-barra .modal-close {
            color: #ffffff;
            float: right;
            font-size: 10pt;
        }

    /*FIM*/
}