@font-face {
    font-family: 'm-bold';
    src: url('../inc/Montserrat-ExtraBold.eot');
    src: url('../inc/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../inc/Montserrat-ExtraBold.woff2') format('woff2'),url('../inc/Montserrat-ExtraBold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'm-thin';
    src: url('../inc/Montserrat-Thin.eot');
    src: url('../inc/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),url('../inc/Montserrat-Thin.woff2') format('woff2'),url('../inc/Montserrat-Thin.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'm-light';
    src: url('../inc/Montserrat-Light.eot');
    src: url('../inc/Montserrat-Light.eot?#iefix') format('embedded-opentype'),url('../inc/Montserrat-Light.woff2') format('woff2'),url('../inc/Montserrat-Light.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'm-regular';
    src: url('../inc/Montserrat-Regular.eot');
    src: url('../inc/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),url('../inc/Montserrat-Regular.woff2') format('woff2'),url('../inc/Montserrat-Regular.ttf') format('truetype');
    font-display: block;
}

body {
    --cpozadi: #ffffff;
    --cbila: #ffffff;
    --ccervena: #cc3538;
    --ctext: #415a78;
    --cmodra1: #13b6c6;
    --cmodra2: #39506b;
    --cmodra3: #13becf;
    --cmodra4: #70c6d4;
    --codkaz: #415a78;
    --cmenu: #2a7a8f;
    --czluta: #ffd600;
    --cseda: #111111;
    --cseda2: #f5f5f5;
    --cseda3: #cfcfcf;
    --cseda4: #e9e9e9;
    --cseda5: #f1f1f1;
    --cinput: #e4eefd;
    --cstin: #555555;
    font-family: m-regular, Calibri, Arial;
    color: var(--ctext);
    font-size: 16px; 
    margin: 0px;
    padding: 0px;
    text-align: left;
    background: var(--cpozadi);
    min-width: 800px;
    --body: calc(100%);
    width: var(--body);  
    line-height: 1.5em;
}

a 		{color: var(--codkaz); text-decoration: none; }
a:hover 	{color: var(--codkaz); text-decoration: underline;}
:focus		{outline: 0;}


.cistic {
    clear: both;
    font-size: 1px;
    height: 0px;
}

.cistic-small {
    clear: both;
    font-size: 1px;
    height: 5px;
}

.cistic-middle {
    clear: both;
    font-size: 1px;
    height: 10px;
}

.cistic-big {
    clear: both;
    font-size: 1px;
    height: 20px;
}

.cistic-big2 {
    clear: both;
    font-size: 1px;
    height: 40px;
}

.cistic-big3 {
    clear: both;
    font-size: 1px;
    height: 80px;
}

p   {text-align: left; margin: 0px; padding: 0px; line-height: 1.5em;}
hr  {height: 0px; margin: 10px 0px 10px 0px; border: 0px; padding: 0px 0px 0px 0px; border-top: 1px solid var(--ctext);}

.div-bad {
    padding: 20px;
    box-shadow: inset 0px 0px 0px 3px red;
    background: var(--cpozadi);
    color: var(--ctext);
    width: calc(100% - 40px);
    margin-bottom: 40px;
}
.div-good {
    padding: 20px;
    box-shadow: inset 0px 0px 0px 3px #94c3aa;
    background: var(--cpozadi);
    color: var(--ctext);
    width: calc(100% - 40px);
    margin-bottom: 40px;
} 

body .div-good p {
    padding: 0px;
    margin: 0px;
}

ul ol li                {color: white; list-style-type: none; margin: 0px; padding: 0px; text-align: left;}

.menu                   {list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; float: right;}
.menu li                {padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; float: left; transition: all ease 0.7s;}
body .a-menu            {font-size: 20px; font-family: m-thin; margin: 0px; color: var(--cbila); text-align: left; float: left; height: 20px; padding: 30px 0px 30px 0px;  text-decoration: none; transition: all ease 0.7s; background: url("../img/bcg_bila.png") center 65px no-repeat; background-size: 0px 1px; }
body .a-menu-selected, body .selected   {font-size: 20px; font-family: m-thin; margin: 0px; color: var(--cbila); text-align: left; float: left; padding: 30px 0px 30px 0px;  text-decoration: none; transition: all ease 0.7s; text-decoration: none; background-size: 100% 1px; }
body .a-menu:hover, body .a-menu-selected:hover       {text-decoration: none; color: var(--cbila); background-size: 100% 1px;}


body .podmenu           { list-style-type: none; margin: 80px 0px 0px 0px; width: 280px; padding: 10px; position: absolute; display: none; background: var(--cmodra1); z-index: 100; transition: all ease 0s;}
body .podmenu li        {text-align: left; float: left; width: 280px; padding: 0px; margin: 0px; transition: all ease 0s; height: auto; z-index: 100; }
body .podmenu a         {color: var(--cbila); width: 260px; padding: 10px; margin: 0px; height: auto; float: left; text-align: left; background: none; border: none; transition: all ease 0s; background: none;  }
body .podmenu a:hover	{color: var(--cmodra1); text-decoration: none;  border: none; background: var(--cpozadi);}

.menu0		  {font-weight: normal; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px;}
.menu0 li	  {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left;}
.menu0 a	  {font-weight: normal; font-size: 20px; margin: 0px 10px 0px 10px; text-align: left; padding: 30px 0px 50px 0px; height: 30px; text-decoration: none; float: left; transition: all ease 0.7s; background: url("../img/dt.gif") center 80px no-repeat; background-size: 0px 2px; line-height: 20px;}
.menu0 a:hover	  {font-weight: normal; text-decoration: none; background: url("../img/bcg_menu.png") center 80px no-repeat; background-size: 100% 2px;}
.menu0 a.selected {font-weight: normal; text-decoration: none; background: url("../img/bcg_menu.png") center 80px no-repeat; background-size: 100% 2px;}

#div-podmenu-carky ol       {color: white; list-style-type: none; margin: 0px; padding: 0px; text-align: left; width: 100%;}
#div-podmenu-carky .podmenu {font-size: 24px; list-style-type: none; margin: 0px 0px 0px 0px; width: 100%; position: fixed; visibility: hidden; z-index: 30; }
#div-podmenu-carky li       {font-size: 24px; text-align: left; float: left; width: 50%; margin: 0px;}
#div-podmenu-carky a        {color: var(--cbila); background: var(--cmodra1); font-size: 24px; width: calc(100% - 40px); padding: 20px; margin: 0px; height: auto; float: left; text-align: center; border: none; transition: all ease 0.7s;}
#div-podmenu-carky a:hover  {font-size: 24px; text-decoration: none;  border: none; text-decoration: none; background: var(--cbila); color: var(--cmodra1);}

.odsazeni-left {
    margin-left: 20px;
}

.odsazeni-right {
    margin-right: 20px;
}

.odsazeni-top {
    margin-top: 5px;
}

.odsazeni-bottom {
    margin-bottom: 5px;
}

.div-menu-carky {
    float: right;
    width: 40px;
    height: 40px;
    margin: 20px 0px 0px 0px;
    display: none;
    transition: all ease 0.7s;
}

.a-menu0 {
    background: url('../img/bcg_carky.png') center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;  
    float: left;
}

.a-menu0b {
    background: url('../img/bcg_carky2.png') center center #ffffff no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;  
    float: left;
}

#a-menu0 {
    width: 40px;
    height: 40px;
    float: left;
    cursor: pointer;
    transition: all ease 0.7s;
}

#div-podmenu-holder {
    float: left;
    position: absolute;
    margin: 40px 0px 0px 0px;
}

.div-podmenu-holder {
    position: relative;
    margin-top: 40px;
}

sub, sup    {vertical-align: baseline; position: relative;}
sub         {top: 0.4em;}
sup         {bottom: 0.4em;}

table {
    border-collapse: collapse;
}

h1  {padding: 0px 0px 20px 0px; font-weight: normal; margin: 0px 0px 0px 0px; font-size: 36px; line-height: 40px; letter-spacing: 2px; font-family: m-bold;}
h2  {padding: 0px 0px 20px 0px; font-weight: normal; margin: 0px 0px 0px 0px; line-height: 36px; font-size: 30px; }
h3  {padding: 0px 0px 10px 0px; font-weight: normal; margin: 0px 0px 20px 0px; font-size: 24px; line-height: 30px; border-bottom: 1px solid var(--cmodra2);}
h4  {padding: 0px 0px 10px 0px; font-weight: normal; margin: 0px 0px 0px 0px; font-size: 24px; }
h5  {padding: 0px 0px 10px 0px; font-weight: normal; margin: 0px 0px 0px 0px; font-size: 22px; }

textarea, input[type=text], input[type=date], input[type=number], input[type=password], select {
    padding: 10px;
    font-family: m-regular;
    font-size: 16px; 
    background: var(--cinput);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--cmodra2);    
    transition: all ease 0.7s;    
}

textarea:hover, textarea:focus, input[type=text]:hover, input[type=text]:focus, input[type=date]:hover, input[type=date]:focus, input[type=number]:hover, input[type=number]:focus, input[type=password]:hover, input[type=password]:focus, select:hover, select:focus {
    border-bottom: 1px solid var(--cmodra1);    
}



form                        {padding: 0px; margin: 0px;}

.smaller		{font-size: 0.9em;}
.small 			{font-size: 0.8em; line-height: 0.8em;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left			{text-align: left;}
.block			{text-align: justify;}
.toleft			{float: left;}
.toright		{float: right;}
.hidden			{display: none;}
.bold, strong		{font-family: m-bold; }
.underline		{text-decoration: underline;}
.big {font-size: 2em;}
.bigger {font-size: 1.2em;}

#div-body {
    width: 100%;
    float: left;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow:  inset 0px 0px 10px #bbbbbb;
    background-color: #ffffff;
}

body::-webkit-scrollbar {
	width: 10px;
        height: 10px;
	background-color: #ffffff;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 1px var(--cmodra2);
	background-color: var(--cmodra1);
}

.div-main {
    margin: auto;
    padding: 0px 40px 0px 40px;
    --div_main: clamp(840px,(100% - 80px),1600px);
    width: var(--div_main);
}

#div-podmenu-carky {
    padding: 0px;
    margin: 0px;
    float: left;
    position: absolute;
    top: 80px;
    z-index: 30;
    width: 100%;
    background: var(--cmodra1);
    display: none;
    box-shadow: 0px 0px 20px var(--cseda);
    overflow: hidden;
}

