body {
	background: #DCEAD3 url('img/body-bkg.gif') repeat-y top left;
	color: #242424;
	font-family: Arial CE, arial,sans-serif;
	font-size: 80%;
}

/* ======================== LAYOUT ========================== */

#page-holder-h {
	width: 650px;
}
#page-holder {
	
}

#page-header {
	position: relative;
	overflow: hidden;
	height: 150px;
	background: #9DB38C;
}
	#page-header .ilustrace {
		position: absolute;
		top: 0;
		left: 0;
		
		overflow: hidden;
		
		width: 650px;
		height: 150px;
		
		background: transparent url('img/page-header-bkg.jpg') no-repeat top left;
		
		filter: alpha(opacity=70, style=0);	
		-moz-opacity: 0.7;
	}
	#page-header #page-logo,
	#page-header #page-logo:visited,
	#page-header #page-logo:hover {
		
		position: absolute;
		bottom: 90px;
		left: 40px;
		
		width: 600px;
		
		color: #FFFFFF;
		
		font-size: 2.5em;
		font-weight: normal;
		font-family: Georgia, Times New Roman, times, serif;
		font-style: italic;
		text-decoration: none;
		
	}
	#page-header .ph-text {
		
		position: absolute;
		top: 58px;
		left: 40px;
		
		color: #FFFFFF;
		
		font-family: Georgia, Times New Roman, times, serif;
		font-weight: normal;
		font-style: italic;
		font-size: 0.9em;
	}

#page-body {
	border-top: solid 1px white;
}
	#page-body #page-content-h {	
		width: 439px;
		float: right;
	}
	#page-body #page-left {
		width: 211px;
		float: left;
		overflow: hidden;
	}

/* ------------------- HLAVNI MENU ---------------------- */
#main-menu-h {
	position: absolute;
	top: 150px;
	left: 211px;
	height: 0;
	width: 439px;
}
#main-menu {
	position: absolute;
	bottom: 0;
	left: 0;
	
	border-left: solid 1px white;
}
	#main-menu .menu-item {
		float: left;
		border: solid 1px white;
		border-width: 1px 1px 0 0;
	}
		#main-menu .menu-item a,
		#main-menu .menu-item a:visited {
			display: block;
			
			padding: 4px;
			
			background: #696B67;
			color: white;
			
			font-size: 0.8em;
			text-transform: uppercase;
			text-decoration: none;
		}
			#main-menu .menu-item a:hover {
				background: #96A78B;
			}
		#main-menu .active a,
		#main-menu .active a:visited {
			background: #7D926F;
		}


#page-footer {
	margin-left: 212px;
	padding: 3px 20px;
	
	border-top: solid 1px #676B68;
	
	color: #676B68;
	
	text-align: center;
	font-size: 0.8em;
}


/* =========================== OBSAH ================================= */

/* ---------------- OBECNE DEFINICE ------------------ */

.obr,
.ilu {
	border: solid 1px white;
}

a,
a:visited {
	color: #4F663F;
	text-decoration: none;
}
	.odstavec a:visited {
		color: #727D6A;
	}
	a:hover {
		color: #4F663F;
		text-decoration: underline;
	}
	
	a:hover .obr {
		filter: alpha(opacity=80, style=0);	
		-moz-opacity: 0.8;
	}

h3, h4, h5 {
	text-transform: uppercase;
	font-weight: normal;
}
/* ------------- navigator ---------------- */
.navigator {
}
	.navigator a {
		font-size: 0.9em;
		text-transform: uppercase;
		text-decoration: none;
	}
	#page-content .navigator {
		text-align: right;
		margin: 5px 0;
		font-size: 0.9em;
	}
		#page-content .navigator .zpet ,
		#page-content .navigator .zpet :visited {
			padding: 1px 3px 1px 25px;
			
			background: transparent url('img/sipka2l.gif') no-repeat center left;
			color: #444444;
		}

/* ----------- formulare ------------ */
.form {
}
	.form fieldset {
		border-color: #FFFFFF;
	}
	.form fieldset legend {
		color: #FFFFFF;
	}
	.form .form-row {
	}	
		.form .form-row label {
			width: 100px;
		}
		.form .fi-input {
			margin-left: 100px;
		}
		.form .form-row .fi-text,
		.form .form-row .fi-password,
		.form .form-row .fi-textarea {
			
			width: 250px;
			
			border: solid 1px white;
			
			background: #D9E6D0;
			color: #5E6E53;
			
			font-size: 0.9em;
		}
		.form .form-row .fi-submit {
			padding: 0 10px;
			
			border: solid 1px white;
			
			background: #7D926F;
			color: white;
			
			font-size: 0.9em;
			font-weight: normal;
		}
		.form .fi-select {
			color: #5E6E53;
		}

