/* DISEÑO NUMERO 100 */

.menudiseno-divTodo{
  background-image: url(/media/fondo-web.png);
  background-size: 100% 100%;
}
.menudiseno-divTodoCondensed{
  background-image: url(/media/fondo-web.png);
  background-size: 100% 100%;
}

.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: 4em;
  margin:0px;
  line-height: normal;
  padding: 0px 20%;
  color:white;
  text-align: center;
}
.menudiseno-subTitle{
  font-size: 2em;
  margin:0px;
  line-height: 70px;
  font-weight: bold;
  text-align: center;
  color: white !important;
}
.menudiseno-headerIMGContainer{
  width: 100%;
  display: flex;
}
.menudiseno-headerIMGContainerOpacity{
  width: 100%;
  background:#000000;
  opacity: 0.54;
  position: absolute;
  height: 100vh
}
.menudiseno-headerIMG{
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 60% 50%;
  position: absolute; 
}

.menudiseno-PromoDiv{
    margin: 40px 10%;
    display: flex;
    min-height: 200px;
}

.menudiseno-IMGPromoContainer{
  width: 35%;
  display: inline-flex;
  height: inherit;
}


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


.menudiseno-PromoContainer{
  display: inline-block;
  vertical-align: top;
  padding: 20px 2%;
  width: 65%;
}

.menudiseno-PromoContainerCondensed{
  display: inline-block;
  vertical-align: top;
  padding: 30px 20%;
}

.menudiseno-Promo{
  font-size: 3em;
  margin:0px;
  color: white;
}
.menudiseno-PromoCondensed{
  font-size: 3em;
  margin:0px;
  color: white;
}

.menudiseno-PromoDescrip{
  display: inline-block;
  font-size: 1.4em;
  font-weight: bold;
  margin: 5px 0px;
  width: 80%;
  letter-spacing: 1px;
  color: white;
}
.menudiseno-PromoDescripCondensed{
  display: inline-block;
  font-size: 1.4em;
  font-weight: bold;
  margin: 5px 0px;
  width: 80%;
  letter-spacing: 1px;
  color: white;
}

.menudiseno-PromoPrecio{
  display: inline-block;
  width: 20%;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0px;
  color: white;
}
.menudiseno-PromoPrecioCondensed{
  display: inline-block;
  width: 20%;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0px;
  color: white;
}

.menudiseno-PromoDetalle{
  letter-spacing: 1px;
  width: 80%;
  height: auto;
  border: none!important;
  background: transparent!important;
  cursor: default;
  resize: none;
  color: white;
}
.menudiseno-PromoDetalleCondensed{
  letter-spacing: 1px;
  width: 80%;
  height: auto;
  border: none!important;
  background: transparent!important;
  cursor: default;
  resize: none;
  color: white;
}

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

