:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Open Sans';
--font-headers: 'Open Sans';
--font-size-small: 14px;
--font-size-primary: 16px;
--font-size-header-h1: 34px;
--font-size-header-h2: 22px;
--font-size-header-h3: 18px;
--font-weight-400: 400;
--font-weight-500: 500;
--font-weight-600: 600;
--font-weight-700: 700;
--line-height: 1.20;
--line-height-more: 1.50;

        --back-body: #E1EBF1; /* pozadí HTML za eshopem */
        --back-main: #FFF; /* pozadí eshopu, bočního menu */
        --back-info: #497D9D; /* pozadí infolišty */
        --back-header: #FFF; /* pozadí hlavičky */
        --back-menu: #34596F; /* pozadí horního menu */
        --back-menu-light: #609ABE; /* světlejší pozadí horního menu */
        --line-color: #000000; /* barva čar a oddělovátek */
        --border-input: #000000; /* barva ohraničení imputů */

        --color-font: #000; /* barva pisma */
        --color-font-light: #707070; /* barva pisma světlejší */
        --color-info: #FFF; /* barva písma v infoliště */
        --color-header: #2097FF; /* barva písma v hlavičce */
        --color-menu: #FFFFFF; /* barva písma v horním menu */
        --color-other: #C0C0C0; /* doplňková barva */
        --color-system-alert: #E94B4B; /* 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;
	}
}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

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

