body {
  background:#595959;
  background-color: lightgrey;
}
   
.Cabecera {
  -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  font-family: 'Montserrat', Helvetica, Arial, sans-serif; 
  font-size: 22px; 
  text-align: left;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  border-bottom: 3px solid #ECB700;     
}

.CabeceraUsuario
{
    text-decoration:none;
    color:#fff;
    background-color: #528fd5;
    float: right;
}

.DivInvisible
{
  display: none;
}

.Cuadros {
  background-color: beige;
  border: 2px solid black;
  padding: 5px;
  margin-top: 10px; 
}

.Cuadros img {
  width: 20px;
}

.Cuadro-Botones { 
  margin-top: 75px ;
  width: 100%;    
}

.Cuadro-Botones-filtro { 
  width: 100%;    
}

.Cuadros_IN {
    background-color: rgb(237, 237, 151);
    border: 2px solid black;
    padding: 5px;
    margin-top: 10px;
}

.Cuadros_IN img {
    width: 20px;
}

.Cuadro_IN-Botones {
    margin-top: 75px ;
    width: 100%;
}

.Cuadro_IN-Botones-filtro {
    width: 100%;
}

.fila 
{
  padding: .2em;
  clear: both;
  /*width: 100%;*/
}

.fila span.etiqueta 
{
  float: left;
  margin-right: 15px;
  margin-top: 2px;/
  text-align: right;
}
 
.fila span.campos 
{
  text-align: left;
}
 
.fila .etiquetaLogin
{
  font-weight: bold;
  text-align: right;
  width: 35%;
  display: inline-block;
}

.fila .BotonesLogin
{
  font-weight: bold;
  text-align: right;
  width: 45%;
  display: inline-block;
}

#BotonListar
{
 background:url('../Iconos/printer.png') no-repeat; 
 background-size: 40px 40px;
 width:40px;  
 height: 40px;
}

#BotonAlta
{
 background:url('../Iconos/grabar.png') no-repeat; 
 background-size: 40px 40px;
 width:40px;  
 height: 40px;
}

#BotonBorra
{
    background:url('../Iconos/error.png') no-repeat;
    background-size: 40px 40px;
    width:40px;
    height: 40px;
}

#BotonSalir
{
 background:url('../Iconos/exit.png') no-repeat; 
 background-size: 40px 40px;
 width:40px;  
 height: 40px;
}

.botones {
  color: #FFF;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  background: #7C7C7C;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  cursor: pointer;    
  margin-right: 5px; 
}

.botones:hover {
  color: #FFF;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  background: #70296F;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  cursor: pointer;
}

.botones:disabled {
  opacity: 0.6;
  background: grey;
  cursor: not-allowed;
}         

.header-content {
  width:100%;
  margin:20px auto;
  overflow: hidden;
}

.header-logo 
{ 
  float: left; 
  display:inline; 
  margin: 20px 0 0 20px; 
}

.header-logo2 
{ 
  float: right; 
  display:inline; 
  margin: 07px 10px 10px 10px; 
}

.IconosHeader{
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

#tabla_ppal
{
    width: 100%;
    border: 2px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 70px;
    background-color: beige;
    /*margin-top: 10px; */
}

#tabla_ppal_2,#tabla_ppal_3
{
    width: 100%;
    border: 2px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: beige;
    margin-top: 10px; 
    margin-bottom: 70px;
}

#tabla_ppal_4 
/* sin el margin botton para que se pegue*/
{
    width: 100%;
    border: 2px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: beige;
    margin-top: 10px; 
}

#tabla_ppal_5
{
    width: 100%;
    border-collapse: collapse; 
    padding-bottom: 10px;
    margin-bottom: 70px;
    font-size: 0.9em; 
    font-family: sans-serif; 
    min-width: 450px; 
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); 
    background-color: beige;
}

#tabla_filtro,#tabla_filtro_h
{
  /*width: 100%;*/
  border: 2px solid black;
  padding-bottom: 10px;
  background-color: beige;
  margin-top: 75px ;
}

.tabla_ppal_lisa
{
    width: 100%;
    border: 2px solid black;
    padding-bottom: 10px;
    margin-bottom: 70px;
    background-color: beige;
    /*margin-top: 10px; */
}

#tabla_ppal img
{
  width: 25px;
}

#tabla_ppal_2 img
{
  width: 25px;
}

#tabla_ppal_4 img
{
  width: 25px;
}

#tabla_ppal_5 img
{
  width: 25px;
}

#tabla_ppal_lisa img
{
  width: 25px;
}

#tabla_ppal tr:nth-child(even)  
{
/*  background-color: #C0C0C0 ;*/
  background-color: rgb(237, 237, 151) ;

}

#tabla_ppal_2 tr:nth-child(even)  
{
/*  background-color: #C0C0C0 ;*/
  background-color: rgb(237, 237, 151) ;

}

#tabla_ppal_3 tr:nth-child(even)  
{
/*  background-color: #C0C0C0 ;*/
  background-color: rgb(237, 237, 151) ;

}

#tabla_ppal_5 tr:nth-child(even)  
{
/*  background-color: #C0C0C0 ;*/
  background-color: rgb(237, 237, 151) ;

}

#tabla_ppal_lisa .titulo
{
  background-color: rgb(237, 237, 151) ;
}

.PiePagina{
     text-decoration:none;
     /*padding: 10px 20px;*/
     padding: 5px 10px;
     background-color: white;
     bottom: 1px;
     width: 100%;
     height: 39px; /* 30px*/
     position: fixed;
     border-width: 0px;
     border-top: 3px solid #ECB700;
}

.PiePagina a
{
    float: right;
    margin-top: 3px;
    margin-right: 40px;
    text-decoration-color: black;
    color: buttontext;
    background-color: buttonface;
    text-decoration: none;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    padding: 1px 6px;
}

