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;
}