/* reset de margens */
* {
    margin: 0;
    padding:0;
}

/* para garantir que estes elementos ocuparão toda a tela */
body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}

#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
}

#fundo {
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
    clear: both;
}
#fundo:after{
    content: '';
    display: table;
    clear: both;
}

#fundo img {
    width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
    position: absolute;
}

#site {
    position: absolute;
    top: 90px;
    left: 25%;
    width: 50%;
    padding: 20px;
    background: #FFF; /* fundo branco para navegadores que não suportam rgba */
    background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
}
#site:after{
    content: '';
    display: table;
    clear: both;
}
/*FOOTER TRABALHE CONSOCO*/
footer#rodape-trabalhe-conosco{
    background-color: rgba(0, 0, 0, 0.13);
    height: 80px;
    padding: 10px;
    position: absolute;
    top: 700px;
    width: 100%;
    background: #FFF; /* fundo branco para navegadores que não suportam rgba */
}
footer#rodape-trabalhe-conosco:after{
    content: '';
    display: table;
    clear: both;
}
p#developer{
    float: right;
    font-size: 8pt;
}
p#copyright{
    margin-bottom: -50px;
    text-align: center;
}

p {
    margin-bottom: 1.5em;
}