@import url(https://fonts.googleapis.com/css?family=Anton);

.destaques{
	margin-top: 40px;
}

.site-logo {
	height: auto; */
    position: static;
    width: auto;
	margin: 0px;
	padding: 0px;
}

.card-img-top{
	height: auto;
		
}

form label{
	font-weight: bold;
}

.NotaPequena{
	font-size: 13px;
}

.caixa-info{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	display: block;
}

.caixa-sucesso{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	display: block;
}


.caixaPrivacidde{
    color: #000;
    background-color: #CFEFFC;
    border-color: #c3e6cb;
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	display: block;

}


#lg-counter{
	color: #fff;
}



body a, body a:hover, body a:visited {
	color: #0000FF;
}


textarea {
    resize: none;
}

#count_message {
  background-color: smoke;
  margin-top: -20px;
  margin-right: 5px;
}



/* ================================================================================ */

html{
    overflow-x: hidden; /* resolve o problema do scroll horizontal por causa de hero image */
}

.menuSubPaginas{
	float: right;
	display: block;
	background-color: #f1f1f1;
	text-align: center;
	text-decoration: none;
	margin-left: 40px;
	margin-bottom: 30px;
	padding: 0px;
	font-family: 'GakSans';
	color: #373737;
}

.menuSubPaginas a{
	color: #373737;
	padding: 20px;
	line-height: 40px;
}

.menuSubPaginas a:visited, .menuSubPaginas a:hover{
	color: #373737;
}

.menuSubPaginas .sidebar-header{
	margin: 0px;
	margin-bottom: 14px;
	padding: 20px;
	background-color: #000;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: 'GakSans';
    font-size: 18px;
    line-height: 20px;
}

.menuSubPaginas h2{
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: 'GakSans';
    font-size: 18px;
    line-height: 20px;
	margin: 0px;
}


.menuSubPaginas li:hover{
	background-color: #F5DF4D;
}

.menuSubPaginas li a{	
	text-decoration: none;
	margin: 0px; display: block; width: 100%; height: 100%;
	padding: 0px 20px 0px 20px;
}

.menuSubPaginas li{
	 width: 100%;
}


@media screen and (max-width: 600px) {
.menuSubPaginas {
    float: none;
    width: 100%;
	margin: 0;
  }
}

.dropdown:hover .dropdown-menu {
	display: block !important;	
}

.dropdown-menu{
	margin-top: 0;
	background-color: #FBFCFC; /* 20210130 02:20 */ 
}

/* 20210130 02:20 */
.dropdown-item:hover {
	background-color:#F5DF4D; /* 20210130 02:20 */
	color: #000; /* 20210130 02:20 */
}

.dropdown-menu a, .dropdown-menu a:visited {
	color: #000; !important;
}


nav li:hover ul {
	display: block;
	z-index: 99999;
}


body {
  /* font-family: 'Raleway', 'Merriweather', 'Open Sans', 'sans-serif';*/
	font-family: 'merriweather';
    font-size: 16px;
    line-height: 30px;
}

.header-container {
    border-top: 40px;
}


h1, h2, h3 {
	font-family: 'GakSans','Droid Serif', 'Montserrat';
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
}

h1 {
	/* font-size: 2.437rem; */
	font-size: 2.8rem;
	font-weight: 800;
}





/* 04FEV2019 coloca um fundo ligeiramente escuro por baixo das legendas mas acho que não funciona bem */
@media (max-width: 767px) {
    .carousel-caption {
        position: absolute;
		background: rgba(0, 0, 0, 0.35);
    }
}


/* ============================================================= */
/* NAVEGAÇÃO - sobrepõe à css do bootstrap =========================== */

.navbar {
  min-height: 120px;
}

.navbar-brand {
  padding: 0 15px;
  height: 100px;
  line-height: 100px;
}

.bg-dark {
    background-color: #000 !important;
}

.navbar-nav{
	font-family: 'OpenSans';
}

.nav-item{
	text-transform: normal;
	font-weight: 600px;
	font-size: 1.3rem;
	margin-left: 10px;
	margin-right: 10px;
}

.navbar .nav-link {
  color: white !important;
}



nav form input {
	font-family: 'GakSans','Droid Serif', 'Montserrat';
}

nav form button {
	font-family: 'GakSans','Droid Serif', 'Montserrat';
	text-transform: normal;
	font-weight: 600px;
	font-size: 1.3rem;
}

/* ============================================================= */
.SeparadoresPresidente .nav-link{
	color: #000;
}


.SeparadoresPresidente .nav-item{
	text-transform: normal;
	font-weight: normal;
	font-size: 1rem;
	margin-left: 0px;
	margin-right:0px;
}

.SeparadoresPresidente .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #000;
    background-color: #fff;
    border-color: #fff #fff #f5df4d;
}

