body, html {height: 100;padding:0;margin:0  ;  background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/bg.jpg');
}
#all { background: #dedede;padding-bottom: 5%;}
h3 {font-size: 1.5em;font-variant:  all-petite-caps; letter-spacing: 0px; ;/*! padding: 25px 0px 25px 0px; */margin: 1px;}

.ph-product-header  {font-size: 1em; font-variant:  inherit;font-weight: normal; color:grey}
.ph-available-options-title {display:none}
 #phdescription, .ph-item-price-panel{background-color:  #fff; padding: 10px; -webkit-box-shadow: 1px 1px 1px 1px #ccc;}
#content {/*! background-color:  #f0f0f0; */ /*! -webkit-box-shadow: 1px 1px 3px 1px #ccc; */}
.com-content-article__body{background-color:  #fff; /*! -webkit-box-shadow: 1px 1px 3px 1px #ccc; */padding: 10px;}
.blog  .page-header h2 {color:red;font-weight:bold}


    .vlevo  {margin-bottom:10px}
/* ===== Blog box v levém sidebaru ===== */
#sidebar .vlevo.card{
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Hlavička "BLOG" */
#sidebar .vlevo.card .card-header{
    background: linear-gradient(135deg, rgba(0,0,0,0.03), rgba(0,0,0,0.00));
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Základ seznamu */
#sidebar .vlevo.card ul.mod-articlescategory{
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Jedna skupina (měsíc) */
#sidebar .vlevo.card ul.mod-articlescategory > li{
    padding: 14px 16px 6px 16px;
}

/* Nadpis skupiny: "červenec 2025" */
#sidebar .vlevo.card .mod-articles-category-group{
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,0.06);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* Vnořený seznam článků pod měsícem */
#sidebar .vlevo.card ul.mod-articlescategory > li > ul{
    list-style: none;
    margin: 8px 0 6px 0;
    padding: 0 0 0 12px;
    border-left: 2px solid rgba(0,0,0,0.08);
}

/* Položky článků */
#sidebar .vlevo.card ul.mod-articlescategory > li > ul > li{
    margin: 4px 0;
}

/* Odkazy */
#sidebar .vlevo.card ul.mod-articlescategory a{
    color: inherit;                /* přebije červené defaulty */
    text-decoration: none;
    display: block;
    padding: 2px 0 2px 0;
    line-height: 1.25;
}

/* jemná šipka místo puntíku */
#sidebar .vlevo.card ul.mod-articlescategory > li > ul > li > a::before{
    content: "›";
    display: inline-block;
    margin-right: 6px;
    opacity: .45;
}

/* hover */
#sidebar .vlevo.card ul.mod-articlescategory a:hover{
    color: var(--bs-primary, #0d6efd);
    text-decoration: underline;
}


/* Text vedle hamburgeru – mobilní šířky */
@media (max-width: 768px) {
  /* Uděláme z tlačítka flex řádek: ikona + text */
  #Rozcestnik .navbar-toggler {
    display: inline-flex;           /* přepíše případné inline-block */
    align-items: center;
    gap: 8px;                       /* mezera mezi ikonou a textem */
    background: transparent;
    border: 0;
    padding: 8px 10px;
  }

  /* Vložený text za ikonou */
  #Rozcestnik .navbar-toggler::after {
    content: "Naše produkty";
    font-family: 'pismo_b', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #171717;
    line-height: 1;
  }

  /* Pro jistotu – ikona může být menší/zarovnaná */
  #Rozcestnik .navbar-toggler .icon-menu {
    display: inline-block;
    line-height: 1;
    font-size: 1.25rem;
  }
}


