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

		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:black; color:#000; font:0.75em/1.5 "arial", sans-serif; text-align:center;}

a {color:rgb(255,204,51);
   }
a:hover {color:rgb(255,204,51);
         }

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

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

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; margin:0 auto; background:black; text-align:left; }

		#header-top {width:960px; height:5px; background:black  0 0 no-repeat; font-size:0; }

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

				#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:#F50 url("design/tray.gif") repeat-x;  }
		
				#nav {margin:0; list-style:none;}
          #nav li {display:inline;}
          #nav li a {display:block; float:left; padding:4px 20px;  color:#FFF; text-decoration:none;}
          #nav li a:hover {background:rgb(255,204,51) ; text-decoration:none; color:#000;}
            #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;}
		#cols2 {clear:both; padding:10px;}

			#content {float:left; width:730px; overflow:hidden;}
			#content2 {float:left; width:100%; overflow:hidden;}

			#aside {float:right; width:200px; 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;  background:black; 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:white;}
	.info a:hover {color:white;}

/* 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:white;
}

#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: rgb(102,102,102)  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:black url("design/title-01.gif") 0 100% repeat-x; font-size:150%; font-weight:normal; color:white;}
.title span {padding-right:5px; background:black;}

.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:black;}

.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: black;
         padding:1px 1px 1px 1px; 
         height:255px;
         width:498px;
         color:white;
         

}

.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:rgb(0,0,0);
	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:rgb(255,204,51);
	text-decoration:none;
	font-size:1em;
	
}
.item h2 a:hover {
	color:rgb(255,204,51);
	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:rgb(144,0,0);
	border:1px solid #cce0f5;
}
.item2 h2 {
	font-size:1em;
	margin:0 0 3px 0;
	padding:0;
	color:#ffffff;
}
.item2 h2 a {
	color:rgb(255,204,51);
	text-decoration:none;
	font-size:1em;
}
.item2 h2 a:hover {
	color:rgb(255,204,51);
	text-decoration:none;
	font-size:1em;
}
.item2 p {
	margin:0 0 0px 0;
	
	
}

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

}

							
.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:rgb(255,204,51);} 

.hmenu a:hover {text-decoration: none;
                color:rgb(255,204,51);} 
                
.velvideo {float:left;
                }                 
                
                
        
/* 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}       


.hormenu {
	padding: 2px 5px 0px 5px;
		
  float:left;
	margin:2px 1px 2px 1;
	
	background:rgb(144,0,0);
	border-left:4px solid #e5e5e5;
	
}

.hormenu a:hover {

	
	background:rgb(0,0,0);

}

.menucentr {
	padding: 4px 5px 2px 5px;
		

}

.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;
}