html { height:100%;}

body  {
	margin:0 0 0 0;
}

/* a definicao da tag <a> simples, deve estar antes de todas as outras definições de tag composta
caso contrário anula todas as outras
ex.: a:link antes de a.titulo:link */
a:link { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E87B23;
	text-align:justify;
	text-decoration:none;
}
a:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E87B23;
	text-align:justify;
	text-decoration:none;
}
a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E87B23;
	text-align:justify;
	text-decoration:underline;
}

.notification  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3CB58C;
	font-weight:bold;
	border-left:2px solid #3CB58C;
}

.alert  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF7200;
	font-weight:bold;
	border-left:2px solid #FF7200;
}

.fundo1 { 
	background-image:url(images/fundo.gif);
	background-position:top right;
	background-color: #CCCCCC;
	font-family:verdana;
}

.fundo2 { 
	background-image:url(images/fundo.gif);
	background-position:top left;
	background-color: #CCCCCC;
	font-family:verdana;
}

.txt_10_branco  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

.txt_11_azul  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7287A0;
	text-align:left;
}

.txt_11_azul2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B4E65;
	text-align:left;
}

.txt_10_azul  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#3B4E65;
	text-align:left;
}

.txt_12_azul  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3B4E65;
	text-align:left;
	text-wrap: suppress;
	overflow:auto;
}

.txt_14_azul  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3B4E65;
	text-align:left;
}

.txt_14_laranja  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#E87B23;
	text-align:left;
}

.txt_20_laranja  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#E87B23;
	text-align:left;
}

.titulo  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#E87B23;
	text-align:left;
	border-left:2px solid #E87B23;
	padding-left: 5px;
	line-height: 2em;
}

a.titulo  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#E87B23;
	text-align:left;
	border-left:2px solid #E87B23;
	padding-left: 5px;
	line-height: 2em;
}

.titulo2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3B4E65;
	text-align:left;
	border-left:2px solid #3B4E65;
	padding-left:5px;
	line-height: 1.5em
}

.texto  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b4e65;
	text-align: justify;
	border-left: 2px solid #7287A0;
	padding-left: 5px;
	line-height: 1.2em
}

.caixa,
.caixa1,
.caixa2,
.caixa3,
.caixa4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #3b4e65;
	letter-spacing: 1px;
	/*height:11px;*/
}

.caixa,
.caixa4 {
	background-color:#A5BBD0;
	border-bottom:1px solid #EEEFF4;
	border-left:1px solid #3A5266;
	border-right:1px solid #EEEFF4;
	border-top:1px solid #3A5266;
}
.caixa {
	width:100px;
}
.caixa4 {
	width:90px;
}

.caixa1,
.caixa2 {
	background-color:#EDEFF0;
	border-bottom:1px solid #FEFFFF;
	border-left:1px solid #C3C6C8;
	border-right:1px solid #FEFFFF;
	border-top:1px solid #C3C6C8;
}
.caixa1{ width:250px; }
.caixa2{ width:150px; }

.caixa3{
	background-color:#A5BBD0;
	border-bottom:1px solid #EEEFF4;
	border-left:1px solid #3A5266;
	border-right:1px solid #EEEFF4;
	border-top:1px solid #3A5266;
	width:250px;
}

.form_text_input,
.form_text_input3,
.form_upload_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #3B4E65;
	background-color:#EDEFF0;
	border-bottom:1px solid #FEFFFF;
	border-left:1px solid #C3C6C8;
	border-right:1px solid #FEFFFF;
	border-top:1px solid #C3C6C8;
	letter-spacing: 1px;
}

.form_text_input,
.form_text_input3 {
	width:250px;
}

.img_pq  {
	border-bottom:1px solid #F3F4F9;
	border-left:1px solid #C3C5D2;
	border-right:1px solid #F3F4F9;
	border-top:1px solid #C3C5D2;
}

