<div class="palm-page-header multi-line" id="header">
	<div class="palm-page-header-wrapper">
        <div class="icon deviceinfo">
        </div>
        <div class="title">
			Pantalla táctil
        </div>
    </div>
</div>
<div class="palm-text-wrapper">
<div class="palm-body-text" id="topMessage"></div>
</div>
<div id="topGrid">
	<table id="topTable" border=1 cellspacing=0 cellpadding=0>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
	</table>
</div>

<div class="info-text" id="bottomMessage"></div>

<div id="topButtons">
	<div class="palm-button" id="TopContinue" x-mojo-tap-highlight="momentary"> 
		<span>Listo</span>
	</div>
	<div class="palm-button" id="TopSkip" x-mojo-tap-highlight="momentary"> 
		<span>Omitir</span>
	</div> 
</div>

<div id="bottomGrid" style="position: fixed; bottom: 0px;">
	<table id="bottomTable" border=1 cellspacing=0 cellpadding=0>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
		<tr> 
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
			<td width=40 height=40 bgcolor=black></td>
		</tr>
	</table>
</div>

<div id="bottomButtons" class="bottom-button">
	<div class="palm-button" id="Start" x-mojo-tap-highlight="momentary"> 
		<span>Inicio</span>
	</div> 
	 <div class="palm-button" id="BottomContinue" x-mojo-tap-highlight="momentary"> 
		<span>Listo</span>
	</div>
	<div class="palm-button" id="BottomSkip" x-mojo-tap-highlight="momentary"> 
		<span>Omitir</span>
	</div> 
</div>

