@charset "UTF-8";

@font-face {
	font-family: aps;
	src: url('aps.ttf');
}
@font-face {
	font-family: ar;
	src: url('ar.ttf');
}

h1, h2, h3 {
	font-family: aps, fantasy;
	font-weight: normal;
}
p, li, label, button, input, dt, dd {
	font-family: ar, serif;
	font-size: 3vh;
}
.subtitle {
	font-size: 2vh;
}
h1 {
	margin-top: 2vh;
	margin-bottom: 2vh;
	font-size: 7vh;
}
h1 img {
	height: 5vw;
}
h2 {
	font-size: 6vh;
}
h3 {
	font-size: 5vh;
}
body, html {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
#center {
	padding-top: 2vw;
	margin: auto;
	text-shadow: 1px 1px 8px white;
	width: 50vw;
	text-align: left;
}
#left, #right {
	width: 24vw;
	padding: 0;
}
#left li, #right li {
	list-style: none;
	font-family: aps, fantasy;
	font-size: 5vh;
	margin-top: 5vw;
}
#left li a, #right li a, h2 a {
	text-decoration: none;
	color: black;
}
#left {
	float: left;
	text-align: right;
}
#right {
	float: right;
	text-align: left;
}

#strom {
	width: 50vw;
	margin: auto;
	max-width: 100vh;
}
#left #strom {
	position: fixed;
	left: -25vw;
	z-index: -1;
}
#right #strom {
	position: fixed;
	right: -25vw;
	z-index: -1;
}

#jeleni {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 20vw;
	max-width: 20vh;
}
#map {
	width: 100%;
	height: 40vh;
	border: 0
}
@media only screen and (max-width:600px) {
	#center {
		width: 95vw;	
	}
	img {
		opacity: 0.5;
	}
}
.error {
	color: red;
}
input[type=checkbox],
input[type=radio] {
	vertical-align: middle;
}
input[type=radio] {
	margin-top: -0.5vh;
}
dt {
	margin-top: 2vh;
	font-weight: bold;
}