html, body, *
{
	margin: 0;
	padding: 0;
}
body
{
	font: 76% arial,sans-serif;
	text-align: center;
	
}



div#container
{
	text-align: left;
}

div#navigation
{
	background: #F6F0E0;
}
div#navigation ul
{
	
	
	list-style-type: none;
}



div#footer p
{
	margin: 0;
	padding: 5px 10px;
}

div#wrapper
{
	float: left;
	width: 100%;
	background-color: White;
}
div#content
{
	margin-right: 150px;
	margin-left: 332px;
	width: 512px;
}
div#navigation
{
	float: left;
	width: 332px;
	margin-left: -999px;
	background-color: #A59678;
	background-image:url('Css/Images/Navigation/menu_background.jpg');
	background-repeat:repeat-x;
	height: 750px;
}
div#extra
{
	float: left;
	width: 150px;
	margin-left: -150px;
	
}

div#footer
{
	clear: left;
	width: 100%;
}


/* -------------------------------- moje ------------------------------------ */

body
{
	background-image:url('Css/Images/Body/ornament.jpg');
	background-repeat:repeat-x;
	background-color: #006600;
	
}

div#container
{
	width: 999px;
	margin: 0 auto;
}

/* ************************ H E A D E R ******************************** */
div#header
{
	background-color: #A8D324;
	height: 159px;
	background-image:url('Css/Images/Header/panorama.jpg');
	background-repeat:no-repeat;
	position:relative;
}

div#header h1
{
	position:absolute;	
	font-size: 50px;
	font-family: Trebuchet MS;
	color: #A59678;
	left:150px;
	top: 15px;
	font-weight: normal;
	text-transform: uppercase;
	
}

div#header h1 a
{
	color: #A59678;
	text-decoration: none;
}

div#header p
{
	
	position: absolute;
	font-family: Trebuchet MS;
	font-size: 22px;	
	color: #A59678;
	top: 70px;
	left: 150px;
	
}

div#header span
{
	color: Black;
	
}

div#header form
{
	width:232px;
	height: 41px;
	background-image:url('Css/Images/Header/search.jpg');
	background-repeat:no-repeat;
	position: absolute;
	right: 0px;	
	top: 81px;
	display:none;
}

div#header form input
{
	width: 100px;
	border: 0;
	
}

div#header form input.text
{
	
	position: absolute;
	top: 9px;
	padding-top:5px;
	width: 170px;
	left: 10px;
	height:20px;
	color: #A59678;
	font-size: 14px;
	font-weight: bold;
	
}

div#header form input.submit
{
	position: absolute;
	left: 190px;
	width: 30px;
	height: 30px;
	top: 6px;
	cursor: pointer;
	background-color: Transparent;
	
}

div#header ul
{
	list-style-type: none;
	background-color: silver;
	width: 999px;	
	height: 34px;
	position: absolute;
	top: 125px;
	background-image:url('Css/Images/Header/menu_background.jpg');
	background-repeat:repeat-x;
	
}

div#header ul li
{
	display: inline;
	text-align: center;	
	font-weight: bold;	
	
}

div#header ul li.selected a
{
	background-image:url('Css/Images/Header/menu_selected.jpg') !important;
	background-repeat:repeat-x !important;
	color: #382C10 !important;
}

div#header ul li a
{
	color: White;
	font-family: Trebuchet MS;
	font-size: 15px;
	text-align:center;
	height:29px;
	display:block;
	float:left;
	text-decoration: none;
	padding-top: 8px;
	
}

div#header ul li a.zive
{
	width: 111px;	
	background-image:url('Css/Images/Header/menu_zive.jpg');
	background-repeat:no-repeat;
}

div#header ul li a.menuItem
{
  background-image:url('Css/Images/Header/menuitem_background.jpg');
	background-repeat:x-repeat;
	background-position:right; 
  padding-left: 20px;
  padding-right: 20px;
  height:26px;
}

div#header ul li a.menuItem_active
{
  color:#FFFFFF;
  background-image:url('Css/Images/Header/menu_zive.jpg');
	background-repeat:x-repeat;
  padding-left: 20px;
  padding-right: 20px;
  height:26px;
}

