@font-face {
    font-family: ubunturegular;
    src: url(fuente.ttf);
}
html,body {
	margin: 0px;
	width: 100%;
	height: 100%;

	background: #dbdbdb;
	overflow: hidden;

	font-family: ubunturegular;
}
.tpv_boton_calc {
	width: 20%;
	height: 20%;
	font-size: 23px;
}
DIV#contenido {
	width: 99%;
	height: 100%;
	
	z-index: 1;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

	text-align: center;	
	background: #eeeeee;
	display: table;
}
.centrado {
	text-align: center; 
	vertical-align: middle; 
	display: table-cell;
}
button,input,select,textarea {
  /*background: #9BA9CA;
  background-image: -webkit-linear-gradient(top, #9BA9CA, #b9c2d9);
  background-image: -moz-linear-gradient(top, #9BA9CA, #b9c2d9);
  background-image: -ms-linear-gradient(top, #9BA9CA, #b9c2d9);
  background-image: -o-linear-gradient(top, #9BA9CA, #b9c2d9);
  background-image: linear-gradient(to bottom, #9BA9CA, #b9c2d9);*/
  /*-webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-shadow: 1px 1px 1px #666666;
  -webkit-box-shadow: 0px 1px 2px #666666;
  -moz-box-shadow: 0px 1px 2px #666666;
  box-shadow: 0px 1px 2px #666666;
  color: #000000;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;*/
}
input[type="text"]:disabled {
	background-color: #acacac;
}

button:active,input:active,select:active {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
button:disabled,input:disabled,select:disabled {
  background: #252525;
  text-decoration: none;
  color: white;
}
.fila {
	width: 100%;
}
button.admin {
	width: 24%;
	height: 100%;
}
.boton_producto_imp {
	height: 15%;
	width: 80%;
	margin: 1px;
	/*background: #33ff33;*/
	font-weight: bold;
	font-size: 21px;
}
.boton_producto {
  height: 55px;
  width: 200px;
  margin: 1px;
  font-weight: bold;
  font-size: 15px;
}
.multiplicador {
	font-size: 14px;
	padding: 0;

	height: 25px;
	width: 35px;	
}
button:active,button:active,button:active {
  border: solid #f79f48 4px;
}
.boton_menu {
	height: 100%;
	width: 12%;
	border: solid #7e75ff 2px;
	font-weight: bold;
}
button {
	font-weight: bold;
}
DIV#tpv,DIV#admin {
	width: 100%;
	height: 100%;
}
DIV#tpv_caja {
	/*margin-top: 3%;
	padding-top: 10px;*/
	width: 100%;
	height: 30%;
	float: left;
	/*border-top: solid 1px black;*/
}
DIV#menu {
	width: 100%;
	height: 10%;
	max-height: 10% !important;
	min-height: 65px !important;

	border-bottom: 1px solid #000;
}
DIV#menu_izq {
	float: left;
	width: 49%;
	height: 100%;
	text-align: left;
}
DIV#menu_der {
	float: right;
	width: 49%;
	height: 100%;
	text-align: right;
}
DIV#otros_productos {
display: none;

	border-radius: 15px;

	height: 50%;
	width: 50%;

	z-index: 500;

	color: black;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

	border: 2px;
}
DIV#columnas {
	width: 100%;
	height: 88%;
}
DIV#col1 {
	width: 20%;
	height: 100%;
	float:left;
	text-align: center;
	border-right: 1px solid black;
}
DIV#col2 {
	width: 39%;
	height: 100%;
	float:left;
	border-right: 1px solid black;
}
DIV#col3 {
	width: 40%;
	height: 100%;
	float:left;
}
DIV#caja_subtotal {
	width: 60%;
	height: 100%;
	overflow-y: scroll;
	float: right;
}
DIV#tpv_ultimas_ventas {
	float: right;
	width: 100%;
	height: 250px;
        overflow-y: scroll;
}

DIV#calc_subtotal {
	margin-top: 1%;
	width: 100%;
	height: 15%;
}
DIV#calc_teclado {
	width: 100%;
	height: 80%;
	text-align: center;
}
DIV#calculadora {
	float: left;
	width: 100%;
	height: 100%;
}
DIV#subcol22 {
	height: 40%;
	width: 100%;
}
DIV#subcol21 {
	height: 60%;
	width: 80%;
}

DIV#separador{
	width: 2%;
	height: 100%;
	float: left;
}
DIV#caja_total {
	width: 15%;
	height: 100%;
	float: left;
	/*border-right: solid 1px black;
	/*border-left: solid 1px black;	*/
}
DIV#aumenta_saldo {
	float: left;
	width: 25%;
	height: 100%;
}
INPUT#nombre_busqueda {
	width: 300px;
        background-color: white;
}
INPUT#nombre_deposito {
        width: 300px;
}
#resultados_ws,#resultados_ws_2 {
	width: 304px;
	position: absolute;
	border: 1px solid #000000;
	background: white;
}
#resultados_ws,#resultados_ws_2 .item {
	padding: 3px;
	font-family: Helvetica;
	border-bottom: 1px solid #c0c0c0;
}

#resultados_ws,#resultados_ws_2 .item:last-child {
	border-bottom: 0px;
}

#resultados_ws,#resultados_ws_2 .item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}
.tabla_subtotal {
	width: 100%;
}
.texto_centrado {
	text-align: center;
}
.calculadora {
	width: 60px;
	height: 60px;
}
table {
	text-align: center;
}
td {
	border-bottom: 1px solid black;
}
th {
	border: 1px solid #9BA9CA;	
}
.compra_boton {
	width: 70%;
	height: 60%;
	font-size: 19px;
	font-weight: bold;
}
.sin_borde {
	border: none;
}
.menos {
  	color: #000000;
  	font-size: 20px;
  	background: #d9d9d9;
  	padding: 0;
  	border: solid #7e75ff 1px;
  	text-decoration: none;

  	height: 25px;
  	width: 25px;
}
DIV#bloqueo {
	display: none;

	width: 100%;
	height: 100%;

	z-index: 400;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	background-color: #666666; 
	opacity: 0.7;
}
DIV#tpv_productos {
	width: 100%;
	height: 60%;
	float: left;
	/*padding-top: 10px;*/
}
DIV#tpv_productos_importantes {
	float: left;
	width: 15%;
	border-right: 1px dotted black;
	/*border-left: 1px solid black;*/
}
DIV#tpv_productos_normales {
	float: left;
	width: 44%;
	/*border-right: 1px solid black;*/
}
/*DIV#calc_teclado,DIV#calc_datos {
	height: 100%;
	width:  50%;
	float:  left;
}*/
/*DIV#lector,DIV#lector_multi,DIV#calculadora_tpv,DIV#venta {*/
DIV#lector,DIV#venta {
	display: none;

	border-radius: 15px;

	height: 50%;
	width: 50%;

	z-index: 500;

	color: black;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

	border: 2px;
}
textarea#lector_input,textarea#lector_multi_input {
	height: 50px;
	width: 75%;
	white-space: normal;
    text-align: justify;
    -moz-text-align-last: center; /* Firefox 12+ */
    text-align-last: center;
}
DIV#accion {
	min-width: 50%;
	max-height: 70%;
	overflow: auto;	
}