:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Roboto';
--font-headers: 'Rubik';
--font-size-small: 12px;
--font-size-primary: 14px;
--font-size-header-h1: 30px;
--font-size-header-h2: 20px;
--font-size-header-h3: 16px;
--font-weight-400: 400;
--font-weight-500: 500;
--font-weight-600: 600;
--font-weight-700: 700;
--line-height: 1.10;
--line-height-more: 1.50;

        --back-body: #FFF0; /* pozadí HTML za eshopem */
        --back-main: #000; /* pozadí eshopu, bočního menu */
        --back-info: #5F5F5F; /* pozadí infolišty */
        --back-header: #FFF0; /* pozadí hlavičky */
        --back-menu: #F36831; /* pozadí horního menu */
        --back-menu-light: #F36831; /* světlejší pozadí horního menu */
        --line-color: #0000001a; /* barva čar a oddělovátek */
        --border-input: #00000033; /* barva ohraničení imputů */

        --color-font: #FFF; /* barva pisma */
        --color-font-light: #BDBDBD; /* barva pisma světlejší */
        --color-info: #FFF; /* barva písma v infoliště */
        --color-header: #F36831; /* barva písma v hlavičce */
        --color-menu: #FFF; /* barva písma v horním menu */
        --color-other: #C0C0C0; /* doplňková barva */
        --color-system-alert: #D85A53; /* barva upozornění */
        }
@media screen and (max-width: 1200px) {
	:root {
	--font-size-small: calc(5px + 2vw);
	--font-size-primary: calc(6px + 2vw);
	--font-size-header-h1: calc(12px + 2vw);
	--font-size-header-h2: calc(8px + 2vw);
	--font-size-header-h3: calc(6px + 2vw);
	--line-height: 1.20;
	--line-height-more: 1.60;
	}
}
body  {
    background: var(--back-body) url("/soubory/system/bg.jpg") no-repeat top center;
	}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

/* ///////////////////////// */
/*  nasleduje vlastni CSS    */

#filtrovani_content {
 border: 1px solid rgba(255,255,255,0.2);
 background: rgba(255,255,255,0.1);
}
#filtrovani_content > form {
 display: flex;
 flex-flow: row wrap;
 gap: 5%;
 padding: 5px 10px;

 & > div {
  flex-flow: column;
  align-items: flex-start;
 }
 .last {margin-left: auto;}
}
#filtrovani { background:rgba(255,255,255,0.15); }



body {
background: black url(soubory/system/bg.jpg) no-repeat center top fixed;
}
#main {background: none;}

#panel_facebook_likebox{display:none !important;}

.fron_page #content-left, .fron_page #content-right {
display:none !important;
}

/*Audiowide font*/
#baner h2,
.vyjizdeci_menu > li > a span,
h1.titulek,
#content-left h2, #content-right h2
{
  font-family: Audiowide !important;
}

#baner h2 {
  color: #f36831 !important;
  font-size: 45px;
  font-weight: 700;
  margin: 15px 0 0 0;
  line-height: 55px;
  text-shadow: none;
  text-align: left;
  background: transparent;
  background: url(soubory/system/logo.png) no-repeat left top;
  background-size: contain;
  display: block;
}

h2{
  color: #f36831;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;

  span,strong {font-size: inherit}
}

#max-menu {
  background: #000;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(0,0,0,0.5);
  color: #FFF;
  height: 40px;
  padding-left: 0px;
  text-align: right;

  &:hover{
    background: var(--back-menu);
  }
}

.vyjizdeci_menu li.level_0 > div{
  background: var(--back-menu);
}
.naseptavac {
  background: var(--back-main);
}

._round-inner{background:none !important;}
.vypis_item{
 grid-template-areas:
  'nazev     ' 
  'obrazek   ' 
  'info_ikona' 
  'popisek   ' 
  'formkosik ';
 border: 1px solid var(--color-font-light);
}

#content-left h2::before, #content-right h2::before {display:none;}
#content-left h2, #content-right h2 {
  color: var(--back-menu);
  background: none;
}
#blok_seznamclanku h2 {display:none}
#aktualni_submenu { border-bottom: 1px solid var(--back-menu); }

.zapamatovat_ a, .dostupnost_zbozi {
  color: #ff0000;
}

#max-footer { background: none; }
#footer { border-top: 5px solid var(--back-menu); }
#footer h2 { padding: 10px 0; }


@media screen and (max-width: 1200px) {
 body {background: black url(soubory/system/bg.jpg) no-repeat center top fixed !important;}
 #footer-text tr {max-width: 100%; display: flex; flex-flow: column;}
}