/* ------------------------------------------------------------------------------------------------------------------ */
/* fontes */

@font-face
{
	font-family:		'HelveticaNeueLtStdbold';
	src:				url('../src/fonts/HelveticaNeueLtStdbold/HelveticaNeueLtStdbold.eot');
	src:				url('../src/fonts/HelveticaNeueLtStdbold/HelveticaNeueLtStdbold.eot') format('embedded-opentype'),
						url('../src/fonts/HelveticaNeueLtStdbold/HelveticaNeueLtStdbold.woff2') format('woff2'),
						url('../src/fonts/HelveticaNeueLtStdbold/HelveticaNeueLtStdbold.woff') format('woff'),
						url('../src/fonts/HelveticaNeueLtStdbold/HelveticaNeueLtStdbold.ttf') format('truetype'),
						url('../src/fonts/HelveticaNeueLtStdbold/HelveticaNeueLtStdbold.svg#HelveticaNeueLtStdbold') format('svg');
}

@font-face
{
	font-family:		'HelveticaNeueLtStdlight';
	src:				url('../src/fonts/HelveticaNeueLtStdlight/HelveticaNeueLtStdlight.eot');
	src:				url('../src/fonts/HelveticaNeueLtStdlight/HelveticaNeueLtStdlight.eot') format('embedded-opentype'),
						url('../src/fonts/HelveticaNeueLtStdlight/HelveticaNeueLtStdlight.woff2') format('woff2'),
						url('../src/fonts/HelveticaNeueLtStdlight/HelveticaNeueLtStdlight.woff') format('woff'),
						url('../src/fonts/HelveticaNeueLtStdlight/HelveticaNeueLtStdlight.ttf') format('truetype'),
						url('../src/fonts/HelveticaNeueLtStdlight/HelveticaNeueLtStdlight.svg#HelveticaNeueLtStdlight') format('svg');
}

@font-face
{
	font-family:		'ArialNarrow';
	src:				url('../src/fonts/arial_narrow/ArialNarrow.eot');
	src:				url('../src/fonts/arial_narrow/ArialNarrow.eot') format('embedded-opentype'),
						url('../src/fonts/arial_narrow/ArialNarrow.woff2') format('woff2'),
						url('../src/fonts/arial_narrow/ArialNarrow.woff') format('woff'),
						url('../src/fonts/arial_narrow/ArialNarrow.ttf') format('truetype'),
						url('../src/fonts/arial_narrow/ArialNarrow.svg#ArialNarrow') format('svg');
}




