/*bukkaku.net*/
body{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin-top: -5px;
}
.fight-spot{
    width: 263px;
    height: 70px;
    background: url('../img/fightspot.png') no-repeat scroll 0px -70px;
    position: absolute;
    right: 25%;
    top: 0px;
    z-index: 100;
}
.special{
    width: 201px;
    height: 61px;
    background: url('../img/special_ikon.png') no-repeat scroll 0px -62px;
    right: 40%;
}
.fight-spot:hover,.special:hover{
    background-position: 0 0;
}
.napiste{
    width: 212px;
    height: 60px;
    background: url("../img/napiste_nam.png") no-repeat;
    position: fixed;
    bottom: 0px;
    left: 20%;
    z-index: 100;
}
.donate{
    width: 179px;
    height: 63px;
    background: url("../img/donate_ikon.png") no-repeat scroll 0px -66px;
    position: fixed;
    bottom: 0px;
    right: 20%;
    z-index: 100;
}
.donate:hover{
    background-position: 0 0px;
}
.grey:hover{
    color: #a9abae;
}
.green:hover,.green.active{
    color: #00b399;
}
.yellow:hover{
    color: #fee088;
}
.red:hover,.red.active{
    color: #f2715f;
}
.O1{
    float: left;
    position: relative;
    margin-bottom: 80px;
    height: 900px;
    width: 100%;
}
.pod{
    height: 1350px;
}
.pod01{
    overflow: hidden;
    height: 2926px;
}
.pod02{
    height: 1600px;
}
.pod03{
    height: 2220px;
}
.pod04{
    height: 3136px;
    margin: 0;
}
/*loading*/
#mask{
    background-color:#fff;
    bottom:0;
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:100000;
}
#bukk_loading{
    background-image:url(../img/bukkaku_loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
    height:200px;
    left:50%;
    margin:-100px 0 0 -100px;
    position:absolute;
    top:50%;
    width:200px;
}
/*loading konec*/

/*posouvani*/
.scrol{
    display: none;
}
.scroll1{
    z-index: 100;
    background: url(../img/scroll1.png) 0 -86px no-repeat;
    width: 83px;
    height: 86px;
    position: fixed;
    bottom: 10px;
    right: 50px;

}
.scroll1:hover{
    background: url(../img/scroll1.png) 0 0 no-repeat;
}
.scroll2{
    z-index: 100;
    background: url(../img/scroll2.png) 0 -86px no-repeat;
    width: 83px;
    height: 86px;
    position: fixed;
    bottom: 10px;
    left: 50px;

}
.scroll2:hover{
    background: url(../img/scroll2.png) 0 0 no-repeat;
}
/*posouvani konec*/

/*menu*/
.menu{
    z-index: 10;
    background: transparent;
    position: fixed;
    top: 0;
    height: 80px;
    width: 100%;
}
.minimenu{
    z-index: 10;
    background: transparent;
    position: fixed;
    top: 0;
    height: 80px;
    width: 150px;
    overflow: hidden;
}
.bukkaku_logo{
    width: 91px;
    height: 63px;
    background: url(../img/bukkaku_logo_.png) no-repeat;
    border: 0;
    position: relative;
    float: left;
    margin-top: 15px;
    margin-left: 30px;
}
.leva{
    float: left;
    list-style-type: none;
    position: relative;
    margin-top: 25px;
    margin-left: 50px;
}
.leva_li{
    text-transform: uppercase;
    float: left;
    margin-right: 20px;
}
.leva_li a {
    font-size: 13px;
}

.prava{
    float: right;
    list-style-type: none;
    position: relative;
    margin-top: 16px;
    margin-right: 35px;
}
.prava_li{
    text-transform: uppercase;
    float: right;
}
.black{
    position: relative;
    float: left;
    background: url(../img/black.png) no-repeat;
    width: 24px;
    height: 25px;
    margin-top: -3px;
    cursor: pointer;
}
.white{
    position: relative;
    float: left;
    background: url(../img/white.png) no-repeat;
    width: 24px;
    height: 25px;
    margin-top: -3px;
    cursor: pointer;
}
.off_music{
    position: relative;
    float: left;
    background: url(../img/off_music.png) no-repeat;
    width: 17px;
    height: 31px;
    cursor: pointer;
}
.on_music{
    position: relative;
    float: left;
    background: url(../img/on_music.png) no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
}
.bukk_log_mini{
    z-index: 10;
    position: fixed;
    width: 38px;
    height: 309px;
    background: url(../img/bukk_log_mini.png) no-repeat;
    top: 65px;
    right: 45px;
}
/*menu konec*/

