/* HTML5 Boilerplate  */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
	display:block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }



html { width:100%;font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { min-width:100%;margin: 0; font-size: 1em; line-height: 1.4; }



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }



a { color: #00e; }

a:visited { color: #551a8b; }

a:hover { color: #06e; }

/*a:focus { outline: thin dotted; }*/

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }



q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }



form { margin: 0; }

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



label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }



table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }



/*.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }*/



*{

	font-family: 'Lato', sans-serif;

}



pre, pre span{

	font-size: 14%;

	font-family: monospace,serif;

}

#ascensorBuilding{
overflow: hidden;
position: absolute; 
min-width:100%;
width:100%;
height: 610px;	
}



#ascensorBuilding section:first-child article h1{

	font-size: 30px;

}



section{

	overflow:hidden;

box-shadow: inset 0 0 0 0.05em  rgb(0,0,0);


}



section article{
	overflow:auto;
	width:96%;
	word-wrap: break-word ;
	height:60%;
	margin-top:0;

	margin-bottom:10%;

	padding-left:1em;
	padding-right:1em;
	text-align: justify;
	
}


.navigationMap{
	position: fixed;
}


.top-bar{

	background-color:black;

	font-size: 20px;

	left:0px; 

	top:-19%;

	width: 100%;

	height: 19.5%;

	z-index: 1001; 

	transition: top 1s;

	-moz-transition: top 1s; 

	-webkit-transition: top 1s; 

	-o-transition: top 1s

}

.top-bar:hover{
       z-index:1001;
	top:0%;

	transition: top 1s;

	-moz-transition: top 1s; 

	-webkit-transition: top 1s; 

	-o-transition: top 1s

}


#navigationMap{
	position: fixed;
	right:3%;
	bottom:3.3%;
	width:13.7%;
	height:6.3%;
	z-index: 999; 
}
.navigationMap ul li a{
	float:left;
	cursor:pointer;
}
#navigationMap ul li a{
	float:left;
	color:white;
	background: gray;
	height:3%;
	width:1.95%;
	border-radius:60%/60%;
	position: fixed;
	cursor:pointer;
	overflow:hidden;
	border: 0.1em solid white;
	text-align: center;
	font-size: 13px;
	font-family: calibri, sans-serif;
}

#navigationMap .ascensorLink1 {background: red;}
#navigationMap .ascensorLink2 {background: orange;}
#navigationMap .ascensorLink4 {background: green;}
#navigationMap .ascensorLink5 {background: blue;}
#navigationMap .ascensorLink7 {background: purple;}

#navigationMap .ascensorLink2, #navigationMap  .ascensorLink3{
	margin-left:2.92%;
}

#navigationMap .ascensorLink3{
	margin-top: 2.92%;
}

#navigationMap .ascensorLink4{
	margin-left: 5.84%;
}

#navigationMap .ascensorLink5, #navigationMap  .ascensorLink6{
	margin-left: 8.76%;
}

#navigationMap .ascensorLink6{
	margin-top: -2.92%;
}

#navigationMap .ascensorLink7{
	margin-left: 11.68%;
}
#navigationMap .ascensorLink8{
	margin-left: 5.84%;
	margin-top: 2.92%;
}
#navigationMap .ascensorLink9{
	margin-left: 11.68%;
	margin-top: 2.92%;
}
#navigationMap .ascensorLinkActive{
	border: 0.1em solid black;
	font-weight: 900;
}

#navigationMap .ascensorLink:hover{
	border: 0.1em solid gray;
	font-weight: 700;
}

#ascensorFloor1{
background: #F5A9A9;

}
#ascensorFloor2{
background: #FDAE8C; 
}
#ascensorFloor3{
background: #A9A9F5; 
}
#ascensorFloor4{
background: #AFFB9A; 
}
#ascensorFloor5{
background: #B1EDF2; 
}
#ascensorFloor6{
background: #F781BE; 
}
#ascensorFloor7{
background: #E09AFB; 
}
#ascensorFloor8{
background: #F3F781; 
}
#ascensorFloor9{
background: #A28888; 
}
#hdng{

	margin-top:-30px;

}

#creditholder{

	background-color:black;

	color:white;

	text-align:center;

	height:400px;

	margin-left:75px;

	margin-right:75px;

	margin-top:25px;

}

#footer{

	margin:0px 0px 0px 0px;
	z-index:1000;
	padding-bottom:1em;
	position:absolute;
	margin-left:40.1%;
	margin-top:2%;
	width:59%;
}
#ft tr td{

	width:data width;

	height: data height;
	text-align:center;
	line-height: 130%;
word-wrap: break-word;
}



#mh

