* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-family: Arial;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	background-color: #333;
}
strong {
	font-weight: bold;
}
body.oculto *,
body.avisar *,
#aviso,
#etiqueta,
#precarga,
#fichero,
#ticket {
	display: none;
}
body.avisar #aviso {
	display: block;
	font-size: 50px;
	text-align: center;
	margin-top: 150px;
	color: white;
}


#calculadora {
	position: absolute;
	width: 512px;
	height: 368px;
	bottom: 0;
	right: 0;
}
#calculadora table {
	text-align: center;
	color: white;
	font: bold 32px Arial;
	border-spacing: 8px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#calculadora table td {
	text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;
	width: 64px;
	height: 64px;
	background: linear-gradient(180deg, rgba(76,76,76,0.3) 0%, rgba(89,89,89,0.3) 12%, rgba(102,102,102,0.3) 25%, rgba(71,71,71,0.3) 39%, rgba(44,44,44,0.3) 50%, rgba(0,0,0,0.3) 51%, rgba(17,17,17,0.3) 60%, rgba(43,43,43,0.3) 76%, rgba(28,28,28,0.3) 91%, rgba(19,19,19,0.3) 100%);
	background-color: #999;
	position: relative;
}
#calculadora table td[colspan] {
	width: 136px;
}
#calculadora table td[rowspan] {
	height: 208px;
}
#calculadora table td:last-child {
	width: 104px;
	font-size: 18px;
	text-align: left;
	padding: 0 16px;
}
#calculadora table tr:nth-child(2) td:nth-child(5) {
	background-color: #f00;
}
#calculadora table tr:nth-child(3) td:nth-child(5) {
	background-color: #0f0;
}
#calculadora table td:hover {
	background-color: yellow;
	cursor: pointer;
}
#calculadora table tr:nth-child(2) td:nth-child(5):hover {
	background-color: yellow;
}
#calculadora table tr:nth-child(3) td:nth-child(5):hover {
	background-color: yellow;
}
#calculadora table th input {
	text-align: right;
	width: 100%;
	height: 64px;
	border: none;
	background-color: #a1bc8d;
	box-shadow: inset 0 0 6px #000;
	padding: 0 15px;
	font: bold 28px Courier;
	box-sizing: border-box;
}
#calculadora table th input.consulta {
	background-color: #96d8f4;
}
#calculadora div {
	position: absolute;
	top: 18px;
	left: 18px;
	color: black;
	font: bold 18px Courier;
}

#dialogo {
	display: none;
	font-size: 20px;
	line-height: 1;
	background: transparent;
	background-color: rgba(0,0,0,0.4);
}
#dialogo.mostrar {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#dialogo.mostrar > div {
	display: table-cell;
	vertical-align: middle;
}
#dialogo > div > div {
	width: 84%;
	max-width: 500px;
	margin: 0 auto;
	box-shadow: 0 0 20px #000;
	background-color: #282828;
}
#dialogo header {
	color: #3BE;
	overflow: hidden;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 20px;
	font-weight: bold;
}
#dialogo section {
	color: white;
	padding: 20px;
	border-top: solid 1px #555;
}
#dialogo footer {
	cursor: pointer;
	color: white;
	border-top: solid 1px #555;
	text-align: center;
	padding: 20px 0;
}
#dialogo footer:hover {
	background-color: #3BE;
}


