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

.imagenesNuestrosProductos:hover{
  transform: scale(1.02);
}

#imagenIndiceMovil{
  display:none;
}

#contenedorNuestrosProductos{
  display:block;
  width:90%;
  margin:0 auto;
  color:#979797;
  font-size:24px;
  font-weight: bold;
  overflow:hidden;
}

#botonMenu{
  padding-top:5px;
  margin-left:10px;
  position:sticky;
  cursor:pointer;
  width:45px;
  height:43px;
  background-color:#f1f1f1;
}

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

#myDropdownIndex{
  margin-left:-34%;
  position:fixed;
  margin-top:0px;
  top:0;
  width:34%;
  text-align:left;
}

#botonCerrarMenu{
  display: block;
  width: 28px;
  height: 28px;
  float: right;
  margin-right: 8px;
  margin-top:10px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top;
  background-image: url('../imagenes/cruz.png');
}

#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;}

.nuestrosProductos{
  display:block;
  float:left;
  width:30%;
  margin-left:1.6%;
  margin-right:1.6%;
}

@media only screen and (max-width: 992px) {

  #myDropdownIndex{
    margin-left:-50%;
    width:50%;
  }

  #imagenIndice{
    display:none;
  }

  #imagenIndiceMovil{
    display:block;
  }

  .nuestrosProductos{
    width:46%;
    margin-left:2%;
    margin-right:2%;
    font-size:18px;
  }

}