.galerie_obrazky{
border: 1px solid #57870a;
width: 302px;
height: 200px;
margin: 5px;
background: black;
background-position: 50% 50%;
background-repeat: no-repeat;
overflow: hidden;
float: left;
opacity: 1;
background-size: cover;
}

.galerie_obrazky:hover{
opacity: 0.5;
}

.galerie_slozka:hover >.galerie_obrazky, .galerie_slozka_s_fotkou:hover >.galerie_obrazky{
opacity: 1;
}



.float_disable{
 float:none !important;
}

.galerie_obrazek{
height: 95px;
}

.galerie_videa{
border: 2px solid red;
width: 100px;
height: 100px;
float: left;
margin: 5px;
background-position: 50% 50%;
background-repeat: no-repeat;
background: white;
}

.galerie_slozka{
border: 1px solid #57870a;
height: 290px;
background: #84c225;
padding: 5px;
padding-top: 30px;
margin-bottom: 5px;
position: relative;
}

.galerie_slozka:hover{
border: 1px solid #57870a;
background: #57870a;
}

.galerie_slozka .galerie_obrazky{
margin-left: 20px;
margin-right: 20px;
margin: 0px auto;
}
.galerie_slozka .galerie_videa{
margin-left: 20px;
margin-right: 20px;
margin: 0px auto;
}
.galerie_slozka h3{
text-align: center;
margin: 2px;
font-size: 12px;
color: white !important;
padding-top: 6px;
}
.galerie_slozka h4{
text-align: center;
font-size: 9px;
font-style: italic;
color: #f4f1f1 !important;
margin-top: 1px;
margin-bottom: 0px;
position: absolute;
bottom: 10px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.galerie_slozka_s_fotkou{
border: 1px solid #57870a;
height: 290px;
background: #5FB631;
padding: 5px;
padding-top: 30px;
margin-bottom: 5px;
position: relative;
}


.galerie_slozka_s_fotkou:hover{
border: 1px solid #57870a;
background: #57870a;
}

.galerie_slozka_s_fotkou .galerie_obrazky{
margin-left: 20px;
margin-right: 20px;
margin: 0px auto;
}
.galerie_slozka_s_fotkou .galerie_videa{
margin-left: 20px;
margin-right: 20px;
margin: 0px auto;
}
.galerie_slozka_s_fotkou h3{
text-align: center;
margin: 2px;
font-size: 12px;
color: white !important;
padding-top: 6px;
}

.galerie_slozka_s_fotkou h4{
text-align: center;
font-size: 9px;
font-style: italic;
color: #f4f1f1 !important;
    margin-top: 1px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}


.galerie_hledat{
float: left;
margin: 5px;
margin-left: 5px;

}
.galerie_razeni{
float: left;
margin: 5px;
}
.galerie_adresare{
float: left;
margin: 5px;
}
.galerie_navigace{
margin-bottom: 10px;
margin-top: 5px;
height: 32px;
clear: both;
}
.galerie_vysledky{
margin-left: 20px;
margin-right: 20px;
}
.galerie_rok{
float: left;
margin: 5px;
}
.galerie_fotek{
background-image: url(/admin/src/gengine/images/gallery_folders.png);
    color: white;
    position: absolute;
    bottom: 0px;
    background-repeat: no-repeat;
    /* width: 60px; */
    left: 2px;
    padding-left: 25px;
    /* padding-top: 2px; */
    background-position: left;
    margin-bottom: 0px;
}

.galerie_slozek{
background-image: url(/admin/src/gengine/images/gallery_images.png);
color: white;
position: absolute;
bottom: 0px;
background-repeat: no-repeat;
/* width: 60px; */
right: 2px;
padding-right: 25px;
background-position: right;
margin-bottom: 0px;
}

/* Zobrazení fotonáhledu Swipeboxu POUZE ve středové aktivní oblasti infokiosku */
.kiosk-center-content #swipebox-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 50 !important;
}
#swipebox-overlay {
    position: fixed !important;
    top: var(--header-height, 110px) !important;
    bottom: var(--footer-height, 42px) !important;
    left: var(--menu-width, 320px) !important;
    right: var(--menu-width, 320px) !important;
    width: calc(100vw - (2 * var(--menu-width, 320px))) !important;
    height: calc(100vh - var(--header-height, 110px) - var(--footer-height, 42px)) !important;
    z-index: 50 !important;
}