body {
  margin: 0;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.topnav {
  overflow: hidden;
  text-align: center;
  position: relative;
  background-color: #2269c8;
}

.topnav img{
  vertical-align: middle;
  padding-right: 1%;
  padding-left: 1%;
}

.topnav a {
  color: #fff;
  display: inline-block;
  padding: 18px 20px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #5dade2;
  color: black;
}

.footr {
  margin-top: auto;
  overflow: hidden;
  background-color: #2269c8;
  color: #ffffff;
  text-align: center;
  padding: 18px 20px;
  text-decoration: none;
  font-size: 17px;
}

.telo {
	padding-top:2%;
	padding-left:15%;
    padding-right:15%
}
a.vtelu:link, a.vtelu:visited, a.vtelu:active {
	color: #000 !important;
}
a.vtelu:hover {
	color: #0000ff !important;
}

.barva {
width:50px;
height:auto;
padding: 0px 5px 0px 5px
}

.obrazky {
	height: auto;
	width: 100%;
	max-width: 550px;
}
table {margin-left: auto; margin-right: auto;}
h1 {font-size:1.5em;text-align:center;color: #0000ff;} 
h2 {font-size:1.1em;text-align:center;line-height: 2.2}
p {text-align:center;}
td {font-size:1.1em;line-height: 2.2;}