*
	{
	font-family: sans-serif;
	}

html,body
	{
	width : 100%;
	height: 100%;
	}


html
	{
	display: table;
	margin: auto;
	}

body
	{
	display: table-cell;
	vertical-align: middle;
	text-align: justify;
	background-color: #dadafe;;
	background-image: url(fondo.jpg);
#	background-repeat: no-repeat;
	background-position: center;
#	background-size: contain;
	}

div.fondo
{
	font-family: sans-serif;
	text-align: justify;
	background-color:#f8f8fb;
	background-image: url(fondo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}

h1, h2, h3
{
	font-family: sans-serif;
	color: #000099;
}
h1
{
	color: #000000;
	font-size : 54px;
}
h2
{
	font-size : 16px;
}
h3
{
	font-size : 12px;
}
h6
{
	font-size: 14px;
}

A:link
{
	color: #000099;
	font-family: sans-serif;
	font-size : 9px;
}
A:visited
{
	color: #110099;
	text-decoration: none;
	font-family: sans-serif;
	font-size : 9px;

}
A:hover
{
	color: #CC3333;
	text-decoration: none;
	font-family: sans-serif;
	font-size : 9px;

}

caption
{
	color: #000099;
	font-family: sans-serif;
	font-size : 16px;
	font-weight : bolder;
	text-transform : uppercase;
	vertical-align : middle;
	text-align : center;
	border : thin inset #00478A;
	background: #eaeafe;
}

td.sectionTitle
{
	color: #000099;
	font-family: sans-serif;
	font-size : 14px;
}
td
{
	color:#000099;
	font-family: sans-serif;
	text-align: center;
	font-weight: bold;
	font-size : 14px;
	padding : 20px
}
td.sectionBody
{
	color: #000099;
	text-decoration: none;
	font-family: sans-serif;
	font-size : 14px;
}
b
{
	color: Navy;
	font-family: sans-serif;
	font-size : 14px;
	text-transform : uppercase;
}
.tabs {
	border: 1px solid;
	border-style : groove groove ridge ridge;
	text-align: center;
	font-size: x-small;
	elevation : below;
	empty-cells : hide;
}
th {
	border: thin none;
	font-family: sans-serif;
	border-style : groove ridge ridge groove;
	text-align: center;
	font-size : 14px;

}
.grande
{
	color: #000099;
	font-family: sans-serif;
	text-decoration : none;
	font-weight : bold;
	font-size : 20px;
	text-transform : uppercase;
	text-align: center;
}
div.teclado
{
	height : 400px;
	left : 200px;
	visibility : hidden;
	width : 400px;
	top : 100px;
	position : absolute;
	background : url(fondo.jpg);
	background-position : center;
}

td.liso
{
	color: #000099;
	font-family: sans-serif;
	font-size : 14px;
	font-weight : bolder;
	text-transform : uppercase;
	vertical-align : middle;
	text-align : center;
	border : medium solid ButtonHighlight;
}

td.pulsado
{
	color: #000099;
	font-family: sans-serif;
	font-size : 14px;
	font-weight : bolder;
	text-transform : uppercase;
	vertical-align : middle;
	text-align : center;
	border : medium inset ButtonHighlight;
}

td.botong
{
	color: #000099;
	font-family: sans-serif;
	font-size : 14px;
	font-weight : bolder;
	text-transform : uppercase;
	vertical-align : middle;
	text-align : center;
	border : medium outset ButtonHighlight;
}

td.reloj
{
	color: #000099;
	font-family: sans-serif;
	font-size : 44px;
	font-weight : bolder;
	text-transform : uppercase;
	vertical-align : middle;
	text-align : center;
}

td.in_datos
{
	color: #000099;
	font-family: sans-serif;
	font-size : 16px;
	font-weight : bolder;
	text-transform : uppercase;
	vertical-align : middle;
	text-align : center;
	border : thin inset #00478A;
	background: #F0F8FF;
}

.iconos
 {
	border: 1px dotted;
	border-style : double ridge ridge outset;
	font-size : 16px;
	font-weight : bold;
	text-align: center;
	background-color : #e9e9ff;
}
.lista
 {
	border: 1px dotted;
	border-style : double ridge ridge outset;
	font-size : 14px;
	font-weight : bold;
	background-color : #e9e9ff;
}
td.est_ON
{

	height : 52px;
	width : 52px;
	background-image : url(iconos/est_ON.gif);
	background-repeat : no-repeat;
	background-position: center;
}

td.est_OFF
{
	height : 52px;
	width : 52px;
	background-image : url(iconos/est_OFF.gif);
	background-repeat : no-repeat;
	background-position: center;
}

table.piso
{
	background-image : url(piso.gif);
	background-repeat : no-repeat;
	width : 100%;
	height : 100%;
	background-position : center;
}

td.ta
{
font-family: sans-serif;
color: #404040;
font-size : 36px;
}
td.te
{
font-family: sans-serif;
color: #000000;
font-size : 72px;
}

button
	{
	color: #000099;
	font-family: sans-serif;
	font-size : 14px;
	font-weight : bolder;
	vertical-align : middle;
	text-align : center;
	}

button.rapido
	{
	width: 95px;
	height: 100px;
	}

div.alerta
{
	position: absolute;
	left: 150;
	top: 80;
	width: 500;
	height: 350;
	border: medium outset ButtonHighlight;
	background-color: red;
	color: yellow;
	visibility: visible;
	font-size: xx-large;
	
text-decoration: blink;
}

.clock
{
font-size : 38px;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
cursor:default
}