.usrbotON { BACKGROUND-IMAGE: url(images/usuariomask.gif);}
.usrbotON { BACKGROUND-REPEAT: no-repeat;}
.usrbotON { BACKGROUND-POSITION: left top;}
.usrbotON { BORDER-COLOR: transparent;}
.usrbotON { BORDER-WIDTH: 0px;}
.usrbotON { OUTLINE: 0;}
.keybotON { BACKGROUND-IMAGE: url(images/clavemask.gif);}
.keybotON { BACKGROUND-REPEAT: no-repeat;}
.keybotON { BACKGROUND-POSITION: left top;}
.keybotON { BORDER-COLOR: transparent;}
.keybotON { BORDER-WIDTH: 0px;}
.keybotON { OUTLINE: 0;}
.usrbotOFF { BACKGROUND-COLOR: #FFFFFF}
.usrbotOFF { BORDER-COLOR: transparent;}
.usrbotOFF { BORDER-WIDTH: 0px;}
.usrbotOFF { OUTLINE: 0;}
.keybotOFF { BACKGROUND-COLOR: #FFFFFF}
.keybotOFF { BORDER-COLOR: transparent;}
.keybotOFF { BORDER-WIDTH: 0px;}
.keybotOFF { OUTLINE: 0;}

.dwnlink { BACKGROUND-COLOR: transparent}
.dwnlink { COLOR: #FFFFFF}
.dwnlink { FONT-FAMILY: Verdana}
.dwnlink { FONT-SIZE: 10px}
.dwnlink { FONT-WEIGHT: bold}
.dwnlink { TEXT-DECORATION: none}

.dwnlink:active { BACKGROUND-COLOR: transparent}
.dwnlink:active { COLOR: #FFFFFF}
.dwnlink:active { FONT-FAMILY: Verdana}
.dwnlink:active { FONT-SIZE: 10px}
.dwnlink:active { FONT-WEIGHT: bold}
.dwnlink:active { TEXT-DECORATION: none}

.dwnlink:hover { BACKGROUND-COLOR: transparent}
.dwnlink:hover { COLOR: #FFFFFF}
.dwnlink:hover { FONT-FAMILY: Verdana}
.dwnlink:hover { FONT-SIZE: 10px}
.dwnlink:hover { FONT-WEIGHT: bold}
.dwnlink:hover { TEXT-DECORATION: none}

.dwnlink:link { BACKGROUND-COLOR: transparent}
.dwnlink:link { COLOR: #FFFFFF}
.dwnlink:link { FONT-FAMILY: Verdana}
.dwnlink:link { FONT-SIZE: 10px}
.dwnlink:link { FONT-WEIGHT: bold}
.dwnlink:link { TEXT-DECORATION: none}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   height:100%;
   min-height:100%;
   position:relative;
}
#header {
   padding:2px;
}
#body {
   padding:2px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:80px;   /* Height of the footer */
}