/* Prohlizec obrazku.
   Nahrazuje slimbox2 (jQuery). Vzhled je zamerne prevzaty 1:1 z puvodniho
   styles/slimbox2.css - cerne poloprusvitne pozadi, obrazek v bilem ramecku,
   popisek a pocitadlo dole, sipky pri najeti mysi na kraje. */

#lightbox
{
	/* Okno na stred obrazovky.
	   POZOR: prohlizec sam dava <dialog> 'margin: auto', jenze layout.css
	   ma na zacatku reset '* { padding: 0px; margin: 0px; }', ktery to
	   prebije - okno by pak sedelo v levem hornim rohu. Proto se margin
	   i ukotveni nastavuji vyslovne. */
	position: fixed;
	inset: 0;
	margin: auto;
	width: fit-content;
	height: fit-content;

	padding: 0;
	border: 0;
	max-width: 100%;
	max-height: 100%;
	background-color: #fff;
	overflow: hidden;
}

/* Puvodni #lbOverlay: cerna s pruhlednosti 0.8, kliknutim se zaviralo */
#lightbox::backdrop
{
	background-color: rgba(0, 0, 0, 0.8);
}

#lbImage
{
	display: block;
	border: 10px solid #fff;
	/* Aby se velky obrazek vzdy vesel na obrazovku i s rameckem a popiskem */
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 90px);
	width: auto;
	height: auto;
}

/* Nacitani - puvodni .lbLoading. V puvodnim souboru tu byl preklep
   'url(..images/loading.gif)' (chybelo lomitko), takze se nikdy nezobrazil. */
#lbImage.lbLoading
{
	min-width: 250px;
	min-height: 250px;
	background: #fff url(../images/loading.gif) no-repeat center;
}

/* Obal obrazku. Drzi sipky, aby nelezely pres listu s popiskem. */
#lbImageWrap
{
	position: relative;
}

/* Leva a prava polovina obrazku jako tlacitka predchozi/dalsi */
#lbPrevLink, #lbNextLink
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	padding: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	outline: none;
}

#lbPrevLink { left: 0; }
#lbNextLink { right: 0; }

#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }

/* Skryta tlacitka, kdyz je obrazek ve skupine sam */
#lbPrevLink[hidden], #lbNextLink[hidden] { display: none; }

#lbBottom
{
	position: relative;
	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: 66px;
	height: 22px;
	padding: 0;
	border: 0;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	cursor: pointer;
	outline: none;
}

#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#lbNumber:empty { display: none; }