div#header ul li a.menuItem:hover
{
  background-image:url('Css/Images/background_menu_active.png');
	background-repeat:x-repeat;
  padding-left: 20px;
  padding-right: 20px;
  height:26px;
}

div#header ul li a.prekazkovedostihy
{
	width: 152px;		
}

div#header ul li a.rozhovory
{
	width: 116px;	
}

div#header ul li a.kone
{
	width: 113px;	
}

div#header ul li a.staje
{
		width: 117px;
}

div#header ul li a.zavodiste
{
		width: 130px;
}
div#header ul li a.ruzne
{
	width: 119px;		
}

/* ************************** N A V I G A C E ********************************** */
div#navigation p.first
{
	color: White;
	padding-left: 20px;
	background-image:url('Css/Images/Navigation/arrow_up.jpg');
	background-position: left bottom;
	background-repeat:no-repeat;
	height: 12px;
	margin-left: 10px;
	margin-top: 8px;
	font-family: Trebuchet MS;
	margin-bottom: 15px;
}
div#navigation p strong a
{
	color: White;
	font-family: Trebuchet MS;
	margin-bottom: 15px;
}

#navigation div.navigation-content
{
	height:704px;
	overflow-y:scroll;
	overflow-x: hidden;
	width:324px;
	position: relative;	
}

#navigation div.navigation-content div
{
	font-family: Trebuchet MS;
	width: 293px;
	height: 97px;
	background-color: White;
	padding-top: 3px;
	background-image:url('Css/Images/Navigation/info_background.jpg');
	background-repeat:no-repeat;
	position: relative;
	margin-left: 5px;
	margin-bottom: 5px;
}

#navigation div.navigation-content h3
{
	background-color: White;
	width: 283px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;	
}

#navigation div.navigation-content h3 a
{
	color:#382C10;
	text-decoration: none;
	font-size: 14px;
	
	line-height:26px;
	
	
}

#navigation div.navigation-content h3 a.active
{
	color:#FF2C10;
	text-decoration: none;
	font-size: 14px;
	
	line-height:26px;
	
	
}

#navigation div.navigation-content img
{
	margin-left: 10px;
	margin-top: 8px;
	width: 135px;
	height: 77px;
	position: absolute;
	border: 0;
	
}


#navigation ul.info
{
	color:#382C10;
	padding-top: 5px;
	position: absolute;
	left: 165px;
} 



#navigation ul li
{
	
} 

#navigation div li.length
{
	
}

#navigation div ul.info li.date
{
	font-weight: bold;
}

#navigation div ul.info li.location
{
	
}

#navigation ul.info li a
{
	color:#382C10;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	margin-left: 35px;
}
/* ************************** N A V I G A C E  - S U B N A V I G A C E********************************** */
div#navigation div ul.submenu
{
	
	
}

div#navigation div ul.submenu li
{
	
	}
	
	div#navigation div ul.submenu li a
	{
		color: #382C10;
		text-decoration:  none;
		width: 288px;
		display: block;
		height: 25px;
		background-color: white;
		margin-bottom: 5px;
		margin-left: 5px;
		font-family: Trebuchet MS;
		font-size: 16px;
		font-weight: bold;
		padding-top: 3px;
		padding-left: 5px;
			}
			
		div#navigation div ul.submenu li a:hover
		{
			background-color: #cccccc;
			
		
		}
		
		
/* ************************** N A V I G A C E  - S U B N A V I G A C E - Z I V E********************************** */	

div#navigation div.infoZive
{
	width: 332px;
	height: 140px;	
	background-image:url('Css/Images/Navigation/zive_background.jpg');
	background-repeat:no-repeat;
	font-family: Trebuchet MS;
	color: white;
	position: relative;
	top: -7px;
	overflow-y:auto;
	
}
	
div#navigation div.infoZive h3.first
{
	font-size: 16px;
	margin-left: 4px;
	padding-top: 3px;	
	
	
}
	
div#navigation div.infoZive h3.second
{
	color: #009900;	
	font-size: 18px;
	margin-top: 7px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 7px;
	display: block;
}


	
div#navigation div.infoZive span.sazej
{
	font-size: 12px;
	color: white;
	text-decoration: none;
	position: absolute;
	padding-top:2px;
	right: 65px;
	top: 4px;
		
}