#div-top {
    width: calc(100% - 80px);
    height: 80px;
    padding: 0px 40px 0px 40px;
    float: left;
    background: var(--cmenu);
    color: var(--cbila);   
    position: fixed;
    z-index: 30;
}

#div-top-mezera {
    width: 100%;
    height: 80px;
    float: left;
}

.div-main20 {
        float: left;
        padding: 0px;
        position: relative;
        left: -20px;
        width: calc(100% + 40px);
}

#div-logo {
    width: 190px;
    height: 56px;
    float: left;
    margin-top: 12px;
    cursor: pointer;
    transition: all ease 0.7s;
    z-index: 35;
}

#div-logo:hover {
    transform: scale(1.05);
}


#div-slogan {
    font-family: m-thin;
    font-size: 54px;
    float: left;
    padding: 12px 0px 0px 40px;
    color: var(--cbila);
    line-height: 54px;
}

#div-menu {
    float: right;
}

@media only screen and (min-width: 800px) and (max-width: 1350px) {
    .div-menu-carky {
        display: block;
    }     
    #div-menu {
        display: none;
    }          
    #div-slogan {
        display: block;
    }    
}

@media only screen and (max-width: 800px) {
    .div-menu-carky {
        display: block;
    }     
    #div-menu {
        display: none;
    }          
    #div-slogan {
        display: none;
    }               
}

