body {
	background-image: url('pozadi.jpg');
}

div {
	margin: 100px auto;
	padding: 50px;
	background-color: rgb(114, 94, 151);
	width: 70%;
	border-radius: 20px;
	border-style: solid;
	border-width: 4px;
	border-color: rgb(115, 45, 143);
}

p, label, ul {
	font-size: 22px;
	font-weight: bold;
}

input, button {
	font-size: 15px;
}

.vycentrovat {
	text-align: center;
}

label {
	font-size: 20px;
}

table, th {
	border-style: solid;
	border-collapse: collapse;
	border-width: 4	px;
	padding: 10px;	
	border-color: black;
	margin-left: auto;
    margin-right: auto;
	font-size: 30px;
}


h1 {
	font-size: 50px;
}

h2 {
	font-size: 50px;	
	text-align: center;
}

.a-index {
	font-size: 20px;
	text-align: center;
	padding-left: 30px;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
}

.a-index:hover {
	color:orange;
}

.a-seznam {
	font-size: x-large;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
	margin-right: 15px
}

.a-seznam:hover {
	color:orange;
}

.a-data {
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
}

.a-data:hover {
	color:orange;
}

.obrazek-kamera {
	display: block;
	width: 60%;
	height: auto;
	margin: auto;
	border-style: solid;
	border-radius: 10px;
	border-width: 5px;
	border-color: black;
}

.obrazek-kamera:hover {
  filter: brightness(.7)
}

.obrazek-data {
	display: block;
	width: 66%;
	margin: auto;
	border-style: solid;
	border-radius: 10px;
	border-width: 5px;
	border-color: black;
}

.obrazek-data:hover {
  filter: brightness(.7)
}

.obrazek-popis {
	display: block;
	width: 50%;
	margin: auto;
	border-style: solid;
	border-radius: 10px;
	border-width: 5px;
	border-color: black;
}