div.ph-item-content.grid {background-color:  #fff; -webkit-box-shadow: 1px 1px 3px 1px #ccc;padding:10px;}

/* Záhlaví obal */
.zahlavi {
  background: #171717;  /* libovolná barva pozadí */
  padding: 10px 0;   /* libovolné odsazení */
}

/* Obecný kontejner uvnitř záhlaví */
.zahlavi .container {
  display: flex;                /* Flexbox pro rozdělení na levou/pravou část */
  justify-content: space-between;  /* Mezera mezi levou a pravou stranou */
  align-items: center;          /* Vertikální zarovnání na střed */
}

/* Levý blok (Kontaktujte nás) */
.left-links a {
  text-decoration: none;   /* libovolný styl odkazů */
  padding: 0 10px;
  color: #fff;             /* například */
}

/* Pravý blok (Přihlášení + Košík) */
.right-links {
  display: flex;          /* řadí se vedle sebe */
  align-items: center;
}

.right-links a.prihlaseni {
  margin-right: 20px;     /* mezera mezi tlačítkem a košíkem */
  text-decoration: none;
  color: #fff;            /* například */
}

/* Ikona Font Awesome v odkazu Přihlásit se */
.right-links a.prihlaseni i {
  margin-right: 5px;      /* mezera za ikonou */
}

/* Košík – modul */
.kosik {
  /* libovolné další styly pro vzhled košíku */
}
#phItemCartBox  {
    color:  #fff; 
    /*! display: flex; */
 }
.ph-small.ph-right.ph-u.ph-cart-link-checkout { width: auto;font-size: 1.15em;text-align: center;}
#phItemCartBox > div:nth-child(1)  {
    color:  #000; 
    display: inline;
    width: 100%;
 }
#Rozcestnik {
    background: #d90000; 
    display: flex;
    text-align: center;
    align-content: center;
    align-items: center;
    font-size: 0.81em;
 }

#Slider {
    background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/bg_slider.jpg');
    background-size: cover; /* Roztáhne obrázek tak, aby vyplnil celý div */
    background-position: center; /* Zarovná obrázek na střed */
    background-repeat: no-repeat; /* Zabrání opakování obrázku */
    width: 100%; /* Nastaví šířku na 100% rodičovského elementu */
    height: 280px; /* Výška, upravte podle potřeby */
}

#content {background: white}

/* Výchozí "deskotop" zobrazení (ponechá sidebar vlevo, content vpravo) */
.row {
  display: flex; 
  flex-wrap: wrap;
}

/* Původní pořadí: sidebar (order: 1), content (order: 2) */
#sidebar {
  order: 1;
}
#content {
  order: 2;
}

/* Na mobilech (max-width: 768px) chceme, aby se sloupec vlevo (#sidebar) zobrazil AŽ za obsahem (#content) */
@media (max-width: 572px) {
  #sidebar {
    order: 2; /* posouvá sidebar na druhé místo */
  }
  #content {
    order: 1; /* posouvá obsah (content) na první místo */
  }
}


@media (min-width: 1400px) {
    #top  {display: flex}
#logo {/*! width:11%; */ float:right; /*! text-transform:uppercase; */ float:inline-start; font; padding-bottom:10px;font-family: Times New Roman;font-weight: bold;font-size: 1.52em;color: #d90000;display: inherit;height: initial;align-content: center;}
#menu {/*! width:70%; */ /*! float:right; */ text-transform:uppercase; float:inline-end; font; padding-bottom:10px; display: block;
    }
    #menu a {color:black]
    }
* Styly pro hlavní menu v #Rozcestnik */
#Rozcestnik {
    background: #ddd;
    color: white;
        font-weight: normal;
    font-size: 18px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Zajištění zarovnání obsahu na střed */
#Rozcestnik .container {
    width: 100%;
    max-width: 1320px;
}

/* Hlavní navigační lišta */
#Rozcestnik .mod-menu {
    list-style: none;
    display: -webkit-inline-box;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    font-family: pismo_b;
    font-size: 1.5em;
    height: auto;
    width: 100%;
}

/* Položky menu */
#Rozcestnik .mod-menu .nav-item {
    position: relative;
    padding: 0px 11px;
}

/* Odkazy v menu */
#Rozcestnik .mod-menu .nav-item a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 10px;
}


