body{

background-image: url(bodybg.jpg);

background-repeat: no-repeat;

background-color: #fff;

background-position: top center;

text-align: center;

font-family: Arial, Helvetica, sans-serif;

font-size: 0.9em;

}

a, a:hover, a:visited, a:active{

	color: #000;

	text-decoration: none;

}

.wrapper {

width: 960px;

margin: 0 auto;

text-align: left;

}

.clear{

clear: both;

}

.off{

	display: none;

}

.relative{

position: relative;

}

.header{

height: 149px;



}

.newsflash{

height: 25px;

}

.bigmenu{

height: 61px;

margin-bottom: 2px;

}

.topmenu{

height: 40px;



}

.content-all{

margin-top:10px;

}

.content{

width: 520px;

float: left;

padding: 0 10px;

}



.bigplayer{

	width: 769px;

	float: left;

	clear: right;

	padding: 0 0 0 10px;

	

	

}



.search{

	float: right;

	height: 40px;

	width: 240px;

	background-image: url(searchbg.jpg);

}



.loginbox{

	position: absolute;

	top: 15px;

	right: 0;

	height: 45px;

	background-image: url(loginbox.png);

	background-repeat: no-repeat;

	background-position: left top;

	border-right: 1px solid #e9e9e9;

}

.loginbox div{

	padding: 10px 10px;

	float: right;

	height: 25px;

}

.loginbox .logout{

	background-image: url(logout.png);

	background-repeat: no-repeat;

	padding: 15px 10px;

}

/**

* Big Menu

*/

.bigmenu ul{

list-style:none;

}

.bigmenu li{

float:left;

}

.bigmenu li a{

display:block;

height: 61px;

}

.bigmenu li a{

background-repeat: repeat;

background-position: top left;

}

.bigmenu li a:hover, li a:focus, li a:active{

background-position: bottom left;

}



.menu-oktv{

width: 239px;

}

.menu-oktv a{

background-image: url(menu.oktv.jpg);

}



.menu-inf{

width: 240px;

}

.menu-inf a{

background-image: url(menu.inf.jpg);

}



.menu-prog{

width: 240px;

}

.menu-prog a{

background-image: url(menu.prog.jpg);

}



.menu-wspol{

width: 241px;

}

.menu-wspol a{

background-image: url(menu.wspol.jpg);

}



/**

* Lewe menu

*/

.left-col{

width: 180px;

height: 100%;

float: left;

border-right: 1px solid #ebecea;

}

.ktvonline-top{

width: 180px;

height: 30px;

background-image: url(ktvonline-top.jpg);

}

.ktvonline-center{

width: 180px;

border-left: 1px solid #ebecea;

padding: 5px;

}

.ktvonline{

	width: 160px;

	padding: 5px 10px;

}

.ktvonline li{

	width: 150px;

	padding: 2px 5px;

	vertical-align: middle;

}

.ktvonline a{

	width: 140px;

	padding: 6px 5px;

	vertical-align: middle;

}

.ktvonline a:hover{

	border: 1px solid #ccc;

	background-color: #eee;

	padding: 5px 4px;

}

.ktvonline img{

	vertical-align: middle;

	margin: 5px 5px;

}

.ktvonline-bottom{

width: 180px;

height: 5px;

background-image: url(ktvonline-bottom.jpg);

}









.shows-logos ul{

list-style:none;

}

.shows-logos li{

float:left;

margin-top: 10px;

}

.shows-logos li a{

display:block;

width: 180px;

}

.shows-logos li a{

background-repeat: repeat;

background-position: top left;

}

.shows-logos li a:hover, li a:focus, li a:active{

background-position: bottom left;

}

.s-kampnews a{

width: 180px;

height: 228px;

background-image: url(show.kampnews.jpg);

}

.s-harrymilton a{

width: 180px;

height: 227px;

background-image: url(show.harrymilton.jpg);

}

.s-wroclife a{

width: 180px;

height: 227px;

background-image: url(show.wroclife.jpg);

}

.s-automarzen a{

width: 180px;

height: 227px;

background-image: url(show.automarzen.jpg);

}

.s-wroclawo a{

width: 180px;

height: 227px;

background-image: url(show.wroclawo.jpg);

}

.s-sport a{

width: 180px;

height: 227px;

background-image: url(show.sport.jpg);

}

.s-warto a{

width: 180px;

height: 227px;

background-image: url(show.warto.jpg);

}











/**

* Prawe menu

*/

.right-col{

width: 239px;

float: right;

}

.latest{

width: 239px;

height: 53px;

background-image: url(latest.jpg);

}

.patronat{

width: 239px;

height: 49px;

background-image: url(patronat.jpg);

}

.box-center{

width: 209px;

padding: 0 10px 0 20px;

background-image: url(box-center.jpg);

background-repeat: repeat-y;

}

