/* CSS to Screen Media */



/*this version uses absolute/relative positioning between the side columns and their respective faux column containers. */

/* the content is first in the markup followed by the two side columns*/

/* this "content-first" markup is good for accessability and search engine optimization */

body {
	font: 100%/120% "Gill Sans MT", "Gill Sans", GillSans, Verdana, sans-serif;  /* overal font and sizing */
	text-align:center; /* centers the layout in IE */
}

* {margin:0; padding:0;} /* removes defaults of all elements */

div#mainwrap {min-width:790px; max-width:960px; /* sets the max and miin widths */

	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */

	text-align:left; /* stops elements inheriting the body's text-center */

	}

div#header {height:125px; background:url(image/cabecalho.jpg) no-repeat top right;} /* tempoarary placeholder styles for header */

div#contentarea {

	background-color:#FFF;

	background:url(backcolor.JPG) repeat-y top left;

	position:relative;

	top:0px;

	}

div#contentarea2 {background-color:#FFF; /* ensures bg is white if faux graphic doesn't load */

	background:url(backcolor2.JPG) repeat-y top right; /* faux columns graphic right column */

	position:relative; /* set positioning context  for right sidebar div */

	}

div#column1 {

	border-top:3px solid #4F75AC;

	width:200px; /* left col width */

	position: absolute; /* contextual positioning in contentarea container */

	top:0px; left:1px; /*positions col within contentarea container */

	overflow:hidden; /* prevents overlarge elements breaking out of column */

	}



div#column2 {

	background-image: url(backcolor2.JPG);

	background-repeat: repeat;	

	margin:0 240px 0 200px; /* left and right margins to make room for sidebars */

	padding:0em 2em 1em 1em;

}

div#column3 {width:240px;

	padding:0.2em 0.2em 2em 2em;

	border-top:3px solid #4F75AC;

	font-size:80%; 

	position:absolute;  /* contextual positioning in contentarea container */

	top:0px; right:0px; /*positions col within contentarea container */

	overflow:hidden; /* prevents overlarge elements breaking out of column */

	}

div#footer {border-top:2px dashed #4F75AC; background-color:white; color:#4F75AC; text-align:center; font-size:75%; padding-top:6px;} /* temp footer styles */



/* some basic styles for placeholder content */

div#column1 ul {margin: 20px 0 0 26px;} 



div#column2 p {line-height:1.7em; margin:0em 0.3em 1em 0em;}

div#column2 h3 {line-height:1.2em; font-family: "Gill Sans MT", "Gill Sans", GillSans, Verdana, sans-serif;	font-weight:normal; font-size:1.5em; letter-spacing:0.1em; border-top:1px dashed; border-left:1.5em solid; padding:0.2em 0em 0em 1em; margin-bottom:0.6em}

div#column2 ul {line-height:1.7em; padding:2% 5% 2% 15%; list-style:square;}

div#column2 ol {line-height:1.7em; padding:2% 5% 2% 15%;}



div#column3 p {line-height:1.7em; margin:20px 10px 0 10px;}

div#column3 dt {font-weight:bold; font-size:1.4em; letter-spacing:0.05em; padding:0.2em 0em 0.6em 0em}

div#column3 h3 {line-height:1.2em; margin:1em 0em; color:#4F75AC}

div#footer img {border:0em;}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* simply add the clearfix class to any containter that must enclose floated elements */

/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

    content: ".";              /* the period is placed on the page as the last thing before the div closes */

	display: block;          /* inline elements don't respond to the clear property */ 

    height: 0;                  /* ensure the period is not visible */

    clear: both;               /* make the container clear the period */

    visibility: hidden;	     /* further ensures the period is not visible */

}



.clearfix {display:inline;}   /* a fix for IE Mac */



/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */



/* Menú que contém o motor de busca */

div#menu_busca {text-align:right; border-bottom:1px solid #4F75AC; background:url(backmenu.gif) no-repeat bottom left;} 

div#menu_busca a {color:#4F75AC}

div#menu_busca li {line-height:2.5em; display:inline; background-color:#FFFFFF; padding-left:3px;}

div#menu_busca form {display:inline; padding:2px; margin:0px;}

div#menu_busca p {display:inline;}



/* Secção: Conformidade Web */



div#conform {text-align:center; padding:0em 0em 2em 0em; margin:1em 0em; border-top:2px solid #4F75AC; border-bottom:2px solid #4F75AC}

div#conform h2 {font-size:60%; letter-spacing:0.4em; text-align:right; padding:0.5em;}

