/**
 * iris.website.css
 * Desenvolvimento UPT
 *
 * Website styles.
 *************************************************************/

html {
	min-height: 100%;
	background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
	background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
	background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
}

html.background {
	background-position: 50% 5em;
	background-repeat: no-repeat;
}

body {
	margin: 0 auto !important;
	width: 940px;
}

	body > article {
		padding: 0;
		margin-left: 0;
		font-family: Arial;
		z-index: 0!important;
	}

body > header {
	margin: 0 auto;
	width: 940px;
	height: 6em;
	padding-left: 0;
	padding-right: 0;
}

	body > header form {
		display: inline-block;
		margin-left: 0.75em;
	}

	body > header > nav {
		top: 3.5em;
		left: 2.5em;
	}

body > footer {
	position: relative;
	bottom: auto;
	box-sizing: border-box;
	width: 940px;
	/*margin: 3em auto 1em auto;*/
	margin: 2em auto 1em auto;
	padding: 0;
	border: 1px solid #ccc;
	font-size: 1em;
	background: none;
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

	body > footer > ul {
		display: inline-block;
		margin-bottom: 0;
		margin-left: 0;
	}

	body > footer li li { font-size: 0.8em; }

		body > footer > ul li {
			list-style: none;
			margin-left: 0;
		}

		body > footer > ul > li {
			vertical-align: top;
			display: inline-block;
			padding: 1em 1em 1em 2em;
			margin-top: 0;
			margin-bottom: 0;
			text-align: left;
		}

			body > footer > ul > li:first-child {
				max-width: 120px;
			}

		body > footer > ul > li + li {
			/*border-left: 1px dashed #ccc;*/
		}

		body > footer > ul ul {
			margin: 1em auto 0 0;
		}




article > h1 {
	margin-top: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI" !important;
}

h1, h2, h3, h4, h5 {
	text-transform: none;
}

h6 {
	color: #599fb9;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

button, .btn {
	min-width: 2em;
	padding: 0.2em 0.5em;
	border: 1px solid #ccc;
}

.contacto {
	padding: 0.1em 0.5em 0.25em 0.5em;
}

	.contacto:hover {
		color: #ddd;
		background-color: #333;
		opacity: 0.8;
	}

.search_box {
	position: relative;
	display: block;
	float: none;
}

	.search_box input {
		width: 13.65em;
	}

	.search_box input[type=submit]:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

.pagination {
	margin: 2em auto;
}

	.pagination a {
		display: inline-block !important;
		margin: 0.25em;
	}

#news_pagination { text-align: right; }

#news_pagination li {
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	margin: 0.25em;
	padding: 0.25em;
	background-color: #ccc;
}

#news_pagination li:hover {
	background-color: #999;
	cursor: pointer;
}

#news_pagination li.selected {
	background-color: #666;
}

.modal {
	margin: auto 5em;
	padding: 1em;
	left: auto;
	box-shadow: 0px 3px 5px #333;
}

	.modal header {
		padding: 0;
		border: 0;
	}

	.modal header::before {
		display: none;
	}

		.modal header .close {
			top: 0.35em;
			font-size: 2em;
		}

	.modal p {
		line-height: 1.5em;
	}

	.modal ul {
		list-style: none;
		margin-left: 0.5em;
	}

	.modal div {
		margin-left: 0;
		margin-right: 0;
	}

.ementa {
	font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
}

.ementa .meat, .ementa .fish, .ementa .diet {
	height: 64px;
	padding: 2em;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50% 50%;
}

.ementa .meat {
	background-color: rgb(17, 153, 221);
	background-image: url("images/ementa_meat.png");
}
.ementa .fish {
	background-color: rgb(196, 60, 53);
	background-image: url("images/ementa_fish.png");
}
.ementa .diet {
	background-color: rgb(70, 165, 70);
	background-image: url("images/ementa_diet.png");
}

.ementa > div {
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.ementa > div:first-child {
	padding-top: 3em;
	text-align: center;
}

	.ementa > div:hover {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	.ementa div div {
		padding: 0.25em 0.5em;
		position: absolute;
		left: 0.5em;
		bottom: 0.5em;
		right: 0.5em;
		font-weight: bold;
		text-align: center;
		color: #ddd;
		background-color: #333;
		opacity: 0.8;
	}


img.round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.user img {
	margin: 0.5em;
	max-height: 2.5em;
	max-width: 2.5em;
	vertical-align: middle;
	-webkit-box-shadow: 0px 3px 9px;
	-moz-box-shadow: 0px 3px 9px;
	box-shadow: 0px 3px 9px;
}

.user.large img {
	max-height: 4em;
	max-width: 4em;
}

.user.xlarge img {
	max-height: 8em;
	max-width: 8em;
}

ul.unmarked {
	margin-left: 0.5em;
}

ul.unmarked li {
	list-style-type: none;
}

ul.inline li {
	display: inline-block;
}

.tiles {
	margin: 0 !important;
}

.tiles li {
	padding: 0.5em;
	text-align: center;
	font-size: 1.25em;
	color: #fff;
	background: rgb(121, 191, 217);
}

.number-big {
	display: inline-block;
	margin-top: 0.15em;
	font-size: 1.5em;
}

ul.tabs {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	border-bottom: 3px solid rgb(121, 191, 217);
}

ul.tabs li {
	margin-bottom: 0;
	padding: 0.5em 1em;
}

ul.tabs li:hover {
	background: #ccc;
}

ul.tabs li.selected, ul.tabs li.selected:hover {
	font-weight: bold;
	color: #fff;
	background: rgb(121, 191, 217);
}

#home {
	background: url("images/metro_logo.png") no-repeat;
	background-position: 0% 40%;
	width: auto;
	line-height: 2.75em;
	text-indent: 3em;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Garamond;
}

#profile {
	top: 0;
	right: 0;
	min-width: 1em;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 0.8em;
	/*z-index: 2000;*/
}

	#profile:hover {
		color: #000;
		background: transparent;
	}

	#profile span {
		display: inline-block;
	}

	#profile span + span {
		margin-left: 0.5em;
	}

	#profile span + span:before {
		content: "| ";
	}

		#profile span label {
			margin-left: 0;
			padding-top: 0;
			line-height: inherit;
			text-transform: inherit;
			font-size: inherit;
			color: #000;
		}

	#profile .search_box input[type=submit] {
		background-size: 150%;
	}

	#profile img {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

#modal_contact, #modal_local, #modal_translate {
	width: 700px;
}

#news_controls {
	position: absolute;
	right: 0;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	padding: 0.1em 0.5em 0.25em 0.5em;
	text-align: right;
}

#news:hover #news_controls {
	margin-top: 0;
	background-color: #333;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#news_controls .btn {
	width: auto !important;
	padding-left: 0.5em;
	color: #333 !important;
	text-decoration: none;
}

#news_controls button {
	margin-left: 0.5em;
}

#news_controls a.btn:hover {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
}

#news {
	position: relative;
	/*padding-top: 1em;*/
	overflow-x: none;
}

