/* ----------------------------------------------------------------------------------------------------------

		Divné věci
		www.divneveci.cz

		Výstupní zařízení:  screen, projection

		Autor:              Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
		Poslední revize:    2008-03-08, 17:05 GMT+1
		Verze stylopisu:    2.0 (2008-02-13, 10:50 GMT+1)

		Struktura:
				display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

		Obsah:
		
				1) Reset
				2) Výchozí hodnoty HTML tagů
				3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
				4) Obecné HTML styly (table, ul, dl...)
				5) Layout
				6-1) Stránka: Úvod
				6-2) Stránka: Detail videa
				6-3) Stránka: Výpis videí
				6-4) Stránka: Uživatel
				6-5) Stránka: Blogy
				6-6) Stránka: Registrace            
				Z) Nezařaditelné

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Výchozí hodnoty HTML tagů
---------------------------------------------------------------------------------------------------------- */

body {padding:30px 0; background:rgb(238,238,238) ; color:#000; font:0.75em/1.5 "arial", sans-serif; text-align:center;}

a {color:#0066CB;
   }
a:hover {color:black;
         }

h1 {font-size:180%;}
h2 {font-size:160%; font-weight:normal; color:#F50;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
blockquote {margin:15px 20px;}
cite, em, q, blockquote {font-style:italic;}
pre, code, kbd, samp {font-family:monospace; font-size:110%;}
sub, sup {line-height:0;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; background:#CCC; color:#CCC;}

.field-type-video-cck {
	text-align: center;
	margin-top: 6px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 15px 0;
}

/* ----------------------------------------------------------------------------------------------------------
3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.clear {clear:both;}

.imgl {
	float: left;
	margin: 0 10px 10px 0;
}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none; clear: both; }

.width100 {width:100%;}
.bigger {font-size:110%;}
.smaller {font-size:85%;}
.big {font-size:150%;}

.high {color:#F50;}
.low, .low a {color:#555;}
.low a:hover {color:#333;}

.nomargin {
	padding: 0;
}

/* ----------------------------------------------------------------------------------------------------------
4) Obecné HTML styly (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
5) Layout
---------------------------------------------------------------------------------------------------------- */

	#main {width:960px; width: 1000px; margin:0 auto; background:#FFF; text-align:left; border-right: 2px solid rgb(220,220,220); border-left: 2px solid rgb(220,220,220);}

		#header-top {width:960px; height:5px; background:whit url("design/header-top.jpg") 0 0 no-repeat; font-size:0;border-top: 2px solid rgb(220,220,220); }

	#header {position:relative; padding:0 20px 5px 0px; background:white }

				#header a {color:#808080;}
				#header a:hover {color:#C0C0C0;}

				#logo {position:relative; overflow:hidden; width:400px; height:100px; margin:0; padding:0; font-size:180%;float:left;}
				#logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("design/logo_televizky.gif") 0 0 no-repeat; cursor:pointer;}

				#top {position:absolute; top:10px; right:45px; text-align:right;}
				
				#add {position:absolute; bottom:8px; right:10px; margin:0;}
				#add a {padding:3px 6px; border:1px solid #F30; border-left:1px solid #FC0; border-top:1px solid #FC0; background:#F50 url("design/add.gif") 0 0 repeat-x; text-decoration:none; color:#FFF; font-weight:bold;}
				#add a:hover {border:1px solid #555; border-left:1px solid #777; border-top:1px solid #777; background:#222 url("design/submit.gif") 0 0 repeat-x; color:#FFF;}

		#tray {position: relative; height: 26px; padding:0 10px; background:rgb(255,219,110) }
		
#nav {margin:0; list-style:none;}
#nav li {display:inline;}
#nav li a {display:block; float:left; padding:4px 20px;  color:rgb(20,93,159); text-decoration:none;}
#nav li a:hover {background:rgb(255,204,51) ; text-decoration:none; color:rgb(20,93,159);}
#nav li a.active {padding:10px 15px; border:0; background:rgb(255,204,51) ; color:#FFF; text-decoration:none; font-weight:bold;}





		
				#tray .f-right {padding-top:8px;}
				#tray .input {padding:2px; border:1px solid #FFF; font:100%/1 "arial",sans-serif;}
				#tray .submit {padding:2px; border:1px solid #F70; background:#222 url("design/submit.gif") 0 0 repeat-x; font:100%/1 "arial",sans-serif; color:#FFF;}

		#cols {clear:both; padding:10px;}

			#content {float:left; width:720px; overflow:hidden;}

			#aside {float:right; width:250px; overflow:hidden;  }
			
			#wrapper{float: right; margin-left: -200px; width: 100%;}
			
			#obsah{padding-left: 210px;}
			
			#aside-right {width: 200px; float: left;  }

	#footer {clear:both; padding:10px 10px 0 10px; border-top:1px solid #CCC;border-bottom: 2px solid rgb(220,220,220); background:white; color:#555;}
	
		#footer p {margin:0;}
		#footer a {color:#333;}
		#footer a:hover {color:#000;}

		#footer-bottom {width:960px; height:10px; background:#F0F0F0 url("design/footer-bottom.gif") 0 0 no-repeat; font-size:0;}

/* pager */
.pager {
	clear: both;
}    
		

/* ----------------------------------------------------------------------------------------------------------
6-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

	#aside .blogy-list, #aside-right .blogy-list {clear:both; margin-bottom:7px; padding-bottom:5px; /*background:url("design/title-01.gif") 0 100% repeat-x;*/}
	#aside .blogy-list-img, #aside-right .blogy-list-img {float:left; width:80px;}
	#aside .blogy-list-txt, #aside-right .blogy-list-txt {float:right; width:200px;}
	#aside .blogy-list-txt a, #aside-right .blogy-list-txt a {color:#333;}
	#aside .blogy-list-txt a:hover, #aside-right .blogy-list-txt a:hover {color:#F50;}
	
		#aside .blogy-list-txt p, #aside .blogy-list-txt p {margin:0;}

.list {clear:both;}
.list-in {float:left; width:150px; padding-bottom:7px; margin-right:10px;}
.list-in.last {margin:0;}

	.list-in p {margin:0;}
	.list-in h4 {margin:0; margin-bottom:3px; padding-left:15px; background:#FFF url("design/arrow.gif") 0 5px no-repeat; font-size:100%;}
	.list-in .info {padding:2px 5px; background:#F5F5F5;}
	.info {font-size:95%; color:#777;}
	.info a {color:#555;}
	.info a:hover {color:#222;}

/* skinování seznamu videí s náhledy */
.view-content ul {
	margin: 0;
	padding: 0;
}  

.view-content ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
list-style-image: none;

}
	
.view-content ul li {
	float: left;
	width: 150px;
	padding-bottom: 7px;
	margin-right: 7px;
}  
/* titulek */
.view-content ul li h4 {
	margin: 0;
	margin-bottom: 3px;
	padding-left: 15px;
	background: #FFF url("design/arrow.gif") 0 5px no-repeat;
	font-size: 100%;
}
/* náhled */
.view-content ul li .nahled-videa {

}
/* autor */
li .autor-info {
	padding: 2px 5px;
	background: #F5F5F5;
}
/* li. autor-info .ico-user {
	padding-left: 10px;
	background: #F5F5F5 url("design/ico-user.gif") 0 7px no-repeat;
} */

/* ----------------------------------------------------------------------------------------------------------
6-2) Stránka: Detail videa
---------------------------------------------------------------------------------------------------------- */

#user-info-img {float:left; width:35px;}
#user-info-desc {float:right; width:235px;}

.relevant {margin-bottom:7px; padding-bottom:5px; background:url("design/dot.gif") 0 100% repeat-x; height: 50px;}
.relevant-img {float:left; width:50px;}
.relevant-txt {float:right; width:200px;}

.tabs ul {margin:0; margin-left:10px !important; padding:0; list-style-type:none;}
.tabs ul li {display:inline; margin:0; padding:0;}
		
		.tabs a {float:left; margin-right:5px !important; padding-left:10px; background:url("design/tab-l.gif") 0 -100px no-repeat; color:#555 !important; cursor:pointer;}
		.tabs a span {float:left; display:block; padding:8px 10px 8px 0; background:url("design/tab-r.gif") 100% -100px no-repeat; text-decoration:underline;}
		
		.tabs a:hover {background:url("design/tab-l.gif") 0 -100px no-repeat; color:#F50 !important;}
		.tabs a:hover span  {background:url("design/tab-r.gif") 100% -100px no-repeat;}
		
		.tabs #tab-active a {background:#222 url("design/tab-l.gif") 0 0 no-repeat; color:#FFF !important; text-decoration:none !important;}
		.tabs #tab-active a span  {background:#222 url("design/tab-r.gif") 100% 0 no-repeat; text-decoration:none !important;}

#share-linkuj, #share-delicious, #share-digg {padding-right:25px; background:url("design/share-linkuj.gif") 100% 0 no-repeat;}
#share-delicious {background:url("design/share-delicious.gif") 100% 0 no-repeat;}
#share-digg {background:url("design/share-digg.gif") 100% 0 no-repeat;}

.comment {clear:both;}
.comment-img {float:left; width:70px;}
.comment-txt {float:right; width:550px;}
.comment-txt .info {margin:0; padding:5px; border-bottom:1px solid #E0E0E0; background:#F5F5F5;}

/* ----------------------------------------------------------------------------------------------------------
6-3) Stránka: Výpis videí
---------------------------------------------------------------------------------------------------------- */
li.leaf, li.collapsed, li.expanded, #aside ul li, #aside-right ul li {
	list-style-image: none;
	list-style: none;
	margin: 0;
}

/* normálních boxů */
#aside li a.active, #aside-right li a.active {
	text-decoration:none; color:#000;
}
/* vrchního boxu */
#aside #block-user-1 li a.active, #aside #block-block-2 li a.active, #aside-right #block-user-1 li a.active, #aside-right #block-block-2 li a.active {
	text-decoration:none; color:#F50;
}

#content .tabs ul {margin-left:0 !important; margin-bottom:15px; border-bottom:1px solid #DDD;}

#aside ul.ul-list, #aside ul, #aside-right ul.ul-list, #aside-right ul {margin:0; padding:0; list-style:none;}
#aside ul.ul-list li, #aside ul li.leaf, #aside ul li.collapsed, #aside ul li ul li,
#aside-right ul.ul-list li, #aside-right ul li.leaf, #aside-right ul li.collapsed, #aside-right ul li ul li
{ padding:2px 0 2px 15px; /*border-bottom:1px solid #DDD; background:url("design/ul-list.gif") 0 5px no-repeat;*/}

#aside ul li ul, #aside-right ul li ul {padding-left: 10px; width: 180px;}

#aside ul li.expanded, #aside-right ul li.expanded {
	padding:2px 0 2px 15px;
	background:url("design/arrow.gif") 0 6px no-repeat;
}
#aside ul.ul-list li#ul-list-active, #aside-right ul.ul-list li#ul-list-active {background:url("design/ul-list-active.gif") 0 5px no-repeat;}
#aside ul.ul-list li#ul-list-active a, #aside-right ul.ul-list li#ul-list-active a {text-decoration:none; color:#F50;}
#aside ul.ul-list li a, #aside-right ul.ul-list li a {color:#333;}
#aside ul.ul-list li a:hover, #aside-right ul.ul-list li a:hover {color:#F50;}
#aside ul.ul-list li.last, #aside-right ul.ul-list li.last {border:0;}
#aside ul.ul-list li em, #aside-right ul.ul-list li em {padding-top:2px; color:#777;}

#pagination a {padding:3px 7px; color:#000;}
#pagination a:hover {color:#F50;}
#pagination a#pagination-active {background:#F50; text-decoration:none; color:#FFF; font-weight:bold;}

#rss-big {padding-left:48px; background:#F5F5F5 url("design/rss-big.gif") 5px 0 no-repeat; color:#555;}
#rss-big a {color:#555;}
#rss-big a:hover {color:#F50;}

#aside #block-user-1 li a, #aside #block-block-2 li a,
#aside-right #block-user-1 li a, #aside-right #block-block-2 li a {
	color:#000;
}
#aside #block-user-1 li a:hover, #aside #block-block-2 li a:hover,
#aside-right #block-user-1 li a:hover, #aside-right #block-block-2 li a:hover {
	color:#F50;
}

/* ----------------------------------------------------------------------------------------------------------
6-4) Stránka: Uživatel
---------------------------------------------------------------------------------------------------------- */

.about {margin-bottom:10px;}
.about-img {float:left; width:70px; margin-right:10px;}
.about-txt {float:left; width:260px; margin-right:10px;}
.about-txt-02 {float:left; width:260px;}

		.about-txt table td, .about-txt-02 table td {padding:0;}

.offline {color:#D00;}
.online {color:#3A0;}

/* ----------------------------------------------------------------------------------------------------------
6-5) Stránka: Blogy
---------------------------------------------------------------------------------------------------------- */

#block-views-blogy pre { clear: both; }

.article {position: relative; height: auto !important; height: 50px; margin-bottom:7px; padding-bottom:7px; background:url("design/dot.gif") 0 100% repeat-x;}
.boxnoline {background: none;}
.article-img {float:left; width:150px;}
.article-img img {display:block;}
.article-txt {float:right; width:360px; }
.article-txt h3 {margin:0; font-size:120%;}
.article-txt .info {margin-bottom:7px; }
.article-txt p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
6-6) Stránka: Registrace
---------------------------------------------------------------------------------------------------------- */

#content.registrace {float:left; width:630px; padding-left:155px; overflow:hidden;}

#why {background:url("design/registrace-ilu.jpg") 90% 0 no-repeat; font-size:120%;}

		#why ul {list-style:none;}
		#why ul li {padding-left:25px; background:url("design/ul-why.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Z) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

/*
.box-02 p {
	margin: 0;
	padding: 0;
}*/

.comment .links {
	margin: 5px 0 0 0;
}

.comment .links li {
	
}

/* bloky ve středu */
#content .block-views {

}

#content .block-bottom {
	clear: both;
}

#aside .box-01, #aside-right .box-01 {padding:10px 10px 0 10px; /*background:url("design/aside-box.gif") 0 0 repeat-y;*/}
#aside .box-01.npt, #aside-right .box-01.npt {padding-top:0;}
#aside .box-01-top, #aside-right .box-01-top {width:300px; height:10px; /*background:url("design/aside-box-top.gif") 0 100% no-repeat;*/ font-size:0;}
#aside .box-01-bottom, #aside-right .box-01-bottom {width:300px; height:10px; margin-bottom:10px; /*background:url("design/aside-box-bottom.gif") 0 0 no-repeat;*/ font-size:0;}


/* postranní bloky */
#aside .block, #aside-right .block {
	padding: 0;
	/*background: #F5F5F5 url("design/aside-box.gif") 0 0 repeat-y;*/
}

#aside .block .content, #aside-right .block .content {
	padding: 10px 10px 0 10px;
}



