body {
	background:#00639b url('../img/background.png') repeat-x 0 0;	
	font-family:"trebuchet ms", verdana, "bitstream vera sans";
	padding:0;
	margin:0;
	text-align:center;
}

#page {
	width:800px;
	background:#d2edff url('../img/site-background-maps.png') repeat-x 0 95px ;
	margin:25px auto;
	padding:0;
	text-align:left;
}

h1 {
	font-size:24px;
	letter-spacing:-1px;
	color:#002933;padding:15px 0 0 0;
}

h1 a{
	color:#ffd300;
  text-decoration:none;
}

h1 a:hover{
	color:#ffd300;
  text-decoration:underline;
}

h1 em {
	font-style:normal;
	color:darkorange;	
}

h2 {
	font-size:18px;	color:#fff;
	font-weight:normal;
}



.less {
	color:#fff;
	font-size:13px;
}

p, h1, h2 {margin-left:20px;}

p {color:#fff;font-size:12px;}
/
.klikacilogo{
	width:140px;height:80px;background:none;display:block;float:right;margin:10px 10px 0 0 ;
 }

#header {
width:800px;
height:95px;
border-bottom:3px solid #04566a;
background:url('../img/head-background-maps.png') no-repeat 100% 0 ;
}

#header h1 span {font-size:80%;font-style:italic;font-weight:normal;padding:2px 6px 2px 1px;}

.favourite{
margin: 0  0 0 -30px; width:16px;height:16px;display:block;position:absolute;background:url('../img/fav.gif') no-repeat 100% 0 ;
}

.home{
margin: 20px  0 0 -30px; width:16px;height:16px;display:block;position:absolute;background:url('../img/home.gif') no-repeat 100% 0 ;
}

#player, div.playlist {
	float:left;		
	margin-right:20px; 
}

.player_box{
	width:700px;height:245px;background:url('../img/player-background.png') no-repeat 0 0 ;padding:15px;	margin:65px 0px 0px 15px
 }

div.playlist {
	width:222px;margin-left:-10px;		
}

/* player dimensions */
#player, #player img {
	display:block;				
	width:427px;
	height:240px;
	border:0px;		
}

/* play button on top of splash image */
div.play {
	background:url('../img/play.png') no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:190px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* single playlist item */
div.items a {
	background:url('../img/block.jpg') no-repeat;
	width:222px;
	height:68px;
	display:block;
	text-decoration:none;
	color:#444;		
	margin:0;
}

div.items span {
	font-size:11px;
	padding:8px 0 0 12px;
	margin:0px;		
}


div.items span.time {
	padding-top:0px;
	color:#777;
	margin-top:5px;
} 

/* item stages: normal, hover, playing, paused */
div.items a:hover {
	background-position:0 -68px;	
}

div.items a.playing, div.items a.paused {
	color:#000;	
}

div.items a.playing {
	background-position:0 -136px;		
}

div.items a.paused {
	background-position:0 -68px;	
}

div.items a img {
	float:left;margin:8px 5px 0 8px;
}

div.items a span {
	line-height:95%;color:#777;padding:10px 0 0 0;display:block;
}

/* small navigational dots */
div.navi {
	width:60px;	
	float:left;
	margin:10px 0 0 45px;
	height:11px;
	overflow:hidden;
}

div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url('../img/dots.png') 0px 0px no-repeat;		
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;		
}

div.navi span.active {
	background-position:0 -16px;
	cursor:default;
}

