html,body{
	margin: 0;
	height: 100%;
}

span{
	font-size:2em;
}

p,a,span,h1,h2,h3,h4,h5,input,textarea{
	font-family: 'PT Sans', sans-serif;
}

p,a{
	font-size: 1.3em;
	text-align: center;
	color: white;
	//font-weight:400;
	//line-height:24px;
}

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #e31d1a;
}

::selection {
    color: white;
    background: #e31d1a;
}

input,textarea{
	cursor: pointer;
}

a{
	text-decoration: none;
}

ul{
	list-style:none;
}

img{
	width:100%;
}

.displayOff{
	display: none;
}

#mainContainer{
	position: relative;
	margin: 0 auto;
	width:100%;
	height:auto;
	background-color: #e31d1a;
}

.fullWidth{
	margin: 0 auto;
	width:100%;
}

.firstMargin{
	margin:0 auto;
	width:82.5%;
}

.secondMargin{
	margin: 0 auto;
	width:73.5%;
}

.secondMarginInside{
	margin: 0 auto;
	width:89%;
}

#cookieAlert{
	z-index: 1000;
	position: fixed;
	width:50vw;
	bottom:10px;
	right:10px;
	background-color:#e31d1a;
	border-radius:2px;
	padding-bottom:10px;
}

#cookieAlert p{
	font-size:0.7em;
	padding:1%;
	padding-right:5px;
	padding-left:5px;
}

#cookieAlert p:first-child{
	font-weight:bold;
	font-size:1em;
	display: block;
	margin-bottom:-10px;
}

#cookieOK{
	font-size:0.7em;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	width:30%;
	margin: 0 auto;
	background-color:#eeeeee;
	text-align: center;
	color:black;
	transition: all 0.3s ease-out;
	border-radius:4px;
	padding-bottom: 1.5vh;
	padding-top: 1.5vh;
	transition: all 0.1s ease-out;

}

#cookieOK:hover{
	transition: border 0.25s ease-in;
	//color:black;
	background-color:white;
	border:0.2vw solid #eeeeee;
}


#escolherLingua{
	position: relative;
	width:100%;
	background-color: #e31d1a;
	z-index:999;
	height:100%;
}

#txtLinguas{
	display: none;
	font-weight: bold;
	width:90%;
	left:5%;
	position: absolute;
	top:0%;
	font-size:3em;
}

#linguasContainer{
	display: none;
	position: relative;
	width:100%;
	margin: 0 auto;
	height:200px;
	top:50%;
}

#linguas{
	left:5%;
	position: absolute;
	margin: 0 auto;
	width:90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	font-size:1em;
	position: absolute;
	bottom:30%;
}

.linguasOpcao{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	text-align: center;
	opacity:0.7;
	transition:opacity 0.15s ease-out;
}

.linguasOpcao:hover{
	opacity: 1;
	transition:opacity 0.15s ease-in;
}

.linguasOpcao:after{
	clear: both;
	content: "|";
	float: right;
	font-size:1.3em;
	font-weight: bold;
	color: white;
}

.linguasOpcao:last-child:after{
	display: none;
}

header{
	position: relative;
	height:300px;
	width:100%;
	background-color: #e31d1a;
}

#headerText{
	position: relative;
	margin-top:30px;
	width:100%;
	float: right;
	margin-bottom:40px;
}

#headerText h1{
	text-align: right;
	font-size:3em;
	margin-top:0;
	color: white;
	font-weight: bold;
}

#headerText h1:last-child{
	padding-top: 50px;
}

nav{
	width:100%;
	background-color:#e31d1a;
	box-shadow: 0 5px 20px #000000;
}

#menuPC{
	display: none;
}

#menu{
	background-color:green;

}

#mobileMenu{
	display: block;
}

#languageMenu{
	float: left;
	width:50px;
	height:50px;
	margin-top:70px;
	margin-left:20px;
	cursor: pointer;
}

#logo{
	float: right;
	margin-right:5%;
	width:200px;
	z-index:2;
	position: relative;
	bottom:-50px;
}

#menuLanguagesMobile{
	top:30px;
	position: relative;
	max-height:0;
	clear: both;
	overflow: hidden;
	background-color:#eeeeee;
	-webkit-transition: max-height 0.15s ease-out;
	transition: max-height 0.15s ease-out;

}

