html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	height:100%;
	margin:0 auto;
	padding:0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background-color:white;/*#f6f6f6;*/
	/*
	background:url(/UserFiles/Image/sistema/background-fixed.jpg.) top center no-repeat;
	background-attachment:fixed;
	background-size:100% 100%;*/
}
div {
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	behavior: url('/design/css/iepngfix.htc');
}

table {
	margin:0;
	padding:0;
	border: none;
}
td {
	margin:0;
	padding:0;
	line-height: 1.5;
	color: #000;
	vertical-align:top;
}
.tabela_conteudo td{
	padding:2px 5px;
}
.tabela_imagens{
	margin: 0 auto;
}
.tabela_imagens td{
	padding:3px 3px;
}

img {
	border: none;
	behavior: url('/design/css/iepngfix.htc');
}

h1, h2, h3, h4, h5, h6 {margin: 0; color: #000; font-weight:normal;}
h1	{ font-size: 22px; }
h2	{ font-size: 19px; }
h3	{ font-size: 16px; }
h4	{ font-size: 12px; }
h5	{ font-size: 10px; }
h6	{ font-size: 8px; }
p	{ color: #000;font-size: 12px; margin:0.5em 0; }

/* Barras de titulo */
.caixa_1, .caixa_2, .caixa_3, .caixa_4{
	font-size: 19px;
	padding:10px;
	position: relative;
	display: block;
}
	/* Letras vermelhas com fundo cinza */
.caixa_1{
	background-color: #ddd;
	border:#c1c1c1 solid 1px;
	color: #e41a15;
	text-align:center;
}
.caixa_1 a, .caixa_1 a:hover{
	color: #e41a15;
}
.caixa_2{
	background-color: #fff;
	border:#e41a15 2px dashed;
	color: #e41a15;
	text-align:center;
}
.caixa_2 a, .caixa_2 a:hover{
	color: #e41a15;
}
.caixa_3{
	background-color: #fff;
	border:#c1c1c1 solid 1px;
	border-left:#e41a15 solid 4px;
	color: #e41a15;
	text-align:left;
}
.caixa_3 a, .caixa_3 a:hover{
	color: #e41a15;
}
.caixa_4{
	background-color: #B31013;
	border:#980E10 solid 1px;
	color: #fff;
}
.caixa_4 a, .caixa_4 a:hover{
	color: #fff;
}

/* Caixas de texto */
.caixa_5, .caixa_6, .caixa_7, .caixa_8{
	padding:20px;
	position: relative;
	display: block;
	border:#c1c1c1 solid 1px;
	color: #000;
}
.caixa_5, .caixa6{
	background-color: #fff;
}
.caixa_5{
	border-top:#e41a15 solid 4px; /* vermelho */
}
.caixa_5 a, .caixa_5 a:hover{
	color: #1785ba;
}
.caixa_6{
	border-top:#0087cb solid 4px; /* azul */
}
.caixa_6 a, .caixa_6 a:hover{
	color: #9C0E13;
}

.caixa_7{
	border:#c1b0b0 solid 1px;
	border-top:#e41a15 solid 4px; /* vermelho */
	background-color: #f2eaea;
	color: #7d0f0c;
}
.caixa_7 a, .caixa_7 a:hover{
	color: #1785ba;
}
.caixa_8{
	border:#b0b8c1 solid 1px;
	border-top:#0087cb solid 4px; /* azul */
	background-color: #ECF0F4;
	color: #37516E;
}
.caixa_8 a, .caixa_8 a:hover{
	color: #37516E;
}

/* Textos coloridos */
.cor_1, .cor_2, .cor_3, .cor_4, .cor_5{ 
	font-weight: normal;
}
.cor_1{
	color: #b31013; /* Vermelho escuro */
}
.cor_2{
	color: #7d0f0c; /* Vermelho */
}
.cor_3{
	color: #980e10; /* Vermelho carmim */
}
.cor_4{
	color: #37516e; /* Azul */
}

.fundo-cinza{
	padding:5px;
	background-color: #999999; /* Old browsers */
}
.fundo_cinza_claro{
	background-color: #ade9ff;
	color: #111111;
}


a {
	color: #1785BA;
	text-decoration: none;
}
a:active, a:focus, input[type="image"] {
	outline: 0;
}
a:hover {
	color: #1785BA;
	text-decoration: underline;
}

input[type=button], input[type=submit], input[type=reset]{
	display:inline-block;
	color: #fff;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:3px 10px;
	cursor:pointer;	
	border:0;
	background-color: #e41a15; /* Old browsers */
}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
	color: #ffffff;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color: #e41a15; /* Old browsers */
	position:relative;
	top:1px;
}


.sector-1, .sector-5 {
	padding: 0;
	margin: 0;
	text-align: top;
}
.sector-2, .sector-3, .sector-4 {
	padding: 0;
	margin:0 auto;
	text-align: top;
	overflow: hidden;
	display: inline-block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.sector-3 {
}
.sector-4 {
}
.sector-5 {
}

#linha {
	margin: 10px 0;
}
html>body #linha {
	margin-top: 45px;
}
.linha-hor {
	width: 875px;
	height: 2px;
	background-color: #999999;
	border: none;
}