/*jedna*/
.jedna{
    margin: 0px auto;
    width: 966px;
}
.left{
    width: 500px;
    height: 1240px;
    background: url('../img/prava1.png') no-repeat;
    z-index: 1;
    position: absolute;
    top: -339px;
}
.right{
    width: 530px;
    height: 1061px;
    background: url('../img/leva1.png') no-repeat;
    z-index: 1;
    position: absolute;
    right: 0px;
    top: -143px;
}
.jedna_l{
    z-index: 5;
    list-style-type: none;
    position: relative;
    float: left;
    margin: 80px 0 0 420px;
    padding: 0px;
    width: 45px;
}
.b{
    background: url(../img/b.png) no-repeat;
    width: 49px;
    height: 54px;
}
.u{
    background: url(../img/u.png) no-repeat;
    width: 49px;
    height: 49px;
}
.k1{
    background: url(../img/k1.png) no-repeat;
    width: 50px;
    height: 59px;
}
.k2{
    background: url(../img/k2.png) no-repeat;
    width: 50px;
    height: 58px;
}
.a{
    background: url(../img/a.png) no-repeat;
    width: 49px;
    height: 49px;
}
.k3{
    background: url(../img/k3.png) no-repeat;
    width: 49px;
    height: 53px;
}
.u2{
    background: url(../img/u2.png) no-repeat;
    width: 49px;
    height: 49px;
}
.face_ikon{
    position: relative;
    float: left;
    background: url(../img/face_ikon.png) 0 -50px no-repeat;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.face_ikon:hover{
    background: url(../img/face_ikon.png) 0 0 no-repeat;
}
.g_ikon{
    position: relative;
    float: left;
    background: url(../img/g+_ikon.png) 0 -50px no-repeat;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.g_ikon:hover{
    background: url(../img/g+_ikon.png) 0 0 no-repeat;
}
.twit_ikon{
    position: relative;
    float: left;
    background: url(../img/twit_ikon.png) 0 -50px no-repeat;
    width: 50px;
    height: 50px;
    margin-top: 5px;
}
.twit_ikon:hover{
    background: url(../img/twit_ikon.png) 0 0 no-repeat;
}
li{
    margin: 5px;
}
.scroll_ikon{
    position: relative;
    float: left;
    background: url(../img/scroll_ikon.png) 0 -125px no-repeat;
    width: 121px;
    height: 125px;
    margin-left: 390px;
    top: 810px;
    z-index: 5;
}
.scroll_ikon:hover{
    background: url(../img/scroll_ikon.png) 0 0 no-repeat;
}
.scroll_ikon_0{
    position: absolute;
    top: 65px;
}
@-moz-document url-prefix(){
    .scroll_ikon_0{
        margin-left: -120px;
    }
}
.stred{
    width: 100%;
    height: 710px;
    float: left;
    margin-top: -710px;
}
#parallax{
    background: none;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.parallax-viewport{
    overflow: hidden;
    position: relative;
}
.parallax-layer{
    position: absolute;
    background-size: 100%;
}
.p-l-1{
    top: 1px !important;
    width: 966px;
    height: 391px;
    margin-top: 0% !important;
}
.p-l-1-img{
    margin-left: 10px;
    z-index: 2;
    border: 0px currentColor;
    border-image: none;
    width: 966px;
    background-size: 100%;
}
.p-l-2{
    top: 235px !important;
    width: 548px;
    height: 384px;
    margin-top: 0% !important;
}
.p-l-2-img{
    margin-left: 10px;
    z-index: 2;
    width: 548px;
    background-size: 100%;
}
.p-l-3{
    top: 1px !important;
    width: 582px;
    height: 702px;
    margin-top: 0% !important;
}
.p-l-3-img{
    z-index: 2;
    width: 582px;
    background-size: 100%;
}
img{
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    font-family: "Open Sans", "Calibri", arial, sans-serif;
    font-size: 20px;
    position: relative;
}
/*konec jedna*/

/*dva*/
.dva{
    margin: 0px auto;
    width: 1080px;
}
.o_projektu{
    background: url(../img/o-projektu.png) no-repeat;
    width: 21px;
    height: 277px;
    position: relative;
    float: left;
    margin-left: 250px;
    margin-top: 250px;
    z-index: 5;
}
.en .o_projektu{
    background: url(../img/about.png) no-repeat;
}
.text1{
    position: relative;
    width: 550px;
    /*height: 120px;*/
    float: left;
    margin: 5px 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.paralax2-1{
    position: relative;
    float: left;
    margin-top: -450px;
    background: url(../img/paralax5.png) no-repeat;
    width: 899px;
    height: 574px;
}
.paralax2-2{
    position: relative;
    float: left;
    margin-top: -540px;
    margin-left: -50px;
    background: url(../img/paralax6.png) no-repeat;
    width: 1080px;
    height: 495px;
}
.paralax2-3{
    position: relative;
    float: left;
    margin-top: -420px;
    margin-left: 120px;
    background: url(../img/paralax4.png) no-repeat;
    width: 827px;
    height: 506px;
}
/*konec dva*/

/*tri*/
.tri{
    margin: 0px auto;
    width: 440px;
}
.pod2{
    position: absolute;
    z-index: 1;
    left: 0px;
    background: url(../img/pod2.png) no-repeat;
    width: 659px;
    height: 1523px;
}
.pod1{
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 70px;
    background: url(../img/pod1.png) no-repeat;
    width: 415px;
    height: 1221px;
}
.bok{
    position: absolute;
    z-index: 1;
    right: 0px;
    margin-top: -450px;
    background: url(../img/bok.png) no-repeat;
    width: 151px;
    height: 333px;
}
.avatar1{
    background: url(../img/avatar1.png) no-repeat;
    z-index: 3;
    position: relative;
    width: 200px;
    height: 191px;
    right: -7px;
    margin: 0 auto;
}
.avatar_mask{
    background: url(../img/avatar_mask.png) no-repeat;
    z-index: 2;
    position: relative;
    width: 271px;
    height: 286px;
    right: -7px;
    margin: 0 auto;
}
.avatar3{
    background: url(../img/avatar3.png) no-repeat;
    z-index: 1;
    position: relative;
    width: 479px;
    height: 509px;
    margin: 0 auto;
}
/*konec tri*/
.postava {
  z-index: 1;
  background: url(../img/postava.png) no-repeat;
  width: 33px;
  height: 267px;
  position: relative;
  float: left;
  margin-left: 250px;
  margin-top: 580px;
  margin-top: -100px;
}
.en .postava{
    background: url(../img/charakter.png) no-repeat;
}
/*ctyri*/
.obal-kom{
    width: 1080px;
    margin: 0 auto;
}
.komunita{
    z-index: 1;
    background: url(../img/komunita.png) no-repeat;
    width: 29px;
    height: 306px;
    position: relative;
    float: left;
    margin-left: 250px;
    margin-top: 250px;
/*    position: absolute;
    top: 1000px;
    left: 700px;*/
}
.en .komunita{
    background: url(../img/community.png) no-repeat;
}
.text1-kom{
    margin-top: 20px;
}
.pod3{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/pod3.png) no-repeat;
    width: 415px;
    height: 1221px;
}
.bok2{
    position: absolute;
    z-index: 1;
    right: 0px;

    /*top: 80%;*/
    background: url(../img/bok2.png) no-repeat;
    width: 328px;
    height: 365px;
}
.pod4{
    position: absolute;
    top: 20%;
    right: 3%;
    background: url(../img/pod4.png) no-repeat;
    width: 415px;
    height: 1221px;
}
/*konec ctyri*/

/*patej*/
.patej{
    width: 1165px;
    height: 700px;
    margin: 0px auto;
}
.ava1{
    position: relative;
    float: left;
    background: url(../img/ava1_1.png) no-repeat;
    width: 602px;
    height: 602px;
    margin-left: -60px;
}
.ava2{
    width: 672px;
    height: 454px;
    position: relative;
    float: left;
    background: url(../img/ava2.png) no-repeat;
    margin-top: 200px;
    margin-left: -50px;
}
.pod5{
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../img/pod5.png) no-repeat;
    width: 1920px;
    height: 2226px;
    top: 651px;
    top: 0px;
}
/*konec patej*/

/*sestej*/
.pod6{
    position: absolute;
    margin-top: 500px;
    left: 0;
    background: url(../img/pod6.png) no-repeat;
    width: 415px;
    height: 1221px;
}
.pod7{
    position: absolute;
    margin-top: 1000px;
    right: 0;
    background: url(../img/pod7.png) no-repeat;
    width: 473px;
    height: 1523px;
}
.sestej{
    position: relative;
    top: 200px;
    margin: 0 auto;
    width: 1043px;
}
.foto_pod{
    position: relative;
    float: left;
    background: url(../img/foto_pod.png) no-repeat;
    width: 1040px;
    height: 730px;
}
.posuvnik{
    position: relative;
    margin: 75px 0 0 30px;
}
.jcarousel {
    position: relative;
    /*overflow: hidden;*/
    width: 100%;
    background: no-repeat;
    width: 1010px;
    border: none;
    margin-left: 5px;
}
.posuvnik_ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.posuvnik_li {
    width: 976px;
    float: left;
    box-sizing: border-box;
    font-size: 12px;
}
.posu_img {
    display: block;
    max-width: 100%;
    height: auto;
}
.flex-direction-nav a{
    width: 65px;
    height: 117px;
    /*display: block;*/
}
.jcarousel-control-prev,.flex-prev{
    text-decoration: none;
    position: relative;
    float: left;
    background: url(../img/lev_sipka.png) 0 -117px no-repeat;
    width: 65px;
    height: 117px;
    margin-right: 10px;
    margin-top: 310px;
}
.jcarousel-control-prev:hover,flex-prev:hover{
    background: url(../img/lev_sipka.png) 0 0 no-repeat;
}
.jcarousel-control-next,.flex-next{
    text-decoration: none;
    position: relative;
    float: right;
    background: url(../img/prav_sipka.png) 0 -117px no-repeat;
    width: 65px;
    height: 117px;
    margin-top: 310px;
}
.jcarousel-control-next:hover,.flex-next:hover{
    background: url(../img/prav_sipka.png) 0 0 no-repeat;
}
.odebirejte{
    z-index: 5;
    background: url(../img/odebirejte.png) no-repeat;
    width: 22px;
    height: 299px;
    position: relative;
    float: left;
    margin-left: 450px;
    margin-top: 150px;
}
.en .odebirejte{
    width: 33px;
    height: 238px;
    background: url(../img/follow.png) no-repeat;
}
.sledujte{
    z-index: 5;
    background: url(../img/sledujte.png) no-repeat;
    width: 23px;
    height: 238px;
    position: relative;
    float: left;
    margin-left: 250px;
    margin-top: 180px;
}
.en .sledujte{
    height: 299px;
    background: url(../img/sub.png) no-repeat;
    margin-top: 130px;
}
/*sestej konec*/

/*sedm*/
.sedm{
    margin: 0 auto;
    width: 1176px;
}
.pod9{
    position: absolute;
    left: 0;
    background: url(../img/pod9.png) no-repeat;
    width: 1014px;
    height: 1376px;
    margin-top: 770px;
}
.pod8{
    position: absolute;
    right: 0;
    background: url(../img/pod8.png) no-repeat;
    width: 415px;
    height: 1221px;
    margin: 1000px 150px 0 0;
}
.seda6{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/seda6.png) no-repeat;
    width: 104px;
    height: 251px;
    margin: 71px 5px 5px 0;
}
.face{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/face.png) 0 -250px no-repeat;
    width: 171px;
    height: 250px;
    margin: 72px 5px 5px 0;
}
.face:hover{
    background: url(../img/face.png) 0 0 no-repeat;
}
.g{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/g+.png) 0 0px no-repeat;
    width: 228px;
    height: 284px;
    margin: 38px 5px 5px 0;
    cursor: no-drop;            
}
.g:hover{
    background: url(../img/g+.png) 0 0 no-repeat;
}
.seda1{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/seda1.png) no-repeat;
    width: 321px;
    height: 135px;
    margin: 0 5px 5px 0;
}
.twit{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/twit.png) 0 -182px no-repeat;
    width: 322px;
    height: 182px;
    margin: 140px 0 5px -326px;
}
.twit:hover{
    background: url(../img/twit.png) 0 0 no-repeat;
}
.pin{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/pin.png) 0 -233px no-repeat;
    width: 332px;
    height: 233px;
    margin: 89px 0 5px 0;
}
.pin:hover{
    background: url(../img/pin.png) 0 0 no-repeat;
}
.seda7{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/seda7.png) no-repeat;
    width: 106px;
    height: 281px;
    margin: 0 5px 5px 109px;
}
.youtube{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/youtube.png) 0 -284px no-repeat;
    width: 228px;
    height: 284px;
    margin: 0 5px 5px 0;
}
.youtube:hover{
    background: url(../img/youtube.png) 0 0 no-repeat;
}
.vimeo{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/vimeo.png) 0 -283px no-repeat;
    width: 422px;
    height: 283px;
    margin: 0 5px 5px 0;
}
.vimeo:hover{
    background: url(../img/vimeo.png) 0 0 no-repeat;
}
.insta{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/insta.png) 0 -251px no-repeat;
    width: 257px;
    height: 251px;
    margin: 0 5px 5px 0;
}
.insta:hover{
    background: url(../img/insta.png) 0 0 no-repeat;
}
.seda5{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/seda5.png) no-repeat;
    width: 29px;
    height: 116px;
}
.seda4{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/seda4.png) no-repeat;
    width: 253px;
    height: 83px;
}
.sound{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/sound.png) 0 -123px no-repeat;
    width: 409px;
    height: 123px;
    margin: -50px 5px 5px 219px;
}
.sound:hover{
    background: url(../img/sound.png) 0 0 no-repeat;
}
.blog{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/blog_.png) 0 -166px no-repeat;
    width: 242px;
    height: 166px;
    margin: -50px 5px 5px 0;
}
.blog:hover{
    background: url(../img/blog_.png) 0 0 no-repeat;
}
.rze{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/rze.png) 0 -177px no-repeat;
    width: 410px;
    height: 177px;
    margin: -43px 5px 0 219px;
}
.rze:hover{
    background: url(../img/rze.png) 0 0 no-repeat;
}
.tumbr{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/tumbr.png) 0 -179px no-repeat;
    width: 310px;
    height: 179px;
    margin: 0 0 0 0;
}
.tumbr:hover{
    background: url(../img/tumbr.png) 0 0 no-repeat;
}
.strep{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/strep.png) no-repeat;
    width: 55px;
    height: 66px;
    margin: 0 0 0 -55px;
}
.strep2{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/strep2.png) no-repeat;
    width: 130px;
    height: 134px;
    margin: -40px 5px 0 229px;
}
.gamejolt{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/gamejolt.png) 0 -250px no-repeat;
    width: 265px;
    height: 250px;
    margin: -39px 0 0 0;
}
.gamejolt:hover{
    background: url(../img/gamejolt.png) 0 0 no-repeat;
}
.indiedb{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/indiedb.png) 0 -250px no-repeat;
    width: 342px;
    height: 250px;
    margin: 5px 0 0 5px;
}
.indiedb:hover{
    background: url(../img/indiedb.png) 0 0 no-repeat;
}
.donate-block{
    width: 265px;
    height: 166px;
    background: url("../img/donate.jpg") no-repeat scroll 0px -166px;
    margin: 0x;
    position: absolute;
    top: 1190px;
    left: 459px;
    z-index: 5;
}
.rze2{
    width: 343px;
    height: 150px;
    background: url("../img/lukasreznicek.jpg") no-repeat scroll  0px -150px;
    display: block;
    position: absolute;
    top: 1231px;
    left: 729px;
    z-index: 5;
}
.shop{
    width: 289px;
    height: 168px;
    background: url("../img/shop.jpg") no-repeat scroll  0px -168px;
    display: block;
    position: absolute;
    top: 1361px;
    left: 435px;
    z-index: 5;
}
.press{
    width: 307px;
    height: 84px;
    background: url("../img/presskit.jpg") no-repeat scroll  0px -84px;
    display: block;
    position: absolute;
    top: 1386px;
    left: 729px;
    z-index: 5;
}
.donate-block:hover,.rze2:hover,.shop:hover,.press:hover{
    background-position: 0 0;
}
.strep3{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/strep3.png) no-repeat;
    width: 265px;
    height: 124px;
    margin: -40px 5px 0 364px;
    /*margin-top: 310px;*/
}
.strep4{
    z-index: 5;
    position: relative;
    float: left;
    background: url(../img/strep4.png) no-repeat;
    width: 307px;
    height: 187px;
    margin: 5px 0 0 0;
    /*margin-top: 247px;*/
}
/*sedm konec*/

