body{
    margin:0;
    padding:0;

    border:hidden;

    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
background: linear-gradient(132deg, #2697cc, #585d5f);
background-size: 400%;

    -webkit-animation: ENIM 17s ease infinite;
    -moz-animation: ENIM 17s ease infinite;
    animation: ENIM 17s ease infinite;
    height: 100%; 
    -webkit-user-select: none;      -moz-user-select: none;      -ms-user-select: none;      user-select: none;
}

#divLineas{
	overflow:auto;
}
#divGrupos{
	overflow:auto;
	width: auto;
}
#articulos{
    color:#fff;
}
#divProductos{
	overflow:auto;
	height: 360px;
}
.producto{
    float:left;
    margin: 3px;
    
}
.cellLinea{
	font-family:Arial, Helvetica, sans-serif;
	width: 140px;
	height:60px;
	font-size:14px;
	color:#ecf5ff !important;
	text-align:center; 
	background-position:center;
        cursor: pointer;
	font-weight:bold;
	background: #777; 
}
.cellGrupo{
	font-family:Arial, Helvetica, sans-serif;
	width:100px;
	height:60px;
	font-size:14px;
	color:#000;
	text-align:center;
	background-position:center;
	font-weight:bold;
        cursor: pointer;
	background: #aaa;
}
.cellProducto{
	font-family: Arial, Helvetica, sans-serif;

	width: 100px;
        cursor: pointer;

	height: 60px;
font-size: 12px;
color: #000;
text-align: center;
background-position: center;
font-weight: bold;

	background: #ccc;
padding: 10px;

	font-size: 14px;
white-space: normal;
overflow: visible;
	margin: 0px;
	border-radius: 10px;
}
 
.divDetProd{
	width: 291px;
    height: 40vh;
	overflow:auto;
	margin: auto;
	position: relative;
	display: block;
	border-style:solid;
	border-color:#000000;
	background-color:#FFFFFF;
	padding: 0 10px;
	margin-bottom: 10px;
}
.basCellMEN{
 background: rgba(19,19,19,1);
background: -moz-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,1)), color-stop(7%, rgba(19,19,19,1)), color-stop(94%, rgba(89,89,89,1)), color-stop(100%, rgba(89,89,89,1)));
background: -webkit-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -o-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -ms-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: linear-gradient(to bottom, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#595959', GradientType=0 );
	
}
.tablepv{
    background: rgba(19,19,19,1);
background: -moz-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,1)), color-stop(7%, rgba(19,19,19,1)), color-stop(94%, rgba(89,89,89,1)), color-stop(100%, rgba(89,89,89,1)));
background: -webkit-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -o-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -ms-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: linear-gradient(to bottom, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#595959', GradientType=0 );
    padding: 10px;
}

.cellFootCanCon{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.cellFootCanDesTit{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	text-align:center;
	color:#FFFFFF;
	background: #2697cc;
	padding: 5px;
}
.cellFootCanDes{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#82C0FF;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	text-align:center;
	color:#FFFFFF;
}
.textTipDes{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.radTipDes{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
/*ESTILO TABLA DETALLE PRODUCTOS*/
.encTabDet{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color: #000;
	color:#FFFFFF;
	text-align:center;
	padding: 3px;
}
.detTabDet{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	border-left:1;
	border-left-style:solid;
	border-left-color:#000000;
	text-align: center;
	padding: 3px;
	border-bottom: 1px dotted #ccc;
}
.detTabDetTot{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#003333;
	color:#FFFFFF;
	border-left:1;
	border-left-style:solid;
	border-left-color:#000000;
}
.textTotVen{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	text-align:right;
}
.cellTipPag{
    height:20px;
}

/********************************/

/***********ESTILOS CAJA*********/
.titCanCob{
	background-color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	color:#FFFFFF;
}
.detPagCajL{
	background-color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#000000;
}
.detPagCajR{
	background-color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color:#000000;
}

.titCanCobL{
	background-color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	color:#FFFFFF;
}
.textCanCob{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	border:none;
	text-align:right;
}
.titDetCobC{
	background-color:#0175BA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
#divTipPag{ 
	width:200px;
	height:240px;
	overflow:auto;
	text-align:center;
	align:center;
}
#divDetPag{ 
	height:200px; 
	overflow:auto;
	width: 100%;
}
.cellTipPag{
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	height: 30px;
	font-size:16px;
	color:#FFFFFF;
	text-align:center; 
	background-position:center;
	vertical-align:middle;
	font-weight:bold;
	background: #000;
	padding: 7px; 
        cursor:pointer;
}
.totDetCob{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	text-align:right;
}
.totDetBot{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
}
.cellFootPag{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:right;
	font-weight:bold;
	background-color:#F4FCFF;
}

.detTitPagCajC{
	background-color:#0099CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

.titVenta{
	background-color: #2697cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px;
	margin-top: 5px;
    line-height: 1;
}
.clTextImpDetPag{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:right;
}

.cllcortesia{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	height:38px;
	width:140px;
	background-image:url(img_punt/BOTON.png)
}

/********************************/

/*********ESTILOS BOTONES ACC********/
#bot_cor_caj{
	background-color:#006699;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:38px;
	width:140px;
}

#bot_arq_caj{
	background-color:#006699;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:38px;
	width:140px;
}

#bot_c_caj{
	background-color:#006699;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:38px;
	width:140px;
}
/************************************/