/* Zvýraznění aktivní položky */
#Rozcestnik .mod-menu .nav-item.active > a,
#Rozcestnik .mod-menu .nav-item.current > a {
}

/* Dropdown submenu */
#Rozcestnik .mod-menu__sub {
    position: absolute;
    top: 100%;
    left: 0;
    background: #b50000;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

/* Položky submenu */
#Rozcestnik .mod-menu__sub .nav-item {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Odkazy v submenu */
#Rozcestnik .mod-menu__sub .nav-item a {
    padding: 14px;
    display: block;
    color: white;
    text-align: left;
}

/* Zobrazení submenu při najetí */
#Rozcestnik .nav-item:hover > .mod-menu__sub {
    display: block;
}

/* Sub-submenu (třetí úroveň) */
#Rozcestnik .mod-menu__sub .mod-menu__sub {
    top: 0;
    left: 100%;
    margin-left: 2px;
}

/* Zobrazit sub-submenu pouze při hoveru */
#Rozcestnik .mod-menu__sub .nav-item:hover > .mod-menu__sub {
    display: block;
}






  /* Levý sloupec */
#left-column {
    padding: 15px;
    background-image: #f9f9f9; /* Světle šedé pozadí */
    border-radius: 8px;
}

/* Blok uvnitř levého sloupce */
.levapolozka {
    padding: 20px;
    background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/lmbg.jpg');
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Nadpisy */
.levapolozka h3 {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    font-family: pismo_b;
}

/* Odstavce a text */
.levapolozka p {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.6;
    font-family: pismo;
}

/* Obrázky ikon (telefon, e-mail, sociální sítě) */
.levapolozka img {
    vertical-align: middle;
    margin-right: 8px;
    width: 100px;
    height: 100px;
}

/* Odkazy */
.levapolozka a {
    color: #d90000;
    text-decoration: none;
}

.levapolozka a:hover {
    text-decoration: underline;
}

/* Facebook widget */
.fb-page {
    margin-top: 15px;
}

/* Logo projektu */
.levapolozka img[width="100px"] {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Kategorie menu */
.block-categories {
    margin-top: 20px;
}

.category-top-menu {
    list-style: none;
    padding: 0;
}

.category-top-menu > li {
    margin-bottom: 10px;
}

.category-top-menu > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #d90000;
    text-transform: uppercase;
    display: block;
    padding: 8px;
    border-radius: 5px;
    transition: background 0.3s;
}

.category-top-menu > li > a:hover {
    background: #d90000;
    color: white;
}

/* Submenu */
.category-sub-menu {
    list-style: none;
    padding-left: 15px;
}

.category-sub-menu li {
    margin: 5px 0;
}

.category-sub-menu li a {
    font-size: 14px;
    color: #333;
    transition: color 0.3s;
}

.category-sub-menu li a:hover {
    color: #d90000;
}

/* RESPONSIVITA */
@media (max-width: 768px) {
    #left-column {
        margin-bottom: 20px;
    }

    .levapolozka {
        text-align: center;
    }

    .category-top-menu {
        text-align: left;
    }
}




  
/* RESPONSIVNÍ MENU */
@media (max-width: 768px) {
    #Rozcestnik {
        height: auto;
        padding: 10px 0;
    }

    #Rozcestnik .mod-menu {
        flex-direction: column;
        align-items: center;
    }

    #Rozcestnik .mod-menu .nav-item {
        padding: 5px 0;
    }

    /* Mobilní submenu – zobrazíme jako blok */
    #Rozcestnik .mod-menu__sub {
        position: relative;
        display: none;
        background: none;
        box-shadow: none;
    }

    /* Při kliknutí na rodičovský prvek zobrazit submenu */
    #Rozcestnik .nav-item:hover > .mod-menu__sub {
        display: block;
    }

    /* Sub-submenu na mobilu zobrazit jako blok */
    #Rozcestnik .mod-menu__sub .mod-menu__sub {
        position: relative;
        left: 0;
        margin-left: 0;
    }
}