#aside #block-block-2, #aside #block-user-1, #aside-right #block-block-2, #aside-right #block-user-1 {
	background: #F5F5F5 url("design/aside-box-02.gif") 0 0 repeat-y;
}

#aside .block h3.title , #aside-right .block h3.title{
	margin:0;
	padding: 8px 10px;
	font-weight: bold;
	/* background:  url("design/aside-title-01.gif") 0 0 no-repeat; */
  /*background:#FF5500 url("design/aside-title-02.gif") 0 0 no-repeat;*/
	font-size:110%;
	color:white;
}

#aside #block-block-2 h3.title, #aside #block-user-1 h3.title, #aside-right #block-block-2 h3.title, #aside-right #block-user-1 h3.title {
	margin:0;
	padding:8px 10px;
	/* background: #333 url("design/aside-title-01.gif") 0 0 no-repeat; */
	font-size:110%;
	color:#FFF;
}

#aside .block-bottom, #aside-right .block-bottom {
	width:200px;
	height:10px;
	margin-bottom:10px;
	/* background: #333 url("design/aside-box-bottom.gif") 0 0 no-repeat; */
  /*background: #F5F5F5 url("design/aside-box-bottom.gif") 0 0 no-repeat;*/
	font-size:0;
}

#aside #bottom-block-2, #aside #bottom-user-1, #aside-right #bottom-block-2, #aside-right #bottom-user-1 {
	/* background: #F5F5F5 url("design/aside-box-02-bottom1.gif") 0 0 no-repeat; */
}

