body {
	display: grid;
	max-width: 1024px;
	margin: 0 auto;
	border: 1px solid blue;
	grid-template-columns: auto 150px;
	grid-template-rows: 150px auto 150px;
}

}
header {
	font-family: Calibri, Arial, sans-serif;
	color: white;
	text-transform: capitalize;
	color: red;
	text-align: center;
	background: blue;
}
footer {
	font-family: Calibri, Arial, sans-serif;
	color: white;
	text-transform: lowercase;
	background: aqua; 
}
header {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	border: 1px solid blue;
}
nav a {
	grid-column: 2 / 3;
	grid-row: 2 / span 2;
	border: 1px solid red;
}
section {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	border: 1px solid blue;
}
footer  {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-size: x-small;
	border: 1px solid blue;
}
h1, h2{
	font-family: Calibri, Arial, sans-serif;
	text-align: center;
	color:white;
	background: black;
	}
	
p	{
	font-family: Time New Roman, Geogria, serif;
	text-align: justify;
	color: black;
	}
	
nav a {
	font-family: Calibri, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: blue;
	font-size: large;
	background: black;
	display: block;
	margin: 2px;
	padding: 5px 0px 5px 15px;
	border: 5px outset #ffffff;
;
	
	}
nav a:hover {
	color: white;
	background: red;
}
nav a:active {
	color: red;
	background: green;
	border: 5px inset #ffffff;
;
}	
nav a#vybran {
	color: blue;
	background: gray;
}
table,th,td {
	border: 1px solid black;
	font-family: sans-serif;
}	
table {
	border-collapse: collapse;
}
tr:nth-child(odd) {
	background: #DDDDDD;
}
td {
	text-align: center;
	width: 8%;
}