/* 20210210 separadores da área presidente */
.SeparadoresPresidente #nav-tab .active {
	background: #F5DF4D;
}

.SeparadoresPresidente .nav-tabs {
    border-bottom: 1px solid #f5df4d;
}

.SeparadoresPresidente .nav-tabs .nav-link:hover, .SeparadoresPresidente .nav-tabs .nav-link:focus {
    border-color: #f5df4d #f5df4d #f5df4d;
	background: #FEF9E7;
}

/* ============================================================= */
#mainbody{
	/*margin-top: 90px; /* esta bem em 20210131 02:12 mas é preciso retirar o código de LANG que está a mais antes de breadcrumb e preciso subir este valor*/
	margin-top: 120px; 	/* 20210130 02:14 OK */
	margin-top: 120px; 	/* 20210213 22:50 OK */
    padding-top: 0px;
    padding-bottom: 0px; /* 20201210 alterei para 0 - estava 40 */
	margin-bottom: 0px; /* 20201210 alterei para 0 - estava 40 */
}

.ConteudoPrincipal{  /* div do conteúdo principal */
	margin-bottom: 30px;
}

.destaques .card{
	margin-bottom: 20px;
	border: none;
}

.destaques .card .btn{
	color:#000;
	background-color: #F5DF4D !important;
}

.destaque .card-body{
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 10px;
}


.destaque h2{
	margin-top: 0px;
	padding-top: 0px;
	color:#000;
}

.destaque h2 a{
	margin-bottom: 10px;
	color:#000;
	text-decoration: none;
}

.destaque h2 a:hover{
	text-decoration: none;
	border-bottom: 3px solid #F5DF4D;
}




/* ============================================================= */
/* 05FEV2019 define fundo do container com o banner da homepage */
.bannerHomepage{
    margin-top: 40px;
    background-color: #100e17;
    padding-top: 20px;
    padding-bottom: 40px;
	margin-bottom: 40px;
}

.bannerHomepage h3 {
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.65);
    filter: progid:DXImageTransform.Microsoft.Shadow(strength=0.2, color=#333333, direction=65);
}


/* 05FEV2019 ACESSIBILIDADE */
/* Deteta todos os links para ficheiros PDF */
a[href$=".pdf"]:after {
	content:" (PDF)";
}

/* Deteta todos os links para ficheiros DOC */
a[href$=".doc"]:after {
	content:" (DOC)";
}


/* 05FEV2019 Barra de pesquisa */
.searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #373737;
    border-radius: 30px;
    padding: 10px;
}
.search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;
}
.searchbar:hover > .search_input{
    padding: 0 10px;
    width: 300px;
    caret-color:black;
    transition: width 0.4s linear;
}
.searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
}
.search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #000;
}


