body {
	margin: 0;
}
h1, h2, h3, h4, h5 {
	text-align: center;
}
h5 {
	font-size: 16px; margin-bottom: 0;
}

nav.prog {
	background-color: #00CCCC;
}

nav.avto {
	background-color: #0000FF;
}

nav.desk {
	background-color: #FF0000;
}

nav {
	text-align: center; padding: 4px; font-size: 24px; display: block;
}
nav a {
	color: #FFFFFF; margin: 0 12px;
}
nav a:hover {
	color: #FFFF00;
}

a.navbtn {
	display: none; text-align: left; padding: 8px 0; background-color: #999999; color: #FFFF00; width: 100%; text-indent: 8px; font-weight: bold; position: relative; font-size: 24px;
}
a.navbtn:hover {
	color: #FFFFFF;
}
#mobilnav {
	display: none; position: absolute; top: 43px; left: 0; font-size: 18px; z-index: 99;
}
#mobilnav a {
	color: #FFFF00; background-color: #999999; text-decoration: none; padding: 8px; width: 100%; display: block;
}	
#mobilnav a:hover {
	color: #FFFFFF;
}

main {
	text-align: justify; padding: 8px; font-family: Arial; max-width: 960px; font-size: 16px; margin: 0 auto;
}
.telo {
	background-color: #FFFFFF; color: #000000; text-align: justify; padding: 8px; font-size: 18px;
}
table td {
	font-size: 18px;
}
table.mani td {
	font-size: 18px; text-align: center;
}
article p {
	margin: 0; padding: 0; text-indent: 30px; line-height: 22px;
}
.text p {
	margin: 0; padding: 0; text-indent: 30px; line-height: 22px;
}
.reklama {
	text-align: center;
}

img.left {
	float: left;
	margin: 0 8px 8px 0;
}

@media only screen and (max-width: 640px) {
	a.navbtn {display: block;}
	nav.desk {display: none;}
	nav.avto {display: none;}
	nav.prog {display: none;}
}
