@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	border:0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body{
	background-color:#ffffff;
}

#header {
	background-image: url(../img/homePage.png);
	/*box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);*/
	width:100%;
	height: 100vh;
}

	#idioma{
		float:left;
		width:100%;
		height:auto;
		padding:2% 0 0 0;		
	}
		
		utilizador{
			width:auto;
			height:auto;
			font-family: 'Halant', serif;
			font-size:15px;
			color:#000;
		}
		utilizador a{
			text-decoration:none;
			color:#03F;
			font-weight:bold;
		}

	#menu_page{
		position: fixed;
		width:100%;
		height:auto;
	}

	.content-block{
		background:transparent no-repeat center center fixed;
		-webkit-background-size:100% 100vh;
		-moz-background-size:100% 100vh;
		-o-background-size:100% 100vh;
		background-size:100% 100vh;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		overflow:hidden;
		padding: 0 0 0 0;
	}

	#person_foto{
		float:left;
		width:30%;
		margin-top:4vh;
		height:96vh;
		padding-left:10%;		
		-webkit-transition: 0.6s ease-in;
		-moz-transition: 0.6s ease-in;
		-o-transition: 0.6s ease-in;
		transition: 0.6s ease-in;
		/*background-color:#FF3;*/
	}
		#id_person_foto{
			width:auto;
			height:100%;
		}
	
	#person_name{
		float:right;
		width:60%;
		height:auto;
		margin-top: 25vh;
		-webkit-transition: 0.6s ease-in;
		-moz-transition: 0.6s ease-in;
		-o-transition: 0.6s ease-in;
		transition: 0.6s ease-in;
		text-align:center;
		/*background-color:#F00;*/
	}
		#id_person_name{
			width:auto;
			height:10%;;
		}
	#slogan{
		float:right;
		width:60%;
		height:auto;
		margin-top: 5vh;
		-webkit-transition: 0.6s ease-in;
		-moz-transition: 0.6s ease-in;
		-o-transition: 0.6s ease-in;
		transition: 0.6s ease-in;
		text-align:center;
		/*background-color:#0FC;*/
	}
	#slogan p{
		font-size: 30px;
		line-height: 2em;
		font-family: 'Halant', serif;
		font-weight:800;
		color: #FFF;
	}
			
	#secondary-slogan{
		float:right;
		width:60%;
		height:auto;
		margin-top: 5vh;
		-webkit-transition: 0.6s ease-in;
		-moz-transition: 0.6s ease-in;
		-o-transition: 0.6s ease-in;
		transition: 0.6s ease-in;
		text-align:center;
		/*background-color:#090;*/
	}
		.actionButon{
			text-decoration:none;
			width:150px;
			height:80px;
			font-family: 'Halant', serif;
			font-size:20px;
			background-color:#cf0b3f;
			padding:10px 30px;
			color:#FFF;
			-webkit-transition: 0.6s ease-in;
			-moz-transition: 0.6s ease-in;
			-o-transition: 0.6s ease-in;
			transition: 0.6s ease-in;
			text-align:center;

		}
		.actionButon:hover{
			background-color:#FFF;
			font-weight:800;
			color:#cf0b3f;
			-webkit-transition: 0.6s ease-in;
			-moz-transition: 0.6s ease-in;
			-o-transition: 0.6s ease-in;
			transition: 0.6s ease-in;
			text-align:center;
		}

#conteiner{
	float:left;
	width:85%;
	height:auto;
	padding:0 5% 5% 10%;
}
	#central_conteiner{
		float:left;
		width:65%;
		height:auto;
		padding:0 2%;
		/*background-color:#CCC;*/
	}
		#central_conteiner p{
			font-family: 'Halant', serif;
			font-size:20px;
			line-height:35px;
			color:#000;
		}
		.link{
			text-decoration:none;
			color:#03F;
			font-weight:bold;
		}
		#central_conteiner h1{
			font-family: 'Halant', serif;
			font-size:35px;
			line-height:45px;
			margin-left:40px;
			color:#041E42;
		}
		
		#imagem_idex{
			width:70%;
			height:auto;
		}

//-------------------------------------------------------------------------


	



	
@media screen and (max-width:1680px) {
}

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

*{
	margin: 0;
	padding: 0;
	border:0;
}

}
@media screen and (max-width:1360px) {

*{
	margin: 0;
	padding: 0;
	border:0;
}

}

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

*{
	margin: 0;
	padding: 0;
	border:0;
}
	#person_foto{
		float:left;
		width:40%;
		height:95vh;
		padding-left:5%;
		margin-top:8vh;
		/*background-color:#FF0;*/
	}
		#id_person_foto{
			width:auto;
			height:100%;			
		}
	
	#person_name{
		float:right;
		width:52%;
		padding-right:3%;
		height:auto;
		margin-top: 35vh;
		/*background-color:#0FF;*/
	}
		#id_person_name{
			width:100%;
			height:auto;;
		}
	#slogan{
		float:right;
		width:52%;
		height:auto;
		margin-top: 5vh;
		/*background-color:#0FC;*/
	}
	#slogan p{
		font-size: 30px;
		line-height: 2em;
	}
			
	#secondary-slogan{
		float:right;
		width:52%;
		height:auto;
		margin-top: 5vh;
		/*background-color:#090;*/
	}
	
	

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

*{
	margin: 0;
	padding: 0;
	border:0;
}
	#person_foto{
		float:left;
		width:40%;
		height:95vh;
		padding-left:5%;
		margin-top:8vh;
		/*background-color:#FF0;*/
	}
		#id_person_foto{
			width:auto;
			height:100%;			
		}
	
	#person_name{
		float:right;
		width:52%;
		padding-right:3%;
		height:auto;
		/*background-color:#0FF;*/
	}
		#id_person_name{
			width:80%;
			height:auto;;
		}
/*--------------------------------------------------------*/

#conteiner{
	width:96%;
	padding:0 2% 5% 2%;
}

	#central_conteiner{
		width:80%;
		/*background-color:#CCC;*/
	}
}
/*@media screen and (max-width:700px) {*/
@media screen and (max-aspect-ratio: 1/1) {
*{
	margin: 0;
	padding: 0;
	border:0;
}
#header {
	height: 100vh;
}

	#person_foto{
		width:100%;
		height:50vh;
		margin:0 auto 0 auto;
		margin-top:8vh;
		text-align: center;
		/*background-color:#FF0;*/
	}
		#id_person_foto{
			width:auto;
			height:100%;			
		}
	
	#person_name{
		width:100%;
		padding-right:0;
		height:15vh;
		margin-top: 0;
		text-align: center;
		/*background-color:#0FF;*/		
	}
		#id_person_name{
			width:auto;
			height:70%;;
		}
		
	#slogan{
		float:left;
		width:100%;
		margin-top: 5vh;
		/*background-color:#0FC;*/
	}
	#slogan p{
		font-size: 30px;
		line-height: 1em;
	}
			
	#secondary-slogan{
		float:left;
		width:100%;
		margin-top: 4vh;
		/*background-color:#090;*/
	}

		
}
@media screen and (max-width:700px) {
#conteiner{
	width:98%;
	padding:0 1% 5% 1%;
}

	#central_conteiner{
		width:96%;
		margin: 0 auto 0 auto;
		/*background-color:#CCC;*/
	}
		
		#central_conteiner h1{
			font-size:25px;
			line-height:35px;
			margin: 0 2%;
			text-align:center;
		}
}