html {overflow-anchor: auto; /*CSS vlastnost overflow-anchor umo �ą ��  �ąď   �uje nastavit, jak si m � �� � �� prohl � �� � � �ą �� eĂ ���  � pamatovat, kam bylo odscrollov � �� � ��no*/
}
.nav-link {
	color: orange !important;       /*zmena farby p�sma v nav bare, !important - mus  by� pri bootstrape*/
  }
  /*vytvorenie bo�nej posuvnej li�ty*/
  /* ��rka posuvnika */
::-webkit-scrollbar {
  width: 15px;
}

/* pozadie posuvnika */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* posuvnik */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* zmena farby posuvnika po prejden� my�kou */
::-webkit-scrollbar-thumb:hover {
  background: red;     /* #555 �tandartn� tmavo siv� */
}
.cistic {
          clear: both;
          }
.medzery {
	//v pr pade potreby doplnit triedu do class=rowgap: 0.5%;
}
#obrazky img {
	margin: 3px;
	border: 2px solid gray;
	box-shadow: 3px 3px 6px black;
}
#obrazky img:hover {
	-webkit-transform: scale(1.05);
/* Safari and Chrome */
	-moz-transform: scale(1.05);
/* Firefox */
	-ms-transform: scale(1.05);
/* IE 9 */
	-o-transform: scale(1.05);
/* Opera */
	transform: scale(1.05);
	opacity: 0.8;
}
.article img {
	max-width: 100%;
	height: auto;
}
#otazka {
	font-family: Comic sans MS;
	color: #3399FF;
}
a {
	text-decoration: none;
}
h3 {
	text-decoration: none;
}

p {
	margin: 15px;
	text-align: justify;
	text-indent: 50px;
}
.one {
	color: #8F3A84;
}
.two {
	background-color: rgb(255, 0, 0);
	display: flex;
	align-items: center;
	justify-content: center;
}
.two a {
	color: #FDD835;
	font-weight: bold;
}
.roky a {
	color: #8F3A84;
	font-weight: bold;
}
.five {
	grid-row-start: 3;
	grid-row-end: 4;
	grid-column-start: 2;
	grid-column-end: 3;
}
.three {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF407;
}
.three a {
	color: #8F3A84;
	font-weight: bold;
}
.six {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF407;
}
.nested a {
	color: red;
	font-family: garamond;
}
.nested {
	padding: 5px;
}
.one, .five {
	background-color: aqua;
}
.four, .six {
	background-color: chartreuse;
}

#pata {
	display: flex;
	align-items: flex-end;
	padding: 10px;
	justify-content: center;
	background-color: #85cf44;
	max-width: 100%;
	font-size: 15px;
}
#pata a {
	text-decoration: none;
	color: #A0522D;
}
#clanok {
	margin-right: 25px;
	margin-left: 25px;
	font-size: 18px;
}
div.stranky {
	width: 90%;
	margin-top: 10px;
	margin-left: 50px;
	text-align: center;
}
.stranky a {
	float: left;
	width: 100px;
	text-align: left;
}
.stranky span + a {
	float: right;
	text-align: right;
}
.stranky span {
	width: 140px;
	text-align: center;
}
.stranky span:first-child {
	position: relative;
	left: 50px;
}
.stranky span:last-child {
	position: relative;
	right: 50px;
}
.stranky span:only-child {
	position: relative;
	left: 0px;
	right: 0px;
}
#container {
  display: flex;
  justify-content: space-around;
  margin: auto;
  flex-flow: row wrap;
  overflow: auto;
}

article {
	padding: 1.2em;
	border-radius: .7em;
	margin: 5px;
	flex: 0 1 200px;
	color: black;
}
article:nth-child(1) {
	background: #e8ec0c;
}
article:nth-child(2) {
	background: #4bec0c;
}
article:nth-child(3) {
	background: #0c9eec;
}
article:nth-child(4) {
	background: #ec0cc7;
}
article:nth-child(5) {
	background: #0cecd9;
}
article:nth-child(6) {
	background: #ec0c0c;
}
article:nth-child(7) {
	background: #FF7F50;
}
article:nth-child(8) {
	background: #F0E68C;
}
article:nth-child(9) {
	background: #6B8E23;
}
article:nth-child(10) {
	background: #7FFFD4;
}
article:nth-child(11) {
	background: #E6E6FA;
}
article:nth-child(12) {
	background: #778899;
}
article:nth-child(13) {
	background: #F4A460;
}
.galleria {
	height: 30em;
	background: #000;
	display: block;
}