.pager,
.pager_on { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
}
.pager {
	color:#7287A0;
}
.pager_on {
	color:#E87B23;
}

a.pager:link { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7287A0;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
}

a.pager:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7287A0;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
}

a.pager:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7287A0;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
}

a.laranja:link { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E87B23;
	text-align:justify;
	text-decoration:none;
}

a.laranja:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E87B23;
	text-align:justify;
	text-decoration:none;
}

a.laranja:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#E87B23;
	text-align:justify;
	text-decoration:underline;
}

a.branco:link { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

a.branco:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

a.branco:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	text-decoration:underline;
}


/* novos estilos */

#cabecalho {
	background-color: #CCCCCC;
	width: 742px;
	height: 186px;
	position: relative;
}

#logotipo {
	background: #B8C2CE;
	border-right: 1px solid white;
	width: 187px;
	height: 186px;
	position: relative;
	float: left;
}

#flashmenu {
	background: #336699;
	width: 554px;
	height: 186px;
	position: relative;
	float: left;
}

#menu {
	position: absolute;
	margin: 0;
	background-color: #CCCCCC;
	width: 742px;
	height: 22px;
	padding: 0.2em 0;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	top: 140px;
	/*left: 0px;*/
	float: left;
	/*z-index: 1;*/
}

#menu1 ul {
	/*position: fixed;*/
	padding: 0.2em 0;
	margin: 0;
	background-color: #CCCCCC;
	float: right;
	height: 14px;
	font-size: 12px;
	color: #3b4e65;
	text-transform: uppercase;
}

#menu1 ul li {
	font-size: 14px;
	display: inline;
}

#menu1 ul li a
{
	font-size: 11px;
	font-weight: bold;
	padding: 0 0.6em;
	background-color: #CCCCCC;
	color: #3b4e65;
	text-decoration: none;
	float: left;
	border-left: 1px solid #7287a0;
	height: 14px;
}

#menu1 ul li a:hover
{
	color: #cc6600;
}

/* < Menu automatico > */
#menu-automatico {
	margin: 0;
	padding: 0.2em 5px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

#menu-automatico ul {
	padding: 0.2em 0;
	margin: 0;
	font-size: 12px;
	color: #3b4e65;
	text-transform: uppercase;
}

#menu-automatico ul li {
	font-size: 11px;
	display: block;
}

#menu-automatico ul li a
{
	font-size: 11px;
	display: block;
	font-weight: bold;
	padding: 0px 5px; /* distancia do border-left ao texto */
	margin: 5px 0 0 0; /* separacao entre linhas do menu */
	color: #3b4e65;
	text-decoration: none;
	border-left: 1px solid #7287a0;
	height: 14px;
}

#menu-automatico ul li a:hover
{
	color: #cc6600;
}
/* </ Menu automatico > */


/* sectores do conteudo */
.cor-sector-1 {
	padding: 0 0 6px 0;
	margin: 0px;
	border-bottom: 1px solid white;
}
.cor-sector-2 {
	padding: 0px;
	margin: 0px;
	border-right: 1px solid white;
}
.cor-sector-3 {
	padding: 0px 6px;
	margin: 0;
}
.cor-sector-4 {
	padding: 0px;
	margin: 0px;
	border-right: 1px solid white;
}
.cor-sector-5 {
	padding: 6px 0 0 0;
	margin: 0px;
	border-top: 1px solid white;
}

.button	{
	width: 80px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #3b4e65;
	border-style: outset;
	background: #a5bbd0;
	margin: 2px;
	font-size: 12px;
	color: #3b4e65;
	font-weight: bold;
	text-align: center;
}
.button:hover {
	color: #a5bbd0;
	background: #3b4e65;

}

.button-text	{
	color: #a5bbd0;
	background: #a5bbd0;
	text-align: center;
}
a.button-text {
	text-decoration: none;
}
a.button-text:hover {
}
a.button-text:visited {
}


