html, body {

margin: 0;

padding: 0em;

font-family: Arial, Verdana, sans-serif;

color: #1b1818;

width: 100%;

}



#area-principal {

width: 675px;

padding-right: 5px;

padding-left:0px;

float:right;

background-image: url(../img/marca-agua-01.gif);

background-position: bottom right;

background-repeat: no-repeat;

}



#area-principal ul li {

	list-style-image: url(../img/marca.gif);

	line-height: 1.8em

}



#area-principal p {

  	line-height: 1.8em;

	font-family: "Trebuchet MS", Trebuchet, sans-serif;

	text-align: justify;



}



#here {

  	margin:0em;

	line-height:0em;

	padding:0em 1.8em;

	font-size:0.7em;

	font-family:"Trebuchet MS", Trebuchet, sans-serif;

}



#area-principal h1 {

	padding: .2em .0em .0em .5em;

	margin-bottom:0em;

	margin-top:.3em;

	border-top:.1em solid #313131;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:2em;

	color: #313131; 

}



#area-principal h2 {

	text-align:right;

	padding: 0em .1em .2em .1em;

  	line-height: 1.2em;

	border-bottom:.3em solid #fecd08;

	letter-spacing: .1em;

	font-family: "Trebuchet MS", Trebuchet, sans-serif;

	font-size:1em;

}



/* imagens - fixar à direita (drt) e à esquerda (esq) */



img.drt {

	padding:1em;

	margin:1em;

	border-top:.1em solid #fecd08;

	border-bottom:.1em solid #fecd08;

	float:right;

	background-color: white;

}

img.esq {

	padding:1em;

	margin:1em;

	border-top:.1em solid #fecd08;

	border-bottom:.1em solid #fecd08;

	float:left;

	background-color: white;

	}

	

acronym {

   border-bottom: 0.1em dashed #fecd08; 

}





span[lang] {font-style: italic;}



.hiddenStructure {

display: block;

background: transparent;

background-image: none; /* safari bug */

border: none;

height: 1px;

overflow: hidden;

padding: 0;

margin: -1px 0 0 -1px;

width: 1px;

}

.escuro {

	font-weight: bold;

}



.assinatura {

	font-style: italic;

	float: right;

	text-align:right;

}



#corpo-site {

background-color: white;

padding-top: 20px;

margin-left: 50px;

margin-right: 50px;

min-width: 678px;

overflow: hidden;

}



#logo {

	border: none;

float: left;

width: 155px;

margin-left: 30px;

}



#cabecalho { 

  margin: 0 0 0 225px;

  padding: 0;

  background-color: #fecd08;

  clear: none;

}



#idioma {

	font-size: 12px;

	text-align: right;

}



#barra-ajuda {

height:1.5em;

}

#barra-ajuda ul {

height: 1.5em;

text-align: right;

float: right;

clear: none;

padding-right: 15px;

margin: 0;

}

#barra-ajuda ul li {

display: inline;

margin-left: 8px;

}

#barra-ajuda ul > li  > .activo {

color: #1b1818;

font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, Sans-Serif;

text-decoration: underline;

font-weight: bold;

}

#barra-ajuda ul > li > a, #barra-ajuda ul > li > a:visited {

text-decoration: none;

color: #1b1818;

font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, Sans-Serif;

}

#barra-ajuda ul > li > a:hover {

text-decoration: underline;

}

#data {

float: left;

margin: 0;

padding-left: 225px;

text-transform: uppercase;

display: none;

width: 20em;

}

#data img{

	float: rigth;

}

/* usar como introdução / descrição na área principal */

.desc {

font-size: 1.27em;

color: #fecd08;

font-weight: bold;

}







.menu-principal {

font-family: Arial, Verdana, sans-serif;

}

.menu-principal ul {

	width:20%;

	margin:0em 0em 0em 0em;

	padding:.5em .1em 0.5em 1.5em;

	font-size:0.9em;

	list-style:square;

	list-style-position:inside;

}



.menu-principal ul > li {

	margin-bottom:0.2em;

}



.menu-principal h2 {

	margin:.3em 0em 0em 0em;

	width:20%;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	border-left:.1em solid #313131;

	font-size:0.9em;

	background-color:#fecd08;

	padding:2em .3em 0.3em 0.3em;

}



#clear-menu {

clear: both;

background: black;

height: 10px;

margin-top: 30px;

}





#rodape {

width: 100%;

overflow: hidden;

padding-top: 15px;

padding-bottom: 30px;

font-size: 0.9em;

background-image: url(../img/marca-agua-02.gif);

background-position: top right;

background-repeat: no-repeat;

}

#margem {

padding-left: 20px;

vertical-align: top;

}

#margem img {

vertical-align: top;

}

#margem .simbolo-acessibilidade a {

vertical-align: top;

line-height: 4em;

}

#margem .simbolo-acessibilidade {

vertical-align: top;

padding-right: 20px;

}

ul.apoios, ul.apoios li {

display: inline;

margin: 0;

padding: 0;

}

.simbolo-acessibilidade {

display: inline

 }

p.direita {

float: right;

width: 28.5em;

padding-right: 1px;

margin: 0;

}

div.conformidade {

clear: both;

float: none;

padding: 5px 0;

}

#rodape a, #rodape a:visited {

color: #1b1818;

text-decoration: underline;

}

#rodape a:hover {

color: #fecd08;

text-decoration: underline;

}

#rodape .activo {

font-weight: bold;

}



#central {

text-align: center;

}

#central img{

text-align: center;

}



#area-principal .caixa {

	text-align:left;

	width:30%;

	background-color:#fecd08;

	border-bottom:.3em solid #000000;

	border-top:.3em solid #000000;

	border-left:1em solid #ffffff;

	border-right:1em solid #ffffff;

	float:right;

	margin: .5em .0em;

}



#area-principal .caixa h2 {

	text-align:center;

	padding:.1em;

	border-bottom:.1em solid #000000;

	font-family: arial, Trebuchet, sans-serif;

}



#area-principal .caixa p {

	text-align: left;

	margin-left: 3px;

}