/* O #container e' necessario para a barra de fundo aparecer depois dos conteudos, e nao simplesmente fixa no fundo da janela do browser. */
#container{
	min-height:100%;
	position:relative;
}
#topBorder{
	height: 4px;
	width:100%;
	background-color:#e41a15;
/*	background: url('/design/image/head_bg.png') repeat-x;*/
	position: absolute;
	top:0px;
}
#leftBorder{
	position: absolute;
	z-index:-1; /* Necessario para o fundo da area lateral entrar por baixo da area de conteudos quando se diminui a largura do browser. */
	top:0;
	left:0;
	width:87px;
	height: 100%;
	/*background: url('/design/image/bg_brd_left.png') repeat-y;*/
}
#wrapper{
	padding:30px 0 0 0;
	height:100%;
	/*padding-left: calc(100vw - 100%);*/
	/* A bottom padding that is equal to (or slightly larger than) the height of the footer. */
	padding-bottom:140px;	/* Altura do footer. */
}
#siteWrapper{
	margin: 0 auto;
	width:100%;
}
/* Centra os DIVs a que esta aplicada */
.siteArea{
	margin:0 auto;
	width:960px;
	top:0px;
	padding-left: calc(100vw - 100%); /* impede que a pagina se desloque quando aparece a barra de deslocamento */
}
#corpo{
}
#rightBorder{
	position: absolute;
	z-index:-1;
	top:0;
	right:0;
	width:87px;
	height: 100%;
	/*background: url('/design/image/bg_brd_right.png') repeat-y right top;*/
}
#header{
	height: 90px; /* Altura do cabecalho */
}
/* Logotipo */
#logotipo{
	margin:10px 0 ;
	float:left;
}
#logotipo-in > a > img {
	height:90px;/* Tamanho do logotipo */
}
/* Slogan */
#slogan{
	margin:10px 0;
	float:right;
}
#slogan-in > img {
	height:90px;
}
/* Rodape */
#footerWrapper {
	position:absolute;
	bottom:0;
	width:100%;
	/* You must set the height of the footer div to something other than auto.
	Choose any height you like, but make sure the value is specified in pixels or ems within your CSS. */
	height:130px; /* Height of the footer */
	border-top:solid 5px #e41a15;
	color: #7d0f0c;
	background-color: #ddd; /* Old browsers */
}
#footer, #footer p{
	/*width:1134px;*/
	margin: 0 auto;
	color: #333;
}
#footer a{
	color: #7d0f0c;
}
#footer a:hover{
	text-decoration: underline;
}

.fx_erro {
	color: #cc0000;
	border: 1px solid #cc0000;
	background-color: #ffdddd;
	padding: 5px;
}
.fx_tabela02 {
	font-size: 12px;
	color: #E87B23;
	padding: 3px;
	border: solid 1px #cccccc;
	background-color: #eeeeee;
	margin: 2px;
	text-align: center;
}

/* Menu dos idiomas */
#menu_linguas {
	margin:0;
	padding:0;
	float: right;
}
#menu_linguas a, #menu_linguas a:link {
	border: none;
	text-decoration: none;
	position:relative;
	top:0;
	color: #999;
}
#menu_linguas a:visited {
	border: none;
	text-decoration: none;
	position:relative;
	top:0;
}
#menu_linguas a:hover {
	text-decoration: underline;
	color: #000;
}
#menu_linguas a.selected {
	color: #666;
	font-weight: bold;
}
#menu_linguas a.selected:hover {
	color: #000;
	font-weight: bold;
}
#menu_linguas a:active {
	color: #e41a15;
	position:relative;
	top:2px;
}