h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span { font-family: Arial, sans-serif; font-size: 16px; color: #0a0203; }
input, textarea { color: #404041; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* fundo */

html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #ffffff; }
*
{
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;

	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#container { display: block; position: relative; width: 100%; min-height: 100%; }
	div#header { display: block; position: fixed; width: 100%; top: 0; left: 0; height: 150px; margin: 0 auto; background-color: #ffffff; z-index: 500; overflow: visible !important; }
	div#header_responsive { display: none; }
	div#menu_responsive { display: none; }
	div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 150px 0 160px 0; background-color: #ffffff; }
	div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 160px; overflow: hidden; background-color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#header { display: none; }
	div#header_responsive { display: block; position: fixed; width: 100%; height: 50px; background-color: #ffffff; z-index: 500; }

	div#menu_responsive { display: block; position: fixed; top: 50px; right: 0; width: 310px; min-height: 50px; background-color: #0a0203; z-index: 500; padding: 10px 0; }
	div#menu_responsive.opened { opacity: 1; z-index: 500; }
	div#menu_responsive.closed { opacity: 0; z-index: -500; }

	div#body { padding: 75px 0 120px 0; }

	div#footer { height: 120px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* limpador */

div.clear { clear: both; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* cabecalho */

/* topo */
div#header div.top { display: block; position: relative; width: 100%; margin: 0 auto; height: 40px; background-color: #0a0203; overflow: hidden; }

/* bloco de conteudo */
div#header div.block { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: right; }

/* entrar e registar */
div#header div.top div.block div.login { display: inline-block; position: relative; margin: 0 0 0 50px; padding: 0; height: 40px; }
	div#header div.top div.block div.login a { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 16px; line-height: 20px; margin: 10px 0 0 5px; color: #ffffff; text-decoration: none; }
	div#header div.top div.block div.login a:hover { text-decoration: underline; }
	div#header div.top div.block div.login p { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 16px; line-height: 20px; margin: 10px 0 0 5px; color: #ffffff; text-decoration: none; }

/* linguagens */
div#header div.top div.block div.languages { display: inline-block; position: relative; margin: 0 0 0 50px; padding: 0; height: 40px; }
	div#header div.top div.block div.languages a { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; color: #ffffff; text-decoration: none; }
	div#header div.top div.block div.languages a:hover { text-decoration: underline; }
	div#header div.top div.block div.languages p { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; color: #ffffff; text-decoration: none; }

/* logotipos */
div#header a.logo { display: block; position: absolute; top: 5px; left: 0; width: 100px; height: 100px; background: transparent url(../src/img/logo.png) no-repeat center center; background-size: cover; }

/* menu */
div#header div.menu { display: block; position: absolute; top: 10px; right: 0; width: 900px; height: 110px; text-align: right; }
	div#header div.menu a { display: inline-block; position: relative; font-size: 16px; margin: 0 7px; line-height: 25px; text-decoration: none; color: #0a0203; padding: 40px 10px 30px 10px; vertical-align: top; border-bottom: 5px solid transparent; }
	div#header div.menu a.openCategories { color: #929497; background-color: #ffffff; }
	div#header div.menu a.menu:hover { color: #929497; border-bottom: 5px solid #929497; }
	div#header div.menu a.selected { color: #929497; border-bottom: 5px solid #929497; }
		div#header div.menu a div.subMenu { display: none; position: absolute; top: 100%; left: 0; width: 330px; margin: 0 0 0 0; padding: 5px 10px 5px 10px; background-color: #0a0203; z-index: 100; text-align: left; cursor: pointer; border-top: 5px solid #929497; }
			div#header div.menu a div.subMenu span { display: block; position: relative; font-family: 'ArialNarrow', sans-serif; font-size: 20px; color: #ffffff; line-height: 35px; padding: 0 5px; margin: 5px 0 0 0; cursor: pointer; }
			div#header div.menu a div.subMenu span:hover { background-color: #ffffff; color: #0a0203; }

@media all and ( max-width: 1199px )
{
	div#header_responsive a.logo { display: block; position: absolute; top: 5px; left: 50%; width: 40px; height: 40px; background: transparent url(../src/img/logo.png) no-repeat center center; background-size: cover; margin: 0 0 0 -20px; }
	div#header_responsive span#icon_menu_responsive { display: block; position: absolute; top: 12px; right: 10px; width: 42px; height: 25px; background: transparent url(../src/img/icon_menu_responsive.png) no-repeat center center; background-size: cover; }

	div#menu_responsive a.menu { display: block; position: relative; width: 280px; margin: 0 auto; padding: 0 10px; font-size: 20px; color: #ffffff; text-align: right; text-decoration: none; line-height: 35px; text-transform: uppercase; }
		div#menu_responsive a.menu.selected { background-color: #ffffff; color: #0a0203; }

		div#menu_responsive div.languages { display: block; position: relative; width: 280px; margin: 15px 0 0 0; padding: 0 10px; text-align: right; font-size: 0; }
			div#menu_responsive div.languages a { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; color: #ffffff; text-decoration: none; }
			div#menu_responsive div.languages a.selected,
			div#menu_responsive div.languages a:hover { text-decoration: underline; }
			div#menu_responsive div.languages p { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 20px; margin: 10px 5px 0 5px; color: #ffffff; text-decoration: none; }

		div#menu_responsive div.login { display: block; position: relative; width: 280px; padding: 0 10px; text-align: right; font-size: 0; }
			div#menu_responsive div.login a { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; color: #ffffff; text-decoration: none; text-transform: lowercase; }
			div#menu_responsive div.login a:hover { text-decoration: underline; }
			div#menu_responsive div.login p { display: inline-block; position: relative; width: auto; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 20px; margin: 10px 5px 0 5px; color: #ffffff; text-decoration: none; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* rodape */

div#footer div.externals { display: block; position: relative; width: 850px; margin: 0 auto; height: 90px; background-color: #ffffff; padding: 10px 25px; }
	div#footer div.externals p { display: block; position: relative; width: auto; height: 20px; line-height: 20px; font-size: 13px; color: #797b7a; }
		div#footer div.externals div.col1 { display: inline-block; position: relative; width: 244px; height: 90px; border-right: 1px solid #dbdbdb; vertical-align: top; }
			div#footer div.externals div.col1 a.euroshelves { display: block; position: absolute; top: 30px; left: 0; width: 50px; height: 50px; background: transparent url(../src/img/footereuroshelves.jpg) no-repeat; background-size: cover; }
			div#footer div.externals div.col1 a.aramague { display: block; position: absolute; top: 40px; left: 70px; width: 153px; height: 28px; background: transparent url(../src/img/footeraramague.jpg) no-repeat; background-size: cover; }
		div#footer div.externals div.col2 { display: inline-block; position: relative; width: 124px; height: 90px; border-right: 1px solid #dbdbdb; vertical-align: top; }
			div#footer div.externals div.col2 span.iso9001 { display: block; position: absolute; top: 8px; left: 10px; width: 105px; height: 74px; background: transparent url(../src/img/footeriso9001.jpg) no-repeat center center; background-size: contain; }
		div#footer div.externals div.col3 { display: inline-block; position: relative; width: 421px; height: 90px; vertical-align: top; margin: 0 0 0 25px; }
			div#footer div.externals div.col3 a.maiscentro { display: block; position: absolute; top: 25px; left: 0; width: 121px; height: 48px; background: transparent url(../src/img/footermaiscentro.jpg) no-repeat; background-size: cover; }
			div#footer div.externals div.col3 a.qren { display: block; position: absolute; top: 26px; left: 131px; width: 107px; height: 45px; background: transparent url(../src/img/footerqren.jpg) no-repeat; background-size: cover; }
			div#footer div.externals div.col3 a.ue { display: block; position: absolute; top: 25px; left: 248px; width: 155px; height: 48px; background: transparent url(../src/img/footerue.jpg) no-repeat; background-size: cover; }

div#footer div.bottomBg { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto; background-color: #0a0203; }
	div#footer div.bottomBg div.block { display: block; position: relative; width: 900px; margin: 0 auto; height: 50px; }
		div#footer div.bottomBg div.block div.copyright { display: block; position: absolute; top: 0; left: 25px; font-size: 16px; line-height: 50px; color: #ffffff; }
			div#footer div.bottomBg div.block div.copyright p { display: inline-block; position: relative; font-size: 16px; line-height: 50px; color: #ffffff; vertical-align: top; }
			div#footer div.bottomBg div.block div.copyright a { display: inline-block; position: relative; font-size: 16px; line-height: 50px; color: #ffffff; vertical-align: top; text-decoration: none; }
			div#footer div.bottomBg div.block div.copyright a:hover { text-decoration: underline; }
		div#footer div.bottomBg div.block a.logo { display: block; position: absolute; top: 13px; right: 25px; width: 101px; height: 23px; margin: 0; background: transparent url(../src/img/idstudies.png) no-repeat; }

@media all and ( max-width: 1199px )
{
	div#footer div.externals { width: 300px; height: 50px; padding: 10px; }
		div#footer div.externals p { font-size: 10px; line-height: 15px; }
			div#footer div.externals div.col1 { width: 110px; height: 100%; }
				div#footer div.externals div.col1 a.euroshelves { width: 20px; height: 20px; top: 20px; }
				div#footer div.externals div.col1 a.aramague { width: 75px; height: 14px; top: 23px; left: 30px; }
			div#footer div.externals div.col2 { width: 25px; height: 100%; }
				div#footer div.externals div.col2 span.iso9001 { width: 20px; height: 20px; top: 20px; left: 0; }
			div#footer div.externals div.col3 { width: 155px; margin: 0; height: 100%; }
				div#footer div.externals div.col3 a.maiscentro { top: 20px; width: 50px; height: 20px; }
				div#footer div.externals div.col3 a.qren { top: 20px; left: 52px; width: 50px; height: 21px; }
				div#footer div.externals div.col3 a.ue { top: 22px; left: 104px; width: 50px; height: 16px; }

		div#footer div.bottomBg div.block { width: 100%; padding: 10px 0 0 0; height: 40px; }
			div#footer div.bottomBg div.block div.copyright { width: 100%; position: relative; left: auto; top: auto; }
				div#footer div.bottomBg div.block div.copyright p { display: block; font-size: 12px; line-height: 15px; text-align: center; }
				div#footer div.bottomBg div.block div.copyright p.responsive { display: none; }
				div#footer div.bottomBg div.block div.copyright a { display: none; }
			div#footer div.bottomBg div.block a.logo { display: block; position: relative; top: auto; right: auto; margin: 0 auto; background-size: cover; width: 66px; height: 15px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */