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

/*
	NAVIGATION
*/

*{margin:0;padding:0;outline:none;list-style:none;}
img {outline:none; border:none;}
a {outline:none; border:none; text-decoration:none;}

@font-face {
	font-family: DINPro-Light;
	src: url("DINPro-Light.eot") /* EOT file for IE */
}

@font-face {
    font-family: 'DINPro-Light';
    src: local('DINPro-Light'),
         url('DINPro-Light.ttf') format('truetype'),
         url('DINPro-Light.svg#DINPro-Light') format('svg'),
		 url('DINPro-Light.otf') format('otf'),
		 url('DINPro-Light.woff') format('woff');
}

@font-face {
	font-family: DINPro-Medium;
	src: url("DINPro-Medium.eot") /* EOT file for IE */
}

@font-face {
    font-family: 'DINPro-Medium';
    src: local('DINPro-Medium'),
         url('DINPro-Medium.ttf') format('truetype'),
         url('DINPro-Medium.svg#DINPro-Medium') format('svg'),
		 url('DINPro-Medium.otf') format('otf'),
		 url('DINPro-Medium.woff') format('woff');
}
/*
	large Page
*/
body
{
	outline:none;
	margin:0px;
	padding:0px;
	font-size:30px;
	color:#FFF;
	text-align:left;
	
	font-family:"DINPro-Light", Verdana, Arial, Helvetica, sans-serif;
	line-height:41px;
	/*overflow:auto;*/
	overflow:hidden;
	min-width:768px;
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#000;

}

img {
	border:none;
}

/*
	small Page
*/
body.mobile {
	font-size:16px;
	line-height:26px;
	overflow:auto !important;
	min-width:360px !important;
}

#fullbg {
	width:0px;
	height:0px;
	position:absolute;
	top:90px;
	left:0px;
	z-index:1;
	background-image:url(../img/backdrops/bd_screw_low.jpg) !important;
	background-repeat:no-repeat;
	background-size:1280px 768px;
	background-position:center center;
}

#fullbg.mobile {
	/*width:360px;
	height:640px;*/
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background-image:url(../img/backdrops/bd_screw.jpg) !important;
	background-repeat:no-repeat;
	background-size:1280px 768px;
	background-position:center center;
	overflow:hidden;
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)
and (orientation : portrait) {
#fullbg.mobile {
	background-size:1700px 1024px;
}
}

#fullbg.mobilelow {
	width:100%;
	height:99%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background-image:url(../img/backdrops/bd_screw_low.jpg) !important;
	background-repeat:no-repeat;
	background-size:1280px 768px;
	background-position:center center;
	overflow:hidden;
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)
and (orientation : portrait) {
#fullbg.mobilelow {
	background-size:1700px 1024px;
}
}

#overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-color:#000;
	background-image:url(img/black.jpg);
	z-index:1999;
}

#header {
	background-image:url(../img/backdrops/bd_main_top.jpg);
	background-position:center bottom;
	background-size:cover;
	width:100%;
	min-width:725px;
	height:125px;
	min-height:125px;
	position:relative;
	bottom:50px;
	z-index:995;
}

#header.open {
	height:90px;
}

#header.mobile {
	min-width:100px !important;
	width:100%;
	overflow:hidden !important;
}

#header #logo.dark {
	background-image:url(../img/mup_logo.png);
	background-repeat:no-repeat;
	position:absolute;
	/*top:190px;*/
	background-position:center bottom;
	width:100%;
	width:307px;
	height:125px;
	z-index:1600;
	left:0px;
}



#header #logo.light {
	background-image:url(../img/mup_logo_light.png);
	background-repeat:no-repeat;
	position:absolute;

	background-position:center top;
	width:100%;
	width:307px;
	height:76px;
	left:0px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#header #logo.dark {
	background-image:url(../img/mup_logo@2x.png);
	background-size:100%;
}

#header #logo.light {
	background-image:url(../img/mup_logo_light@2x.png);
	background-size:100%;
}
}

#header #logo.open {
	top:5px;
}

