* {margin: 0px; padding: 0px; font-family: Arial;}
body {background-color: #AE8955; overflow-y: scroll; overflow-x: hidden; padding: 10px 0px 10px 0px; line-height: 1.2;}
#obal {position: relative; background-image: url("../images/titul_foto.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 798px; margin: auto; width: 798px; z-index: 5; padding: 0px 0px 15px 0px; border: 2px solid #663300; background-color: #D0B083; border-radius: 15px;}
#logo {display: block; box-sizing: border-box; position: absolute; z-index: 1000; width: 111px; height: auto; margin: 22px 0px 0px 10px;}
#titul {display:block; position: relative; height: 192px; margin: 0px;}
#pocitadlo {display: block; position: absolute; top: 60px; right: 15px; width: 88px; height: 60px; border: 1px solid #663300; opacity: 0; pointer-events: none;}
#bluetxt, #nazev, .nav:link, .nav:visited, .nav:hover, .nav-aktivni:link, .nav-aktivni:visited, .nav-aktivni:hover, #menu:link, #menu:visited, #menu:hover, #knk {color: #000000;}
#navigace {position: relative; z-index: 2000; display: flex; flex-wrap: nowrap; margin-bottom: -1px;}
#navigace a {position: relative; z-index: 2001;}
#menu {display: none; text-align: center; font-weight: bold; text-decoration: none; font-size: 11px;}
.nav {border-bottom: 2px solid #663300; padding: 10px 0px 3px 0px; margin-top: 8px;}
.nav-aktivni {padding: 18px 0px 3px 0px; margin-top: 0px; border-right: 2px solid #663300; border-left: 2px solid #663300;}
.nav, .nav-aktivni {text-align: center; box-sizing: border-box; font-weight: bold; text-decoration: none; font-size: 11px; display: inline-block; flex: 1 1 0; width: auto; border-top: 2px solid #663300; border-right: 2px solid #663300; line-height: 13px;}
.nav:first-child, .nav-aktivni:first-child {border-left: none !important;}
a:has(+ .nav-aktivni), .nav:last-child, .nav-aktivni:last-child {border-right: none !important;}
.nav:hover, #menu, #zpet_na_prehled:hover, #zpet_na_prehled_edic:hover, #zpet_na_prehled_vyslo:hover, #menu_edic_button:hover, #file:hover {background: #F2F5D1;}
.nav-aktivni, #produkty, #odeslat_objednavku, #zapati, #file { background-color: #F6DEBC;}
.nav, #uvod, #newlist, #book, #book_open, #postovne, #nahled, #clanek, #zpet_na_prehled, #zpet_na_prehled_edic, #zpet_na_prehled_vyslo, #pravy_sloupek, #obsah_praveho_sloupku, #info_objednavka, #objednavka_form, #podminky, #menu_edic_button, #vyprodej_info, #vyprodej_nabidka, #oea { background-color: #FFF2E1;}
#produkty { margin: 0px -2px 0px -2px; width: 748px; border-left: 2px solid #663300; border-right: 2px solid #663300; border-bottom: 2px solid #663300; padding: 25px 25px 0px 25px;}
#banner, #uvod, #newlist, #book, #book_open, #nahled, #clanek, #zpet_na_prehled, #zpet_na_prehled_edic, #zpet_na_prehled_vyslo, #pravy_sloupek, #postovne, #objednavka_form, #podminky, #menu_edic, #vyprodej_info, #mapa_prodejci, #vyprodej_nabidka, #edice_popis, #oea {margin: 0px 0px 25px 0px;}
#info_objednavka {margin: 0px 0px 8px 0px;}
#banner {display: block; width: 744px; border: 2px solid #663300;}
#uvod {width: 714px; border: 2px solid #663300; padding: 15px;}
.uvod_nadpis {font-size: 25px; margin-bottom: 10px}
.uvod_odstavec {font-size: 15px; margin-top: 10px; text-align: justify;}
#postovne {width: 744px; height: 110px; border: 2px solid #663300; font-weight: bold;}
#postak {margin: 0px 5px 0px 5px; float: left;}
#postovnetext {margin: 16px 0px 0px 150px;}
#postovnebig {font-size: 40px; margin-bottom: 10px;}
#postovnesmall {font-size: 15px;}
#newlist {width: 714px; border: 2px solid #663300; padding: 15px; font-size: 15px; line-height: 25px;}
#newrow {display: block;}
#anew {color: #000000; text-decoration: underline;}
#book {width: 714px; min-height: 255px; border: 2px solid #663300; padding: 15px;}
#book_open {width: 714px; border: 2px solid #663300; padding: 15px;}
#oea {width: 714px; border: 2px solid #663300; padding: 15px;}
#oea_obsah {margin: 15px 15px 15px 15px; text-align: justify; font-size: 16px; line-height: 24px;}
#flags {margin: 0px 0px 25px 0px;}
#flag {margin: 0px 10px 0px 0px;}
#zpet_na_prehled_vyslo {display: block; border: 2px solid #663300; width: 748px; padding: 15px 15px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000; text-align: center;}
#zpet_na_prehled_vyslo:hover, #odeslat_objednavku:hover, #zpet_na_prehled:hover, #zpet_na_prehled_edic:hover, #knk:hover, #file:hover {cursor: pointer;}
#imgbox {width: 200px; height: 250px; float: left; margin: -8px 0px 15px 0px; display: table; position: relative; overflow: hidden;}
#imgcen {position: relative; display: table-cell; vertical-align: middle;}
#bookimg {border: 0px; width: 178px; position: relative; box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.67);}
#zapati {margin: 16px -2px 0px -2px; width: 792px; padding: 3px; border: 2px solid #663300; text-align: center; font-size: 12px; color: #000000;}
#nazev {display: block; font-size: 25px; font-weight: bold; margin: 25px 0px 15px 0px;}
#autor {display: block; font-size: 16px; font-weight: bold; color: #000000; margin: 10px 0px 10px 0px;}
#info1 {display: block; font-size: 14px; font-weight: bold; color: #000000;}
#info2 {text-align: justify; display: block; margin: 20px 0px 0px 0px; font-size: 16px; color: #000000;}
#cena {display: inline-block; font-size: 23px; font-weight: bold; color: #3204FF; margin: 10px 0px 25px 0px;}
#cena_odkaz {color: #3204FF; text-decoration: underline;}
a:link, a:visited {text-decoration: none;}
#kosik {display: inline-block; margin: 0px 0px 0px 10px;}
#banner, #newlist, #uvod, #book, #book_open, #postovne, #obal, #nahled, #clanek, #zpet_na_prehled, #zpet_na_prehled_edic,  #zpet_na_prehled_vyslo, #pravy_sloupek, #objednavka_form, #info_objednavka, #podminky, #mapa_prodejci, #vyprodej_info, #vyprodej_nabidka, #oea {display: block; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
#nahled {width: 714px; height: 70px; border: 2px solid #663300; padding: 15px;}
#nahled_foto {width: 100px; height: 70px; float: left;}
#nahled_nadpis {display: block; color: #000000; font-weight: bold; font-size: 18px; margin: 10px 0px 10px 115px;}
#nahled_author {display: block; margin: 10px 0px 10px 115px;}
#href {font-size: 16px;}
#zpet_na_prehled {display: inline-block; float: left; border: 2px solid #663300; width: 500px; padding: 15px 15px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000; text-align: center;}
#zpet_na_prehled_edic {display: block; border: 2px solid #663300; width: 714px; padding: 15px 15px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000; text-align: center;}
#pravy_sloupek {display: inline-block; float: right; width: 185px; padding: 0px; border: 2px solid #663300; }
#pravy_sloupek_iframe {width: 185px; height: 734px; border: none; margin: 0px;}
#pretekaci {min-height: 1027px;}
#obsah_praveho_sloupku {padding: 0px;}
#pravy_sloupek_pomocny_ram {display: block; text-align: center; width: 155px; padding: 15px 15px 15px 15px;}
#pravy_sloupek_nadpis {display: inline-block; color: #000000; font-size: 25px; font-weight: bold; margin: 0px 0px 10px 0px}
#pravy_sloupek_nazev {display: inline-block; color: #000000; font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px}
#pravy_sloupek_book {width: 155px; margin: 0px; box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.67);}
#clanek {display: inline-block; width: 500px; border: 2px solid #663300; padding: 15px 15px 0px 15px; margin: 0px 0px 25px 0px;}
#clanek_nadpis {display: block; color: #000000; font-weight: bold; font-size: 30px; margin: 0px 0px 15px 0px;}
#clanek_text {display: block; margin: 0px 0px 15px 0px; text-align: justify; font-size: 16px; line-height: 24px;}
#clanek_odstavec {display: block; margin: 0px 0px 10px 0px;}
#clanek_foto {display: block; width: 500px; margin: 0px auto 15px auto;}
#clanek_fotopopis {margin: -10px 0px 10px 0px; font-size: 14px;}
#clanek_author {display: block; margin: 0px 0px 15px 0px; font-size: 14px; font-weight: bold;}
#pagenadpis {display: block; font-size: 25px; font-weight: bold; margin: 0px 0px 25px 0px;}
#pagenadpisres {display: none;}
#knk {text-decoration: underline;}
.black_href {color: #000000;}
#info_objednavka {border: 2px solid #663300; width: 714px; padding: 15px 15px 5px 15px;}
#info_radek {font-size: 15px; display: block; margin: 0px 0px 10px 0px;}
#info_radek_bold {font-size: 15px; display: block; margin: 0px 0px 10px 0px; font-weight: bold;}
#info_radek_underline {font-size: 15px; display: block; margin: 0px 0px 10px 0px; text-decoration: underline;}
#objednavka_form h1 {margin: 0px 0px 20px 0px; font-size: 25px; font-weight: bold; color: #000000;}
#objednavka_form h4 {margin: 7.5px 0px 7.5px 0px;font-size: 12px; font-weight: bold; color: #000000;}
#objednavka_form h6 {margin: 10px 0px 10px 0px;font-size: 10px; font-weight: bold; color: #000000;}
#objednavka_form h2 {margin: 10px 0px 10px 0px;font-size: 18px; font-weight: bold; color: #000000;}
#objednavka_form table {width: 100%;}
#objednavka_form_obsah table td:nth-child(2) h4 {white-space: normal; overflow-wrap: anywhere;}
#zkontroluj {font-size: 14px;}
#odeslat_objednavku {display: block; margin: 15px auto 15px auto; border: 2px solid #663300; width: 718px; padding: 15px 15px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000; text-align: center; border-radius: 8px; box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.75); transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}
#odeslat_objednavku:hover { background-color: #F2F5D1; transform: translate(1px, 1px); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.45);}
#recaptcha {width: 304px; height: 78px; display: block; margin: 0px auto 5px auto;}
#objednavka_form {width: 744px; border: 2px solid #663300; font-size: 14px;}
#objednavka_form_obsah {margin: 15px 15px 15px 15px;}
.shipping { width: 100%; margin: 1rem 0;}
.shipping-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 0.88rem; line-height: 1.25;}
.shipping-table .col-country {width: 20%;}
.shipping-table .col-delivery {width: 27%;}
.shipping-table .col-price {width: 14.5%;}
.shipping-table .col-free {width: 26%;}
.shipping-table .dobirka {width: 12.5%;}
.shipping-table th {padding: 0.45rem 0.7rem; text-align: left; font-weight: 600; border-bottom: 2px solid #222; white-space: nowrap;}
.shipping-table td {padding: 0.38rem 0.7rem; border-bottom: 1px solid #222; vertical-align: middle;}
.shipping-table td:nth-child(3), .shipping-table td:nth-child(4) {white-space: nowrap;}
.shipping-more {margin-top: 0.35rem;}
.shipping-more summary {display: inline-block; padding: 0.35rem 0; cursor: pointer; font-size: 0.88rem; text-decoration: underline; text-underline-offset: 3px;}
.shipping-more summary:hover {text-decoration: none;}
.shipping-more .shipping-table {margin-top: 0.15rem;}
.cena-kosik {display: inline-flex; align-items: center; flex-wrap: nowrap; position: relative; margin: 10px 0px 25px 0px; gap: 10px; vertical-align: middle;}
.produkt-cena {display: inline-block; margin: 0px;padding: 0px; font-size: 23px; font-weight: bold; color: #3204FF; white-space: nowrap; vertical-align: middle;}
.produkt-kosik {display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 8px;margin: 0px; padding: 0px; vertical-align: middle;}
.produkt-mnozstvi {display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0;}
.produkt-mnozstvi input {width: 23px; height: 23px; padding: 0px; border: 1px solid; background-color: #FFFFFF; color: #000000; box-sizing: border-box; text-align: center; font-size: 13px; font-weight: normal; line-height: 20px; appearance: textfield; -moz-appearance: textfield;}
.produkt-mnozstvi input::-webkit-inner-spin-button, .produkt-mnozstvi input::-webkit-outer-spin-button {-webkit-appearance: none; appearance: none; margin: 0px;}
.produkt-mnozstvi button {width: 23px; height: 23px; padding: 0px; margin: 0px; color: #000000; cursor: pointer; font-family: Arial; font-size: 15px; font-weight: bold; line-height: 19px; text-align: center;}
.produkt-pridat {height: 23px; padding: 0px 9px; margin: 0px; color: #000000; cursor: pointer; font-family: Arial; font-size: 12px; font-weight: bold; line-height: 20px; white-space: nowrap;}
.produkt-stav-objednavky {position: absolute; left: 0px; top: 100%; margin-top: 2px; font-size: 12px; line-height: 17px; color: #000000; white-space: nowrap;}
.objednavka-modal-overlay {position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(50, 35, 20, 0.62);
opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease;}
.objednavka-modal-overlay.active {opacity: 1; visibility: visible;}
.objednavka-modal {width: 100%; max-width: 480px; box-sizing: border-box; background: #FFF2E1; border: 2px solid #663300; padding: 32px 30px 28px; text-align: center; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); border-radius: 0; position: relative; transform: translateY(25px) scale(0.96); transition: transform 0.6s ease;}
.objednavka-modal-overlay.active .objednavka-modal {transform: translateY(0) scale(1);}
.objednavka-modal-ikona {width: 64px; height: 64px; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center; border: 2px solid #663300; border-radius: 0; background: #D0B083; box-sizing: border-box; animation: objednavkaIkona 0.45s ease;}
.objednavka-modal-kosik {width: 36px; height: 36px; fill: none; stroke: #663300; stroke-width: 3; stroke-linecap: square; stroke-linejoin: miter;}
@keyframes objednavkaIkona {0% {transform: scale(0.6); opacity: 0;} 70% {transform: scale(1.08);} 100% {transform: scale(1); opacity: 1;}}
.objednavka-modal h2 { margin: 0 0 12px; font-size: 25px; line-height: 1.25; color: #000;}
.objednavka-modal-text {margin: 0 auto 25px; max-width: 380px; font-size: 16px; line-height: 1.5; color: #000;}
.objednavka-modal-tlacitka {display: flex; flex-direction: column; gap: 10px; }
.objednavka-modal-tlacitko {width: 100%; min-height: 48px; box-sizing: border-box; border: 2px solid #663300; border-radius: 0; padding: 11px 20px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease, color 0.35s ease, transform 0.25s ease, box-shadow 0.25s ease;}
.objednavka-modal-tlacitko-hlavni {background: #AE8955; color: #fff; box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.45);}
.objednavka-modal-tlacitko-hlavni:hover {background: #F2F5D1; color: #000; transform: translate(2px, 2px); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.45);}
.objednavka-modal-tlacitko-vedlejsi {background: #F6DEBC; color: #000; box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.35);}
.objednavka-modal-tlacitko-vedlejsi:hover {background: #F2F5D1; color: #000; transform: translate(2px, 2px); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.35);}
#podminky {border: 2px solid #663300; width: 744px; font-size: 14px;}
#podminky_obsah {margin: 15px;}
#menu_edic {margin: 0px -15px 15px 0px;}
#menu_edic_button {display: inline-block; border: 2px solid #663300; width: 232.3px; padding: 10px 0px 7px 0px; margin: 0px 15px 15px 0px; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
#menu_edic_nadpisbox {display: inline-block; height: 63px; width: 151px; margin: 0px 10px 0px -4px ;}
#menu_edic_nadpiscell {display: table; height: 63px;}
#menu_edic_nadpis {display: table-cell; vertical-align: middle; color: #000000; font-weight: bold; font-size: 18px;}
#menu_edic_imgbox {display: inline-block; width: 50px; height: 63px; margin: 0px 10px 0px 10px ;}
#menu_edic_imgcell {display: table; height: 63px;}
#menu_edic_img {display: table-cell; vertical-align: middle;}
#edice_nadpis {display: block; font-size: 25px; font-weight: bold; margin: 0px 0px 25px 0px;}
#edice_popis {display: block; font-size: 16px;}
#edice_popis_obsah {margin: 0px; text-align: justify;}
#mapa_prodejci {width: 744px; height: 480px; border: 2px solid #663300;}
#book_open {position: relative;}
#book {position: relative;}
.doprava-zdarma {position: absolute; top: 20px; right: 15px; width: 155px; box-sizing: border-box; border-radius: 5px; padding: 5px 5px 5px 5px; background-color: #663300; color: #FFFFFF; border: 2px solid #663300; text-align: center; font-family: Arial; font-size: 16px; line-height: 19px; font-weight: bold; white-space: nowrap; box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.45); z-index: 5;}
#vyprodej_info {border: 2px solid #663300; width: 748px;}
#vyprodej_info_obsah {margin: 15px 15px 5px 15px;}
#vyprodej_info_row {display: block; margin: 0px 0px 10px 0px; font-size: 15px; text-align: justify; }
#vyprodej_info_row_bold {display: block; margin: 0px 0px 10px 0px; font-weight: bold; font-size: 15px;}
#skrt {text-decoration: line-through;}
#vyprodej_nabidka {border: 2px solid #663300; width: 748px;}
#vyprodej_nabidka_obsah {margin: 15px 15px 15px 15px;}
#vyprodej_nabidka_popis {display: block; margin: 10px 0px 0px 0px; font-size: 16px;}
#vyprodej_nabidka_img {display: inline-block; width: 300px; height: 200px; margin: 0px 15px 0px 0px;}
#caramin {color: #663300; background-color: #663300; height: 2px; margin: 2px 0px 5px 0px;}
#miniatura { width: 85px; margin: 5px 5px 5px 5px;}
#min {text-align: center;}
#red {color: red;}
#file {display: block; width: 305px; height: 70px; border: 2px solid #663300;}
#file_content {margin: 10px;}
#file_icon {display: inline-block; float: left; width: 50px; height: 50px; margin: 0px 15px 0px 5px;}
#file_text {display: inline-block; font-weight: bold; color: #000000; margin: 16px 0px 0px 0px;}
#blackline {height: 2px; border: none; color: #000000; background-color: #000000;}
.greyout {opacity: 0.3;}
#cz_doprava {}
#sk_doprava {display: none;}
#at_doprava {display: none;}
#de_doprava {display: none;}
#pl_doprava {display: none;}
#hu_doprava {display: none;}
#ch_doprava {display: none;}
#blank_space_above {height: 2px; border: none; color: #000000; background-color: #000000; margin-top: 14px;}
#prodejci_podpora {margin: 12px 0px 0px 0px; font-size: 13px; text-align: center;}
#prodejci_kamenna, #prodejci_eshop {border: 2px solid #663300; background-color: #FFF2E1; padding: 15px; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
#prodejci_kamenna {margin: 0px 0px 25px 0px;}
#prodejci_nadpis {margin: 0px 0px 10px 0px; font-size: 25px; line-height: 1.2;}
#prodejci_kamenna p {margin: 0px;}
#prodejci_eshop {margin: 0px 0px 25px 0px;}
#prodejci_eshop_nadpis {font-size: 24px; font-weight: bold; margin: 0px 0px 15px 0px;}
#prodejci_vyhody {margin: 0px 0px 15px 0px;}
.prodejci_vyhoda {margin: 0px 0px 10px 0px; font-size: 13px;}
.prodejci_vyhoda strong {font-size: 16px;}
.prodejci_vyhoda:last-child {margin-bottom: 0px;}
#prodejci_tlacitko {display: block; width: 100%; box-sizing: border-box; padding: 12px 15px; border: 2px solid #663300; background-color: #F6DEBC; color: #000000; text-align: center; font-size: 15px; font-weight: bold; text-decoration: none; border-radius: 8px; box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.75); transition: background-color 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;}
#prodejci_tlacitko:hover {background-color: #F2F5D1; transform: translate(1px, 1px); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.45);}
#prodejci_mapa_text {margin: 0px;}
#prodejci_zaver {display: block; width: 748px; box-sizing: border-box; margin: 0px 0px 25px 0px; padding: 15px; border: 2px solid #663300; background-color: #FFF2E1; color: #000000; text-align: center; font-size: 15px; font-weight: bold; text-decoration: none; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}
#prodejci_zaver:hover {background-color: #F2F5D1; transform: translate(2px, 2px); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.45);}
.kontakty-blok {width: 100%; box-sizing: border-box; margin: 0px 0px 25px 0px; padding: 18px; border: 2px solid #663300; background-color: #FFF2E1; text-align: justify; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
.kontakty-blok h2 {margin: 0px 0px 15px 0px; font-size: 25px; line-height: 1.2; color: #000000;}
.kontakty-blok h3 {margin: 0px 0px 12px 0px; font-size: 19px; line-height: 1.25; color: #000000;}
.kontakty-blok p {margin-bottom: 12px; font-size: 15px; line-height: 1.45; color: #000000;}
.kontakty-blok p:last-child {margin-bottom: 0px;}
.kontakty-blok a, .kontakt-karta a {color: #000000; text-decoration: underline;}
.kontakt-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 25px;}
.kontakt-grid h3 {display: block; margin: 0px 0px 15px 0px; font-size: 20px; line-height: 1.2; color: #000000;}
.kontakt-karta {box-sizing: border-box; padding: 20px; border: 2px solid #663300; background-color: #FFF2E1; text-align: justify; box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
.kontakt-karta p {margin-bottom: 14px;}
.kontakt-karta p:last-child {margin-bottom: 0px;}
.kontakt-upozorneni, .kontakty-upozorneni {font-size: 13px !important; line-height: 1.4 !important;}
.kontakty-uvod {margin-bottom: 15px !important;}
.platba-box {margin: 15px 0px 0px 0px; padding: 12px 15px; border-top: 2px solid #663300; background-color: #F6DEBC;}
.platba-box strong {display: block; margin-bottom: 5px; font-size: 16px;}
.platba-box p {margin: 0px;}
.kontakty-odkazy {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.kontakty-odkazy a {display: block; box-sizing: border-box; padding: 11px 12px; border: 2px solid #663300; border-radius: 8px; background-color: #F6DEBC; color: #000000; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.45); transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}
.kontakty-odkazy a:hover {background-color: #F2F5D1; transform: translate(1px, 1px); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.45);}



@media only screen and (max-width:818px) {
/* Pro smartphony: */
body {background-color: #D0B083; padding: 0px;}
#produkty {position: relative; top: 0px; left: 0px; z-index: 1; width: 100%; margin: 0px 0px 15px 0px; padding: 12px 0px 0px 0px; border-left: none; border-right: none; border-top: 2px solid #663300;}
#banner {width: 100%; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 0px; box-shadow: none;}
#newlist {width: 100%; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 10px 0px 5px 0px; box-shadow: none; font-size: 2.5vw;}
#uvod {width: 100%; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 10px 0px 10px 0px; box-shadow: none; font-size: 2.5vw;}
.uvod_nadpis {margin: 0px 10px 0px 10px; font-size: 5.5vw; text-align: center;}
.uvod_odstavec {margin: 10px 10px 0px 10px; font-size: 3vw;}
#newrow {margin: 0px 15px 5px 15px;}
#book {text-align: center; width: 100%; min-height: 0px; height: auto; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 20px 0px 20px 0px; box-shadow: none;}
#book_open {text-align: center; width: 100%; height: auto; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 20px 0px 20px 0px; box-shadow: none;}
#obsah_book {margin: 0px 15px 0px 15px;}
#oea {text-align: center; width: 100%; min-height: 0px; height: auto; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 10px 0px 10px 0px; box-shadow: none;}
#oea_obsah {margin: 0px 15px 0px 15px; font-size: 4.5vw; line-height: 6.5vw;}
#flags {text-align: center; margin: 0px 0px 10px 0px;}
#flag {margin: 0px 10px 0px 0px;}
#kontakty {text-align: center; width: 100%; height: auto; margin: 0px 0px 10px 0px; border-left: none; border-right: none; padding: 10px 0px 10px 0px; box-shadow: none;}
#kontaktyobsah {margin: 0px 15px 0px 15px;}
#zapati {width: 100%; font-size: 2.5vw; margin: 0px; padding: 4px 0px 4px 0px; border-left: none; border-right: none; }
#obsah_zapati {margin: 0px 15px 0px 15px;}
#imgbox {width: 50vw; height: auto; float: none; margin: 0px; display: inline-block; position: relative; overflow: hidden;}
#imgcen {position: relative; display: inline-block; vertical-align: baseline;}
#bookimg {border: 0px; width: 50vw; height: auto; position: relative; box-shadow: none;}
#menu {display: inline-block; font-size: 5vw; width: 100%; margin: 0px; padding: 10px 0px 10px 0px; border-top: 2px solid #663300; border-bottom: none; border-left: none; border-right: none; position: relative; z-index: 100; box-sizing: border-box;}
#navigace {z-index: 0; display: block; overflow: hidden; max-height: 0px; margin: 0px; padding: 0px; border: none; box-sizing: border-box; transition: max-height 0.7s ease;}
div#navigace.respomenu, div#navigace.respomenuzavrene {max-height: 0; box-sizing: border-box;}
div#navigace.respomenuotevrene {max-height: calc(48vw + 198px); box-sizing: border-box;}
.nav-aktivni {background-color: #FFF2E1;}
.nav:hover, .nav-aktivni:hover, #menu {background: #F2F5D1;}
.nav, .nav-aktivni {font-size: 5vw; width: 100%; margin: 0px; padding: 10px 0px 10px 0px; border-top: 2px solid #663300; border-bottom: none; border-left: none; border-right: none; line-height: normal;display: block; box-sizing: border-box;}
#navigace .nav:first-child, #navigace .nav-aktivni:first-child {border-top: 4px solid #663300;}
#navigace .nav:last-child, #navigace .nav-aktivni:last-child {border-bottom: 2px solid #663300;}
#obal {width: 100%; box-sizing: border-box; border: none; box-shadow: none; border-radius: 0; background-size: auto 50vw; background-position: 65% top;}
#titul {position: relative; height: 50vw; margin: 0;}
#logo {display: block; position: absolute; width: 30vw; height: auto; left: 10px; top: 4vw; margin: 0;}
#postovne {display: flex; align-items: center; width: 100%; height: auto; box-sizing: border-box; margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; border-left: none; border-right: none; text-align: left; box-shadow: none;}
#postak {float: none; flex: 0 0 16vw; width: 16vw; height: auto; margin: 0px 12px 0px 0px;}
#postovnetext {flex: 1 1 auto; min-width: 0; margin: 0px;}
#postovnebig {font-size: 5vw; line-height: 1.15; margin: 0px 0px 5px 0px;}
#postovnesmall {font-size: 3vw; line-height: 1.25;}
#nazev {font-size: 5vw; margin: 0px;}
#autor {font-size: 4vw; margin: 0px;}
#info1 {font-size: 2.5vw; }
#info2 {font-size: 4vw;}
#cena {font-size: 5vw; margin: 5px 0px 5px 0px;}
#zpet_na_prehled_vyslo {display: inline-block; padding: 15px 0px 15px 0px; float: none; width: 100%; font-size: 3.5vw; border-left: none; border-right: none; box-shadow: none;}
#nahled {width: 100%; height: auto; border-left: none; border-right: none; padding: 10px 0px 10px 0px; box-shadow: none; text-align: center; margin: 0px 0px 10px 0px;}
#nahled_foto {width: 15vw; height: 10.5vw; float: none;}
#nahled_nadpis {font-size: 5vw; margin: 0px;}
#nahled_author {font-size: 4vw; display: block; margin: 0px;}
#href {font-size: 4.5vw;}
#pretekaci {min-height: initial;}
#zpet_na_prehled {display: inline-block; padding: 15px 0px 15px 0px; float: none; width: 100%; font-size: 3.5vw; border-left: none; border-right: none; box-shadow: none;}
#pravy_sloupek {display: none;}
#clanek {display: inline-block; width: 100%; padding: 15px 0px 0px 0px; border-left: none; border-right: none; box-shadow: none; margin: 0px 0px 10px 0px;}
#clanek_nadpis {display: block; font-size: 7vw; margin: 0px 10px 15px 10px;}
#clanek_text {display: block; margin: 0px 10px 15px 10px; font-size: 4.5vw; line-height: 6.5vw;}
#clanek_odstavec {}
#clanek_foto {display: block; width: 100%; margin: 0px auto 15px auto;}
#clanek_fotopopis {margin: -10px 0px 10px 10px; font-size: 3vw;}
#clanek_author {display: block; margin: 0px 10px 15px 10px; font-size: 3.5vw; font-weight: bold;}
#pagenadpis {display: none;}
#pagenadpisres {display: block; margin: 0px 0px 10px 0px; font-size: 6.5vw; font-weight: bold; text-align: center;}
#info_objednavka {font-size: 4.5vw; margin: 0px 0px 10px 0px; border: 2px solid #663300; border-left: none; border-right: none; width: 100%; padding: 0px; box-shadow: none;}
#info_objednavka_obsah {margin: 10px 10px 0px 10px;}
#info_radek {display: block; margin: 0px 0px 10px 0px;}
#info_radek_bold {display: block; margin: 0px 0px 10px 0px; font-weight: bold;}
#info_radek_underline {display: block; margin: 0px 0px 10px 0px; text-decoration: underline;}
#objednavka_form h1 {margin: 0px 0px 20px 0px; font-size: 7.5vw;}
#objednavka_form h4 {margin: 7.5px 0px 7.5px 0px; font-size: 3vw;}
#objednavka_form h6 {margin: 10px 0px 10px 0px; font-size: 3vw;}
#objednavka_form h2 {margin: 10px 0px 10px 0px; font-size: 5vw;}
#objednavka_form_obsah table td:nth-child(2) {padding-left: 0; padding-right: 2vw; min-width: 0;}
#objednavka_form_obsah table td {width: 26px; padding-right: 1.5vw; vertical-align: middle;}
#objednavka_form_obsah table td:nth-child(2) h4 {white-space: normal; overflow-wrap: anywhere;}
#zkontroluj {font-size: 3.5vw;}
#odeslat_objednavku {box-sizing: border-box; margin: 20px 10px 20px 10px; padding: 15px 15px; width: 100%; font-size: 3.5vw; }
#recaptcha {width: 304px; height: 78px; margin: 5px auto 5px auto;}
#objednavka_form {margin: 0px 0px 10px 0px; width: 100%; border: 2px solid #663300; border-left: none; border-right: none; font-size: 14px; box-shadow: none;}
#objednavka_form_obsah {margin: 10px 10px 10px 10px;}
.shipping-table {margin: 0px 10px 0px 10px; width: calc(100% - 20px); table-layout: fixed; font-size: 0.78rem;}
.shipping-table .col-country {width: 20%;}
.shipping-table .col-delivery {width: 27%;}
.shipping-table .col-price {width: 14.5%;}
.shipping-table .col-free {width: 24%;}
.shipping-table .dobirka {width: 14.5%;}
.shipping-table th, .shipping-table td {padding: 0.3rem 0.35rem;}
.shipping-table th {white-space: normal;}
.shipping-table td:nth-child(3),
.shipping-table td:nth-child(4) {white-space: normal;}
.shipping {overflow-x: hidden;}
.shipping-more {min-width: 0;}
.shipping-more summary {font-size: 0.78rem; margin-left: 10px;}
.cena-kosik {display: block; width: 100%; margin: 5px 0px 5px 0px; padding: 0px; text-align: center;}
.produkt-cena {display: block; width: 100%; margin: 0px 0px 5px 0px; padding: 0px; font-size: 5vw; white-space: nowrap;}
.produkt-kosik {display: block; width: 100%; margin: 0px; padding: 0px; text-align: center;}
.produkt-mnozstvi {display: inline-flex; vertical-align: middle;}
.produkt-pridat {display: inline-block; vertical-align: middle;}
.produkt-stav-objednavky {position: static; display: block; width: 100%; margin: 5px 0px 15px 0px; padding: 0px; font-size: 3vw; line-height: 1.3; color: #000000; white-space: normal; text-align: center;}
.objednavka-modal-overlay {padding: 15px;}
.objednavka-modal {max-width: none; padding: 28px 20px 22px;}
.objednavka-modal-ikona {width: 56px; height: 56px; font-size: 28px;}
.objednavka-modal h2 {font-size: 22px;}
.objednavka-modal-text {font-size: 15px;}
.objednavka-modal-tlacitko {min-height: 50px; font-size: 15px;}
#podminky {margin: 0px 0px 10px 0px; border-left: none; border-right: none; width: 100%; box-shadow: none; font-size: 3vw;}
#podminky_obsah {margin: 10px;}
#menu_edic {margin: 0px 0px 10px 0px;}
#menu_edic_button {border-left: none; border-right: none; width: 100%; padding: 10px 0px 7px 0px; margin: 0px 0px 10px 0px; box-shadow: none;}
#menu_edic_nadpisbox {width: calc(100vw - 87.5px); margin: 0px 0px 0px -4px ;}
#menu_edic_nadpis {font-size: 4vw;}
#zpet_na_prehled_edic {padding: 15px 0px 15px 0px; font-size: 3vw; border-left: none; border-right: none; width: 100%; box-shadow: none; margin: 0px 0px 10px 0px;}
#edice_nadpis {margin: 0px 10px 5px 10px; font-size: 6.5vw; text-align: center;}
#edice_popis {font-size: 4vw; text-align: center; margin: 0px 0px 10px 0px;}
#edice_popis_obsah {margin: 0px 10px 0px 10px;}
#mapa_prodejci {margin: 0px 0px 10px 0px; width: 100%; height: 100vw; border-left: none; border-right: none; box-shadow: none;}
.doprava-zdarma {top: 20px; right: 20px; width: 18vw; box-sizing: border-box; padding: 1vw 1vw 1vw 1vw; font-size: 3vw; line-height: 4vw; white-space: wrap;}
#vyprodej_info {border-left: none; border-right: none; width: 100%; box-shadow: none; margin: 0px 0px 10px 0px;}
#vyprodej_info_obsah {margin: 10px 10px 0px 10px;}
#vyprodej_info_row {font-size: 4vw;}
#vyprodej_info_row_bold {font-size: 4vw;}
#vyprodej_nabidka {border-left: none; border-right: none; width: 100%; box-shadow: none; margin: 0px 0px 10px 0px;}
#vyprodej_nabidka_obsah {margin: 10px 10px 10px 10px;}
#vyprodej_nabidka_popis {display: block; margin: 10px 0px 0px 0px; font-size: 4vw;}
#vyprodej_nabidka_img {display: block; width: 100%; height: auto; margin: 0px 0px 10px 0px;}
#miniatura { width: 35vw;}
#file {display: block; width: 100%; height: 15vw;}
#file_content {margin: 2.5vw;}
#file_icon {display: inline-block; float: left; width: 10vw; height: 10vw; margin: 0px 15px 0px 5px;}
#file_text {display: inline-block; margin: 2.8vw 0px 0px 0px;}
#prodejci_kamenna,
#prodejci_eshop {margin: 0px 0px 10px 0px; padding: 15px; border-left: none; border-right: none; box-shadow: none;}
#prodejci_kamenna {margin-bottom: 10px;}
#prodejci_nadpis {margin: 0px 0px 10px 0px; font-size: 5.5vw; text-align: center;}
#prodejci_kamenna p {margin: 0px;}
#prodejci_eshop_nadpis {font-size: 5vw; text-align: center; margin-bottom: 12px;}
.prodejci_vyhoda {margin-bottom: 12px;}
.prodejci_vyhoda:last-child {margin-bottom: 0px;}
#prodejci_tlacitko {margin-top: 15px; padding: 14px 10px; font-size: 4vw;}
#prodejci_mapa_text {text-align: justify; margin: 0px 0px;}
#prodejci_zaver {width: 100%; margin: 0px 0px 10px 0px; padding: 15px 10px; border-left: none; border-right: none; font-size: 4vw; box-shadow: none;}
.kontakty-blok {width: 100%; margin: 0px 0px 10px 0px; padding: 15px 0px; border-left: none; border-right: none; box-shadow: none;}
.kontakty-blok h2 {margin: 0px 10px 12px 10px; font-size: 6.5vw; line-height: 1.2; text-align: center;}
.kontakty-blok h3 {font-size: 5vw;}
.kontakty-blok p {margin: 0px 10px 12px 10px; font-size: 4vw; line-height: 1.45;}
.kontakty-blok .kontakty-uvod {margin-bottom: 12px;}
.kontakt-grid {display: block; margin: 0px 0px 10px 0px;}
.kontakt-karta {margin: 0px 0px 10px 0px; padding: 15px 10px; border-left: none; border-right: none; box-shadow: none;}
.kontakt-karta:last-child {margin-bottom: 0px;}
.kontakt-karta h3 {margin: 0px 0px 10px 0px; font-size: 5vw; text-align: center;}
.kontakt-karta p {margin-left: 0px; margin-right: 0px; font-size: 4vw;}
.kontakt-upozorneni, .kontakty-upozorneni {font-size: 3.5vw !important;}
.platba-box {margin: 12px 10px 0px 10px; padding: 10px; border: 2px solid #663300;}
.platba-box strong {font-size: 4vw;}
.platba-box p {margin: 0px; font-size: 3.8vw;}
.kontakty-odkazy {display: block; margin: 0px 10px;}
.kontakty-odkazy a {margin: 0px 0px 10px 0px; padding: 12px 10px; font-size: 4vw;}
.kontakty-odkazy a:last-child {margin-bottom: 0px;}

}