/*** Container ***/
.container {width:1400px; margin:0 auto;padding:7px 0px 0px 0px;}

	

/*** Menu ***/
	
.nav {	display: flex;}
 .menu{  width:64%; margin:0px;     color:#fff;position: relative;z-index: 10000;float: left; letter-spacing: normal;align-items: center;display: contents;text-align: right;}
.menu ul ul {box-shadow: 5px 5px 4px 5px rgba(0, 0, 0, 0.2); }
.mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10;}
.menu li{list-style-type: none;margin: auto;}
.menu li img{width:10px;}
.menu a:hover{color: black; /*! font-weight: bold; */}
.menu a:active{color: black; font-weight: bold;}
.menu ul li ul{display:none;    top:34px;padding: 0px;}
.menu ul li ul ul{display:none;background: #02a9f0; left:100px;  height: auto;}
.menu ul li:hover > ul{display:block; position:absolute; float:none;background: #029242;padding: 6px;border-radius: 10px 10px 0px;}
.menu > ul > li{display: inline-block; margin-top: 6px; border-right: 2px solid #1cba72;  margin-right: 9px;}
.menu > ul > li > a{padding: 0px 5px 25px 0px;}
.menu > ul > li {}
.menu > ul > li > ul {z-index:5;    }
.menu > ul > li > ul > li{padding: 10px;  margin-top: 1px; border-radius: 10px 10px 0px;}
.menu > ul > li > ul > li > a{font-weight: 400;}
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
 .menu li li a {   position: relative;color:white}
.menu li li {border-bottom: 1px solid #1cba72;   position: relative;color:white;padding: 10px;}
.menu li ul li:hover ul{   display:block;    position:absolute;    left:100%;     top:0;    width:max-content;}
.menu li ul li ul li{     white-space:nowrap;}

 }
  
 





@media (min-width:1099px) and (max-width: 1199px){
+.menu {letter-spacing: -0.05em}	
}











 /***********  Tablet ***/




@media (min-width: 1000px) and (max-width: 1399px){
	

/*** Container ***/
.container {width:1000px; margin:0 auto;padding:7px 0px 0px 0px;}

	
    #top  {display: flex}
#logo {/*! width:11%; */ float:right; /*! text-transform:uppercase; */ float:inline-start; font; padding-bottom:10px;font-family: Times New Roman;font-weight: bold;font-size: 1.52em;color: #d90000;display: inherit;height: initial;align-content: center;}
#menu {width:62%; /*! float:right; */ text-transform:uppercase; float:inline-end; font; padding-bottom:10px; display: block;
    }
    #menu a {color:black]
    }
* Styly pro hlavní menu v #Rozcestnik */
#Rozcestnik {
    background: #ddd;
    color: white;
        font-weight: normal;
    font-size: 18px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Zajištění zarovnání obsahu na střed */
#Rozcestnik .container {
    width: 100%;
    max-width: 1200px;
}

/* Hlavní navigační lišta */
#Rozcestnik .mod-menu {
    list-style: none;
    display: -webkit-inline-box;
    justify-content: flex-start;
    padding: 0;
    margin: 0 auto;
    font-family: pismo_b;
    font-size: 1.2em;
    height: auto;
    width: 900px;
}

/* Položky menu */
#Rozcestnik .mod-menu .nav-item {
    position: relative;
    padding: 0 1px;
}

/* Odkazy v menu */
#Rozcestnik .mod-menu .nav-item a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 10px;
}


/* Zvýraznění aktivní položky */
#Rozcestnik .mod-menu .nav-item.active > a,
#Rozcestnik .mod-menu .nav-item.current > a {
}

/* Dropdown submenu */
#Rozcestnik .mod-menu__sub {
    position: absolute;
    top: 100%;
    left: 0;
    background: #b50000;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

/* Položky submenu */
#Rozcestnik .mod-menu__sub .nav-item {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Odkazy v submenu */
#Rozcestnik .mod-menu__sub .nav-item a {
    padding: 14px;
    display: block;
    color: white;
    text-align: left;
}