.inpadd {padding: 0 10px;}

#aside .box-02, #aside-right .box-02 {padding:10px 10px 0 10px; /* background:#F5F5F5 url("design/aside-box-02.gif") 0 0 repeat-y;*/}
#aside .box-02.npt, #aside-right .box-02.npt {padding-top:0;}
#aside .box-02-top, #aside-right .box-02-top {width:300px; height:10px; /* background:url("design/aside-box-02-top.gif") 0 100% no-repeat; font-size:0;*/}
#aside .box-02-bottom, #aside-right .box-02-bottom {width:300px; height:10px; margin-bottom:10px; /* background:url("design/aside-box-02-bottom.gif") 0 0 no-repeat;*/ font-size:0;}
#aside .box-02-title, #aside-right .box-02-title {margin:0; padding:8px 10px; /*background:#333 url("design/aside-title-01.gif") 0 0 no-repeat;*/ font-size:110%; color:#FFF;}

#content .box-01 {padding:0 10px; background:url("design/content-box-01.gif") 0 0 repeat-y;}
#content .box-01-top {width:630px; height:10px; background:url("design/content-box-01-top.gif") 0 100% no-repeat; font-size:0;}
#content .box-01-bottom {width:630px; height:10px; margin-bottom:10px; background:url("design/content-box-01-bottom.gif") 0 0 no-repeat; font-size:0;}
#content .box-01 p.bb {margin-bottom:5px !important;}

