/* DISEÑO NUMERO 101 */

.menudiseno-divTodo{
  background: rgb(227, 173, 127);
}
.menudiseno-divTodoCondensed{
  background: rgb(227, 173, 127);
}

.menudiseno-header{
  width: 100%;
  text-align: center;
  height: 100vh;
  position: relative;
  z-index: 10;
}
.menudiseno-headerTextContainer{
  width: 100%;
  z-index: 8;
  position: absolute;
}
.menudiseno-title{
  font-size: 6em;
  padding: 0px 10% 0% 20%;
  color: white;
  font-weight: bold;
  margin: 35vh 0px 0px 0px;
  text-align: right;
}

.menudiseno-subTitle{
  font-size: 2em;
  margin:0px;
  font-weight: bold;
  text-align: right;
  font-weight: 300;
  color: white !important;
  padding: 0px 10% 0% 45%;
}
.menudiseno-headerIMGContainer{
  width: 100%;
  display: flex;
}
.menudiseno-headerIMGContainerOpacity{
  width: 100%;
  background:#000000;
  opacity: 0;
  position: absolute;
  height: 100vh;
  display: none;
}
.menudiseno-headerIMG{
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute; 
}

.menudiseno-TituloPromo{
  font-size: 3em;
  padding: 50px 0px 0pc 0px;
  color: black;
  margin: 0px;
  background: white;
  text-align: center;
}

.menudiseno-TituloPromoCondensed{
  font-size: 3em;
  padding: 50px 0px 0pc 0px;
  color: black;
  margin: 0px;
  background: #fce8ce;
  text-align: center;
}

.menudiseno-TextoPromo{
  font-size: 2em;
  margin: 0px;
  text-align: center;
  background: white;
}
.menudiseno-TextoPromoCondensed{
  font-size: 2em;
  margin: 0px;
  text-align: center;
  background: #fce8ce;
}

.menudiseno-PromoDiv{
  display: flex;
  width: 80%;
  background: white!important;
  padding: 50px 10%;
}
.menudiseno-PromoDivCondensed{
  display: flex;
  width: 100%;
  background: white!important;
}

.menudiseno-IMGPromoContainer{
  width: 40%;
  display: inline-flex;
  height: inherit;
  flex-flow: wrap;
  min-height: 280px;
}


.menudiseno-promoIMG{
  width: 100%;
  height: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}


.menudiseno-PromoContainer{
  display: inline-block;
  vertical-align: top;
  padding: 20px 4%;
  width: 52%;
  background: #fce8ce;
}
.menudiseno-PromoContainerCondensed{
  display: inline-block;
  vertical-align: top;
  padding: 20px 25%;
  width: 50%;
  background: #fce8ce;
}

.menudiseno-Promo{
  font-size: 3em;
  font-weight: 500;
  text-align: right;
  margin: 20px 0px 0px 0px;
}
.menudiseno-PromoCondensed{
  font-size: 3em;
  font-weight: 500;
  text-align: center;
  margin: 20px 0px 0px 0px;
}

.menudiseno-PromoDescrip{
  display: inline-block;
  font-size: 2em;
  width: 100%;
  text-align: right;
  margin: 0px 0px 20px 0px;
}
.menudiseno-PromoDescripCondensed{
  display: inline-block;
  font-size: 2em;
  width: 100%;
  text-align: center;
  margin: 0px 0px 0px 0px;
}

.menudiseno-PromoPrecio{
  display: inline-block;
  width: 100%;
  text-align: right;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0px;
  position: relative;
}
.menudiseno-PromoPrecioCondensed{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0px;
  position: relative;
}

.menudiseno-PromoDetalle{
  width: 100%;
  height: auto;
  border: none;
  background: transparent;
  cursor: default;
  resize: none;
  text-align: right;
  color: black !important;
  font-size: 1.6em;
  font-weight: bold;
}
.menudiseno-PromoDetalleCondensed{
  width: 100%;
  height: auto;
  border: none;
  font-size: 1.4em;
  background: transparent;
  cursor: default;
  resize: none;
  color: black !important;
  text-align: center;
  font-weight: bold;
}

.menudiseno-PromoAclaracion{
  text-align: right;
  width: 100%;
  margin-top: 20px;
}
.menudiseno-PromoAclaracionCondensed{
  text-align: center;
  width: 100%;
}