#header-bg {
	background-color:#000;
	/*background-image:url(../img/black.jpg);*/
	width:100%;
	height:100%;
	opacity:0;
}

#header-bg.open {
	opacity:1;
}

#container {
	padding-top:150px;
	padding-bottom:10px;
	width:100%;
}

#container.mobile {
	padding-top:20px !important;
	padding-bottom:3px !important;
}

#content {
	overflow-y:auto;
	overflow-x:hidden;
	height:0px;
	position:relative;
	top:0px;
	left:0px;
	text-align:right;
	padding-right:400px;
	padding-top:0px;
	padding-left:20%;
	z-index:1601;
	/*width:100%;*/
}

#content.mobile {
	/*padding-left:280px;
	padding-right:40px;*/
	padding-left:5px;
	padding-right:5px;
}

div.textblock {
	visibility:visible;
	text-align:right;
	position:relative;
	top:295px;
	right:0%;
	padding-right:150px;
}

span.bg-black {
	background-color:#000;
}

span.bg-black a/*,
span.bg-black a:link*/{
	text-decoration:none;
	color:#FFF;
}

span.bg-black a:hover/*,*/
/*span.bg-black a:focus,*/
/*span.bg-black a:active*/{
	text-decoration:underline;
	color:#e75d05;
}

span.orange {
	color:#e75d05;
	/*font-family:DINMedium, Verdana, Arial, Helvetica, sans-serif;*/
	font-family:"DINPro-Medium", Verdana, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
}

span.white {
	color:#fff;
	font-family:"DINPro-Light", Verdana, Arial, Helvetica, sans-serif;
	/*font-weight:normal;*/
}


span.projecttitle {
	font-size:18px;
	line-height:18px;
	padding:0px;
	margin:0px;
	clear:both;
}

#projectheader {
	height:88px;
	position:relative;
	/*left:38px;*/
	padding-left:50px;
}

#alignleft {
	/*width:840px;*/
	/*width:940px;*/
	text-align:left;
	position:relative;
	line-height:26px;
}

.projectlogo {
	position:absolute;
	top:0px;
	right:0px;
}

#subnavorange {
	position:absolute;
	bottom:0px;
	left:180px;
	z-index:4;
	opacity:0;
	width:610px;
	height:610px;
}

#subnav {
	position:absolute;
	/*bottom:0px;*/
	left:0px;
	top:0px;
	padding-left:40px;
	/*padding-bottom:106px;*/
	z-index:1602;
	overflow:visible;
	opacity:0;
	height:auto;
}
/*
#subnavpos {
	position:absolute;
	top:0px;
	left:33px;
	background-color:#000;
	opacity:0.3;
	width:5px;
	height:100px;
	z-index:2999;
}
*/
#subnav_container ul{
	width:180px;
	clear:both;
	padding:0px;
	margin:0px;
}

#subnav_container ul li{
	background-color:#000;
	height:66px;
	min-height:20px;
	width:180px;
	overflow:hidden;
	text-align:left;
	margin-bottom:1px;
	line-height:41px;
}

#subnav_container ul li a, #subnav_container ul li a:link{
	color:#cacaca;

	text-decoration:none;
	font-family:"DINPro-Light", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	padding:33px 0px 10px 10px;
	display:block;
	text-transform:uppercase;
	/*border-right:1px solid rgba(255,255,255,0.2);*/
	
}

#subnav_container ul li a:hover,
#subnav_container ul li a:focus,
#subnav_container ul li a:active{
	color:#e85c0f;
	/*font-weight:bold;*/
	/*padding:0px 0px 0px 0px;*/
	/*text-wrap:none;
	background-color:rgba(255,255,255,0.3);
	color:#e85c0f;
	
	-webkit-transition:background 500ms ease;
	-moz-transition:background 500ms ease;
	-o-transition:background 500ms ease;
	transition:background 500ms ease;*/
}
#subnav_container ul li div {
}

#subnav_container ul li div.active {
}

#subnav_container ul li:first-child div {
}



#footer-bg {
	width:100%;
	background:#000;
	position:relative;
	padding:0px;
	height:66px;
	margin:0px;
	top:0px;
	z-index:999;
}

