body {
	background-color: #ece3cf;
  }

p.pocet,
p.poradi,
p.popisek {
	text-align: center;
	margin: 0.5em 0;
  }

div.popis {
	max-width: 855px;
	margin: 0 auto 1em auto;
  }

ul.galerie {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
  }

ul.galerie li {
	display: inline-block;
	margin: 3px;
	vertical-align: top;
  }

ul.galerie a {
	display: block;
	border: 2px solid transparent;
  }

ul.galerie a:hover {
	border-color: #1962bb;
  }

ul.galerie img {
	display: block;
	border: 0;
  }

div.fotka-navigace {
	margin: 0.5em 0;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	white-space: nowrap;
  }

div.fotka-navigace a,
div.fotka-navigace span.misto {
	display: inline-block;
	margin: 3px 4px;
	padding: 2px 10px;
	color: #000000;
	text-decoration: none;
	border: 2px solid #c8b383;
	background-color: #f0e2bf;
	background-image: linear-gradient(#ffffff, #f0e2bf 60%);
	-webkit-text-stroke: 0.2px currentColor;
  }

div.fotka-navigace span.misto {
	visibility: hidden;
  }

div.fotka-navigace a:hover {
	background-image: linear-gradient(#ffffff, #f8efd9 60%);
  }

p.fotka img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 85vh;
  }

@media (max-width: 400px) {
	div.fotka-navigace a,
	div.fotka-navigace span.misto {
		margin: 3px 1px;
		padding: 2px 6px;
	  }

	div.fotka-navigace span.dlouhe {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	  }
  }

ul.odkazy-akce {
	display: inline-block;
	margin: 1em auto;
	padding: 0 0 0 1.5em;
	text-align: left;
  }

ul.roky {
	max-width: 855px;
	margin: 0.5em auto 1em auto;
	padding: 0;
	list-style: none;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
  }

ul.roky li {
	display: inline-block;
	margin: 3px 2px;
  }

ul.roky a {
	display: inline-block;
	padding: 2px 8px;
	color: #000000;
	text-decoration: none;
	border: 2px solid #c8b383;
	background-color: #f0e2bf;
	background-image: linear-gradient(#ffffff, #f0e2bf 60%);
	-webkit-text-stroke: 0.2px currentColor;
  }

ul.roky a:hover {
	background-image: linear-gradient(#ffffff, #f8efd9 60%);
  }

h2.oddil {
	margin: 1em 0 0.5em 0;
  }

p.oddil {
	text-align: center;
	font-size: 0.9em;
	margin: 0.5em 0;
  }

body.modre {
	background-color: #afc8e7;
  }

body.modre div.fotka-navigace a,
body.modre div.fotka-navigace span.misto {
	border-color: #77a6dc;
	background-color: #bfe9ff;
	background-image: linear-gradient(#ffffff, #bfe9ff 60%);
  }

body.modre div.fotka-navigace a:hover {
	background-image: linear-gradient(#ffffff, #d1ffff 60%);
  }