* { border:0; padding:0; margin:0; text-decoration:none; list-style:none; font-family: Arial; }
html 
	{ 
	  background-color:#FFFFFF;
	  width:100%; 
	  height:100%; 
	  background:url(img/background_top.jpg) repeat-x;  
		
	}
	

body 
	{  
		width: 100%; 
		margin:auto;
		color:#808080;
		font-family: Arial;
		font-size: 12px;
	}
	
#top
	{
		width: 980px; 
		height: 103px;
		margin-left: auto; 
		margin-right: auto;
	}
	
#top .left
	{
		width: 220px; 
		height: 103px;
		float: left;
	}
	
#top .left img
	{
		padding: 25px 0 0 30px;
	}
	
#top .center
	{
		width: 540px; 
		height: 103px;
		float: left;
	}
	
#top .center a
	{
		width: 108px; 
		height: 103px;
		float: left;
		text-align: center;
		padding-top: 42px;
		color: #FFFFFF;
		font-family: Arial;
		font-size: 14px;
	}
	
#top .center a:hover
	{
		background:url(img/background_search_href.jpg) repeat-x;  
	}
	
#top .right
	{
		width: 220px; 
		height: 103px;
		float: left;  
	}
	
#content
	{
		width: 980px; 
		height: auto;
		margin-left: auto; 
		margin-right: auto;
		overflow:hidden;
	}
	
#content .left
	{
		padding-top: 15px;
		width: 220px; 
		height: auto;
		float: left;
	}
	
#content .left .box
	{
		width: 208px;
		height: auto;
		overflow:hidden;
		padding-left: 12px;
		
	}
	
#content .left .box ul.m1
	{
		width: 202px;
		height: 50px;
		background: url(img/box.png) no-repeat; 
		color: #FFF;
		overflow:hidden;
		font-weight: bolder;
	}
	
.wherenie
	{
	font-size: 14px;
	color: red;
	font-weight: bolder;
	}
	
#content .left .box ul.m1 li.ll
	{
		width: 122px;
		padding: 10px 0 0 28px;
		float: left;
		height: 10px;
		
	}
	
#content .left .box ul.m1 li.rr
	{
		width: 47px;
		padding: 0 5px 0 0;
		float: right;
		text-align: right;
	}
	
	
	
#content .left .box ul.log
	{
		width: 202px;
		height: 95px;
		background: url(img/box_center.jpg) repeat-y; 
		overflow:hidden;
		margin: 0 2px 0 2px;
		padding: 0 0 0 10px;
		font-weight: bolder;
		color: #000;
	}
	
	
#content .left .box ul.log li a
	{
		color: red;
	}
	
#content .left .box ul.log li a:hover
	{
		color: #5FD1F3;
	}
	
	
#content .left .box ul.log .ll
	{
		width: 50px;
		height: 25px;
		float: left;
	}
	
#content .left .box ul.log .ll a
	{
		font-size: 10px;
	}
	
	
#content .left .box ul.log .rr
	{
		width: 150px;
		height: 25px;
		float: left;
	}
	
#content .left .box ul.log .ll1
	{
		width: 200px;
		height: 15px;
		float: left;
		font-weight: normal;
	}
	
#content .left .box ul.log .ll a,
#content .left .box ul.log .ll1 a
	{
		color: #808080;
	}
	
#content .left .box ul.log .ll a:hover,
#content .left .box ul.log .ll1 a:hover
	{
		color: #5FD1F3;
	}

	
	
#content .left .box ul.log .rr input,
#content .left .box ul.log .ll input
	{
		width: 120px;
		height: 15px;
		border: 1px solid #E2E2E2;
	}
	
#content .left .box ul.log .rr input.enter,
#content .left .box ul.log .ll input.enter
	{
		width: 66px;
		height: 31px;
		background-image: url('img/enter.jpg');
		background-repeat: no-repeat;
		border: 0px;
		font-weight: bolder;
		font-size: 12px;
		margin-left: 55px;
	}
	
