﻿/*
As técnicas CSS para construção de menus de navegação preconizam o emprego do elemento HTML list não ordenada (unordered list) - tag <ul> </ul>

No html o id menu é que controla a classe aqui na CSS
<ul id="menu" style="width: 48%">

*/


#menu {
/*
Código que define o fundo da área célula em que trabalha o menu, em principio tambem se pode definir um tamanho fixo
*/
	background: #7E8083;	
	/*
	Tamanho da área que vai ocupar menu
	width: 1000px;
	height:45px;*/	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

	/*
	Linha da "tabela", os vários elementos do menu no estado normal
	*/
#menu li {
	float: left;
	/*
	Tamanho da fonte do menu 
	*/
	font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
    /*
    Côr de fundo dos elementos do menu e separador dos elementos do menu
    */
	background: #7E8083 url("images/seperator.gif") bottom right no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	width:118px;
	text-align:center;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
/*
      a:hover define o estilo do link quando passa-se o mouse sobre ele
*/
#menu a:hover {
	/*
	Côr de background e imagem quando se passa com rato pelos elementos do menu
	*/
	background: #CD0067 url("images/hover.gif") bottom center no-repeat;
	/*
	Côr da fonte quando o mouse passa sobre o menu
	*/
	color: #fff;
	padding-bottom: 8px;
	}
/*
      a:active define o estilo do link ativo (o que foi "clicado").
*/	
#menu a:active
{
 color:#ff0000;
}

/*
    a:link define o estilo do link no estado inicial
    

*/

/*
o Código seguinte põe a preto todos os links do menu que já foram clicados
#menu li a:visited{
    color: black;
    }
*/
.textblue12pxnorm
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2F62CC;
}
.textcinza12pxnorm
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6B6E72;
}
.textbord12pxnorm
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CD0067;
}
.textbord14pxbold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #CD0067;
    font-weight:bold;
}
.textcinza14pxnorm
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6B6E72;
}

/*
 Definição cor dos links
*/
a:link {
    color: #CD0067;
    text-decoration: none;
}
a:visited {color:#2F62CC ; text-decoration: none;}
a:hover {color: #CD0067; text-decoration: none; }
a:active {color: #CD0067; text-decoration: underline; }

.gridpagerstyle {
    font-weight: normal;
    font-size: small;
    color: #6B6E72;
    font-family: Arial, Helvetica, sans-serif;
}
.gridpagerstyle a {
    font-weight: normal;
    font-size:12;
    color: #CD0067;
}
.Style1
{
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #CD0067;
    padding-right: 2px;
    margin-right: 2px;
}
/*  Definição do titulo da secção    */
.titulo-seccao {
    background-position: #fff url('images/fundo.png');
    background: #fff url('images/fundo.png');
    width: 216px;
    height: 35px;
    text-align: left;
    color: #fff;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size: 16px;
    vertical-align: middle;
    text-indent: 8;
}
.rodape
{
    background-color: #7E8083;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

/*  Link´s rodapé Home e Contactos (branco)  */
 .a1 {
   background-color: #7E8083;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}
                    
.a1:visited {
   background-color: #7E8083;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}

.a1:hover {
   background-color: #7E8083;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}
.a1:active {
   background-color: #7E8083;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}
.a1:link {
   background-color: #7E8083;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}
