Style

body {

    /*Retira a margem branca em volta do site.*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;


    /*define a cor de fundo do site caso aconteça algum erro com a imagem, evita um load com a pagina branca.*/
    background: #333;
    background: url(../img/background.png);

}

#Container {

    /*Insere a margin redimensionavel conforme o tamanho da tela.*/
    margin-top: 5%;
    margin-bottom: 5%;

    /*Centraliza o container.*/
    margin-left: auto;
    margin-right: auto;

    width: 90%;

}

#Header {

    width: 100%;

    /*Borda superior*/
    border-radius: 5px 5px 0 0;

    /*Cinza escuro*/
    background:#434343;

}

#Content {

    margin-top: 0;
    margin-bottom: 0;

    width: 100%;
    /*Valor temporario, será alterado para 100%(irá abrigar o conteudo*/
    height: 600px;

    background:#888888;

}

#Footer {

    width: 100%;

    background:#434343;

    /*Borda inferior*/
    border-radius: 0 0 5px 5px;


}


/*Conteudo do header*/

#Logo {


    /*Margem com a dimensão igual a margem superior e inferior*/
    margin-left: 3%;
    /*Limita a largura da logo*/
    max-width: 47%;

}


/*Conteudo do footer*/


#Logo_Desenvolvedor {

    /*Cria um espaço para centralizar verticalmente a logo*/
    padding-top: 2%;
    padding-bottom: 2%;

    /*Cria um espaço para centralizar horizontalmente a logo*/
    margin-left: auto;
    margin-right: auto;

    display:block;

}