/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background: url(images/pattern1.jpg) repeat;
margin: 0;
text-align: center;
}

/* General font families for common tags */
font,th,td,p			{ font-family: Arial, Helvetica, sans-serif;}
a:link,a:active,a:visited	{ color : #33a8e5; text-decoration: none; }
p, td			{ font-size : 11px; color : #ce826b; }
a:hover			{ text-decoration: underline; color : #33a8e5; }
hr				{ height: 0px; border: solid #bdbdbd 0px; border-top-width: 1px; }

#w_dol {
height: 7px;
}
/* Footer */
#footer_kurwa {
	position: relative;
	margin-top: 0px;
	height: 225px;
	background: url(images/stopo_tlo.png) repeat-x;
	z-index: 100;
}
#footer {
	position: relative;
	margin-top: 0px;
	height: 225px;
	z-index: 150;
}
#beta {
float: left;
margin-top: -40px;
}
#footer1 {
  position: relative;
  min-width: 878px;
}
  .footer-logo {
	display: block;
	position: fixed;
  	right: 4px;
  	bottom: 2px;
	z-index: 299;
  	 }
 .footer-logo2 {
	display: block;
	position: fixed;
  	right: 50px;
  	bottom: 2px;
	z-index: 999;
  	 }


  .market_wrap {
  	position: absolute;
  	right: 550px;
  	top: -53px;
  	width: 150px;
  	font: 14px/24px arial, helvetica, sans-serif;
  	z-index: 10;
  	padding: 4px 0;
	}
    .market_wrap .market_header {
    	width:150px;
		height: 170px;
    	background: transparent url(images/owiecowaty.png) no-repeat 0px 0px;
		color: #feefbf; font: 12px Arial, Helvetica, sans-serif; font-weight: bold;
		padding: 2px 5px;
		}
    .market_wrap ul {
    	position:absolute;
    	right: 10px;
    	top:-110px;
    	width:170px;
		height: 150px;
    	background: transparent url(images/dymek-maly.png) no-repeat 0px 0px;
    	padding: 10px 0px;
    	line-height: 8px;
    	display: none;
    	list-style: none;
    }
    .market_wrap:hover ul {
    	left: 0px;
    }
      .market_wrap ul li a {
      	display:block;
      	padding: 2px 5px;
      	color: #9c9c9c;
      	text-indent: 0;
      }
      .market_wrap ul li a:hover {
      	text-decoration:none;
      	color: #fff;
      }

  .market_wrap1 {
  	position: absolute;
  	right: 400px;
  	top: -53px;
  	width: 150px;
  	font: 14px/24px arial, helvetica, sans-serif;
  	z-index: 10;
  	padding: 4px 0;
  }
    .market_wrap1 .market_header1 {
    	width:150px;
		height: 170px;
    	background: transparent url(images/kotowaty.png) no-repeat 0px 0px;
		color: #feefbf; font: 12px Arial, Helvetica, sans-serif; font-weight: bold;
		padding: 2px 5px;
		}
    .market_wrap1 ul {
		position:absolute;
    	right: 10px;
    	top:-110px;
    	width:170px;
		height: 150px;
    	background: transparent url(images/dymek-maly.png) no-repeat 0px 0px;
    	padding: 15px 0px;
    	line-height: 8px;
    	display: none;
    	list-style: none;
    }
    .market_wrap1:hover ul {
    	left: 0px;
    }
      .market_wrap1 ul li a {
      	display:block;
      	padding: 2px 5px;
      	color: #9c9c9c;
      	text-indent: 0;
      }
      .market_wrap1 ul li a:hover {
      	text-decoration:none;
      	color: #fff;
      }


  .market_wrap2 {
  	position: absolute;
  	right: 250px;
  	top: -53px;
  	width: 150px;
  	font: 14px/24px arial, helvetica, sans-serif;
  	z-index: 10;
  	padding: 4px 0;
  }
    .market_wrap2 .market_header2 {
    	width:150px;
		height: 170px;
    	background: transparent url(images/rybowaty.png) no-repeat 0px 0px;
		color: #feefbf; font: 12px Arial, Helvetica, sans-serif; font-weight: bold;
		padding: 2px 5px;
		}
    .market_wrap2 ul {
    	position:absolute;
    	right: 10px;
    	top:-160px;
    	width:170px;
		height: 200px;
    	background: transparent url(images/dymek-duzy.png) no-repeat 0px 0px;
    	padding: 16px 0px;
    	line-height: 8px;
    	display: none;
    	list-style: none;
    
    }
    .market_wrap2:hover ul {
    	left: 0px;
    }
      .market_wrap2 ul li a {
      	display:block;
      	padding: 2px 5px;
      	color: #9c9c9c;
      	text-indent: 0;
      }
      .market_wrap2 ul li a:hover {
      	text-decoration:none;
      	color: #fff;
      }


  .market_wrap3 {
  	position: absolute;
  	right: 100px;
  	top: -53px;
  	width: 150px;
  	font: 14px/24px arial, helvetica, sans-serif;
  	z-index: 10;
  	padding: 4px 0;
  }
    .market_wrap3 .market_header3 {
    	width:150px;
		height: 170px;
    	background: transparent url(images/mudzynowaty.png) no-repeat 0px 0px;
		color: #feefbf; font: 12px Arial, Helvetica, sans-serif; font-weight: bold;
		padding: 2px 5px;
		}
    .market_wrap3 ul {
    	position:absolute;
    	right: 10px;
    	top:-110px;
    	width:170px;
		height: 150px;
    	background: transparent url(images/dymek-maly.png) no-repeat 0px 0px;
    	padding: 15px 0px;
    	line-height: 8px;
    	display: none;
    	list-style: none;
    }
    .market_wrap3:hover ul {
    	left: 0px;
    }
      .market_wrap3 ul li a {
      	display:block;
      	padding: 2px 5px;
      	color: #9c9c9c;
      	text-indent: 0;
      }
      .market_wrap3 ul li a:hover {
      	text-decoration:none;
      	color: #fff;
      }

