#main{
    background: yellow url(images/bg_body.png);
    background-repeat: no-repeat;
    width: 700px;
    height: 500px;
    margin: 10px auto;
	position:relative;
}
#bg_intro{
  position: relative;
  top: 118px;
  left: 72px;
  width: 360px;
  visibility: hidden;
}
#p0{
        position: relative;
        top: 6px;
        left: 80px;
        width: 120px;
}
#p1{
            position: relative;
            top: 58px;
            left: 47px;
            width: 120px;
}
#p2{
            position: relative;
            top: 60px;
            left: -260px;
            width: 120px;
}
#p3{
            position: relative;
            top: 0px;
            left: 80px;
            width: 120px;
}
#p4{
            position: relative;
            top: 54px;
            left: -135px;
            width: 120px;
}
#p5{
            position: relative;
            top: 53px;
            left: -78px;
            width: 120px;
}
#p6{
            position: relative;
            top: -4px;
            left: 80px;
            width: 120px;
}
.obr{
    width: 70px ;
    height: 70px;
    /* background: rgba(0, 0, 0, 0.24); */
    cursor: pointer;
}
#o0{
        position: relative;
        top: -308px;
        left: 105px;
        
}
#o1{
            position: relative;
            top: -325px;
            left: 198px;
            
}
#o2{
            position: relative;
                top: -391px;
    left: 16px;
            
}
#o3{
            position: relative;
            top: -415px;
            left: 105px;
            
}
#o4{
            position: relative;
            top: -425px;
            left: 15px;
            
}
#o5{
            position: relative;
            top: -500px;
            left: 195px;
            
}
#o6{
            position: relative;
            top: -512px;
            left: 106px;
            
}

.but{
    background: url(images/bg_nav.png);
    background-size: contain;
    width: 80px;
    height: 70px;
    /* box-shadow: 5px 5px 5px; */
    cursor: pointer;
}
#but0{
        position: relative;
        top: -310px;
        left: 290px;
}
#but1{
            position: relative;
            top: -344px;
            left: 228px;
}
#but2{
            position: relative;
            top: -342px;
            left: 229px;
}
#but3{
            position: relative;
            top: -375px;
            left: 292px;
}
#but4{
        position: relative;
        top: -372px;
        left: 293px;
}
#but5{
            position: relative;
            top: -406px;
            left: 230px;
}
#but6{
            position: relative;
            top: -403px;
            left: 231px;
}
#but7{
            position: relative;
            top: -435px;
            left: 295px;
}
#but8{
        position: relative;
        top: -798px;
        left: 292px;
}
#but9{
            position: relative;
            top: -759px;
            left: 230px;
}
#but10{
            position: relative;
            top: -718px;
            left: 294px;
}
#but11{
            position: relative;
            top: -679px;
            left: 232px;
}
#but12{
            position: relative;
            top: -740px;
            left: -12px;
            background: url(images/bg_nav.png);
            background-size: contain;
            width: 80px;
            height: 70px;
            /* box-shadow: 5px 5px 5px; */
            cursor: pointer;
            visibility: hidden;
}
#but13{
            position: relative;
            top: -356px;
            left: 688px;
            background: url(images/bg_nav.png);
            background-size: contain;
            width: 80px;
            height: 70px;
            /* box-shadow: 5px 5px 5px; */
            cursor: pointer;
/*            visibility: hidden;*/
}
#navigace{
position: relative;
top: 0px;
left: 310px;
width: 200px;
}

.but_text{
  font-size: 40px;
  font-weight: bold;
  position: relative;
  top: 10px;
  left: 25px;
  cursor: pointer;
  /* box-shadow: 5px 5px 5px; */
  margin: auto;
}
.but_text2{
      font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 22px;
    left: 12px;
    cursor: pointer;
    /* box-shadow: 5px 5px 5px; */
    margin: auto;
    
}

#bg_pismena{
 width: 400px;
 height: 320px;
 position: relative;
 top: 125px;
 left: 129px;
 /* float: left; */
 z-index: 10;
}
#v0{
        position: relative;
        top: -484px;
        left: 422px;
        width: 120px;
}
#v1{
            position: relative;
            top: -432px;
            left: 388px;
            width: 120px;
}
#v2{
            position: relative;
            top: -429px;
           left: 82px;
            width: 120px;
}
#v3{
            position: relative;
            top: -169px;
            left: -133px;
            width: 120px;
}
#v4{
            position: relative;
            top: -273px;
            left: -257px;
            width: 120px;
}
#v5{
            position: relative;
            top: -118px;
            left: -291px;
            width: 120px;
}
#v6{
            position: relative;
            top: -485px;
            left: -146px;
            width: 120px;
}
#v7{
            position: relative;
            top: -378px;
            left: -631px;
            width: 120px;
}
#v8{
            position: relative;
            top: -482px;
            left: -756px;
            width: 120px;
}
#pomoc_text{
            position: relative;
            top: -782px;
            left: 82px;
            width: 120px;
            height: 25px;
            box-shadow: 2px 2px 5px;
            visibility: hidden;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
}
#help {
background: rgba(137, 48, 0,.75);
    width: 600px;
    margin: 0 auto;
    height: 300px;
    position: relative;
    top: -620px;
    z-index: 100;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 3px 3px 3px black;
    display: none;
    color:yellow;
}
#ost {
    position: relative;
    left: -120px;
}