/*
Main CSS construction file.
Requires @base-url variable to be set!
 */
@font-face {
  font-family: "Antonio";
  src: url("../app_data/fonts/antonio.ttf") format("truetype");
}
@font-face {
  font-family: "Typewriter";
  src: url("../app_data/fonts/typewriter.ttf") format("truetype");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  background-color: #000;
  cursor: url("../app_data/cursor/34.png") 7 7, default;
}
.touchpad {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
}
a {
  /* RUKA */
  cursor: url("../app_data/cursor/30.png") 24 16, pointer;
  color: #000;
}
/*.preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    .book {
        width: 10px;
        height: 10px;
        background-image: url("@{base-url}/img/book.png");
    }
}*/
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../app_data/img/book.png") url("../app_data/img/book_photos.png") url("../app_data/img/torn.png") url("../app_data/img/torn_left.png") url("../app_data/img/zamek.png") url("../app_data/img/vzkaz.png") url("../app_data/img/logo_negative.png") url("../app_data/img/logo.png") url("../app_data/cursor/10.png") url("../app_data/cursor/11.png") url("../app_data/cursor/12.png") url("../app_data/cursor/13.png") url("../app_data/cursor/14.png") url("../app_data/cursor/15.png") url("../app_data/cursor/16.png") url("../app_data/cursor/17.png") url("../app_data/cursor/18.png") url("../app_data/cursor/19.png") url("../app_data/cursor/20.png") url("../app_data/cursor/21.png") url("../app_data/cursor/22.png") url("../app_data/cursor/23.png") url("../app_data/cursor/24.png") url("../app_data/cursor/25.png") url("../app_data/cursor/26.png") url("../app_data/cursor/27.png") url("../app_data/cursor/28.png") url("../app_data/cursor/29.png") url("../app_data/cursor/3.png") url("../app_data/cursor/30.png") url("../app_data/cursor/31.png") url("../app_data/cursor/32.png") url("../app_data/cursor/33.png") url("../app_data/cursor/34.png") url("../app_data/cursor/35.png") url("../app_data/cursor/4.png") url("../app_data/cursor/5.png") url("../app_data/cursor/6.png") url("../app_data/cursor/7.png") url("../app_data/cursor/8.png") url("../app_data/cursor/9.png");
  font-family: 'Antonio';
}
body::before {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  font-family: 'Typewriter';
}
#game {
  width: 800px;
  height: 600px;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -300px;
  margin-left: -400px;
  overflow: hidden;
}
#game.mode-aspect {
  width: 133vh;
  height: 100vh;
  left: 50%;
  top: 0;
  margin-left: -66.5vh;
  margin-top: 0;
}
#game .v-cursor {
  position: absolute;
}
#game .v-cursor span {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
#game .subtitles {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-family: 'Antonio', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12pt;
  user-select: none;
}
#game .subtitles span {
  color: #888;
}
#game canvas {
  width: 100%;
  height: 100%;
}
#game.loading:before {
  content: "\A";
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 28px;
  height: 4px;
  background-image: url("../app_data/img/loading.gif");
}
#game .inventory {
  display: block;
  position: absolute;
  left: 50%;
  top: -99px;
  width: 800px;
  height: 99px;
  margin-left: -400px;
  z-index: 100;
  background-image: url("../gfx_data/inventory/Film.jpg");
  background-position: center top;
}
#game .inventory .handle {
  position: absolute;
  background-color: #000;
  background-image: url("../app_data/img/inv_arrows.png");
  background-position: 0px 0px;
  width: 64px;
  height: 32px;
  border-radius: 0 0 32px 32px;
  top: 99px;
  left: 50%;
  margin-left: -32px;
}
#game .inventory.active {
  top: 0;
}
#game .inventory.active .handle {
  background-position: 0px -32px;
}
#game .inventory .item {
  position: absolute;
  display: block;
  width: 92px;
  height: 65px;
  background-size: cover;
  background-position: center center;
  /* RUKA */
  cursor: url("../app_data/cursor/30.png") 24 16, pointer;
  top: 17px;
  left: -100px;
}
#game .inventory .item:nth-child(1) {
  left: 12px;
}
#game .inventory .item:nth-child(2) {
  left: 110px;
}
#game .inventory .item:nth-child(3) {
  left: 208px;
}
#game .inventory .item:nth-child(4) {
  left: 304px;
}
#game .inventory .item:nth-child(5) {
  left: 401px;
}
#game .inventory .item:nth-child(6) {
  left: 499px;
}
#game .inventory .item:nth-child(7) {
  left: 597px;
}
#game .inventory .item:nth-child(8) {
  left: 693px;
}
#game.mode-aspect .inventory {
  left: 0;
  top: -16.5vh;
  width: 133.333vh;
  height: 16.5vh;
  margin: 0;
  background-size: 101.25% 100%;
}
#game.mode-aspect .inventory .handle {
  background-size: cover;
  width: 10.666vh;
  height: 5.333vh;
  border-radius: 0 0 5.333vh 5.333vh;
  top: 16.5vh;
  margin-left: -5.333vh;
}
#game.mode-aspect .inventory.active {
  top: 0;
}
#game.mode-aspect .inventory.active .handle {
  background-position: 0px -5.333vh;
}
#game.mode-aspect .inventory .item {
  width: 15.333vh;
  height: 10.833vh;
  top: 2.833vh;
  left: -100vh;
}
#game.mode-aspect .inventory .item:nth-child(1) {
  left: 2vh;
}
#game.mode-aspect .inventory .item:nth-child(2) {
  left: 18.333vh;
}
#game.mode-aspect .inventory .item:nth-child(3) {
  left: 34.666vh;
}
#game.mode-aspect .inventory .item:nth-child(4) {
  left: 50.666vh;
}
#game.mode-aspect .inventory .item:nth-child(5) {
  left: 66.833vh;
}
#game.mode-aspect .inventory .item:nth-child(6) {
  left: 83.166vh;
}
#game.mode-aspect .inventory .item:nth-child(7) {
  left: 95.5vh;
}
#game.mode-aspect .inventory .item:nth-child(8) {
  left: 115.5vh;
}
#game.mode-aspect .subtitles {
  left: 0;
  bottom: 1.166vh;
  width: 100%;
  font-size: 3vh;
  line-height: 5vh;
  white-space: nowrap;
  overflow: hidden;
}
#game.immersive {
  cursor: none;
}
#game.immersive .inventory {
  display: none;
}
#game.immersive .v-cursor {
  display: none;
}
#menu {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(32, 32, 32, 0.75);
  z-index: 9999;
  /** {
        outline: 1px inset #f00;
    }*/
}
#menu.active {
  display: block;
}
#menu .screen {
  position: absolute;
  width: 133vh;
  bottom: 0;
  left: 50%;
  top: 0;
  margin-left: -66.5vh;
}
#menu .screen .book {
  position: absolute;
  display: none;
  left: 3vh;
  right: 3vh;
  bottom: 3vh;
  height: 75vh;
  background-image: url("../app_data/img/book.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
#menu .screen .book #book-back {
  position: absolute;
  color: #ffffff;
  font-family: 'Typewriter';
  font-size: 4vh;
  height: 8vh;
  line-height: 8vh;
  width: 20vh;
  text-align: center;
  left: 0;
  bottom: 0;
}
#menu .screen .book #book-back:hover {
  background-color: #ffffff;
  color: #000000;
}
#menu .screen .book #book-back:hover:before {
  content: "\A";
  position: absolute;
  height: 8vh;
  width: 4vh;
  right: -4vh;
  top: 0;
  background-image: url("../app_data/img/torn.png");
  background-size: 4vh;
}
#menu .screen .book #book-back:hover:after {
  content: "\A";
  position: absolute;
  height: 8vh;
  width: 4vh;
  left: -4vh;
  top: 0;
  background-image: url("../app_data/img/torn_left.png");
  background-size: 4vh;
}
#menu .screen .book #book-left-handle {
  position: absolute;
  height: 100%;
  left: 20vh;
  width: 40vh;
  z-index: 1;
  /* DOLEVA */
  cursor: url("../app_data/cursor/29.png") 4 16, w-resize;
}
#menu .screen .book #book-right-handle {
  position: absolute;
  height: 100%;
  right: 19vh;
  width: 40vh;
  z-index: 1;
  /* DOPRAVA */
  cursor: url("../app_data/cursor/31.png") 28 16, e-resize;
}
#menu .screen .book.show-0 #book-left-handle {
  display: none;
}
#menu .screen .book.show-5 #book-right-handle {
  display: none;
}
#menu .screen .book .big {
  font-size: 3vh;
}
#menu .screen .book .set {
  display: none;
}
#menu .screen .book .set .page {
  position: absolute;
  width: 39vh;
  height: 61vh;
  top: 6vh;
  font-family: 'Antonio';
  font-size: 2vh;
}
#menu .screen .book .set .page.left {
  left: 23vh;
}
#menu .screen .book .set .page.left .pagenum {
  left: 0;
}
#menu .screen .book .set .page.right {
  right: 21vh;
}
#menu .screen .book .set .page.right .pagenum {
  right: 0;
}
#menu .screen .book .set .page .logo-img {
  background-image: url("../app_data/img/logo_negative.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 10vh;
  margin-bottom: 3vh;
}
#menu .screen .book .set .page .book-photos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../app_data/img/book_photos.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
#menu .screen .book .set .page .pagenum {
  position: absolute;
  bottom: -2vh;
  font-size: 1.5vh;
}
#menu .screen .book .set .page h1,
#menu .screen .book .set .page h2,
#menu .screen .book .set .page h3,
#menu .screen .book .set .page h4,
#menu .screen .book .set .page h5,
#menu .screen .book .set .page h6 {
  text-align: center;
  margin-bottom: 1vh;
  font-size: 2vh;
}
#menu .screen .book .set .page h1 {
  font-size: 3vh;
}
#menu .screen .book .set .page h2 {
  font-size: 2.5vh;
}
#menu .screen .book .set .page p {
  margin-bottom: 1vh;
  text-align: justify;
}
#menu .screen .book .set .page p[align=center] {
  text-align: center;
}
#menu .screen .book .set .page p[align=right] {
  text-align: right;
}
#menu .screen .book .set .page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .screen .book .set .page ul li {
  display: table;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 1vh;
}
#menu .screen .book .set .page ul li span.text {
  display: table-cell;
  width: auto;
  padding-right: 1vh;
}
#menu .screen .book .set .page ul li span.dots {
  display: table-cell;
  width: 100%;
  border-bottom: 1px #000 dotted;
  position: relative;
  top: -0.2vh;
}
#menu .screen .book .set .page ul li span.pg {
  display: table-cell;
  padding-left: 1vh;
}
#menu .screen .book.show-0 .set-0 {
  display: block;
}
#menu .screen .book.show-1 .set-1 {
  display: block;
}
#menu .screen .book.show-2 .set-2 {
  display: block;
}
#menu .screen .book.show-3 .set-3 {
  display: block;
}
#menu .screen .book.show-4 .set-4 {
  display: block;
}
#menu .screen .book.show-5 .set-5 {
  display: block;
}
#menu .screen .logo {
  width: 100%;
  height: 20vh;
  background-image: url("../app_data/img/logo.png");
  background-size: 97.333vh;
  background-repeat: no-repeat;
  background-position: center center;
}
#menu .screen .main {
  position: absolute;
  width: 25vh;
  left: 5vh;
  bottom: 5vh;
}
#menu .screen .main .item {
  position: relative;
  color: #ffffff;
  font-family: 'Typewriter';
  font-size: 4vh;
  height: 8vh;
  line-height: 8vh;
  padding-left: 2vh;
}
#menu .screen .main .item:hover {
  background-color: #ffffff;
  color: #000000;
}
#menu .screen .main .item:hover:before {
  content: "\A";
  position: absolute;
  height: 8vh;
  width: 4vh;
  right: -4vh;
  top: 0;
  background-image: url("../app_data/img/torn.png");
  background-size: 4vh;
}
#menu .screen .main .item:nth-child(1):before {
  background-position: 0 10%;
}
#menu .screen .main .item:nth-child(2):before {
  background-position: 0 20%;
}
#menu .screen .main .item:nth-child(3):before {
  background-position: 0 30%;
}
#menu .screen .main .item:nth-child(4):before {
  background-position: 0 40%;
}
#menu .screen .main .item:nth-child(5):before {
  background-position: 0 50%;
}
#menu .screen .main .item:nth-child(6):before {
  background-position: 0 60%;
}
#menu .screen .main .item:nth-child(7):before {
  background-position: 0 70%;
}
#menu .screen .main .item:nth-child(8):before {
  background-position: 0 80%;
}
#menu .screen .main .item:nth-child(9):before {
  background-position: 0 90%;
}
#menu .screen .main .separator {
  height: 2vh;
}
#menu .screen .fullscreen {
  position: absolute;
  right: 5vh;
  bottom: 5vh;
  width: 5vh;
  height: 5vh;
  background-image: url("../app_data/img/fs.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
#menu .screen .settings-panel {
  display: none;
  position: absolute;
  left: 50%;
  top: 40vh;
  width: 93vh;
  height: 38vh;
  margin-left: -46.5vh;
}
#menu .screen .settings-panel #settings-back {
  position: absolute;
  color: #ffffff;
  font-family: 'Typewriter';
  font-size: 4vh;
  height: 8vh;
  line-height: 8vh;
  width: 20vh;
  text-align: center;
  left: 50%;
  top: 30vh;
  margin-left: -10vh;
}
#menu .screen .settings-panel #settings-back:hover {
  background-color: #ffffff;
  color: #000000;
}
#menu .screen .settings-panel #settings-back:hover:before {
  content: "\A";
  position: absolute;
  height: 8vh;
  width: 4vh;
  right: -4vh;
  top: 0;
  background-image: url("../app_data/img/torn.png");
  background-size: 4vh;
}
#menu .screen .settings-panel #settings-back:hover:after {
  content: "\A";
  position: absolute;
  height: 8vh;
  width: 4vh;
  left: -4vh;
  top: 0;
  background-image: url("../app_data/img/torn_left.png");
  background-size: 4vh;
}
#menu .screen .settings-panel .volume {
  position: relative;
  width: 93vh;
  height: 5vh;
  margin-bottom: 5vh;
  /*background-color: #f00;*/
}
#menu .screen .settings-panel .volume .slider {
  position: absolute;
  top: 0;
  left: 30vh;
  width: 63vh;
  height: 5vh;
  background: linear-gradient(180deg, rgba(7, 7, 7, 0.2) 0%, rgba(241, 241, 241, 0.1) 100%);
  border-radius: 5vh;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#menu .screen .settings-panel .volume .slider:after {
  content: "\A";
  position: absolute;
  z-index: 0;
  top: 1.5vh;
  bottom: 1.5vh;
  left: 1.5vh;
  right: 1.5vh;
  border-radius: 5vh;
  background: #321713;
  background: linear-gradient(270deg, rgba(15, 15, 15, 0.9) 0%, rgba(7, 7, 7, 0.9) 55%, rgba(0, 0, 0, 0.9) 100%);
}
#menu .screen .settings-panel .volume .slider .knob {
  position: absolute;
  z-index: 1;
  top: 0;
  margin: 4px 3px;
  width: 4vh;
  height: 4vh;
  border-radius: 4vh;
  background: #dfd2d0;
  background: linear-gradient(135deg, #dfd2d0 0%, #e6d4cd 55%, #301b12 100%);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.8);
}
#menu .screen .settings-panel .volume .label {
  position: absolute;
  left: 5vh;
  top: 0;
  background-color: #fff;
  color: #000;
  font-family: 'Typewriter';
  font-size: 4vh;
  height: 5vh;
  line-height: 5vh;
  width: 20vh;
  text-align: center;
}
#menu .screen .settings-panel .volume .label:before {
  content: "\A";
  position: absolute;
  left: -5vh;
  height: 5vh;
  width: 5vh;
  background-image: url("../app_data/img/torn_left.png");
  background-size: 100%;
  background-position: right 0;
}
#menu .screen .settings-panel .volume .label:after {
  content: "\A";
  position: absolute;
  right: -5vh;
  height: 5vh;
  width: 5vh;
  background-image: url("../app_data/img/torn.png");
  background-size: 100%;
  background-position: left 0;
}
#menu .screen .settings-panel .volume:nth-child(2) .label:before {
  background-position: right 30vh;
}
#menu .screen .settings-panel .volume:nth-child(2) .label:after {
  background-position: left 15vh;
}
#menu .screen .settings-panel .volume:nth-child(3) .label:before {
  background-position: right 45vh;
}
#menu .screen .settings-panel .volume:nth-child(3) .label:after {
  background-position: left 50vh;
}
#menu.settings-mode .screen .settings-panel {
  display: block;
}
#menu.settings-mode .screen .main {
  display: none;
}
#menu.settings-mode .screen .book {
  display: none;
}
#menu.book-mode .screen .settings-panel {
  display: none;
}
#menu.book-mode .screen .main {
  display: none;
}
#menu.book-mode .screen .book {
  display: block;
}
body:fullscreen #menu .screen .fullscreen {
  background-position: right center;
}
body.platform-android #menu .screen .fullscreen {
  display: none;
}
#mobile-menu-switch {
  position: absolute;
  left: 0;
  top: 0;
  width: 10vh;
  height: 10vh;
  color: #fff;
  line-height: 10vh;
  text-align: center;
  font-size: 5vh;
  display: none;
  z-index: 10;
}
#mobile-menu-switch.active {
  display: block;
}
#mobile-skip-switch {
  position: absolute;
  right: 0;
  top: 0;
  width: 10vh;
  height: 10vh;
  color: #fff;
  line-height: 10vh;
  text-align: center;
  font-size: 5vh;
  display: none;
  z-index: 10;
}
#mobile-skip-switch.active {
  display: block;
}
body.platform-browser #menu-quit,
body.platform-browser #menu-quit-separator {
  display: none;
}
#safe {
  position: absolute;
  width: 133vh;
  height: 100vh;
  left: 50%;
  top: 0;
  margin-left: -66.5vh;
  z-index: 5;
  display: none;
}
#safe.active {
  display: block;
}
#safe #safe-close {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  /* ODEJÍT */
  cursor: url("../app_data/cursor/33.png") 16 16, move;
  z-index: 1;
}
#safe .lock-zone {
  position: absolute;
  width: 70.5vh;
  height: 49vh;
  left: 62.5vh;
  top: 43.666vh;
  z-index: 2;
}
#safe .note {
  position: absolute;
  width: 54vh;
  height: 48.833vh;
  left: 10.333vh;
  top: 15.333vh;
  background-image: url("../app_data/img/vzkaz.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#safe .lock {
  position: absolute;
  width: 50.5vh;
  height: 29vh;
  left: 72.5vh;
  top: 53.666vh;
  background-image: url("../app_data/img/zamek.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#safe .lock .switches {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
#safe .lock .switches .switch {
  position: absolute;
}
#safe .lock .switches .switch.up {
  top: 0;
  width: 25%;
  height: 40%;
  /* NAHORU */
  cursor: url("../app_data/cursor/27.png") 16 4, n-resize;
}
#safe .lock .switches .switch.dn {
  bottom: 0;
  width: 25%;
  height: 40%;
  /* DOLU */
  cursor: url("../app_data/cursor/28.png") 16 28, s-resize;
}
#safe .lock .switches .switch#safe-switch-1-u,
#safe .lock .switches .switch#safe-switch-1-d {
  left: 0;
}
#safe .lock .switches .switch#safe-switch-2-u,
#safe .lock .switches .switch#safe-switch-2-d {
  left: 25%;
}
#safe .lock .switches .switch#safe-switch-3-u,
#safe .lock .switches .switch#safe-switch-3-d {
  left: 50%;
}
#safe .lock .switches .switch#safe-switch-4-u,
#safe .lock .switches .switch#safe-switch-4-d {
  left: 75%;
}
#safe .lock .letters {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#safe .lock .letters .letter {
  position: absolute;
  width: 8vh;
  height: 8vh;
  line-height: 8vh;
  text-align: center;
  /*background-color: rgba(255,0,0,0.2);*/
  font-family: 'Typewriter';
  font-size: 7vh;
  color: #221301;
  left: 4vh;
  top: 10vh;
  text-shadow: 0px 0px 1vh #fbeedd;
}
#safe .lock .letters .letter.pre {
  text-shadow: 0px 0.5vh 1vh rgba(251, 238, 221, 0.75);
}
#safe .lock .letters .letter.aft {
  color: #000;
  text-shadow: 0px -0.5vh 1vh rgba(251, 238, 221, 0.25);
}
#safe .lock .letters .letter#safe-letter-1 {
  left: 4vh;
}
#safe .lock .letters .letter#safe-letter-2 {
  left: 15vh;
}
#safe .lock .letters .letter#safe-letter-3 {
  left: 27vh;
}
#safe .lock .letters .letter#safe-letter-4 {
  left: 39vh;
}
#safe .lock .letters .letter#safe-letter-1-p {
  left: 4vh;
  top: 2vh;
  transform: scaleY(0.75) rotate(3deg);
}
#safe .lock .letters .letter#safe-letter-2-p {
  left: 15vh;
  top: 2vh;
  transform: scaleY(0.75) rotate(1deg);
}
#safe .lock .letters .letter#safe-letter-3-p {
  left: 26.5vh;
  top: 2vh;
  transform: scaleY(0.75) rotate(-4deg);
}
#safe .lock .letters .letter#safe-letter-4-p {
  left: 38vh;
  top: 2vh;
  transform: scaleY(0.75) rotate(-7deg);
}
#safe .lock .letters .letter#safe-letter-1-a {
  left: 4vh;
  top: 18vh;
  transform: scaleY(0.75) rotate(-4deg);
}
#safe .lock .letters .letter#safe-letter-2-a {
  left: 15vh;
  top: 18vh;
  transform: scaleY(0.75) rotate(-1deg);
}
#safe .lock .letters .letter#safe-letter-3-a {
  left: 26.5vh;
  top: 18vh;
  transform: scaleY(0.75) rotate(4deg);
}
#safe .lock .letters .letter#safe-letter-4-a {
  left: 38.5vh;
  top: 18vh;
  transform: scaleY(0.75) rotate(5deg);
}
.cursor-1 {
  /* DOLEVA */
  cursor: url("../app_data/cursor/29.png") 4 16, w-resize;
}
.cursor-2 {
  /* DOPRAVA */
  cursor: url("../app_data/cursor/31.png") 28 16, e-resize;
}
.cursor-3 {
  /* NAHORU */
  cursor: url("../app_data/cursor/27.png") 16 4, n-resize;
}
.cursor-4 {
  /* DOLU */
  cursor: url("../app_data/cursor/28.png") 16 28, s-resize;
}
.cursor-5 {
  /* RUKA */
  cursor: url("../app_data/cursor/30.png") 24 16, pointer;
}
.cursor-6 {
  /* LUPA */
  cursor: url("../app_data/cursor/32.png") 11 11, zoom-in;
}
.cursor-7 {
  /* ODEJÍT */
  cursor: url("../app_data/cursor/33.png") 16 16, move;
}
.cursor-8 {
  /* CHEMIKALIE */
  cursor: url("../app_data/cursor/18.png") 16 16, move;
}
.cursor-9 {
  /* CHEMIKALIE AREA */
  cursor: url("../app_data/cursor/7.png") 16 16, move;
}
.cursor-11 {
  /* FILM */
  cursor: url("../app_data/cursor/23.png") 16 16, move;
}
.cursor-12 {
  /* FILM AREA */
  cursor: url("../app_data/cursor/12.png") 16 16, move;
}
.cursor-13 {
  /* KAZETA */
  cursor: url("../app_data/cursor/3.png") 16 16, move;
}
.cursor-14 {
  /* KAZETA AREA */
  cursor: url("../app_data/cursor/4.png") 16 16, move;
}
.cursor-15 {
  /* FOTKA */
  cursor: url("../app_data/cursor/16.png") 16 16, move;
}
.cursor-16 {
  /* FOTKA AREA */
  cursor: url("../app_data/cursor/5.png") 16 16, move;
}
.cursor-17 {
  /* FOTOPAPÍR */
  cursor: url("../app_data/cursor/24.png") 16 16, move;
}
.cursor-18 {
  /* FOTOPAPÍR AREA */
  cursor: url("../app_data/cursor/13.png") 16 16, move;
}
.cursor-19 {
  /* STREP AREA */
  cursor: url("../app_data/cursor/25.png") 16 16, move;
}
.cursor-21 {
  /* STREP AREA */
  cursor: url("../app_data/cursor/14.png") 16 16, move;
}
.cursor-22 {
  /* PAPIRLIB */
  cursor: url("../app_data/cursor/19.png") 16 16, move;
}
.cursor-23 {
  /* PAPIRLIB AREA */
  cursor: url("../app_data/cursor/8.png") 16 16, move;
}
.cursor-24 {
  /* VZKAZ */
  cursor: url("../app_data/cursor/26.png") 16 16, move;
}
.cursor-25 {
  /* VZKAZ AREA */
  cursor: url("../app_data/cursor/15.png") 16 16, move;
}
.cursor-26 {
  /* KLIC */
  cursor: url("../app_data/cursor/20.png") 16 16, move;
}
.cursor-27 {
  /* KLIC AREA */
  cursor: url("../app_data/cursor/9.png") 16 16, move;
}
.cursor-28 {
  /* KLICE */
  cursor: url("../app_data/cursor/21.png") 16 16, move;
}
.cursor-29 {
  /* KLICE AREA */
  cursor: url("../app_data/cursor/10.png") 16 16, move;
}
.cursor-30 {
  /* TENISAK */
  cursor: url("../app_data/cursor/22.png") 16 16, move;
}
.cursor-31 {
  /* TENISAK AREA */
  cursor: url("../app_data/cursor/11.png") 16 16, move;
}
.cursor-32 {
  /* PRODLUŽOVAČKA */
  cursor: url("../app_data/cursor/17.png") 16 16, move;
}
.cursor-33 {
  /* PRODLUŽOVAČKA AREA */
  cursor: url("../app_data/cursor/6.png") 16 16, move;
}
.cursor-34 {
  cursor: url("../app_data/cursor/34.png") 7 7, default;
}
.cursor-default {
  cursor: url("../app_data/cursor/34.png") 7 7, default;
}
.cursor-glass {
  /* LUPA */
  cursor: url("../app_data/cursor/32.png") 11 11, zoom-in;
}
.cursor-hand {
  /* RUKA */
  cursor: url("../app_data/cursor/30.png") 24 16, pointer;
}
.v-cursor span {
  background-image: url("../app_data/cursor/34.png");
  left: -7px;
  top: -7px;
}
.v-cursor-1 {
  /* DOLEVA */
}
.v-cursor-1 span {
  background-image: url("../app_data/cursor/29.png");
  left: -4px;
  top: -16px;
}
.v-cursor-2 {
  /* DOPRAVA */
}
.v-cursor-2 span {
  background-image: url("../app_data/cursor/31.png");
  left: -28px;
  top: -16px;
}
.v-cursor-3 {
  /* NAHORU */
}
.v-cursor-3 span {
  background-image: url("../app_data/cursor/27.png");
  left: -16px;
  top: -4px;
}
.v-cursor-4 {
  /* DOLU */
}
.v-cursor-4 span {
  background-image: url("../app_data/cursor/28.png");
  left: -16px;
  top: -28px;
}
.v-cursor-5 {
  /* RUKA */
}
.v-cursor-5 span {
  background-image: url("../app_data/cursor/30.png");
  left: -24px;
  top: -16px;
}
.v-cursor-6 {
  /* LUPA */
}
.v-cursor-6 span {
  background-image: url("../app_data/cursor/32.png");
  left: -11px;
  top: -11px;
}
.v-cursor-7 {
  /* ODEJÍT */
}
.v-cursor-7 span {
  background-image: url("../app_data/cursor/33.png");
  left: -16px;
  top: -16px;
}
.v-cursor-8 {
  /* CHEMIKALIE */
}
.v-cursor-8 span {
  background-image: url("../app_data/cursor/18.png");
  left: -16px;
  top: -16px;
}
.v-cursor-9 {
  /* CHEMIKALIE AREA */
}
.v-cursor-9 span {
  background-image: url("../app_data/cursor/7.png");
  left: -16px;
  top: -16px;
}
.v-cursor-11 {
  /* FILM */
}
.v-cursor-11 span {
  background-image: url("../app_data/cursor/23.png");
  left: -16px;
  top: -16px;
}
.v-cursor-12 {
  /* FILM AREA */
}
.v-cursor-12 span {
  background-image: url("../app_data/cursor/12.png");
  left: -16px;
  top: -16px;
}
.v-cursor-13 {
  /* KAZETA */
}
.v-cursor-13 span {
  background-image: url("../app_data/cursor/3.png");
  left: -16px;
  top: -16px;
}
.v-cursor-14 {
  /* KAZETA AREA */
}
.v-cursor-14 span {
  background-image: url("../app_data/cursor/4.png");
  left: -16px;
  top: -16px;
}
.v-cursor-15 {
  /* FOTKA */
}
.v-cursor-15 span {
  background-image: url("../app_data/cursor/16.png");
  left: -16px;
  top: -16px;
}
.v-cursor-16 {
  /* FOTKA AREA */
}
.v-cursor-16 span {
  background-image: url("../app_data/cursor/5.png");
  left: -16px;
  top: -16px;
}
.v-cursor-17 {
  /* FOTOPAPÍR */
}
.v-cursor-17 span {
  background-image: url("../app_data/cursor/24.png");
  left: -16px;
  top: -16px;
}
.v-cursor-18 {
  /* FOTOPAPÍR AREA */
}
.v-cursor-18 span {
  background-image: url("../app_data/cursor/13.png");
  left: -16px;
  top: -16px;
}
.v-cursor-19 {
  /* STREP AREA */
}
.v-cursor-19 span {
  background-image: url("../app_data/cursor/25.png");
  left: -16px;
  top: -16px;
}
.v-cursor-21 {
  /* STREP AREA */
}
.v-cursor-21 span {
  background-image: url("../app_data/cursor/14.png");
  left: -16px;
  top: -16px;
}
.v-cursor-22 {
  /* PAPIRLIB */
}
.v-cursor-22 span {
  background-image: url("../app_data/cursor/19.png");
  left: -16px;
  top: -16px;
}
.v-cursor-23 {
  /* PAPIRLIB AREA */
}
.v-cursor-23 span {
  background-image: url("../app_data/cursor/8.png");
  left: -16px;
  top: -16px;
}
.v-cursor-24 {
  /* VZKAZ */
}
.v-cursor-24 span {
  background-image: url("../app_data/cursor/26.png");
  left: -16px;
  top: -16px;
}
.v-cursor-25 {
  /* VZKAZ AREA */
}
.v-cursor-25 span {
  background-image: url("../app_data/cursor/15.png");
  left: -16px;
  top: -16px;
}
.v-cursor-26 {
  /* KLIC */
}
.v-cursor-26 span {
  background-image: url("../app_data/cursor/20.png");
  left: -16px;
  top: -16px;
}
.v-cursor-27 {
  /* KLIC AREA */
}
.v-cursor-27 span {
  background-image: url("../app_data/cursor/9.png");
  left: -16px;
  top: -16px;
}
.v-cursor-28 {
  /* KLICE */
}
.v-cursor-28 span {
  background-image: url("../app_data/cursor/21.png");
  left: -16px;
  top: -16px;
}
.v-cursor-29 {
  /* KLICE AREA */
}
.v-cursor-29 span {
  background-image: url("../app_data/cursor/10.png");
  left: -16px;
  top: -16px;
}
.v-cursor-30 {
  /* TENISAK */
}
.v-cursor-30 span {
  background-image: url("../app_data/cursor/22.png");
  left: -16px;
  top: -16px;
}
.v-cursor-31 {
  /* TENISAK AREA */
}
.v-cursor-31 span {
  background-image: url("../app_data/cursor/11.png");
  left: -16px;
  top: -16px;
}
.v-cursor-32 {
  /* PRODLUŽOVAČKA */
}
.v-cursor-32 span {
  background-image: url("../app_data/cursor/17.png");
  left: -16px;
  top: -16px;
}
.v-cursor-33 {
  /* PRODLUŽOVAČKA AREA */
}
.v-cursor-33 span {
  background-image: url("../app_data/cursor/6.png");
  left: -16px;
  top: -16px;
}
.v-cursor-34 span {
  background-image: url("../app_data/cursor/34.png");
  left: -7px;
  top: -7px;
}
.v-cursor-default span {
  background-image: url("../app_data/cursor/34.png");
  left: -7px;
  top: -7px;
}
.v-cursor-glass {
  /* LUPA */
}
.v-cursor-glass span {
  background-image: url("../app_data/cursor/32.png");
  left: -11px;
  top: -11px;
}
.v-cursor-hand {
  /* RUKA */
}
.v-cursor-hand span {
  background-image: url("../app_data/cursor/30.png");
  left: -24px;
  top: -16px;
}