@media only screen and (min-width: 1350px) {
    #div-menu {
        display: block;
    }   
    .div-menu-carky {
        display: none;
    } 
    #div-podmenu-carky {
        display: none;
    }    
}

#div-jazyky {
    width: 40px;
    height: 20px;
    float: right;
    padding: 30px 30px 30px 0px;
    margin-left: 20px;
    transition: all ease 0.7s;
    cursor: pointer;   
}

#div-jazyky p {
    color: var(--cbila);
    font-family: m-thin;
    font-size: 20px;
    text-align: center;
    width: 100%;
    height: 25px;
    padding: 0px;
    margin: 0px;
}

.div-jazyky-up {
    background: url("../img/bcg_bila.png") center 65px no-repeat, url("../img/bcg_sipka_up2.png") right center no-repeat;
    background-size: 0px 1px, 20px 11px;
}

.div-jazyky-down {
    background: url("../img/bcg_bila.png") center 65px no-repeat, url("../img/bcg_sipka_down2.png") right center no-repeat;
    background-size: 0px 1px, 20px 11px;
}

#div-jazyky:hover  {
    background-size: 100% 1px, 20px 11px;
}


#div-jazyky-inner-holder {
    width: 60px;    
    height: 0px;
    float: left;
    margin-top: 25px;
}

#div-jazyky-inner {
    width: 40px;
    background: var(--cmodra1);
    float: left;
    padding: 10px;
    display: none;
}

#div-jazyky-inner a {
    text-align: center;
    text-decoration: none;
    color: var(--cbila);
    font-size: 20px;    
    transition: all ease 0.7s;
    width: 40px;
    padding: 5px 0px 5px 0px;
    float: left;
}

#div-jazyky-inner a:hover {
    background: var(--cbila);
    color: var(--cmodra1);
    text-decoration: none;
}

#div-banner {
    width: 100%;
    height: 600px;
    float: left;
    background: url("../files/files/banner.webp") no-repeat var(--cmodra3);
    background-position: calc(50% - 600px) 0px;
}

#div-banner-left {
    float: left;
    width: 40%;
    height: 600px;
}

#div-banner-right {
    float: right;
    width: calc(60% - 40px);
    margin: 100px 40px 0px 0px;
    height: 500px;
}

#div-banner-left a {
    float: left;
    width: 100%;
    height: 600px;
}

#div-banner-left a img {
    float: left;
    margin: 250px 0px 0px calc(50% - 50px);
}

#div-banner-right2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

#div-banner-right2 div p {
    text-align: center;
}

.div-banner-right2-inner img {
    padding-top: 20px;
}

#div-banner-right1 p {
    color: var(--cbila);
    font-size: 36px;
    font-family: m-bold;
    line-height: 36px;
    margin: 60px 0px 40px 0px;
}

#div-banner-right1 p span {
    color: var(--czluta);
    font-size: 36px;
    font-family: m-bold;
    line-height: 36px;
    text-decoration: none !important;
}

#div-homepage-left {
    width: calc(50% - 80px);
    padding: 40px;
    color: var(--cbila);
    background: var(--cmodra3);
    float: left;
    position: relative;
    top: -60px;
    transition: all ease 1s;
}

#div-homepage-text {
    width: calc(100% - 80px);
    padding: 40px;
    color: var(--cbila);
    background: var(--cmodra3);
    float: left;
    margin-bottom: 40px;
}

#div-homepage-left h1, #div-homepage-text h1 {
    color: var(--cmodra2);
    font-family: m-bold;
    font-size: 36px;
    line-height: 40px;
}

#div-homepage-prihlaseni {
    width: calc(50% - 126px);
    float: right;
    margin: 0px 0px 40px 40px;
    padding: 40px;
    border: 3px solid var(--cmodra1);
    box-shadow: 0px 0px 20px var(--cseda);
    border-radius: 20px;
    transition: all ease 1s;
}

.div-prihlaseni-left {
    width: calc(100% - 200px);
    float: left;
}

.input2-prihlaseni {
    width: calc(100% - 40px);
    float: left;
}

.submit2 {
    font-size: 16px;
    color: var(--cbila);
    background: var(--cmodra1);
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    transition: all ease 0.7s;
    font-family: m-regular;
}

.submit2:hover {
    background: var(--cmodra2);
    color: var(--cbila);
    text-decoration: none;
}

.submit2-100 {
    width: calc(100%);
}

.div-prihlaseni-right {
    width: 200px;
    float: right;
}

.div-prihlaseni-bottom {
    width: 100%;
    float: left;
    margin-top: 40px;
}

body .div-prihlaseni-bottom p {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: var(--cmodra2);
}

body .div-prihlaseni-bottom a, body .div-prihlaseni-right a {
    color: var(--cmodra1);
    text-decoration: none;
    transition: all ease 0.7s;
}

body .div-prihlaseni-bottom a:hover, body .div-prihlaseni-right a:hover {
    color: var(--cmodra2);
    text-decoration: none;
}

@media only screen and (max-width: 1200px) {
    #div-homepage-left {
        width: calc(100% - 80px);  
    }
    #div-homepage-prihlaseni {
        width: calc(100% - 86px); 
    }
}

.dialog-message1 {
    width: 50px;
    float: left;
    margin-top: 20px;
}


.dialog-message2 {
    width: 450px;
    float: right;
    margin-top: 20px;
}

footer {
    width: 100%;
    float: left;
    background: var(--cmodra3);
    color: var(--cbila);
    padding: 40px 0px 0px 0px;
}

#div-paticka1, #div-paticka2 {
    width: calc(25% - 40px);
    padding-right: 40px;
    margin-bottom: 40px;
    float: left;
}

#div-paticka3 {
    width: 50%;
    float: left;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
    #div-paticka1 {
        width: calc(50% - 40px);
        float: left;
    }
    
    #div-paticka2 {
        width: calc(50%);
        padding: 0px;
        float: left;
    }    

    #div-paticka3 {
        width: 100%;
        float: left;
    }
}

