html, body {
		font-size: 10pt;
		font-family: "Trebuchet MS", Sans-serif;
		color: #000;
		/*background: #348 url(../i/body_bg2.jpg) 0 0 repeat-x;*/
		background-color: #036;
		color: #222;
		margin: 0;
		padding: 0;
	}
	
	#left, #right, #middle {
		border: 1px #999 solid;
		padding: 1em;
		min-height: 800px;
		background-color: #fff;
	}
	
	#wrap1 {
		width: 900px;
		text-align: left;
		margin: 0 auto;
		padding: 0 0 0 8px;
		/*border: 1px #900 solid; */
	}

	body > #wrap1 {
		background: transparent url(../i/l_sdw.png) 0 0 repeat-y;
	}
	
	body > #wrap1 {
		min-width: 900px;
		max-width: 1140px;
		width: 70%;
	}
	
	#wrap2 {
		padding: 0 8px 0 0;
		/*border: 1px #ddd solid;*/
		margin: 0;
	}

	#wrap1 > #wrap2 {
		background: transparent url(../i/r_sdw.png) 100% 0 repeat-y;
	}	
	
	
	#content {
		margin: 0;
		padding: 0 0 1em 0;
		background: #fff url(../i/content_bg.png) 0 -24px repeat-x;
	}

	#wrap2 > #content {
		height: 100%;
		min-height: 900px;
	}
	
	#header {
		width: auto;
		height: 60px;
		border-top: 1px #555 solid;
		border-bottom: 0; 
		padding: 0 5px;
		margin: 0;
		background: #000 url(../i/header.png) 0 0 no-repeat;
	}
	
	#navbar {
		margin: 0 0 2em 0;
		/*height: 18px;*/
		padding: 0 0;
		/*border: 1px #999 solid;*/
		background-color: #000;
		/*border-bottom: 1px #ddd solid;*/
		/*border-top: 1px #111 solid;*/
		/*display: none;*/
		/*visibility: hidden;*/
	}
	
	#left {
		width: 180px;
		float: left;
		display: inline;	/* IE float-bug hack */
		margin: 0;
		padding: 5px;
		border: 0;
		background: transparent url() 0 0 repeat-x;
	}
	
	#right {
		width: 150px;
		float: right;
		display: inline;	/* IE float-bug hack */
		margin: 0 5px 0 0;
		padding: 5px;
		border: 0;
		display: none;
	}
	
	#middle {
		width: auto;
		height: 1%; 	/* IE float-bug hack */
		margin: 0 6px 0 200px;
		padding: 5px;
		border: 0;
		background-color: transparent;
		height: 800px;
	}

	#content > #middle {
		height: 100%;
		min-height: 800px;
	}
	
	#foot {
		/*border: 1px #ddd solid;*/
		*height: 60px;
		font-size: 95%;
		padding: 0.5em 0 0 0;
		margin: 4em 1em 0 1em;
		*margin-top: 10em;
		text-align: center;
		border-top: 1px #ddd solid;
	}
		
	a {
		color: #03d;
	}
	
	a:hover {
		color: #37f;
	}
	
	/* Szablon na 99% nie bedzie dzialal poprawnie w IE 5.x ze wzgledu na jego bledny model ramkowy. 
	Jesli zalezy Ci na IE5.x -> http://tantek.com/CSS/Examples/boxmodelhack.html */
	
	/* detailed styles */
	
	#header a#home, #header a.top_button {
		/*border: 1px #fff solid;*/
		height: 50px;
		display: block;
		padding: 0;
	}

	#header a.top_button#first:hover {
		border-bottom: 3px #9cf solid;
	}

	#header a.top_button#second:hover {
		border-bottom: 3px #fc0 solid;
	}

	#header a.top_button#third:hover {
	   border-bottom: 3px #ddd solid;
	}	
	
	#header a#home {
		width: 190px;
		float: left;

	}
	
	#header a.top_button {
		width: 125px;
		float: left;
	}

	#header a#first {
		margin: 0 0 0 30px;
	}	
	
	#search_form {	
		margin: 1em 0.5em 0 0;
		padding: 0;
		float: right;
		display: inline;
	}
	
	#search_form input {
		font-size: 90%;
		width: 10em;
		margin: 0 3px 0 0 ;
		padding: 1px;
	}
	
	#search_form a {
		padding: 0;
		margin: 0;
	}
	
	#search_form a img {
		margin: -1px 0 0 2px;
		vertical-align: top;
		border: 0;
	}
	
	#search_form em {
		font-size: 85%;
		color: #fff;
		font-weight: bold;
		/*vertical-align: middle;*/
		margin: 0 0.3em 4px 0;
	}
	
	#header h1 {
		width: 20%;
		margin: 0;
		padding: 0;
		font-size: 1.4em;
		border: 1px #a00 solid;
	}
	
	#header #info {
		float: right;
		min-width: 55%;
		width: auto;
		display: none;
	}
	
	
	#header #info span#new {
		/*background-color: #700;*/
		padding: 2px 5px; 
		/*border-bottom: 1px #a00 dotted; 
		border-right: 1px #a00 dotted; */
		font-style: italic; 
		margin: 0.5em 1em 0 0; 
		color: #fff; 
		font-size: 90%;
		display: block;
	}
	
	#header #info span#old {
		/*background-color: #700; */
		padding: 2px 5px; 
		/*border-bottom: 1px #a00 dotted; 
		border-right: 1px #a00 dotted; */
		font-style: italic; 
		margin: 0 1em 0 0; 
		color: #aaa; 
		font-size: 80%;
		display: block;
	}

	#info strong {
		font-weight: bold;
	}
	
	/* menu */
	
	#navbar ul#menu {
		margin: 0;
		padding: 0;
		list-style: none;
		height: 23px; 
		display: none;
	}

	
	#navbar #menu > li {
		float: right;
		width: 75px;
		height: 23px;
		margin: 0;
		padding: 0 0.4em;
		border-right: 1px #ccc solid;
		border-left: 1px #fff solid;
	}
	
	#navbar #menu > li a {
		display: block;
		width: auto;
		height: 11px;
		margin: 0;
		padding: 3px 0;
		text-align: center;
		color: #222;
		text-decoration: none;
	}
	
	#navbar #menu li a:hover {
		color: #000;
		border-bottom: 2px #ccc dotted;
	}

	/* hotbar */

	#navbar p#hotbar {
		height: 18px;
		margin:  0;
		padding: 3px 0 0 1.1em;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		background: #fc0 url(../i/hotbar_bg.png) -32px 0px no-repeat;
		/*font-style: italic;*/
	}

	p#hotbar strong {
		margin: 0 1.2em 0 0;
	}	

	p#hotbar a {
		color: #f00;
		/*background-color: #fd0;*/
		/*text-decoration: none;*/
		/*border-bottom: 1px #f00 dotted;*/
		font-weight: bold;
	}	

	p#hotbar a:hover {
		color: #fff;
		border-bottom: 0;
	}
	/* left */
	
	#left #sub_menu {
		/*border: 1px #444 solid;*/
	}
	
	#sub_menu h1, #sub_menu h1 a {
		font-size: 105%;
		font-style: italic;
		padding: 1px 4px 2px 0;
		margin: 0 0 0.2em 0;
		text-align: right;
		color: #fff;
		text-decoration: none;
	}
	
	#sub_menu ul {
		margin: 0;
		padding: 0  0 1.3em 0;
		list-style-type: square;
		list-style: none;
		text-align: right;
	}

	#sub_menu ul li {
		border-bottom: 1px #ddd solid;
	}
		
	#sub_menu ul li a {
		font-size: 95%;
		font-weight: bold;
		color: #555;
		text-decoration: none;
		background-color: #fff;
		display: block;
		padding: 3px 6px
	}
	
	#sub_menu h1#of_title {
		background: #f60 url(../i/menu_title_of_bg.png) 0 0 no-repeat;
	}
	
	#sub_menu h1#i_title {
		background: #026 url(../i/menu_title_i_bg.png) 0 0 no-repeat;
	}
	
	#sub_menu h1#tip_title {
		background: #062 url(../i/menu_title_tip_bg.png) 0 0 no-repeat;
	}
	
	#sub_menu h1#tpn_title {
		background: #900 url(../i/menu_title_tpn_bg.png) 0 0 no-repeat;
	}
	
	#sub_menu h1#di_title {
		background: #000 url(../i/menu_title_di_bg.png) 0 0 no-repeat;
	}

	#sub_menu h1#p_title {
		background: #ccc url(../i/menu_title_akt_bg.png) 0 0 no-repeat;
	}
	
	#sub_menu ul#of_list li a:hover {
		color: #f60;
		background-color: #eee;
	}
	
	#sub_menu ul#i_list li a:hover {
		color: #026;
		background-color: #eee;
	}
	
	#sub_menu ul#tip_list li a:hover {
		color: #062;
		background-color: #eee;
	}
	
	#sub_menu ul#tpn_list li a:hover {
		color: #900;
		background-color: #eee;
	}
	
	#sub_menu ul#p_list li a:hover {
		color: #444;
		background-color: #eee;
	}
	
	#sub_menu ul#di_list li a:hover {
		color: #444;
		background-color: #eee;
	}
	
	
	/* content styles*/
	
	#middle .news_box {
		border: 1px #777 solid;
		margin: 0.8em 0.3em 2em 0;
		padding: 0;
		width: 32%;
		float: left;
		_height: 175px;
	}

	#middle > .news_box {
		min-height: 170px;
	}
	
	#middle h1 {
		color: #000;
		font-size: 1.2em;
		margin: 1.2em 0 0.3em 0;
		border-bottom: 1px #aaa solid;
		padding: 0 0 0 0.2em;
		clear: none;
	}
	
	#middle h2 {
		font-family: Arial, Verdana, Sans-serif;
		color: #026;
		font-size: 1em;
		margin: 1.5em 0 0.4em 0;
	}
	
	#middle h3 {
		font-family: Verdana, Sans-serif;
		color: #000;
		font-size: 0.85em;
		margin: 1.2em 0 0 0;
	}
	
	#middle h4, #middle h5 {
		margin: 0;
		padding: 0;
	}
	
	#middle h4 {
		font-family: Arial, Sans-serif;
		font-size: 0.9em;
		color: #fff;
		background-color: #333;
		padding: 0.3em 0.6em;
 	}

	#middle table {
		font-size: 0.9em;
	}

	/* tytuly newsow */

	#middle h4#of {
		background-color: #f60 ;
	}

	#middle h4 {
		background-color: #026 ;
	}

	#middle h4#tip {
		background-color: #062 ;
	}

	#middle h4#tpn {
		background-color: #900 ;
	}

	/*- koniec tytulow */

	
	#middle h4 a {
		font-size: 0.9em;
		color: #888;
		text-decoration: none;
		font-weight: normal;
		font-style: italic;
		margin: 0 0 0 1em;
	}
	
	#middle h4 a:hover {
		color: #aaa;
	}
	
	#middle h5 {
		font-size: 0.8em;
		color: #555;
		margin: 0.3em 0.2em 1em 0.6em;
	}
	
	#middle p {
		color: #111;
		padding: 0;
		margin: 0.2em 0 1em 0.2em;
		text-indent: 0.6em;
		line-height: 1.4em;
	}
	
	#middle p.head {
		color: #000;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 1.6em;
		text-indent: 0;
	}
	
	#middle .news_box p, #middle .news_box p.news_text {
		font-size: 90%;
		margin: 0 0.6em 1em 0.6em;
		padding: 0;
		line-height: 1.3em;
		color: #000;
	}
	
	#middle .news_box a.s_link {
		display: block;
		text-align: right;
		color: #777;
		font-size: 90%;
		padding: 0.3em 1em;
		margin: 4em 0 0 0;
		background-color: #eee;
		border-top: 1px #aaa solid;
		text-decoration: none;
		font-weight: bold;
	}
	
	#middle .news_box a.s_link:hover {
		color: #444;
	}
	
	#middle img, #middle a img {
		border: 1px #ddd solid;
		padding: 3px;
	}
	
	img.right {
		float: right;
		display: inline;
		margin: 1em 2.5em 0.5em 0.5em;
	}

	img.left {
		float: left;
		display: inline;
		margin: 0 0.8em;
	}
	
	#middle ul {
		color: #000;
		list-style: square inside;
		margin: 0.2em 0 1em 0;
		padding: 0 1em;
	}
	
	#middle em {
		color: #c20;
	}
	
	
	#middle cite {
		color: #555;
		background-color: #eee;
		border-top: 1px #aaa dotted;
		border-bottom: 1px #aaa dotted;
		padding: 0 0.2em;
	}
	
	/* foots styles*/
		
	#foot p {
		margin: 0 0.5em;
		padding: 0;
		text-align: center;
	}
	
	
	#foot a {
		padding: 0 0.7em 0.2em 0.7em;
		margin: 0 0 0.2em 0;
	}
	
	#foot a.last {
		border: none;
	}


	/* custom */

	#middle #reklama {
		width: 640px;
		margin: 0 auto 2em auto;
	}

	#middle hr {
		clear: both;
		margin: 0;
	}

	#middle table {
		background-color: #aaa;
		border: 0;
	}

	#middle table td {
		background-color: #eee;
	}

	#middle dl dd {
		margin: 0;
		padding: 0;
	}

	#middle dl dt {
		margin: 0.5em 0 0 0;
	}

	#middle form #c_content {
		width: 400px;
		height: 200px;
	}