{

	margin-top:28%;

	margin-left:-20%;  

}

#mh:hover

{

	margin-top:28%;

	margin-left:0.01%; 	

}


#ybimg{

	position:absolute;
	margin-left:0;
	margin-top:0px;
	z-index:-1;
}

#ymimg{
	margin-top:0px;
	margin-left:0;
}

#tbimg{

	position:absolute;
	margin-left:0;
	margin-top:0px;
	z-index:-1;
}

#tmimg{

	margin-top:0px;
	margin-left:0;
}

#abimg{

	position:absolute;
margin-left:0;	margin-top:0px;
	z-index:-1;
}

#amimg{
margin-top:0px;
margin-left:0;}

#lbimg{

position:absolute;
margin-left:0;	margin-top:0px;
	z-index:-1;
}

#lmimg{
margin-top:0px;
	margin-left:0;
}

#kbimg{

	position:absolute;
margin-left:0;	margin-top:0px;
	z-index:-1;
}

#kmimg{
	margin-top:0px;
	margin-left:0;
}


.navyouth{

	width:11.5%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; 

	-webkit-transition: width 0.5s; 

	-o-transition: width 0.5s; 

}

.navyouth:hover{

	width:25%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; 

	-webkit-transition: width 0.5s; 

	-o-transition: width 0.5s; 

}

.navtrends{

	width:11.7%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; 

	-webkit-transition: width 0.5s; 

	-o-transition: width 0.5s; 

}

.navtrends:hover{

	width:25%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; 

	-webkit-transition: width 0.5s; 

	-o-transition: width 0.5s; 

}

.navachievements{

	width:11.7%;

	overflow:hidden;

	transition: width 0.8s;

	-moz-transition: width 0.8s; 

	-webkit-transition: width 0.8s; 

	-o-transition: width 0.8s; 

}

.navachievements:hover{

	width:42%;

	overflow:hidden;

	transition: width 0.8s;

	-moz-transition: width 0.8s; 

	-webkit-transition: width 0.8s; 

	-o-transition: width 0.8s; 

}

.navleadership{

	width:11.7%;

	overflow:hidden;

	transition: width 0.7s;

	-moz-transition: width 0.7s; 

	-webkit-transition: width 0.7s; 

	-o-transition: width 0.7s; 

}

.navleadership:hover{

	width:34%;

	overflow:hidden;

	transition: width 0.7s;

	-moz-transition: width 0.7s; 

	-webkit-transition: width 0.7s; 

	-o-transition: width 0.7s; 

}

.navkorner{

	width:11.7%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; 

	-webkit-transition: width 0.5s; 

	-o-transition: width 0.5s; 

}

.navkorner:hover{

	width:25%;

	overflow:hidden;

	transition: width 0.5s;

	-moz-transition: width 0.5s; 

	-webkit-transition: width 0.5s; 

	-o-transition: width 0.5s; 

}
.dropdown{

  text-align: center; 

  position: absolute; 

  background-color: black;

  cursor: pointer;

  height: 20%;

  width: 10%;

  border-bottom-right-radius:20px;

  border-bottom-left-radius: 20px;

  margin-left: 42%;

  overflow: hidden;

  transition: margin-top 1s;

  -moz-transition: margin-top 1s;

  -webkit-transition: margin-top 1s;

  -o-transition: margin-top 1s;

}

.dropdown:hover{

  border-color: white;

  border-width:10%;

}

#smt{

	margin-left: auto;

	margin-right: auto;

	border:0px;

}

#smt tr:first-of-type{

	background-color: black;

	color: white;

	text-align: center;

	font-size: 25px;

}

#smt tr:first-of-type td{

	padding-right: 35px;

	padding-left: 35px;

	padding-top: 7px;

	padding-bottom: 7px;

	color: white;

	cursor: pointer;

}

#smt tr{

	background-color: white;

	border-color: black;

}

#smt tr td{

	margin-top: -20px;

	vertical-align: top;

	line-height: 110%;

	width: auto;

	padding: 6px;

}

.smec{

	cursor: pointer;

}

.smul{

	list-style: none;

	margin-top: -15px;

	margin-left: -30px;

	font-weight: 500;

}

.smul li{

	cursor: pointer;

}

.smul li:hover{

	text-decoration: underline;

}

.smlink{

	text-decoration: none;

	color: white

}

.smlink:hover{

	color: lightgrey;

}

.smlink2{

	text-decoration: none;

	color: black;

	cursor: pointer;

}

.smlink2:hover{

	color: black;

	text-decoration: underline;

}

#smt tr td p{

	margin-top: -7px;

	font-weight: 600;

}

#smt tr td p:first-of-type{

	margin-top: 0px;

}