.div-sloupce {
    column-gap: 40px;
    width: 100%;
    float: left;
}

.div-ramecek {
    width: calc(100% - 46px);
    float: right;
    margin: 0px 0px 40px 0px;
    padding: 40px 0px 40px 40px;
    border: 3px solid var(--cmodra1);
    box-shadow: 0px 0px 20px var(--cseda);
    border-radius: 20px;
    transition: all ease 1s;
}

#div-scroll {
    width: 50px;
    height: 50px;
    background: url("../img/scroll1.png") no-repeat;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
}

#div-scroll:hover {
    background: url("../img/scroll2.png") no-repeat;
}

.div-input-holder {
    width: calc(50% - 40px);
    padding: 0px 40px 20px 0px;
    float: left;
}

.div-input {
    width: calc(50% - 40px);
    float: left;
    padding: 8px 40px 0px 0px;
    text-align: right;
}

.div-input2 {
    width: calc(25% - 60px);
    float: left;
    padding: 8px 40px 0px 0px;
    text-align: right;
}

.input2 {
    width: calc(50% - 20px);
    float: left;
}

.input4 {
    width: calc(75% - 40px);
    float: left;
}

body .div-ramecek h3 {
    width: calc(100% - 40px);
}

label {
    padding: 0px 0px 0px 10px;
    float: left;
    cursor: pointer;
}

.div-main20 {
    width: calc(100% + 40px);
    float: left;
    position: relative;
    left: -20px;
}

.div-main10 {
    width: calc(100% + 20px);
    float: left;
    position: relative;
    left: -10px;
}

.div-clanky-holder {
    /*
    display: grid;  
    grid-row: 4;
    grid-template-columns: 0px auto 0px;
    grid-template-rows: 0px auto 0px; 
    column-gap: 20px;
    row-gap: 20px;  
    justify-items: stretch;
    align-items: stretch;
    justify-content: stretch;
    align-content: stretch;
    */
    
    width: calc(100% + 40px);
    float: left;
    position: relative;
    left: -20px;
}

.div-clanky {
    width: calc(50% - 82px);
    float: left;
    margin: 0px 20px 40px 20px;
    padding: 20px;
    cursor: pointer;
    transition: all ease 0.7s;
    background: var(--cbila);
    border: 1px solid var(--cmodra1);
}

.div-clanky:hover {
    transform: scale(1.05);
}

@media only screen and (max-width: 1000px) {
    .div-clanky {
        width: calc(100% - 82px);
    }
}

.div-clanky1 {
    width: 100%;
    height: 200px;
    float: left;
    margin-bottom: 20px;
}

.div-clanky2 {
    width: 100%;
    height: 180px;
    float: left;
    overflow: hidden;
}

.div-clanky2-inner {
    width: 100%;
    height: 120px;
    float: left;
    margin-bottom: 20px;
}

.div-clanky3 {
    width: 100%;
    height: 400px;
    float: left;
    overflow: hidden;
}

.div-clanky3-inner {
    width: 100%;
    height: 340px;
    float: left;
    margin-bottom: 20px;
}

.div-img-okraj5f {
        --div_img_okraj5f: calc(20% - 40px);
        width: var(--div_img_okraj5f);
        height: 250px;
        float: left;
        padding: 0px;  
        transition: all ease 0.7s; 
        opacity: 0.8;
        margin: 0px 20px 40px 20px;
        border-radius: 5px;
}

.div-img-inner5f, .div-img-inner5f img {
        width: 100%;
        height: 100%;
        float: left;
}






.div-ke-stazeni {
    width: calc(20% - 82px);
    height: 48px;
    float: left;
    border: 1px solid var(--cmodra2);
    padding: 20px;
    margin: 0px 20px 40px 20px;
    cursor: pointer;
    transition: all ease 0.7s;
}

.div-ke-stazeni:hover {
    transform: scale(1.05);
}

.div-ke-stazeni1 {
    width: 48px;
    height: 48px;
    float: left;
}

.div-ke-stazeni2 {
    width: calc(100% - 58px);
    height: 38px;
    padding-top: 10px;
    float: right;
    text-align: left;
}

