@font-face				{
	font-family:		'open_sansregular';
	src:				url('font/opensans-regular-webfont.woff2')	format('woff2'),
						url('font/opensans-regular-webfont.woff')	format('woff');
	font-weight:		normal;
	font-style:			normal;
}

@font-face {
    font-family:		'open_sansbold';
    src: 				url('font/opensans-bold-webfont.woff2')		format('woff2'),
						url('font/opensans-bold-webfont.woff')		format('woff');
    font-weight: 		normal;
    font-style: 		normal;
}
	
body					{
	background:			#23272a;
	margin:				0;					border:				0;
	padding:			0;
	width:				100%;				height:				100%;
	font-family:		"open_sansregular";	font-size:			1.6vh;				
}

p						{
	display:			block;				position:			relative;
	font-size:			1.8vh;
	margin-bottom:		4vh;
}

hr 						{
	background:			#2a7fb7;
	width:				8vh;				height:				0.4vh;
	margin-top:			0.4vh;				margin-bottom:		3vh;				
	border:				0;
}

a						{
	text-decoration:	none;
	transition:			0.3s;	
}

a:hover					{
	opacity:			0.75;
}

.title					{
	display:			block;				position:			relative;
	color:				#3498db;
	margin-left:		auto;				margin-right:		auto;
	font-size:			2vh;				font-family:		"open_sansbold";
}

#head					{
	display:			block;
	background:			url('../img/bg.jpg');
	background-color:	#2c2f33;			color:				white;
	background-repeat:	no-repeat;			
	background-position:	center;
	width:				auto;				height:				20vh;	
}

.headTitle				{
	display:			flex;
	justify-content:	space-between;
	vertical-align:		middle;
	padding-top:		5vh;
	margin-left:		auto;				margin-right:		auto;
	width:				60%;				height:				auto;
}

.headTitle	img			{
	height:				10vh;
}

.headTitle	span		{
	font-family:		"open_sansbold";	font-size:			5vh;
}

.headTitle	p			{
	margin:				0;
	font-size:			1.2vh;
}

.headLogo				{
	text-align:			right;
}

#menu					{
	display:			block;
	background:			#23272a;			color:				white;
	width:				auto;				height:				auto;
	padding:			1vh;
	border-bottom:		#3498db	solid 0.75vh;
	font-family:		"open_sansbold";	font-size:			1.6vh;
	text-align:			center;				text-transform:		uppercase;
}

#menu	a				{
	display:			inline-block;
	color:				white;
	margin-left:		2vh;
}

#menu	img				{
	height:				1.7vh;
	vertical-align:		middle;
}

#body					{
	display:			block;
	background:			white;
	min-height:			60%;				height:				auto;
	padding-top:		2vh;				padding-bottom:		2vh;
	
}

#content				{
	margin-left:		auto;				margin-right:		auto;
	width:				60%;				height:				auto;
}

#principal, #objetivo, #pesquisa, #pesquisadores, #colaboradores, #eventos, #multimidia, #sobre	{
	display:			block;
	width:				auto;				height:				auto;
	padding:			1vh;
}

#principal 	a			{
	color:				#3498db;
	font-size:			1.4vh;				font-style:			italic;
		
}

.eventosPic				{
	height:				15vh;
}

.multimidiaTitle		{
	display:			block;				color:				#546e7a;
	width:				auto;				height:				auto;
	margin-left:		auto;				margin-right:		auto;
	font-family:		"open_sansbold";
	text-align:			center;	
}

#multimidia iframe		{
	display:			block;
	width:				56vh;				height:				31.5vh;
	margin-left:		auto;				margin-right:		auto;
	margin-top:			1vh;				margin-bottom:		2vh;
}

#sobre a				{
	color:				black;
}

.marker					{
	color:				#546e7a;
	font-family:		"open_sansbold";
}

.description			{
	margin-left:		5%;
}

.icon					{
	height:				2.2vh;
	vertical-align:		middle;
}

.fotoPesquisador		{
	height:				10vh;	
}

.pesquisador			{
	margin-bottom:		2vh;
}

.pesquisador,	.colab,	.evento	{
	display:			block;
	margin-left:		5%;
}

.pesquisador	span, .evento	span	{
	color:				#3498db;
	font-size:			2vh;				font-family:		"open_sansbold";	
}

.pesquisador	p, .colab	p, .evento	p	{
	display:			inline-block;
	vertical-align:		middle;
	margin-right:		2vh;
	margin-bottom:		0;
}

.pesquisador	a, .evento	a	{
	color:				#23272a;
	text-decoration:	none;
}

.colab					{
	display:			block;
}

.colab	span			{
	color:				#3498db;
	font-family:		"open_sansbold";	font-size:			1.3vh;
	font-style:			italic;				text-transform:		lowercase;

}

.colab	img				{
	height:				5vh;
}

.book					{
	max-width:			70%;
	
}

#footer					{
	display:			block;				
	background:			#23272a;			color:				white;
	width:				auto;				height:				auto;
	text-align:			center;				font-size:			1.6vh;
	border-top:			#3498db	solid 0.75vh;
	padding:			1vh;
}

#footer	p				{
	font-family:		"open_sansbold";	font-size:			1.4vh;
	margin-bottom:		0;
}

#footer	img				{
	display:			inline-block;
	margin:				1vh;
	height:				5.5vh;
	vertical-align:		middle;
	transition:			0.3s;
}

#footer img:hover		{
	opacity:			0.75;
}

@media screen and (max-width: 768px) {
	.headTitle, #content	{	width:		90%; 			}
	.headTitle	img			{	height:		7.5vh			}
	.headTitle	span		{	font-size:	3vh;			}
	.headTitle	p			{	font-size:	1vh;			}	
	.fotoPesquisador		{	height:	17.5vh;				}
	.pesquisador	p		{	display:		block;	
								margin-left:	auto;
								margin-right:	auto;		}
	#multimidia iframe		{	width:			80%;		}
}