/* Zobrazení submenu při najetí */
#Rozcestnik .nav-item:hover > .mod-menu__sub {
    display: block;
}

/* Sub-submenu (třetí úroveň) */
#Rozcestnik .mod-menu__sub .mod-menu__sub {
    top: 0;
    left: 100%;
    margin-left: 2px;
}

/* Zobrazit sub-submenu pouze při hoveru */
#Rozcestnik .mod-menu__sub .nav-item:hover > .mod-menu__sub {
    display: block;
}






  /* Levý sloupec */
#left-column {
    padding: 15px;
    background-image: #f9f9f9; /* Světle šedé pozadí */
    border-radius: 8px;
}

/* Blok uvnitř levého sloupce */
.levapolozka {
    padding: 20px;
    background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/lmbg.jpg');
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Nadpisy */
.levapolozka h3 {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

/* Odstavce a text */
.levapolozka p {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.6;
    font-family: pismo;
}

/* Obrázky ikon (telefon, e-mail, sociální sítě) */
.levapolozka img {
    vertical-align: middle;
    margin-right: 8px;
    width: 100px;
    height: 100px;
}

/* Odkazy */
.levapolozka a {
    color: #d90000;
    text-decoration: none;
}

.levapolozka a:hover {
    text-decoration: underline;
}

/* Facebook widget */
.fb-page {
    margin-top: 15px;
}

/* Logo projektu */
.levapolozka img[width="100px"] {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Kategorie menu */
.block-categories {
    margin-top: 20px;
}

.category-top-menu {
    list-style: none;
    padding: 0;
}

.category-top-menu > li {
    margin-bottom: 10px;
}

.category-top-menu > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #d90000;
    text-transform: uppercase;
    display: block;
    padding: 8px;
    border-radius: 5px;
    transition: background 0.3s;
}

.category-top-menu > li > a:hover {
    background: #d90000;
    color: white;
}

/* Submenu */
.category-sub-menu {
    list-style: none;
    padding-left: 15px;
}

.category-sub-menu li {
    margin: 5px 0;
}

.category-sub-menu li a {
    font-size: 14px;
    color: #333;
    transition: color 0.3s;
}

.category-sub-menu li a:hover {
    color: #d90000;
}

/* RESPONSIVITA */
@media (max-width: 768px) {
    #left-column {
        margin-bottom: 20px;
    }

    .levapolozka {
        text-align: center;
    }

    .category-top-menu {
        text-align: left;
    }
 
    }    }
























 















@media (min-width: 600px) and (max-width: 999px){

	.container {width:100%; margin:0 auto;/*! padding:0px; */}
	
	.vyhledavani {  width:100%;position: relative;display: none;} 
	.vyhledavani label.visually-hidden {display: none}
	.socialni_site {  /*! width: 30%; *//*! position: absolute; */float: center;margin: 0 auto;} 
 


 
    #top  {display: flex}
#logo {/*! width:11%; */ float:right; /*! text-transform:uppercase; */ float:inline-start; font; padding-bottom:10px;font-family: Times New Roman;font-weight: bold;font-size: 1.52em;color: #d90000;display: inherit;height: initial;align-content: center;}
#menu {/*! width:77%; */ /*! float:right; */ text-transform:uppercase; float:inline-end; font; padding-bottom:10px; display: block;
    }
    #menu a {color:black]
    }
* Styly pro hlavní menu v #Rozcestnik */
#Rozcestnik {
    background: #ddd;
    color: white;
        font-weight: normal;
    font-size: 18px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Zajištění zarovnání obsahu na střed */
#Rozcestnik .container {
    width: 100%;
    max-width: 1200px;
}

/* Hlavní navigační lišta */
#Rozcestnik .mod-menu {
    list-style: none;
    justify-content: flex-start;
    padding: 0;
    margin: 0 auto;
    font-family: pismo_b;
    font-size: 1.2em;
    height: auto;
}