@media only screen and (max-width: 900px) {
    .div-img-okraj5f { 
        width: calc(100% - 40px);
        height: 400px;
    }    
    .div-ke-stazeni {
        width: calc(100% - 82px);
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1500px) {
    .div-img-okraj5f { 
        width: calc(25% - 40px);
    }    
    .div-ke-stazeni {
        width: calc(25% - 82px);
    }    
}

@media only screen and (min-width: 1101px) and (max-width: 1300px) {
    .div-img-okraj5f { 
        width: calc(33.33333% - 40px);
    }    
    .div-ke-stazeni {
        width: calc(33.33333% - 82px);
    }    
}

@media only screen and (min-width: 901px) and (max-width: 1100px) {
    .div-img-okraj5f { 
        width: calc(50% - 40px);
    }    
    .div-ke-stazeni {
        width: calc(50% - 82px);
    }    
}

.div-left {
    width: calc(33.3333% - 20px);
    margin-bottom: 40px;
    float: left;
    transition: all ease 0.7s;
}

.div-right {
    width: calc(66.6666% - 20px);
    margin-bottom: 40px;
    float: right;
    transition: all ease 0.7s;
}

@media only screen and (max-width: 1100px) {
    .div-left, .div-right { 
        width: calc(100%);
    }    
}

.div-seda {
    width: calc(100% - 40px);
    float: left;
    padding: 20px;
    background: var(--cseda2);
}

.div-seda50 {
    width: calc(50% - 10px);    
}

.p-uploader-seda1 {
    width: 100px;
    float: left;
    height: 16px;
    padding: 10px 0px 0px 0px;
    text-align: right;
}

.select-uploader-seda1 {
    width: calc(100% - 122px);
    float: right;
    padding: 10px;
}

.input-uploader-seda1 {
    width: calc(100% - 142px);
    float: right;
    padding: 10px;
}

.div-s {
    width: 100%;
    float: left;
}

.p-parametr {
    width: calc(100% - 20px);
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 20px 0px;   
    background: var(--cseda2);
    float: left;
}

.div-parametr-holder, .div-parametr-input-holder {
    width: calc(100% - 42px);
    padding: 20px;
    float: left;
    background: var(--cbila);
    margin-bottom: 20px;
}

.submit2-odsazeni {
    margin: 20px 0px 0px 0px;
}

.div-rozcestnik1 {
    width: calc(33.33333% - 40px);
    height: 300px;
    float: left;
    margin: 0px 20px 40px 20px;
    cursor: pointer;
    transition: all ease 0.7s;
}

.div-rozcestnik1:hover {
    
    .div-rozcestnik3 {
        opacity: 0.8;
    }
    
    .div-rozcestnik2 {
        width: 180px;
        height: 180px;
        padding: 30px;
        top: 29px;
        left: calc(50% - 121px);
    }    
    
    
}

.div-rozcestnik2 {
    float: left;
    width: 180px;
    height: 180px;
    padding: 10px;
    border-radius: 200px;
    border: 1px solid var(--cbila);
    position: relative;
    top: 49px;
    left: calc(50% - 101px);    
    transition: all ease 0.7s;
}

.div-rozcestnik3 {
    float: left;
    width: 150px;
    height: 150px;
    background: var(--cmodra1);
    color: var(--cbila);
    border-radius: 200px;
    padding: 15px;
    text-align: center;
    font-family: m-bold;
    font-size: 18px;
    line-height: 22px;
    transition: all ease 0.7s;
}

body .div-rozcestnik2 table, body .div-rozcestnik2 table tr td {
    width: 100%;
    height: 100%;
} 

@media only screen and (max-width: 900px) {
    .div-rozcestnik1 {
        width: calc(100% - 40px);
    }    
}

@media only screen and (min-width: 901px) and (max-width: 1200px) {
    .div-rozcestnik1 {
        width: calc(50% - 40px);
    }    
}

.div-data-holder {
    width: calc(12.5% - 40px);
    float: left;
    margin: 0px 20px 40px 20px;
    transition: all ease 0.7s;
}

.div-data0, .div-data0-owner {
    width: 100%;
    height: 0px;
    float: left;
}

.div-data0a {
    float: left;
    border-radius: 20px;
    color: var(--cmodra2);
    background: var(--cbila);
    border: 2px solid var(--cmodra2);
    padding: 0px 10px 0px 10px;
    position: relative;
    top: 5px;
    left: 5px;
    height: 18px;
    font-size: 10px;
    margin: 0px;
}

body .div-data0a span {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -2px;
}

.div-data1 {
    width: 100%;
    height: 120px;
    float: left;
    margin: 20px 0px 20px 0px;
    transition: all ease 0.7s;  
}

.div-data2 {
    width: 100%;
    height: 80px;
    float: left;
    overflow: hidden;
}

body .div-data2 p {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .div-data-holder {
        width: calc(16.66666% - 40px);
    }    
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    .div-data-holder {
        width: calc(25% - 40px);
    }    
}

@media only screen and (min-width: 951px) and (max-width: 1000px) {
    .div-data-holder {
        width: calc(33.33333% - 40px);
    }    
    .div-data1 {
        height: 200px;
    }    
}

@media only screen and (max-width: 950px) {
    .div-data-holder {
        width: calc(50% - 40px);
    }    
    .div-data1 {
        height: 240px;
    }    
}


.div-data-holder:hover {
    background: var(--cseda4);
}

.a-data-holder {
    width: 100%;
    height: 100%;
    float: left;
}

.div-data20 {
    width: calc(100% - 40px);
    padding: 0px 20px 0px 20px;
    float: left;
}

.img-data {
    width: 100%;
    height: 100%;
    float: left;
}

.div-ikona {
    background-size: contain;
    background: url("../img/bcg_uni.svg") center center no-repeat;
}

.div-zip {
    background: url("../img/bcg_zip.svg") center center no-repeat;
}

.div-avi {
    background: url("../img/bcg_zip.avi") center center no-repeat;
}

.div-docx, .div-doc {
    background: url("../img/bcg_doc.svg") center center no-repeat;
}

.div-dwg {
    background: url("../img/bcg_dwg.svg") center center no-repeat;
}

.div-pdf {
    background: url("../img/bcg_pdf.svg") center center no-repeat;
}

.div-mkv {
    background: url("../img/bcg_mkv.svg") center center no-repeat;
}

.div-mov {
    background: url("../img/bcg_mov.svg") center center no-repeat;
}

.div-mp4 {
    background: url("../img/bcg_mp4.svg") center center no-repeat;
}

.div-mkv {
    background: url("../img/bcg_mkv.svg") center center no-repeat;
}

.div-xlsx, .div-xls {
    background: url("../img/bcg_xls.svg") center center no-repeat;
}

.div-zip {
    background: url("../img/bcg_zip.svg") center center no-repeat;
}

#div-video {
    width: 100%;
    height: 100%;
}

.p-nadpis {
    font-size: 24px;
    color: var(--cmodra4);
}

.div-data3 {
    width: 100%;
    height: 0px;
    float: left;
}

.div-rozliseni {
    width: 35px;
    height: 28px;
    float: left;
    position: relative;
    left: 5px;
    top: -48px;
    background-size: contain;
}

.div-rozliseni101 {
    background: url("../img/bcg_hires.svg") center center no-repeat;    
}

.div-rozliseni102 {
    background: url("../img/bcg_lowres.svg") center center no-repeat;    
}

.div-download {
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    background: url("../img/bcg_prime_stazeni.svg") center center no-repeat;
    background-size: contain;
    position: relative;
    right: 4px;
    top: 10px;
    cursor: pointer;
    transition: all ease 0.7s;  
}