#menuLanguagesMobile ul li{
	text-align: left;
	background-color:rgba(227,29,26,1);
	margin-top:10px;
	height:4vh;
	padding-top: 0.5vh;
	padding-top: 0.5vh;
	padding-left:10px;
	font-size:0.75em;
}

#menuLanguagesMobile.open{
	max-height:400px;
	-webkit-transition: max-height 0.25s ease-in;
	transition: max-height 0.25s ease-in;
}

#menuLanguagesDesktop{
	display: none;
	-webkit-transition:opacity 0.4s ease-in;
		transition:opacity 0.4s ease-in;
}

.menuOpen{
	opacity:0.6;
	transition:opacity 0.8s ease-out;
	-webkit-transition:opacity 0.8s ease-out;
}

#optionsMenu{
	width:450px;
	position: relative;
	float: right;
	margin-top:30px;
}

#optionsMenu ul{
 	box-sizing: border-box;
	width:100%;
	float: right;
	height:40px;
}

#optionsMenu ul li{
	float: right;
	margin-right:2%;
}

#optionsMenu ul li a.active{
	//border-bottom:2px solid white;
	opacity:0.65;
}

#optionsMenu ul li:first-child{
	padding-right:0%;
}


#optionsMenu ul li::after{
	clear: both;
	content: "|";
	float: right;
	padding-left:0.5em;
	font-size:1.3em;
	font-weight: bold;
	color: white;
}

#optionsMenu ul li:first-child:after{
	display: none;
}

#optionsMenu ul li a{
	-webkit-transition: opacity 0.2s ease-out; /* Safari */
	transtion:opacity 0.2s ease-out;
}

#optionsMenu ul li a:hover{
	-webkit-transition: opacity 0.2s ease-in; /* Safari */
	transtion:opacity 0.2s ease-in;
	opacity:0.5;
}

#apresentacao{
	background-color:#eeeeee;
	box-shadow: inset 0 5px 13px -6px #000000;
}

#apresentacaoTexto{
	padding-top:90px;
	//background-color:cyan;
}

#apresentacaoTexto p{
	padding-bottom:2%;
	color: black;
}

#apresentacaoTexto p:last-child{
	//padding-top:4%;
}

#textoTopics{
	margin:0 auto;
	width:70%;
}

#textoTopics p{
	padding-bottom:0;
}

#textoTopics p:last-child{
	padding-bottom:2%;
}

#apresentacaoTextoImagens{
	margin: 0 auto;
	margin-top:10%;
	width:80%;
	//background-color:black;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding-bottom:60px;
}

#apresentacaoTextoImagens p{
	display: none;
	//display: block;
	margin-top: -40px;
	font-weight:bold;
	color: #e31d1a;
	text-align: center;
	font-size:2em;
	text-transform: uppercase;
}

#multilinguas{
	font-size:1.3em;
}

.textoIcones{
	-webkit-box-flex:1;
	    -ms-flex:1 auto;
	        flex:1 auto;
	margin:2%;
	display: none;
}

.textoIcones p{
	opacity:0;
	transition:opacity 0.3s ease-in-out;
}

.textoIcones img{
	-webkit-transition: all 1s; /* Safari */
	transtion:all 1s ease-out;
}

.diamond{
	position: absolute;
	width:50px;
	height:50px;
	background-color:#eeeeee;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	left:50%;
	margin-left:-25px;
	margin-top:-35px;
	z-index:10;
}

#apresentacao .diamond{
	margin-top:-95px;
}

#slogans{
	margin-top:-65px;
	text-align: center;
	background-color:#e31d1a;
	padding-bottom:2px;
	box-shadow: inset 0 5px 13px -6px #000000;
}

#slogans h3{
	padding-top:80px;
	font-size:2em;
	color: white;
}

.traduzido{
	font-weight: bold;
	font-size:1.75em;
	padding-bottom:40px;
}

#noticia{
	display:none; /*NOTICIA*/
	padding-top:20px;
	text-align: center;
	background-color:#eeeeee;
	box-shadow: inset 0 5px 13px -6px #000000;
	padding-bottom:50px;
}

/*NOTICIA MENU*/
#optionsMenu ul li:nth-child(3){
	display:none;
}

#noticia h4{
	font-size:1.8em;
}

#noticia p{
	color: black;
}

