body {
	background-color: #f3eee4 !important;

   	background-image: url(../imagens/TiraAmarela200Anos), url(../imagens/Fundo200Anos), url(../imagens/FundoCabecalho200Anos);
	background-size: 100% 294px, 100% 100%, 100% auto;
   	background-position: left top, left 286px, left calc(100px - 11vw);
   	background-repeat: repeat-x, repeat-x, no-repeat;
}


div#cabecalho,
div#cabecalho-conteudo-2 {
	height: 157px;
}

div#cabecalho {
	padding: 2em 0 0 1.5em;
}

div#cabecalho > a:nth-child(2) {
	background-image: url('../imagens/Logotipo200Anos_neg');
	display: inline-block;
	background-size: auto 100%;
	background-repeat: no-repeat;
	filter: drop-shadow(0 0 1em #00000088);
}

div#cabecalho img#logotipo {
	background-color: transparent;
	opacity: 0;
	width: auto;
	height: 8vw;
	aspect-ratio: 5.1;
	max-height: 98px;
}

div#cabecalho-conteudo-2 div.cabecalho-agregador {
	margin: .5em 0;
	text-align: center;
}

div#cabecalho-conteudo-2 div.notificacao {
	margin: 1.8em .25em 0 0;
	background-color: #ffdd00;
}

div.cabecalho-agregador a.idioma {
	color: #fff !important;
	font-weight: 700;
}

div.cabecalho-agregador a.idioma:hover {
	color: #fff !important;
}

div.cabecalho-agregador span.ajuda-contextual {
	border-color: #fff;
	color: #fff;
}

div.cabecalho-agregador div.autenticacao {
  background-color: #f3eee4;
  margin-top: .25em;
}

div.cabecalho-agregador div.nao-autenticado {
  background-color: #f3eee4cc;
}

div.cabecalho-agregador div.autenticacao.nao-autenticado form {
	margin-top: -.75em;
	padding: .5em;
	width: 22em;
}

div.cabecalho-agregador a.recuperacao-de-acesso:link,
div.cabecalho-agregador a.recuperacao-de-acesso:visited,
div.cabecalho-agregador a.outras-autenticacoes:link,
div.cabecalho-agregador a.outras-autenticacoes:visited {
	padding: .15em .5em;
	display: inline-block;
	margin: 0 0 .25em 0;
}

div#barralocalizacao {
	background-color: #80715fcc;
}


div#caixa-validacao-conteudo {
	background-color: #f3eee4;
	border: none;
	padding: .75em 1.25em .75em 1.25em;
	text-align: left;
	font-size: .85em;
}


div#rodape div.contactos {
	background-color: #f3eee4;
	margin: 0 -1em !important;
	font-family: "NoticiaText", serif !important;
}

div#rodape div.redes {
	background-color: #f3eee4;
	border: none;
	margin: 0 -1em;
}

div#destaques a.banner div.texto {
	background-color: #fff;
	display: block;
	color: #555;
	transition: 0.2s all;
	line-height: 1.25;
	border-right: 1px solid #f3eee4;
}

div.ev {
	background-color: #80715f;
	//border-bottom: calc(1em + 1px) solid #e4e4e4;
	line-height: 1.25;
}

div.ev ul.agenda span.data {
	color: #f9e372;
	font-weight: bold;
}

div.ev ul.agenda li a:hover {
	color: #f9e372 !important;
}

div#menu-navegacao-conteudo ul li a:active,
div#menu-navegacao-conteudo ul li a:hover {
	background-color: #f3eee4;
	text-decoration: none;
	color: #b38300;
}


div#menu-navegacao-conteudo ul li a[class$="selected"],
div#menu-navegacao-conteudo ul li a[class$="selected pai"] {
	background-color: #f3eee4;
	color: #b38300 !important;
	font-weight: 700;
}

div#menu-navegacao-conteudo ul li.dropdown.open a.pai {
	background-color: #f3eee4;
	color: #555;
	font-weight: 700;
}

div.ntcs {
	//background-color: #f3eee4;
	font-size: .95em;
	color: #555;
	line-height: 1.25;
}

div.pa,
div.avisos,
div#destaques {
	background-color: #e4dccf;
}