/* ----------- boxiky ------------- */
.box {
	margin-bottom: 3px;
	
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	
	color: #6B7167;
}
	.box .box-header {
		margin: 0;
		padding: 10px 10px 10px 40px;
		
		background: #7D926F;
		color: #FFFFFF;
		
		font-size: 0.9em;
		font-weight: normal;
		text-transform: uppercase;
		
	}
	
	.box .box-body {
		padding: 5px 5px 5px 40px;
	}
	.box.no-padding .box-body {
		padding: 0;
	}
	.box .box-footer {
		padding: 3px 5px 3px 40px;
		text-align: right;
	}
		
	
	.box .form {
	}
		.box .form label {
			float: none;
			text-align: left;
		}
		.box .form input {
			margin: 0;
		}
		.box .form .fi-text,
		.box .form .fi-password,
		.box .form .fi-textarea {
			width: 150px;
		}
		.box .form .form-row.submit {
			text-align: right;
			width: 150px;
		}
	
	.box .menu {
		display: block;
		
		margin: 0;
		padding: 0;
		
		background: transparent url('img/box-menu-item.gif') repeat-y top left;
	}
		.box .menu li {
			display: block;
			
			list-style-type: none;
		}
			.box .menu li a {
				display: block;
				
				margin: 0;
				padding: 2px 5px 2px 40px;
				
				line-height: 1.0em;
				font-size: 0.85em;
				text-transform: uppercase;
				text-decoration: none;
				
			}
			.box .menu li.active a {
				background: transparent url('img/box-menu-item-active.gif') repeat-y top left;
			}
			.box .menu li a:hover {
				background: transparent url('img/box-menu-itemo.gif') repeat-y top left;
			}
		
	
.box#menu-left-struktura {
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: none;
}

.box#kalendar {
}
	.box#kalendar .kalendar {
		
		width: 153px;
		
		border-collapse: collapse;
		border: solid 1px white;
		font-size: 0.85em;
	}
		.box#kalendar .kalendar td,
		.box#kalendar .kalendar th {
			border: solid 1px white;
			padding: 2px;
		}
		.box#kalendar .kalendar thead tr {
			background: #95B87C;
		}
			.box#kalendar .kalendar thead th {
				text-transform: uppercase;
			}
			.box#kalendar .kalendar thead th.info {
				text-transform: none;
				font-weight: normal;
			}
			.box#kalendar .kalendar thead th.navigator a {
				color: #95B87C;
			}
			.box#kalendar .kalendar thead #kal-navig-prev,
			.box#kalendar .kalendar thead #kal-navig-next {
				display: block;
				font-size: 1px;
				height: 15px;
			}
			.box#kalendar .kalendar thead #kal-navig-prev {
				background: transparent url('img/sipka-1l.gif') no-repeat center center;
			}
			.box#kalendar .kalendar thead #kal-navig-next {
				background: transparent url('img/sipka-1r.gif') no-repeat center center;
			}
			
		.box#kalendar .kalendar tbody td {
			text-align: right;
			background: #CADFBB;
		}
		.box#kalendar .kalendar .nedele {
			color: #C65035;
		}
		.box#kalendar .kalendar tbody td.dnes {
			color: white;
			font-weight: bold;
		}
		
		.box#kalendar .kalendar .akce {		
		}
		.box#kalendar .kalendar .akce a {
			text-decoration: none;
			color: white;
		}
		.box#kalendar .kalendar .akce.novinka { background: #93B27D; }
		.box#kalendar .kalendar .akce.dulezita { background: #149E52; }
		.box#kalendar .kalendar .akce.setkani { background: #A2A2A2; }
		.box#kalendar .kalendar .akce.oslava { background: #BBE1A0; }
		.box#kalendar .kalendar .akce.radostna { background: #76BD43; }
		.box#kalendar .kalendar .akce.smutecni { background: #2D4E15; }
		
	.box#kalendar .vysvetlivky {
		display: block;
		
		margin: 10px 0 0 0;
		padding: 0;
	}
		.box#kalendar .vysvetlivky li {
			diplay: block;
			
			margin: 1px 1px 1px 0;
			padding: 2px;
			
			border: solid 1px white;
			
			color: white;
			
			float: left;
			width: 70px;
			
			line-height: 1.1em;
			
			text-align: center;
			font-size: 0.7em;
			text-transform: uppercase;
			letter-spacing: 1px;
			
			list-style-type: none;
		}
		
		.box#kalendar .vysvetlivky li.novinka { background: #93B27D; }
		.box#kalendar .vysvetlivky li.dulezita { background: #149E52; }
		.box#kalendar .vysvetlivky li.setkani { background: #A2A2A2; }
		.box#kalendar .vysvetlivky li.oslava { background: #BBE1A0; }
		.box#kalendar .vysvetlivky li.radostna { background: #76BD43; }
		.box#kalendar .vysvetlivky li.smutecni { background: #2D4E15; }
		