#formulario{
	background-color:white;
	padding-top:50px;
	color: #737373;
	padding-bottom:50px;
	box-shadow: inset 0 5px 13px -6px #000000;
	display:flex;
}

#formulario span{
	display: block;
	margin-top: 10px;
	font-weight: bold;
	font-size:1em;
}

#formulario input, #newsletter input{
	width:100%;
	margin-top:2%;
	height:30px;
}


#formulario input,#formulario textarea{
	font-size:1em;
	-webkit-transition: background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out;
}

#formulario input:focus, #formulario textarea:focus{
	background-color:#eeeeee;
	-webkit-transition: background-color 0.2s ease-in;
	transition:background-color 0.2s ease-in;
}



#formulario textarea{
	min-width:100%;
	max-width:100%;
	margin-bottom:10px;
	min-height:70px;
}

.submitBtn{
	background-color:#e31d1a;
	border:1px solid black;
	color:#eeeeee;
	height:30px;
	width:100%;
	font-size:1em;
	cursor:pointer;
	font-size:1.3em;
}

#contactos{
	background-color:#eeeeee;
	padding-top:50px;
	box-shadow: inset 0 5px 13px -6px #000000;
	padding-bottom:50px;
}

#contactos p, #contactos a{
	text-align:center;
	font-size:1.2em;
	color:black;
}

#contactos span{
	font-size:1em;
	color:#e31d1a;
	font-weight:bold;
}

#newsletter{
	position: relative;
	margin-top:50px;
	background-color:white;
	border-radius:5px;
}

#newsletterImg{
	display:none;
}

#newsletter p{
	padding-top:30px;
	color: #e31d1a;
}

#newsletter input[placeholder]{
	padding-left:2%;
	font-size:1em;
}

#newsletterFormulario{
	text-align:center;
}

#newsletter input{
	-webkit-transition: background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out;
	width:80%;
}

#newsletter input:focus{
	background-color:#eeeeee;
	-webkit-transition: background-color 0.2s ease-in;
	transition:background-color 0.2s ease-in;
}

#newsletter #newsletterSubmit{
	margin-bottom:50px;
}

#mapa{
	width:100%;
	height:400px;
	//background-color:blue;
	margin-top: 50px;
}


footer{
	clear: both;
}

#footerContainer{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}

#copyright{
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
}

#redesSociais{
	padding-top:50px;
	-webkit-box-ordinal-group:2;
	    -ms-flex-order:1;
	        order:1;
	margin:0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
   width:60%;
}

.redesSociaisImg{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	margin-left:10%;
	-webkit-transition: opacity 0.5s; /* Safari */
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.redesSociaisImg:first-child{
	margin-left:0;
}

#contactos input{
	border-radius:5px;
	border: 1px solid #999;
}
#contactos #newsletterSubmit{
	border-radius:0;
}

.textoIcones img:hover{
	opacity:0.5;
	-webkit-transition: all 1s; /* Safari */
	transtion:all 1s ease-in;
}

.redesSociaisImg:hover{
	opacity:0.6;
	-webkit-transition: opacity 0.5s; /* Safari */
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

/*SLOGANS SLIDE*/

#carousel {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

#slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 650px;
}

#slides ul {
  list-style: none;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  position: relative;
}

#slides li {
  width: 100%;
  height:auto; //height: 250px;
  float: left;
  text-align: center;
  position: relative;
  font-family: lato, sans-serif;
}

/* Styling for prev and next buttons */

.btn-bar {
  width: 60%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 40px;
  display: none;
}

/**/

#linguaIcon{
	display: none;
}

/*------------MEDIA QUERIES--------------------*/

@media only screen and (max-width:320px){
	#mainContainer{
		//width:360px;
	}

}

@media only screen and (min-width:320px){
	.traduzido, .original{
			font-size:100%;
		}

		#formulario .diamond{
			display: none;
		}
}

@media only screen and (min-width:320px) and (orientation:landscape){

	#linguasContainer{
		background-color:#e31d1a;
		z-index: -1;
	}
}

@media only screen and (min-width: 500px){
	#txtLinguas{
		font-weight: bold;
		width:90%;
		left:5%;
		position: absolute;
		top:30%;
		font-size:3em;
	}

	#linguasContainer{
		width:90%;
	}

	#slides{
		height:450px;
	}

	#redesSociais{
		width:30%;
	}

}

