* {
	font-family: Arial;
	color: #555;
}

body {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	@media screen and (min-width: 1024px) {
		font-size: 12px;
	}
}

a {
	text-decoration: none;
	color: #51791B;
}

a:hover {
	text-decoration: underline;
	color: #51791B;
}

h1 {
	font-size: 2em;
	color: #51791B;
	letter-spacing: 0.15em;
	font-weight: normal;
	border-bottom: 1px solid #5F8D26;
}

h2 {
	font-size: 1.2em;
	color: #999;
	letter-spacing: 0.15em;
	font-weight: normal;
}

table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

table td {
	margin: 0px;
	padding: 0.2em;
	border-bottom: 1px solid #D5EFB3;
}

#center {
	margin: 0px auto;
	padding: 50px 20px 20px 20px;
	@media screen and (min-width: 1024px) {
		width: 710px;
		padding: 50px 90px 20px 90px;
		border-left: 1px solid #5F8D26;
		border-right: 1px solid #5F8D26;
	}
}

#logo a {
	display: block;
	width: 200px;
	height: 70px;
	background: url('/images/logo.png');
	text-indent: -2000px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#logo h2 {
	display: none;
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	text-align: right;

	@media screen and (min-width: 1024px) {
		display: block;
	}
}

.top-mobile {
	display: flex;
	list-style: none;
	padding: 0px;
	margin-left: 10px;
	gap: 15px;
	font-size: 18px;
	font-weight: bold;
	@media screen and (min-width: 1024px) {
		display: none;
	}
}

#top {
	display: none;
    @media screen and (min-width: 1024px) {
        display: block;
    }
}

#top .box {
	width: 120px;
	height: 114px;
	float: left;
}

#top .b11 {
	background: url('/images/top11.jpg') no-repeat left top;
}

#top .b12 {
	background: url('/images/top12.jpg') no-repeat left top;
}

#top .b13 {
	background: url('/images/top13.jpg') no-repeat left top;
}

#top .b14 {
	background: url('/images/top14.jpg') no-repeat left top;
}

#top .b15 {
	background: url('/images/top15.jpg') no-repeat left top;
}

#top .b16 {
	background: url('/images/top16.jpg') no-repeat left top;
	width: 110px;
}

#top .b21 {
	background: url('/images/top21.jpg') no-repeat left top;
}

#top .b22 {
	background: url('/images/top22.jpg') no-repeat left top;
}

#top .b23 {
	background: url('/images/top23.jpg') no-repeat left top;
}

#top .b24 {
	background: url('/images/top24.jpg') no-repeat left top;
}

#top .b25 {
	background: url('/images/top25.jpg') no-repeat left top;
}

#top .b26 {
	background: url('/images/top26.jpg') no-repeat left top;
	width: 110px;
}

#top .b31 {
	background: url('/images/top31.jpg') no-repeat left top;
}

#top .b32 {
	background: url('/images/top32.jpg') no-repeat left top;
}

#top .b33 {
	background: url('/images/top33.jpg') no-repeat left top;
}

#top .b34 {
	background: url('/images/top34.jpg') no-repeat left top;
}

#top .b35 {
	background: url('/images/top35.jpg') no-repeat left top;
}

#top .b36 {
	background: url('/images/top36.jpg') no-repeat left top;
	width: 110px;
}

#top .box a {
	display: block;
	width: 110px;
	height: 65px;
	padding-top: 40px;
	text-align: center;
	font-size: 1.5em;
	text-decoration: none;
	color: #fff;
	background: none;
}

#top .box a.a11:hover, #top .box a.a11selected {
	background: url('/images/top11_s.jpg') no-repeat left top;
}

#top .box a.a12:hover, #top .box a.a12selected {
	background: url('/images/top12_s.jpg') no-repeat left top;
}

#top .box a.a13:hover, #top .box a.a13selected {
	background: url('/images/top13_s.jpg') no-repeat left top;
}

#top .box a.a14:hover, #top .box a.a14selected {
	background: url('/images/top14_s.jpg') no-repeat left top;
}

#top .box a.a15:hover, #top .box a.a15selected {
	background: url('/images/top15_s.jpg') no-repeat left top;
}

#top .box a.a16:hover, #top .box a.a16selected {
	background: url('/images/top16_s.jpg') no-repeat left top;
}

#top .box a.a21:hover, #top .box a.a21selected {
	background: url('/images/top21_s.jpg') no-repeat left top;
}

#top .box a.a22:hover, #top .box a.a22selected {
	background: url('/images/top22_s.jpg') no-repeat left top;
}

#top .box a.a23:hover, #top .box a.a23selected {
	background: url('/images/top23_s.jpg') no-repeat left top;
}

#top .box a.a24:hover, #top .box a.a24selected {
	background: url('/images/top24_s.jpg') no-repeat left top;
}

#top .box a.a25:hover, #top .box a.a25selected {
	background: url('/images/top25_s.jpg') no-repeat left top;
}

#top .box a.a26:hover, #top .box a.a26selected {
	background: url('/images/top26_s.jpg') no-repeat left top;
}

#top .box a.a31:hover, #top .box a.a31selected {
	background: url('/images/top31_s.jpg') no-repeat left top;
}

#top .box a.a32:hover, #top .box a.a32selected {
	background: url('/images/top32_s.jpg') no-repeat left top;
}

#top .box a.a33:hover, #top .box a.a33selected {
	background: url('/images/top33_s.jpg') no-repeat left top;
}

#top .box a.a34:hover, #top .box a.a34selected {
	background: url('/images/top34_s.jpg') no-repeat left top;
}

#top .box a.a35:hover, #top .box a.a35selected {
	background: url('/images/top35_s.jpg') no-repeat left top;
}

#top .box a.a36:hover, #top .box a.a36selected {
	background: url('/images/top36_s.jpg') no-repeat left top;
}

#content {
	clear: both;
	padding: 10px 20px 0px 10px;
}

#content img {
	max-width: 100%;
	height: auto;
}

#footer {
	padding: 10px 0px 0px 0px;
	text-align: right;
	border-top: 1px solid #5F8D26;
}

/* STYLY STRANEK Z ADMINISTRACE*/

img.left {
	float: left;
	margin: 10px;
}

tr.h1 td {
	background: #71A42E;
	font-size: 1.2em;
	color: #fff;
}

td.price {
	text-align: right;
}

.btn {
	display: inline-block;
	padding: 0.5em 1em;
	background: #71A42E;
	color: #fff;
	text-decoration: none;
	border-radius: 0.5em;
}