html,body{margin:0; padding:0}

body{
	font-family:"Verdana",Trebuchet MS,Tahoma,arial,sans-serif;
	font-size: 11px;
	color: #f1f1f1;
	text-align:center;
	background: #151515 url(images/body.jpg) repeat-y top center;}

#headbar {height:280px; width: 650px; float: left; margin:0 350px 0 0; background: #151515 url(images/hedr.gif) no-repeat top left; color: #79B30B}
#headbar img{margin: 0 0 0 30px; top: 0; height: 260px;}

#headright {height: 280px; width: 350px; float:left; margin-left:-350px; background: #151515 url(images/hedr.gif) no-repeat top right; color: #aaa}
#headright p{padding: 10px; padding-right: 20px;}

	#headright .nextepisode {margin-top: 30px; margin-bottom: 10px; float: left; width: 340px;}
	#headright .nextepisode p{padding: 0 0 0 26px; font-size: 12px;}
	#headright .nextepisode b{font-size: 120%; color: #000; line-height: 20px; margin-left: 13px;} /*c7873f*/
	#headright .nextepisode img{max-height: 70px; width: 95px; float: right; margin-right: 15px;}
	
	#headright .nowepisode {margin-top: 10px; margin-bottom: 0; float: left; width: 340px;}
	#headright .nowepisode p{padding: 0 0 0 26px; margin-bottom: 0; font-size: 12px;}
	#headright .nowepisode b{font-size: 120%; color: #000; line-height: 20px; margin-left: 13px;}
	#headright .nowepisode img{max-height: 70px; width: 95px; float: right; margin-right: 15px;}
	
	#headright .episodebar {text-align: right; padding-right: 40px; float: right;}
	#headright .episodebar li{list-style-type: none; float: left;}
	#headright .episodebar img{height: 35px; margin-left: 20px; border: none;}
	#headright .episodebar a img{border: none;}

#container{width:1000px; margin:0 auto; background: #151515 url(images/body.jpg) repeat-y top center;}
#container{text-align:left;}

#wrap{float: left; width: 100%; }

#content{margin: 0 261px 0 99px;}


#leftbar{float:left; width:99px; margin-left:-1000px; padding-top: 70px;}
#leftbar{background:transparent; color: #111;}


#rightbar{background: transparent;}
#rightbar{float:left; width:261px; margin-left:-261px;}
	#rightbar .righttop{background:#e0dede url(images/hedr.gif) no-repeat right bottom;  color: #44788f;
						float: left;
						height: 137px;
						width: 261px;
	}
	#rightbar .righttop p{padding: 0 40px 20px 30px; text-align: justify; color: #aaa; font-size: 12px;}
	#rightbar .righttop b{font-size: 120%; padding-left: 15px;}
	
	#rightbar .countdown {float: left; text-align: center; height: 130px; background: url(images/bg-countdown.gif) no-repeat center center; width: 261px;}
	#rightbar .countdown form{margin-top:47px; font-size: 16px; color: #888;}
		#rightbar .countdown form{text-align: center;}
		#rightbar .countdown input{background: transparent; border: none; font-size: 22px; color: #888; text-align: center; width: 210px;}
	
	#rightbar .rightbox-u {float: left; height: 48px; width: 261px; background: url(images/rightbox_top.gif) no-repeat top;}
		#rightbar .rightbox-u p{padding: 0 50px 0 20px; text-align: right; color: #44788f; font-weight: bold;}
	#rightbar .rightbox {float: left; width: 261px; background: url(images/rightbox_center.gif) repeat-y left;}
		#rightbar .rightbox p{margin: 0 20px 0 20px; padding: 10px; text-align: justify; color: #bbb; font-size: 12px;}
		#rightbar .rightbox p object{margin: 0 20px 0 50px; text-align: center;}
	#rightbar .rightbox-b {float: left; height: 41px; width: 261px; background: url(images/rightbox_bottom.gif) no-repeat bottom; margin-bottom: 10px;}

#footer{background: transparent; color: #888;}
#footer p{margin:0; padding:5px 10px; text-align: center; margin-bottom: 20px;}
	#footer a{color: #333; text-decoration: none;}
	#footer a:hover{color: #666; text-decoration: underline;}
#footer{ clear:left; width:100%; }

.clear{ clear: both;}

