body {
	padding: 0px;
	margin: 0px;
	background-color: #AB2A17;
}

#page {
	padding: 0px;
	margin: 0px;
	width: 948px;
}

#main {
	background-image: url(images/main-top-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 10px 20px 20px 20px;
	position: relative;
}

#main-bottom {
	background-image: url(images/main-bottom-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	clear: both;
	height: 25px;
	width: 639px;
	left: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	bottom: -5px;
}

#header {
	height: 415px;
	background-image: url(images/header-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#logo {
	position: absolute;
	left: 10px;
	top: 170px;
	z-index: 900;
	width: 190px;
	height: 180px;
}

#primary {
	left: 300px;
	position: absolute;
	top: 20px;
	z-index: 800;
	width: 180px;
	height: 174px;
}

#primary ul {
	margin: 0px;
	padding: 0px;
}

#primary ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	display: block;
	text-align: left;
	float: left;
}

#primary ul li a,
#primary ul li a:visited {
	background-image: url(images/primary-li-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 17px;
	line-height: 19px;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 24px;
	color: #fff;
	text-decoration: none;
	width: 156px;
}

#primary ul li a:hover {
	color: #FD7454;
}

.sidebar {
	text-align: left;
}

.sidebar .block {
	margin-top: 7px;
}

.sidebar .block h2 {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 10px;
	color: #AA2B1C;
}

.sidebar #left-time {
	padding-left: 10px;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #E44738;
}

#footer {
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
	height: 35px;
	margin: 0px;
	color: #E86B59;
	font-size: 10px;
}

.blockinner {
	padding: 0;
	margin: 0;
}

.sidebar .content {
	padding: 0px 15px 0px 15px;
	background-color: #ffffff;
}

#seo-links {
	padding: 0px;
	margin: 10px 58px 15px 250px;
	position: relative;
	width: 640px;
}

#seo-links p {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	color: #E86B59;
}

#seo-links a:link,
#seo-links a:visited {
	color: #E86B59;
	text-decoration: none;
}

#seo-links a:hover {
	text-decoration: underline;
}

/* ── Clearfix ────────────────────────────────────────────────────── */
.clear-block::after {
	content: '';
	display: table;
	clear: both;
}

#main {
	min-height: 200px;
}

/* ── Seznam hostů – tabulka ──────────────────────────────────────── */
table.table_body {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 12px;
}
table.table_body th {
	background-color: #AB2A17;
	color: #fff;
	padding: 5px 8px;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}
table.table_body td {
	padding: 4px 8px;
	vertical-align: middle;
}
table.table_body tr.odd td  { background-color: #F6E9DB; }
table.table_body tr.even td { background-color: #F5F6DC; }
table.table_body img { width: 18px; height: 18px; vertical-align: middle; }

.block-seznam_hostu .content h2 {
	color: #AB2A17;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 6px 0;
	padding: 0;
}

/* ── Vzkazy – Drupal comment třídy ──────────────────────────────── */
#comments {
	font-size: 12px;
	line-height: 1.5;
}
#comments .comment {
	border-bottom: 1px solid #E8BBA8;
	padding: 14px 18px 16px 18px;
	margin-bottom: 8px;
}
#comments .comment.odd  { background-color: #F6E9DB; }
#comments .comment.even { background-color: #F5F6DC; }
#comments .comment .submitted {
	font-size: 11px;
	color: #777;
	font-style: italic;
	display: block;
	margin-bottom: 4px;
}
#comments .comment h3 {
	font-size: 13px;
	margin: 0 0 6px 0;
	padding: 0;
}
#comments .comment h3 a {
	color: #AB2A17;
	text-decoration: none;
	font-weight: bold;
}
#comments .comment h3 a:hover { text-decoration: underline; }
#comments .comment .content { margin: 0; padding: 0; }
#comments .indented { margin-left: 30px; }

/* ── Seznam hostů – tabulka (inline) ────────────────────────────── */
.seznam-hostu-table th { background-color: #AB2A17; color: #fff; padding: 3px 6px; text-align: left; font-size: 11px; }
.seznam-hostu-table td { padding: 2px 6px; font-size: 11px; }
.seznam-hostu-table tr.odd  { background-color: #F6E9DB; }
.seznam-hostu-table tr.even { background-color: #F5F6DC; }
.seznam-hostu-table img { width: 14px; height: 14px; }

/* ── Galerie ─────────────────────────────────────────────────────── */
.galleries { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 180px); gap: 15px 10px; }
.galleries li { text-align: center; list-style: none; }
.galleries li a.gal-img { display: block; width: 180px; height: 135px; overflow: hidden; border: 2px solid #DADCE0; box-sizing: border-box; }
.galleries li a.gal-img:hover { border-color: #AB2A17; }
.galleries li a.gal-img img { width: 176px; height: 131px; object-fit: cover; display: block; }
.galleries li h3 { font-size: 11px; margin: 4px 0 0 0; color: #AB2A17; }
.galleries li h3 a { color: #AB2A17; text-decoration: none; }
.galleries li h3 a:hover { text-decoration: underline; }

/* ── Alert ───────────────────────────────────────────────────────── */
.alert { padding: 12px 16px; margin-bottom: 16px; border: 1px solid transparent; border-radius: 4px; font-size: 13px; }
.alert-warning { background-color: #fff3cd; border-color: #ffc107; color: #856404; }
.alert-info    { background-color: #cff4fc; border-color: #9eeaf9; color: #055160; }
.alert-warning--center { text-align: center; }
.alert-warning--spacer { height: 44px; }
.login-required-wrap { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 20px; }
.login-required-wrap > div { width: 100%; max-width: 380px; }
.login-box--bordered input[type=text],
.login-box--bordered input[type=password] { border-color: #AB2A17; }

/* ── Login ───────────────────────────────────────────────────────── */
.login-box { max-width: 320px; margin: 8px 0 20px 0; }
.login-box label { display: block; color: #333; font-weight: bold; font-size: 12px; margin: 10px 0 3px; }
.login-box input[type=text],
.login-box input[type=password] { width: 100%; border: 1px solid #ccc; background: #F5F6DC; padding: 6px 8px; box-sizing: border-box; font-size: 13px; }
.login-box input[type=text]:focus,
.login-box input[type=password]:focus { border-color: #AB2A17; outline: none; }
.login-box input[type=submit] { margin-top: 12px; border: none; background: #AB2A17; color: #fff; padding: 7px 20px; cursor: pointer; font-size: 13px; }
.login-box input[type=submit]:hover { background: #8a1f10; }
.login-error { color: #AB2A17; font-weight: bold; margin: 6px 0; font-size: 12px; }

/* ── Auth link ───────────────────────────────────────────────────── */
.auth-link { position: absolute; right: 15px; top: 25px; z-index: 950; font-size: 11px; }
.auth-link a { color: #fff; text-decoration: none; }
.auth-link a:hover { color: #FD7454; }