#news a.btn {
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
}

	#news_controls button, #news_controls a.btn {
		/*float: right;*/
		width: 2em;
		height: 2em;
		border: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-top: 0.5em;
		color: transparent;
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	#news_controls button:hover, #news_controls a.btn:hover {
		box-shadow: none;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	#news_controls button.next, #news_controls a.btn.next {
		background: url("images/metro_action_next.png") no-repeat 50% 50%;
	}

	#news_controls button.back, #news_controls a.btn.back {
		background: url("images/metro_action_back.png") no-repeat 50% 50%;
	}

	#news div > a {
		position: relative;
		float: left;
		width: 18.13em;
		width: 18.58em;
		height: 6em;
		margin: 0.15em;
		color: #fff;
		padding: 0.5em;
		overflow: auto;
		/*box-shadow: 2px 3px 9px rgba(0,0,0,0.45);*/
		-o-transition: 0.3s;
		-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		-moz-transition: 0.3s;
		-moz-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		-webkit-transition: 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0
		transition: 0.3s;.25, 1);
		transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		text-decoration: none;
		font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
		text-overflow: ellipsis;
		overflow: hidden;
		text-overflow: -o-ellipsis-lastline; }

	#news div > a:hover {
		position: relative;
		-webkit-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-o-transform: scale(1.02);
		transform: scale(1.02); }

	#news div > a h2 { font-size: 1.25em; margin: auto; padding-bottom: 0.15em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-transform: lowercase; line-height: 1.5em; color: #fff; }

	#news div > a img { display: block; float: left; margin-top: 0.1em; margin-right: 0.5em; max-width: 5em; max-height: 5.5em; }

	#news div > a div {
		font-size: 0.75em;
		line-height: 1.5em;
	}

	.colour1 { background-color: #034079; }
	.colour2 { background-color: #722b65; }
	.colour3 { background-color: #364149; }
	.colour4 { background-color: #cd442e; }
	.colour5 { background-color: #419da5; }
	.colour6 { background-color: #7a4; }
	.colour7 { background-color: #a74; }
	.colour8 { background-color: #c7a; }
	.colour9 { background-color: #47a; }

	.double_width { width: 41.7em !important; }
	.double_height { height: 19.6em !important; }

#news a.half {
	width: 9.2em;
}

#news a.double {
	height: 12em;
}

#news a.super {
	height: 27em;
	width: 40em;
	width: 700px;
	margin: 0;
	padding: 0;
}

#news a.super img.background {
	max-width: 60em;
	width: 700px;
	max-height: 30em;
}

#news img.background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	bottom: 0;
	max-width: 30em;
	width: 374px;
	max-height: 14em;
}

#news a .background + .attract {
	padding: 0.5em;
	position: absolute;
	left: 0.5em;
	bottom: 0.5em;
	right: 0.5em;
	background-color: #333;
	opacity: 0.8;
}

#news a.double .background + .attract {
	left: 0.4em;
	bottom: 0.4em;
	right: 0.4em;
	font-size: inherit;
	font-size: 0.75em;
}

#news a.super h2 {
	font-size: 2em;
}

.news_well {
	opacity: 1;
	position: absolute;
	-o-transition: 0.5s;
}

#news .hidden {
	opacity: 0;
}

.attract h1 {
	color: #fff;
}

#cursos_venda, #news {
	height: 26.5em;
	overflow: none;
}

#cursos_venda {
	overflow: hidden;
}

#cursos h2 {
	border-bottom: 2px solid #79bfd9;
}

#cursos_venda ul, #filtros ul, #cursos ul, #search_contents ul {
	list-style: none;
	margin-left: 0;
	font-family: "Segoe UI";
}

	#cursos ul.curso_filho {
		margin-top: 0.5em;
		margin-left: 1em;
	}

#cursos_venda li:hover, #filtros li:hover, #cursos li:hover, #search_contents li:hover { background-color: rgb(229, 229, 229); }

#cursos_venda li, #filtros li, #cursos li, #search_contents li {
	border-bottom-color: transparent;
	border-bottom-style: solid;
	border-bottom-width: 0.1em;
	border-left-color: transparent;
	border-left-style: solid;
	border-left-width: 0.1em;
	border-right-color: transparent;
	border-right-style: solid;
	border-right-width: 0.1em;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 0.1em;
	margin-bottom: 0em;
	cursor: pointer;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
}

#filtros li.selected {
	background-color: rgb(229, 229, 255);
	background-color: #79bfd9;
}

#cursos_venda h3 {
	line-height: 1.75em;
}

#cursos_venda a, #filtros a, #noticias a, #cursos a, #search_contents a {
	clear: both;
	display: block;
	text-decoration: none;
}

#cursos_venda a.btn {
	/*margin-top: 1.4em;*/
}

#filtros .inline {
	margin-top: 2em;
}

#filtros .inline a {
	display: inline;
}

#filtros .inline li {
	display: inline;
}

