/* -- barvy --
tmave fialova:	#326c27
fialova:		#8b79ab
svetle fialova:	#c5bcd5
okraj fialova:	#bdb3cf
cervena:		#cc3d2a
modra:			#8b79ab
*/

@import "/css/reklama.css";
@import "/css/shop.css";
@import "/css/online.css";

BODY {
	color: #000;
	background: #fff url('/images/_layout_2009/bg.gif') top center no-repeat;
	font: normal 9pt/1.3 'Helvetica CE', Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

FORM, IMG {
	border: none;
	margin: 0;
	padding: 0;
}

TH, TD { font: normal 9pt/1.1 'Helvetica CE', Tahoma, Arial, sans-serif; }

INPUT, BUTTON, TEXTAREA, SELECT {
	font: normal 9pt/1.1 'Helvetica CE', Tahoma, Arial, sans-serif;
	border: 1px solid #326c27;
}
	INPUT.checkbox { border: none; }
	INPUT.input, TEXTAREA.input { background-color: #e9eaeb; }
	INPUT.text, BUTTON.text {
		border: none;
		background: url('/images/_layout_2009/bg-input-text.gif') top left no-repeat;
		line-height: 19px;
		width: 135px;
		height: 20px;
	}
	INPUT.submit, BUTTON.submit {
		color: #fff;
		background: url('/images/_layout_2009/bg-input-submit.gif') top left no-repeat;
		border: none;
		line-height: 18px;
		font-size: 8pt;
		width: 51px;
		height: 20px;
	}
		INPUT.delsi, BUTTON.delsi {
			background-image: url('/images/_layout_2009/bg-input-submit2.gif');
			width: 120px;
		}
		INPUT.submit.reset, BUTTON.submit.reset { background-image: url('/images/_layout_2009/bg-input-reset.gif'); }
			INPUT.reset.delsi, BUTTON.reset.delsi {
				background-image: url('/images/_layout_2009/bg-input-reset2.gif');
				width: 120px;
			}


A 				{ color: #165809; text-decoration: underline; }
A:link			{ color: #165809; text-decoration: underline; }
A:hover			{ color: #000000; text-decoration: none; }
A:active		{ color: #ff0000; text-decoration: none; }
A:visited		{ color: #326c27; text-decoration: underline; }
A:visited:hover	{ color: #000000; text-decoration: none; }

P {
	margin: 0;
	padding: 0 0 10px 0;
}


/*-- rozvrzeni dokumentu --*/
#layout {
	text-align: left;
	position: relative;
	width: 901px;
	margin: auto;
	overflow: hidden;
}

#logo {
	width: 901px;
	height: 185px;
	overflow: hidden;
}

#menu {
	float: left;
	width: 231px;
	overflow: hidden;
}

#main {
	float: left;
	width: 670px;
	overflow: hidden;
}

#footer {
	clear: both;
	width: 901px;
}

/*-- logo --*/
#logo H1 {
	background: url('/images/_layout_2009/bg-logo.gif') top left no-repeat;
	width: 629px;
	height: 104px;
	margin: 55px 0 0 111px;
	padding: 0;
	overflow: hidden;
}
	#logo H1 A, #logo #play A {
		display: block;
		width: 100%;
		height: 100%;
	}
	#logo SPAN { display: none; }
	
#logo #flag {
	position: absolute;
	margin: 20px 0 0 811px;
}

/*-- menu --*/
#menu .margin {
	margin: 0 0 20px 20px;
}

.menu_top, .menu_bottom {
	background: url('/images/_layout_2009/bg-menu-top.gif') top left no-repeat;
	width: 200px;
	height: 14px;
	overflow: hidden;
}
.menu_bottom { 
	background-image: url('/images/_layout_2009/bg-menu-bottom.gif');
	height: 18px;
}

#menu UL {
	background: url('/images/_layout_2009/bg-menu.gif') top left repeat-y;
	list-style-type: none;
	width: 200px;
	margin: 0;
	padding: 0;
}
	#menu UL LI {
		border-top: 1px solid #165809;
		width: 200px;
		height: 25px;
		line-height: 25px;
	}
		#menu UL LI.prvni { border: none; }
		#menu UL LI A {
			display: block;
			width: 100%;
			height: 100%;
		}
		#menu UL LI A, #menu UL LI A:link, #menu UL LI A:visited { 
			color: #165809;
			text-decoration: none;
		}
		#menu UL LI A:hover, #menu UL LI A:visited:hover, #menu UL LI A.selected {
			color: #fff;
			background-color: #326c27;
			font-weight: bold;
			text-decoration: none;
		}
		#menu UL LI SPAN { padding: 0 15px; }

/*-- menu : box, nadpis --*/
#menu .box {
	background: url('/images/_layout_2009/bg-menu-box.gif') bottom left no-repeat;
	width: 200px;
	padding: 5px 0 14px 0;
	overflow: hidden;
}
#menu .nadpis {
	color: #fff;
	background: url('/images/_layout_2009/bg-menu-box-top.gif') bottom left no-repeat;
	font-size: 10pt;
	font-weight: bold;
	line-height: 32px;
	width: 200px;
	height: 30px;
	overflow: hidden;
}
	#menu .nadpis SPAN { padding: 0 18px; }
	#menu .box P { padding: 0 18px 5px 18px;; }