a {color:#2097ff;}

#max-menu {display:none;}

#max-header {margin-top: 40px; height: 130px;}

#max-infolista {height: 40px;}

#header #baner h2 {font-size: 35px; font-weight: 700; color: #0f6598; letter-spacing: -1px;}
#header #max-search .button {font-weight: 600;}

#header-phone {height: 50px; display:flex; flex-flow:row;}
#header-phone:before {align-items: center; display: flex; font-family: var(--font-icons); content: "\e0b0"; color: var(--color-font-light); font-size: 40px; padding-right: 10px;}
#header-phone .header-phone-inner {display:flex; flex-flow:column;}
#header-phone h3 {margin: 0; font-size: 30px; font-weight: 400; color: #0f6598;}
#header-phone p {margin: 0; color: var(--color-font-light); font-size: calc(var(--font-size-small) + 2px);}

#header #baner h3 {color: var(--color-font-light); font-weight: 400; font-size: 14px; letter-spacing: 4px; line-height: 1.5; padding: 0 0 0 2px;}

#main {border-radius: 10px;}

#content {border-radius:10px;}
#content-left {border-radius:10px 0 0 10px;}
#content-left div h2, #content-right div h2 {background: #0f6598; border: none; color: white; font-weight:700; font-size: var(--font-size-header-h3); padding: 8px 10px; border-radius: 10px;}
#content-left h2:before, #content-right h2:before {display:none;}

#content-right > div h3 {font-size: calc(var(--font-size-header-h3) - 1px); font-weight: var(--font-weight-500); padding: 5px 10px; margin:0;}
#content-right > div h3 a {font-size: calc(var(--font-size-header-h3) - 1px); font-weight: var(--font-weight-500);}
#content-right .nahledy-krbu img {margin:5px 0 !important;}

#cssmenu .sub-text .menu-text, #respo-menu .sub-text .menu-text {font-size: calc(var(--font-size-header-h3) - 1px);}
#cssmenu ul > li, #respo-menu ul > li, #aktualni_submenu ul > li {padding: 7px 5px 7px 10px; margin-bottom: 1px; border-bottom: 2px solid rgba(0,0,0,0.1); background: transparent;}
#aktualni_submenu ul > li {background:#f1f1f1;}
#cssmenu .sub-text .menu-text, #respo-menu .sub-text .menu-text, #aktualni_submenu .sub-text .menu-text {font-size: calc(var(--font-size-header-h3) - 2px);}
.has-sub-more ul li a, #cssmenu ul > li ul > li {background:transparent; border-bottom:none;}
#cssmenu ul > li ul {margin-top:10px;}
#cssmenu ul > li ul > li {padding: 5px 0;}

#content-center .uvodni-rozcestnik {display: block;}
#content-center .uvodni-rozcestnik > div {display: inline-block; width: calc(20% - 8px); border: 2px solid rgba(0,0,0,0.05); height: 130px;}
#content-center .uvodni-rozcestnik div img {margin:0 auto;}
#content-center h1 {font-weight: 700;}

#razeni-zobrazeni {background: #f1f1f1;}

#filtrovani, #razeni-zobrazeni {border-radius:10px;}

.vypis_item .nazev h2 {margin: 1vw 0; font-weight: 700; color: #0f6598; line-height: 1.1;}

#footer-text {width:1200px;}
#footer-text table {width:100%;}
#footer-text table tr td:nth-child(1), #footer-text table tr td:nth-child(2), #footer-text table tr td:nth-child(3), #footer-text table tr td:nth-child(4) {width:25%;}

#max-footer p {margin:6px 0;}
#max-footer p.mdi {margin:20px 0 10px 0; font-size:22px; text-transform: uppercase;}
#max-footer p.mdi:before {margin-right:10px;}

.pridejbtn .t3 button span {font-size: 14px; font-weight:600;}
.info_ikona_akce, .info_ikona_tip, .info_ikona_novinka {background:#2097ff; border-radius: 20px;}

.vypis_item .formkosik {background: transparent;}
.vypis_item .formkosik .kosikpridej button {background: #2097ff; padding: 6px 12px 6px 12px; border-radius: 20px; font-weight:600;}

#blok_vlastni1 p, #blok_vlastni2 p, #blok_vlastni3 p, #blok_vlastni4 p {padding: 5px 10px; margin: 0;}

.theme-default .nivoSlider {border:0px solid silver; border-radius:10px;}

#respo-menu-wrap .clanek.respo-div a {font-size: calc(var(--font-size-header-h3) - 2px); font-weight: var(--font-weight-500); color: var(--color-font); text-decoration: none;}


@media screen and (max-width: 1200px) {

#max-header {height:90px; margin-top:40px;}
#header-phone {height:auto; margin-right: 20px;}
#header-phone h3 {font-size: var(--font-size-header-h3);}
#header-phone p {font-size: calc(var(--font-size-small) - 6px);}

#header #baner h2 {font-size: var(--font-size-header-h1);}

#respo-menu-wrap {top: 135px;}
#max-search {width:auto;}

#footer-text {width:100%;}

#content img {max-width:100%;}

#hledani .button {background: #2097ff; border-radius: 50px; padding: 0 3vw !important;}
#max-search #hledani .text {border-radius: 50px; border: 2px solid rgba(0,0,0,0.2); padding: 6px 20px;}

#footer-text table tr td:nth-child(1), #footer-text table tr td:nth-child(2), #footer-text table tr td:nth-child(3), #footer-text table tr td:nth-child(4) {width: 50%; display: inline-block;}
#max-footer p.mdi {font-size: var(--font-size-header-h2); margin-bottom:3vw;}

#cssmenu ul > li, #respo-menu ul > li, #aktualni_submenu ul > li {padding: 10px 5px 10px 10px;}
#respo-menu-wrap .clanek.respo-div a {font-size: calc(var(--font-size-header-h3) + 3px);}
#respo-menu ul > li ul {margin-top:2vw;}
#respo-menu ul > li ul > li {padding: 2vw 0 2vw 0; border-bottom: 0px solid transparent;}

}

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

#header #baner {}
#header-phone {display:none;}
#header-phone:before {font-size: 26px; padding-right: 8px;}
#header .hlavicka_logo img {height: 66px; max-width: none; max-height: none;}

#cssmenu .sub-text .menu-text, #respo-menu .sub-text .menu-text {font-size: calc(var(--font-size-header-h3) + 3px);}

#content-center .uvodni-rozcestnik > div {width: calc(33% - 8px);}
#content-center .uvodni-rozcestnik div img {height: 90%;}

#header #baner h2 {font-size: 7vw;}
#header #baner h3 {display:none;}

.vypis_item .nazev h2 {font-size: var(--font-size-header-h1); margin: 2vw 0;}

#footer-text table tr td:nth-child(1), #footer-text table tr td:nth-child(2), #footer-text table tr td:nth-child(3), #footer-text table tr td:nth-child(4) {width: 100%;}

#max-footer p {font-size: var(--font-size-header-h2);}

}