.numbers { text-align: center; }
.numbers a{ color: #175183; font-size: 120%; background: #0a0a0a; padding: 6px 12px; text-decoration: none; float: right; -moz-border-radius: 3em 1em;-webkit-border-radius: 3em 1em; border: 2px solid #202020; }
.numbers a:hover{ color: #002e64; text-decoration: underline; }

.clanek {
	background: #0a0a0a url(images/center.jpg) repeat-y top left;
	margin: 0 0 14px 32px;
	width: 590px;
	border: 2px solid #202020;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	color: #666;
	-moz-border-radius: 3em 1em;-webkit-border-radius: 3em 1em;
}

.clanek .p {padding: 5px 21px 7px 28px; }
	.clanek .p img{margin: 3px; border: 14px solid #0f0f0f; max-width: 495px;}
		.clanek .p a img{margin: 3px; border: 14px solid #0f0f0f; max-width: 495px;}
		.clanek .p a:hover img{margin: 3px; border: 14px solid #001836;}
	.clanek .p .left{float: left;}
	.clanek .p .right{float: right; text-decoration: none;}
		.clanek .p .right i{color: #002e64;}
		.clanek .p .right a{text-decoration: none;}
		.clanek .p .right a:hover{text-decoration: underline;}
	
	.clanek .p b {font-size: 120%; color: #888;}
	
	.clanek .p a{color: #175183; font-size: 110%; text-decoration: underline; margin-right: 5px; margin-left: 5px;}
	.clanek .p a:hover{color: #002e64; text-decoration: none;}
	
	.clanek .p a.autor{color: #002e64; font-size: 110%; text-decoration: none; margin-right: 5px; margin-left: 5px;}
	.clanek .p a:hover.autor{color: #002e64; text-decoration: underline;}
	
	.clanek .a {padding: 5px 21px 7px 28px;}
	.clanek .a a{color: #175183; font-size: 15px; text-decoration: underline; margin-right: 5px; margin-left: 5px;}
	.clanek .a a:hover{color: #002e64; text-decoration: none;}
.clanek .p h1 a {color: #175183; font-size: 18px;}
.clanek .p h1 a:hover{color: #002e64; text-decoration: none;}

	.clanek .p h1 {color: #002e64; font-size: 15px; text-decoration: underline;}
	.clanek .p h1:hover{color: #175183; text-decoration: none;}
	
.clanek .p h2 a {color: #175183; font-size: 18px;}
.clanek .p h2 a:hover{color: #002e64; text-decoration: none;}
	.clanek .p h2 {font-size: 17px; text-decoration: underline;}
	.clanek .p h2:hover{color: #175183; text-decoration: none;}
		
	.clanek .p .hlaska {font-size: 80%;}
	.clanek .p .hlaska a{font-size: 130%; color: #175183; text-decoration: underline;}
	.clanek .p .hlaska a:hover{text-decoration: none;}

.koment {
	background: #111;
	margin: 0 0 14px 42px;
	width: 570px;
	border: 1px solid #202020;
	font: 12px/12px "lucida grande",verdana,sans-serif;
	color: #666;
}
	.koment_up {margin-left: 46px; margin-top: 60px; font-size: 120%; font-weight: bold; color: #444;}
.koment .p {padding: 5px 14px 7px 16px;}
	.koment .p .left{float: left; color: #002e64; margin-bottom: 5px;}
	.koment .p .right{float: right; color: #002e64; font-style: italic;}
		.koment .p .right i{color: #002e64;}
	
	.koment .p a{color: #175183; font-size: 110%; text-decoration: underline; margin-right: 5px; margin-left: 5px;}
	.koment .p a:hover{color: #002e64; text-decoration: none;}

/********************************* individual navigation items */
.iframemenu {height: 85px; width: 615px; border: none; margin-bottom: 10px; margin-left: 2px; }

/********************************* individual navigation items */
#navigation {list-style: none; }
#navigation li {float: left;}
#navigation a * {display:none;}
#navigation a,
#navigation a .hover {
  height: 70px;
        position: relative;
        display: block;
        background:url(images/menu.png) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.home {background-position: 0 0; width: 102px;}

#navigation .highlight a.home:hover,
#navigation a.home .hover {background-position: 0 -280px; width: 102px;}

#navigation a.forum {background-position: -102px 0; width: 115px;}

#navigation .highlight a.forum:hover,
#navigation a.forum .hover {background-position: -102px -280px;}

#navigation a.oserialu {background-position: -217px 0; width: 120px;}

#navigation .highlight a.oserialu:hover,
#navigation a.oserialu .hover {background-position: -218px -280px;}

#navigation a.knihovna {background-position: -337px 0; width: 120px;}

#navigation .highlight a.knihovna:hover,
#navigation a.knihovna .hover {background-position: -339px -280px;}

#navigation a.odkazy {background-position: -457px 0; width: 115px;}

#navigation .highlight a.odkazy:hover,
#navigation a.odkazy .hover {background-position: -460px -280px;}


/*********************** epizody ****/
.epizody {
	background: #0a0a0a url(images/center.jpg) repeat-y top left;
	margin: 0 0 14px 43px;
	border: 1px solid #202020;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	color: #666;
	float: left;
	width: 260px;
}
.epizody .p {padding: 5px 21px 7px 28px;}
	.epizody .p a img{float: right; max-width: 100px; max-height: 100px; margin-top: 15px; margin-bottom: 10px; border: none;}
	.epizody .p b{font-size: 14px; font-weight: normal;}
.epizody .p h1 a {color: #175183; font-size: 15px;}
.epizody .p h1 a:hover{color: #002e64; text-decoration: none;}

	.epizody .p h1 {color: #175183; font-size: 15px; text-decoration: underline;}
	.epizody .p h1:hover{color: #002e64; text-decoration: none;}
	
.ep {
	background: #0a0a0a url(images/center.jpg) repeat-y top left;
	margin: 0 0 14px 32px;
	width: 590px;
	border: 1px solid #202020;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	color: #666;
}
	.ep .p {padding: 5px 21px 7px 28px;}
		.ep .p img{float: right; margin-top: 15px; margin-bottom: 15px; border: none; max-width: 550px;}
			.ep .p b{padding-left: 50px; font-size: 14px;}
			.ep .p span{padding-left: 70px;}
	.ep .p h1 a {color: #175183; font-size: 15px;}
	.ep .p h1 a:hover{color: #002e64; text-decoration: none;}
	
	.ep .p a {color: #175183; }
	.ep .p a:hover{color: #002e64; text-decoration: none;}

		.ep .p h1 {color: #175183; font-size: 15px; text-decoration: underline;}
		.ep .p h1:hover{color: #002e64; text-decoration: none;}


/********************** titulky ****/
.titulky {
	background: #0a0a0a url(images/center.jpg) repeat-y top left;
	margin: 0 0 7px 32px;
	width: 590px;
	border: 1px solid #202020;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	color: #666;
	float: left;
}
.titulky .p {padding: 7px 12px; float: left;}
	.titulky .a {padding: 5px 21px 7px 28px;}
	.titulky .a a{color: #002e64; font-size: 15px; text-decoration: underline; margin-right: 5px; margin-left: 5px;}
	.titulky .a a:hover{color: #175183; text-decoration: none;}
.titulky .p h1 a {color: #002e64; font-size: 15px;}
.titulky .p h1 a:hover{color: #175183; text-decoration: none;}

	.titulky .p h1 {color: #002e64; font-size: 15px; text-decoration: underline;}
	.titulky .p h1:hover{color: #175183; text-decoration: none;}
	
	.titulky .p .aa {float: left; width: 45px;}
		.titulky .p .aa img{margin-bottom: 3px; margin-left: 5px; height: 15px; border: none;}
	.titulky .p .bb {float: left; width: 110px; text-align: center; padding-top: 3px; border-left: 1px solid #202020; border-right: 1px solid #202020;}
	.titulky .p .cc {float: left; width: 255px; text-align: center; padding-top: 3px; border-right: 1px solid #202020;}
	.titulky .p .dd {float: left; width: 145px; text-align: right; padding-top: 10px;}
	
/********************** trailery ****/
.trailer {
	background: #0a0a0a url(images/center.jpg) repeat-y top left;
	margin: 0 0 14px 20px;
	width: 598px;
	border: 1px solid #202020;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	color: #666;
	text-align: center;
}
	.trailer .p{padding: 18px 5px;}
/************** add form ****/
form#addform { color: #777; width: 590px;}
form#addform span{ font-size: 80%;}
form#addform input{ width: 200px; }
form#addform textarea{ width: 500px; height: 100px;}

	.btn { display: block; position: relative; background: black; padding: 5px 8px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.gray { background: #888; color: #fff; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #002e64; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.gray { border-color: #9d4;}
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

form#addform_k { margin: 0 auto; text-align: center; color: #888; width: 570px; }
	form#addform_k fieldset {background: #0f0f0f; border: 1px solid #202020;}
	form#addform_k legend {font-size: 105%; font-weight: normal; color: #555;}
	form#addform_k textarea{ width: 500px; height: 70px; color: #888; background: #252525; border: none; padding: 5px; margin: 5px 0;}
	form#addform_k input{color: #888; background: #252525; border: none; padding: 5px; }
	form#addform_k input:hover{color: #0a0a0a; background: #666;}


/************** obrazkova galerie ****/
.gallerie {text-align: center; width: 600px; margin-left: 20px;}
		.gallerie h1 {color: #175183; font-size: 16px; margin-left: 30px;}
		.gallerie h1:hover{color: #002e64; text-decoration: none;}
			.gallerie .sub {margin: 10px;}
			.gallerie .sub a {color: #175183; font-size: 13px;}
			.gallerie .sub a:hover{color: #002e64; text-decoration: none;}
	.gallerie .album {float: left; width: 92px; margin: 0 8px 8px 0; text-align: center; height: 92px;}
	.gallerie .album a{display: block; background: #0a0a0a; padding: 5px; margin-top: 10px; text-decoration: none; color: #666; font-size: 10px;}
	.gallerie .album a:hover{background: #999; color: #0a0a0a;}
		.gallerie .album a img{width: 71px; border: none; max-height: 70px;}
		
	.obrazek {width: 628px; text-align: center;}
	.obrazek a img{max-width: 580px; border: 20px solid #0a0a0a;}
	.obrazek a:hover img{border: 20px solid #001836;}
	.obrazek span{background: #0a0a0a; padding: 6px 40px;}
	
	
/************** obrazkova galerie ****/
.gall-trailer {text-align: center; width: 600px; margin-left: 20px;}
		.gall-trailer h1 {color: #175183; font-size: 16px; margin-left: 30px;}
		.gall-trailer h1:hover{color: #002e64; text-decoration: none;}
			.gall-trailer .sub {margin: 10px;}
			.gall-trailer .sub a {color: #175183; font-size: 13px;}
			.gall-trailer .sub a:hover{color: #002e64; text-decoration: none;}
	.gall-trailer .album {float: left; width: 92px; margin: 0 8px 8px 0; text-align: center; height: 140px;}
	.gall-trailer .album a{display: block; background: #0a0a0a; padding: 5px; margin-top: 10px; text-decoration: none; color: #666; font-size: 10px;}
	.gall-trailer .album a:hover{background: #999; color: #0a0a0a;}
		.gall-trailer .album a img{width: 71px; border: none; max-height: 70px;}
		
	.obrazek {width: 628px; text-align: center;}
	.obrazek a img{max-width: 580px; border: 20px solid #0a0a0a;}
	.obrazek a:hover img{border: 20px solid #001836;}
	.obrazek span{background: #0a0a0a; padding: 6px 40px;}
	
	
		
.ikonky {text-align: right;}
	.ikonky img {width: 80px; margin-bottom: 2px; border: none;}
		.ikonky a img {opacity:0.4;filter:alpha(opacity=40)}
		.ikonky a:hover img {opacity:1;filter:alpha(opacity=100)}
#ikonky.clanek .p { text-align: left; }
	#ikonky.clanek .p img{ height: 31px; max-width: 90px;}
		#ikonky.clanek .p a img {opacity:0.4;filter:alpha(opacity=40)}
		#ikonky.clanek .p a:hover img {opacity:1;filter:alpha(opacity=100)}
	
	
/******** LEVE MENU *****************************/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: right;
 margin-bottom: 30px;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li { float: none; }

ul.dropdown ul ul { top: 1px; left: 99%; }

ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown-vertical { width: 90px; }

ul.dropdown-vertical ul { top: 1px; left: 99%; }

ul.dropdown-vertical li { float: none; }

	ul.dropdown li {
	 background:  #f1f1f1;
	 color: #000;
	}

	ul.dropdown li.dir ul li a		{ text-decoration: none; color: #000; display: block; background: #eee; padding: 8px 15px; border: 1px solid #fff;}
	ul.dropdown li.dir ul li a:hover { text-decoration: none; color: #f1f1f1; background: #444; border: 1px solid #44788f;}
	
	ul.dropdown a	{ color: #000; text-decoration: none; }
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul { width: 120px; margin-top: 1px;	}

		ul.dropdown ul li { font-weight: normal; }



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown li.dir {
 padding: 0;
 background:  url(images/sprite.gif) repeat-x top left;
 text-align: center;
 text-decoration: none;
 font: bold 9px "Lucida Grande", "Verdana", Helvetica, sans-serif;
 color: #181818;
 height: 76px;
}
ul.dropdown li.dir img{border: none; height: 50px; margin-top: 3px;}

ul.dropdown li:hover.dir {background-position: bottom;}
/* -- Components override -- */



a.largebanner { text-decoration: none; margin-top: 30px; }
a.largebanner span { text-align: center; text-decoration: none; color: #eee; font-size: 9px; display: block; }
a.largebanner img{ width: 600px; border: none; display: block; margin: 0 auto; }

a.smaller img{ width: 400px; border: none; margin-left: 2px; display: block; margin: 0 auto; }