* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

* html #tudo {
    height: 100%;
}

body {
    background-color: black;
}

#tudo {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    min-height: 100%;
    background-color: #FFF;
}


#cabecalho {
    background-color: black;
    min-height: 140px;
}

    #cabecalho .imagelogo {
        width: 250px;
        height: 98px;
    }

#conteudo {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    /*
        padding-bottom:
        Define qual a altura que o conteúdo da div deve ter do fim da div como um todo.
        Como a div Rodapé está fixa do final da tela, a Div de Conteúdo passa debaixo dela
        se estendendo também até o final da página; com base nisso, padding-bottom deve ser
        maior ou igual a altura do Rodapé para que o conteúdo não se posicione sobre o 
        Rodapé!
    */
    padding-bottom: 180px;
}

#rodape {
    position: absolute;
    bottom: 0;
    height: 150px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    background-color: black;
}
    #rodape .Copyright {
        text-align: center;
        font-size: 10pt;
    }

    #rodape .Links {
        text-decoration: none;
        color: #FFFFFF;
    }

    #rodape .LogoIS {
        display: flex;
        justify-content: center;
        align-items: center;
    }

a:link {
    text-decoration: none;
    color: #f00;
}

a:visited {
    text-decoration: none;
    color: #f00;
}

a:hover {
    text-decoration: underline;
    color: #f00
}

a:active {
    text-decoration: none
}