* {
margin: 0; padding: 0;
}
.clear {
clear: both;
}
.vlevo {
float: left;
}
.vpravo {
float: right;
}
#obal {
width: 800px;
margin: 0 auto;
}
#vrsek, #obsah, #patka {
width: 800px;
margin: 0 auto;
}
#vrsek {
height: 70px;
}

/*****************    MENU    *****************************/

#menu {
padding: 1px 0 2px 7px;
margin: 0 10px 10px 0;
height: 22px;
}
#menu ul {
height: 22px;
}
#menu li a {
float: left;
padding: 4px 18px 3px 8px;
height: 14px;
margin: 0 10px 0 0;
}

/*****************    LEFT    *****************************/

#left {
width: 200px;
float: left;
padding: 0 0 0 10px;
}
.boxnadpis {
width: 185px;
padding: 4px 0 6px 15px;
}
.box {
width: 185px;
margin: 0 0 10px 0;
padding: 2px 0 0 15px;
}

/*****************    RIGHT    *****************************/

#right {
float: right;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.rightbox {
width: 570px;
clear: both;
padding: 0 0 10px 0;
margin: 0 10px 0 0;
}

/*****************    SPODEK    *****************************/

#spodek {
margin: 0;
}
#patka {
padding: 15px 0;
}
#patka span {
float: right;
padding: 4px 10px 0;
height: 16px;
}

/*****************    MOBIL    *****************************/

#obal,
#vrsek,
#obsah,
#patka {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
#mobile-menu {
  display: none;
}

@media (max-width: 768px) {
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
#obal,
  #obsah,
  #right,
  .rightbox {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
#left,
#right {
    float: none;
    width: 100%;
  }
#right {
    margin: 0;
  }
.rightbox {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }
  #menu,
  #left {
    display: none;
  }

  #mobile-menu {
    display: block;
    width: 100%;
  }

  #mobile-menu ul {
    list-style: none;
  }

  #mobile-menu li a {
    display: block;
    padding: 14px 16px;
    width: 100%;
    box-sizing: border-box;
  }
  
  } /* konec mobilu */