/* predefinicao de alguns tags padrao do html */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: rgb(245, 255, 248);
	font-size: small;
}

.letras-pequenas { font-size: x-small; }
.letras-ainda-mais-pequenas { font-size: xx-small; }
.letras-grandes { font-size: large; }
.letras-ainda-maiores { font-size: x-large; }

form { border: 1px solid rgb(255, 204, 102); }

p, h1, h2, h3, h4, h5, h6 { margin: 4px; padding: 4px; display:block; }

a { text-decoration: none; color: #006600; /* um verde escuro */ }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline overline; background-color:#CCCC00; color: #006600; }
a:active { text-decoration: none; }

a.block { display:block; }

table {
	border-width: 0px;
	padding: 2px;
	margin: 2px;
}

tr {
	vertical-align: top;
}

img { margin: 0px; border-width: 0px; }

/* *********************************************************************** */

/* alguns estilos proprios para usar pelo portal fora */

/* destaque do username do utilizador */
.username {
	font-weight: bold;
	font-style: italic;
	font-family: "Comic Sans MS";
}

/* uma barra contornada a verde, a imitar efeito de sombra */
.barra {
	border-style: dotted solid solid dotted;
	border-color: rgb(0, 51, 0); /* verde escuro */
	border-width: thin thin 2px;
    background-color: rgb(238, 238, 238);
	font-size: small;
	display: block;
}



/* cabecalho */
div.cabecalho { border-bottom: 2px ridge rgb(65, 78, 103);
	margin: 0px;
	padding: 2px;
    color: rgb(255, 255, 255);
    clear: both;
    background-color: rgb(0, 102, 0);
}

.cabecalho a, .rodape a { color: rgb(255, 255, 255); }
.cabecalho a:hover, .rodape a:hover {
	text-decoration: underline overline;
	background-color:#CCCC00;
	color: #006600;
}
.cabecalho a:visited, .rodape a:visited { }
.cabecalho a:active, rodape a:active { }

/* rodape */
div.rodape { border-top: 2px ridge rgb(65, 78, 103);
	margin: 0px;
	padding: 2px;
    color: rgb(255, 255, 255);
    clear: both;
    background-color: rgb(0, 102, 0);
}


/* uma unica coluna ao centro da pagina */

div.coluna-unica {
	border-style: dotted solid solid dotted;
    border-color: rgb(51, 51, 51); /* cinza escuro */
    border-width: 2px;
    margin: 6px 5%;
    padding: 6px;
    clear: both;
    font-weight: inherit;
	font-size: inherit;
    min-width: 400px;
    background-color: rgb(248, 248, 248);
}

.coluna-esquerda h1, .coluna-direita h1, .coluna-central h1, coluna-centro-direita h1, .coluna-unica h1 { background-color:#336633}
.coluna-esquerda h2, .coluna-direita h2, .coluna-central h2, coluna-centro-direita h2, .coluna-unica h2 { background-color:#AAAAAA}
.coluna-esquerda h3, .coluna-direita h3, .coluna-central h3, coluna-centro-direita h3, .coluna-unica h3 { background-color:#BBBBBB}
.coluna-esquerda h4, .coluna-direita h4, .coluna-central h4, coluna-centro-direita h4, .coluna-unica h4 { background-color:#CCCCCC}
.coluna-esquerda h5, .coluna-direita h5, .coluna-central h5, coluna-centro-direita h5, .coluna-unica h5 { background-color:#DDDDDD}
.coluna-esquerda h6, .coluna-direita h6, .coluna-central h6, coluna-centro-direita h6, .coluna-unica h6 { background-color:#EEEEEE}
.coluna-esquerda table, .coluna-direita table, .coluna-central table, .coluna-centro-direita table, .coluna-unica table {
	width:95%;
}



/* coluna estreita encostada a esquerda */
div.coluna-esquerda {
	width: 180px;
	float: left;
	clear: left;
	margin: 4px;
	padding: 0px;
	border-color: rgb(51, 51, 51);
	border-style: dashed dashed solid dashed;
	border-width: thin thin 2px thin;
    background-color: rgb(255, 255, 255);
}


/* coluna estreita encostada a esquerda, mas colocada no extremo direito */
div.coluna-direita {
	width: 220px;
	min-width:150px;
	float: left;
    background-color: rgb(238, 238, 238);
	margin: 4px;
	padding: 0px;
}


/* coluna central estreita */
div.coluna-central {
	min-width:150px;
	width: 350px;
	float: left;
	margin: 4px;
	padding: 0px;
    background-color: rgb(238, 238, 238);
}


/* coluna que ocupa a regiao central e a direita */
div.coluna-centro-direita {
	width: 570px;
	min-width: 250;
	float: left;
	border-color: rgb(51, 51, 51);
	border-style: dashed dashed solid dashed;
	border-width: thin thin 2px thin;
	margin: 4px;
	padding: 2px;
    background-color: rgb(248, 248, 248);
}


/* para conter uma pagina web a partir da base de dados */
.pagina-web {
	margin: 4px;
	padding: 2px;
	display:table-row;
	width:100%;
}



/* uma caixa */
.caixa_fundo {
	border-color: rgb(0, 51, 0);
	border-top: 2px dotted rgb(0, 51, 0);
	border-bottom: 1px solid rgb(0, 51, 0);
	font-size: x-small;
	font-style: italic;
	background-color: rgb(232, 232, 232);
	display: block;
}

.caixa_pequena {
	padding: 0px;
	margin: 4px;
	background-color:#FFFFFF;
}
.caixa_pequena td {
	border-color: #006600;
	border-width: 1px;
	border-style: dotted;
}


.caixa_media {
	border-color: #006600;
	font-size: small;
	font-style: italic;
	border-width: 1px;
	border-style: dotted;
	padding:0px;
	margin: 4px;
}

.caixa_media th { background-color:#006600; border-bottom: 1px solid #006600; display:block; width:100%; }
.caixa_media td { background-color:#FFFFFF; border-bottom: 1px solid #006600; display:block; width:100%; }

/* uma tabela usada como menu de navegacao */

.nav-menu td {
	background-color: #CCFF99;
	font-weight: bold;
	border-color: #006600;
	border-width: 1px;
	border-style: solid;
}

.nav-menu a { display:block; text-decoration: none; }
.nav-menu a:hover { display:block; background-color: #006600; color: #CCCC00; }
.nav-menu a:visited {  }
.nav-menu a:active { background-color: blue; }