div#galleryPage a{
	text-decoration: none;
}

/* Nadpis galerie */
div#galleryPage h1 {
	padding: 0;
	font-size: 16px;
	color: #990066;		/* purple */
	font-weight:bold;
	text-align: center; 
} 

/* Podnadpis galerie */
div#galleryPage h2 {
	padding-top: 0;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	color: #006633;		/* green */
	margin-bottom: 1.5em;
}
div#galleryPage pre {
	overflow-x: auto;
}

/* Celá plocha galerie */
div#galleryPage {
	width: 705px;					/* šířka celé galerie */
	background-color: transparent;	/* barva pozadí celé galerie */
	margin: 0 auto;
	text-align: left;
}
div#galleryPage div#container {
	padding: 0px;
}
div#galleryPage div#ads {
	clear: both;
	padding: 12px 0 12px 0px;
}

/*  */
div#galleryPage div.content {
	display: none;
	float: right;
	width: 420px;	/* šířka divu pro velké fotky */
}

/* Navigační odkazy velkých fotek ***************************************************/
div#galleryPage div.content a, div#galleryPage div.navigation a {
	text-decoration: none;
	color: #39F;			/* (modrá) zákl. barva textu navig. odkazů */
}
div#galleryPage div.content a:focus, div#galleryPage div.content a:hover, div#galleryPage div.content a:active {
	text-decoration: none;	/* podtržení textu navig. odkazů po najetí myši */
}
div#galleryPage div.controls {
	margin-top: 5px;
	padding-left: 4px;
	height: 23px;			/* výška divu navig. odkazů velkých obrázků */
}

/* Odsazení navig. odkazů velkých obrázků od levého okraje velké fotky */div#galleryPage div.controls a {
	padding: 5px;		
}

/* Stranové umístění odkazu pro slideshow */
div#galleryPage div.ss-controls {
	float: right; 
	margin-right: 15px;
}

/* Stranové umístění navig. odkazů velkých obrázků */
div#galleryPage div.nav-controls {
	float: center; 
}

/* Rozteč mezi navigačními odkazy */
div#galleryPage a.next {
	margin-left: 20px;
}

div#galleryPage div.slideshow-container {
	position: relative;
	clear: both;
	height: 315px;		/* výška divu pro velké fotky - odstup od titulků */
}
div#galleryPage div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 420px;		/* šířka ? */
	height: 301px;		/* max. možná výška obrázku v prezentaci */
}

/* Prezentace */
div#galleryPage div.slideshow {
}

div#galleryPage div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div#galleryPage div.slideshow a.advance-link {
	display: block;
	width: 410px;       /* šířka obrázku v prezentaci */
	height: 300px;      /* výška obrázku v prezentaci */
	line-height: 300px; /* výška obrázku v prezentaci */
	text-align: center;
}
div#galleryPage div.slideshow a.advance-link:hover, div#galleryPage div.slideshow a.advance-link:active, div#galleryPage div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div#galleryPage div.slideshow img {
	vertical-align: top; /* výšková orientace obrázku v prohlížecím okně */
	border: 0; 			 /* rámeček prohlížecího okna */
}
div#galleryPage div.download {
	float: right;
}

/* Titulky obrázků a popisné texty pod prohlížecím oknem */
div#galleryPage div.caption-container {
	position: relative;
	clear: left;
	height: 100px;
}
/* div pro titulek a popisek obrázku */
div#galleryPage div.caption {
	padding: 0 0 0 5px;    		
	color: #9D0000;		/* (hnědá) barva textu popisek */
}

div#galleryPage span.image-caption {
	display: block;
	position: absolute;
	width: 405px;		/* šířka divu pro popisek */
}

/* Titulek obrázku */
div#galleryPage div.image-title {
	font-weight: bold;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* Popisný text pod titulkem obrázku */
div#galleryPage div.image-desc {
	line-height: 1.3em;
	font-size: 11px;
	margin-top: 10px;
	text-align:left;
}


/* Panel miniatur ******************************************************/
div#galleryPage ul.thumbs {
	clear: both;
	margin-left: 2px;		/* odsazení panelu miniatur od levého okraje */
	padding: 0;
}
div#galleryPage ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;	/* mezery mezi miniaturami */
	list-style: none;
}
div#galleryPage a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #cccccc;
}

/* Rámeček vybraného náhledu */
div#galleryPage ul.thumbs li.selected a.thumb {
	background: #FF0000;	/* (červená) barva rámečku vybraného náhledu  */
}
div#galleryPage a.thumb:focus {
	outline: none;
}
div#galleryPage ul.thumbs img {
	border: none;
	display: block;
}

/* Navigace sad, horní paleta příkazů */
div#galleryPage div.navigation div.top {
	margin-bottom: 12px;	/* horní výškový odstup palety od miniatur */
	/*height: 11px;*/
}

/* Navigace sad, dolní paleta příkazů */
div#galleryPage div.navigation div.bottom {
	margin-top: 12px;		/* dolní výškový odstup palety od miniatur */
}

/* Navigace sad */
div#galleryPage div.pagination {
	clear: both;
}

/* Navigace sad */
div#galleryPage div.pagination a, div#galleryPage div.pagination span.current, div#galleryPage div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: solid 1px #cccccc; /* šedá */
}

/* Navigace sad po najetí myši*/
div#galleryPage div.pagination a:hover {
	background-color: #fc9; /* béžová */
	text-decoration: none;
}

/* Navigace sad, aktivní sada */
div#galleryPage div.pagination span.current {
	font-weight: bold;
	background-color: #ffffcc;	/* růžová */
	border-color: #ff66ff;		/* lila */
	color: #ff66ff;				/* lila */
}

div#galleryPage div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


/* =====================================================================
   MODERNIZACE 2026 – mobilní zobrazení galerie
   (miniatury nahoře, velká fotka pod nimi, na celou šířku okna)
   ===================================================================== */
@media (max-width: 860px) {
	div#galleryPage { width: auto; max-width: 100%; }
	div#galleryPage div.navigation { float: none !important; width: auto !important; }
	div#galleryPage div.content { float: none; width: auto; clear: both; }
	div#galleryPage div.loader { width: 100%; }
	div#galleryPage div.slideshow span.image-wrapper { position: static; }
	div#galleryPage div.slideshow a.advance-link { width: auto; height: auto; line-height: normal; }
	div#galleryPage div.slideshow img { max-width: 100%; height: auto; }
	div#galleryPage span.image-caption { position: static; width: auto; }
	div#galleryPage div.caption-container { clear: both; height: auto !important; }
	div#galleryPage div.slideshow, div#galleryPage div.slideshow-container { height: auto !important; }
	div#galleryPage div.navigation div.top, div#galleryPage div.navigation div.bottom { position: static; clear: both; margin: 8px 0; }
	div#galleryPage div.content { margin-bottom: 12px; }
}