.div-oznacit-holder:hover {
    transform: scale(1.1);
}

.div-download:hover, .div-edit:hover, .div-edit-pridruzeny2:hover, .div-smazat2:hover, .div-klon:hover {
    transform: rotate(180deg);  
}

.div-oznacit-holder {
    width: 10px;
    height: 10px;
    float: right;
    border: 1px solid var(--cmodra4);
    padding: 5px;
    background: var(--cbila);
    cursor: pointer;
    transition: all ease 0.7s;
    border-radius: 50px;
    position: relative;
    right: 5px;
    top: 5px;    
}

.div-oznacit {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 50px;
    background: var(--cmodra4);
}

.oznacit-vse-holder {
    float: right;
    padding: 8px 40px 0px 0px;
    cursor: pointer;
}

.oznacit-vse1 {
    width: 10px;
    height: 10px;
    float: left;
    border: 1px solid var(--cmodra4);
    padding: 5px;
    background: var(--cbila);
    cursor: pointer;
    transition: all ease 0.7s;
    border-radius: 50px;
    margin-right: 10px;
}

.oznacit-vse2 {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 50px;
    background: var(--cmodra4);
}

.p-nadpis2 {
    color: var(--cmodra4);
    font-size: 16px;
    float: left;
    padding: 0px;    
}

body span.menu-datovy-kosik {
    margin: -12px 0px 0px 10px;
    border-radius: 50px;
    padding: 5px 15px 5px 15px;
    color: var(--cbila);
    background: var(--ccervena);    
}

.div-data-dalsi {
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}

#div-nahled-holder {
    width: calc(100% - 84px);
    height: calc(100% - 84px);
    position: fixed;
    border: 2px solid var(--cmodra4);
    border-radius: 10px;
    padding: 0px;
    background: var(--cbila);
    top: 40px;
    left: 40px;
    z-index: 60;
    transition: all ease 0.7s;  
    transform: scale(0);    
    opacity: 0;
    box-shadow: 0px 0px 20px var(--cstin);
}

#div-nahled1 {
    width: 100%;
    height: 0px;
    float: left;
}

#div-nahled-zavrit {
    width: 41px;
    height: 41px;
    float: right;
    position: relative;
    top: -20px;
    right: -20px;
    transition: all ease 0.7s;  
    cursor: pointer;
    background: url("../img/bcg_zavrit.webp") center center no-repeat;
}

#div-nahled-zavrit:hover {
    transform: rotate(180deg);  
}

#div-nahled2 {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    background: url('../img/loading.gif') center center no-repeat var(--cseda4);
    background-size: 50px 50px;
}

.iframe-nahled {
    width: 100%;
    height: 100%;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
}

#div-nahled-download {
    width: 45px;
    height: 45px;
    float: right;
    position: relative;
    top: -5px;
    right: -23px;
    transition: all ease 0.7s;  
    cursor: pointer;
    background: url("../img/bcg_prime_stazeni.svg") center center no-repeat;
    background-size: contain;
}

#div-nahled-download:hover {
    transform: scale(1.1);
}

#div-nahled-download a {
    width: 100%;
    height: 100%;
    float: left;    
}

#div-data-menu-holder {
    width: 100%;
    position: fixed;
    top: 80px;
    z-index: 10;
    box-shadow: 0px 5px 5px var(--cseda3);
}

#div-data-menu {
    width: calc(100% - 160px);     
    float: left;
    padding: 0px 40px 0px 120px;
    background: url("../img/bcg_filtr.svg") 40px 10px no-repeat var(--cseda2);  
    background-size: auto 30px;
}

.menu-item {
    padding: 0px 40px 0px 0px;
    height: 50px;
    float: left;
    transition: all ease 0.7s;  
}

#menu-item30 {
    background: url("../img/menu_ico1.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item30:hover {
    background: url("../img/menu_ico1_selected.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item31 {
    background: url("../img/menu_ico2.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item31:hover {
    background: url("../img/menu_ico2_selected.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item203 {
    background: url("../img/menu_ico3.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item203:hover {
    background: url("../img/menu_ico3_selected.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item903 {
    background: url("../img/menu_ico4.png") left center no-repeat;
    background-size: auto 30px;
}

#menu-item903:hover {
    background: url("../img/menu_ico4_selected.png") left center no-repeat;
    background-size: auto 30px;
}

.menu-item-sipka {
    float: left;
    padding: 13px 40px 10px 40px;
    background-size: auto 30px;
    transition: all ease 0.7s;   
    height: 27px;
    font-size: 14px;
    cursor: pointer;
}

.menu-item-sipka-dolu {
    background: url("../img/menu_down.png") right center no-repeat;
    background-size: 30px auto;
}

.menu-item-sipka-nahoru {
    background: url("../img/menu_up.png") right center no-repeat;
    background-size: 30px auto;
}

.div-data-podmenu-holder {
    width: 100%;
    height: 0px;
    float: left;
}

.div-data-podmenu {
    width: 350px;
    float: left;
    padding: 10px;
    background: var(--cseda2);
    position: absolute;
    margin-left: -10px;
    display: none;
    box-shadow: 0px 5px 5px var(--cseda3);  
    max-height: 500px;
    overflow-y: auto;
    z-index: 5;
}

.div-data-podmenu-big {
    width: 600px !important;
    max-height: 560px !important;
}

.div-mezera-data-menu {
    width: 100%;
    height: 100px;
    float: left;
} 

.div-mezera-data-menu2 {
    width: 100%;
    height: 50px;
    float: left;
} 

@media only screen and (min-width: 1020px) and (max-width: 1030px) {
    .div-mezera-data-menu {
        height: 150px;
    }    
    .div-mezera-data-menu2 {
        height: 70px;
    }    
}

@media only screen and (max-width: 1019px) {
    .div-mezera-data-menu {
        height: 200px;
    }  
    .div-mezera-data-menu2 {
        height: 120px;
    }    
}



input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--cbila) !important;
  border: 1px solid var(--cmodra1) !important;
  margin: 0px 0px 0px 0px;
  width: 1.1em;
  height: 1.1em;
  border: none;
  border-radius: 0.1em;
  cursor: pointer;
  display: grid;
  float: left;
  position: relative;
  top: 3px;  
  place-content: center;    
  float: left;

}

input[type="checkbox"]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--cmodra1);
  background: var(--cmodra1);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.div-data-podmenu-s1, .div-data-podmenu-s2 {
    width: calc(100% - 10px);
    padding: 5px 0px 0px 10px;
    margin: 0px 0px 10px 0px;
    float: left;
    display: none;
}

.p-data-podmenu {
    font-size: 18px;
    line-height: 20px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cmodra1);
    margin-bottom: 10px;
    width: 100%;
}

