/**** Corpo da página ****/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; /** tipo de letra **/
	background-image: url(imagens/bodybg.jpg); /** imagem de fundo - para muda-la basta substituir "bodybg.png" pelo nome de uma imagem que escolheres e que esteja na pasta "imagens" **/
	background-repeat: repeat; /** a imagem de fundo é repetida para preencher todo o ecra - se não se quiser que repita escreve-se "no-repeat" **/
}


/**** Tabela que estrutura o site ****/

table {
	margin-top: 15px; /** tamanho da margem de cima **/
	margin-bottom: 15px; /** tamanho da margem de baixo **/
	width: 780px; /** largura da tabela **/
	background-color: transparent; /** cor de fundo - neste caso é transparente para que se veja o fundo da página **/
	margin-left: auto; /** tamanho da margem esquerda - encontra-se automático (explicação deste facto já em baixo **/
	margin-right: auto; /** tamanho da margem direita - encontra-se também em automático - aconselha-se que a margem esquerda e a direita fiquem automáticas para se centrar a tabela e para possibilitar o redimensionamento da janela mantendo-se o tamanho da tabela, alterando-se apenas as margens laterais **/
	border: 1px solid #000000; /** largura das orlas que envolvem a tabela **/
}


/**** Barra de navegação ****/

.barra_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif; /** tipo de letra dos botões **/
	font-size: 10px; /** tamanho da letra **/
	background-color: #CCCCCC; /** cor de fundo **/
	display: inline-center; /** alinhamento dos botões - não convém alterar **/
	text-align: center; /** alinhamento do texto dos botões **/
	padding: 5px 0 5px 0; /** almofada para que as letras não estejam imediatamente em contacto com os limites dos botões - o 1º comando ("5px") refere-se ao espaço que se quer entre as letras contidas no botão e o topo do mesmo; o 2º ("0") refere-se ao espaço da direita; o 3º ("5px") refere-se ao espaço de baixo; e o 4º ("0") refere-se ao espaço da esquerda **/
	border-top-width: 1px; /** largura da orla superior dos botões **/
	border-right-width: 1px; /** largura da orla direita dos botões **/
	border-bottom-width: 2px; /** largura da orla inferior dos botões **/
	border-left-width: 1px; /** largura da orla esquerda dos botões **/
	border-top-style: solid; /** tipo da orla superior **/
	border-right-style: solid; /** tipo da orla direita **/
	border-bottom-style: solid; /** tipo da orla inferior **/
	border-left-style: solid; /** tipo da orla esquerda **/
	border-top-color: #000000; /** cor da orla superior **/
	border-right-color: #000000; /** cor da orla direita **/
	border-bottom-color: #000000; /** cor da orla inferior **/
	border-left-color: #000000; /** cor da orla esquerda **/
	width: 130px; /** largura **/
	cursor: default; /** tipo de cursor **/
	color: #000000; /** cor das letras **/
}

/**** Butões da barra de navegação quando estão seleccionados - os comandos são identicos aos da "barra_nav" ****/

.barra_nav_sel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	text-align: center;
	width: 130px;
	color: #000033;
	padding: 5px 0 5px 0;
	background-image: url(imagens/fundo.jpg); /** imagem de fundo do botão seleccionado - aconselha-se que seja igual ao fundo do "corpo_texto" **/
	background-position: left bottom; /** posição da imagem de fundo do botão seleccionado **/
	cursor: default;
}


/**** Características do título ****/

.titulo {
	font-family: "Arial Rounded MT Bold";
	font-size: xx-large;
	font-weight: bolder; /** grossura das letras do título **/
	text-align: right; /** alinhamento à direita **/
	height: 125px; /** altura da caixa que envolve o título **/
	width: 780px; /** largura da caixa que envolve o título **/
	border: 1px solid #000000; /** comando que define as orlas envolventes do titulo - "1px" indica a largura; "solid" corresponde ao preenchimento; "#000000" é referente à cor **/
	padding: 0 5px 0 0;
	color: #FFFFFF;
	background: url(imagens/header.jpg); /** fundo da caixa de título - para ser alterado basta colocar uma imagem na pasta "imagens" e substituir "header.gif" pelo nome da imagem escolhida **/
	vertical-align: bottom; /** alinhamento vertical - neste caso faz com que o título não fique encostado acima **/
}


/**** Caixa de texto que contém a informação que se quer dar a conhecer ****/

.corpo_texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000000;
	border-left-color: #000000;
	height: 400px;
	vertical-align: top;
	background-image: url(imagens/fundo.jpg);
	background-repeat: repeat; /** obriga-se a que o fundo se repita apenas na VERTICAL - se se quiser repeti-lo na horizontal escreve-se "repeat-x" ou se se quiser que se repita por forma a preencher todo o espaço escreve-se "repeat" **/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding: 15px;
	background-color: #FFFFFF;
}


/**** Comandos que são referentes à listagem do conteúdo que está no "corpo_texto" - só actuam quando se faz essa listagem escrevendo no código html "<ul>[lista de qualquer coisa]</ul>" ****/

.corpo_texto ul {
	list-style-position: inside; /** o tópico da lista fica para dentro **/
	list-style-type: circle; /** o que precede o tópico da lista são pequenos circulos - podem ser pontos ("disc"), quadrados ("square"), etc. **/
}


/**** Títulos principais que se encontram no "corpo_texto" ****/

.subtitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000033;
	letter-spacing: 2px; /** espaçamento entre as letras dos titulos - pode ser negativo, fazendo com que o espaço entre letras diminua **/
}


/**** Subtítulos - usam-se para elementos que estejam dentro dos titulos principais ****/

.subtitulo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000033;
	text-decoration: none;
}


/**** Características dos links ****/

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

/**** Características dos links quando têm o cursor em cima ****/

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
}


/**** Características da foto que se encontra no "index.html" ****/

img {
	float: left;
	height: auto;
	width: 150px;
	margin: 0px 15px 15px 0px;
}


/**** Classe elaborada com o objectivo de servir para pequenos comentários, ou texto mais discreto ****/

.notas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
}


/**** Comandos para a caixa de notícias ****/

.rss_box {
	margin: 0px 0 10px 15px;
	padding: 4px 8px;
	width: 200px;
	float: right;
	background-image: url(imagens/noticias.jpg);
}

/** título das notícias com ou sem o cursor em cima **/
.rss_title, rss_title a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	color: #FFFFFF;
}

.rss_items {
  
}

/** texto inserido na caixa de notícias **/
.rss_item  {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	margin: 8px 0;
	color: #FFFFFF;
}

/** texto inserido na caixa das notícias que esteja como link, que já tenha sido visitado ou que esteja activo **/
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none; /** decoração do texto - pode ficar sublinhado ("underline"), riscado ("line-trough"), etc. **/
	color: #FFFFFF;
	font-weight: bold;
	}

/** texto inserido na caixa de notícias que esteja como link quando tem o cursor em cima **/
.rss_item a:hover {
	text-decoration : none;
	color: #333333;
	background-color: #CCCCCC;
	font-weight: bold;
	}

/** data das notícias **/	
.rss_date {
	font-size: 9px;
	font-weight : normal;
	color: #CCCCCC;
	}