#loginSubmitButton{
	background-color: #e41a15;
	border-color: #e41a15;
	color: white;
}

/* Menu auto */
#box-menu{
	background-color: #e41a15;
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
	color: #fff;
	font-size: 13px;
	line-height:28px;
	font-weight:bold;
	position: relative;
	display: block;
}
#box-menu a{
	color: #fff;
	text-decoration: none;
	padding:0 10px;
	display: block; /* Faz o link ser sensivel em toda a caixa */
}
#box-menu a:hover{
	display: block; /* make the non-text portion of the menu clickable */
	color: #fff;
	background-color: #e41a15;
}
ul.menuAuto{
	list-style: none;
	width: 100%;
	background-color: #f0f0f0;
	padding: 0;
	margin: 0;
}
ul.menuAuto li{
	margin: 0;
}
ul.menuAuto li a{
	border-left: 5px solid #f0f0f0;
	color: #000;
	text-align: left;
	padding: 5px 10px 5px 6px;
}
ul.menuAuto li a:link, ul.menuAuto li a:visited{
	text-decoration: none;
	display: block; /* make the non-text portion of the menu clickable */
	height:1%; /* para o IE so apresentar uma linha */
}
ul.menuAuto li a:hover{
	border-left: 4px solid #e41a15;
	color: #e31a15;
	background-color:#ddd;
	font-weight:bold;
}
ul.menuAuto li a:active{
	padding-top: 6px;
	padding-bottom: 4px;
}

/* Menu de imagens */
.menuImagens {
	text-align:center;
}
.menuImagens ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	overflow: hidden;
	display: inline-block;
}
.menuImagens ul li{
	vertical-align:top;
	margin:4px;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	background-color:#f0f0f0;
	height:200px;
	display:inline-block;
	/*display: inline;*/
	float: left;
}
.menuImagens ul li a{
	font-size:1.2em;
	font-weight:bold;
	color: #e41a15;
	text-align:center;
	width:229px;/*183px;*/
	height:200px;
	border-bottom:4px solid #f0f0f0;
	border-radius: 5px;
}
.menuImagens ul li a span.legenda{
	color: #e41a15;
	text-align:center;
	padding: 0px 2px;
	width:229px;/*183px;*/
}
.menuImagens ul li a:hover span.legenda{
	/*color: #b31013;*/
}
.menuImagens ul li a:link, .menuImagens ul li a:visited{
	text-decoration: none;
	display: block; /* make the non-text portion of the menu clickable */
	height:1%; /* para o IE so apresentar uma linha */
	width:229px;/*183px;*/
	height:200px;
}
.menuImagens ul li a:hover{
	/*background-color: #e5c9c9;/*#93B233;*/
	/*color: #b31013;*/
	width:229px;/*183px;*/
	height:200px;
	border-bottom:4px solid #e41a15;
	border-radius: 5px;
}
.menuImagens ul li a:active{
	/*padding-top: 6px;
	padding-bottom: 4px;*/
	width:229px;/*183px;*/
	height:200px;
}
.menuImagens ul li a img{
	margin:2px;
	border-radius: 5px;
	width: 224px;/*179px;*/
	height: 149px;/*119px;*/
}

/* Caminho */
#caminho{
	padding: 5px 5px 10px 5px;
}
#caminho a{
	color: #000;
	font-size: 1.1em;
}
#caminho a.activePage{
    text-decoration: none;
    font-weight: bold;
}
#caminho a:hover{
    text-decoration: underline;
	color:#e41a15;
}

/* Menu principal */
#menu_principal{
	padding: 0;
	float: left;
	width: 100%;
	margin: 16px 0 10px 0;
	background: #e41a15;
}
/* ######### Neutral CSS  ######### */
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding-left: 4px;
	border: 0;
}
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 3px;
	left: 100px;
	border: 0;
}
/*  */
.ddiframeshim{
	position: absolute;
	z-index: 500;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}
