@charset "utf-8"; /* Documento CSS */ /*---------------------------------------------------------------------------------------------------------------------*/ /* CSS de tags HTML */ /*---------------------------------------------------------------------------------------------------------------------*/ /* Definições CSS da tag . */ html { margin: 0; /* Margem da estrutura html */ padding: 0; /* Espaçamento da estrutura html */ } /* Definições CSS da tag . */ body { margin: 0; /* Margem da estrutura body */ padding: 0; /* Espaçamento da estrutura body */ } /*---------------------------------------------------------------------------------------------------------------------*/ /* CSS de recipientes/divisões do layout das páginas. */ /*---------------------------------------------------------------------------------------------------------------------*/ /* ID do recipiente mãe (comporta todos os outros recipientes). */ #container { height: auto; /* Altura se adapta ao tamanho do contéudo. */ width: 960px; /* Largura fixa de 960 pixels. */ position: relative; /* Posicionamento do repiciente é relativo ao recipiente pai, no caso o body. */ margin: 0 auto; /* A margem superior e inferior do recipiente é nulo enquanto as margens laterais se adaptam altomaticamente as margens do recipiente pai (centralizando o layout da pagina no navegador) HTML. */ } /*---------------------------------------------------------------------------------------------------------------------*/ /* CSS do cabeçalho da página. . */ /*---------------------------------------------------------------------------------------------------------------------*/ /* ID do recipiente mãe do cabeçalho (comporta todos os outros recipientes referentes ao cabeçalho da página). */ #header { height: 72px; /* Altura fixa de 72 pixels. */ width: 960px; /* Largura fixa de 960 pixels. */ float: left; /* Flutua na margem esquerda do recipiente pai. */ } /*---------------------------------------------------------------------------------------------------------------------*/ /* CSS do centro da página. . */ /*---------------------------------------------------------------------------------------------------------------------*/ /* ID do recipiente mãe do contéudo da página (comporta todos os outros recipientes referentes ao contéudo da página). */ #main { float: left; /* Flutua na margem esquerda do recipiente pai. */ clear: both; /* Não permite que haja elementros flutuantes a esquerda ou à direita. */ margin: 16px auto; /* Margens superior e inferior tem o tamanho de 16 pixels e as laterais são ajustadas altomaticamente. */ } /* ID do recipiente do contéudo superior da página (comporta todos as imagens superiores). */ #main_top { height: 384px; /* Altura fixa de 384 pixels. */ width: 960px; /* Largura fixa de 960 pixels. */ float: left; /* Flutua na margem esquerda do recipiente pai. */ clear: both; /* Não permite que haja elementros flutuantes a esquerda ou à direita. */ } img.main_top { float:left; /* Flutua na margem esquerda do recipiente pai. */ } #main_bottom { height: 186px; /* Altura fixa de 384 pixels. */ width: 960px; /* Largura fixa de 960 pixels. */ float: left; /* Flutua na margem esquerda do recipiente pai. */ clear: both; /* Não permite que haja elementros flutuantes a esquerda ou à direita. */ margin: 16px auto; /* Margens superior e inferior tem o tamanho de 16 pixels e as laterais são ajustadas altomaticamente. */ margin-bottom: 0px; /* Anula a margem inferior do recipiente. */ } img.main_bottom { float:left; /* Flutua na margem esquerda do recipiente pai. */ } #banner { height: 132px; /* Altura fixa de 384 pixels. */ width: 960px; /* Largura fixa de 960 pixels. */ float: left; /* Flutua na margem esquerda do recipiente pai. */ clear: both; /* Não permite que haja elementros flutuantes a esquerda ou à direita. */ } img.banner { float:left; /* Flutua na margem esquerda do recipiente pai. */ } /*---------------------------------------------------------------------------------------------------------------------*/ /* CSS do rodapé. */ /*---------------------------------------------------------------------------------------------------------------------*/ #footer { height: 56px; /* Altura fixa de 56 pixels. */ width: 960px; /* Largura fixa de 960 pixels. */ float: left; /* Flutua na margem esquerda do recipiente pai. */ clear: both; color:19191b; /* Não permite que haja elementros flutuantes a esquerda ou à direita. */ background-image: url(images/footer/background.png); /* Imagem do plano de fundo do rodapé. */ }