#documento {
	position: absolute;
	top: 108px;
	left: 8px;
	right: 512px;
	bottom: 8px;
	background-color: #ddd;
	box-shadow: inset 0 20px 50px rgba(255,255,255,1), inset 0 -20px 50px rgba(0,0,0,0.3);
	border-radius: 16px;
	box-sizing: border-box;
	padding: 10px 30px;
	font: bold 20px Arial;
}
#documento div {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	overflow: auto;
}
#documento table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
}
#documento table th {
	padding: 8px;
}
#documento table tr:first-child th {
	padding: 0 8px;
}
#documento table tr:last-child th {
	border-bottom: solid 2px black;
}
#documento table th:nth-child(1) {
	text-align: left;
}
#documento table th:nth-child(2) {
	text-align: center;
	width: 90px;
}
#documento table th:nth-child(3) {
	text-align: right;
	width: 90px;
}
#documento table td {
	padding: 8px;
	line-height: 22px;
	cursor: pointer;
}
#documento table td:nth-child(2) {
	text-align: center;
}
#documento table td:nth-child(3) {
	text-align: right;
}
#documento span {
	display: block;
	font-weight: normal;
}
#documento span.aviso1 {
	color: red;
}
#documento span.aviso2 {
	color: blue;
}
#documento table tr.cursor td {
	background-color: #bbb;
}
#documento table th p {
	margin-top: 8px;
}
#documento table td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#identificar {
	width: 400px;
	margin: 200px auto 0 auto;
	box-shadow: 0 0 15px #000;
}
#identificar header {
	font: bold 18px Arial;
	height: 42px;
	line-height: 20px;
	box-sizing: border-box;
	padding: 11px 18px;
	text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;
	background: linear-gradient(180deg, rgba(76,76,76,0.3) 0%, rgba(89,89,89,0.3) 12%, rgba(102,102,102,0.3) 25%, rgba(71,71,71,0.3) 39%, rgba(44,44,44,0.3) 50%, rgba(0,0,0,0.3) 51%, rgba(17,17,17,0.3) 60%, rgba(43,43,43,0.3) 76%, rgba(28,28,28,0.3) 91%, rgba(19,19,19,0.3) 100%);
	background-color: #999;
	color: white;
}
#identificar footer {
	background-color: #96d8f4;
	border-top: solid 2px black;
	padding: 10px 20px;
}
#identificar p {
	position: relative;
	padding: 15px 0;
	font: bold 16px Arial;
	line-height: 18px;
	height: 18px;
}
#identificar p:last-child {
	text-align: center;
	height: auto;
}
#identificar input {
	font: normal 14px Arial;
}
#identificar input[type="text"],
#identificar input[type="password"] {
	position: absolute;
	top: 9px;
	right: 0;
	width: 100px;
	height: 20px;
	padding: 4px 6px;
	box-shadow: inset 0 0 5px #555;
	border-radius: 4px;
}
#identificar input[type="submit"] {
	padding: 4px 25px;
	font-weight: bold;
	border: solid 2px #99b7c4;
}


#mensaje {
	display: none;
}
#mensaje.mostrar {
	background-color: #282828;
	color: white;
	font: normal 18px Arial;
	padding: 8px 20px;
	box-shadow: 0 0 15px #000;
	display: block;
	position: fixed;
	top: auto;
	right: auto;
	bottom: 40px;
	left: auto;
}