/* Nivel 2 */
.PiePagina2{
   text-decoration:none;
   /*padding: 10px 20px;*/
   padding: 5px 10px;
   background-color: white;
   bottom: 1px;
   width: 100%;
   height: 39px; /* 30px*/
   position: fixed;
   border-width: 0px;
   border-top: 3px solid #ECB700;
}

.PiePagina2 a
{
   float: right;
   margin-top: 3px;
   margin-right: 40px;
   text-decoration-color: black;
   color: buttontext;
   background-color: buttonface;
   text-decoration: none;
   border-width: 2px;
   border-style: outset;
   border-color: buttonface;
   border-image: initial;
   padding: 1px 6px;
}

#salida:visited
{
  color: black;
}

iframe.vbModal
{
    position: absolute;
    top: 10%;
    width: 70%;
    left: 15%;
    height: 75%;
    box-shadow: 0px 0px 40px 10px grey;
    display: none;
}

iframe.vbModal2
{
   position: absolute;
   top: 10%;
   width: 70%;
   left: 15%;
   height: 75%;
   box-shadow: 0px 0px 40px 10px grey;
   display: none;
}

#paraTapar
{
  position: absolute;
  width: 100%;
  background-color: grey;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
  opacity: .3; 
}

iframe.vbMsgBox
{
   position: absolute;
   top: 20%;
   width: 50%;
   left: 25%;
   height: 35%;
   box-shadow: 0px 0px 40px 10px grey;
}

#tablaLogin
{
    margin-left: 250px;
    margin-right: 250px;
    width: 60%;
    border: 3px solid black;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: beige;
    margin-top: 105px;
}

.centrado
{
   align-items:  center;
}

.derecha
{
   text-align: right;
}

.izquierda
{
   text-align: left;
}

/* ultomos para reemplazar a tabla_ppal_lisa / poner en la ultima margin-botton: 70px en el local.*/
.tabla_lisa
{
   width: 100%;
   border: 2px solid black;
   padding-bottom: 10px;
   margin-bottom: 1%;
   background-color: beige;
}

.tabla_lisa img
{
   width: 25px;
}

.Cuadro_new {
   background-color: beige;
   border: 2px solid black;
   padding: 5px;
   margin-top: 1%;
   margin-bottom: 1%;
}

.Cuadro_new img {
   width: 20px;
}

#tabla_filtro img {
   width: 20px;
}

/*Propiedades de los datos*/
.Mayusculas /* para inpues*/
{
   text-transform: uppercase;
}

.SoloLectura
{
   /*background-color: beige;*/
   /*background-color: #ebebe4;*/
   background-color: beige;
}
.CampoError
{
   border: 2px solid red;
   background-color: yellow;
   color: blue;
}
.l_Articulo
{
   width: 220px;
   text-transform: uppercase;
}

.nro_pallet
{
    width: 160px;
}

.l_Bul, .l_Uns, .l_Vol, .l_Otr
{
   text-align:  right;
}

#w_aviso
{
   font-size: 60px;
   height: 80%;
   width: 100%;
}

/*//////////////////////////// css para alert tuneado*/

.cwdialog-overlay {
   background-color:#000;
   display: none;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   z-index:9999;
   width: 100%;
   opacity: 0.7 !important;
}

div.cwdialog {
   background: #fff;
   border: 1px solid #aaa;
   box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
   -mox-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
   color: #111;
   display: none;
   font-family: Arial, sans-serif;
   font-size: 14px;
   left: 32% !important;
   max-height: 90%;
   overflow: hidden;
   width:40% !important;
   border-radius:7px;
   position: fixed;
   top: -100%;
   z-index:9999;
}

div.cwdialog .cwdialog-inner {
   padding: 20px 20px 30px 20px;
   font-family: 'Comic Sans MS';
   font-size: 16px;
   color: #156A07;
}

div.cwdialog .cwdialog-input {
   margin-top: 10px;
   padding: 10px 0;
}

div.cwdialog .cwdialog-input input {
   border: 1px solid rgba(0,0,0,0.3);
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1);
   -mox-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1);
   display: block;
   font-size: 13px;
   margin: 0 auto;
   padding: 5px 10px;
   width: 90%;
}

div.cwdialog .cwdialog-input input:focus {
   border-color: #01AEF0;
   outline: none;
}

div.cwdialog .cwdialog-buttons {
   border-top: 1px solid #e5e5e5;
   box-shadow: inset 0px 1px 0px #fff;
   -moz-box-shadow: inset 0px 1px 0px #fff;
   -webkit-box-shadow: inset 0px 1px 0px #fff;
   padding: 20px 20px;
   text-align: right;
}

div.cwdialog .cwdialog-buttons button {
   background-color: #3276b1;
   border:1px solid #285e8e;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   cursor: pointer;
   font-size: 14px;
   margin: 0 2px;
   overflow: hidden;
   border-radius:5px;
   font-family: 'Comic Sans MS';
   padding: 6px 12px;
   color:#FFF;
}

div.cwdialog .cwdialog-buttons button.blue { background: #01AEF0; }

div.cwdialog .cwdialog-buttons button.red { background: #D23A30; }

div.cwdialog .cwdialog-buttons button.blue, div.cwdialog .cwdialog-buttons button.red {
   color: #fff;
   text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

div.cwdialog .cwdialog-buttons button:hover {
   box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 3px rgba(0,0,0,0.4);
   -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 3px rgba(0,0,0,0.4);
   -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 3px rgba(0,0,0,0.4);
}

div.cwdialog .cwdialog-buttons button:active {
   box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.8);
   -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.8);
   -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.8);
}

#tabla_ppal_6 {
  border: 2px solid black;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: beige;
  margin-top: 10px;
}