body {
  font-family: Arial;
  background-color: #f9ecf2;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
}
header h1, header h2, header h3{
  font-family: Fantasy;
  /*font-style: oblique;*/
  color: purple;
  background-color: #f9ecf2;
}
header {
  height: 160px;
  /*background-color: #f9ecf2;*/
  background-color: #ecc6ec;
  border-style: outset;
  /*background-position: top right, left;*/
  /*background-repeat: no-repeat, repeat;*/
  background-size: contain;
  text-align: left;
  
}
section {
  width: 86%;
  float: right;
  background-color: #f9ecf2;/*ked tam je farba tak to prekryva prilis zmenseny napis*/
  padding-left: 2%;
  padding-right: 1%;
  padding-bottom: 2.5%;
  border: 1.5px inset black;
  border-radius: 35px;
}
section h2 {
  text-decoration: underline;
}
section a {
  text-decoration: none;
  color: purple;
}
section a:hover {
  background-color: #edc4d7;
  text-decoration: underline;
}
nav {
  width: 10%;
  float: left;
  background-color: #f9ecf2;/*
  position: fixed;
  left: 0.1;*/
}
nav a {
  display: block;
  padding: 5%;
  margin: 2px 0;
  text-align: center;
  border: 1.5px inset black;
  border-radius: 35px;
  text-decoration: none;
  color: purple;
  font-weight: bold;
  background-color: #ecc6ec;
}
nav a:hover {
  background-color: #f3d8e4;
  border: 5px inset #CCCCCC;
}
footer {/*
  width: 88%;
  float: right;
  padding-left: 1%;
  border: 1.5px inset black;
  border-radius: 35px;
  font-family: cursive;
  font-size: 0.9em;
  text-align: center;*/
  color: purple;
  background-color: #ecc6ec;
  text-align: center;
  font-size: 0.9em;
  font-family: fantasy;
  width: 96%;/*
  padding-left: 1%;*/
  border: 1.5px inset black;/*
  border-radius: 10px;*/
  /*float: right;*/
  position: fixed;
  bottom: 0;

}
figure {
	background-color: #fbf2ff;
	text-align: center;
	border: 2.5px solid black;
  border-radius: 10%;
	margin: 0.5em;
  padding: 0.5em;
	position: relative;
	clear: left;
  width: calc(20% - 1em - 30px);
    height: 310px;
    max-width: none;
    clear: none;
    position: none;
    float: left;
  image
}
figcaption {
	font-style: italic;
	font-weight: bold;
}
figure em {
	font-weight: bold;
}
figure img {
	max-height: 170px;
	width: auto;
	position: center;
}
fieldset legend {
  color: purple;
  font-family: fantasy;
}
fieldset {
  background-color: #fbf2ff;
  border: 2.5px groove purple;
  border-radius: 3%;
}
font {
  font-family: fantasy;
}

section table {
	border-collapse: separate;
	border-spacing: 5px;
	border: 2.5px groove purple;
  border-radius: 2%;
	empty-cells: hide;
  text-align: center;
	background-color: #f3d8e4;
}
section th, section td {
	border: 1px solid black;
  border-radius: 20%;
	padding: 0.5em;
}
table caption {
  color: purple;
  font-family: fantasy;
}
button {
  padding: 0.5%;
  text-align: center;
  border: 1.5px inset black;
  border-radius: 35px;
  text-decoration: none;
  color: purple;
  font-weight: bold;
  background-color: #ecc6ec;
}
button:hover {
  background-color: #f3d8e4;
  border: 5px inset #CCCCCC;
}
.tooltip .tooltiptext {
  visibility: hidden;
  max-width: 230px;
  text-align: center;
  font-weight: bold;

}
.tooltip:hover .tooltiptext {
  visibility: visible;

  position: absolute;
  z-index: 1;
  right: 100%;
  top: 0%; /*
  margin-left: 1%;*/
}

.tooltiptext {
  color: purple;
  background-color: #ecc6ec;
  border-radius: 6px;
  width: 230px;
}
.tooltip p {
  /*text-align: center;*/
}
.chyba {
	color: red;
}
.tabulka th {
  background-color: plum;
}
.tabulka tr {
  background-color: #f3d8e4;
}
.tabulka table{
  background-color: #ecc6ec;
}