.box-bottom{

width: 239px;

height: 23px;

background-image: url(box-bottom.jpg);

}

.box-center div{

	width: 200px;

	border-bottom: 1px solid #ccc;

	padding: 3px 0;

	font-size: 0.8em;

}



/**

 * Footer

 */

 

.bottom{

	width: 100%;

	height: 259px;

	background-image: url(bottom.jpg);

	background-repeat: repeat-x;

}

.goup{

	position: absolute;

	left: 65px;

}

.footer-left{

	position: absolute;

	top: 220px;

	left: 10px;

	color: #fff;

	font-size: 0.8em;

}

.footer-right{

	position: absolute;

	top: 220px;

	right: 10px;

	color: #fff;

	font-size: 0.8em;

}

.footer-right a{

	font-weight: bold;

	color: #fff;

	text-decoration: none;

}



.bottommenu{

	position: absolute;

	top: 42px;

	left: 0px;

	width: 960px;

}



.partners {

	position:absolute;

	top: 85px;

	left: 80px;

	overflow:hidden;

	width: 870px;

	height: 110px;

}



/* Container DIV - automatically generated */

.simply-scroll-container { 

	position:absolute;

	top: 85px;

	left: 80px;

	overflow:hidden;

	width: 870px;

	height: 110px;

}



/* Clip DIV - automatically generated */

.simply-scroll-clip { 

	position: relative;

	overflow: hidden;

	z-index: 2;

}



/* UL/OL/DIV - the element that simplyScroll is inited on

Class name automatically added to element */

.simply-scroll-list { 

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	overflow: hidden;

	margin: 0;

	padding: 0;

	list-style: none;

}

	

.simply-scroll-list li {

	padding: 0;

	margin: 0;

	list-style: none;

}

	

.simply-scroll-list li img {

	border: none;

	display: block;

}



/* Custom class modifications - adds to / overrides above



.simply-scroll is default base class */



/* Container DIV */

.simply-scroll { 

	width: 870px;

	height: 100px;

}



/* Clip DIV */

.simply-scroll .simply-scroll-clip {

	width: 870px;

	height: 100px;

}

	

/* Explicitly set height/width of each list item */	

.simply-scroll .simply-scroll-list li {

	float: left; /* Horizontal scroll only */

	width: 200px;

	height: 100px;

}





/**

 * Content

 */

 

 h1{

 	font-size: 2em;

 	border-bottom: 3px solid #fc9305;

 	padding-bottom: 3px;

 	margin-bottom: 10px;

 }

 h2{

 	font-size: 1.5em;

 	border-bottom: 2px solid #fc9305;

 	padding-bottom: 2px;

 	margin-bottom: 10px;

 }

.panel{

	width: 100%;

}

.panel th{

	background-color: #ffdd4e;

	padding: 5px 0;

	vertical-align: top;

}

.panel td{

	border-bottom: 1px solid #ffdd4e;

	padding: 5px;

	vertical-align: top;

}

.form{



}

.form input{

	width: 80%;

	display: block;

}

.form textarea{

	width: 80%;

	display: block;

}

.form label{

	display: block;

	font-weight: bold;

	font-size: 1.2em;

 	border-bottom: 1px solid #fc9305;

 	margin: 15px 0 5px;

 	width: 200px;

}

