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

.navbar {
  overflow: hidden;
  background-color: #9ec9e8;
  opacity: 0.8;
  position: fixed;
  bottom: 0;
  width: 100%;
  opacity:0.7;
  
  transition: transform .5s;
}

.navbar a {
  float: left;
  display: block;
  color: #2f6891;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #2e414f;
  color: black;
}

.navbar a.active {
  background-color: #15354d;
  color: white;
}

.navbar input {
  float: left;
  margin:7px;
  display: block;
  color: #2f6891;
  text-align: center;
  padding: 6px 8px;
  font-size: 17px;
  width:60px;
  background-color:#9ec9e8;
}

.navbar div {
	float: left;
	background-color:#2f6891;
	width:2px;
	height:40px;
	margin-top:5px;
}

.navbar img {
	float: left;
	top:7;
}