div#menulateral {
        position: relative;
        border: 1px solid green;
        width: 50px;
        height: 50px;
        float: right;
        background-image: url("../img/Hamburger_icon.png");
      }

      div#menulateral:hover ul#mprincipal {
        display: block;
      }
      ul#mprincipal {
        list-style-type: none;
        position: absolute;
        top: 50px;
        right: 0px;
      }
      ul#mprincipal > li > a {
        background-color: white;
        color: black;
        text-decoration: none;
        padding: 10px 20px;
        display: block;
        width: 100px;
        text-align: center;
      }
      ul#mprincipal > li > a:hover {
        color: white;
        background-color: black;
      }
      div.submenu {
        display: none;
      }
      ul#mprincipal > li:hover div.submenu {
        display: block;
      }

      div.submenu > ul {
        background-color: white;
        width: 438px;
        position: absolute;
        right: 140px;
        top: 0px;
        list-style-type: none;
      }
      div.submenu > ul > li {
        float: left;
      }
      div#menulateral > ul > li {
        position: relative;
      }
      div.submenu > ul > li > a {
        background-color: white;
        color: black;
        text-decoration: none;
        padding: 10px 5px;
        display: block;
        width: 136px;
        text-align: center;
      }
      div.submenu > ul > li > a:hover {
        background-color: black;
        color: white;
      }
    
      div.submenu > ul > li:hover div.imagen {
        display: block;
      }
      .maquina {
        background-position: -146px 0px;
      }
      .pekka {
        background-position: -292px 0px;
      }
      .bruja {
        background-position: -438px 0px;
      }
      .mago {
        background-position: -584px 0px;
      }
	  div#tablas table {
		width: 100%;
	  }
	  div#tablas img {
		width: 100%;
	  }