/*+/- 600px*/
@media only screen and (min-width:45em){
	#linguaIcon{
		display: none;
		position: absolute;
		left:0;
		top:0px;
		width:90%;
	}

	#apresentacaoContainer{
		margin-bottom:100px;
	}
	#slogans{
		margin-top:-100px;
	}

	#apresentacao .diamond{
		margin-top:-130px;
	}

	#slides{
		height:400px;
	}

	#linguasContainer{
		position: relative;
		width:700px;
		margin: 0 auto;
		height:200px;
		top:60%;
	}

	#linguas{
		left:100px;
		width:500px;
		bottom:40%;
	}

	#linguas a{
		font-size:1.3em;
	}

	#logo{
		width: 300px;
		bottom: -70px;
	}

	#languageMenu{
		margin-top:140px;
	}

	#menuLanguagesMobile.open{
		//min-height:500px;
	}

	#apresentacaoTextoImagens{
		width:100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-flex-direction: row;
		padding-bottom: 50px;
	}

	#slogans h3{
		padding-top:60px;
	}

	#apresentacaoTextoImagens p{
		font-size:0.8em;
		margin-top:-20px;
	}
}


@media only screen and (min-width:60em){
	#slogans{
		margin-top:0px;
	}

	#apresentacao .diamond{
		margin-top:-30px !important;
	}

	#apresentacaoContainer{
		margin-bottom:0;
	}

	.textoIcones{
		//margin: 3%;
		max-width: 10vw;
		min-width: 10vw;
	}

	.textoIcones p{
		display: block;
		opacity:0;
		margin-top:-20px !important;
	}

	#newsletterImg{
		display: block;
		position: absolute;
		width:100px;
		height:100px;
		background-color:#e31d1a;
		left:0%;
		margin-left:-70px;
		top:50%;
		margin-top:-50px;
		border-radius:50%;
		border:8px solid #d1d1d1;
	}

	#newsletterImg img{
		position: absolute;
		width:70%;
		margin-left:15%;
		margin-top:20%;
	}

	#footerContainer{
		width:90%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}

	#copyright{
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		padding-top:10px;
	}

	#redesSociais{
		padding-top:10px;
		width:150px;
		margin-right:0;
	}

    #cookieAlert{
	width:15vw;
    }
}