#footer_wrap {
z-index: 99;
display: block;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
border-top: 1px solid #FFF;
text-align: center;
background-color: #b5ae92;
}

/*Shoutbox */
#Shoutbox {
height: 356px;
background: url(images/pociag_tlo.jpg) repeat-x;
}

#po_1 {
width: 500px;
height: 356px;
background: url(images/po_02.jpg) repeat-x;
float: right;
}

#po_2 {
width: 257px;
height: 356px;
background: url(images/po_01.jpg) no-repeat;
float: right;
}

#Shout_up {
margin: -356px 25% 25% 0px;
float: right;
}
#tablica_shout {
width: 700px;
height: 300px;
background: url(images/tablica.png) no-repeat;
}

#wszystko {
background: url(images/pattern1.jpg) repeat;
margin-top: -5px;
}

#snieg {
height: 400px;
}
#header1 {
padding: 0;
height: 400px;
background: url(images/pattern1.png) repeat-x;
margin-top: 0px;
}

#header {
margin: 0 auto;
padding: 0;
width: 878px;
height: 400px;
background: url(images/menu_tlo.png) repeat-x;
}

#woda {
padding: 0;
height: 219px;
width: 100%;
background: url(images/pattern-woda1.jpg) repeat-x;
}

#top {
width: 878px;
margin: 0;
padding: 0;
height: 34px;
}

#top img {
float: left;
margin-bottom: 30px;
}

#search {
float: right;
}

#search span {
color: #33a8e5;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#searchBox{ padding: 3px; border: 0px #cfcfcf solid; border-width: 2px 1px 1px 2px; height:28px;width:270px; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; vertical-align: middle; }
#searchGo{ background: url(images/search.png) no-repeat; border:0px; height:32px; width:32px; margin-left:7px; cursor: pointer; vertical-align: middle; }

#przesuwacz {
margin-left: 36px;
}


/* <----------------- MENUSY ----------------> */
#info {
margin-top: 0px;
position:absolute ;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular-sub.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {padding:0; margin-left:-89px; list-style:none; position:relative; width:880px; height:346px;}
#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:89px; height:346px; background:url(trans.gif);}
#menu li {display:block; width:89px; height:346px; position:absolute; text-decoration:none; color:#000;}

#menu li a {display:block; width:89px; height:346px; text-decoration:none; color:#000;}
#menu li a b {position:absolute; left:-9999px; display:block; width:89px; height:346px; text-align:center; font-family:arial, sans-serif; font-size:10px; font-weight: bold;}
#menu li.nawi {background:url(images/miasto_bta.png); left:89px; top:0;}
#menu li.ipspec {background:url(images/miasto_bta.png); left:178px; top:0px;}
#menu li.FAQ {background:url(images/miasto_bta.png); left:267px; top:0px;}
#menu li.Szukaj {background:url(images/miasto_bta.png); left:356px; top:0px;}
#menu li.Uzytkownicy {background:url(images/miasto_bta.png); left:445px; top:0px;}
#menu li.Grupy {background:url(images/miasto_bta.png); left:534px; top:0px;}
#menu li.Zaloguj {background:url(images/miasto_bta.png); left:623px; top:0px;}