#content .left .box ul.m5
	{
		width: 202px;
		height: auto;
		background: url(img/box_center.jpg) repeat-y; 
		overflow:hidden;
		margin: 0 2px 0 2px;
	}
	
	
#content .left .box ul.m5 li
	{
		padding-left: 30px;
		width: 202px;
		height: 30px;
		padding-top: 5px;
		background: url(img/background_cat.jpg) no-repeat;
	}
	
#content .left .box ul.m5 li:hover
	{
		padding-left: 30px;
		width: 202px;
		height: 30px;
		padding-top: 8px;
		background: url(img/background_cat1.jpg) no-repeat;
	}
	
#content .left .box ul.m5 li a
	{
		width: 194px;
		height: 28px;
		color: #808080;
	}
	
#content .left .box ul.m5 li a:hover
	{
		color: #000;
	}
	
#content .left .box ul.m2
	{
		width: 202px;
		height: auto;
		background: url(img/box_center.jpg) repeat-y; 
		overflow:hidden;
		margin: 0 2px 0 2px;
	}
	
#content .left .box ul.m2 li
	{
		padding-left: 10px;
		width: 202px;
		height: 20px;
		background: url(img/background_line.jpg) no-repeat; 
		background-position: top;
		padding-top: 5px;
	}
	
#content .left .box ul.m2 li a
	{
		color: #808080;
	}
	
#content .left .box ul.m2 li a.play
	{
		color: #EF5F00;
		font-size: 13px;
		font-weight: bolder;
	}
	
#content .left .box ul.m2 li a:hover
	{
		color: #5FD1F3;
	}
	
	
	#content .left .box ul.m2 li a.play:hover
	{
		color: #5FD1F3;
	}
	
	
	
	
#content .left .box p.m3
	{
		width: 202px;
		height: 23px;
		background: url(img/box_down.png) no-repeat; 
		overflow:hidden;
	}
	
	
#content .center
	{
		width: 540px; 
		height: auto;
		float: left;
	}
	
#content .center #contentHolder
	{
		width: 540px; 
		height: 96px;
	}
	
	
#content .center #contentHolder .gg
	{
		width: 540px; 
		height: 57px; 
	}
	
#content .center #contentHolder .gg ul
	{
		width: 540px; 
		height: 57px; 
	}
	
#content .center #contentHolder .gg ul li.ll
	{

		width: 330px; 
		height: 37px; 
		padding: 20px 0 0 110px;
		float: left;
	}
	
#content .center #contentHolder .gg ul li.ll input
	{
		width: 315px; 
		height: 25px; 
		border: 1px solid #E2E2E2;
	}
	

	
#content .center #contentHolder .gg ul li.rr
	{
		width: 100px; 
		height: 57px; 
		float: left;
	}
	
#content .center #contentHolder .gg ul li.rr input.enter
	{
		width: 66px;
		height: 31px;
		background: none;
		border: 0px;
		font-weight: bolder;
		font-size: 12px;
		margin-top: 18px;
	}
	
#content .center #contentHolder .gg2
	{
		width: 540px; 
		height: 39px;
	}
	
#content .center #contentHolder .gg2 ul 
	{
		margin: 5px 0 0 110px;
		width: 430px; 
		height: 34px;
	}
	
#content .center #contentHolder .gg2 ul li
	{
		text-align: center;
		width: 80px;
		float: left; 
	}
	
#content .center #contentHolder .gg2 ul li .search1
	{
		text-align: center;
		width: 80px;
		background: none;
		color: #FFF;
		font-size: 11px;
		font-weight: bolder;
	}
	
#content .center #contentHolder .gg2 ul li .search1:hover
	{
		color: #5FD1F3;
	}
	
#content .center #contentHolder .gg2 ul li a
	{
		color: #FFF;
		font-size: 11px;
		font-weight: bolder;
	}
	
#content .center #contentHolder .gg2 ul li a:hover
	{
		color: #5FD1F3;
	}
	
	
