/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

#nabidka_prvni {width: 100%; height: 45px; display: block; overflow: hidden; position: fixed; top: 0px; left: 0px; font-size: 15px; text-align: center; z-index: 30;}

.nabidka_prvni_prvek {height: 45px; position: relative; top: 0px; left: 0px; display: inline-block; float: left; line-height: 45px; padding-left: 20px; padding-right: 20px;}
#nabidka_prvni_uvod {height: 45px; position: relative; top: 0px; left: 0px; display: inline-block; float: left; font-size: 22px; font-weight: bold; line-height: 45px; padding-left: 30px; padding-right: 30px; margin-left: 2%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;}

#nabidka_ujmeno {height: 45px; position: relative; top: 0px; left: 0px; display: inline-block; float: right; line-height: 45px; cursor: pointer; margin-right: 3%;}
#nabidka_ujmeno_pozadi {width: 100%; height: 100%; position: absolute; left: 0px; display: none; z-index: -1;}

#nabidka_ujmeno_respo {height: 45px; position: relative; top: 0px; left: 0px; display: none; float: right; line-height: 45px; cursor: pointer; padding-left: 20px; padding-right: 20px; margin-right: 3%;}
#nabidka_ujmeno_pozadi_respo {width: 100%; height: 100%; position: absolute; left: 0px; display: none; z-index: -1;}

#nabidka_kategorie {width: 100%; position: fixed; top: 45px; display: block; z-index: 30;}
.nabidka_kategorie_ramecek {max-height: 50vh; display: none; overflow: auto; position: absolute; top: 0px; left: 0px; font-size: 15px; z-index: 30;}
.nabidka_kategorie_radek {width: 100%; display: block; font-size: 12px; cursor: pointer; padding: 10px 20px 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.nabidka_kategorie_respo_ramecek {width: 150px; max-height: calc(100vh - 45px); overflow-y: auto; position: absolute; top: 0px; right: calc(150px + 3%); display: none; text-align: left; font-size: 12px; z-index: 30;}
.nabidka_kategorie_respo_radek {width: 100%; display: block; font-size: 12px; cursor: pointer; text-align: center; padding: 10px 20px 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

@media only screen and (max-height: 700px) {#nabidka_prvni, #nabidka_kategorie {position: absolute;}}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/