#menu li a:hover {border:0; z-index:500;}

#menu li.nawi a:hover ul, #menu li.nawi:hover ul {left:0px; top:-15px;}
#menu li.ipspec a:hover ul, #menu li.ipspec:hover ul {left:0px; top:-15px;}
#menu li.FAQ a:hover ul, #menu li.FAQ:hover ul {left:0px; top:-15px;}
#menu li.Szukaj a:hover ul, #menu li.Szukaj:hover ul {left:0px; top:-15px;}
#menu li.Uzytkownicy a:hover ul, #menu li.Uzytkownicy:hover ul {left:0px; top:-15px;}
#menu li.Grupy a:hover ul, #menu li.Grupy:hover ul {left:0px; top:-15px;}
#menu li.Zaloguj a:hover ul, #menu li.Zaloguj:hover ul {left:0px; top:-15px;}
#menu li.mail a:hover ul, #menu li.mail:hover ul {left:0px; top:-15px;}

#menu :hover ul li {width:89px; height:346px;}

#menu :hover ul li a {position:absolute; display:block; width:89px; height:346px;}

#menu li ul li a.p1 {left:0px; top:16px;}
#menu li ul li a.p2 {left:0px; top:16px;}
#menu li ul li a.p3 {left:98px; top:70px;}
#menu li ul li a.p4 {left:70px; top:100px;}
#menu li ul li a.p5 {left:30px; top:100px;}
#menu li ul li a.p6 {left:0; top:70px;}
#menu li ul li a.p7 {left:0; top:30px;}
#menu li ul li a.p8 {left:30px; top:0;}

#menu li.nawi a:hover b, #menu li.nawi:hover b {left:693px; top:220px;}
#menu li.ipspec a:hover b, #menu li.ipspec:hover b {left:604px; top:220px;}
#menu li.FAQ a:hover b, #menu li.FAQ:hover b {left:515px; top:220px;}
#menu li.Szukaj a:hover b, #menu li.Szukaj:hover b {left:426px; top:220px;}
#menu li.Uzytkownicy a:hover b, #menu li.Uzytkownicy:hover b {left:327px; top:220px;}
#menu li.Grupy a:hover b, #menu li.Grupy:hover b {left:248px; top:220px;}
#menu li.Zaloguj a:hover b, #menu li.Zaloguj:hover b {left:159px; top:220px;}
#menu li.mail a:hover b, #menu li.mail:hover b {left:70px; top:220px;}

#menu li.nawi a:hover ul li a b,
#menu li.ipspec a:hover ul li a b,
#menu li.FAQ a:hover ul li a b,
#menu li.Szukaj a:hover ul li a b,
#menu li.Uzytkownicy a:hover ul li a b,
#menu li.Grupy a:hover ul li a b,
#menu li.Zaloguj a:hover ul li a b,
#menu li.mail a:hover ul li a b,
#menu li.nawi:hover ul li a b,
#menu li.ipspec:hover ul li a b,
#menu li.FAQ:hover ul li a b,
#menu li.Szukaj:hover ul li a b,
#menu li.Uzytkownicy:hover ul li a b,
#menu li.Grupy:hover ul li a b,
#menu li.Zaloguj:hover ul li a b,
#menu li.mail:hover ul li a b{left:-9999px;}

#menu li ul li a.nawi1  {background:url(images/miasto_01.png);}
#menu li ul li a.ipspec1 {background:url(images/miasto_02.png);}
#menu li ul li a.FAQ1 {background:url(images/miasto_03.png);}
#menu li ul li a.Szukaj1 {background:url(images/miasto_04.png);}
#menu li ul li a.Uzytkownicy1 {background:url(images/miasto_05.png);}
#menu li ul li a.Grupy1 {background:url(images/miasto_06.png);}
#menu li ul li a.Zaloguj1 {background:url(images/miasto_07.png);}