.div-data-podmenu-half {
    width: calc(50% - 20px);
}

#div-vybrane-filtry {
    width: calc(100% - 80px);
    float: left;
    padding: 10px 40px 0px 40px;
    background: var(--cseda4);
}

.p-vybrane-filtry {
    float: left;
    padding: 5px 5px 5px 20px;
    border-radius: 40px;
    background: var(--cseda2);
    margin-right: 10px;
    z-index: 5;
    margin-bottom: 10px;
}

body .p-vybrane-filtry span {
    padding-top: 2px;
}

body .p-vybrane-filtry img {
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    filter: grayscale(100%);
    transition: all ease 0.7s; 
    margin-left: 10px;
}

body .p-vybrane-filtry img:hover {
    transform: rotate(180deg);
    filter: grayscale(0%);
}

.div-podmenu-sipka-dolu {
    background: url("../img/menu_down.png") center center no-repeat;
}

.div-podmenu-sipka-nahoru {
    background: url("../img/menu_up.png") center center no-repeat;
}

.div-podmenu-sipka, .div-podmenu2-sipka {
    width: 20px;
    height: 20px;
    float: right;
    transition: all ease 0.7s; 
    cusror: pointer;    
    background-size: contain;
    cursor: pointer;
}

.div-i-hodnoty {
    float: left;
    display: none;
    width: 100%;
}

.div-edit {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background: url("../img/bcg_edit.webp") center center no-repeat var(--cbila);
    background-size: 12px 12px;
    border-radius: 50px;
    border: 1px solid var(--cmodra4);
    cursor: pointer;
    position: relative;
    right: 5px;
    top: 15px; 
    transition: all ease 0.7s;      
}

.div-edit-pridruzeny2 {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background: url("../img/bcg_edit_pridruzeny.webp") center center no-repeat var(--cbila);
    background-size: 12px 12px;
    border-radius: 50px;
    border: 1px solid var(--cmodra4);
    cursor: pointer;
    position: relative;
    right: 5px;
    top: 15px; 
    transition: all ease 0.7s;      
}

.div-stavajici-holder {
    width: calc(100%);
    float: left;
    margin-bottom: 20px;
}



.input-nadpisg {
    width: calc(100% - 20px);
    float: left;
    margin-bottom: 20px;
}

.div-stavajici0 {
    width: 100%;
    height: 0px;
    float: left;
}

.div-stavajici1 {
    width: 100%;
    height: 200px;
    float: left;
}

.div-smazat {
    width: 41px;
    height: 41px;
    float: right;
    background: url("../img/bcg_smazat.webp") center center no-repeat;
    position: relative;
    top: -220px;
    right: -20px;
    cursor: pointer;
    transition: all ease 0.7s; 
}

.div-smazat:hover {
    transform: rotate(180deg);
}

.div-data-editace-uploader {
    width: 100%;
    float: left;
    display: none;
}

.div-smazat2 {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background: url("../img/bcg_smazat2.webp") center center no-repeat var(--cbila);
    background-size: 12px 12px;
    border-radius: 50px;
    border: 1px solid var(--cmodra4);
    cursor: pointer;
    position: relative;
    right: 5px;
    top: 21px; 
    transition: all ease 0.7s;      
}

.div-klon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background: url("../img/bcg_klon.webp") center center no-repeat var(--cbila);
    background-size: 12px 12px;
    border-radius: 50px;
    border: 1px solid var(--cmodra4);
    cursor: pointer;
    position: relative;
    right: 5px;
    top: 27px; 
    transition: all ease 0.7s;      
}

#ajax-tmp {
    float: right;
    margin-top: 5px;
}

#div-nahled-dalsi {
    width: 45px;
    height: 45px;
    float: right;
    position: relative;
    top: 100px;
    right: -68px;
    transition: all ease 0.7s;  
    cursor: pointer;
    background: url("../img/bcg_prime_stazeni.svg") center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg); 
    visibility: hidden;
}

#div-nahled-dalsi:hover {
    transform: scale(1.1) rotate(-90deg);
}

#div-nahled-predchozi {
    width: 45px;
    height: 45px;
    float: right;
    position: relative;
    top: 160px;
    right: -113px;
    transition: all ease 0.7s;  
    cursor: pointer;
    background: url("../img/bcg_prime_stazeni.svg") center center no-repeat;
    background-size: contain;
    transform: rotate(90deg);  
    visibility: hidden;
}

#div-nahled-predchozi:hover {
    transform: scale(1.1) rotate(90deg);
}

.input-prioritag {
    width: calc(100% - 100px);
    float: right;
    margin-bottom: 20px;
}

.odsazeni-top2 {
    padding-top: 8px;
}

#div-medokumenty {
    float: left;
    padding: 14px 30px 16px 0px;
    height: 20px;
}

.label-checkbox {
    width: calc(100% - 40px);
    float: right;
}

.div-foto-nahled {
    background: var(--cseda4);
}

.menu-neaktivni {
    color: var(--cseda3);
}