#content .box-02 {clear: both; padding:0; margin-bottom:10px; background:#F5F5F5 url("design/content-box-02.gif") 0 0 repeat-y;}
#content .box-02-top {width:630px; height:10px; background:url("design/content-box-02-top.gif") 0 100% no-repeat; font-size:0;}
#content .box-02-bottom {width:630px; height:10px; background:url("design/content-box-02-bottom.gif") 0 0 no-repeat; font-size:0;}

/*Oskliva berlicka pro spravne zobrazeni formulare po kliknuti na nahlasit nefunkcni video*/
.formularodeslano {margin-top: 0; padding-left: 10px; background:#F5F5F5 url("design/content-box-02.gif") 0 0 repeat-y;}
.neco {margin-bottom: -18px;}

.form-text, .form-textarea, .input {padding:3px; border:1px solid #DDD; border-right:1px solid #BBB; border-bottom:1px solid #BBB; font:100%/1 "arial",sans-serif;}
.submit, .form-submit {padding:2px; border:1px solid #777; border-right:1px solid #333; border-bottom:1px solid #333; background:#222 url("design/submit.gif") 0 0 repeat-x; font:100%/1 "arial",sans-serif; color:#FFF;}

.ico-user {padding-left:10px; background:url("design/ico-user.gif") 0 3px no-repeat;}
.ico-list {padding-left:15px; background:url("design/ico-list.gif") 0 3px no-repeat;}
.ico-fav {padding-left:12px; background:url("design/ico-fav.gif") 0 3px no-repeat;}
.ico-comment {padding-left:14px; background:url("design/ico-comment.gif") 0 3px no-repeat;}
.ico-heslo {padding-left:20px; background:url("design/ico-heslo.gif") 0 5px no-repeat;}
.ico-arrow {padding-left:15px; background:url("design/arrow.gif") 0 5px no-repeat;}

.more {padding-right:18px; background:url("design/more.gif") 100% 3px no-repeat;}

.title {margin-bottom:10px; background:url("design/title-01.gif") 0 100% repeat-x; font-size:150%; font-weight:normal; color:#333;}
.title span {padding-right:5px; background:#FFF;}

.title-02 {margin-bottom:10px; background:url("design/title-01.gif") 0 50% repeat-x; font-size:120%; font-weight:normal; color:#333;}
.title-02 span {padding-right:5px; background:#FFF;}

.bt {padding-top:7px; background:url("design/dot-02.gif") 0 0 repeat-x;}
.bb {padding-bottom:7px; background:url("design/dot-02.gif") 0 100% repeat-x;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:75px;
	height:15px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url("design/star.gif");
	line-height: 15px;
	height: 15px;
}

#block-similar-0 .content{
height: 350px;
width: 280px;
overflow: auto;
}

.box-02 .neplatnevideo {border: none; color:#F50; background: none; cursor: pointer; text-decoration: underline;}

#comment {width: 500px;}


.toptv{ background: white;
         padding:1px 1px 1px 1px; 
         height:255px;
         width:498px;
         color:black;
         

}

.nadpis{ padding:1px 1px 1px 10px; 
         color:white;

}

.item {
	padding:5px 2px 5px 6px;
	width:70px;
height:70px;	
float:left;
	margin:0 10px 10px 0;
	background:#ffffff;
	border:1px solid #e5e5e5;
}
.item h2 {
	font-size:1em;
margin:0 0 3px 0;
	padding:0;
}

.item h4 {
	font-size:0.8em;
}

.item h1 {
	letter-spacing:-1px;
	font-size:1.2em;
	margin:0 0 10px 0;
}


.item h2 a {
	color:#0066cb;
	text-decoration:none;
	font-size:1em;
	
}
.item h2 a:hover {
	color:#474848;
	text-decoration:none;
	font-size:1em;
}
.item p {
	margin:0 0 0px 0;
	
}
.item2 {
	padding:5px 2px 5px 6px;
	width:70px;
height:70px;		
  float:left;
	margin:0 10px 10px 0;
	background:#ebf3fb;
	border:1px solid #cce0f5;
}
.item2 h2 {
	font-size:1em;
	margin:0 0 3px 0;
	padding:0;
	color:#ffffff;
}
.item2 h2 a {
	color:#474848;
	text-decoration:none;
	font-size:1em;
}
.item2 h2 a:hover {
	color:#0066cb;
	text-decoration:none;
	font-size:1em;
}
.item2 p {
	margin:0 0 0px 0;
	
	
}

.tvpost{ width:450px;
         padding:10px 10px 0

}

							
.rolmenu{ padding-left:0px;
           
          
          }


							
.hledej{ float:right;
         padding-top:50px;
         padding-bottom:30px;
         padding-left:20px; 
           
          
          }
          
.hmenu { text-decoration:none;
         font-weight: bold; 
           
          
          }
          
.hmenu a {text-decoration: none;
          color:black;} 

.hmenu a:hover {text-decoration: none;
                color:black;} 
        
/* LISTA */
#sefa {background-color: #000000; border-bottom:1px solid #CCCCCC; font-family:"Arial CE","Helvetica CE",Arial,Helvetica,sans-serif; padding: 2px 0; min-height:30px;}
* html #sefa {height:24px;}
#sefa div {text-align: left}
#sefa a {margin: 0px 10px 0 0;color:#ffffff;font-size:130%}
#sefa img {border: none; float: left; margin: 0 10px 0 5px}
#sefa span {margin: 1px 0 0 0;padding-top:0px;position:relative;top:4px;font-size:95%}
#sefa sup {color:red;position:relative;left:-7px}
#sefa a:link {color: #ffffff;}
#sefa a:visited {color: #ffffff;}
#sefa a:hover {color: #F71F25;}

/* End Comments */

.lista2 {position: relative; top: -30px}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #114477;
	color: #114477;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/*-------------------------------------------------------------
Nové záhlaví jednotné pro všechny weby
--------------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
  margin-top: 30px;
}

#site-nav:after{
  display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";

}

.clear{
	font-size: 0px;
	display: block;
	line-height: 0;
	height: 0px;
	clear:both;
}

.header .none{
  display: none;
}


.header{
  position: relative;
  width: 1000px;
  margin: 0 auto;
  font-family: Arial, helvetica, sans-serif;
  font-size: 0.75em;
  font-size: 1em;
  background: url(./img/header-background1.png) no-repeat top left; /* dokrajet */
}


.header ul{
  margin: 0;
  padding: 0;
}

.header #logo{
  padding: 40px 0 0 0px;
  margin: 0;
  height: 61px;
  _height: 101px;
  width: 255px;
  border-right: 1px solid #c6c6c6;   

}

.header #logo a{
  text-indent: -9000px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
#divne-veci #logo a{
  background: url(./img/divne-veci-logo.png) no-repeat top left;
  height: 33px;
  width: 201px;
}

#ceska-videa #logo a{
  background: url(./img/ceska-videa-logo.png) no-repeat top left;
  height: 33px;
  width: 224px;
}
#ladim #logo a{
  background: url(./img/ladim-logo.png) no-repeat top left;
  height: 33px;
  width: 154px;
}
#pohadkar #logo a{
  background: url(./img/pohadkar-logo.png) no-repeat top left;
  height: 33px;
  width: 210px;
}
#kinoteka #logo a{
  background: url(./img/kinoteka-logo.png) no-repeat top left;
  height: 33px;
  width: 196px;
}