/********ESTILOD DE PASSWORD*********/
#HSIAD_usuario{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	border:1;
	border-style:solid;
	border-color:#006699;
}
#HSIAD_usuario2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border:1;
	border-style:solid;
	border-color:#006699;
	margin-bottom: 10px;
}

.tdUp{
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border:outset;
	background-color:#0066CC;
	border-color:#006666;
	color:#FFFFFF;
	border-collapse:collapse;
}
.tdDown{
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border:inset;
	background-color:#003366;
	border-color:#006666;
	color:#FFFFFF;
	border-collapse:collapse;
}
#token{
    width: 100%;
}
.tdText{
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border:outset;
	background-color:#CCCCCC;
	border-color:#006699;
	color:#FFFFFF;
	border-collapse:collapse;
}
.tdTit{
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	border:groove;
	background-color:#FFCC00;
	border-color:#006666;
	color:#333333;
	border-collapse:collapse;
	text-align:center;
}

.titWindowLayer{
	text-align:right;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:solid;
	background-color:#0099CC;
	border-color:#000000;
	border-width:1;
	color:#FFFFFF;
	border-collapse:collapse;
}
/************************************/
.Sub
{
    float: right;
    
    
    padding: 9px;
}
.Total{
    
    
}
.baseTable{
    width: 358px;
    background: rgba(19,19,19,1);
background: -moz-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,1)), color-stop(7%, rgba(19,19,19,1)), color-stop(94%, rgba(89,89,89,1)), color-stop(100%, rgba(89,89,89,1)));
background: -webkit-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -o-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: -ms-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
background: linear-gradient(to bottom, rgba(19,19,19,1) 0%, rgba(19,19,19,1) 7%, rgba(89,89,89,1) 94%, rgba(89,89,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#595959', GradientType=0 );
    padding: 5px;
}

input[type="button"], input[type="submit"], input[type="reset"],button{
    padding: 6px;

    background: #4682B4;
    background: -moz-linear-gradient(top, #87CEEB 0%, #4682B4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87CEEB), color-stop(100%,#4682B4));

    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid #fff;
    border-radius: 8px;

    font: bold 15px Helvetica, Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    text-shadow: -2px 1px 2px #fff; 

    min-width: 40px;
    min-height: 40px;
} 

.botonescal button{
  margin:3px;  
}
.pv{
    display: block;
    position: relative;
    overflow: hidden;
    margin: auto;
    margin: auto;
    height: 95vh;
}
.leftpv{
    float:left;
    
    width: 27vw; 
    min-width: 350px;
    
}
.rigthpv{
  width: 59vw;
    position: absolute;
    right: 5px;
    top: 51px;
}

#divMenu table{
width: 100%;
}
.vacio{
    
}
#divCalculadora{
    margin: 10px;
    margin-bottom: 20px;
}
input[type=text],textarea,input[type="password"]{
      color:#2B2D4A;
   color: #2B2D4A;
box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.6);
font-size: 14px;
padding: 8px;
border-radius: 5px;
}
.encabezadottitle{
    font-size: 19px;
background: #000;
padding: 10px;
}