#menu :hover ul li a.p1:hover b {left:0px; top:350px;}
#menu :hover ul li a.p2:hover b {left:0px; top:350px;}
#menu :hover ul li a.p3:hover b {left:0px; top:350px;}
#menu :hover ul li a.p4:hover b {left:-30px; top:-40px;}
#menu :hover ul li a.p5:hover b {left:10px; top:-40px;}
#menu :hover ul li a.p6:hover b {left:40px; top:-10px;}
#menu :hover ul li a.p7:hover b {left:40px; top:30px;}
#menu :hover ul li a.p8:hover b {left:10px; top:60px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #64523c; }

/* This is the outline round the main forum tables */
.forumline { background-color: #fff; border: 0; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #FFF; }
td.row2 { background-color: #fff; }
td.row3 { background-color: #fff; }
td.row_helped { background-color: #edf0f4; }

td.row4 { background-color: #fff; border-top: 0px solid #fff; border-bottom: 0px solid #fff; }
td.row5 { background: #e7e7e7; }

td.row_ogl { background: #FFF url(images/pattern-woda1.jpg) repeat-x; height: 219px; }

td.row_who { background: #FFF; }

td.row_profil { background: #f7f7f7 url(images/profil_bg.png) repeat-x bottom; }

td.catend {
	background-image:	url(images/postBtm.png);
	color: #1a1a1a;
   font-size: 1px;
	height: 63px;
}

/*
	This is for the table cell above the Topics, Post & Last posts on the index.php page
	By default this is the fading out gradiated silver background.
	However, you could replace this with a bitmap specific for each forum
*/

/* Header cells - the blue and silver gradient backgrounds */
th {
color:			#5bc5fc; font-size: 12px; font-weight: bold;
height: 50px; padding-bottom: 12px;
}

th.belka {
color:			#feefbf; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; height: 50px;
text-align: center; padding-bottom: 16px;
}

#belka {
background:	url(images/belka.png) no-repeat;
margin: 0 auto;
width: 1000px;
}

th.belka_ogl {
color:			#5bc5fc; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; height: 56px;
background-image:	url(images/ogl_header.png); padding-bottom: 16px;
}

td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background: #64523c;
background-color:#D1D7DC; height: 30px;
}

/*
	Setting additional nice inner borders for the main table cells.
	The names indicate which sides the border will be on.
	Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom { background-color: #C7D0D7; background:	url(images/belka.jpg) repeat-x; height: 56px; }
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
font-weight: bold; height: 56px;
}

th.thCornerL,th.thTop,th.thCornerR {color: #5bc5fc; font-size: 12px; font-weight: bold; background-image: url('images/ogl_header.png'); height: 56px; }

td.row3Right,td.spaceRow { height: 0px; margin: 0; padding: 0; }

th.thHead,td.catHead			{ font-size: 12px; border-width: 0px; }
th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }
th.thRight,td.catRight,td.row3Right	{ border-width: 0px; }
th.thLeft,td.catLeft			{ border-width: 0px; }
th.thBottom,td.catBottom		{ border-width: 0px; }
th.thTop				{ border-width: 0px; }
th.thCornerL				{ border-width: 0px; }
th.thCornerR				{ border-width: 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen						{ font-size : 12px; }
.genmed					{ font-size : 11px; }
.gensmall					{ font-size : 11px; }
.gen,.genmed,.gensmall			{ color : #ce826b; }
a.gen,a.genmed,a.gensmall			{ color: #b3b3b3; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #33a8e5; text-decoration: underline; }

.desc {
color: #C76061;
font-size : 11px;
}

.info {
color: #b7b7b7;
font-weight: bold;
font-size : 10px;
font-family:		Tahoma, Arial, Helvetica, sans-serif;
}

.ost	{ font-size : 11px; color : #ababab; font-weight: bold; }
a.ost		{ text-decoration: none; color : #33a8e5; }
a.ost:hover	{ text-decoration: underline; color : #33a8e5; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #ce826b; }
a.mainmenu		{ text-decoration: none; color : #33a8e5; }
a.mainmenu:hover	{ text-decoration: underline; color : #33a8e5; }

/* Forum category titles */
.cattitle		{ color:	#5bc5fc; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; }
a.cattitle		{ text-decoration: none; color:	#5bc5fc; }
a.cattitle:hover	{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 14px; color : #33a8e5; }
a.forumlink		{ text-decoration: none; color : #33a8e5; }
a.forumlink:hover	{ text-decoration: underline; color : #33a8e5; }

.forumlink_new		{ font-weight: bold; font-size: 14px; color : #d95050; }
a.forumlink_new		{ text-decoration: none; color : #d95050; }
a.forumlink_new:hover	{ text-decoration: underline; color : #d95050; }

.forumlink_lock		{ font-weight: bold; font-size: 14px; color : #33a8e5; text-decoration: line-through; }
a.forumlink_lock		{ text-decoration: none; color : #33a8e5; text-decoration: line-through; }
a.forumlink_lock:hover	{ text-decoration: underline; color : #33a8e5;}

.forumlink_link		{ font-weight: bold; font-size: 14px; color : #33a8e5; font-style: italic; }
a.forumlink_link		{ text-decoration: none; color : #33a8e5; font-style: italic; }
a.forumlink_link:hover	{ text-decoration: underline; color : #33a8e5; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav		{ font-weight: bold; font-size: 11px; color : #33a8e5;}
a.nav	{ text-decoration: none; color : #33a8e5; }
a.nav:hover	{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 12px; color : #ce826b; }
a.topictitle:link	{ text-decoration: none; color : #ce826b; }
a.topictitle:visited	{ text-decoration: none; color : #ce826b; }
a.topictitle:hover	{ text-decoration: underline; color : #33a8e5; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #686868; text-decoration: none}

.name2 { font-size : 11px; color : #686868; text-decoration: none; font-weight: bold; }

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 11px; color : #686868; }

.postdetails2		{ font-size : 11px; color : #686868; font-weight: bold; }

/* The content of the posts (body of text) */
.postbody		{ font-size : 12px; line-height: 18px; color: #686868; }
a.postlink:link	{ text-decoration: none; color : #33a8e5; }
a.postlink:visited	{ text-decoration: none; color : #33a8e5; }
a.postlink:hover	{ text-decoration: underline; color : #33a8e5; }

/* Quote & Code blocks */
.code {
font-family:		Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color:	#FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

.quote {
font-family:		Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color:	#FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

/* Copyright and bottom info */
.copyright		{ font-size : 11px; color: #ce826b; }
a.copyright		{ text-decoration: none; color : #ce826b; }
a.copyright:hover	{ text-decoration: underline; color : #33a8e5; }

/* Form elements */

form { margin: 0; }
form { display: inline; }

input,textarea, select {
color : #ce826b;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: #dbdbdb 1px solid;
}

/* The text input fields background colour */
input.post, textarea.post, select			{ background-color : #f7f8f7; }
input.post2, textarea.post2, select	{ background-color : #f7f8f7; }
input						{ text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color :	#EFEFEF;
color :			#000000;
font-size:		11px; font-family: Verdana, Arial, Helvetica, sans-serif;
cursor:			pointer;
}

/* The main submit button option */
input.mainoption {
background-color:	#FAFAFA;
font-weight:		bold;
cursor:			pointer;
}

/* None-bold submit button */
input.liteoption {
background-color:	#FAFAFA;
font-weight:		normal;
cursor:			pointer;
}

/* This is the line in the posting page which shows the rollover
	help line. This is actually a text box, but if set to be the same
	colour as the background no one will know ;)
*/
.helpline { background-color: #f4f4f4; border-style: none; }

/* Highlight bad words for moderators instead of censoring them */
span.badwordhighlight { background-color: #FFFF00; }

.topbkg { background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x }
.topnav { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#dd6900; height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0 }

.pm { font-size: 11px; text-decoration: none; color: #FF0000 }

.table0
{
	background-color : #FFF;
	border-bottom-color : #dedede;
	border-bottom-style : solid;
	border-bottom-width : 0;
	border-left-color : #fefefe;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #dedede;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : #fefefe;
	border-top-style : solid;
	border-top-width : 1px;
	color : #000000;
	font-size : 10px;
}

.pagination {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
    padding-bottom: 4px;
	cursor: pointer;
	text-decoration: none;
}
.pagination a, .pagination a:visited, .pagination a:active {
	background-color: #FFF;
	color: #000;
	border-color: #D4D7DA;
	border: #D4D7DA 1px solid;
	padding: 1px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #FFF;
	color: #666;
	border-color: #EAECEF;
	border: #EAECEF 1px solid;
	text-decoration: none;
	padding: 1px;
}

/* Listwa e-point.pl */
#E-point {
height: 94px;
width: 100%;
position:absolute;
}

/* ogloszenia */

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 auto;
	background: url(images/ogl_down.png) no-repeat;
	height: 40px;
	line-height: 40px;
	width: 186px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(images/orzciagacz.png) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 986px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

#ogloszenia {
margin-top: -52px;
}


#noticesCategories ul {
	width: 650px;
	display: block;
	clear: both;
	margin: 0 auto;
	text-align: center;
}

#noticesCategories ul li{
	float: left;
	height: 8px;
	display: block;
	margin: 10px 10px 3px 0;
	padding: 0 0 10px 10px;
}

#noticesCategories ul li a {
	display: block;
	border-right: solid 1px #ce826b;
	padding-right: 10px;
	color: #ce826b;
	font-weight: bold;
}

#noticesCategories ul li a:hover {
	text-decoration: underline;
}

#noticesCategories ul li img {
	position: absolute;
	border: 3px solid #881212;
}

#notices {
	border-top: solid 1px #ce826b;
	width: 610px;
	margin: 0 auto;
	display: block;
	clear: both;
	padding: 10px;
}

#notices p {
	color: #ce826b;
	margin-bottom: 6px;
}

#notices img {
	border: 3px solid #fff;
}

#notices dl {
	float: left;
	display: block;
	color: #ce826b;
	margin-right: 30px;
}

#notices dt {
	font-size: 11px;
	text-decoration: underline;
	padding-bottom: 4px;
}

#notices dd {
	display: block;
	line-height: 17px;
	padding-left: 10px;
}

#notice3 p {
	line-height: 81px;
	margin-bottom: 12px;
}

#notice3 p img {
	float: left;
	margin-right: 10px;
}

#notices a {
	color: #ce826b;
}

#notices a:hover {
	text-decoration: underline;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

/* root element for tabs  */
#conta {
width: 800px;
margin:0px;
}

ul#tabs {
	list-style:none;
	padding:0;	
	height:30px;
	width: 800px;
	float: left;
}

/* single tab */
ul#tabs li {
	float: left;	
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul#tabs a {
	background: url('img/blue.png') no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul#tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul#tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul#tabs a.current, ul#tabs a.current:hover, ul#tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important;
	color:#000 !important;
}

#list {
	clear: both;
	padding-top: 10px;
	width: 800px;
	float: left;
}

/* get rid of those system borders being generated for A tags */
.thumbs a:active {
  outline:none;
}

.thumbs :focus {
  -moz-outline-style:none;
}





/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 646px;	
	height:300px;	
}

/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
.thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
.thumbs div {
	float: left;
	width:214px;
	height:245px;
	background:#333 url(img/h150.png) repeat-x 0 146px;
	color:#fff;
	border-right:1px solid #333;
	cursor:pointer;
	padding: 0;
	margin: 0;
}

.thumbs div img {
	margin: 0;
}

/* style when mouse is over the item */
.thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
.thumbs div.active {
	background-color:#066;
	cursor:default;
}

.thumbs p {
	height: 40px;
	display: block;	
}

.thumbs h3, .thumbs p, .thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

.thumbs h3 a {	
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
	text-decoration: none;
	display: block;
}

.thumbs h3 em {
	font-style:normal;
	color:yellow;
	display: block;
	float: left;
}

span.mini {
	width: 214px;
	height: 106px;
	display: block;
	background-color: #fff;
	overflow: hidden;
	margin: 0;
}

.thumbs span a {
	color: #d2ff00;	
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(img/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(img/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	




	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin-left: 3px;
	background:url(img/arrow/navigator.png) no-repeat;
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 0px;
} 	







ding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}
 
#panel {
	width: 100%;
	height: 280px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
 
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel p {
	margin: 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel a {
	text-decoration: none;
	color: #15ADFF;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel a:hover {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel a-lost-pwd {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content .border {
	border-left: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content .narrow {
	width:120px !important;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content form {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content input:focus.field {
	background: #545454;
	font-family: Arial, Helvetica, sans-serif;
}
 
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
 
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.85em;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
 
/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 70%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab ul.login li a {
	color: #15ADFF;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab ul.login li a:hover {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab .sep {color:#414141;
font-family: Arial, Helvetica, sans-serif;}
 
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
 
.tab a.open {background: url(images/bt_open.png) no-repeat left 0; font-family: Arial, Helvetica, sans-serif;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0; font-family: Arial, Helvetica, sans-serif;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px; font-family: Arial, Helvetica, sans-serif;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px; font-family: Arial, Helvetica, sans-serif;}

		.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: fixed;
			top: 1%;
			left: 10%;
			right: 10%;
			padding: 2px;
			border: 2px solid black;
			background-color: white;
			z-index:1002;
			overflow: auto;
			max-width: 800px;
		}