#content .center .all
	{
		width: 540px; 
		height: 57px;
		padding-top: 10px; 
		height: auto;
		overflow:hidden;
	}	
	
	
	
#content .center .all .last_add
	{
		padding-top: 8px;
		width: 180px; 
		height: 170px;
		float: left;
		text-align: center;
	}	
	
#content .center .all .last_add img
	{
		border: 2px solid #E2E2E2;
	}	
	
	
	
/* Podstrony*/

#content .center .all h3
	{
		border-bottom: 1px solid #E2E2E2;
	}	

/* rejestracja*/

#content .center .all ul.rej2
	{
		width: 400px; 
		height: 200px;
		margin-left: auto; 
		margin-right: auto;
		border-bottom: 1px solid #E2E2E2;
	}	
	
	
#content .center .all ul.rej2 li.left
	{
		width: 130px; 
		float: left;
		text-align: right;
		padding-right: 20px;
	}	
	
#content .center .all ul.rej2 li.right
	{
		width: 250px; 
		float: right;
	}	
	
#content .center .all ul.rej2 li.right textarea
   {
		width: 200px;
		height: 150px;
		border: 1px solid #E2E2E2;
		font-size: 12px;
	}	
	
	

#content .center .all ul.rej
	{
		width: 400px; 
		height: 50px;
		margin-left: auto; 
		margin-right: auto;
		border-bottom: 1px solid #E2E2E2;
	}	
	
#content .center .all ul.rej li.left
	{
		width: 130px; 
		float: left;
		text-align: right;
		padding-right: 20px;
	}	
	
#content .center .all ul.rej li.right
	{
		width: 250px; 
		float: right;
	}	
	
#content .center .all ul.rej li.right input
	{
		width: 200px;
		height: 20px;
		border: 1px solid #E2E2E2;
	}	
	
#content .center .all ul.rej li.right select
	{
		width: 200px;
		height: 20px;
		border: 1px solid #E2E2E2;
		font-size: 12px;
	}	
	
#content .center .all ul.rej li.right input.sub
	{
		width: 200px;
		height: 20px;
		border: 1px solid #E2E2E2;
		background: #F5F5F5;
		font-family: Arial;
	}	

/* koniec rejestracja*/
	
	
#content .right
	{
		padding-top: 15px;
		width: 220px; 
		height: auto;
		float: left;
	}
	
#content .right .box
	{
		width: 208px;
		height: auto;
		overflow:hidden;
		padding-left: 12px;
		
	}
	
#content .right .box ul.m1
	{
		width: 202px;
		height: 50px;
		background: url(img/box.png) no-repeat; 
		color: #FFF;
		overflow:hidden;
		font-weight: bolder;
	}
	
#content .right .box ul.m1 li.ll
	{
		width: 122px;
		padding: 10px 0 0 28px;
		float: left;
		height: 10px;
	}
	
#content .right .box ul.m1 li.rr
	{
		width: 47px;
		padding: 0 5px 0 0;
		float: right;
		text-align: right;
	}
	
	
#content .right .box ul.m2
	{
		width: 202px;
		height: 200px;
		background: url(img/box_center.jpg) repeat-y; 
		overflow:hidden;
		margin: 0 2px 0 2px;
	}
	
#content .right .box ul.m2 li
	{
		padding-left: 10px;
		width: 202px;
		height: 20px;
		background: url(img/background_line.jpg) no-repeat; 
		background-position: top;
		padding-top: 5px;
	}
	
#content .right .box ul.m2 li a
	{
		color: #808080;
	}
	
#content .right .box ul.m2 li a:hover
	{
		color: #5FD1F3;
	}
	
	
	
	
#content .right .box p.m3
	{
		width: 202px;
		height: 23px;
		background: url(img/box_down.png) no-repeat; 
		overflow:hidden;
	}
	
#footer
	{
		width: 100%;
		height: 33px;
		background:url(img/background_footer.jpg) repeat-x;  
		position: button;
		padding: 68px 0 0 0;
		color: #FFFFFF;
	}
	