/* Položky menu */
#Rozcestnik .mod-menu .nav-item {
    position: relative;
    padding: 1px 0px;
    margin: 0 auto;
}

/* Odkazy v menu */
#Rozcestnik .mod-menu .nav-item a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 4px;
}


/* Zvýraznění aktivní položky */
#Rozcestnik .mod-menu .nav-item.active > a,
#Rozcestnik .mod-menu .nav-item.current > a {
}

/* Dropdown submenu */
#Rozcestnik .mod-menu__sub {
    position: absolute;
    top: 100%;
    left: 0;
    background: #b50000;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

/* Položky submenu */
#Rozcestnik .mod-menu__sub .nav-item {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Odkazy v submenu */
#Rozcestnik .mod-menu__sub .nav-item a {
    padding: 14px;
    display: block;
    color: white;
    text-align: left;
}

/* Zobrazení submenu při najetí */
#Rozcestnik .nav-item:hover > .mod-menu__sub {
    display: block;
}

/* Sub-submenu (třetí úroveň) */
#Rozcestnik .mod-menu__sub .mod-menu__sub {
    top: 0;
    left: 100%;
    margin-left: 2px;
}

/* Zobrazit sub-submenu pouze při hoveru */
#Rozcestnik .mod-menu__sub .nav-item:hover > .mod-menu__sub {
    display: block;
}






  /* Levý sloupec */
#left-column {
    padding: 15px;
    background-image: #f9f9f9; /* Světle šedé pozadí */
    border-radius: 8px;
}

/* Blok uvnitř levého sloupce */
.levapolozka {
    padding: 20px;
    background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/lmbg.jpg');
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Nadpisy */
.levapolozka h3 {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

/* Odstavce a text */
.levapolozka p {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.6;
    font-family: pismo;
}

/* Obrázky ikon (telefon, e-mail, sociální sítě) */
.levapolozka img {
    vertical-align: middle;
    margin-right: 8px;
    width: 100px;
    height: 100px;
}

/* Odkazy */
.levapolozka a {
    color: #d90000;
    text-decoration: none;
}

.levapolozka a:hover {
    text-decoration: underline;
}

/* Facebook widget */
.fb-page {
    margin-top: 15px;
}

/* Logo projektu */
.levapolozka img[width="100px"] {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Kategorie menu */
.block-categories {
    margin-top: 20px;
}

.category-top-menu {
    list-style: none;
    padding: 0;
}

.category-top-menu > li {
    margin-bottom: 10px;
}

.category-top-menu > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #d90000;
    text-transform: uppercase;
    display: block;
    padding: 8px;
    border-radius: 5px;
    transition: background 0.3s;
}

.category-top-menu > li > a:hover {
    background: #d90000;
    color: white;
}

/* Submenu */
.category-sub-menu {
    list-style: none;
    padding-left: 15px;
}

.category-sub-menu li {
    margin: 5px 0;
}

.category-sub-menu li a {
    font-size: 14px;
    color: #333;
    transition: color 0.3s;
}

.category-sub-menu li a:hover {
    color: #d90000;
}

/* RESPONSIVITA */
@media (max-width: 768px) {
    #left-column {
        margin-bottom: 20px;
    }

    .levapolozka {
        text-align: center;
    }

    .category-top-menu {
        text-align: left;
    }
}
}

