div#conform ul {list-style:none}

div#conform img {border:0em;}



/* Esconder um elemento */

.hide {	

	position:absolute;

	left:0px;

	top:-500px;

	width:1px;

	height:1px;

	overflow:hidden;

}



/* lista do menú principal */



div#listcontainer {width:180px; font-size:100%; margin-left:0.2em; padding-top:1em; padding-bottom:1em;}

div#listcontainer ul {margin:0em; list-style:square;}

div#listcontainer li {padding:0.1em; margin:0.5em;}

div#column1 li.titulo {list-style:none;}

div#column1 h3 {font-size:100%; border-top:2px solid #4F75AC; padding-top:2px;}

div#listcontainer a {text-decoration:none; border-bottom:1px dashed #4F75AC;}



/* Estilo de Secções H2 */

.seccao {font-size:70%; letter-spacing:0.2em; text-align:right; padding:0.5em;}



/* Estilos de links e referencia dos destaques */

div#column2 p.ligacao {clear:both; font-size:85%; text-align:right; border-bottom:2px solid #4F75AC; margin:1em 0em 0em 0em; padding:0em;}

div#column2 p.referencia {font-size:85%; text-align:right; margin:0em 0em 1em 0em; padding:0em;}



/* Alinhamento das Imagens */

.imgdrt {float:right; margin-left:1em; margin-bottom:1em; padding:0.5em; border:1px dashed #4F75AC; background-color:white;}

.imgesq {float:left; margin-right:1em; margin-bottom:1em; padding:0.5em; border:1px dashed #4F75AC; background-color:white;}

.imgctr {padding:0.5em; border-top:1px dashed #4F75AC; border-bottom:1px dashed #4F75AC; background-color:white;}



/* Formulário Hera, Examinator e AccessMonitor*/

form#examinator {margin:1em 0em; padding:0.5em 0em; border-top:1px dashed #4F75AC; border-bottom:1px dashed #4F75AC}
form#examinator legend {font-size:1.5em; border:1px solid #4F75AC; background-color:#4F75AC; color:#FFFFFF; padding:0.5em}
form#examinator fieldset {padding:0.5em; border:1px outset #4F75AC; text-align:right}

form#hera {margin:1em 0em; padding:0.5em 0em; border-top:1px dashed #4F75AC; border-bottom:1px dashed #4F75AC;}
form#hera legend {font-size:1.5em; border:1px solid #4F75AC; background-color:#4F75AC; color:#FFFFFF; padding:0.5em}
form#hera fieldset {padding:0.5em; border:1px solid #4F75AC; text-align:center;}

form#accessmonitor {margin:1em 0em; padding:0.5em 0em; border-top:1px dashed #4F75AC; border-bottom:1px dashed #4F75AC;}
form#accessmonitor legend {font-size:1.5em; border:1px solid #4F75AC; background-color:#4F75AC; color:#FFFFFF; padding:0.5em}
form#accessmonitor fieldset {padding:0.5em; border:1px solid #4F75AC; text-align:right;}


/* Ranking Webax */

div#ranking_webax  {padding:1em 0.5em 1em 0.5em; border-bottom:0.1em dashed #4F75AC; border-top:0.1em dashed #4F75AC}

div#ranking_webax dt {font-size:1em; padding:0em 0.5em 0em 0.5em}

div#ranking_webax dd {text-align:right; font-size:0.9em; padding:0em 0.5em 0em 0.5em}

div#ranking_webax p {text-align:right; font-size:1.2em; padding:0em 0.5em 0em 0.5em}



/* Citações longas */

blockquote {padding:1em 0.5em 1em 2em; font-style:italic}



/* Citações curtas */

q, *[lang] {font-style:italic}



/* acrónimos e abreviaturas */

acronym, abbr { font-style:italic; color: #20003B}



.salientar {color:#CC0000; font-size:80%;}



/* Galeria */



.painel {

	padding:1em;

	margin:0.2em 1em;

	background-color: #FFFFCC;

	border:1px solid black;

}

.painel ul {width:308px; margin:0em; padding:0em }

.painel ul li {float: left; list-style:none; margin:0em; padding:0em;}

.painel ul li a img {border:0em; margin:0em;padding:0em;}

.painel ul li a { margin:0em; padding:0em;}

p.painel_footer { border-top:1px solid black; text-align:right; font-size:90%; clear:both; padding: 0.1em 1em; font-size:90%}

p.painel_header {border-top:1px solid black; border-bottom:2px solid black; text-align:right; }