/* Nav bar background */
.solidblockmenu ul{
	padding: 0;
	float: left;
	font-weight: bold;
	font-size:1.2em;
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	background: #e41a15;
/*	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;/*#1785BA; Azul claro*/
}
.solidblockmenu li{
	display: inline;
}
.solidblockmenu li a{
	float: left;
	color: #fff;
	padding: 8px 10px;
	text-decoration: none;
}
.solidblockmenu li a:visited{
	color: #fff;
}
.solidblockmenu li a.selected:visited{
	color: #fff;
}
.solidblockmenu li a:hover, .solidblockmenu li a.selected:hover{
	background: #b51412; /* Old browsers */
	display:inline-block;
	color:#fff;
	font-weight: bold;
	padding:8px 10px;
	text-decoration:none;
}
.solidblockmenu li a.selected{
	/* gradiente */
	background: #e41a15; /* Old browsers */
	display:inline-block;
	color:#fff;
	font-weight: bold;
	padding:8px 10px;
	text-decoration:none;
}
.solidblockmenu li a:active{
	color: #fff;
	/*background: transparent url(blockactive.gif) 0 -44px repeat-x; /* blockdefault.gif e' um sprite de 2 imagens com 43 de altura cada uma */
		
	/* gradiente */
	background: #e41a15; /* Old browsers */

	/* Efeito de afundar o botao quando se prime.
	position:relative;
	top:1px; */
}
/* ######### Drop Down DIVs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border: 1px solid #ddd; /* border externo */
	/* border-bottom-width: 1px; /* border externo */
	visibility: hidden;
	z-index: 100;
}
.ddsubmenustyle ul{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border: 0px none;
}
.ddsubmenustyle li a{
	border-left: 4px solid #f0f0f0;
	padding: 5px 10px 5px 6px;
	display: block;
	width: 190px; /*width of menu (not including side paddings)*/
	color: #000;
	background-color: #f0f0f0; /* Fundo de cada item do menu dropdown. Com definicao da transparencia. */
	opacity: 0.95;
	filter: alpha(opacity=95); /* For IE8 and earlier */
	text-decoration: none;
	border-bottom: 0px none ; /*solid #333;*/ /* border de baixo de cada item do menu dropdown */
	text-align: left; /* alinhamento do texto dos items */
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}
/* fundo do hover dos itens */
.ddsubmenustyle li a:hover{
	border-left: 4px solid #e41a15;
	color: #e31a15;
	background-color:#ddd;
	font-weight:bold;
}

/* Cria uma janela de visualizacao das imagens. Apresenta-as sempre em formato paisagem. As formato retrato aparecem cortadas. */
.crop {
	width: 180px;
	height: 135px;
	overflow: hidden;
	/* centra na vertical */
	position:relative;
	border-radius: 10px;
	margin:auto;
}
.crop img {
	width: 180px;
	/* centra na vertical */
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
}
/* hack for FF */
@-moz-document url-prefix() {
    .crop img {
		/* centra na vertical */
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}
/* Aspas gigantes em H3 */
blockquote {
	border:none;
	margin-bottom:-30px;
	position: relative; 
	max-width: 400px; 
    margin: 0 auto; 
    padding-left: 0.4em; 
}
blockquote h3 {
    font-size:21px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
blockquote h3:before { 
    content: "\201C";
    font-weight: bold;
    font-size:100px;
    position: absolute; 
    top: -0.32em;
    left: -0.5em; 
    font-family: 'Georgia'; 
} 
blockquote h3:after { 
    content: "\201D";
    font-weight: bold;
    font-size:100px;
    position: absolute; 
    bottom: -0.7em;
    right: -0.5em; 
    font-family: 'Georgia'; 
}
/* Linha em branco */
linha_branca {
	margin: 10px 0;
	clear:both;
}
/* Separador horizontal */
hr {
	display: block;
	margin-top: 1.2em;
	margin-bottom: 0.7em;
	margin-left: auto;
	margin-right: auto;
	border-style: dotted;
	border-width: 0;
	border-top-width:2px;
	border-color:#e41a15;
}
div.hr {
	clear:both;/*
	height: 10px;
	width:100%;
	background: #999999 url('/design/image/hr.png') repeat-x;*/
}
/*
div.hr hr {
	display: none;
}*/
.clear {
	clear:both;
}

/* Usados pelo uilizador na area de conteudos */
.seccao {
	clear:both;
	padding-top:15px;
}

.cantos_redondos {
	overflow: hidden;
	/* centra na vertical */
	position:relative;
	border-radius: 10px;
	margin:auto;
}
.cantos_redondos img {
	/* centra na vertical */
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
}
/* hack for FF */
@-moz-document url-prefix() {
    .cantos_redondos img {
		/* centra na vertical */
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

/* Galeria de imagens */
table.galeriaImagens4{
	width: 100%;
	border-collapse: seperate;
	border-spacing: 3px;
}
table.galeriaImagens4 td{
	width:25%;
	padding-top:10px;
	padding-bottom:20px;
}