#footer .footer
	{
		margin-top: auto;
		width: 980px; 
		height: 31px;
		margin-left: auto; 
		margin-right: auto;
		position: button;
	}


#footer .footer .left
	{
		width: 220px; 
		height: 31px;
		float: left;
	}
	
	
#footer .footer .center
	{
		width: 540px; 
		height: 31px;
		float: left;
	}
	
#footer .footer .center a
	{
		width: 108px; 
		height: 25px;
		float: left;
		text-align: center;
		padding-top: 8px;
		color: #FFFFFF;
		font-family: Arial;
		font-size: 12px;
	}
	
#footer .footer .center a:hover
	{
		background:url(img/background_search_href.jpg) repeat-x;  
	}
	
#footer .footer .right
	{
		width: 220px; 
		height: 26px;
		float: left;
		text-align: right;
		padding-top: 5px;
	}
	
	
/* Po zalogowaniu bx*/
#content .left .box ul.log2
	{
		width: 202px;
		height: auto;
		background: url(img/box_center.jpg) repeat-y; 
		overflow:hidden;
		margin: 0 2px 0 2px;
	}
	
#content .left .box ul.log2 li
	{
		padding-left: 10px;
		width: 202px;
		height: 20px;
		background: url(img/background_line.jpg) no-repeat; 
		background-position: top;
		padding-top: 5px;
	}
	
#content .left .box ul.log2 li a
	{
		color: #808080;
	}
	
#content .left .box ul.log2 li a:hover
	{
		color: #5FD1F3;
	}
	
/* Podsrony*/
h1.title
	{
		color: #338DCF;
		font-size: 16px;
	}
	
h1.error
	{
		color: red;
		font-size: 16px;
	}
	
h1.tag
	{
		margin-left: 10px; 
		color: #338DCF;
		font-size: 16px;
	}

	
span.tag
	{
		color: #EF711D;
		font-size: 14px;
		margin: 5px;
		font-weight: bolder;
	}
	
a.tag
	{
		color: #EF711D;
		font-size: 14px;
		margin: 5px;
	}
	

a.tag:hover
	{
		color: #338DCF;
		font-size: 14px;
	}
	
a.tag1
	{
		color: #EF711D;
		font-size: 12px;
		margin: 5px;
	}
	

a.tag1:hover
	{
		color: #338DCF;
		font-size: 12px;
	}
	
a.pager
	{
		color: #EF711D;
		font-size: 12px;
		margin: 5px;
	}
	

a.pager:hover
	{
		color: #338DCF;
		font-size: 12px;
	}

	
ul.info
	{
		margin: 10px 0 0 0;
		width: 540px;
		height: auto;
		background: #F4F4F4;
		overflow:hidden;
	}
	
ul.info li
	{
		width: 180px;
		height: 18px;
		float: left;
		padding: 2px 0 0 0;
		text-align: center;
	}
	
ul.info li span
	{
		color: #FF8C3F;
	}
	
p.text
	{
		padding: 10px;
		font-size: 14px;
	}
	
p.text a
	{
		font-size: 14px;
	}
	
p.kom
	{
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #E2E2E2;
	}
	
p.kom1234
	{
		margin: 10px 0 0 0;
		padding: 10px 0 10px 10px;
		border-top: 1px solid #E2E2E2;
		background: #EEEEEE;
	}
	
div#kody
	{
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #E2E2E2;
	}
	
p.kom2
	{
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #E2E2E2;
	}
	
p.download
	{
		margin: 10px 0 10px 0;
		padding: 10px 0 10px 0;
		border-top: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
	}
	
	

	
p.pl
	{
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #E2E2E2;
		color: #338DCF;
		font-size: 12px;
	}
	
ul.kom
	{
		width: 540px;
		height: auto;
		overflow:hidden;
	}
	
ul.kom li
	{
		width: 80px;
		height: auto;
		overflow:hidden;
		float: left;
		padding: 10px;
	}
	