/*-- anketa --*/
#anketa { font-size: 8pt; }
	#anketa A, #anketa A:link, #anketa A:visited { text-decoration: none; }
	#anketa A:hover, #anketa A:visited:hover { text-decoration: underline; }
	#anketa .prc {
		color: #fff;
		background: url('/images/_layout_2009/bg-procent.gif') -164px 0 no-repeat;
		font-size: 10px;
		text-align: right;
		line-height: 15px;
		height: 16px;
		margin: 0 18px;
		padding-right: 1px;
	}
		#anketa .prc A, #anketa .prc A:link, #anketa .prc A:visited,
		#anketa .prc A:hover, #anketa .prc A:visited:hover {
			color: #fff;
			text-decoration: none;
			display: block;
			width: 100%;
			height: 100%;
		}
		#anketa .prc A:hover, #anketa .prc A:visited:hover { color: #000; }

#anketaForm SPAN {
	float: left;
	width: 20px;
	height: 20px;
}

/*-- program, novinky --*/
#program {
	background: url('/images/_layout_2009/bg-svestky.gif') 175px 0 no-repeat;
	float: left;
	width: 243px;
	height: 60px;
}
	#program H2 {
		color: #326c27;
		font-size: 9pt;
		margin: 0;
		padding: 12px 0 0 10px;
	}
		#program H2 SPAN { font-weight: normal; }

#novinky {
	color: #326c27;
	background: url('/images/_layout_2009/bg-novinky.gif') right 6px no-repeat;
	font-size: 8pt;
	float: left;
	width: 277px;
	height: 60px;
}
	#novinky.error { height: 80px; }
	#novinky .text {
		float: left;
		margin-top: 3px;
	}
	#novinky .submit {
		float: left;
		margin: 3px 0 0 5px;
	}

#novinky_error {
	color: #cc3d2a;
	clear: left;
	padding-top: 3px;
}