#footer-bg.mobile {
	background:none;
}

#footer-bg.open {
	position:absolute;
	bottom:0px;
}

#footer {
	width:725px;
	margin:auto;
	background-color:#000;
	height:66px;
	padding:0px;
	top:0px;
}
@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#footer {
	width:605px;
}
}


#footer.mobile {
	width:100% !important;
	background:none;
}

#scala {
	position:absolute;
	left:0px;
	/*background-image:url(../img/scala.png);*/
	background-image:url(../img/backdrops/bd_main_bottom.jpg);
	background-position:center top;
	background-size:100%;
	background-repeat:repeat;
	width:100%;
	min-width:725px;
	/*height:150px;*/
	height:62px;
	overflow:hidden;
}

#scala.mobile {
	min-width:1px !important;
	width:360px !important;
	height:5px !important;
}

.menuitem {}
#nav{
	width:100%;
	margin:auto;
	position:relative;
	top:0px;
	/*z-index:999;*/
	padding:0px;
}

#nav.mobile {
	text-align:center;
}

#nav ul{
	background-color:#000;
	width:725px;
	height:66px;
	clear:both;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#nav ul {
	width:605px;
}

}

#nav ul.mobile {
	width: 100% !important;
	height:269px !important;
	text-align:center;
}

#nav ul li {
	float:left;
	height:66px;
	width:180px;
	overflow:hidden;
	text-align:left;
}

@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#nav ul li {
	width:140px;
}

}

#nav ul li.mobile {
	/*float:none !important;*/
	width:100% !important;
	text-align:center;
}

#nav ul li.odd{
	background-color:#FFF;
	opacity:0.5;
	width:1px;
}
#nav ul li.oddmobile{
	background-color:#FFF;
	opacity:0.5;
	width:100%;
	height:1px;
}
#nav ul li a, #nav ul li a:link{
	color:#cacaca;

	text-decoration:none;
	font-family:"DINPro-Light", Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:23px;
	padding:33px 0px 5px 5px;
	display:block;
	height:66px;
	text-transform:uppercase;
	overflow:hidden;
	/*border-right:1px solid rgba(255,255,255,0.2);*/
	
}

.en #nav ul li a, .en #nav ul li a:link{
	font-size:16px;
	line-height:16px;
	padding-top:24px;
}

@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#nav ul li a, #nav ul li a:link{
	font-size:18px;
	font-weight:normal;
	line-height:19px;
}

}
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active{
	color:#e85c0f;
}
#nav ul li div {
}

#nav ul li div.active {
}

#nav ul li:first-child div {
}

#nav ul li:first-child a{}


#orangeline {
	/*background-image:url(img/orangeline.png);
	background-repeat:no-repeat;*/
	position:absolute;
	top: 0px;
	
	width:608px;
	height:4px;
	z-index:1200;
	opacity:0;
	filter: Alpha(opacity=0);
	padding:0px;
	margin:0px;
	z-index:1500;
	/*overflow:hidden;*/
}

#orangeline.mobile {
	width:360px !important;
	overflow:hidden !important;
}

#orangeline img {
	padding:0px;
	margin:0px;
	border:none;
	position:absolute;
	top:0px;
	left:0px;
}

#orangecircle {
	position:absolute;
	top: -606px;
	left:0px;
	width:1216px;
	height:610px;
	opacity:0;
	padding:0px;
	margin:0px;
	pointer-events:none;
	overflow:hidden;
}

#orangecircle img {
	position:absolute;
	top:0px;
	left:0px;
}

/*
	LEGALNAV
*/
#legal-nav{
	width:150px;
	margin:auto;
	position:absolute;
	/*bottom:13px;*/
	/*right:30px;*/
	top:0px;
	left:0px;
	z-index:1200;
	padding:0px;
	margin:0px;
	border:none;
	outline:none;
}