ul.kom li.rr
	{
		width: 420px;
		height: auto;
		overflow:hidden;
		float: left;
		padding: 10px;
	}
	
ul.kom li.kk
	{
		width: 80px;
		height: auto;
		overflow:hidden;
		float: left;
		padding: 10px;
		border-bottom: 1px solid #E2E2E2;
	}
	
ul.kom li.k
	{
		width: 330px;
		height: auto;
		overflow:hidden;
		float: left;
		padding: 10px;
		border-bottom: 1px solid #E2E2E2;
	}
	
ul.kom li.kkk
	{
		width: 70px;
		height: auto;
		overflow:hidden;
		float: left;
		padding: 10px;
		border-bottom: 1px solid #E2E2E2;
	}
	

	
ul.kom li.rr2
	{
		width: 420px;
		height: auto;
		overflow:hidden;
		float: left;
		padding: 0 10px 0 10px;
	}
	
ul.kom li.rr .inp
	{
		border: 2px solid #E2E2E2;
		width: 300px;
		height: 20px;
	}
	
	
ul.kom li.rr2 .inp2
	{
		border: 2px solid #E2E2E2;
		width: 300px;
		height: 50px;
		font-size: 12px;
	}
	
	
ul.kom li.rr .inp1
	{
		border: 2px solid #E2E2E2;
		width: 300px;
		height: 100px;
		font-size: 13px;
	}
	
ul.kom li.rr2 .enter
	{
		width: 66px;
		height: 31px;
		background-image: url('img/enter.jpg');
		background-repeat: no-repeat;
		border: 0px;
		font-weight: bolder;
		font-size: 12px;
		margin-left: 240px;
	}
	
	
input.glosuj
	{
		width: 66px;
		height: 31px;
		background-image: url('img/enter.jpg');
		background-repeat: no-repeat;
		border: 0px;
		font-weight: bolder;
		font-size: 12px;
		margin-left: 10px;
	}
	
	
p.pagination
	{
		width: 520px;
		height: auto;
		text-align: right;
		padding: 10px;
		
	}
	
	
p.pagination a.active
	{
		color: #EF711D;
		font-size: 12px;
		margin: 5px;
	}
	

	
p.pagination a
	{
		color: #EF711D;
		font-size: 12px;
		margin: 5px;
	}
	
p.pagination a:hover
	{
		color: #338DCF;
		font-size: 12px;
	}
	
/*user profil */
div.user
	{
		width: 540px;
		height: auto;
		overflow:hidden;
	}
	
div.user .ll
	{
		padding: 10px 0 0 20px; 
		width: 180px;
		height: auto;
		overflow:hidden;
		float: left;
	}
	
div.user .ll img
	{
		border: 2px solid #E2E2E2;
	}
div.user .rr
	{
		width: 340px;
		height: autopx;
		overflow:hidden;
		float: left;
	}
	
div.user .rr ul
	{
		width: 340px;
		height: 20px;
		overflow:hidden;
		float: left;
	}
	
div.user .rr ul li
	{
		float: left;
		padding-left: 5px;  
	}
	
div.user_opis
	{
		width: 520px;
		padding: 10px;
		height: auto;
		overflow:hidden;
	}
	
	
	
	
/* link */

a.link
	{
		color: #EF711D;
		font-size: 12px;
	}
	

a.link:hover
	{
		color: #338DCF;
		font-size: 12px;
	}
	
a.link3
	{
		color: #EF711D;
		font-size: 14px;
		margin: 5px;
	}
	

a.link3:hover
	{
		color: #338DCF;
		font-size: 14px;
	}
	
/* kurtyna*/


.AjaxLayer {
  position : fixed;
  top : 0;
  left : 0;
  margin : 0;
  padding : 0;
  height : 100%; 
  width : 100%;
  background-color : #000000;
  opacity : .1;
  filter : alpha(opacity=10);
 }

 .AjaxWindow{
  position : fixed;
  _position : absolute;
  top : 0;
  _top : expression(eval(document.body.scrollTop));
  text-align : center;
  left : 30%;
  margin : 100px;
  opacity : 0.06;
  filter : alpha(opacity=5);
 }