/*-- clanek --*/
.clanek {
	clear: left;
	width: 520px;
	margin-bottom: 11px;
	overflow: hidden;
}
	.clanek H2 {
		color: #326c27;
		background: url('/images/_layout_2009/bg-clanek-nadpis.gif') top left no-repeat;
		font-size: 12pt;
		margin: 0;
		padding: 10px 14px 8px 14px;
	}
	.clanek H3 {
		color: #326c27;
		font-size: 10pt;
		margin: 0;
		padding: 0 0 10px 0;
	}
		.clanek H2 A, .clanek H2 A:link, .clanek H2 A:visited,
		.clanek H3 A, .clanek H3 A:link, .clanek H3 A:visited,
		.clanek .vice A, .clanek .vice A:link, .clanek .vice A:visited,
		#program H2 A, #program H2 A:link, #program H2 A:visited { text-decoration: none; }
		.clanek H2 A:hover, .clanek H2 A:visited:hover,
		.clanek H3 A:hover, .clanek H3 A:visited:hover,
		.clanek .vice A:hover, .clanek .vice A:visited:hover,
		#program H2 A:hover, #program H2 A:visited:hover { text-decoration: underline; }

	.clanek .podnadpis {
		background: url('/images/_layout_2009/bg-clanek-podnadpis.gif') top left repeat-y;
		font-weight: bold;
		padding: 10px 14px 8px 14px;
	}
	.clanek DIV.margin {
		background: url('/images/_layout_2009/bg-clanek.gif') bottom left repeat-y;
		padding: 14px 14px 7px 14px;
	}
		.clanek DIV.margin.rozhovor {
			background: lime url('/images/_layout_2009/bg-clanek-online.gif') bottom left no-repeat;
			margin: 0;
		}
	.clanek DIV.obrazek {
		background-color: #7ac176;
		float: left;
		height: 164px;
		margin: 0 14px 5px 0;
		padding: 2px;
	}
		.clanek DIV.obrazek IMG { border: 2px solid #fff; }
		.clanek DIV.obrazek.online {
			background-color: #7ac176;
			height: 84px;
			margin: 0 14px 5px 0;
		}
	.clanek P.text { padding: 0; }
	.clanek .vice {
		color: #326c27;
		font-size: 8pt;
		clear: both;
	}
		.clanek .vice.zpet { height: 21px; }
		.clanek .vice P {
			float: left;
			width: 262px;
			padding: 5px 0;
		}
			.clanek .vice P.link { width: 100px; }
		.clanek .vice A { padding-top: 5px; }
		.clanek .vice A.zpet, .clanek .vice A.zpet:link, .clanek .vice A.zpet:visited, .clanek .vice A.zpet:hover, .clanek .vice A.zpet:visited:hover {
			color: #1e214d;
			background: url('/images/_layout_2009/bg-zpet.gif') top left no-repeat;
			text-align: center;
			text-decoration: none;
			position: absolute;
			display: block;
			float: left;
			width: 83px;
			height: 24px;
			margin: 4px 0 0 0;
			padding: 0;
		}
			.clanek .vice.zpet A STRONG {
				position: relative;
				top: 5px;
			}
	
	.clanek P.nadpis {
		color: #326c27;
		font-size: 10pt;
		font-weight: bold;
		margin-bottom: 10px;
	}
		.clanek P.nadpis.fotogalerie {
			clear: left;
			margin-bottom: 5px;
		}

/*-- nahledy --*/
.clanek .nahled {
	background: url('/images/_layout_2009/bg-nahled.gif') top left no-repeat;
	float: left;
	width: 108px;
	height: 88px;
	margin: 6px 14px 3px 0;
}
	.clanek .nahled IMG { margin: 4px 0 0 4px; }
	.clanek .nahled DIV { 
		color: #412d7c;
		font-size: 10px;
		padding-top: 2px;
	}

/*-- fotogalerie --*/
#photo {
	color: #fff;
	background: #000 url('/images/_layout_2009/bg-loading.gif') center center no-repeat;
	text-align: left;
	display: none;
	position: absolute;
	overflow: hidden;
	z-index: 1000;
}
#photo DIV.margin {
	padding: 10px;
}
#photo DIV.close {
	background: #000 url('/images/_layout_2009/icon-pic-close.gif') top right no-repeat;
	position: absolute;
	width: 85px;
	height: 18px;
	top: 10px;
	right: 10px;
	overflow: hidden;
}
#photo UL.nav {
	background-color: #000;
	position: absolute;
	top: 10px;
	height: 10px;
	width: 66px;
	height: 18px;
	margin: 0;
	padding: 0;
}
#photo UL.nav LI {
	background: url('/images/_layout_2009/icon-pic-first.gif') top left no-repeat;
	list-style-type: none;
	float: left;
	width: 16px;
	height: 14px;
}
#photo UL.nav LI.first 		{ background: url('/images/_layout_2009/icon-pic-first.gif') top left no-repeat; }
#photo UL.nav LI.prev 		{ background: url('/images/_layout_2009/icon-pic-prev.gif') top left no-repeat; }
#photo UL.nav LI.next 		{ background: url('/images/_layout_2009/icon-pic-next.gif') top left no-repeat; }
#photo UL.nav LI.last 		{ background: url('/images/_layout_2009/icon-pic-last.gif') top left no-repeat; }
#photo UL.nav LI.first_off 	{ background: url('/images/_layout_2009/icon-pic-first_off.gif') top left no-repeat; }
#photo UL.nav LI.prev_off 	{ background: url('/images/_layout_2009/icon-pic-prev_off.gif') top left no-repeat; }
#photo UL.nav LI.next_off 	{ background: url('/images/_layout_2009/icon-pic-next_off.gif') top left no-repeat; }
#photo UL.nav LI.last_off 	{ background: url('/images/_layout_2009/icon-pic-last_off.gif') top left no-repeat; }
#photo UL.nav A,
#photo DIV.close A {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
#photo DIV.close A {
	top: 2px;
	padding-left: 5px;
}
#photo DIV SPAN,
#photo UL.nav SPAN {
	display: none;
}
#photo P {
	font-size: 8pt;
	margin: 0;
	padding: 4px 0 0 0;
}

#shadow {
	display: none;
	position: absolute;
	z-index: 900;
}

/*-- footer --*/
#footer P {
	font-size: 8pt;
	text-align: right;
	padding: 10px 20px;
}

/*-- tabulka --*/
TH, TD {
	font-size: 9pt;
	text-align: left;
	margin: 0;
	padding: 3px 9px 3px 0;
}
TH { color: #888; }

/*-- play/stop --*/
#play {
	position: absolute;
	right: 55px;
	width: 32px;
	height: 27px;
	margin: -20px 0 0 0;
}
	#play A.play { background: url('/images/_layout_2009/icon-play.gif') top left no-repeat; }
	#play A.stop { background: url('/images/_layout_2009/icon-stop.gif') top left no-repeat; }

#player {
	position: absolute;
	margin: -400px 0 0 0;
	visibility: hidden;
}

/*-- obecne --*/
.seda { color: #444; }
.modra { color: #1e214d; }
.error { color: #cc3d2a; }
UL.error {
	margin-top: 0;
	padding-top: 0;
}

.pt7 { font-size: 10px; }
.pt8 { font-size: 8pt; }

.u { text-decoration: underline; }

.float_l, .float-left {
	float: left;
	margin: 0 10px 10px 0;
}
float_r, .float-right {
	float: right;
	margin: 0 0 0 10px 10px;
}
.cleaner {
	font-size: 0px;
	clear: both;
	height: 1px;
	overflow: hidden;
}
clean_l, .clear-left { clear: left; }
clean_r, .clear-right { clear: right; }

TH.c, TD.c, DIV.c { text-align: center; }
TH.r, TD.r, DIV.r { text-align: right; }
.nw  { white-space: nowrap; }

DIV.hr {
	background: url('/images/_layout_2009/bg-hr.gif') center left repeat-x;
	clear: both;
	height: 30px;
	overflow: hidden;
}

.hidden { display: none; }
.visible { display: block; }