#filtros .inline li img {
	vertical-align: middle;
	padding-bottom: 0.4em;
}

#newsbar {
	margin-bottom: 1em;
}

#noticias > a {
	position: relative;
	display: block;
	padding-bottom: 1em;
	margin-bottom: 0;
	height: 5em;
	background-image: -o-linear-gradient(to bottom, rgb(255, 255, 255), rgb(245, 245, 245));
}

	#noticias > a:hover {
		background-image: none;
	}

#noticias > a + a {
	margin-top: 0;
	border-top: 1px dashed #ccc;
	padding-top: 1em;
}

#noticias .background {
	max-width: 6.5em;
	max-height: 4.5em;
	margin: 0.25em;
}


#noticias .attract {
	position: absolute;
	left: 8.5em;
	bottom: 1.25em;
	right: 0.25em;
	font-size: 0.85em;
	line-height: 1.5em;
}

#noticias .attract h3 {
	margin: 0 0 0.5em 0;
	color: #599fb9;
	line-height: 1em;
	font-weight: bold;
}

#noticias .attract h3 > span {
	display: block;
	margin-top: 0.25em;
	color: #aaa;
}

#docentes li {
	list-style-type: none;
}

#mapviewer a {
	font-size: 0.75em;
	font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
}

#mapviewer h6 {
	text-align: center;
}

#metro_line {
	color: #000 !important;
	background-color: yellow !important;
}

#LME_maplinks {
	text-align: center;
}

#LME_largerMap {
	line-height: 20px;
}

#LME_directions {
	margin: 0 7px;
}

#contact_generic {
	position: relative;
	height: 277px;
	background: transparent url("//siupt.uportu.pt/content/images/stock/img_9.jpg") no-repeat 0% 0%;
}

#contact_generic ul {
	position: absolute;
	bottom: 0;
	margin-bottom: 0.5em;
	padding: 0.5em;
	color: #ddd;
	background-color: #333;
	opacity: 0.8;
}

#search_contents li h6 {
	font-size: 1.25em;
}

/* footer */
#partners, #partners li {
	max-width: 120px;
}
#partners img {
	max-width: 120px;
}

#networks {
	margin-bottom: 1.5em;
}

#networks li {
	position: relative;
	display: block;
	height: 32px;
	text-indent: 40px;
	text-align: left;
	vertical-align: middle;
}

#networks li a {
	line-height: 32px;
}

#networks li:before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url("images/metro_social.png");
	background-repeat: no-repeat;
}

.facebook:before {
	background-color: rgb(58, 89, 151);
	background-position: -32px 0;
}

.linkedin:before {
	background-color: rgb(67, 147, 187);
	background-position: 0px 0;
}

.youtube:before {
	background-color: rgb(255, 51, 51);
	background-position: -68px 0px;
}

#portals li {
	text-align: left;
}

#last {
	/*max-width: 200px;*/
}

.shaded {
	padding: 0.5em;
	font-size: 1em;
	font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
	color: #fff;
	background-color: #333;
	opacity: 0.9;
}

.shaded p, .shaded li {
	font-size: 1em;
}

.btn.large {
	height: auto;
	font-size: 1.15em;
}

html#lock {
	background-color: #fff;
	background-image: none; }

#lock body {
	max-width: 700px;
	margin: 80px 0 0 100px !important;
	font-weight: 200;
	font-size: 14pt;
	color: #575757;
	background-color: #fff; }

#lock #copy {
	padding-top: 10px;
	font-size: 9pt;
	color: #aaa;
	text-align: right; }

#lock h1 {
	margin: 0 0 20px 0;
	font-size: 38pt;
	font-weight: 300;
	color: #2778ec; }

#lock ul {
	list-style: none;
	margin: 20px 0 40px 0;
	padding: 5px 0 0 40px; }

#lock li { margin-top: 8px; }

#lock a {
	text-decoration: none;
	color: #0066cc; }

#lock a:hover { text-decoration: underline; }

