@font-face {
  font-family: 'Electrolize';
  font-style: normal;
  font-weight: 400;
  src: local('Electrolize'), local('Electrolize-Regular'), url(http://themes.googleusercontent.com/static/fonts/electrolize/v2/DDy9sgU2U7S4xAwH5thnJ4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

html {
 overflow: hidden;
}
body {
	
 position: absolute;
 margin: 0px;
 padding: 0px;
 background: #eee;
 width: 100%;
 height: 100%;
 color: #000;
 font-family: arial;
 font-size: 0.8em;
}
#screen {

 position: absolute;
 width: 100%;
 height: 100%;
 background-image: url("img/fondo.jpg");
 overflow: hidden;
 overflow: hidden;
}
#screen img, canvas {
	margin-left:105px;
 position: absolute;
 left: -9999px;
 cursor: pointer;
       image-rendering: optimizeSpeed;
 
}
#screen .href {
 border: skyblue outset 3px;
}
#screen .fog {
 position: absolute;
 background: #fff;
 opacity: 0.1;
 filter: alpha(opacity=10);
}
#command {
 position:absolute;
 left: 0;
 top: 0;
 width: 190px;
 height: 100%;
 z-index: 30000;
 background:#e7e7e7;
 border: #e7e7e7 solid 1em;
}
#command-1 {
 position:absolute;
 right: 0;
 top: 0;
 width: 30px;
 height: 30px;
 z-index: 30000;
 background:#e7e7e7;
 border: #e7e7e7 solid 1em;
}
#bar {
 position:relative;
 left: 0em;
 top: 1em;
 height: 160px;
}
#bar .button {
 position: absolute;
 background: #222;
 width: 40px;
 height: 40px;
 cursor: pointer;
}
#bar .loaded {
 background: #666;
}
#bar .viewed {
 background: #fff;
}
#bar .selected {
 background: skyblue;
}
#urlInfo {
 position: absolute;
 background: url(images/r.gif) no-repeat 0 4px;
 visibility: hidden;
 z-index: 30000;
 padding-left: 12px;
 cursor: pointer;
}

h1, h2 {
  font-family: 'Electrolize';
}
.number{
    position: absolute;
    z-index: 2000;
    color: #000;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}