#televizky #logo a{
  background: url(./img/televizky-logo.png) no-repeat top left;
  height: 33px;
  width: 196px;
}
#kookej #logo a{
  background: url(./img/kookej-logo.png) no-repeat top left;
  height: 33px;
  width: 167px;
}

#masakruj #logo a{
  background: url(./img/masakruj-logo.png) no-repeat top left;
  height: 33px;
  width: 206px;
}

#epizoda #logo a{
  background: url(./img/epizoda-logo.png) no-repeat top left;
  height: 33px;
  width: 180px;
}
#zivace #logo a{
  background: url(./img/zivace-logo.png) no-repeat top left;
  height: 33px;
  width: 162px;
}
#slagry #logo a{
  background: url(./img/zivace-logo.png) no-repeat top left;
  height: 33px;
  width: 170px;
}

#zakazane #logo a{
  background: url(./img/zakazane-logo.png) no-repeat top left;
  height: 33px;
  width: 203px;
}










#all-nav{
  position: absolute;
  right: 0;
  top: 0;
  width: 723px;   
  _width: 743px;
  background: url(./img/all-nav-background1.png) no-repeat;
  border-bottom: 1px solid #fff;
  height: 88px;
  _height: 100px;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  
}

#all-nav li{
  
  display: block;
  float:left;
  margin-bottom: 4px;       
  margin-right: 1px;
  
}