/* ------------ paging -------------- */
.paging {
	height: 3em;
	
	margin: 10px 0;
	
	border: solid 1px white;
	
	background: #CDDFC0;
	
	font-size: 0.8em;
}
	.paging a {
		text-decoration: none;
	}	
	.paging .per-page,
	.paging .pages-info {
		line-height: 1.5em;
	}
	.paging .pages-info {
		text-align: right;
		margin-right: 3px;
		width: 10em;
	}
	.paging .per-page {
		margin: 1px;
	}
	.paging .current {
		font-size: 1.2em;
	}




/* ---------- odstavce s textem ------------- */
.wysiwyg {
}
	.wysiwyg p {
		text-align: left;
		
	}

.odstavec h3 {
	font-size: 1.2em;
}
.odstavec table {
	border-collapse: collapse;
	border: solid 1px white;
}
	.odstavec table td,
	.odstavec table th {
		border: solid 1px white;
		padding: 3px;
		background: #ADCE96;
	}

.table {
	border: solid 1px white;
}
	.table td,
	.table th {
		border: solid 1px white;
	}

	.table thead th {
		text-align: center;
		background: #ADCE96;
	}
	
	.table tbody {
		font-size: 0.9em;
	}
		.table tbody th {
			background: #ADCE96;
		}
		
/* ----------------- NADPIS STRANKY --------------------- */
#page-heading {
}
	#page-heading h1 {
		padding: 0;
		margin: 10px 10px 0 10px;
		
		font-size: 1.5em;
		font-weight: normal;
		text-transform: uppercase;
	}
	#page-heading h2 {
		margin: 0;
		padding: 0;
		margin-left: 10px;
		
		font-size: 0.8em;
	}
		#page-heading h2 a,
		#page-heading h2 a:visited,
		#page-heading h2 a:hover {
			text-transform: none;
		}
	


/* ------------------- DIV S OBSAHEM STRANKY ----------------------- */

#page-content {
	padding: 10px 10px 20px 10px;
}
	#page-content .odstavec {
		clear: both;
		
	}
	#page-content .odstavec.float {
		clear: none;
	}
	
		#page-content .odstavec .obr {
			float: left;
			margin: 0 5px 5px 0;
			border: none;
		}
		#page-content .odstavec a .obr {
			border: solid 1px white;
		}
		#page-content .odstavec h3 {
			clear: both;
		}


/* ========================= JEDNOTLIVE STRANKY ============================= */

/* --------------- GALERIE ------------------ */
#id-galerie {
}
	#id-galerie .cat-info {
	}
		#id-galerie .cat-info .wysiwyg {
			font-size: 0.85em;
		}		
	#id-galerie .vypis.subcats {
	}
		#id-galerie .vypis.subcats li {
			float: left;
			
			width: 124px;
			_width: 130px;
			
			_height: 150px;
			min-height: 150px;
			
			padding: 2px;
			margin: 3px;
			
			border: solid 1px white;
			
			text-align: center;
		}
		#id-galerie .vypis.subcats li h4 {
			position: relative;
			
			margin: 0;
			padding: 0;
			
			font-size: 1.0em;
			font-weight: normal;
			text-transform: none;
		}
			#id-galerie .vypis.subcats li h4 a {
				text-decoration: none;
			}
		#id-galerie .vypis.subcats li .obr-h {
			display: block;
			height: 90px;
			margin-bottom: 5px;
		}
		#id-galerie .vypis.subcats li .pocet {
			font-size: 0.85em;
		}
	
	#id-galerie #polozky {
	}
		#id-galerie #polozky li {
			float: left;
			
			width: 135px;
			
			_height: 135px;
			min-height: 135px;
			
			
			text-align: center;
		}
			#id-galerie #polozky li .nazev {
				font-size: 0.85em;
			}
				#id-galerie #polozky li .nazev strong {
					font-weight: normal;
				}
	
	#id-galerie .detail {
		text-align: center;
	}
		#id-galerie .detail a:hover .obr {
			filter: none;
			-moz-opacity: 1.0;
		}
		#id-galerie .nazev {
			text-align: center;
			font-weight: normal;
		}
		#id-galerie .detail .okoli {
			margin: 5px 0;			
		}
			#id-galerie .detail .okoli li {
				width: 138px;
				
				float: left;
				
				padding: 0;
				
				text-align: center;
			}
				#id-galerie .detail .okoli li a {
					text-decoration: none;
				}
				#id-galerie .detail .okoli li .obr-h {
					height: 120px;
				}
				#id-galerie .detail .okoli li a:hover .obr {
					filter: alpha(opacity=80, style=0);	
					-moz-opacity: 0.8;
				}
			#id-galerie .detail .okoli li.prev {
				text-align: left;
			}
			#id-galerie .detail .okoli li.next {
				text-align: right;
			}
			