#lang-nav{
	width:180px;
	margin:auto;
	position:absolute;
	/*bottom:13px;*/
	/*right:30px;*/
	top:0px;
	left:0px;
	z-index:1200;
	padding:0px;
	margin:0px;
	border:none;
	outline:none;
}
#lang-nav ul li a {
	cursor:pointer;
}
@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#legal-nav{
	width: 70px !important;
}
}

#legal-nav ul,
#lang-nav ul{
	width:180px;
	height:30px;
	clear:both;
	padding:0px;
	margin:0px;
	border:none;
	outline:none;
}
@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#legal-nav ul,
#lang-nav ul {
	width: 100px !important;
	height:40px !important;
	line-height:20px;
}
}

#legal-nav ul li{
	float:right;
	height:20px;
	overflow:hidden;
	padding-right:10px;
	border:none;
	outline:none;
	line-height:20px;
}

#lang-nav ul li{
	float:left;
	height:20px;
	overflow:hidden;
	padding-right:10px;
	border:none;
	outline:none;
	line-height:20px;
}
@media only screen 
and (min-width : 10px) 
and (max-width : 1024px) {
#legal-nav ul li,
#lang-nav ul li {
	height:40px !important;
}
}

#legal-nav ul li.mobile,
#lang-nav ul li.mobile {
	padding-right:0px !important;
}

#legal-nav ul li a, #legal-nav ul li a:link,
#lang-nav ul li a, #lang-nav ul li a:link{
	font-family:"DINPro-Light", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#cacaca;
	text-decoration:none;
	display:block;
	border:none;
	outline:none;
	line-height:20px;
	/*border-right:1px solid rgba(255,255,255,0.2);*/
	
}

#legal-nav ul li a.mobile,
#lang-nav ul li a.mobile {
	color: #222;
}

#legal-nav ul li a:hover,
#legal-nav ul li a:focus,
#legal-nav ul li a:active,
#lang-nav ul li a:hover,
#lang-nav ul li a:focus,
#lang-nav ul li a:active{
	/*color:#e85c0f;*/
	border:none;
	outline:none;
}

#legalnotice {
	line-height:normal;
	background-color:#000;
	font-size:11px;
	width:100%;
	padding:10px 0px 10px 0px;
	/*padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	*/
	position:relative;
	/*right:20px;*/
	/*margin-bottom:150px;*/
	height:250px;
	overflow:auto;
}

#legalnotice p, #legalnotice h2 {
	padding-left:20px;
	padding-right:20px;
}

#legalnotice.mobile {
	right:40px !important;
}

#legalbg {
	width:100%;
	height:100%;
	background-color:#060;
}

#legalnotice h2 {
	font-family: "DINPro-Medium", Arial, sans-serif;
	/*font-weight:bold;*/
	font-size:11px;
}


/*
	IMAGE GALERIE
*/
.hidden
{
display: none;
}

#wrap {
	overflow:visible;
	position:relative;
	/*left:38px;*/
}
#prev
{
	position:absolute;
	top:355px;
	/*left:-5px;//-38px;*/
	left:0px;
	overflow:visible;
}

#prev img {
	cursor: pointer;
	position:absolute;
	top:0px;
	left:0px;
}

#prev img.jFlowPrev
{
	opacity:0;
}

#next {
	position:absolute;
	top:355px;
	/*left:853px;*/
}

#next img {
	cursor: pointer;
	position:absolute;
	top:0px;
	left:0px;
}

#next img.jFlowNext
{
	opacity:0;
}

#imgGalController {
	position:absolute;
	top:560px;
	left:38px;
	padding:0px;
	margin:0px;
}

#imgGalController ul {
	clear:both;
	padding:0px;
	margin:0px;
}

#imgGalController ul li {
	padding:0px;
	float:left;
	position:absolute;
	top:0px;
	left:px;
	overflow:hidden;
}

#imgGalController ul li img {
	/*padding-right:10px;*/
	padding-bottom:100px;
}

#imgGalController ul li img.jFlowThumbNormal {
	width:142px;
	height:94px;
}

#imgGalController ul li img.jFlowThumbHover {
	width:142px;
	height:94px;
	cursor:pointer;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
}

#imgGalController ul li.jFlowSelected {
	opacity:1;
}