/*****************************************************
 * screen.css                                        *
 * criado por: Clara Porfirio, Bruno Monteiro (GAEL) *
 * alterado por: Nuno Fernandes, Carlos Pereira      *
 *****************************************************/

body {
font: 11px "bitstream vera sans", "Lucida Grande", 
"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #030303; background: #a2aebc; margin: 0; padding: 0; }
	
/**********
 * titles *
 **********/

h1 {
clear: both;
font: 18px "bitstream vera sans", "Trebuchet MS", 
Verdana, Arial, Helvetica, sans-serif; 
color: #069; 
margin: 1.5em 0 0.5em 0; }
	
h2 {
clear: both;
font: bold 14px "bitstream vera sans", "Trebuchet MS",
Georgia, Arial, Helvetica, sans-serif;
color: #c30;
margin: 0.8em 0 0.2em 0; }

h3 {
clear: both;
font: bold 12px "bitstream vera sans", "Lucida Grande",
"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin: 0.5em 0 0.2em 0; }

img { border: 0; }

/*********
 * links *
 *********/

a:link, a:visited, a:active { text-decoration: underline; color: #069; }
	
a:hover { text-decoration: none; color: #039; }

/*****************************************
 * header data: header ids and img class *
 *****************************************/

#header { height: 100px; background: #eae7e4; }
	
#header_left { position: absolute; left: 40px; top: 20px; width: 100px; }

#header_center { position: absolute; left: 155px; top: 5px; width: 150px; }

#header_right { position: absolute; right: 20px; top: 25px; 
	width: 100px; text-align: center; }

/*****************************
 * top data: lists and links *
******************************/

#top { background: #a2aebc; }

#top ul { margin: 0; padding: 0 0 0 156px; white-space: nowrap; }

#top ul li { font: bold 11px "bitstream vera sans", "Lucida Grande", 
	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	list-style: none; float: left; margin: 0; padding: 0; 
	line-height: normal; }

#top a:link, #top a:visited {
	float: left;
	font: bold 11px/16px "bitstream vera sans", "Lucida Grande", 
	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #45556A;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	margin: 0; }
	
#top a:link.active, #top a:visited.active { color: #fff; background: #004B7B; }
	
#top a:hover { 
text-decoration: none; 
background: #C6CACF; 
color: #333; }
	
/************************
 * main data: container *
 ************************/

#main { 
position: relative; 
clear: both;
padding: 1em 2em;
background-color: #fff; }

#main img { float: left; margin-right: 20px; margin-bottom: 20px; }

/*********************************
 * lateral data: lists and links *
 *********************************/

/*************************************
 * footer data: footer ids and links *
**************************************/

#footer {
	height: 20px;
	font: 10px "bitstream vera sans", "Lucida Grande", 
	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-top: 15px solid #004B7B;
	background: #a2aebc;
	padding: 5px 10px 5px 10px; }

#footer_links, #footer_copy { margin: 0px; padding: 0px; }
	
#footer_links { float: left; width: 30%; text-align: left; }

#footer_copy { float: right; width: 50%; text-align: right; }

#footer a:link, #footer a:visited { text-decoration: none; color: #fff; }

#footer a:hover { color: #fff; text-decoration: underline; }

/*******************************
 * text and other util widgets *
 *******************************/

.inline { display: inline;}

.clear { clear: both; }

.center { text-align: center; }

ul.contacts {
padding: 0.5em 0 2em 0.5em;
clear: both;
}

ul.contacts li {
background: #fff;
font-size: 1.0em;
padding: 0.3em 0.5em;
margin: 0;
display: block;
float: left;
width: 22em;
border-bottom: 1px #058 solid;
}

ul.contacts li:first-child {
border-left: 1px #058 solid;
}

ul.contacts li.tele {
width: 10em;
}

ul.contacts li a {
text-decoration: none;
}

p { margin: .3em 0; padding: .3em 0; }

ul, ol { margin: 0; padding: 0 0 0 1.5em; }

li {
margin: 0.5em 0;
padding: 0;
list-style-type: disc; }

table { width: 100%; }

div.caption { clear: both; background-color: #eee; }

div.red { color: #f00; display: inline; padding: 0.5em 0.5em 0.5em 0; }
div.green { color: #3a3; display: inline; padding: 0.5em 0.5em 0.5em 0; }
div.orange { color: #fa6; display: inline; padding: 0.5em 0.5em 0.5em 0; }

a.red { color: #f00; }
a.green { color: #5a5; }
a.orange { color: #fa6; }