/* ------------------- NOVINKY ----------------------- */
#id-novinky {
}
	#id-novinky .vypis {
	}
		#id-novinky .vypis dt {
			padding-left: 30px;
			
			background-repeat: no-repeat;
			background-position: center left;
			
			font-size: 1.3em;
			font-weight: normal;
			text-transform: uppercase;
		}
		#id-novinky .vypis dt.novinka {background-image: url('img/iko-nov-novinka.gif');}
		#id-novinky .vypis dt.radostna {background-image: url('img/iko-nov-radostna.gif');}
		#id-novinky .vypis dt.smutecni {background-image: url('img/iko-nov-smutecni.gif');}
		#id-novinky .vypis dt.setkani {background-image: url('img/iko-nov-setkani.gif');}
		#id-novinky .vypis dt.dulezita {background-image: url('img/iko-nov-dulezita.gif');}
		#id-novinky .vypis dt.oslava {background-image: url('img/iko-nov-oslava.gif');}
			#id-novinky .vypis dt a {
				text-decoration: none;
			}
			/*
			#id-novinky .vypis dt.novinka a, #id-novinky .vypis dt.novinka a:visited { color: #93B27D;}
			#id-novinky .vypis dt.radostna a, #id-novinky .vypis dt.radostna a:visited { color: #76BD43;}
			#id-novinky .vypis dt.smutecni a, #id-novinky .vypis dt.smutecni a:visited { color: #2D4E15;}
			#id-novinky .vypis dt.setkani a, #id-novinky .vypis dt.setkani a:visited { color: #A2A2A2;}
			#id-novinky .vypis dt.dulezita a, #id-novinky .vypis dt.dulezita a:visited { color: #149E52;}
			#id-novinky .vypis dt.oslava a, #id-novinky .vypis dt.oslava a:visited { color: #56763F;}
			*/
		#id-novinky .vypis dd {
			margin: 0;
			padding: 0 0 0 30px;
		}
			#id-novinky .vypis dd .datum {
				font-size: 0.85em;
			}
			#id-novinky .vypis dd .popis {
				font-size: 0.9em;
				text-align: justify;
			}
			
	#id-novinky .detail {
		
	}
		#id-novinky .detail h3 {
			margin: 0;
			padding: 0 0 0 30px;
			
			background-repeat: no-repeat;
			background-position: center left;
			
			color: #785017;
			
			font-weight: normal;
		}
		#id-novinky .detail h3.novinka {background-image: url('img/iko-nov-novinka.gif'); color: #93B27D;}
		#id-novinky .detail h3.radostna {background-image: url('img/iko-nov-radostna.gif'); color: #76BD43;}
		#id-novinky .detail h3.smutecni {background-image: url('img/iko-nov-smutecni.gif'); color: #2D4E15;}
		#id-novinky .detail h3.setkani {background-image: url('img/iko-nov-setkani.gif'); color: #A2A2A2;}
		#id-novinky .detail h3.dulezita {background-image: url('img/iko-nov-dulezita.gif'); color: #149E52;}
		#id-novinky .detail h3.oslava {background-image: url('img/iko-nov-oslava.gif'); color: #56763F;}
		
		#id-novinky .detail .datum {
			text-align: left;
			margin-bottom: 20px;
		}
		#id-novinky .detail .popis,
		#id-novinky .detail .datum,
		#id-novinky .detail .obr-h {
			padding-left: 30px;
		}
		#id-novinky .detail .obr {
			border: none;
		}