.div-sprava-filtru {
    width: 36px;
    height: 30px;
    float: right;
    cursor: pointer;
    background: url("../img/menu_ico_filtry.png") center center no-repeat;
    background-size: contain;
    transition: all ease 0.7s; 
    margin-top: 10px;
}

.div-sprava-filtru:hover {
    background: url("../img/menu_ico_filtry_selected.png") center center no-repeat;
    background-size: contain;    
}

.div-sprava-filtru-obsah {
    position: fixed;
    z-index: 200;
    top: 131px;
    right: 40px;
    background: var(--cbila);
    padding: 20px;
    box-shadow: 0px 0px 5px var(--cseda3);  
    border-radius: 5px;
    display: none;
}

.div-data-menu-left {
    width: calc(100% - 120px);
    float: left;
}

.img-filtry-aplikovat, .img-filtry-smazat {
    width: 20px;
    height: 20px;
    float: left;
    margin: 10px 0px 10px 10px;
    cursor: pointer;
}

.input-filtry-nadpis-ulozene {
    width: 230px !important;
    float: left;
}

#div-data-editace-uploader-pridruzeny {
    width: 100%;
    float: left;
    display: none;
}

.div-pridruzeny {
    width: calc(100%);
    float: left;
    border-bottom: 1px solid #dee9fd;
}

.div-pridruzeny1 {
    width: calc(100% - 104px);
    padding: 5px 5px 5px 0px;
    float: left;
}

.div-pridruzeny2 {
    width: 30px;
    padding: 5px;
    float: left;
}

.div-pridruzeny3 {
    width: 20px;
    padding: 5px;
    float: left;
}

.div-pridruzeny4 {
    width: 20px;
    padding: 5px 0px 5px 5px;
    float: left;
}

.div-edit-pridruzeny {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("../img/bcg_edit.webp") center center no-repeat var(--cbila);
    background-size: 12px 12px;
    border-radius: 50px;
    border: 1px solid var(--cmodra4);
    cursor: pointer;
    transition: all ease 0.7s;      
}

.div-edit-pridruzeny:hover, .div-smazat2-pridruzeny:hover {
    transform: rotate(180deg);  
}

.div-smazat2-pridruzeny {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background: url("../img/bcg_smazat2.webp") center center no-repeat var(--cbila);
    background-size: 12px 12px;
    border-radius: 50px;
    border: 1px solid var(--cmodra4);
    cursor: pointer;
    transition: all ease 0.7s;      
}

.pointer {
    cursor: pointer;
}

.div-zesvetlit {
    background-blend-mode: lighten;
    background-color: rgba(255, 255, 255, 0.6);
}

.div-dostupny-od {
    float: left;
    border-radius: 10px;
    color: var(--cmodra2);
    background: var(--cbila);
    border: 2px solid var(--ccervena);
    padding: 0px 10px 0px 10px;
    position: relative;
    top: 20px;
    left: 5px;
    font-size: 10px;
    line-height: 12px;
    margin: 0px;
    text-align: center;
}

.div-zobrazeni {
    width: 36px;
    height: 30px;
    float: right;
    cursor: pointer;
    background-size: contain;
    transition: all ease 0.7s; 
    margin-top: 10px;
    cursor: pointer;
    margin-left: 20px;
}

.div-zobrazeni1 {
    background: url("../img/bcg_data_bloky.png") center center no-repeat;
}

.div-zobrazeni1:hover {
    background: url("../img/bcg_data_bloky_selected.png") center center no-repeat;
}

.div-zobrazeni2 {
    background: url("../img/bcg_data_seznam.png") center center no-repeat;
}

.div-zobrazeni2:hover {
    background: url("../img/bcg_data_seznam_selected.png") center center no-repeat;
}

.table-data-seznam {
    width: 100%;    
}

.table-data-seznam tr td {
    padding: 10px;
    border-bottom: 1px solid var(--cseda);
}

.tr-hlavicka {
    background: var(--cmodra2);
    color: var(--cbila);
}

.td-ikona {
    width: 40px;
    height: 40px;
    float: left;
}

.td-ikona a {
    width: 100%;
    height: 100%;
    float: left;
}

.pdfImage {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}






#ico-vyhledavani {
    width: 25px;
    height: 25px;
    float: right;
    margin: 27px 0px 0px 15px;
    background: url("../imgpwa/bcg_vyhledavani2.webp") center center no-repeat;
    background-size: contain;
    transition: all ease 0.7s;
    cursor: pointer;
}

#ico-vyhledavani:hover {
    transform: scale(1.05);
}

.flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;  
}

.flex-container > div {
  padding: 0px 0px 0px 0px;
}

.input-vyhledavani {
    width: 400px;
    float: left;
    border: 1px solid var(--cmodra4) !important;
    border-radius: 20px 0px 0px 20px !important;
    padding: 10px 20px 10px 20px;
    text-align: center;
    transition: all ease 0.7s;
    background: var(--cbila) !important;
    color: var(--cseda7);
    height: 18px;
    font-size: 18px;
}

.input-vyhledavani:hover {
    color: var(--cseda);
    border-radius: 20px 0px 0px 20px !important;
}

.submit-vyhledavani {
    float: left;
    height: 40px;
    width: 50px;
    border: none;
    background: url("../imgpwa/bcg_vyhledavani2.webp") 10px center no-repeat var(--cmodra4);
    background-size: 20px 20px;
    cursor: pointer;
    border-radius: 0px 20px 20px 0px;
    transition: all ease 0.7s;
}

.submit-vyhledavani:hover {
    background: url("../imgpwa/bcg_vyhledavani2.webp") 10px center no-repeat var(--cseda);
    background-size: 20px 20px;
}

#div-vyhledavani {
    width: calc(100%);
    position: fixed;
    top: 80px;
    left: 0px;
    padding: 20px 0px 20px 0px;
    border-bottom: 3px solid var(--cseda3);
    background: var(--cbila);
    display: none;  
    z-index: 30;
}