body{
  width:100%;
  margin:0;
  font-family:helvetica;
  overflow-x:hidden;
}

#botonMenu{
  padding-top:5px;
  margin-left:10px;
  position:sticky;
  cursor:pointer;
  width:80px;
}

#bar1, #bar2, #bar3 {
	width: 36px;
	height: 3px;
	background-color: black;
	margin: 8px 0;
	transition: 1s;
}

#divbuscadorReferencia{
  width:80%;
  float:left;
}

.change #bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}

.change #bar2 {
	opacity: 0;
}

.change #bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}


#buttonDropdown{
  background-image: url('../imagenes/logomenu.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left:15px;
  height:50px;
}

.dropbtn {
  color: #5d5d5d;
  height: 42px;
  font-size: 16px;
  border:none;
  cursor: pointer;
  width:50%;
  background-color: transparent;
}


.dropdown {
  position: relative;
  display: inline-block;
  width:20%;
  float:left;
}

.dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  width:100%;
  height:2000px;
  overflow: auto;
  z-index: 1;
  margin-top:16px;
}

.dropdown-content a {
  color: grey;
  padding: 12px 16px;
  text-decoration: none;
  font-weight: bold;
  display: block;
  border-bottom: solid 1px #a79f9f;
}

.dropdown a:hover {
  background-color: #f1f1f1;
}

.show {display: block;}