div.visibilidade-coluna-direita {
	background-color: #f3eee4;
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
	margin: 1.25em 0 0 1em;
}

div.visibilidade-coluna-esquerda {
	background-color: #f3eee4;
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
	margin: 0;
}


dl.caixa-central ul > li a:hover {
	background-color: #f3eee4;
}


dl.caixa-central ul> li.hasPage:hover {
	background-color: #f3eee4;
}


p.mais-eventos a {
	border-color: #f9e372;
	color: #f9e372;
}

p.mais-eventos a:hover {
	background-color: #f9e372 !important;
	color: #80715f !important;
	text-decoration: none;
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}


@media only screen and (max-width: 1100px) {

	div#cabecalho {
		padding: 2em 0 0 .5em;
	}
	
	div#cabecalho > a:nth-child(2) {
		margin-left: 2em;
	}
	
	div#cabecalho img#logotipo {
		/*background-color: rgba(255,255,255,0.6);*/
		//background-color: #fff;
		width: auto;
		height: 81px;
		padding: 0;
		margin: 0;
	}
	
	div#colunaprincipal {
		margin: -7em 0 0 .45em;
	}
	
	div.sama, img.sama  {
		display: none;
	}
	
}


@media only screen and (max-width: 900px) {

	body{
	   	background-image: url(../imagens/TiraAmarela200Anos), url(../imagens/Fundo200Anos), url(../imagens/FundoCabecalho200Anos);
		background-size: 100% 289px, 100% 100%, 100% auto;
   		background-position: left top, left 281px, left top;
	   	background-repeat: repeat-x, repeat-x, no-repeat;
	}
	
	div#cabecalho-conteudo-1 {
		margin: 0;
		top: 3.5em;
		left: 7.25em;
	}
	
	div#cabecalho-conteudo-1 div.logotipo-alternativo {
		background-color: unset;
		margin: 0;
	    height: auto;
	    width: auto;
	    overflow: hidden;
	}
	
	div#cabecalho-conteudo-1 div.logotipo-alternativo a {
		background-image: url('../imagens/Logotipo200Anos_neg');
		display: inline-block;
		background-size: auto 100%;
		background-repeat: no-repeat;
		filter: drop-shadow(0 0 1em #00000088);
	}
	
	div#cabecalho-conteudo-1 div.logotipo-alternativo a img#logotipo {
		position: unset;
		height: auto;
		width: 318px !important;
		padding: 0 !important;
	}
	
	div#cabecalho-conteudo-2 div.cabecalho-agregador {
		text-align: unset;
	}
	
	div#colunaprincipal {
		margin: -8.6em 0 0 .5em;
	}
	
	div#colunaextra {
		margin-top: -9.5em;
	}

	div.login-alternativo {
		background-color: #f3eee455;
	}

}

@media only screen and (max-width: 768px) {

	body {
		background-size: 100% 259px, 100% 100%, auto 356px;
		background-position: left top, left 251px, left top;
		background-repeat: repeat-x, repeat-x, no-repeat;
	}
	
	div#cabecalho-conteudo-1 {
	    left: 7em;
	}
		
	div.separador-area,
	div.ntcs,
	div#destaques,
	div.ev,
	div.pa /*,
	div.contactos,
	div.redes,
	div#rodape */ {
		//border-top: 1em solid #f3eee4;
		margin-top: 1em !important;
	}
	
}

@media only screen and (max-width: 630px) {

	div#cabecalho-conteudo-1 div.logotipo-alternativo {
	    width: 220px;
	}

}

@media only screen and (max-width: 540px) {

	div#cabecalho-conteudo-1 div.logotipo-alternativo {
	    width: 95px;
	}

}

@media only screen and (max-width: 380px) {
	
	div#colunaprincipal {
		margin: -10em 0 0 .5em;
	}
	
	div#colunaextra {
		margin-top: -11.1em;
	}

}


@media only screen and (max-width: 320px) {
	
	div#cabecalho-conteudo-1 {
	    left: 6.5em;
	}
	
	div#cabecalho-conteudo-1 div.logotipo-alternativo {
	    width: 50px;
	}
	
	div#cabecalho-conteudo-1 div.logotipo-alternativo a {
		background-position-x: -28px;
	}
}