.pantallanegra {
  position: fixed;
  z-index: 200;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  background-image: url("../imag/black.png");
  background-repeat: repeat;
  display: none;
}
.loading {
  position: fixed;
  z-index: 202;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  background-image: url("../imag/cargando.gif");
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.pantallita {
  
  position: relative;
  z-index: 201;
  width: 800px;
  margin: 10px auto 0 auto;
  background-color: #AAA;
  border: 3px solid #000;
  display: none;
  overflow: hidden;
  /* CSS 3 */
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  -khtml-border-radius: 15px 15px 15px 15px;
  box-shadow: 0 0 18px #2e87e0;
  -moz-box-shadow: 0 0 10px #2e87e0;
  -webkit-box-shadow: 0 0 18px #2e87e0;
  -khtml-box-shadow: 0 0 18px #2e87e0;
}

.pantallita .barrasup {
  width: 99%;
  margin: 4px auto 4px auto;
  height: 64px;
  background-image: url("../imag/cerrarbar.png");
  background-repeat: repeat-x;
  background-color: transparent !important;
  vertical-align: middle;
  overflow: hidden;
  /* CSS 3 */
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -khtml-border-radius: 20px 20px 20px 20px;
}
.pantallita .barrasup #titulo {
  float: left;
  vertical-align: middle;
  text-align: left;
  width: 550px;
  margin-top: 17px;
  margin-left: 15px;
  color: #FFF;
  font-weight: bold;
  font-size: 18pt;
  font-family: Arial, Verdana, Calibri;
}
.pantallita .barrasup #botoncarrito {
  float: right;
  vertical-align: middle;
  width: 64px;
  height: 64px;
}
.pantallita .barrasup #botoncarrito #cesta {
  background-image: url("../imag/addcart.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  cursor: pointer;
  border: 0;
  height: 64px;
  width: 64px;
}
.pantallita .barrasup #botoncerrar {
  float: right;
  vertical-align: middle;
  width: 64px;
  height: 64px;
}
.pantallita .barrasup #botoncerrar #cierre {
  background-image: url("../imag/cerrar.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  cursor: pointer;
  border: 0;
  height: 64px;
  width: 64px;
}
.pantallita .totalfinal {
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
}
.pantallita .rejilla {
  font-size: 12pt;
  overflow: auto;
  max-height: 520px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.pantallita .rejilla input[type="text"] {
  width: 40px;
  height: 20px;
  font-size: 10pt;
}
.pantallita .rejilla .X100 {
  width: 40px !important;
}
.pantallita .rejilla td {cursor: default;}
.pantallita .rejilla .extens {cursor: pointer;}
.pantallita .rejilla .extens:hover {background-color: #fdff7b;}
.pantallita .rejilla .bordebajo {border-bottom: 1px solid #006cab;}
.pantallita .rejilla .bordedcha {border-right: 1px solid #006cab;}
.pantallita .rejilla .color1 {background-color: #c5e5f4;}
.pantallita .rejilla .color2 {background-color: #e9f5fb;}
.pantallita .rejilla th {
  background-color: #0093d0;
  font-weight: bold;
  color: #FFF;
}