@media only screen and (min-width:70em){
	#apresentacaoContainer{
		margin-bottom:-60px;
	}

	#apresentacaoTextoImagens p{
		display: block;
	}

	#apresentacao .diamond{
		margin-top:-30px;
	}

	p,a{
		font-size: 1em;
		text-align: center;
		color: white;
	}

	#optionsMenu a{
		font-weight: bold;
	}

	#optionsMenu ul li:after{
		font-size:1.3em !important;
	}

	h1{
		font-size:2.5em !important;
	}


	h3,h4{
		font-size:2em !important;
	}

	.traduzido{
		font-size:1.1em !important;
	}


	header{
		height:600px;
	}

	#headerText{
		width:300px;
		margin-top:150px;
		padding-bottom:160px;
	}

	#headerText h1{
		font-size:3em;
	}

	#mobileMenu{
		display: none;
	}

	#menuPC{
		position: relative;
		display: block;
		box-shadow: 0 -3px 5px -5px #000000;
	}

	#menu{
		height:100px;
		background-color:#e31d1a;
	}

	#menuLanguagesDesktop{
		position: absolute;
		left:0;
		top:20px;
		max-height:0;
		-webkit-transition: max-height 2s ease-in;
		transition: max-height 2s ease-in;

	}

	#menuLanguagesDesktop.open{
		max-height:300px;
		background-color:black;
		-webkit-transition: max-height 0.5s ease-out;
		transition: max-height 0.5s ease-out;
	}

	#menuLanguagesDesktop ul{
		position: relative;
		width: 100px;
	}

	#menuLanguagesDesktop ul li{
		background-color:white;
		text-align: center;
		width:40px;
		margin-bottom:2px;
		-webkit-transition: margin 0.15s ease-out;
		transition: margin 0.15s ease-out;
	}

	#menuLanguagesDesktop ul li:hover{
		background-color:#e31d1a;
		color: white;
		margin-left:10px;
		-webkit-transition: margin 0.15s ease-in;
		transition: margin 0.15s ease-in;
	}

	#menuLanguagesDesktop ul a{
		color: #e31d1a;
	}

	#menuContainer{
		margin-top:0;
	}

	#optionsMenu{
		clear:both;
		margin-top:-165px;
		width:800px;
	}

	#optionsMenu a{
		font-size:1.3em;
	}

	#logoDesktop{
		width:300px;
		float: left;
	}

	#logoDesktop img{
		padding-top:0px;
	}

	#languageMenuDesktop{
		float: left;
		width:50px;
		height:50px;
		margin-top:30px;
		margin-left:20px;
		cursor: pointer;
	}
	#apresentacaoTexto{
		margin-bottom:60px;
	}

	#apresentacao .diamond{
		margin-top:-95px;
	}

	#apresentacaoTextoImagens{
		width:60%;
		margin-top:60px;
	}

	#apresentacaoTextoImagens p{
		font-size:0.8em;
		margin-top:-35px;
	}

	/*#txtLegendagem{
		margin-left:30px;
	}*/

	.textoIcones
	{
		margin: 3%;
		max-width: 5vw;
		min-width: 5vw;
	}

	#sloganSlide{
		padding-top:30px;
		margin-bottom:100px;
	}

	#noticiaContainer{
		margin-top:100px;
		margin-bottom:80px;
	}

	#noticia h4{
		text-align:left;
		margin-bottom:50px;
	}

	#noticia p{
		text-align: left;
	}

	#formContainer{
		width:855px;
		margin-top:130px;
		margin-bottom:130px;
	}

	#formContainer span{
		float: left;
		margin-top:20px;
		//margin-right:10px;
		font-size:1em;
		text-align: right;
		font-weight:400;
		//background-color:purple;
		width:10%;
}

	#formContainer span p{
		color:#737373;
	}

	#formContainer input{
	}

	#formContainer input, #formContainer textarea{
		float:right;
		//background-color:red;
		margin-top:15px;
		width:745px;
		height:25px;
}

	#formContainer textarea{
		height:150px;
		min-width:745px;
	}

	#formContainer #spanMensagem{
		//margin-left:-37px;
	}

	#formContainer #spanAssunto{
		//margin-left:-17px;
	}

	#formContainer #submit{
		width:120px;
		height:30px;
		margin-left:690px;
		font-size:1em;
	}

	#contactosContainer{
		height:630px;
		margin-top:100px;
		margin-bottom:-155px;
	}

	#contactosLeft{
		width:40%;
		float: left;
	}

	#contactosRight{
		float: right;
		width:50%;
	}

	#newsletter{
		width:425px;
		height:150px;
	}

	#newsletterImg{
		width:70px;
		height:70px;
		margin-left:-45px;
		margin-top:-45px;
	}

	#newsletter p{
		padding-top:20px;
		text-align: left;
		margin-left: 50px;
		padding-bottom:10px;
	}

	#newsletter input{
		width:170px;
		height:30px;
	}

	#newsletter input:first-child{
		margin-left: 40px;
	}

	#newsletter #newsletterSubmit{
		width:130px;
		height:35px;
		margin-left:270px;
		margin-top:10px;
		font-size:1em;
		//padding-left:40px;
	}

	#newsletterFormulario{
		margin-top:-30px;
	}

	#contactos p, #contactos a{
		font-size:1.2em;
	}

	#contactosTexto{
		margin-bottom:70px;
	}

	#contactosTexto p{
		text-align:left;
	}

	#mapa{
		float: right;
		width:100%;
		height:430px;
		margin-top:0;
	}

	footer{
		height:100px;
	}

	#footerContainer{
		width:73.5%;
		margin-top:30px;
	}


	#redesSociais{
		width:100px;
	}

	.redesSociaisImg{
		margin-right:0px;
	}

	.redesSociaisImg:last-child{
		margin-right:-4px;
	}

	.redesSociaisImg img{
	}

	#formulario #submit, #newsletterSubmit{
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	#formulario #submit:hover, #newsletterSubmit:hover{
		-webkit-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
		background-color:#eeeeee;
		color:#e31d1a;
	}

	#slides {
	  height: auto;
	  margin: 0 auto;
	  width:100%;
	}
}

/*@media only screen and (min-width:95em){
	#optionsMenu{
		top:0px;
		margin-top:-160px;
		width:800px;
	}

	#logoDesktop img{
		top: 0px;
		padding-top:0px;
	}
}*/