#opciones {
	position: absolute;
	top: 8px;
	bottom: 368px;
	right: 8px;
	width: 496px;
}
#opciones section {
	position: absolute;
	width: 100%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#opciones header {
	position: absolute;
	width: 100%;
	height: 42px;
	top: 0;
	line-height: 20px;
	box-sizing: border-box;
	padding: 11px 8px;
	text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;
	background: linear-gradient(180deg, rgba(76,76,76,0.3) 0%, rgba(89,89,89,0.3) 12%, rgba(102,102,102,0.3) 25%, rgba(71,71,71,0.3) 39%, rgba(44,44,44,0.3) 50%, rgba(0,0,0,0.3) 51%, rgba(17,17,17,0.3) 60%, rgba(43,43,43,0.3) 76%, rgba(28,28,28,0.3) 91%, rgba(19,19,19,0.3) 100%);
	background-color: #999;
	color: white;
}
#opciones header h1 {
	font: bold 18px Arial;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#opciones header span {
	display: block;
	position: absolute;
	width: 64px;
	height: 32px;
	top: 0;
	right: 0;
	font: bold 32px Courier;
	padding: 5px 0;
	line-height: 32px;
	border-left: 2px solid #333;
	text-align: center;
}
#opciones footer {
	display: none;
	position: absolute;
	width: 100%;
	top: 44px;
	bottom: 0;
	background-color: white;
	overflow-y: scroll;
}
#opciones footer article {
	position: relative;
	background-color: #96d8f4;
	height: 42px;
	border-bottom: solid 1px #99b7c4;
}
#opciones footer article.asociado {
	background-color: #d9ecf4;
}
#opciones footer article.pendiente {
	background-color: #d9ecf4;
}
#opciones footer article.ofertado {
	color: red;
}
#opciones footer article.oculto {
	display: none;
}
#opciones footer article.olvida {
	color: #AAA;
}
#opciones footer article:hover {
	background-color: yellow;
	cursor: pointer;
}
#opciones footer article h1 {
	position: absolute;
	font: bold 14px Arial;
	line-height: 16px;
	top: 5px;
	left: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 350px;
}
#opciones footer article h2 {
	position: absolute;
	font: normal 14px Arial;
	line-height: 16px;
	top: 21px;
	left: 8px;
}
#opciones footer article h3 {
	position: absolute;
	font: bold 14px Arial;
	line-height: 16px;
	top: 5px;
	right: 49px;
}
#opciones footer article img {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	padding: 9px 10px;
}
#opciones footer article img.codigo {
	display: none;
}
#opciones div {
	display: none;
	position: absolute;
	bottom: 0;
	width: 244px;
	height: 42px;
	color: white;
	font: bold 18px Arial;
	box-sizing: border-box;
	line-height: 20px;
	padding: 11px 0;
	text-align: center;
	text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;
	background: linear-gradient(180deg, rgba(76,76,76,0.3) 0%, rgba(89,89,89,0.3) 12%, rgba(102,102,102,0.3) 25%, rgba(71,71,71,0.3) 39%, rgba(44,44,44,0.3) 50%, rgba(0,0,0,0.3) 51%, rgba(17,17,17,0.3) 60%, rgba(43,43,43,0.3) 76%, rgba(28,28,28,0.3) 91%, rgba(19,19,19,0.3) 100%);
	background-color: #999;
	cursor: pointer;
	left: 0;
}
#opciones div:last-child {
	left: auto;
	right: 0;
}
#opciones div:hover {
	background-color: yellow;
}
#opciones section {
	display: none;
}
#opciones.facturas #facturas {
	display: block;
	top: 0;
	bottom: 100px;
}
#opciones.facturas #productos {
	display: block;
	bottom: 92px;
}
#opciones.facturas #terceros {
	display: block;
	bottom: 42px;
}
#opciones.facturas header:hover,
#opciones.productos header:hover,
#opciones.terceros header:hover,
#opciones.cobros #cobros footer tr:hover td,
#opciones.resumen #resumen header span:hover {
	background-color: yellow;
	cursor: pointer;
}
#opciones.facturas #facturas footer,
#opciones.productos #productos footer,
#opciones.terceros #terceros footer {
	display: block;
}
#opciones.productos #facturas {
	display: block;
	top: 0;
}
#opciones.productos #productos {
	display: block;
	top: 50px;
	bottom: 50px;
}
#opciones.productos #terceros {
	display: block;
	bottom: 42px;
}
#opciones.terceros #facturas {
	display: block;
	top: 0;
}
#opciones.terceros #productos {
	display: block;
	top: 50px;
}
#opciones.terceros #terceros {
	display: block;
	top: 100px;
	bottom: 0;
}
#opciones.cobros #cobros {
	display: block;
	top: 0;
	bottom: 0;
}
#opciones.cobros #cobros footer {
	display: block;
	bottom: 50px;
	overflow: hidden;
}
#opciones.cobros #cobros footer table {
	height: 100%;
	width: 100%;
	border-spacing: 0;
	font: bold 18px Arial;
	background-color: #96d8f4;
}
#opciones.cobros #cobros footer th {
	padding: 15px 8px;
	text-align: left;
	border-bottom: solid 1px #99b7c4;
}
#opciones.cobros #cobros footer th:last-child {
	text-align: right;
}
#opciones.cobros #cobros footer td {
	padding: 15px 8px;
	font-weight: normal;
	border-bottom: solid 1px #99b7c4;
}
#opciones.cobros #cobros footer td:last-child {
	text-align: right;
}
#opciones.cobros #cobros footer tr:last-child th {
	border: none;
}
#opciones.cobros #cobros footer tr.cursor td {
	background-color: #d9ecf4;
}
#opciones.cobros div {
	display: block;
}
#opciones.resumen #resumen {
	display: block;
	top: 0;
	bottom: 0;
}
#opciones.resumen #resumen header span {
	text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;
	background: linear-gradient(180deg, rgba(76,76,76,0.3) 0%, rgba(89,89,89,0.3) 12%, rgba(102,102,102,0.3) 25%, rgba(71,71,71,0.3) 39%, rgba(44,44,44,0.3) 50%, rgba(0,0,0,0.3) 51%, rgba(17,17,17,0.3) 60%, rgba(43,43,43,0.3) 76%, rgba(28,28,28,0.3) 91%, rgba(19,19,19,0.3) 100%);
	background-color: #999;
}
#opciones.resumen #resumen header span:nth-child(2) {
	right: 66px;
}
#opciones.resumen #resumen footer {
	display: block;
	bottom: 50px;
	overflow: hidden;
}
#opciones.resumen #resumen footer table {
	height: 100%;
	width: 100%;
	border-spacing: 0;
	font: bold 18px Arial;
	background-color: #96d8f4;
}
#opciones.resumen #resumen footer tr:hover td {
	background-color: transparent;
	cursor: default;
}
#opciones.resumen #resumen footer th {
	padding: 15px 8px;
	font-weight: bold;
	text-align: left;
}
#opciones.resumen #resumen footer th:last-child {
	text-align: right;
}
#opciones.resumen #resumen footer td {
	padding: 15px 8px;
	font-weight: normal;
	border-bottom: solid 1px #99b7c4;
}
#opciones.resumen #resumen footer td:last-child {
	text-align: right;
}
#opciones.resumen div {
	display: block;
}
#opciones.producto #producto {
	display: block;
	top: 0;
	bottom: 0;
}
#opciones.producto #producto footer {
	display: block;
	bottom: 50px;
	overflow: auto;
}
#opciones.producto #producto footer form {
	height: 100%;
}
#opciones.producto #producto footer table {
	height: 100%;
	padding: 10px 0 20px 0;
	border-spacing: 20px;
	font-size: 16px;
	background-color: #96d8f4;
}
#opciones.producto #producto footer td {
	border: none;
	padding: 0;
	text-align: left;
	vertical-align: top;
	position: relative;
}
#opciones.producto #producto footer tr:nth-child(3) td:nth-child(1),
#opciones.producto #producto footer tr:nth-child(3) td:nth-child(2) {
	width: 25%;
}
#opciones.producto #producto footer tr:hover td {
	background-color: transparent;
	cursor: default;
}
#opciones.producto #producto footer span {
	font: bold 16px Arial;
	padding: 0 2px;
}
#opciones.producto #producto footer input {
	box-shadow: inset 0 0 5px #555;
	border-radius: 4px;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	padding: 6px;
	box-sizing: border-box;
	margin-top: 2px;
}
#opciones.producto #producto footer select {
	box-shadow: inset 0 0 5px #555;
	border-radius: 4px;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 2px;
	box-sizing: border-box;
	margin-top: 2px;
}
#opciones.producto #producto footer p {
	box-shadow: inset 0 0 5px #555;
	border-radius: 4px;
	width: 100%;
	position: absolute;
	top: 21px;
	bottom: 0;
	background-color: white;
	padding: 6px;
	box-sizing: border-box;
}
#opciones.producto #producto footer textarea {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	resize: none;
	font-size: 16px;
}
#opciones.producto #producto footer tr:nth-child(4) td,
#opciones.producto #producto footer tr:nth-child(5) td {
	vertical-align: bottom;
}
#opciones.producto div {
	display: block;
}
#opciones.etiquetas #etiquetas {
	display: block;
	top: 0;
	bottom: 0;
}
#opciones.etiquetas #etiquetas footer {
	display: block;
	bottom: 50px;
}
#opciones.etiquetas #etiquetas footer tr.olvida td {
	color: #AAA;
}
#opciones.etiquetas #etiquetas footer tr.oculto {
	display: none;
}
#opciones.etiquetas div {
	display: block;
}
#opciones.tercero #tercero {
	display: block;
	top: 0;
	bottom: 0;
}
#opciones.tercero #tercero footer {
	display: block;
	bottom: 50px;
	overflow: auto;
}
#opciones.tercero #tercero footer form {
	height: 100%;
}
#opciones.tercero #tercero footer table {
	height: 100%;
	padding: 10px 0 20px 0;
	border-spacing: 20px;
	font-size: 16px;
	background-color: #96d8f4;
}
#opciones.tercero #tercero footer td {
	border: none;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	position: relative;
}
#opciones.tercero #tercero footer tr:nth-child(4) td:nth-child(1),
#opciones.tercero #tercero footer tr:nth-child(4) td:nth-child(3) {
	width: 33%;
}
#opciones.tercero #tercero footer tr:hover td {
	background-color: transparent;
	cursor: default;
}
#opciones.tercero #tercero footer span {
	font: bold 16px Arial;
	padding: 0 2px;
}
#opciones.tercero #tercero footer input {
	box-shadow: inset 0 0 5px #555;
	border-radius: 4px;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	padding: 6px;
	box-sizing: border-box;
	margin-top: 2px;
}
#opciones.tercero div {
	display: block;
}

#panel {
	position: absolute;
	top: 8px;
	right: 512px;
	left: 8px;
	height: 92px;
	box-sizing: border-box;
	background-color: #a1bc8d;
	box-shadow: inset 0 0 3px #000, inset 0 0 7px #000, inset 0 -15px 50px #333, inset 0 15px 20px #777;
	text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;
	font: bold 52px Arial;
	padding: 19px 30px;
	background-color: #999;
	border-radius: 16px;
	color: white;
	line-height: 54px;
}
#panel span {
	position: absolute;
	top: 19px;
	right: 30px;
}