.menudiseno-PromoDivPlato{
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.menudiseno-PromoDivPlatoCondensed{
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.menudiseno-PromoDivPlatoTexto{
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.menudiseno-PromoDivPlatoTextoCondensed{
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.menudiseno-PromoDivPlatoPrecio{
  display: inline-block;
  position: absolute;
  margin: -5px -30px;
}
.menudiseno-PromoDivPlatoPrecioCondensed{
  display: inline-block;
  position: absolute;
  margin: -5px -30px;
}
.menudiseno-PromoPlato{
  font-size: 1.6em;
  margin: 0px;
  width: 70%;
  display: inline-block;
  color: black !important;
  vertical-align: middle;
}
.menudiseno-PromoPlatoCondensed{
  font-size: 2em;
  margin: 0px;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  color: black !important;
}

.menudiseno-PromoPlatoDescripcion{
   margin: 0px;
  width: 80%; 
  line-height: 1.4em;
  font-size: 1.1em;
  height: auto;
  border: none;
  background: transparent;
  cursor: inherit;
  resize: none;
  overflow: hidden;
  color: black !important;
}
.menudiseno-PromoPlatoDescripcionCondensed{
   display: none;
}
.menudiseno-PromoPlatoPrecio{
  font-size: 1.4em;
  font-weight: bold;
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  text-align: center;
}
.menudiseno-PromoPlatoPrecioCondensed{
  font-size: 1.4em;
  font-weight: bold;
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  text-align: center;
}
.menudiseno-PromoPlatoPrecioA{
  
}
.menudiseno-PromoPlatoPrecioACondensed{
  
}


.menudiseno-TituloMenuDiv{
  margin: 100px 0px 0px 0px;
  text-align: center;
  padding: 20px 0px;
}
.menudiseno-TituloMenuDivCondensed{
  margin: 100px 0px 0px 0px;
  text-align: center;
  padding: 20px 0px;
}
.menudiseno-TituloMenu{
  font-size: 3em;
  margin: 20px 0px 0pc 0px;
  color: black;
}
.menudiseno-TituloMenuCondensed{
  font-size: 3em;
  margin: 20px 0px 0pc 0px;
  color: black;
}
.menudiseno-RestaurantName{
  font-size: 1.4em;
  margin: 0px;
  color: white;
  font-weight: 300;
  display: none;
}
.menudiseno-RestaurantNameCondensed{
  font-size: 1.4em;
  margin: 0px;
  color: white;
  font-weight: 300;
  display: none;
}
.menudiseno-TituloMenuIMGContainer{
   width: 100%;
  display: none;
  margin-top: 50px;
}
.menudiseno-TituloIMG{
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 5px;
}

.menudiseno-sectionContainer{

}

.menudiseno-sectionContainerCondensed{
  
}


.menudiseno-section{
  width:100%;
  text-align: center;
  margin: 0px 0px 80px 0px;
}
.menudiseno-sectionCondensed{
  width:50%;
  padding: 0px 25%;
  text-align: left;
  margin: 0px 0px 20px 0px;
  display: inline-block;
  vertical-align: top;
}

.menudiseno-sectionItems{
}
.menudiseno-sectionItemsCondensed{
  text-align: left;
  vertical-align: middle;
}
.menudiseno-sectionTitle{
  width: 100%;
  text-align: left;
}
.menudiseno-sectionTitleP{
  font-size: 2.8em;
  display: inline-block;
  width: 100%;
  color: white !important;
  text-align: center;
}
.menudiseno-sectionTitleDetalle{
  font-size: 1.4em;
  text-align: center;
  margin: -20px 10% 20px 10%;
}
.menudiseno-sectionTitlePCondensed{
  font-size: 2.2em;
  display: inline-block;
  padding: 0px 30px;
  color: white !important;
}
.menudiseno-sectionTitleDetalleCondensed{
  font-size: 1.2em;
  margin: -20px 5% 20px 5%;
}
.menudiseno-itemMenuDiv{
  display: inline-block;
  width: 25%;
  margin: 20px 1.5%;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  background: white;
  padding-bottom: 20px;
}


.menudiseno-itemMenuDivCondensed{
  display: inline-block;
  width: 94%;
  margin: 12px 3%;
  text-align: left;
  padding: 0px;
  vertical-align: top;
  cursor: pointer;
}
.menudiseno-itemMenuImg{
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin: 0px;
}
.menudiseno-itemDescuento{
    position: absolute;
    background: red;
    padding: 20px;
    color: white;
    font-size: 2em;
}
.menudiseno-itemDescuentoCondensed{
    position: absolute;
    background: red;
    padding: 5px;
    color: white;
    font-size: 2em;
    margin-left: -80px;
    margin-top: -5px;
}
.menudiseno-itemMenu{
  font-size: 1.6em;
  text-transform: uppercase;
  margin: 16px 1%;
  text-align: center;
  min-height: 45px;
}
.menudiseno-itemMenuCondensed{
  font-size: 1.5em;
  margin-bottom: 0px;
  display: inline-block;
  width: 60%;
  margin-left: 10px;
  margin-top: 0px;
  margin-right: 20%;
}
.menudiseno-itemMenuDescription{
  font-size: 1em;
  margin: 0px;
  padding:0px 10%;
}

.menudiseno-itemMenuDescriptionCondensed{
  display: none;
}
.menudiseno-itemPrice{
  font-size: 1.4em;
  margin: 20px 0px 0px 0px;
  display: inline-block;
}

.menudiseno-itemPriceCondensed{
  font-size: 1.5em;
  margin: 20px 0px 0px 0px;
  text-align: right;
  display: inline-block;
  margin-top: 0px;
  vertical-align: top;
}
.menudiseno-itemPriceA{
  font-size: 1em;
  height: 0px;
  margin: 0px;
  display: inline-block;
  margin-left: -100px;
}

.menudiseno-itemPriceACondensed{
  font-size: 1em;
  height: 0px;
  margin: 0px;
  display: inline-block;
  color: white !important;
  margin-left: -100px;
}

.menudiseno-seccionIMGContainerCondensed{
  width: 50%;
  display: inline-flex;
  vertical-align: middle;
}
.menudiseno-seccionIMGContainer{
  width: 50%;
  display: inline-flex;
  vertical-align: middle;
}
.menudiseno-seccionIMGCondensed{
  width: 100%;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 20px;
}
.menudiseno-seccionIMG{
  width: 100%;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 20px;
}

.menudiseno-divPie{
  background: white;
  padding: 20px 5%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.menudiseno-textoPie{
  font-size: 2em;
  margin: 10px 0px;
}
.menudiseno-horarioPie{
  margin: 0px;
  margin: 10px 0px;
  font-size: 1.4em;
}
.menudiseno-whatsappPie{
  display: inline-block;
  margin: 0px 10px;
  font-size: 1.4em;
  vertical-align: middle;
  cursor: pointer;
}
.menudiseno-whatsappPieIcono{
  display: inline-block;
  margin: 0px 2px;
  font-size: 1.6em;
  cursor: pointer;
  vertical-align: middle;
}
.menudiseno-dirPie{
  display: inline-block;
  margin: 0px 10px;
  font-size: 1.4em;
}
.menudiseno-LogoContainerPie{

}
.menudiseno-LogoPie{
  width: 150px;
}


.menudiseno-TextoMenuContainer{
  margin-top: 15px;
}
.menudiseno-textoMenu{
  font-size: 2em;
  margin: 0px;
  color: black !important;
}

.menudiseno-LogosContainer{
  width: 100%;
  text-align:center;
  padding: 10vh 0px 10vh 0px;
}
.menudiseno-Logo{
    width: 150px;
    padding: 0px 12%;
}

.menudiseno-ReservasFoto{
 background-size: cover!important;
}

/*estilos resumen */
.menudiseno-resumenContainer{
  display: inline-block;
  width: 28%;
  background: white;
  text-align: center;
  margin: 10px 2%;
  cursor: pointer;
}
.menudiseno-resumenContainerPromo{
  display: block;
  padding: 20px 5%;
  background: white;
  text-align: center;
  cursor: pointer;
}
.menudiseno-resumenImg{
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.menudiseno-resumenImgPromo{
  width: 50%;
  margin-left: 25%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.menudiseno-resumenP{
  font-size: 1.4em;
}
.menudiseno-resumenVolver{
  padding: 15px 5%;
  font-size: 2em;
  display: none;
  margin-left: 80%;
  cursor: pointer;
  position: fixed;
  top: 11vh;
  background: white;
  border: 1px solid;
}
.menudiseno-resumenVolverContainerPromo{
  background: white;
}
.menudiseno-resumenVolverPromo{
  padding: 15px 5%;
  font-size: 2em;
  display: none;
  margin-left: 80%;
  cursor: pointer;
  position: fixed;
  top: 11vh;
  background: white;
  border: 1px solid;
}
@media all and (max-width: 1024px){ 
  body{
        font-size: 10px !important;
      }
      .menudiseno-title{
        padding: 0px 2%;
        margin-top: 20vh;
      }
      .menudiseno-subTitle{
        padding: 0px 5% 0% 15%;
      }
      .menudiseno-PromoDiv{
        display: block;
      }
      .menudiseno-IMGPromoContainer{
        height: 200px;
        display: block;
        width: 100%;
        min-height: inherit;
      }
      .menudiseno-PromoContainer{
        width: 92%;
      }
      .menudiseno-PromoContainerCondensed{
      padding: 20px 5%;
      width: 90%;
      }
      .menudiseno-PromoDescripCondensed{
      text-align: center;
      }
      .menudiseno-PromoDivPlatoPrecio{
        margin: -5px -10px;
        width: 10%;
      }
    .menudiseno-PromoDivPlatoPrecioCondensed{
        margin: -5px -10px;
        width: 10%;
      }
      .menudiseno-promoIMG{
      width: 100%;
      height: 200px;
      }
      .menudiseno-PromoDivPlato{
        width: 100%;
      }
      .menudiseno-itemMenuDiv{
        width: 90%;
      }
      
      .menudiseno-sectionCondensed{
        width: 100%!important;
        padding: 0px!important;
      }
      .menudiseno-seccionIMGContainerCondensed{
        width: 100%!important;
      }
      .menudiseno-sectionItemsCondensed{
        width: 100%!important;
      }
      .menudiseno-sectionTitleDetalleCondensed{
        margin: -20px 10% 20px 10%;
      }
      .menudiseno-resumenContainer {
        width: 96%;
      }
      .menudiseno-resumenContainerPromo {
        width: 90%;
      }
      .menudiseno-resumenImgPromo{
        width: 96%;
        margin-left: 2%;
      }
      .menudiseno-resumenVolver{
        margin-left: 65%;
      }
      .menudiseno-resumenVolverPromo{
        margin-left: 65%;
      }
}