#all-nav #special-link a{
  background: #53c500;
  border: 1px solid #ccf548;
  font-weight: bold;
}

#all-nav #motions-link a{
  background: url(./img/motions-nav.png) no-repeat 0 0;
  text-indent: -9000px;
  overflow: hidden;
  width: 150px;
  padding: 0;
}

#all-nav #motions-link a:hover{
  background-position: 0 -36px;
}

#all-nav #kuriozity-link a:hover, #all-nav #kuriozity-link.active a{
  background: #5faa9b;
  border: 1px solid #8de0cf;  
}

#all-nav #celebrity-link a:hover, #all-nav #celebrity-link.active a{
  background: #cb0000;
  border: 1px solid #f60000; 
}

#all-nav #videoklipy-link a:hover, #all-nav #videoklipy-link.active a{
  background: #64aadc;
  border: 1px solid #a7dafe; 
}

#all-nav #ceska-videa-link a:hover, #all-nav #ceska-videa-link.active a{
  background: #416eb4;
  border: 1px solid #7caaf0; 
}

#all-nav #sex-brutality-link a:hover, #all-nav #sex-brutality-link.active a{
  background: #dc9632;
  border: 1px solid #ffc067; 
}
#all-nav #filmy-link a:hover, #all-nav #filmy-link.active a{
  background: #aaaaaa;
  border: 1px solid #dcdcdc; 
}
#all-nav #serialy-link a:hover, #all-nav #serialy-link.active a{
  background: #509650;
  border: 1px solid #50d150; 
}
#all-nav #radia-online-link a:hover, #all-nav #radia-online-link.active a{
  background: #96be50;
  border: 1px solid #b5e562; 
}
#all-nav #online-tv-link a:hover, #all-nav #online-tv-link.active a{
  background: #9b7d55;
  border: 1px solid #ca9856; 
}