@media (max-width: 599px){

	.container {width:100%; margin:0 auto;/*! padding:0px; */}
	
	.vyhledavani {  width:100%;position: relative;display: none;} 
	.vyhledavani label.visually-hidden {display: none}
	.socialni_site {  /*! width: 30%; *//*! position: absolute; */float: center;margin: 0 auto;} 
.nav {	display:  inline-block ;}
	
	.mainmenu {position:relative;z-index: 10000; ; width: 100%  }
	.menu{  width:100%; margin:0px;     height:100%;color:black;position: relative;z-index: 10000; background:#fff;  /*! text-align: right; *//*! float: right; *//*! width: 19%; */}
 .mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10; }
 .mod-menu a { text-decoration-line: none;}
.menu li{font-weight: bold;}
.menu li li ul li a{ list-style-type: none font-weight: bold;color: #919191;}
.menu a:hover{color: grey; font-weight: bold;}
.menu a:active{color: grey; font-weight: bold;}
.menu ul li ul{   top:34px;padding: 0px;}
.menu ul li ul ul{ color: #e8e8e8;  height: auto;display: }
 .menu > ul > li{display: inline-block; margin-top: 6px;  margin-right: 9px;}
.menu > ul > li > a{padding: 0px 5px 25px 0px;}
.menu li li a {   position: relative;color:black}
.menu li { position: relative;padding: 10px;}
.menu li a{;color: #171717;}
 
	
	 

 
    #top  {display: flex}
#logo {/*! width:11%; */ float:right; /*! text-transform:uppercase; */ float:inline-start; font; padding-bottom:10px;font-family: Times New Roman;font-weight: bold;font-size: 1.52em;color: #d90000;display: inherit;height: initial;align-content: center;}
#menu {/*! width:70%; */ /*! float:right; */ text-transform:uppercase; float:inline-end; font; padding-bottom:10px; display: block;
    }
    #menu a {color:black]
    }
  

/* Zajištění zarovnání obsahu na střed */
#Rozcestnik .container {
    width: 100%;
    max-width: 1200px;
}

/* Hlavní navigační lišta */
#Rozcestnik .mod-menu {
    list-style: none;
    display: -webkit-inline-box;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    font-family: pismo_b;
    font-size: 1.2em;
    height: auto;
}

/* Položky menu */
#Rozcestnik .mod-menu .nav-item {
    position: relative;
    padding: 0 10px;
    margin: 0 auto;
    display: inline list-item;
    text-align: start;
}

/* Odkazy v menu */
#Rozcestnik .mod-menu .nav-item a {
    text-decoration: none;
    color: white;
    display: block;
}


/* Zvýraznění aktivní položky */
#Rozcestnik .mod-menu .nav-item.active > a,
#Rozcestnik .mod-menu .nav-item.current > a {
}

/* Dropdown submenu */
#Rozcestnik .mod-menu__sub {
    /*! position: absolute; */
    top: 100%;
    left: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    z-index: 1000;
}

/* Položky submenu */
#Rozcestnik .mod-menu__sub .nav-item {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Odkazy v submenu */
#Rozcestnik .mod-menu__sub .nav-item a {
    padding: 14px;
    display: block;
    color: white;
    text-align: left;
}

/* Zobrazení submenu při najetí */
#Rozcestnik .nav-item:hover > .mod-menu__sub {
    display: block;
}

/* Sub-submenu (třetí úroveň) */
#Rozcestnik .mod-menu__sub .mod-menu__sub {
    top: 0;
    left: 100%;
    margin-left: 2px;
}

/* Zobrazit sub-submenu pouze při hoveru */
#Rozcestnik .mod-menu__sub .nav-item:hover > .mod-menu__sub {
    display: block;
}



#Slider {
    background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/bg_slider.jpg');
    background-size: cover; /* Roztáhne obrázek tak, aby vyplnil celý div */
    background-position: center; /* Zarovná obrázek na střed */
    background-repeat: no-repeat; /* Zabrání opakování obrázku */
    width: 100%; /* Nastaví šířku na 100% rodičovského elementu */
    height: 100px; /* Výška, upravte podle potřeby */
}



  /* Levý sloupec */
#left-column {
    padding: 15px;
    background-image: #f9f9f9; /* Světle šedé pozadí */
    border-radius: 8px;
}

