html, body {
  height:100%;
  margin:0;
  padding:0;
}
.carousel, .item, .active {
height:100%;
}
.carousel-inner {
position: absolute;
}

.divFlechasBrochure{   
  position: relative;   
  height:5px;
  width: 7%;
  background-color: #3C3C3A;
  float: right;    
  text-align: center;    
  z-index: 3;
}

.divFlechasResponsive{   
  position: absolute;   
  height:90px;
  width: 10%;
  background-color: #C1BAAA;
  float: right;    
  text-align: center;    
  z-index: 3;
}

.responsiveImg {
  width: 100%;
  max-width: 80px;
  height: auto;
}

.buttonEnviar {
    background-color: #A67D65;
    color: #FFFFFF;
    border: 1px solid #C1BAAA;
    padding: 11px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    width: 110px;
}

    .buttonEnviar:hover {
        background-color: #FFFFFF;
        color: #C1BAAA;
        border: 1px solid #C1BAAA;
    }

.letterMenu:hover {        
        color: #C1A77F;
    }    

.letterSubMenu:hover {        
        color: #727272;
    }

  .divFlechasN{   
  position: relative; 
  margin-top: 300px;  
  height:100px;
  width: 7%;
  background-color: #C1BAAA;
  float: right;    
  text-align: center; 
  z-index: 1;     
} 

 .divFlechasP{   
  position: relative; 
  margin-top: 300px;  
  height:100px;
  width: 7%;
  background-color: #C1BAAA;
  float: left;    
  text-align: center; 
  z-index: 1;      

} 

div#Menu{
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #EDE9E2;  
  background-image: url('../Images/FondoMenu.png');   
  background-repeat: no-repeat;  
  background-size: 100% 100%;  
  z-index: 2;   
}

div#Menu nav{
  position: relative;
  z-index: 10;
  transform: translate(-50% -50%);
  padding-top: 10%;
  height: 100%;
  width: 100%;
}

div#MenuBrochure{
  position: relative;
  top:  0;  
  float: right;
  right: 102px;
  width: 14%;
  height: 100%;
  background-color: #EDE9E2;  
  background-image: url('../Images/MENU.png');   
  background-repeat: no-repeat;  
  background-size: 100% 100%;
  z-index: 100;
}

div#MenuBrochure nav{
  position: absolute;
  z-index: 10;
  top: 35%;
  let: 50%;
  transform: translate(-50% -50%);
}

.divLateral{   
  position: relative; 
  margin-top: 264px;  
  height:166px;
  width: 7%;  
  float: right;    
  text-align: center;    
  z-index: 3;
}