#main{
    width: 700px;
    height: 500px;
    background: beige;
    margin: 10px auto;
    border: #e8ad06 2px solid;
    font-family: sans-serif;
}
#game{
    position: relative;
    top: -16px;
}

#top{
    width: 700px;
    height: 100px;
    background: #e8ad06;
    box-shadow: black 3px 3px 5px;
}
#nav{
    width: 600px;
    height: 100px;
    float: left;
}
#nav2{
    width: 100px;
    height: 100px;
    float: left;
/*    background: red;*/
}

#vrch{
    height: 300px;
/*    background: red;*/
}

#spod{
    height: 100px;
/*    background: green;*/
}

.obr{
   width: 100px;
    height: 100px;
/*    background: blue; */
    float:left;
    list-style:none; 
    margin-top: 10px;
    cursor: pointer;
    border:beige 10px solid;
}

#obr0{
    position: relative;
    top: 5px;
    left:-10px;
}
#obr1{
    position: relative;
    top: 140px;
    left:-60px;
}
#obr2{
    position: relative;
    top: 5px;
    left:-80px;
}
#obr3{
    position: relative;
    top: 140px;
    left:-100px;
}
#obr4{
    position: relative;
    top: 5px;
    left:-140px;
}
#obr5{
    position: relative;
    top: 20px;
    left:440px;
}
#obr6{
    position: relative;
    top: -125px;
    left:400px;
}
#spod{
    display: flex;
}
#left{
    flex: 2;
}
#center{
    flex: 1;
/*    background: white;*/
}
#right{
    flex: 2;
}
#novahra{
    width: 100px;
    height: 40px;
    /* background: blue; */
    font-size: 30px;
    font-weight: bold;
    margin: 20px;
    cursor: pointer;
    visibility: hidden;
}
#text1,#text2{
    width: 220px;
    height: 40px;
    background: #e8ad06;
    margin: 30px;
    font-size: 30px;
    font-weight: bold;
    text-align: center; 
    box-shadow: black 3px 3px 3px inset;
    border-radius: 5px;
}
#t1,#t2{
    position: relative;
    top: 0px;
}

.but,.but2{
   width: 80px;
    height: 26px;
    float: left;
    list-style: none;
    font-size: 18px;
    font-weight: bold;
    background: #ec9731;
    margin: 5px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    border: #2f1a00 1px solid;
    color: #2f1a00;
}

.but :hover {
    color: #845113;
    
}

.but2{
   width: 60px; 
   position: relative;
   left: -25px;
}
#but12{
    background: url(images/aj2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    
        
}
#but13{
    background: url(images/nj.png);
    background-size: cover;
    background-repeat: no-repeat
}
#intro{
    width: 550px;
    height: 300px;
    background: url(images/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    /* box-shadow: black 3px 3px 3px; */
    border-radius: 5px;
    position: relative;
    left: 200px;
    top: -400px;
}
#t3{
    position: relative;
    top: 140px;
}