/* @import url('https://fonts.googleapis.com/css?family=Lato'); */
@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat');

/* ########################################################################		
				          COMUM A VARIAS PAGINAS			
######################################################################## */

body {
	font-family: 'Varela Round', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	overflow-x: hidden;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	margin-top: 0px;
}


/*  TEXTOS DO SITE  */
/* Titulos das Paginas */
h1 { 
	color: #e11b22;
	font-size: 26px;
}

/* Titulos dos Artigos, Contactos e Formulario */
h2{
	color: #c03636;
	font-size: 18px;
}

/* Textos dos conteudos das paginas */
p {
	font-size: 16px;
	line-height: 1.6;
	color: #2e2e2e;
	text-align: justify;
	padding: 0;
	margin: 0;
}

a:link {
	color: #353535;
	background-color: transparent;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #e11b22;
}
a:hover {
	text-decoration: none;
	background-color: transparent;
	color: #e11b22;
}
a:active {
	text-decoration: none;
	background-color: transparent;
	color: #e11b22;
}

.cor-principal {
    color: #e11b22;
}


/* Largura da pagina */
.container{
	width: 90%;	
	margin: 1% 5%;
	/* border: 1px solid red; */
	padding: 0;
}


/* Imagem de Topo das Paginas */
.img-topo{
    margin-top: 75px;
	width: 100%;
	/* border: 1px solid red !important; */
}

.pagina-sem-imagem{
	margin-top: 130px;
}

.pagina-titulo {
    position: relative;
    width: 100%;
	margin: 8% 0;
	text-align: center;
	padding: 0;
	font-size: 40px;
	font-weight: bold;
}

/* Bloco debaixo do texto */
.bloco-titulo:after {
    content:"";
  	display:block;
  	height: 3px;
  	width: 120px;
  	background-color: #e11b22;
}

/* Espaçamento Bloco debaixo do texto */
.text-center .bloco-titulo:after {
	margin: 5px auto 0px;
	text-align: center;
}
    
/* ########################################################################		
	NAVBAR			
######################################################################## */

.navbar{
	background-color: #FFF !important;
	box-shadow: 0px 2px 5px #878686;	
}

.navbar-nav li a {
	color: #353535 !important;
	background-color: #FFF !important;
	text-align: center;	
	font-size: 15px;
}	

.navbar-nav li a:hover {
	color:  #e11b22 !important;
	background-color: #FFF !important;	
	font-weight: bold;
}	

.navbar-brand img{	
	max-height: 50px;
}

.dropdown-menu{
	font-size: 0;
}

.my-dropdown-item{
	color: #353535;
	padding: 5px 30px;
	font-size:15px;
	text-decoration: none;
	display: block;
}

.my-toggle-button{
	font-size:24px;
	padding: 4px;
}

video {
	width: 100%;
	height: auto;
}

/* ########################################################################		
				                EQUIPA			
######################################################################## */

.tipo-membro{
	font-size: 13px;
	/* line-height: 1.6; */
	color: #353535;
	padding: 0;
	margin: 0;
}

.nomes-candidatos{
	font-size: 16px;
	text-align: center;
}



/* ########################################################################		
				              CONTACTOS			
######################################################################## */


#contactos h2{
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
}

#contactos i {
    font-size: 34px;
	color: #e11b22;
	margin: 20px 0 5px 0;
}


/* ########################################################################		
				              FOOTER			
######################################################################## */


footer{
	margin:0;
	padding:0;
	width:100%;
	background-color: #2E2D2D;
	/* position:absolute; */
	float: left;
}


.autor{
	background-color:#1c1c1c;
	color: #878686;
	font-size: 12px;
}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 



}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.pagina-titulo {
		margin: 2% 0;
		font-size: 40px;
	}
	
	.nomes-candidatos{
		font-size: 12px;
	}
	
	.autor{
		font-size: 12px;
	}
	
}




/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    
	/* ########################################################################		
							COMUM A VARIAS PAGINAS			
	######################################################################## */

    /* Largura da pagina */
    .container{
		max-width: 80%;
		margin: 1% 10%;
		/* border: 1px solid red; */
    }
    
	/* Imagem de Topo das Paginas */
	.img-topo{
		margin-top:85px;
		width: 100%;
		/* border: 1px solid red; */
	}


	/* Titulos das Paginas*/
	h1 { 
		font-size: 34px;
	}

	/* Titulos dos Artigos, Contactos e Formulario */
	h2{
		font-size: 18px;
	}	

	/* Textos dos conteudos das paginas */
	p {
		font-size: 16px;
	}

	.pagina-titulo {
		margin: 3% 0 4% 0;
		font-size: 40px;
	}

	
	/* #############################################		
						HEADER			
	##############################################*/	

	.navbar{
		background-color: #FFF !important;	
		height: 90px;
		border-bottom: 1px solid #dfdfdf;
		letter-spacing: 0px;
		color: #e11b22 !important;

	}	

	.navbar-nav li a {
		color: #353535 !important;
		background-color: #FFF !important;	
		
	}	

	.navbar-nav li a:hover {
		color:  #e11b22 !important;
		background-color: #FFF !important;	
	}	

	.navbar-brand img{	
		max-height: 80px;
	}

	.dropdown-menu{
		font-size: 0;
	}

	.dropdown-item a:hover{
		background-color: #f1f1f1 !important;
	}




	
}

/* Extra large large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {


	/* ########################################################################		
							COMUM A VARIAS PAGINAS			
	######################################################################## */

    /* Largura da pagina */
    .container{
		max-width: 70%;
		margin: 1% 15%;
    }

	.nomes-candidatos{
		font-size: 14px;
	}
	
	.autor{
		font-size: 14px;
	}
    



}