div#navigation div.infoZive a
{
	position: absolute;
	top: 6px;
	right: 5px;
	
}

	
div#navigation div.infoZive a img
{
	border: 0 none;
}
	
div#navigation div.infoZive p
{
	font-family: arial;
	margin-left: 10px;
	margin-right: 10px;
}

div#navigation h3.third
{
	color: #382C10;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
	font-weight: bold;
	margin-bottom: 5px;	
}

div#navigation div.zive-content
{
	height: 544px !important;	
}

div#navigation div.zive-content-dlouhe
{
	height: 704px !important;	
}

div#navigation div.zive-content div
{
	width: 293px;
	background-image: none;
	height: auto;
	color:#382C10;	
}

div#navigation div.zive-content div p
{
	line-height: 14px;
	font-size: 12px;
	font-family: arial;	
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}

div#navigation div.zive-content div h3
{
	color: #2C220C;
	font-size: 14px;
	width: 278px !important;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 5px;
	border-bottom: 1px dotted silver;
	font-weight: bold;
	font-family: Trebuchet MS;
	
}


div#navigation div.zive-content div h3.active
{
	color: #009900;
	font-size: 14px;
	width: 278px !important;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 5px;
	border-bottom: 1px dotted silver;
	font-weight: bold;
	font-family: Trebuchet MS;
	
}

div#navigation div.zive-content div span.start
{
	
}

div#navigation div.zive-content div span.end
{
	
}

div#navigation div.zive-content div p.timeInfo
{
	font-weight: bold;
}

div#navigation div.zive-content div p.sazkaBar
{
	width: 293px;
	height: 26px;
	border-top: 1px dotted silver;
	color:#382C10;
	font-size: 12px;
	padding-top: 7px;
}

div#navigation div.zive-content div p.sazkaBar span
{
	
}

div#navigation div.zive-content div p.sazkaBar a
{
	color:#382C10;
	text-decoration: none;
}

div#navigation div.zive-content div p.sazkaBar a img
{
	border: 0 none;
	width: 50px;
	height: 15px;
 	margin-top: 0px;
	
}


div#navigation div.zive-content-dlouhe div
{
	width: 293px;
	background-image: none;
	height: auto;
	color:#382C10;	
}

div#navigation div.zive-content-dlouhe div p
{
	line-height: 14px;
	font-size: 12px;
	font-family: arial;	
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}

div#navigation div.zive-content-dlouhe div h3
{
	color: #2C220C;
	font-size: 14px;
	width: 278px !important;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 5px;
	border-bottom: 1px dotted silver;
	font-weight: bold;
	font-family: Trebuchet MS;
	
}

div#navigation div.zive-content div span.start
{
	
}

div#navigation div.zive-content div span.end
{
	
}

div#navigation div.zive-content-dlouhe div p.timeInfo
{
	font-weight: bold;
}

div#navigation div.zive-content-dlouhe div p.sazkaBar
{
	width: 293px;
	height: 26px;
	border-top: 1px dotted silver;
	color:#382C10;
	font-size: 12px;
	padding-top: 7px;
}

div#navigation div.zive-content-dlouhe div p.sazkaBar span
{
	
}

div#navigation div.zive-content-dlouhe div p.sazkaBar a
{
	color:#382C10;
	text-decoration: none;
}

div#navigation div.zive-content-dlouhe div p.sazkaBar a img
{
	border: 0 none;
	width: 50px;
	height: 15px;
 	margin-top: 0px;
	
}




/* ************************** N A V I G A C E  - S U B N A V I G A C E - S T A J + Z A V O D I S T E********************************** */	

div#navigation div.infoStaj
{
	width: 332px;
	height: 140px;	
	background-color: white;
	font-family: Trebuchet MS;
	color: #382C10;
	position: relative;
	top: -7px;	
}
	
div#navigation div.infoStaj h3.first
{
	font-size: 18px;
	margin-left: 10px;
	padding-top: 6px;
	margin-bottom: 5px;	
	font-weight: normal;
	
}

div#navigation div.infoStaj p
{
	font-family: arial;
	margin-left: 10px;
	margin-right: 10px;
}