/* breadcrumb ======================== */
.breadcrumb{
    padding: 10px 10px 10px 0px;
    margin: 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.breadcrumb li{
    float: left;
    position: relative;
}

.breadcrumb li.active,
.breadcrumb li {
    font-size: 13px;
    color: #000;
	font-family: 'Montserrat';
}

/* ==================================== */

.container .fichaPresidente{
	background: #424949;
	color: #fff;
	font-family: 'Droid Serif', 'Montserrat';
	padding: 10px 10px 10px 0px;
}

.faixaPresidente .container{
	background: #373737;
	color: #fff;
	font-family: 'Roboto Condensed', 'Montserrat';	
}

.faixaPresidente{
    margin-top: 10px;
    /*  background-color: #424242; */
	background-color: #373737;
    padding-top: 20px;
	padding-left: 120px;
	padding-right: 60px;
    padding-bottom: 40px;
	margin-bottom: 40px;
}

.faixaPresidente .media {
	margin-bottom: 15px;
}

.faixaPresidente p {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}



/* ================================================= */
/* CARDS do perfil de Presidente - 30JAN2020*/

.caixaspr .card{
	background: #424242;
	color: #fff;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: 'arial';
}

.caixaspr .card-title{
	font-family: 'Montserrat';
	font-weight: bold;
	background: #424242;
	color: #fff;
	font-size: 1.2rem;
	margin: 0px;
}

.caixaspr .card-text{
	text-align: center;
}

.caixaspr a, .caixaspr a:visited{
	background: #424242;
	color: #fff;	
}

.caixaspr a:hover{
	background: #424242;
	color: #F5DF4D;
	text-decoration: none;
}


.datasPresidentes
{
	margin-top: 10px;
	font-family: 'Roboto Condensed', 'Montserrat';	
	font-size: 12px;
}

.caixaspr .card-body{
}


/* 20210210 pedido para colocar fundo diferente na biografia resumida */
.biografiaResumida {
	padding: 20px;
	/*background: #D5F5E3; /* verde claro */
	/*background: #FCF3CF; /* amarelo claro */
	background: #FEF9E7; /* amarelo muito claro */
	margin-bottom: 20px;
}




/* ================================================= */
/* CARDS subpastas */

.card-subpastas .card-body {
background: #fff;
}

.card-subpastas .card-title {
	font-family: 'GakSans','Droid Serif', 'Montserrat';
    font-size: 22px;
    line-height: 22px;
	margin-top: 0px;
}

.card-subpastas .card-text {
	font-family: 'merriweather';
    font-size: 14px;
    line-height: 20px;
}




.faixaCardsSubpastas .container{
	/* background: #AED6F1; */
	background: #373737;
}

.faixaCardsSubpastas{
    margin-top: 10px;
    /* background-color: #AED6F1; */
	background-color: #373737;
    padding-top: 60px;
    padding-bottom: 60px;
	/* margin-bottom: 40px; */
}

.faixaCardsSubpastas .card{
    margin-top: 10px;
	margin-bottom: 30px;
}

.faixaCardsSubpastas h3{
    color: #fff;
}



/* ================================================= */
/* faixaRelacionados ---- faixa ligações relacionadas com a página */

.faixaRelacionados{
	background-color: #F6F6F6;
    padding-top: 10px;
    padding-bottom: 20px;
}

.conteudosPresidente {
	padding-bottom: 20px;
}

.conteudosPresidente h3 {
	font-family: 'merriweather';
	/*font-weight: bold;*/
	font-size: 18px;
}

/* ================================================= */
/* faixaPresidenteMultimedia ---- faixa com fotos PR */

.faixaPresidenteMultimedia .container{
	background: #373737;
	color: white;
}

.faixaPresidenteMultimedia img{
	margin: 5px;
	border: 2px solid #fff;
  /*border-image: url(border.png) 50 round;*/
}

.faixaPresidenteMultimedia{
    margin-top: 0px; /* mudei em 2021017 */
    background-color: #373737;
    padding-top: 30px;
    padding-bottom: 30px;
	margin-bottom: 0px;
}


.faixaPresidenteMultimedia .card{
	background-color: #fff;
	margin: 0px;
	color: #000;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.faixaPresidenteMultimedia .card-title{
	background-color: #fff;
	margin: 5px;
	font-family: 'merriweather';
    font-size: 14px;
    line-height: 20px;
	font-weight: normal;
}

.faixaPresidenteMultimedia .txtCentrado{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.faixaPresidenteMultimedia .card-body{
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
}

.tab-content .tab-pane {
	margin-top: 20px;
}

/* 20210213 caixa de envio de mensagem por email */
.caixaMensagem {
	background: #FEF9E7;
	padding: 20px;
}


/* ================================================= */
/* cores */

/*  CORES DE FUNDO */
.class-fundo-cinza {
	background: #F8F9F9;
}


/* ================================================= */
.hero {
    /* Sizing */
    width: 100vw; /* tem que ser corrigido */
	height: 50vh;
	background: #000;
    
   /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
    color: white; /* ADD THIS LINE */
    
    /* Background styles */
    background-image: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('/media/2002/banner-002.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;   
	
	margin: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
 
}

.hero h1 {
    font-size: 4em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.hero .btn {
    /* Positioning and sizing */
    display: block;
    width: 150px;    
    padding: 0.4em;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;    
    color: white;
    text-decoration: none;
    font-size: 1.4em;    
    border: 3px solid white;
    border-radius: 30px;	
	background-color: rgba(28, 89, 44, 0.6);
}

@media screen and (min-width: 601px) {
	.hero h1 {
		font-size: 4em;
		margin-top: 0;
		margin-bottom: 0.5em;
	}
	.hero h2 {
		font-size: 2em;
		margin-top: 0;
	}
	.hero .btn {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 600px) {
	.hero h1 {
		font-size: 2em;
		margin-top: 0;
		margin-bottom: 0.2em;
	}
	.hero h2 {
		font-size: 1em;
		margin-top: 0;
	}
	.hero .btn {
		font-size: 1em;
	}
}







/* =====  lightGallery  */	

.Galeria1 .lg-sub-html{
	padding-bottom: 10px;
}
.Galeria1 .lg-sub-html p {
	font-family: 'merriweather';
	color: #fff;
	/* text-align: center; */
	text-align: left;
	text-decoration: none;
    font-size: 12px;
    line-height: 18px;
}

.Galeria1 .lg-sub-html .legenda {
	margin-bottom: 12px;
	font-family: 'merriweather';
	color: #fff;
	text-align: left;
	text-decoration: none;
	font-size: 18px;
    line-height: 24px;
}

/* 2021-02-28 Google Maps*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}