/*Fuentes*/
@font-face {
    font-family: 'ghost';
    src: url('../font/ghosts.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}
body{
    background-color: #131313;
    background-image: url('../images/backIndex.jpg');
    height: 100%;
    width: 100%;
    top: 25%;
    display: block;
    font-family: 'ghost'; 
}
·
#left{
    display: inline-block;
}
#quintus_container{
    
    
    
}
canvas { 
    position: absolute;
    background-color:black;
    border: outset 3px black;
    display:none;
}
#loading {
      margin: 50px auto;
        max-width: 1024px;
        position: relative;
        padding-top: 250px;
        width: 100%;
        height: 100%;
        text-align: center; 
    }

#loading_container {
  position: relative;
      margin: 0 auto;
      width: 50%;
      height: 40px;
      background: #e30000;
      -moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      border: 1px inset black;
      border-radius: 25px;
      padding: 0px;
     
      
}

#loading_progress {
    display: block;
    height: 100%;
    width: 0;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #660000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #660000), color-stop(1, #660000));
    background-image: -webkit-linear-gradient(center bottom, #990000 37%, #660000 69%);
    background-image: -moz-linear-gradient(center bottom, #990000 37%, #660000 69%);
    background-image: -ms-linear-gradient(center bottom, #990000 37%, #660000 69%);
    background-image: -o-linear-gradient(center bottom, #990000 37%, #660000 69%);
    -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}
body #loading #loading_container span {
          position: absolute;
          color: white;
          display: block;
          font-family: 'ghost'; 
          font-size: 30px;
          left: 0;
          height: 100%;
          width: 100%;
          top: 8%;
          
}