/*osm*/
.osm{
    margin: 0 auto;
    width: 620px;
}
.k1_l{
    z-index: 1;
    position: relative;
    float: left;
    background: url(../img/k1l.png) no-repeat;
    width: 365px;
    height: 410px;
}
.k2_l{
    z-index: 2;
    position: relative;
    float: right;
    background: url(../img/k2l.png) no-repeat;
    width: 365px;
    height: 410px;
}
.k3_l{
    z-index: 3;
    position: relative;
    float: right;
    background: url(../img/k3l.png) no-repeat;
    width: 365px;
    height: 410px;
}
.k4_l{
    z-index: 4;
    position: relative;
    float: left;
    background: url(../img/k4l.png) no-repeat;
    width: 365px;
    height: 410px;
    margin-top: 3px;
}
.bukkaku_log2{
    z-index: 2;
    position: relative;
    float: left;
    background: url(../img/bukkaku_log2.png) no-repeat;
    width: 620px;
    height: 106px;
    margin-top: 50px;
}
.pripoj{
    z-index: 2;
    position: relative;
    float: left;
    margin: 100px 0 0 -63px;
    background: url(../img/pripoj.png) no-repeat;
    width: 745px;
    height: 55px;
}
.en .pripoj{
    width: 477px;
    background: url(../img/join.png) no-repeat;
    margin-left: 80px;
}
.pod10{
    z-index: 1;
    position: relative;
    float: left;
    margin: -1028px 0 0 -197px;
    background: url(../img/pod10.png) no-repeat;
    width: 1014px;
    height: 1376px;
    z-index: -1;
}
.rze_logo{
    z-index: 1;
    position: relative;
    float: left;
    background: url(../img/rze_logo.png) no-repeat;
    width: 173px;
    height: 75px;
    left: 50%;
    margin: 774px 0 0 -86px;
    z-index: 5;
}
.rze_logo .copy{
    margin: 0;
    position: absolute;
    bottom: 0px;
}
.pod11{
    position: absolute;
    left: 0;
    top: 300px;
    background: url(../img/pod11.png) no-repeat;
    width: 480px;
    height: 1166px;
}
.lev_ava{
    position: absolute;
    left: 0;
    bottom: 0px;
    bottom: -62px;
    background: url(../img/lev_ava.png) no-repeat;
    width: 900px;
    height: 1302px;
}
.pod12{
    position: absolute;
    right: 0;
    top: 300px;
    background: url(../img/pod12.png) no-repeat;
    width: 729px;
    height: 1523px;
}
.prav_ava{
    position: absolute;
    right: 0;
    bottom: 0px;
    bottom: -44px;
    background: url(../img/prav_ava.png) no-repeat;
    width: 1000px;
    height: 1302px;
}
/*osm konec*/
.music{
    position: fixed;
    top: 0;
    left: 45%;
    display: none;
    /*visibility: hidden;*/
}
.obal-copyright{
    width: 1020px;
    margin: 0 auto;
}
.copyright{
    width: 700px;
    float: right;
}
.bukk-log{
    width: 186px;
    height: 30px;
    background: url('../img/bukkaku_log_black.png') no-repeat;
    float: left;
}
.copy{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: black;
}
.day-spec{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.day-okno{
    width: 745px;
    height: 756px;
    background: url('../img/day_pod.png') no-repeat;
    left: 50%;
    margin-left: -372px;
    top: 100px;
    position: absolute;
}
.close{
    width: 135px;
    height: 179px;
    background: url('../img/x_del.png') no-repeat scroll 0px -179px;
    cursor: pointer;
    float: right;
    margin-right: -63px;
    margin-top: 246px;
}
.close:hover{
    background-position:  0 0;
}
.spec{
    width: 456px;
    height: 49px;
    background: url('../img/vstup_do_special.png') no-repeat scroll 0px 0px;
    display: block;
    margin-left: 170px;
    margin-top: 265px;
}
.spec:hover{
    background-position:  0 -49px;
}
.spec.en{
    width: 386px;
    height: 52px;
    background: url('../img/go_to_special.png') no-repeat scroll 0px 0px;
}
.spec.en:hover{
    background-position: 0 -52px;
}

.new-game{
    width: 665px;
    height: 219px;
    background:  url('../img/pozadi.jpg') no-repeat scroll 0px 0px;
    position: absolute;
    top: 100px;
    left: 0px;
    color: red;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 30px;
    z-index: 9;
}

.new-game .h1{
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 50px;
    margin-left: 100px;
    color: red;
}

.new-game .text{
    text-transform: uppercase;
    margin-top: 20px;
    margin-left: 100px;
    color: red;
    font-weight: 400;
    text-decoration: underline;
    float: left;
}

.new-game .close-box{
    width: 18px;
    height: 18px;
    background:  url('../img/x_btn.png') no-repeat scroll 0px 0px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}