body {
    margin: 0;
}

.me-plugin {
    height: 0;
}

[data-game="slide"] {
    display: inline-block;
}

[data-game="slide"],
[data-game="slide"] * {
    font-family: 'PT Sans', sans-serif;
}

[data-game="slide"] .menu {
    margin-bottom: 5px;
    line-height: 32px;
}

[data-game="slide"] .menu > * + * {
    margin-left: 30px;
}

[data-game="slide"] .menu .ico,
[data-game="slide"] .menu:hover .ico {
    position: relative;
    top: -4px;
    font-size: 19px;
    color: rgb(59,89,152);
}

[data-game="slide"] .menu:hover .ico:hover,
[data-game="slide"] .menu:hover .preview:hover .help {
    color: #dec254;
}

[data-game="slide"] .menu .ico,
[data-game="slide"] .menu .preview .help {
    cursor: pointer;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
}

[data-game="slide"] .menu .image {
    display: inline-block;
    cursor: pointer;
}

[data-game="slide"] .menu .image .preview {
    display: inline-block;
    position: relative;
    margin: 0 6px;
    border: 1px solid #666;
    width: 30px;
    height: 30px;
}

[data-game="slide"] .menu .image .preview img {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    opacity: 0.01;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
}

[data-game="slide"][data-image="0"] .menu .image .preview img[src*="image0"],
[data-game="slide"][data-image="1"] .menu .image .preview img[src*="image1"],
[data-game="slide"][data-image="2"] .menu .image .preview img[src*="image2"],
[data-game="slide"][data-image="3"] .menu .image .preview img[src*="image3"],
[data-game="slide"][data-image="4"] .menu .image .preview img[src*="image4"],
[data-game="slide"][data-image="5"] .menu .image .preview img[src*="image5"],
[data-game="slide"][data-image="6"] .menu .image .preview img[src*="image6"],
[data-game="slide"][data-image="7"] .menu .image .preview img[src*="image7"],
[data-game="slide"][data-image="8"] .menu .image .preview img[src*="image8"],
[data-game="slide"][data-image="9"] .menu .image .preview img[src*="image9"] {
    opacity: 1;
}

[data-game="slide"] .menu .preview .help,
[data-game="slide"] .menu:hover .image .help {
    position: absolute;
    top: -1px;
    left: 7px;
    font-size: 32px;
    font-weight: bold;
    text-shadow:
        1px 0 1px #fff,
        -1px 0 1px #fff,
        0 1px 1px #fff,
        0 -1px 1px #fff,
        1px 1px 1px #fff,
        -1px -1px 1px #fff;
    color: #444;
}

[data-game="slide"] .menu .volume {
    float: right;
    margin: 9px 0 0 0;
}

[data-game="slide"] .menu .volume [class^=icon],
[data-game="slide"] .menu .volume .jslider {
    float: left;
}

[data-game="slide"] .menu .volume [class^=icon] {
    position: relative;
    margin-right: 5px;
}

[data-game="slide"] .menu .volume .icon-volume-off {
    margin-right: 21px;
}

[data-game="slide"] .menu .volume .jslider {
    width: 100px;
}

