/************* Fonts******************/
.font01_lightGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.font01_lightItalicaGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
}
.font01_regularGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font01_mediumGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font01_boldGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font01_blackGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-style: normal;
}
.font02_regularGERAL {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font02_BoldGERAL {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font03_boldGERAL {
  font-family: 'bebasNeueBold', sans-serif;
}
/* fixar footer
-----------------------------------------------*/
/*******Globais********/
/*e outras barras geral a pagina*/
/*header  menu deskttop
-----------------------------------------------*/
/**#262626 ;**/
/*#5a5a5a;*/
.headerFontGeral {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*banner Geral
-----------------------------------------------*/
/* GERAL index
-----------------------------------------------*/
.geralTituloGERAL {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.geralTitulo02GERAL {
  font-family: 'bebasNeueBold', sans-serif;
}
.geralDescricaoGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.geralDescricao02GERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.geralEtiqueta {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.geralTipo {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.dataGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
}
.btnGeralFont {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.btnGeralFont2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.btnGeralFont3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*GERRAL Agenda
-----------------------------------------------*/
.agendaTitulo {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.agendaDataGERAL {
  font-family: 'bebasNeueBold', sans-serif;
}
.agendaDescricaoHoraGERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/**altura de duas linhas*/
/**altura de duas linhas*/
/**altura de duas linhas*/
/**altura de duas linhas*/
/*videos herda noticias
-----------------------------------------------*/
.videoFontVerVideo {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
}
.galeriaFontTitulo {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.fontRedesSociais {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
/*QuemSomos
-----------------------------------------------*/
.BTNdescricaoInformativa {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-style: normal;
}
/*GERRAL Noticias (continuacao  com a area de actuacao)
  -----------------------------------------------*/
.geralSeparador {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.geralTitulo02 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* GERALdetalhe
-----------------------------------------------*/
.geralCaminho {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* menu footer
-----------------------------------------------*/
.footerFont01 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.footerFont02 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
}
/* menu Mobile
-----------------------------------------------*/
/*letra*/
/*letra*/
/* Banner Geral e Filtros
-----------------------------------------------*/
.filtroFontTituloGeral {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.bannerFontBTN {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
}
/* conteudo Detalhe
-----------------------------------------------*/
.detalheFontIcones {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* conteudo contacto com o form3
-----------------------------------------------*/
.contactosTitulo {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.contactosSubTitulo {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.contactosBTN,
.contactosTexto {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* conteudo vender
-----------------------------------------------*/
/* Select Options filtros  procura desktop
-----------------------------------------------*/
/* Select Options filtros  procura Mobile
-----------------------------------------------*/
/* Faq
-----------------------------------------------*/
/* Pagina Erros
-----------------------------------------------*/
/* Mensagens Gerais avisos e sweet-alert
-----------------------------------------------*/
/* legenda
-----------------------------------------------*/
.legendaFontGERAL {
  font-family: 'bebasNeueBold', sans-serif;
}
/* BTNfiltros estiloForm2 e  estiloForm3 Select Options listagemm
-----------------------------------------------*/
.btnGeralFont {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.btnGeralFont2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.btnGeralFont3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* selects
-----------------------------------------------*/
.styled-Estilo1Font01GERAL {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.styled-Estilo1Font02GERAL {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.fontMenuPrivado {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  padding: 0px 11px;
}
.fontMenuPrivadoTitulo {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333333;
}
.estiloForm2Font {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.btnFont2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.estiloForm3Font {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.estiloForm3FontPlaceholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.estiloForm3FontBTNtexto {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/***form4***/
/* ficheiros
-----------------------------------------------*/
.ficheirosFonts {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* Faq
-----------------------------------------------*/
.faqFontTiulo00 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.faqFontTiulo01 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.faqFontTiulo3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.faqFontTiulo5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.faqFontTiulo4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-style: normal;
}
.faqFontTiulo2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
}
/************* variaveis globais******************/
.banner {
  width: 100%;
  background-color: #cccccc;
  max-height: 200px;
  position: relative;
  padding-top: 0;
}
.overlayBanner {
  position: absolute;
  background: #333333;
  opacity: 0.65;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.barra {
  height: 10px;
  width: 100%;
  background: #EE3326;
}
.intro-item {
  height: 200px;
  background-position: 50% 50%;
  padding: 0;
  /* remove any pre-existing padding, just in case */
  /**para usar diferentes  aspect ratio, divida a height/width *100 para obeter a percentagem.
  isto funciona pq o padding percentage é sempe calculado baseado no width, even if it's vertical padding*/
  padding-bottom: 0;
  /* for a 4:3 aspect ratio= 75% .  455/1300 *100= 35%*/
  /*background-position: 50% 50%;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.intro-item2 {
  height: 0;
  background-position: 50% 50%;
  padding: 0;
  /* remove any pre-existing padding, just in case */
  /**para usar diferentes  aspect ratio, divida a height/width *100 para obeter a percentagem.
  isto funciona pq o padding percentage é sempe calculado baseado no width, even if it's vertical padding*/
  padding-bottom: 74.5%;
  /* for a 4:3 aspect ratio= 75% .  455/1300 *100= 35%*/
  /*background-position: 50% 50%;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 100;
}
.textoBaner {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 30px);
  /*metade da altura da letra*/
  margin: auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 60px;
  color: #ffffff;
  text-shadow: 1px 2px 16px rgba(5, 2, 6, 0.45);
  z-index: 102;
  text-transform: uppercase;
}
@media (max-width: 2000px) {
  .textoBaner {
    font-size: 3vw;
    top: calc(50% - 2vw);
    /*metade da altura da letra*/
  }
}
@media (max-width: 767px) {
  .intro-item {
    height: 0;
    max-height: none;
    padding: 0;
    /* remove any pre-existing padding, just in case */
    /**para usar diferentes  aspect ratio, divida a height/width *100 para obeter a percentagem.
    isto funciona pq o padding percentage é sempe calculado baseado no width, even if it's vertical padding*/
    padding-bottom: 15%;
    /* for a 4:3 aspect ratio= 75% .  455/1300 *100= 35%*/
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
@media (max-width: 479px) {
  .intro-item,
  .intro-item2 {
    background-size: cover;
    min-height: 168px;
    height: 168px;
    width: 100%;
    padding-bottom: 0%;
  }
  .textoBaner {
    font-size: 4vw;
    top: calc(50% - 3vw);
    /*metade da altura da letra*/
  }
}