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

.flut {
  margin-right: 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: 150%;
}

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

#imagem {
  float:left;
    width: 40%;
  padding-bottom: 17%;
  margin-bottom: 2%;
}

#section_R1 {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 72%;
  height: 300%;
  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;
}





.wrap {
  /*  border:1px solid red; */
    margin:10px;
    height:10%;
}
.wrap:before {
    content:'';
    display:inline-block;
    vertical-align:middle;
    margin-left:-0.25em; /* adjusts spacing */
}
p {
    display:inline-block;
    vertical-align:middle;
    width:500px;
}
img {
    float:left;
}

.invisible {
    height:100px;
    display:inline-block;
    vertical-align:middle;
}
