*
{
        font-family: sans-serif;
}
body
        {
    text-align: justify;
    background-image: url(fondo.jpg);
    }

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: #F0F8FF;
}

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;
}
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
    {
    border-color: #dcdaff;
    border-width: 4px;
    background-color: transparent;
    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
}