#all-nav #pohadky-link a:hover, #all-nav #pohadky-link.active a{
  background: #5a328c;
  border: 1px solid #9e69e1; 
}

#all-nav #hry-online-link a:hover, #all-nav #hry-online-link.active a{
  background: #b4195a;
  border: 1px solid #e14989; 
}

#all-nav #fotbal-link a:hover, #all-nav #fotbal-link.active a{
  background: #3c643c;
  border: 1px solid #55c155; 
}

#all-nav #hokej-link a:hover, #all-nav #hokej-link.active a{
  background: #003366;
  border: 1px solid #6DB1F4; 
}



#all-nav li a{
  display: block;
  color: #555;
  background: #424242 url(./img/all-nav-menu-background.png);
  padding: 0 25px 0 25px;
  line-height: 36px;
  border: 1px solid #9e9e9e;
  color: #fff;
  text-decoration: none;
    font-size: 12px;
  font-weight: normal;
}



#site-nav{
  border: 1px solid #c6c6c6;
  background: #eeeeee;
  line-height: 40px;
  clear:both;
  padding-left: 25px;
}


#site-nav li{
  display: block;
  float:left;
  
}

#site-nav li a{
  display: block;
  border-left: 1px solid #fff;
  border-right: 1px solid #c6c6c6;
  font-weight: bold;          
  color: #555;
  padding: 0 15px 0 15px;
  text-decoration: none;
}
#site-nav li a:hover, #site-nav li.active a{
	
	color: #fff;
	
}