/* begin - formulario de contacto */
.formulario {
	font-size: 12px;
	color: #3b4e65;
	padding: 0px;
	border: solid 1px #3b4e65;
	border-style: inset;
	background: #a5bbd0;
	margin: 0px;
}
/* end - formulario de contacto */

/* usado nas paginas de erro */
.tabela02 {
	font-size: 12px;
	color: #E87B23;
	padding: 3px;
	border: solid 1px #cccccc;
	background: #eeeeee;
	margin: 2px;
	text-align: center;
}

.barra_azul  {
	border-left:2px solid #3B4E65;
	padding-left:5px;
}
.barra_azul_claro  {
	border-left:2px solid #7287A0;
	padding-left:5px;
}
.barra_laranja  {
	border-left:2px solid #E87B23;
	padding-left:5px;
	height: 40px;
}

.margem_5 {
	padding: 5px;
}

.login_msg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B4E65;
	text-align:left;
	padding: 5px 0;
}
.titulo_menu {
	background-color: #E87B23;
	background-image: url(../images/fundo_titulo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 23px;
	line-height: 23px; /* igual ao height para centrar o texto verticalmente. Só bem funciona para texto que cabe todo numa linha. */
	width: 187px;
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	float: left;
	
	/* < deslocação do texto do título para a esquerda > */
	text-indent: 12px !important; /* Outros */
	text-indent: 0; /* IE */
	padding-left: 0 !important; /* Outros */
	padding-left: 12px;	/* IE */
	/* </ deslocação do texto do título para a esquerda > */
	
	text-align: left;
	text-decoration: none; /* evita o sublinhado do link */
}
/* < SOMBRAS EM IMAGENS  > */
.blur{
   background: transparent url(images/shadow1.png);
/*rota para o 80%-transparente 1x1 pixel colorido em preto */
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
	 width: 132px;
}

.shadow{
   background: transparent url(images/shadow2.png);
/*rota para o 60%-transparent 1x1pixel colorido em preto */
   color: inherit;
}

.shadow,
.content{
   position: relative;
   bottom: 2px;
   right: 2px;
}

/* usado para o Internet Explorer */
.content{
   background-color: #fff; /*background color of content*/
   color: #ccc; /*text color of content*/
   border: 1px solid #ccc; /*border color*/
   padding: 5px;
	 width: 132px; 
}

/* Usado para os outros browsers. Não é visível pelo Internet Explorer */
html>body .content{
   background-color: #fff; /*background color of content*/
   color: #ccc; /*text color of content*/
   border: 1px solid #ccc; /*border color*/
   padding: 5px;
	 width: 120px; 
} 

/* </ SOMBRA EM IMAGENS > */

/* < ALTURA MÍNIMA DE UM DIV >

Garante uma altura mínima para o interior de um div.
Uso:
<div class="content">
	<div class="prop min60px"></div>
		<img width="100" height="53" border="0" alt="image-name" src="image.jpg" />
	<div class="clear"></div>
</div>

*/
.prop {
    float:right;
    width:1px;
  }

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.min60px {
	height:60px;
}

.min100px {
	height:100px;
}

.min150px {
	height:150px;
}
/* </ ALTURA MÍNIMA DE UM DIV > */

/* < TITULO DO MENU AUTOMATICO > */
#box-menu a {
	background-color: #E87B23;
	background-image: url(../images/fundo_titulo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 23px;
	line-height: 23px; /* igual ao height para centrar o texto verticalmente. Só bem funciona para texto que cabe todo numa linha. */
	width: 187px;
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	float: left;
	
	/* < deslocação do texto do título para a esquerda > */
	text-indent: 12px !important; /* Outros */
	text-indent: 0; /* IE */
	padding-left: 0 !important; /* Outros */
	padding-left: 12px;	/* IE */
	/* </ deslocação do texto do título para a esquerda > */
	
	text-align: left;
	text-decoration: none; /* evita o sublinhado do link */
}
/* </ TITULO DO MENU AUTOMATICO > */