[data-game="slide"] .screen {
    position: relative;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 4px;
    background: rgb(59,89,152);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

[data-game="slide"] .screen .content {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    width: 500px;
    height: 500px;
    background: #444;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
}

[data-game="slide"] [data-id] {
    position: relative;
    float: left;
    cursor: pointer;
    box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset,
        2px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset,
        2px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset,
        2px 2px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset,
        2px 2px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset,
        2px 2px 2px rgba(0, 0, 0, 0.3);
}

[data-game="slide"] [data-id].sliding {
    z-index: 1;
    box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow:
        2px 2px 1px rgba(255, 255, 255, 0.4) inset,
        -2px -2px 1px rgba(0, 0, 0, 0.4) inset;
}

[data-game="slide"] [data-id="0"] {
    background-image: none !important;
    cursor: default;
    box-shadow: none;
}

[data-game="slide"] [data-id] p {
    position: relative;
    top: 50%;
    font-weight: bold;
    text-align: center;
}

[data-game="slide"] [data-id] p,
[data-game="slide"] .content .congrats p,
[data-game="slide"] .footer a,
[data-game="slide"] .footer:hover a {
    text-shadow:
        1px 0 1px #000,
        -1px 0 1px #000,
        0 1px 1px #000,
        0 -1px 1px #000,
        1px 1px 1px #000,
        -1px -1px 1px #000;
    color: rgb(255,215,0);
}

[data-game="slide"][data-level="0"] [data-id="8"] p::before,
[data-game="slide"][data-level="1"] [data-id="15"] p::before,
[data-game="slide"][data-level="2"] [data-id="24"] p::before,
[data-game="slide"][data-level="3"] [data-id="35"] p::before {
    content: 'www.ZLATNICTVI.net'
}

[data-game="slide"][data-level="0"] [data-id="8"] p {
    margin-top: 65px;
    font-size: 12px;
}

[data-game="slide"][data-level="1"] [data-id="15"] p {
    margin-top: 48px;
    font-size: 8px;
}

[data-game="slide"][data-level="2"] [data-id="24"] p {
    margin-top: 34px;
    font-size: 6px;
}

[data-game="slide"][data-level="3"] [data-id="35"] p {
    margin-top: 28px;
    font-size: 5px;
}

[data-game="slide"] .content .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

[data-game="slide"] .content .congrats p {
    margin-top: 147px;
    font-size: 70px;
    font-weight: bold;
    text-align: center;    
    color: gold;
}

[data-game="slide"][data-image="0"] [data-id],
[data-game="slide"][data-image="0"] .content .image {
    background-image: url(../img/images/image0.jpg);
}

[data-game="slide"][data-image="1"] [data-id],
[data-game="slide"][data-image="1"] .content .image {
    background-image: url(../img/images/image1.jpg);
}

[data-game="slide"][data-image="2"] [data-id],
[data-game="slide"][data-image="2"] .content .image {
    background-image: url(../img/images/image2.jpg);
}

[data-game="slide"][data-image="3"] [data-id],
[data-game="slide"][data-image="3"] .content .image {
    background-image: url(../img/images/image3.jpg);
}

[data-game="slide"][data-image="4"] [data-id],
[data-game="slide"][data-image="4"] .content .image {
    background-image: url(../img/images/image4.jpg);
}

[data-game="slide"][data-image="5"] [data-id],
[data-game="slide"][data-image="5"] .content .image {
    background-image: url(../img/images/image5.jpg);
}

[data-game="slide"][data-image="6"] [data-id],
[data-game="slide"][data-image="6"] .content .image {
    background-image: url(../img/images/image6.jpg);
}

[data-game="slide"][data-image="7"] [data-id],
[data-game="slide"][data-image="7"] .content .image {
    background-image: url(../img/images/image7.jpg);
}

[data-game="slide"][data-image="8"] [data-id],
[data-game="slide"][data-image="8"] .content .image {
    background-image: url(../img/images/image8.jpg);
}

[data-game="slide"][data-image="9"] [data-id],
[data-game="slide"][data-image="9"] .content .image {
    background-image: url(../img/images/image9.jpg);
}

[data-game="slide"] .footer {
    padding: 10px 0;
    font-weight: bold;
    font-size: 11px;
    color: #222;
}

[data-game="slide"] .footer a,
[data-game="slide"] .footer:hover a {
    font-size: 11px;
}

[data-game="slide"] .footer:hover a:hover {
    color: #e08b1b;
}

[data-game="slide"] .footer a {
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
}

[data-game="slide"] .footer .info {
    float: right;
    display: inline-block;
}

[data-game="slide"] .footer .info .label {
    font-weight: bold;
}

[data-game="slide"] .footer .info .value {
    color: #666;
}

[data-game="slide"] .footer .moves {
    margin-right: 16px;
}

[data-game="slide"] .footer .time .value {
    display: inline-block;
    min-width: 84px;
}

/* 9 kostek **************************************/

[data-game="slide"][data-level="0"] [data-id] {
    width: 166px;
    height: 166px;
}

[data-game="slide"][data-level="0"] [data-id="1"] {
    background-position: -166px 0;
}

[data-game="slide"][data-level="0"] [data-id="2"] {
    background-position: -332px 0;
}

[data-game="slide"][data-level="0"] [data-id="3"] {
    background-position: 0 -166px;
}

[data-game="slide"][data-level="0"] [data-id="4"] {
    background-position: -166px -166px;
}

[data-game="slide"][data-level="0"] [data-id="5"] {
    background-position: -332px -166px;
}

[data-game="slide"][data-level="0"] [data-id="6"] {
    background-position: 0px -332px;
}

[data-game="slide"][data-level="0"] [data-id="7"] {
    background-position: -166px -332px;
}

[data-game="slide"][data-level="0"] [data-id="8"] {
    background-position: -332px -332px;
}

/* 16 kostek *************************************/

[data-game="slide"][data-level="1"] [data-id] {
    width: 125px;
    height: 125px;
}

[data-game="slide"][data-level="1"] [data-id="1"] {
    background-position: -101px 0;
}

[data-game="slide"][data-level="1"] [data-id="2"] {
    background-position: -250px 0;
}

[data-game="slide"][data-level="1"] [data-id="3"] {
    background-position: -375px 0;
}

[data-game="slide"][data-level="1"] [data-id="4"] {
    background-position: 0 -125px;
}

[data-game="slide"][data-level="1"] [data-id="5"] {
    background-position: -125px -125px;
}

[data-game="slide"][data-level="1"] [data-id="6"] {
    background-position: -250px -125px;
}

[data-game="slide"][data-level="1"] [data-id="7"] {
    background-position: -375px -125px;
}

[data-game="slide"][data-level="1"] [data-id="8"] {
    background-position: 0 -250px;
}

[data-game="slide"][data-level="1"] [data-id="9"] {
    background-position: -125px -250px;
}

[data-game="slide"][data-level="1"] [data-id="10"] {
    background-position: -250px -250px;
}

[data-game="slide"][data-level="1"] [data-id="11"] {
    background-position: -375px -250px;
}

[data-game="slide"][data-level="1"] [data-id="12"] {
    background-position: 0 -375px;
}

[data-game="slide"][data-level="1"] [data-id="13"] {
    background-position: -125px -375px;
}

[data-game="slide"][data-level="1"] [data-id="14"] {
    background-position: -250px -375px;
}

[data-game="slide"][data-level="1"] [data-id="15"] {
    background-position: -375px -375px;
}

/* 25 kostek *************************************/

[data-game="slide"][data-level="2"] [data-id] {
    width: 100px;
    height: 100px;
}

[data-game="slide"][data-level="2"] [data-id="1"] {
    background-position: -100px 0;
}

[data-game="slide"][data-level="2"] [data-id="2"] {
    background-position: -200px 0;
}

[data-game="slide"][data-level="2"] [data-id="3"] {
    background-position: -300px 0;
}

[data-game="slide"][data-level="2"] [data-id="4"] {
    background-position: -400px 0;
}

[data-game="slide"][data-level="2"] [data-id="5"] {
    background-position: 0 -100px;
}

[data-game="slide"][data-level="2"] [data-id="6"] {
    background-position: -100px -100px;
}

[data-game="slide"][data-level="2"] [data-id="7"] {
    background-position: -200px -100px;
}

[data-game="slide"][data-level="2"] [data-id="8"] {
    background-position: -300px -100px;
}

[data-game="slide"][data-level="2"] [data-id="9"] {
    background-position: -400px -100px;
}

[data-game="slide"][data-level="2"] [data-id="10"] {
    background-position: 0 -200px;
}

[data-game="slide"][data-level="2"] [data-id="11"] {
    background-position: -100px -200px;
}

[data-game="slide"][data-level="2"] [data-id="12"] {
    background-position: -200px -200px;
}

[data-game="slide"][data-level="2"] [data-id="13"] {
    background-position: -300px -200px;
}

[data-game="slide"][data-level="2"] [data-id="14"] {
    background-position: -400px -200px;
}

[data-game="slide"][data-level="2"] [data-id="15"] {
    background-position: 0 -300px;
}

[data-game="slide"][data-level="2"] [data-id="16"] {
    background-position: -100px -300px;
}

[data-game="slide"][data-level="2"] [data-id="17"] {
    background-position: -200px -300px;
}

[data-game="slide"][data-level="2"] [data-id="18"] {
    background-position: -300px -300px;
}

[data-game="slide"][data-level="2"] [data-id="19"] {
    background-position: -400px -300px;
}

[data-game="slide"][data-level="2"] [data-id="20"] {
    background-position: 0 -400px;
}

[data-game="slide"][data-level="2"] [data-id="21"] {
    background-position: -100px -400px;
}

[data-game="slide"][data-level="2"] [data-id="22"] {
    background-position: -200px -400px;
}

[data-game="slide"][data-level="2"] [data-id="23"] {
    background-position: -300px -400px;
}

[data-game="slide"][data-level="2"] [data-id="24"] {
    background-position: -400px -400px;
}

/* 36 kostek *************************************/

[data-game="slide"][data-level="3"] [data-id] {
    width: 83px;
    height: 83px;
}

[data-game="slide"][data-level="3"] [data-id="1"] {
    background-position: -83px 0;
}

[data-game="slide"][data-level="3"] [data-id="2"] {
    background-position: -166px 0;
}

[data-game="slide"][data-level="3"] [data-id="3"] {
    background-position: -249px 0;
}

[data-game="slide"][data-level="3"] [data-id="4"] {
    background-position: -332px 0;
}

[data-game="slide"][data-level="3"] [data-id="5"] {
    background-position: -415px 0;
}

[data-game="slide"][data-level="3"] [data-id="6"] {
    background-position: 0 -83px;
}

[data-game="slide"][data-level="3"] [data-id="7"] {
    background-position: -83px -83px;
}

[data-game="slide"][data-level="3"] [data-id="8"] {
    background-position: -166px -83px;
}

[data-game="slide"][data-level="3"] [data-id="9"] {
    background-position: -249px -83px;
}

[data-game="slide"][data-level="3"] [data-id="10"] {
    background-position: -332px -83px;
}

[data-game="slide"][data-level="3"] [data-id="11"] {
    background-position: -415px -83px;
}

[data-game="slide"][data-level="3"] [data-id="6"] {
    background-position: 0 -83px;
}

[data-game="slide"][data-level="3"] [data-id="7"] {
    background-position: -83px -83px;
}

[data-game="slide"][data-level="3"] [data-id="8"] {
    background-position: -166px -83px;
}

[data-game="slide"][data-level="3"] [data-id="9"] {
    background-position: -249px -83px;
}

[data-game="slide"][data-level="3"] [data-id="10"] {
    background-position: -332px -83px;
}

[data-game="slide"][data-level="3"] [data-id="11"] {
    background-position: -415px -83px;
}

[data-game="slide"][data-level="3"] [data-id="12"] {
    background-position: 0 -166px;
}

[data-game="slide"][data-level="3"] [data-id="13"] {
    background-position: -83px -166px;
}

[data-game="slide"][data-level="3"] [data-id="14"] {
    background-position: -166px -166px;
}

[data-game="slide"][data-level="3"] [data-id="15"] {
    background-position: -249px -166px;
}

[data-game="slide"][data-level="3"] [data-id="16"] {
    background-position: -332px -166px;
}

[data-game="slide"][data-level="3"] [data-id="17"] {
    background-position: -415px -166px;
}

[data-game="slide"][data-level="3"] [data-id="18"] {
    background-position: 0 -249px;
}

[data-game="slide"][data-level="3"] [data-id="19"] {
    background-position: -83px -249px;
}

[data-game="slide"][data-level="3"] [data-id="20"] {
    background-position: -166px -249px;
}

[data-game="slide"][data-level="3"] [data-id="21"] {
    background-position: -249px -249px;
}

[data-game="slide"][data-level="3"] [data-id="22"] {
    background-position: -332px -249px;
}

[data-game="slide"][data-level="3"] [data-id="23"] {
    background-position: -415px -249px;
}

[data-game="slide"][data-level="3"] [data-id="24"] {
    background-position: 0 -332px;
}

[data-game="slide"][data-level="3"] [data-id="25"] {
    background-position: -83px -332px;
}

[data-game="slide"][data-level="3"] [data-id="26"] {
    background-position: -166px -332px;
}

[data-game="slide"][data-level="3"] [data-id="27"] {
    background-position: -249px -332px;
}

[data-game="slide"][data-level="3"] [data-id="28"] {
    background-position: -332px -332px;
}

[data-game="slide"][data-level="3"] [data-id="29"] {
    background-position: -415px -332px;
}

[data-game="slide"][data-level="3"] [data-id="30"] {
    background-position: 0 -415px;
}

[data-game="slide"][data-level="3"] [data-id="31"] {
    background-position: -83px -415px;
}

[data-game="slide"][data-level="3"] [data-id="32"] {
    background-position: -166px -415px;
}

[data-game="slide"][data-level="3"] [data-id="33"] {
    background-position: -249px -415px;
}

[data-game="slide"][data-level="3"] [data-id="34"] {
    background-position: -332px -415px;
}

[data-game="slide"][data-level="3"] [data-id="35"] {
    background-position: -415px -415px;
}

#zapis{
      margin:0px auto;
      width:42%;
      background-color:gold;
      -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:2px solid black;
padding:18px;
      }

      .zapisput{
              text-align: center;
    -webkit-box-shadow: 4px 4px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 1px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 1px rgba(50, 50, 50, 0.75);
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-weight:bold;
margin:0px auto;
         }      
#nickname{ 
    height: 23px;
    width:202px
             
         }
#sentscore{
          
          width:80px                 ;
          background:rgb(239,239,239);
              height: 21px;
              margin-top:17px;
              padding-top:2px;
              cursor:pointer;

          }
#scorewrap{
          width:100%;
          padding-top:10px;
          }
.scoreblock{
          
           width:25%;
           float:left;
           height:120px;
           } 
.nadpis1{
        text-align:center;
        font-weight:bold;
        } 
.scoretable > tbody > tr > td
        {
        margin-right:2px;
        border:4px solid white;
        width:36px  ;
        
        }
.scoretable{
           font-size:13px;
           
           
           } 
.scoretable > tbody > .nadpis2 > th 
        {
        color:rgb(59,89,152);
        text-align:center;
        } 
#nejvysledky{
            font-size:17px;
            float:left;
            } 
#refresh{
        float:right;
        font-size: 16px;
        cursor:pointer;
        color: rgb(59,89,152);
        visibility:hidden;
        }