.pagelogo{

	width: 520px;

	background-image: url(pagelogo.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	padding-top: 120px;

}

.pagetable{

	width: 420px;

	margin: 0 50px;

	background-color: #fff;

}

.pagetable td{

	border: 1px solid #ccc;

	padding: 5px;

	text-align: center;

}

.programy{

	width: 520px;

	background-image: url(programy.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	padding-top: 160px;

}

.inneprodukcje{

	margin-top: 20px;

	width: 520px;

	background-image: url(inneprodukcje.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	padding-top: 160px;

}



.shows{

	width: 480px;

	margin: 0 20px;

	background-color: #fff;

}

.shows td{

	border: 1px solid #ccc;

	padding: 5px;

	text-align: center;

	vertical-align: top;

}

.shows h3{

	font-size: 1.5em;

	font-weight: bold;

	margin: 5px 10px 10px 10px;

}

.showsbg{

	background-image: url(showsbg.jpg);

	background-repeat: repeat-y;

	background-position: top left;

	background-color: #fff;

}



.title{

	background-color: #fe9605;

	clear: both;

	font-size: 1.5em;

	color: #fff;

	padding: 10px 15px;

}



.error-message{

	color: white;

	background-color: red;

}



.featured {

	position:relative;

	overflow:hidden;

	width: 520px;

	height: 290px;

}

.featured .items {

	width:20000em;

	position:absolute;

	clear:both;

}

.featured .item {

	float:left;

}

.featured .bar{

	width: 520px;

	height: 50px;

	position: absolute;

	bottom: 0;

	z-index: 50;

	clear: both;

}

.featured .bar .ftitle{

	width: 300px;

	height: 40px;

	background: transparent;

	background-image: url(ftitle.png);

	background-repeat: repeat;

	color: #fff;

	font-size: 1.5em;

	float: left;

	padding: 5px;

}

.featured .bar .fnav{

	width: 190px;

	height: 50px;

	background: transparent;

	background-image: url(fnav.png);

	background-repeat: repeat;

	float: right;

	padding: 18px 0 0 20px

}

.fnav a{

	border: 1px solid #999;

	background: #fff;

	color: #000;

	padding: 5px 10px;

}

.fnav a.active{

	border: 1px solid #f93;

	background: #fc3;

}

.fdescp{

	width: 480px;

	height: 100px;

	background-image: url(fdescp.jpg);

	background-position: bottom left;

	font-size: 0.9em;

	padding: 10px 20px;	

}



.videolist{

	width: 500px;

	min-height: 120px;

	margin: 0 10px;

	border: 1px solid #ccc;

	border-bottom: none;

	clear: both;

	position: relative;

}

.videolist .image{

	padding: 10px;

	float: left;

	width: 120px;

}

.videolist .descp{

	float: left;

	width: 270px;

	font-size: 0.9em;

	padding: 10px 5px;

}

.videolist .more{

	position: absolute;

	top:0;

	bottom: 0;

	right: 0;

	padding: 10px;

	width: 59px;

	background-image: url(more.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	background-color: #fff;

	border-left: 1px solid #ccc;

}

.videolist .more .day{

	font-size: 2em;

	color: orange;

}

.videolist .more .month{

	font-size: 1.2em;

	color: #999;

	font-weight: bold;

}

.videolist .morebutton{

	position: absolute;

	bottom: 15px;

	right: 5px;

	z-index: 5;

}

.paginator{

	border: none;

	border-top: 1px solid #ccc;

	text-align: right;

	padding: 6px 0;

}

.paginator span{

	border: 1px solid #ccc;

	padding: 5px 7px;

	margin: 7px 0;

	font-size: 1em;

}

.paginator span.current{

	color: orange;

	font-weight: bold;

}



.comments{

	width: 480px;

	float: left;

	padding: 0 10px;

	margin: 10px 10px;

	border: 1px solid #ccc;

}

.comments .komentarze,.comments .komentarze a{

	font-size: 1.1em;

	color: #f46d00;

	font-weight: bold;

	padding: 10px 0;

	

}

.comments .comment{

	margin-bottom: 10px;

}

.comments .addcomment{

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #f46d00;

}

.comment .text{

	float: left;

	width: 350px;

	font-size: 0.9em;

	padding: 5px 0;

}

.comment .user{

	float: left;

	width: 470px;

	text-align: right;

	border-bottom: 1px solid #ccc;

	padding: 5px 0;

	font-size: 0.8em

}

.comment .avatar{

	float: right;

	width: 100px;

	padding: 5px;

	

}



.authors{

	width: 520px;

	float: left;

	margin: 10px 0;

}

.authors .author{

	width: 225px;

	float: left;

	padding: 10px;

	margin: 10px 0 0 10px;

	border: 1px solid #ddd;

}

.author .foto{

	float: left;

	width: 120px;

	height: 120px;

}

.author .name{

	width: 95px;

	float: right;

	margin-bottom: 10px;

}

.author .name a{

	font-weight: bold;

}

.author .descp{

	width: 95px;

	float: right;

	font-size: 0.9em;

}

ol.zrealizowane{

	list-style-type: decimal;

	list-style-position: inside;

}

ol.zrealizowane li{

	padding: 5px;

}



/* the overlayed element */

div.overlay {

	

	/* growing background image */

	background-image:url(http://static.flowplayer.org/tools/img/overlay/white.png);

	

	/* dimensions after the growing animation finishes  */

	width:600px;

	height:470px;		

	

	/* initially overlay is hidden */

	display:none;

	

	/* some padding to layout nested elements nicely  */

	padding:55px;

}



/* default close button positioned on upper right corner */

div.overlay div.close {

	background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);

	position:absolute;

	right:5px;

	top:5px;

	cursor:pointer;

	height:35px;

	width:35px;

}





/* black */

div.overlay.black {

	background:url(http://static.flowplayer.org/tools/img/overlay/transparent.png) no-repeat !important;

	color:#fff;

}



/* petrol */

div.overlay.petrol {

	background:url(http://static.flowplayer.org/tools/img/overlay/petrol.png) no-repeat !important;

	color:#fff;

}



div.black h2, div.petrol h2 {

	color:#ddd;		

}



/* OVERLAY jquery tools */

#overlay {

	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);

	color:#efefef;

	height:450px;

}



/* container for external content. uses vertical scrollbar, if needed */

div.contentWrap {

	height:441px;

	text-align: left;

	overflow-y:auto;

}