#wrapper {
		width: 800px;
		height: 500px;
		background: red;
	}
		
		
div.wiadomosc
	{
		width: 800px;
		height: 500px;
		background: red;
		float: left;
	}
	
ul.wiadomosci_lista
	{
		width: 540px;
		height: 20px;
		float: left;
		border-bottom: 1px solid #E2E2E2;
	}
	
ul.wiadomosci_lista li.nazwa
	{
		width: 100px;
		float: left;
	}
	
ul.wiadomosci_lista li.tytul
	{
		width: 200px;
		float: left;
	}
	
ul.wiadomosci_lista li.data
	{
		width: 130px;
		float: left;
	}
	
ul.wiadomosci_lista li.czynnosc
	{
		width: 110px;
		float: left;
	}
	
ul.wiadomosci_lista li span
	{
		font-weight: bolder;
	}
	
ul.wiadomosci_lista li span.new
	{
		font-weight: bolder;
		color: #338DCF;
		font-size: 12px;
	}
	
a.new
	{
		color: #EF711D;
		font-weight: bolder;
		font-size: 12px;
	}
	

a.new:hover
	{
		color: #338DCF;
		font-size: 12px;
	}
	
	
/*Playlisty szczegóły */

	

ul.play
	{
		width: 540px; 
		height: 40px;
		border-bottom: 1px solid #E2E2E2;
		float: left;
		margin: 10px 0 0 0;
	}	
	
ul.play li.ll
	{
		width: 240px; 
		float: left;
		color: #338DCF;
		font-size: 13px;
		font-weight: bolder;
		padding-top: 10px;
	}	
	
ul.play li.ss
	{
		width: 200px; 
		float: left;
		padding-top: 10px;
	}	
	

	
ul.play li.ss select
	{
		width: 200px;
		height: 20px;
		border: 1px solid #E2E2E2;
		font-size: 12px;
	}	
	
	
ul.play li.rr
	{
		width: 95px; 
		float: left;
		padding: 3px 0 0 5px;
	}	
	
ul.play li.rr input.sub
	{
		width: 66px;
		height: 31px;
		background-image: url('img/enter.jpg');
		background-repeat: no-repeat;
		border: 0px;
		font-weight: bolder;
		font-size: 12px;

	}	
/*koniec */

/*menu zmienne */
.mp3
{
    background: url(img/background_search_mp3.jpg) no-repeat; 
}

.video
{
    background: url(img/background_search_video.jpg) no-repeat;  
}

.text123
{
    background: url(img/background_search_text.jpg) no-repeat;  
}

.wszystko
{
    background: url(img/background_search.jpg) no-repeat;  
}


input.ent2
	{
		background: none;
		color: #338DCF;
		font-size: 14px;
	}
	
form.splay
	{
		margin: 5px 0 10px 0;
		padding: 5px 0 10px 0;
		border-bottom: 1px solid #E2E2E2;
	}
	
#kurtyna {		
	position: absolute;
	width: 100%;  				
	height: 100%; 	
	left: 0px; 
	top: 0px;			 
	background: #FFFFFF;
	opacity: 0,7;
	filter: alpha(opacity=70);
} 


#load {		
	position: absolute;
   left: 50%;
   top: 30%;
} 



ul.kom22
	{
		width: 540px;
		height: auto;
		overflow:hidden;
	}
	
	
.all2
	{
		width: 540px; 
		height: auto;
		padding-top: 10px; 
		overflow:hidden;
		height: 100px;
	}	
	
.all2 .ll
	{
		float:left;
		width: 150px; 
		height: 100px;
		background: red;
		overflow:hidden;
	}	
	
.all2 .rr
	{
		text-align: right:
		float:right;
		width: 390px; 
		height: 100px;
		overflow:hidden;
	}