/* DEPRECATED: */
.icon {
	display: inline-block;
	min-height: 24px;
	background: transparent url('/styles/glyphicons_free/glyphicons_154_show_big_thumbnails.png') no-repeat 0% 50%;
}
a.icon {
	text-indent: 30px;
}

.icon.icon-blog {
	background-image: url('/styles/glyphicons_free/glyphicons_365_blogger.png');
}

.icon.icon-file {
	background-image: url('/styles/glyphicons_free/glyphicons_036_file.png');
}

.icon.icon-envelope {
	min-height: 16px;
	background-image: url('/styles/glyphicons_free/glyphicons_010_envelope.png');
}

.dropdown.wide ul {
	min-width: 20em;
}

blockquote small {
	color: #888;
}

img[lang=uk],img.uk {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border: 0;
	background: transparent url('/styles/images/lang/en.gif') no-repeat 0% 50%;
}

img.en, img.pt {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

img.en {
	background-image: url('/styles/images/lang/en.gif');
}

img.pt {
	background-image: url('/styles/images/lang/pt.gif');
}

#cookies {
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	width: 940px;
	padding: 0.25em 0.5em;
	border: 1px solid #79bfd9;
	font-size: 0.75em;
	background: #fff;
	-webkit-box-shadow: 0px 0px 9px #333;
	-moz-box-shadow: 0px 0px 9px #333;
	box-shadow: 0px 0px 9px #333;
	z-index:10;
}

#cookies button {
	position: absolute;
	display: block;
	top: 0.5em;
	bottom: 0.5em;
	right: 0.5em;
	height: 85%;
	padding: 0 1em;
	/*background-color: #9FFFB4;*/
}

/* translation */
#MicrosoftTranslatorToolbar { border: 0 !important; background-color: #79bfd9 !important; background-image: none !important; }
#MicrosoftTranslatorWidget { margin: 20px auto; /*display: none !important;*/ }
#widget_translate.hidden { display: none; }

/* XMAS */
html.xmas {
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 50% 44px; }

html.xmas.blue { background-image: url('/styles/images/xmas/ribbon_blue.png'); }
html.xmas.green { background-image: url('/styles/images/xmas/ribbon_green.png'); }
html.xmas.red { background-image: url('/styles/images/xmas/ribbon_red.png'); }
html.xmas.yellow { background-image: url('/styles/images/xmas/ribbon_yellow.png'); }

html.xmas body {
	background-image: url("/styles/images/xmas/snow.png");
	background-position: 0 0;
	background-repeat: repeat; }

html.xmas #home {
	height: 128px;
	text-indent: 120px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -5px 40%; }

html.xmas #home:before {
	content: ' ';
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background: transparent url("/styles/images/metro_logo.png") no-repeat 50% 50%; }

html.xmas.blue #home { background-image: url("/styles/images/xmas/bow_blue.png"); }
html.xmas.green #home { background-image: url("/styles/images/xmas/bow_green.png"); }
html.xmas.red #home { background-image: url("/styles/images/xmas/bow_red.png"); }
html.xmas.yellow #home { background-image: url("/styles/images/xmas/bow_yellow.png"); }

html.xmas body > header nav { left: 130px; }

