/* Necesario para calculos internos */
#conf-background-color { background-color: black; }

/* Contenedor del layout */
#layout {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* Logotipo del cliente (parte superior) */
#logo { width: auto; height: auto; }

/* Panel superior, dónde se dibuja el logotipo */
#layout-title {
	width: 100%;
	height: 12.5% ;/* 1/8 */
	overflow: hidden;
	border-radius: 0px;
	text-align: center;
	border-width: 2px;
	border-style: solid;
}

/* Panel central */
#panel-wrapper {
	display: block;
	width: 100%;
	height: 75%; /* 6/8 */
	border-radius: 0px;
	border-width: 2px;
	border-style: solid;
}

/* Panel inferior con mensajes y últimos números */
#panel-messages-wrapper {
	display: block;
	width: 100%;
	height: 12.5% ;/* 1/8 */
	overflow: hidden;
	border-radius: 0px;
	overflow: hidden;
	border-width: 2px;
	border-style: solid;
}

/* Contenedor del mensaje */
#message {
	overflow: hidden;
}


table.last-numbers { width: 100%; height: 100%; border-collapse: collapse; }
table.last-numbers td { text-align: center; }
.tr-last-number { width: 100%; }
.tr-last-number  td{ border-top: 1px solid transparent; }