div#navigation div.infoStaj p.links
{
	position: absolute;
	top: 120px;
	
	
}

div#navigation div.infoStaj span
{
	
	font-weight: bold;
	
		
}

div#navigation div.infoStaj a
{
	text-decoration: none;
	color: 	#382C10;
	font-weight: bold;
	
}

div#navigation div.staj-content
{
	height: 565px !important;	
}
/* ************************** N O V I N K Y ********************************** */



div#content div.news
{
	width: 502px;
	height: 28px;
	background-image:url('Css/Images/Content/Player/news.jpg');
	background-repeat:no-repeat;
	overflow: hidden;
	padding-left: 5px;
	padding-right:5px;
}

div#content div.news p
{

	font-size: 14px;
	font-family: Trebuchet MS;
	color: White;
	font-weight: bold;
	line-height:28px;
	
}

/* ************************** P L A Y E R ********************************** */

div#content div.player
{
	width: 512px;
	height:313px;
	background-image:url('Css/Images/Content/Player/window.jpg');
	background-repeat:no-repeat;	
}

/* ************************** O B S A H ********************************** */

div#content
{
	border-right: solid 1px silver;
	height: 750px;
	position: relative;
	
}

div#content h2
{
	color: #009900;
	font-family: Trebuchet MS;
	font-size: 22px;
	margin-left: 15px;
	margin-top: 8px;
	display:block;
	width: 502px;
	height: 30px;
	overflow:hidden;
	
}

div#content ul.info
{
	height: 22px;

	list-style-type: none;

	background-repeat:no-repeat;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align:left;
}
div#content ul.info1
{
	height: 22px;

	list-style-type: none;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align:left;
}

div#content ul.info1 li
{
	font-size: 12px;
	font-family: Trebuchet MS;
	height: 22px;
	text-align: left;
	display: inline;
  
}

div#content ul.info1 li.date
{
	font-weight: bold;
	width: 93px;
	left:0px;
	padding-left:15px;
  padding-right:0px;
}

div#content li.location
{
	width: 109px;
	padding-left:10px;
	padding-right:0 px;
	background-image:url('Css/Images/Content/Info/info_background.jpg');
	background-repeat:no-repeat;
  
}
div#content li.locationEnd
{
	width: 10px;
	height: 22px;
	background-image:url('Css/Images/Content/Info/info_rozdel.jpg');
	background-repeat:no-repeat;
}

div#content li.location a
{
	color:#382C10;
  text-decoration:underline;
}

div#content ul.info li.length
{
	left: 300px;
	width: 65px;
}

div#content ul.info li.kind
{
	left: 202px;
	width: 97px;
	
	
}

div#content div.text
{
	margin-left: 15px;
	margin-right: 10px;
/*	height: 222px;*/
	overflow: auto;
	padding-bottom: 5px;
}

div#content div.text p
{
	
}

/* *********************** REKLAMA - OBSAH ******************* */
div#content div.advertising-content
{
	
	height: 90px;
	width: 502px;
	margin-top: 10px;
	border-top: solid 1px silver;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
}

div#content div.advertising-content img
{
	margin-left:3px;
	border: 0 none;
}

div#content div.advertising-content a
{
	border: 0 none;
	text-decoration: none;
}

/* ************************ R E K L A M A - SKY ************************** */

div#extra
{
	float: left;
	width: 135px;
	margin-left: -150px;
	padding-top: 10px;
	height: 740px;
	padding-right: 15px;
	text-align:right;
	overflow: hidden;
}

div#extra p
{
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #666666;
	text-transform: lowercase;
	
	text-align: right;
}

div#extra img
{
	/*width: 130px;
	height: 320px;*/
	overflow: hidden;
	margin-top: 3px;
	border: 0 none;
}

div#reklamaCDE img{
  width: 468px;
	height: 60px;
	overflow: hidden;
	margin-top: 3px;
	border: 0 none;
}




/* ************************ F O O T E R ************************** */
div#footer
{
	height:34px;
	background-image:url('Css/Images/Footer/foot_background.jpg');
	font-size: 13px;
	font-family: Trebuchet MS;
	color: White;
	font-weight: bold;
	padding-top: 5px;
	background-repeat:repeat-x;
}

div#footer a
{
	color: White;
}