/*  *** CSS pro SLIMBOX gallery podstranky, ver MR-Landar 2021-08 ***  */
/* ---- PC + NTB scr  ----- */
@media screen and (min-width: 100px) /*  ...(min-width: 991px)  */
{

/*  xxxxxxx v hlavnim CSS kvuli platnosti ramu u A-HREF na IMG vzdy
.gallery .img {height: 120px; float: right; margin: 10px 5px 40px 5px; text-align: center;}
.gallery .img a {display: inline-block; border: 6px solid #ddd; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 0px;}
.gallery .img a:hover {border-color: #999;}
.gallery img {border: none;}
xxxxxxxxxx */

.gallery h3 {color: #496479;}
.gallery .pagenavigation {height: 50px;}

.gallery .prevpage a, .gallery .prevpage em {display: block; width: 50px; height: 39px; float: left; margin: 0; text-indent: -1000px; overflow: hidden;
  background: url(../gallerry/slimbox_img/previous.png) transparent no-repeat 0 0;}

.gallery .nextpage a, .gallery .nextpage em {display: block; width: 50px; height: 39px; float: left; margin: 0 6px 0 0; text-indent: -1000px; overflow: hidden;
  background: url(../gallerry/slimbox_img/next.png) transparent no-repeat 0 0;}

.gallery .parentlink a {display: block; width: 50px; height: 39px; float: left; text-indent: -1000px; overflow: hidden;
  background: url(../gallerry/slimbox_img/uppage.png) transparent no-repeat 0 0;}

.gallery .pagenavigation a:hover {background-position: 0 -40px;}
.gallery .prevpage em, .gallery .nextpage em {background-position: 0 -80px;}

.gallery .pagelinks {float: right; border-right: 2px solid #666;}
.gallery .pagelinks a, .gallery .pagelinks em {margin-top: 6px; padding: 0 6px; border-left: 2px solid #666; text-align: center; font: bold 11px verdana; color: #666;}

.gallery .pagelinks em {color: #000;}
.galleryclear {clear: both;}


/* SLIMBOX */

#lbOverlay {position: fixed; /* z-index: 9999; */ z-index: 1980; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}

#lbCenter, #lbBottomContainer { 
	position: absolute; /* z-index: 9999; */
    z-index: 1990; overflow: hidden; background-color: #fff;
	/* max-width: 344px; height: auto; */  /* overflow: auto; */
    max-width: calc(100% - 20px) /* 100% */; height: auto !important; width: max-content !important /* 90% !important */;
    /* margin-left: 5% !important; left: 0px !important; */
    left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; /* Need a specific Width value to work this line (center) */
}

#SlmbControl {
    overflow: hidden;	
    /*  max-width: 584px !important;  */ 
    /* max-width: 325px !important; */
    /* height: auto; */
    /*** max-height: 480px !important; /zde se omezi vyska jen na plochu displeje!/ ***/
    /*height: 80% !important; --- je nulaaaa, proccc?? */ 
    /* height: auto; background-size: contain; */
    max-width: 100%; height: auto !important; width: 100% !important;
}

.lbLoading {background: #fff url(../gallerry/slimbox_img/loading.gif) no-repeat center;}

#lbImage {position: relative; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; z-index: 2000;
  /* max-width: 564px; height: auto !important; background-size: contain; */ overflow: hidden; /*  background-size: 550px auto;  */ }

#lbImage img {z-index: 2100 !important; /* max-width: 324px; */ 
  height: auto !important; position: relative !important;
  max-width: 100%; height: auto !important; /* width: 100%; */ }

#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 25%; /* 50% */
	height: 100% !important; outline: none; z-index: 2300 !important;}

#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../gallerry/slimbox_img/prevlabel_b.svg) no-repeat 0 48%; background-size: 60px;}

#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../gallerry/slimbox_img/nextlabel_b.svg) no-repeat 100% 48%; background-size: 60px;}

#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;
  color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}

#lbCloseLink {display: block; float: right; width: 80px; height: 22px; margin: 5px 0; outline: none;
  background: transparent url(../gallerry/slimbox_img/closelabel_c.svg) no-repeat center; background-size: 92%;}

#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold; visibility: hidden;}
#lbNumber {font-size: 9pt;}

}

/* ---- mobile/tablet scr  ----- */
/* ---- smart phone scr  ----- */
/* @media screen and (min-width: 620px) and (max-width: 990px) {.... */
@media screen and (min-width: 100px) and (max-width: 990px) {  /*  viz PC NTB nahore, upraveno spolecne, zde jiz tedy nic */  }

@media screen and (min-width: 100px) and (max-width: 619px) { 
    #lbCenter, #lbBottomContainer {width: 100% !important; max-width: calc(100% - 0px) !important; margin-left: 0px !important;} 
}