html.xmas body > header nav > ul > li { color: #fff; }

html.xmas.blue body > header nav li.selected > ul { box-shadow: 0px 6px 9px #05048b; }
html.xmas.green body > header nav li.selected > ul { box-shadow: 0px 6px 9px #058b04; }
html.xmas.red body > header nav li.selected > ul { box-shadow: 0px 6px 9px #8b0504; }
html.xmas.yellow body > header nav li.selected > ul { box-shadow: 0px 6px 9px #a8760f; }

html.xmas.blue body > header nav .selected, html.xmas.blue header nav .selected li:hover { background-color: #05048b; }
html.xmas.green body > header nav .selected, html.xmas.green header nav .selected li:hover { background-color: #058b04; }
html.xmas.red body > header nav .selected, html.xmas.red header nav .selected li:hover { background-color: #8b0504; }
html.xmas.yellow body > header nav .selected, html.xmas.yellow header nav .selected li:hover { background-color: #a8760f; }

html.xmas.blue body > header nav li.selected ul { border-color: #05048b; }
html.xmas.green body > header nav li.selected ul { border-color: #058b04; }
html.xmas.red body > header nav li.selected ul { border-color: #8b0504; }
html.xmas.yellow body > header nav li.selected ul { border-color: #a8760f; }

html.xmas.blue body > header nav li[id^=menu_sub].selected ul:hover:before { border-right-color: #05048b; }
html.xmas.green body > header nav li[id^=menu_sub].selected ul:hover:before { border-right-color: #058b04; }
html.xmas.red body > header nav li[id^=menu_sub].selected ul:hover:before { border-right-color: #8b0504; }
html.xmas.yellow body > header nav li[id^=menu_sub].selected ul:hover:before { border-right-color: #a8760f; }

#btn_menu, .hide_in_desktop {
	display: none;
}
/**
 * iris.ijp.css
 * Desenvolvimento UPT
 *
 * IJP Website styles.
 *************************************************************/

body > header > nav {
	/*top: 4em;*/
	top: 6em;
	left: 0;
}

body > footer {
	clear: both;
}

#home {
	width: 300px;
	text-indent: 0;
}

#home[lang="pt"] {
	background-image: url('//siupt.upt.pt/content/ijp/images/ijp_logo_pt.jpg');
}

#home[lang="en"] {
	background-image: url('//siupt.upt.pt/content/ijp/images/ijp_logo_en.jpg');
}

#home_upt {
	display: inline-block;
	height: 3em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	/* RC 15.03.31 Pedido Caramelo Gomes substituição por logo de UPT Global */
	/*background: url("images/metro_logo.png") no-repeat;*/
	background: url("images/logo_UPT.png") no-repeat;
	background-position: 0% 40%;
	/*width: auto;*/
	width: 410px;
	height: 80px;
	line-height: 2.75em;
	text-indent: 3em;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Garamond;
}

body > header {
	height: 8em;


	/* por causa dos logos de certificação */
	height		: 13em;
}

body > header > nav {
	top: 12em;
}

#logos_porto {
	height: 85px;
	margin-top: 2em;
	text-align: center;
}

html {
	background: #fff;
	background-image: none;
}

#logos_fct {
	clear: both;
}




/* RC 17.02.03 */
.header_button {
	background-color	: #F5F5F5;
	background-image	: -o-linear-gradient(top, #FFFFFF, #E6E6E6);
	background-repeat	: repeat-x;
	border				: 1px solid rgba(0, 0, 0, 0.251);
	border-radius		: 0.25em;
	box-shadow			: inset 0px 1px 3px rgba(255, 255, 255, 0.196), 0px 1px 2px rgba(0, 0, 0, 0.047);
	font-weight			: 700;
	height				: 2.1em;
	padding				: 0.3em 1em;
	width				: auto;
	cursor				: default;
}

.header_button:hover,
.header_button:focus {
	box-shadow			: inset 0px 2px 6px rgba(0, 0, 0, 0.196), 0px 1px 2px rgba(0, 0, 0, 0.047);
}

.header_button {
	width: 80px;
	height: 50px;
	margin: 0 0 0.2em 1em;
	padding: 0.5em;
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none;
	font-size: 0.8em;
}

.header_button.button1 {
	line-height: 1.75em;
}

.header_button.button2 {
	line-height: 1.2em;
}

#logos_porto{
	-webkit-flex-flow	: row wrap;
	display				: -moz-box;
	display				: -ms-flexbox;
	display				: -webkit-box;
	display				: -webkit-flex;
	display				: flex;
	justify-content		: space-around;
}

header nav ul{
	-webkit-flex-flow	: row wrap;
	display				: -moz-box;
	display				: -ms-flexbox;
	display				: -webkit-box;
	display				: -webkit-flex;
	display				: flex;
	justify-content		: space-around;
	margin-left			: 0em;
}

body > header > nav{
	right: 0;
}
/* IRIS */
header nav>ul>li.fake_a {
	-webkit-box-shadow: 0 6px 9px #888;
	-moz-box-shadow: 0 6px 9px #888;
	box-shadow: 0 6px 9px #888
}
header nav li.fake_a {
	color: #fff;
	background: #333
}
header nav>ul>li.fake_a>ul {
	-webkit-box-shadow: 0 6px 9px #888;
	-moz-box-shadow: 0 6px 9px #888;
	box-shadow: 0 6px 9px #888
}
header nav li.fake_a > ul {
	display: block;
	opacity: 1;
}

header nav>ul>li:hover ul {
	z-index: 6;
}
@media (max-width: 939px), (min-device-width: 320px) and (max-device-width: 939px) and (-webkit-min-device-pixel-ratio: 2) {
	body {
		width: auto;
	}

	#main_nav_mobile {
		display: none;
		margin-top: 0;
	}

	body > article {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}

	#home {
		background-size: 100%;
		height: 45px;
		width: 220px;
		margin: 0.1em 0 0.1em 0;
		position: static;
		text-align: left;
	}

	#btn_menu {
		display: inline-block;
		float: right;
		/*margin: 11px;*/
		margin-right: 5px;
    	margin-top: 5px;
		background-image: url("glyphicons_free/glyphicons_157_show_lines.png");
		background-repeat: no-repeat;
		background-position: center;
		min-width: 3em;
		height: 3.1em;
		border: 1px solid #ddd;
		background-color: #ffffff;
	}

	.menu_mobile_aberto {
		display: block !important;
	}

	#logos_porto, #logos_fct {
		display: none;
	}

	#profile {
		display: block;
    	position: static;
    	text-align: left;
    	padding: 0;
	}

	#home_upt {
		background-size: 100%;
	    height: 45px;
	    width: 220px;
	    margin: 0.1em 0 0.1em 0;
	    position: static;
	    text-align: left;
	}

	#profile > .en, #profile > .pt {
		float: right;
    	margin: 11px;
	}

	div.tooltip {
		display: none;
	}

	body > header {
		width: auto;
		height: auto;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		/*background-color: #20556C;*/
		text-align: inherit;
	}

	body > header nav {
		position: static;
		width: auto;
	}

	body > header, body > header > nav, body > header > nav > ul {
		display: block;
		height: auto;
	}

	header nav li > ul > li {
		min-width: auto;
	}

	body > header > nav ul {
		margin: 0;
		padding: 0;
	}

	body > header nav li {
		float: none;
	}

	header nav li > ul {
		position: static;
	}

	header nav li > ul > li > ul {
		position: static;
	}

	body > header > nav > ul > li {
		list-style-type: none;
		display: block;
	}

	body > header > nav > ul > li > ul > li {
		list-style-type: none;
		display: block;
	}

	body > header > nav > ul > li > ul > li > ul > li {
		list-style-type: none;
		display: block;
	}

	header nav > ul > li {
		margin: 0;
	}

	header nav a {
		padding: 0;
	}

	header > #main_nav_mobile > ul li {
		line-height: 4em;
	}

	.content_page table {
		 /*!important porque os estilos estão inline */
		width: 100% !important;
		height: auto;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none !important;
		display: block !important;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.content_page iframe {
		/* !important porque os estilos estão inline */
		width: 100% !important;
		max-width: 320px;
		height: auto !important;
		min-height: 200px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none !important;
		display: block;
	}

	.content_page img {
		/* !important porque os estilos estão inline */
		width: auto !important;
		max-width: 100%;
		height: auto !important;
		max-height: 300px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none !important;
		display: block;
		margin-top: 1px;
	}

	.content_page p {
		/* !important porque os estilos estão inline */
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.content_page a, .article > h1 {
		word-wrap: break-word;
		word-break: break-word;
	}

	.content_page div {
		width: auto !important;
		float: none !important;
		display: block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body > footer {
		width: 98%;
	}

	#cookies {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}

	#cookies > div {
		width: 84%;
	}

	.hide_in_mobile {
		display: none;
	}
}