/* colours */

:root {
  --primary: #f8f5ed;
  /*#FFE1C4;*/
  --secondary: #efebe9;
  /* #FFE9D2; */
  --title: #fff8e1;
  /* #FF8816;*/
}

/* layout styles */

#mostrador {
  margin-left: 1%;
  margin-top: 10%;
  width: 98%;
  /* z-index:10; */
}

#mensaje0 {
  font-size: x-small;
  text-align: center;
}

#titulo {
  font-family: cursive;
  font-weight: 900;
  font-size: large;
  color: #6d4c41;
  text-align: center;
}

.barra0 {
  top: 0;
  position: fixed;
  background-color: ghostwhite;
  height: 10%;
  border-top: 2px #bcaaa4 groove;
  z-index: 10;
}

.barra0.izq {
  width: 29%;
  left: 1%;
}


.barra0.centro {
  width: 35%;
  left: 30%;
}


.barra0.dere { 
  width: 34%;
  left: 65%;
  padding-right: 1%;
  text-align: right;
}



.barra1 {
  top: 10%;
  position: fixed;
  background-color: ghostwhite;
  padding-top: 0.1%;
  height: 7%;
  border-bottom: 2px #bcaaa4 groove;
  z-index: 10;
}

.barra1.izq {
  width: 78%;
  left: 1%;
}

.barra1.centro {
  width: 35%;
  left: 30%;
}

.barra1.dere {
  width: 20%;
  left: 79%;
  padding-right: 2%;
}


.icoMenu {
  padding-top: 6px;
  padding-left: 10px;
  height: 30px;
  width: 30px;
}

#entrega {
  font-weight: 400;
  font-size: xx-small;
  font-style: oblique;
}
#wasap {
  font-weight: 900;
  font-size: xx-small;
}


@media screen and (max-width: 992px) {
  
  .barra0.izq {
    left: 1%;
    width: 15%;
  }
  .barra0.centro {
    width: 69%;
    left: 15%;
    z-index: 12;
  }
  
  .barra0.dere {
    text-align: right;  
    left:79%;
    width:20%;
  }

  .barra1.izq {
    float: right;
    width: 79%;
    left: 1%;
  }

  .barra1.dere {
    left: 80%;
    width: 19%;
    float: right;
  }

  
  #mensaje0 {
    font-size: x-small;
    font-weight: 700;
  }
  #mostrador {
    margin-top: 27%;
  }
  #entrega {
    font-weight: 800;
    font-size: 7px;
    font-style: oblique;
  }
  #wasap {
    font-weight: 900;
    font-size: 7px;
  }
  .icoMenu {
    height: 34px;
    width: 34px;
  }
  
  .inpLbl{
    display: block;
    padding-left: 8%;
    font-size: small;

    background: url('/soham/img/icons/svg/flower-daffodil.svg') no-repeat scroll; 
    padding-left: 10%;
    height: 1%;
  }

  #itemDesc,#itemPrecio,#para,#dedica,#domic {
    padding-top: 8px; 
    width: 90%;
    font-size: 12px;
    height: 1%;
    border: none;
  }

}