#vnitrek {width: 770px;
         margin: 0 auto 0 auto;
         text-align: left; 
         position: relative;}
#obsah {position: absolute; width: 630px; top: 100px; left: 140px;}
#menu {position: absolute; top: 70px; width: 770px; left: 0px; text-align: center;}
#hlavicka-a {position: absolute; width: 299px; top: 0px; height: 80px; left: 0px;}
#hlavicka-b {position: absolute; width: 468px; top: 0px; height: 10px; left: 299px;}
#hlavicka-reklama {position: absolute; width: 468px; top: 10px; height: 60px; left: 299px; }
#hlavicka-c {position: absolute; width: 468px; top: 70px; height: 10px; left: 299px;}
#hlavicka-d {position: absolute; width: 13px; top: 0px; height: 80px; left: 767px;}
#novinky {position: absolute; width: 130px; top: 90px; left: 0px; background-color: #058331;}

body {
    margin: 0px;
    background-color: #F1FFF6;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    border: none; 
    text-align: center;
    background-color: #F1FFF6;
    SCROLLBAR-FACE-COLOR: #95F1B6;
    SCROLLBAR-HIGHLIGHT-COLOR: #95F1B6;
    SCROLLBAR-SHADOW-COLOR: #058331;
    SCROLLBAR-3DLIGHT-COLOR: #C1F8D6;
    SCROLLBAR-ARROW-COLOR: #058331;
    SCROLLBAR-TRACK-COLOR: #058331;    
}

#vnitrek img {
  border: none;
  vertical-align: middle;
}

#menu table {
  margin: 0px;
  padding: 2px;
  border: 0px;
  border-spacing: 0px;
  background-color: #058331;
  color: #ffffff;
} 

#menu a.odkaz_menu, #menu span.odkaz_menu {
	color: #ffffff;
      font-family: tahoma, arial;
	font-size: 10pt;
	font-style: none;
	text-transform: none;
	text-decoration: none;
}

#menu a.odkaz_menu:hover {
	background-color: #95F1B6;
	color: #000000;
	text-decoration: none;
}

#novinky h2, #novinky p {
	margin: 5px;
      color: #ffffff;
      font-family: tahoma, arial;
      font-size: 8pt;
	font-weight: none;
	font-style: none;
	text-transform: none;
	text-decoration: none;
}

#novinky h2 {
  margin-top: 10px;
  text-decoration: underline;
  font-weight: none;
}

#novinky a, #novinky span {
      color: #95F1B6;
      font-family: tahoma, arial;
      font-size: 8pt;
	font-weight: bold;
	font-style: none;
	text-transform: none;
	text-decoration: none;
}

#novinky a:hover {
	text-decoration: underline;
}

#obsah p, td, li, th {
	color: #000000;
      font-family: tahoma, arial;
	font-size: 10pt ;
	font-weight: none;
	font-style: none;
	text-transform: none;
	text-decoration: none;
}

#obsah th {
  background-color: #95F1B6;
  font-weight: bold;
}

#obsah h1 {
	color: #000000;
      font-family: tahoma, arial;
	font-size: 12pt ;
	font-weight: bold;
	font-style: none;
	text-transform: none;
	text-decoration: none;
}

#obsah h2 {
	color: #000000;
      font-family: tahoma, arial;
	font-size: 10pt ;
	font-weight: bold;
	font-style: none;
	text-transform: none;
	text-decoration: none;
}

#obsah a {
	color: #058331;
}

#obsah td.sleva3 {
  font-weight: bold; 
  color: #C00044;
}

#obsah a.sleva1 {
  FONT-SIZE: 16pt; 
  text-decoration: none; 
  font-weight: bold; 
  font-family: verdana, arial; 
  color: #FFFFFF;
}

#obsah a.sleva2 {
  FONT-SIZE: 11pt; 
  text-decoration: none; 
  font-weight: bold; 
  font-family: verdana, arial; 
  color: #FFFFFF;
}

#obsah a.sleva1:hover { 
  text-decoration: underline; 
}

#obsah a.sleva2:hover {
  text-decoration: underline;
}

.menu-topbar { display: none; }
.menu-mobile-nav { display: none; }

@media (max-width: 770px) {

    #vnitrek {
        width: 100% !important;
        box-sizing: border-box;
        position: relative;
    }

    #vnitrek > a:first-child img {
        width: 100%;
        height: auto;
        display: block;
    }

    #menu {
        position: static !important;
        width: 100% !important;
        top: auto;
        left: auto;
    }

    #menu table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }

    #obsah {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        box-sizing: border-box;
        padding: 8px;
    }

    #novinky {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        box-sizing: border-box;
        padding: 8px;
    }

    #obsah p, #obsah td, #obsah li {
        font-size: 9pt;
    }

    #obsah img {
        max-width: 100%;
        height: auto;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    select,
    textarea {
        max-width: 100%;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* --- Бургер меню --- */
    .menu-nav {
        display: none !important;
    }

    .menu-topbar {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 4px 8px;
        background: #058331;
    }

    .menu-lang {
        display: flex;
        align-items: center;
        padding: 4px;
    }

    .menu-burger {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 24px;
        height: 24px;
        padding: 5px 4px;
        background: rgba(255,255,255,0.15);
        border: 1px solid rgba(255,255,255,0.4);
        border-radius: 3px;
        cursor: pointer;
        box-sizing: border-box;
    }

    .menu-burger span {
        display: block;
        width: 100%;
        height: 2px;
        background: #ffffff;
        border-radius: 2px;
    }

    #menu.is-open .menu-burger span {
        display: none;
    }

    #menu.is-open .menu-burger::after {
        content: '✕';
        color: #ffffff;
        font-size: 14px;
        line-height: 1;
    }

    .menu-mobile-nav {
        grid-template-columns: 1fr 1fr;
        width: 100%;
        background: #c8edda;
        border-top: 2px solid #058331;
    }

    #menu.is-open .menu-mobile-nav {
        display: grid !important;
    }

    .menu-mobile-nav a {
        display: block;
        padding: 10px 14px;
        text-align: center;
        color: #333;
        font-family: tahoma, arial;
        font-size: 10pt;
        text-decoration: none;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        box-sizing: border-box;
    }

    .menu-mobile-nav a:nth-child(even) {
        border-right: none;
    }

    .menu-mobile-nav a:hover {
        background: #e8f5ec;
        color: #058331;
    }

}