.menudiseno-PromoDivPlato{
  margin-bottom: 10px;
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.menudiseno-PromoDivPlatoCondensed{
  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;
  vertical-align: top;
  text-align: center;
}
.menudiseno-PromoDivPlatoPrecioCondensed{ 
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.menudiseno-PromoPlato{
  font-size: 2em;
  margin: 0px;
  letter-spacing: 1px;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}
.menudiseno-PromoPlatoCondensed{
  font-size: 2em;
  margin: 0px;
  letter-spacing: 1px;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.menudiseno-PromoPlatoDescripcion{
   margin: 0px;
  font-weight: lighter;
  letter-spacing: 1px;
  width: 80%; 
  line-height: 1.4em;
  font-size: 1.1em;
  height: auto;
  border: none !important;
  background: transparent !important;
  cursor: inherit;
  resize: none;
  overflow: hidden;
}
.menudiseno-PromoPlatoDescripcionCondensed{
   margin: 0px;
  font-weight: lighter;
  letter-spacing: 1px;
  width: 80%; 
  line-height: 1.4em;
  font-size: 1.1em;
  height: auto;
  border: none !important;
  background: transparent !important;
  cursor: inherit;
  resize: none;
  overflow: hidden;
}
.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: 30px 0px;
  text-align: center;
  padding: 20px 0px;

}
.menudiseno-TituloMenuDivCondensed{
  margin: 30px 0px;
  text-align: center;
  padding: 20px 0px;

}
.menudiseno-TituloMenu{
  font-size: 3em;
  margin: 10px 0px;
  color: white;

}
.menudiseno-TituloMenuCondensed{
  font-size: 3em;
  margin: 10px 0px;

}
.menudiseno-RestaurantName{
  font-size: 1.4em;
  margin: 0px;
  color: white;
}
.menudiseno-RestaurantNameCondensed{
  font-size: 1.4em;
  margin: 0px;
  color: white;
}

.menudiseno-TituloMenuIMGContainer{
   width: 100%;
  display: flex;
}
.menudiseno-TituloMenuIMGContainerCondensed{
   width: 100%;
  display: flex;
}
.menudiseno-TituloIMG{
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 5px;
}
.menudiseno-TituloIMGCondensed{
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 5px;
}
.menudiseno-sectionContainer{
  text-align: center;
}


.menudiseno-sectionContainerCondensed{
 
}



.menudiseno-section{
  width:100%;
  text-align: center;
  margin: 0px 0px 80px 0px;
}
.menudiseno-sectionCondensed{
  width:50%;
  text-align: left;
  margin: 0px 0px 80px 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: 3em;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.menudiseno-sectionTitleDetalle{
  font-size: 1.4em;
  text-align: center;
  margin: -20px 10% 20px 10%;
}
.menudiseno-sectionTitlePCondensed{
  font-size: 2em;
  display: inline-block;
  padding: 0px 30px;
}
.menudiseno-sectionTitleDetalleCondensed{
  font-size: 1.2em;
  margin: -20px 5% 20px 5%;
}
.menudiseno-itemMenuDiv{
  display: inline-block;
  width: 30%;
  margin: 20px 1%;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.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: 180px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin: 20px 0px;
  border-radius: 10px;
}
.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;
  margin-bottom: 0px;
}
.menudiseno-itemMenuCondensed{
  font-size: 1.2em;
  letter-spacing: 1px;
  margin-bottom: 0px;
  text-transform: capitalize;
  display: inline-block;
  width: 60%;
  margin-left: 10px;
  margin-top: 0px;
  margin-right: 20%;
}
.menudiseno-itemMenuDescription{
  font-size: 1em;
  margin: 0px;
}

.menudiseno-itemMenuDescriptionCondensed{
  display: none;
}
.menudiseno-itemPrice{
  font-size: 1.6em;
  margin: 10px 0px 0px 0px;
}

.menudiseno-itemPriceCondensed{
  font-size: 1.2em;
  letter-spacing: 1px;
  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;
}


.menudiseno-itemPriceACondensed{
  font-size: 0.8em;
  height: 0px;
  margin: 0px;
  text-align: right;
}
.menudiseno-seccionIMGContainerCondensed{
  width: 50%;
  display: inline-flex;
  vertical-align: middle;
}
.menudiseno-seccionIMGContainer{
  width: 100%;
  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: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 10px;
}
.menudiseno-divPie{
  background: black;
  padding: 20px 0%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.menudiseno-textoPie{
  font-size: 2em;
  margin: 10px 0px;
  color: white!important;
}
.menudiseno-horarioPie{
  margin: 0px;
  margin: 10px 0px;
  font-size: 1.4em;
  color: white !important;
}
.menudiseno-whatsappPie{
  display: inline-block;
  margin: 0px 10px;
  font-size: 1.4em;
  vertical-align: middle;
  cursor: pointer;
  color: white!important;
}
.menudiseno-whatsappPieIcono{
  display: inline-block;
  margin: 0px 2px;
  font-size: 1.6em;
  cursor: pointer;
  vertical-align: middle;
  color: white !important;
}
.menudiseno-dirPie{
  display: inline-block;
  margin: 0px 10px;
  font-size: 1.4em;
  color: white!important;
}
.menudiseno-LogoContainerPie{

}


.menudiseno-TextoMenuContainer{
}
.menudiseno-textoMenu{
  font-size: 2em;
  margin: 0px;
}

.menudiseno-LogosContainer{
  width: 100%;
  text-align:center;
  padding: 10vh 0px;
}
.menudiseno-Logo{
   margin-top: 5vh;
}
.menudiseno-LogoContainerPie{

}
.menudiseno-LogoPie{

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

/*estilos resumen */
.menudiseno-resumenContainer{
  display: inline-block;
  width: 28%;
  text-align: center;
  margin: 10px 2%;
  cursor: pointer;
}
.menudiseno-resumenContainerPromo{
  display: block;
  padding: 20px 5%;
  text-align: center;
  cursor: pointer;
}
.menudiseno-resumenImg{
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 10px;
}
.menudiseno-resumenImgPromo{
  width: 50%;
  margin-left: 25%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 10px;
}
.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;
  border-radius: 10px;
}
.menudiseno-resumenVolverContainerPromo{
}
.menudiseno-resumenVolverPromo{
  padding: 15px 5%;
  font-size: 2em;
  display: none;
  margin-left: 80%;
  cursor: pointer;
  background: white;
  border-radius: 10px;
}

@media all and (max-width: 1024px){ 
  body{
        font-size: 10px !important;
      }

      .menudiseno-title{
        padding: 0px 2%;
      }
      .menudiseno-PromoDiv{
        display: block;
      }
      .menudiseno-IMGPromoContainer{
        height: 200px;
        display: block;
        width: 100%;
      }
      .menudiseno-PromoContainer{
        width: 96%;
      }
      .menudiseno-PromoDivPlato{
        width: 100%;
      }
      .menudiseno-itemMenuDiv{
        width: 90%;
      }
     
      .menudiseno-sectionCondensed{
        width: 100%!important;
      }
      .menudiseno-seccionIMGContainerCondensed{
        width: 100%!important;
      }
      .menudiseno-sectionItemsCondensed{
        width: 100%!important;
      }
      
      .menudiseno-resumenContainerPromo {
        width: 90%;
      }
      .menudiseno-resumenImg {
        height: 100px;
      }
      .menudiseno-resumenImgPromo{
        width: 96%;
        margin-left: 2%;
      }
      .menudiseno-resumenVolver{
        margin-left: 65%;
      }
      .menudiseno-resumenVolverPromo{
        margin-left: 65%;
      }
}