body {
  background-image: url("../images/Background.jpg");
  background-repeat: repeat;
  background-size: 100%;
}

.flut {
  float:left;
  margin-right: 3%;  
  margin-bottom: 3%;
}

.flut:hover {
  opacity: 6;
  transform: scale(2.4);
  position: relative;
  z-index: 100;
  transition: all 200ms ease-in;
  transform-origin: top left;

}

h1 {
  color: #04294E;
}

#all {
  position: absolute;
  left: 5%;
  width: 90%;
  height: 135%;
}

#head {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 35%;
  text-align: center;
}

#elemento {
  clear: both;
  padding-bottom: 17%;
  margin-bottom: 2%;
}

#section_R1 {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 72%;
  height: 140%;
  padding-left: 1%;
  padding-right: 1%;
  margin-top: 4%;
  margin border-bottom: 7%;
  overflow: auto;
  align-items: center;
  scrolling="no"
}

#section_L {
  top: 30%;
  position: absolute;
  width: 20%;
  height: 75%;
  padding-left: 5%;
}

#nav_h  ul {
  margin-left: 7%;
}

#nav_h  li {
  list-style-type: none;
  width: 7em;
  text-align: center;
  margin-top: 1%;
  margin-left: 6%;
  text-align: cfloat: center;
  float: left;
}
  
#nav_h  a {
  width: 120%;
  height: 130%;
  text-decoration: none;
  color: #E7C496;
  display: block;
  background-color: #862633;
  box-shadow: 5px 5px 5px gray;
  margin-bottom: 2px;
  margin-right: 2px;

}

#nav_h a:hover {
  background-color: #AE3142;
  box-shadow: 3px 3px 3px gray;
  border: none;
}

#nav_v  ul {
  margin-left: 3%;
}

#nav_v  li {
  list-style-type: none;
  width: 7em;
  text-align: center;
  margin-top: 1%;
  margin-left: 3%;
  text-align: cfloat: center;
  float: center;
}
  
#nav_v a {
  width: 120%;
  height: 7%;
  text-decoration: none;
  color: #862633;
  display: block;
  background-color: #e2b881;
  box-shadow: 5px 5px 5px gray;
  margin-bottom: 2px;
  margin-right: 2px;

}

#nav_v a:hover {
  background-color: #e7c496;
  box-shadow: 3px 3px 3px gray;
  border: none;
}