#divne-veci #site-nav li.active a, #divne-veci #site-nav li a:hover{
  background: #5faa9b;
}
#ceska-videa #site-nav li.active a, #ceska-videa #site-nav li a:hover{
  background: #416eb4;
}
#ladim #site-nav li.active a, #ladim #site-nav li a:hover{
  background: #96be50;
}
#pohadkar #site-nav li.active a, #pohadkar #site-nav li a:hover{
  background: #5a328c;
}
#kinoteka #site-nav li.active a, #kinoteka #site-nav li a:hover{
  background: #aaaaaa;
}
#televizky #site-nav li.active a, #televizky #site-nav li a:hover{
  background: #9b7d55;
}
#kookej #site-nav li.active a, #kookej #site-nav li a:hover{
  background: #dc9632;
}
#masakruj #site-nav li.active a, #masakruj #site-nav li a:hover{
  background: #b4195a;
}
#epizoda #site-nav li.active a, #epizoda #site-nav li a:hover{
  background: #509650;
}
#zivace #site-nav li.active a, #zivace #site-nav li a:hover{
  background: #3c643c;
}
#slagry #site-nav li.active a, #slagry #site-nav li a:hover{
  background: #64aadc;
}
#zakazane #site-nav li.active a, #zakazane #site-nav li a:hover{
  background: #cb0000;
}

.header .hledej {margin: 0 25px 0 0; padding: 0;}
#aside ul{padding-left: 25px;}
#aside ul ul{padding: 0;}
#aside .block{background-color: #fff;}

#aside .title, #aside-right .title{background: none;}

#aside .title, #aside-right .title{
background:none repeat scroll 0 0 #A77E52;
border:1px solid #E5E5E5;
color:white;
font-size:1.2em;
letter-spacing:-1px;
margin:0 0 10px;
padding-left:5px;
padding-top: 3px;
padding-bottom: 3px;
line-height: 1em;
}

#aside .block h3.title, #aside-right .block h3.title{line-height: 100%; padding-top: 3px; padding-bottom: 3px; font-weight: normal;}