ul {
  z-index: 7;
  position: fixed;
  top:0;
 /* width: 440px;*/
}

ul li {
  float: left;
  list-style: none;
}
ul li a {
  border: 3px solid #000;
  color: #000000;;
  background-color:white;
  text-decoration: none;
  font: 900 12px Lato;
  padding: 8px 20px 8px 20px;  
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 20px;
  position: relative;
  box-shadow: 5px 10px #666666;
}
ul li a .number {
  padding: 3px 6px 4px 8px;
  color: #000000;
  background-color:#4286f4;
  position: absolute;
  border-radius: 50px;
  font: 900 12px Lato;  
  top: -10px;
  right: -13px;
  border: 3px solid #FFF;
}


.green:hover {
  background: #03C9A9 !important;
  color: #FFF;
  border: 3px solid #03C9A9;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.red:hover {
  background: #4286f4;
  color: #FFF;
  border: 3px solid #4286f4;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.blue:hover {
  background: #3498DB;
  color: #FFF;
  border: 3px solid #3498DB;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.purple:hover {
  background: #663399;
  color: #FFF;
  border: 3px solid #663399;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}



bottom {
  margin: 0 auto;
  z-index: 3;
  position: fixed;
  bottom: 0;
  right: 0;
 /* width: 440px;*/
} 
bottom li {
  float: left;
  list-style: none;
}
bottom li a {
  
  color: #000000;
  background-color:white;
  text-decoration: none;
  font: 900 12px Lato;
  padding: 10px 20px 8px 20px;
  border: 3px solid ;  
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 20px;
  position: relative;
  box-shadow: 5px 10px #666666;
}
bottom li a .number {
  padding: 3px 6px 4px 8px;
  background: #999faf;
  position: absolute;
  border-radius: 50px;
  font: 900 12px Lato;
  color: #FFF;
  top: -10px;
  right: -13px;
  border: 3px solid #FFF;
}

body { 
background: url(../images/Reception_Wood.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  

    
}
div  {
  display: table;
  margin: 0 auto;
  margin-top:5em;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
div li {
  float: left;
  list-style: none;
}
div li a {
  
  text-decoration: none;
  font: 900 12px Lato;
  padding: 8px 20px 8px auto;
  border: 3px solid #000000;
  color: #000000;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 20px;
  position: relative;
}

.imgfloor{
	 width:10em;
	height:10em;
	margin: 5em 0em 0em auto; 
	border: 3px solid #fff;
	box-shadow: 5px 10px #666;
}
.imgroom{
    width:7em;
	height:auto;
	margin: 5em 0em 0em auto; 
	border: 3px solid #000;
	box-shadow: 5px 10px #666;
	
}