/* Blok uvnitř levého sloupce */
.levapolozka {
    padding: 20px;
    background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/lmbg.jpg');
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Nadpisy */
.levapolozka h3 {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

/* Odstavce a text */
.levapolozka p {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.6;
    font-family: pismo;
}

/* Obrázky ikon (telefon, e-mail, sociální sítě) */
.levapolozka img {
    vertical-align: middle;
    margin-right: 8px;
    width: 100px;
    height: 100px;
}

/* Odkazy */
.levapolozka a {
    color: #d90000;
    text-decoration: none;
}

.levapolozka a:hover {
    text-decoration: underline;
}

/* Facebook widget */
.fb-page {
    margin-top: 15px;
}

/* Logo projektu */
.levapolozka img[width="100px"] {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Kategorie menu */
.block-categories {
    margin-top: 20px;
}

.category-top-menu {
    list-style: none;
    padding: 0;
}

.category-top-menu > li {
    margin-bottom: 10px;
}

.category-top-menu > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #d90000;
    text-transform: uppercase;
    display: block;
    padding: 8px;
    border-radius: 5px;
    transition: background 0.3s;
}

.category-top-menu > li > a:hover {
    background: #d90000;
    color: white;
}

/* Submenu */
.category-sub-menu {
    list-style: none;
    padding-left: 15px;
}

.category-sub-menu li {
    margin: 5px 0;
}

.category-sub-menu li a {
    font-size: 14px;
    color: #333;
    transition: color 0.3s;
}

.category-sub-menu li a:hover {
    color: #d90000;
}

/* RESPONSIVITA */
@media (max-width: 768px) {
    #left-column {
        margin-bottom: 20px;
    }

    .levapolozka {
        text-align: center;
    }

    .category-top-menu {
        text-align: left;
    }
}}


/* Celkové pozadí celého divu Odkazy bude černé */
#Odkazy {
 background-image: url('/templates/ablonamonikavrkoslavovbazdobroty./images/lmbg_full.jpg');
  padding: 20px;
  color: #ffffff; /* Text bude bílý pro lepší kontrast */
  display: block;
  height: 100%;
}

/* Kontejner pro jednotlivé části */
#Odkazy .container {
  display: flex;
  justify-content: space-between; /* Sekce budou vedle sebe */
  gap: 20px; /* Mezera mezi sekcemi */
  flex-wrap: wrap; /* Pro menší obrazovky se sekce budou posouvat pod sebe */
}

/* Styly pro jednotlivé sekce */
#Odkazy .spolecnost, .produkty, .ucet {
  /*! background-color: #333333; */ /* Tmavší pozadí pro každou sekci */
  padding: 15px;
  border-radius: 8px;
}

/* Styly pro seznamy v sekci */
#Odkazy .mod-menu {
  /*! list-style-type: none; */
  padding: 0;
  margin: 0;
  display: contents;
}

/* Styly pro jednotlivé položky v menu */
#Odkazy .mod-menu .nav-item {
  margin-bottom: 10px;
  width: inherit;
}

/* Odkazy v menu budou bílé s červeným pozadím při hoveru */
#Odkazy .mod-menu .nav-item a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  display: block;
  padding: 10px;
  /*! background-color: #444444; */
  border-radius: 4px;
  transition: background-color 0.3s ease;
  width: 100%;
  list-style-type: circle;
  list-style: circle;
}

#Odkazy .mod-menu .nav-item a:hover {
  background-color: #ec0867; /* Červené pozadí při hoveru */
}

/* Styl pro aktivní položku */
#Odkazy .mod-menu .nav-item.active a {
  /*! background-color: #ec0867; */ /* Červené pozadí pro aktivní položku */
}

#Odkazy .mod-menu .nav-item.current a {
  /*! background-color: #ff4d6d; */ /* Světlejší červené pozadí pro aktuální položku */
}

/* Responzivní styly pro menší obrazovky */
@media (max-width: 768px) {
  #Odkazy .container {
    flex-direction: column; /* Na menších zařízeních budou sekce pod sebou */
    align-items: center;
  }

 #Odkazy .spolecnost, .produkty, .ucet {
    width: 90%; /* Sekce se roztáhnou na širší šířku */
    margin-bottom: 20px;
  }
}



#paticka {font-family: pismo_b; color:#b7b1b1;background: black;}
#paticka a {font-family: pismo_b; color:#6a6464;}