.box#novinky {
}
	.box#novinky .box-body {
		padding-left: 8px;
	}
	
		.box#novinky .box-body h5 {
			
			margin: 0;
			padding: 0 0 0 30px;
			
			background-repeat: no-repeat;
			background-position: center left;
			
			
			font-size: 1.1em;
		}
			
			.box#novinky .box-body h5.novinka {	background-image: url('img/iko-nov-novinka.gif');}
			.box#novinky .box-body h5.radostna {background-image: url('img/iko-nov-radostna.gif');}
			.box#novinky .box-body h5.smutecni {background-image: url('img/iko-nov-smutecni.gif');}
			.box#novinky .box-body h5.setkani {background-image: url('img/iko-nov-setkani.gif');}
			.box#novinky .box-body h5.dulezita {background-image: url('img/iko-nov-dulezita.gif');}
			.box#novinky .box-body h5.oslava {background-image: url('img/iko-nov-oslava.gif');}
			
		.box#novinky .box-body .popis,
		.box#novinky .box-body .datum {
			padding-left: 30px;
			font-size: 0.85em;
		}
	.box#novinky .box-footer .navigator {
		text-align: right;
	}

/* ----------------------- DARY ---------------------------- */
#id-dary {
}
	#id-dary .cat-info {
		
	}
		#id-dary .cat-info h3 {
			font-weight: normal;
			margin: 0;
		}
		#id-dary .cat-info .datum {
			font-size: 0.9em;
			display: inline;
		}
	#id-dary .subcats li {
		margin: 3px;
	}
	#id-dary .subcats li a {
		display: block;
		
		margin: 0;
		padding: 0 10px;
		
		border-left: solid 3px #7D926F;
		
		font-size: 1.1em;
		line-height: 1.1em;
		font-weight: bold;
		text-decoration: none;
	}
	
	#id-dary .table {
		font-size: 0.9em;
		text-transform: uppercase;
	}
	
	#id-dary .table .popis {
		background: #D9E7CF;
		
		padding: 5px;
		
		font-size: 0.9em;
		text-transform: none;
	}
	
	#id-dary .table .volny {
		background: transparent url('img/iko-zamek-otevreny.gif') no-repeat center 3px;
		padding-top: 20px;
		
		text-align: center;
	}
	#id-dary .table .zamluveny {
		background: transparent url('img/iko-zamek-zavreny.gif') no-repeat center 3px;
		padding-top: 20px;
		
		text-align: center;
	}
	
	#id-dary .detail {
		position: relative;
		
		color: #000000;
		border: solid 1px white;
	}
		#id-dary .detail h3 {
			height: 1.8em;
			
			margin: 0;
			padding: 0 14em 0 5px;
			
			overflow: hidden;
			
			background: #94BA78;
			border-bottom: solid 1px white;
			
			font-size: 0.9em;
			font-weight: bold;
			line-height: 1.7em;
		}
		#id-dary .detail .wysiwyg {
			padding: 5px;
			
			background: #CADFBB;
			color: #67676B;
			
			font-size: 0.8em;
		}
		#id-dary .detail .cenova-relace {
			position: absolute;
			top: 0;
			right: 0;
			
			width: 14em;
			height: 1.8em;
			
			padding: 0 10px 0 3px;
			
			border-left: solid 1px white;
			
			line-height: 1.7em;
			font-size: 0.9em;
			text-align: right;
		}
		
		
/* ==================== VYHLEDAVANI ========================= */

#id-vyhledavani #page-content {
	padding: 10px;
	
}
	#id-vyhledavani #page-content h5 {
		font-size: 1.3em;
		color: #000000;
		border-bottom: solid 1px #000000;
		margin: 40px 0 10px 0;
	}

	#id-vyhledavani #page-content .vypis li {
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		list-style-type: none;
		clear: both;
		
		position: relative;
	}
		#id-vyhledavani #page-content .vypis li h6 {
			margin: 0;
			padding: 0;
			font-size: 1.0em;
			font-weight: bold;
		}
		
		#id-vyhledavani #page-content .vypis li .navigator {
			float: none;
			text-align: left;
			color: black;
			font-size: 0.9em;
			margin-bottom: 5px;
		}
		#id-vyhledavani #page-content .vypis li .score {
			display: inline;	
			color: black;
			font-size: 0.8em;
		}
		#id-vyhledavani #page-content .vypis li .odstavec-nadpis {
			color: black;
		}
		#id-vyhledavani #page-content .vypis li p {
			margin: 0;
			padding :0;
			font-size: 0.9em;
			color: #92B4B5;
		}
			#id-vyhledavani #page-content .vypis .ukazka strong {
				font-weight: normal ;
			}