/*div.spodek {background:url('../img/down-background.png') 0px 100% no-repeat;width:800px;height:40px;position:relative;bottom:0;}*/
div.spodek {background:#d2edff url('../img/down-background-maps.png') 100% 100% no-repeat;width:800;height:40px;position:relative;bottom:0;clear:both}


.spodek span {float:right;font-size:11px;color:#143952;margin:10px 20px 10px 10px;}
.spodek span a {color:#333;}


div.text_box {background:url('../img/text-information-background.png') no-repeat 0 0 ;padding:10px 15px 0px 0px;width:490px;margin:10px 0 0 15px;position:relative}

/*div.text-box-archiv {background:url('../img/text-information-background.png') no-repeat 0 0 ;padding:10px 15px 0px 0px;width:490px;margin:-90px 0 0 15px;}*/

div.text_box h2,div.text_box h3, div.text_box p {margin-left:0px; }
div.text_box h2 {color:#012257;margin:5px 0 5px  12px;}
div.text_box h3 {color:#373737;;margin:5px 0 5px  12px;padding:0;}
div.text_box h3 {font-size:14px;}
div.text_box p {color:#666;font-size:11px;margin:8px 0 8px 12px;padding:5px 0 5px 0;border-top:1px solid #eee;}
div.text_box p a {color:#012257;font-size:11px;}
div.text_box p a:hover {color:#ffb800;font-size:11px;}
div.spodek_text_box {background:url('../img/text-down-background.png') 0px 100% no-repeat;width:500px;height:40px;position:relative;bottom:0;}


ul.main_menu{margin:53px 0 0 0;padding:0;}
ul.main_menu li{list-style-type: none;float:left;display:block;padding:7px 3px 6px 3px;background:#00639b url('../img/menu_poz.png') repeat-x 0 0;}

ul.main_menu li a{font-size:12px;text-decoration:none;color:#001a2e;border-left:1px dotted #eee;display:block;padding:2px 3px 2px 5px}
ul.main_menu li a:hover{font-size:12px;text-decoration:underline;color:#00639b;display:block;}


ul.main_menu li.prvni{background:#fff url('../img/menu_poz_left.png') no-repeat  100% 0;padding:7px 13px 6px 6px;color:#001a2e;font-style: italic;}
ul.main_menu li.posledni{background: url('../img/menu_poz_right.png') no-repeat  100% 0  ;height:24px;width:38px;}



ul.main_menu li.aktualni_prvni{background:#fff url('../img/menu_poz_akt_left.png') no-repeat  100% 0;padding:7px 13px 6px 6px;color:#001a2e;font-style: italic;margin-top:-2px;white-space: nowrap;}
ul.main_menu li.aktualni_posledni{background: url('../img/menu_poz_akt_right.png') no-repeat  0 0  ;height:24px;width:38px;margin-top:-2px}
ul.main_menu li.aktualni{background: url('../img/menu_poz_akt.png') repeat-x  0 0 ;height:24px;text-align:center;margin-top:-2px}

ul.main_menu li.aktualni a{font-size:12px;text-decoration:none;color:#333;border-left:1px dotted #eee;display:block;padding:2px 5px 2px 5px}
ul.main_menu li.aktualni a:hover{font-size:12px;text-decoration:underline;color: #666;display:block;}



div.archivy 
{
border-bottom:1px solid #fff;margin:2px;padding:5px;border-top:1px solid #fff;
} 
div.archivy h3 
{
color:#555;
font-size:0.9em;margin:2px;
} 

div.archivy ul
{
margin:0px 0 0 18px;padding:5px;
} 

div.archivy ul li 
{
color:#012257;
list-style-type: square;
font-size:0.7em;
} 

div.archivy ul li a
{
color:#012257;
text-decoration:none;
} 

div.archivy ul li a:hover
{
color:#555;
text-decoration:underline;
} 



div.bocni_menu_div {float:right;
margin:45px 40px 0 0 ;

}
ul.bocni_menu {float:right;
margin:-5px 0 0 0;
padding:5px 8px 5px 8px;
background:#;
}


ul.bocni_menu li{display:block;border-top:1px solid #fff;list-style-type: none; width:195px;font-size:13px;}

ul.bocni_menu li a 
{
display:block;
color:#012257;
text-decoration:none;
padding:5px 5px 5px 25px;
} 


ul.bocni_menu li a:hover{text-decoration:underline;color:#fff;background: url('../img/kat.png') no-repeat 0 50%;}