@font-face {
  font-family: in;
  src: url(../Inconsolata.otf);
}

   html, body {
      -ms-user-select: None;
      -moz-user-select: None;
      -webkit-user-select: None;
      user-select: None;

      font-family: in;

      margin: 0;
      padding: 0;
    }

    canvas {
      display: block;
    }

      ul{
      margin: 0;
      padding: 0;
      }

      ul > li {
      position: relative;
      margin-top: 0px; 
      list-style-type: none;
      }

      ul > li > ul {
      display: none;
      margin:0;
      padding:0;
      }

      ul > li > ul > li{
      font-size: 15px;
      max-width: 16em;
      color: #000;
      padding-bottom:1em;
      padding-left: 0.15em;
      margin-top: 0;
      cursor: default;
      text-align: left;
      background-color: rgba(255,255,255,0.7); /*rgba(166,187,216,0.7);*/
      z-index: 500;
      }

      ul > li:hover > ul { 
        display: block;
      }
      ul > li:active > ul { 
        display: block; 
      } 

      ul > li:active > ul > li{ 
        background-color: rgba(240,240,240,0.8); 
      }

    table, tr, td {
      border-collapse: collapse;
    }

    figcaption{
      font-size: 13px; 
    }

    #qd {
      cursor: url(../curs.png), move !important;
      position: relative;
      z-index:0;
      height: 40em; 
      width: auto;
      border:0.1em solid black;
    }

    #qdAuf {
      cursor: default;
      position: absolute;
      height: 40em;
      width:auto;
      border:0;
      z-index: 1;
    }

    a.quedalle span{
      display: none;
    }

    a.quedalle:hover span{
    display: block;
    position:relative;
    left:+5em;
    top: -42em;
    }

    a {
      color:inherit;
    }

    div {
      padding: 8pt;
    }

    #link {
      border: 1px solid yellow;
      padding: 1px;
    }

    img{
      height: 11em;
      width: auto;
      filter: brightness(1);
      border: 1px solid rgb(200,200,200)
      /*border: 1px solid rgb(100,100,100);*/
    }

    ul > li:hover > img {
      height:12.5em;
      filter: brightness(1);      
      filter: opacity(80%);
      border: 1px solid rgb(255,255,255)
      z-index: 500;
    }

    ul > li:hover{
      z-index: 500;
    }

    ul:hover, div:hover, img:hover{
      cursor: url(../curs.png) 5 5, move !important;
    }

    a:hover{
      color:yellow;
    }