﻿/* glowne */


body { 
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	font: normal 12px Verdana;
}

img {border:0}

.cleaner {clear:both;display:block;width:100%;height:0;overflow:hidden;visibility:hidden}


#content {
	margin: 0 auto;
	width: 960px;
}

/* top */

#top {
	width: 960px;
	height: 106px;
	background: url(images/bg-top.jpg) no-repeat center center;
}

.logo {
	border: 0;
	padding: 0;
	margin: 30px 0 0 25px;
	float: left;
}

.billboard {
	border: 0;
	padding: 0;
	float: right;
	margin: 3px;
	width: 750px;
	height: 100px;
}

/* menu gorne */

#menus {
	width: 100%;
	height: 30px;
	background: #FFFFFF url(images/top-belka.jpg) no-repeat;
	padding: 0;
	margin: 0;
}

/*
.belt ul{
	background: #FFFFFF url(images/top-belka.jpg) no-repeat;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	text-align: center;
}

.belt ul li a{
	display: block;
	min-width: 112px;
	text-align: left;
	border-left: #F3923E 1px solid;
}

.belt ul, .belt ul li a{
	color: #FFFFFF;
}

.belt ul li a:hover{
	background: #FFFFFF url(images/top-button.jpg) no-repeat;
	color: #fff;
}

.belt ul li a:active{
	background-color: #036;
	color: #fff;
}

.belt a{
	text-decoration: none;
	color: #FFFFFF;
	height: 30px;
}
*/



ul.belt {
	background: #ea750e url('images/top-belka.jpg') 0 0 no-repeat;
	color: #FFFFFF;
	height: 30px;
	line-height:26px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}


ul.belt li {
	float:left;
	position: relative;
	width: 112px;
	white-space:nowrap;
}

ul.belt li a {
	display:block;
	width:100%;
	color:white;
	text-decoration:none;
	height:30px;
}

ul.belt li a:hover {
	background: url(images/top-button.jpg) no-repeat;
	color: #fff;
}


ul.belt li ul{
	display: none;
	position: absolute;
	list-style-type:none;
	margin:0;
	padding:0;
	width: 170px;
	top:30px;
	left:0;
}

ul.belt li:hover ul,
 ul.belt li.hover ul {
	display : block;
}



ul.belt li ul li {
	float:none;
		font-size: 11px;
	background: #F2883D;
	width:100%;

}

ul.belt li ul li a{
	padding:0;
	text-align: left;
	width:auto;
	height:auto;
	padding: 2px 8px;
	zoom:1;
}

ul.belt li ul li a:hover {	
	background: #282828;
	color: #FFFFFF;
}


/*
ul.belt li:active, .belt ul li a:active{
	background-color: #036;
	color: #fff;
}
*/

/*
#podmenu {
	padding: 0;
}

#podmenu li {
	font-size: 11px;
	background: #F2883D;
}

#podmenu  li a {
	padding: 2px 8px;
	height: auto;
	width:auto;
	zoom:1;

}

#podmenu  a:hover{
	background: #282828;
	color: #FFFFFF;
}
*/

/* tresc */

#tresc {
	float: left;
	width: 755px;
	overflow:hidden;
	color: #727272;
	padding: 0;
	margin: 0;
}

#razdwa {margin:10px 0;width:720px;background:url("images/razdwa-back.gif") 0 0 repeat-y}
#razdwa-in {width:100%;background:url("images/razdwa-top.gif") 0 0 no-repeat}
#razdwa-in2 {padding:1px 10px 20px 10px;background:url("images/razdwa-bottom.gif") left bottom no-repeat}

#raz {
	width: 324px;
	padding: 0px;
	float: left;
}

/*
#raz .stopka {
 display:none;
	width: 344px;
	background: #FFFFFF url(images/kontent-down.jpg) no-repeat center bottom;
	height: 20px;
	border: 0px;
}
*/

#raz ul {
	width: 250px;
}

#raz p {
	margin: 10px 0;
}

#raz .ikonka {
	float: left;
	padding-right: 10px;
}


#dwa {float:right;width:324px;	}

/*
#dwa .stopka {
display:none;
	width: 344px;
	background: #FFFFFF url(images/kontent-down.jpg) no-repeat center bottom;
	height: 20px;
	border: 0px;
}
*/ 

#dwa ul {
	width: 250px;
}

#dwa p {
	margin: 10px 0;
}

#dwa .ikonka {
	float: left;
	padding-right: 10px;
}

#trzy {
	width: 720px;
	margin: 10px 0px;
	border-top: #E5E5E5 1px solid;
	background: #FFFFFF url(images/trzy-bg.jpg) repeat-y center bottom;
	padding: 0px;
	float: left;
}

#trzy .stopka {
	width: 720px;
	background: #FFFFFF url(images/trzy-down.jpg) no-repeat center bottom;
	height: 20px;
	border: 0px;
}

#trzy ul {
	width: 650px;
}

#trzy p {
	margin: 10px;
}

#trzy.ikonka {
	float: left;
	padding-right: 10px;
}

#tresc h1 {
	color: #DA3D11;
	font-size: 15px;
	margin: 5px;
}

#tresc h2 {
	color: #FA690B;
	font-size: 13px;
	margin: 5px;
}

#tresc h3 {
	color: #282828;
	font-size: 12px;
	margin: 5px;
}

#tresc li {
	list-style: none;
	background: #FFFFFF url(images/p.jpg) no-repeat 0 5px;
	padding-left: 10px;
  margin:2px 0;
}

#tresc p.nawigacja, .nawigacja {
	color: #727272;
	margin: 10px 15px 0 0;
}

#tresc a, .nawigacja a {
	color: #727272;
}

#tresc a:hover, .nawigacja a:hover {
	color: #FA690B;
}

/* sidebar */

#sidebar {
	float: right;
	width: 202px;
	padding: 0;
	margin: 3px 0;
}

#logowanie {
	color: #FFFFFF;
	width: 202px;
	height: 93px;
	background: #FFFFFF url(images/logowanie-bg.jpg) no-repeat;
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
}

#logowanie2 {
	color: #FFFFFF;
	width: 202px;
	height: 93px;
	background: #FFFFFF;
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
}

#logowanie3{
	color: #FFFFFF;
	width: 202px;
	height: 93px;
	background: #F8F8F8;
	border: 1px #E5E5E5 solid;
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
}

#logowanie form {
	padding: 8px 20px;
	line-height: 24px;
	}

#logowanie .btnloguj {
	margin-top: 5px;
	width: 52px;
	height: 20px;
	background: #FFFFFF url(images/btn-zaloguj.jpg) no-repeat;
	border: 0;
}

#logowanie .input {
	width: 82px;
	height: 23px;
	background: #FFFFFF url(images/logowanie.jpg) no-repeat;
	border: 0;
	padding: 0;
	margin: 0;
}

#buttony {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 150px;
}

#buttony li {
	text-align: center;
	padding: 9px;
	color: #FFFFFF;
	font-weight: bold;
	width: 131px;
	height: 16px;
	background: url(images/button-1.png) no-repeat;
	margin-bottom: 3px;
}

#buttony li:hover {
	background: url(images/button-2.png) no-repeat;
}

#buttony a {
	color: #FFFFFF;
}

#buttony2 {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 150px;
}

#buttony2 li {
	text-align: center;
	padding: 9px;
	margin: 5px 0 5px 25px;
	color: #FFFFFF;
	font-weight: bold;
	width: 131px;
	height: 16px;
	background: url(images/button-1.png) no-repeat;
}

#buttony2 li:hover {
	background: url(images/button-2.png) no-repeat;
}

ul#buttony2 a {
	color: #FFFFFF;
}

#menuboczne {
	color: #282828;
	background: #F8F8F8;
	width: 200px;
	border: #E5E5E5 1px solid;
	font-size: 12px;
}

#menuboczne h3 {
	font-size: 17px;
	padding: 0;
	margin: 8px;
}

#menuboczne span {
	margin-left: 10px;
}

#menuboczne ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	border: 0;
	color: #777777;
	background: #EDEDED;
}

#menuboczne li {
	border-bottom: 1px solid #F6F6F6;
}

#menuboczne li a {
	background: #EDEDED;
	font: bold 12px Verdana;
	display: block;
	color: #777777;
	padding: 7px;
	text-decoration: none;
}

#menuboczne li a:hover {
	width: 100%;
	background: #FFFFFF url(images/btn-menuboczne.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

/* stopka */

#footer {
	width: 960px;
	background: #EB8213;
	border-bottom: 10px #DA3D11 solid;
	text-align: center;
	padding: 10px;
	color: #FBE6D0;
	font-size: 8px;
}


/* LOGIN PANEL */

#l_box { 
  	background:url('images/login_box.png') no-repeat; 
  	width:270px; 
  	height:160px; 
  	margin:20px auto; }
  
  	#l_box p {
  		margin:0;
  		padding:0; }
  		
  	#l_box .title {
  		color:#FFF; 
  		font:12px Verdana, Arial;
  		padding:3px 0 0 8px; }
  	
  	#l_box .form_pos {
  		position:relative;
  		top:15px;
  		left:15px;
  		width:250px; }
  	
  		#l_box .form_pos input {
  			width:147px;
  			height:21px; 
  			border:1px solid #818181; 
  			color:#818181;
  			margin-bottom:7px; }
  			
  		* html body #l_box .form_pos input {
  			width:134px; }
  			
  		#l_box .form_pos label {
  			font:12px Verdana, Arial;
  			color:#818181; 
  			width:70px;
  			display:block;
  			float:left;
  			text-align:right;
  			margin-right:15px;
  			padding-top:3px; }
  			
  		* html body #l_box .form_pos label {
  			font-size:11px; }
  	
  	#l_box .pass_forget {
  		position:relative;
  		top:8px;
  		left:135px;
  		width:115px; }
  	
  	* html body #l_box .pass_forget {
  		left:127px; }
  	
  		#l_box .pass_forget a {
  			color:#b1b1b1;
  			font:10px Verdana, Arial; }
  			
  	#l_box .submit_pos {
  		position:relative;
  		top:30px;
  		left:100px; }
  		
  		#l_box .submit_pos input {
  			background:url('images/login_box_submit.png') no-repeat;
	  		width:80px;
  			height:20px;
  			border:0;
  			color:#FFF;
  			outline:none;
  			cursor:pointer; }
  			
  			
#tresc.spread {
	width: 960px;
}

#tresc a {
    color: #727272;
}


/* MSIE 6 workarounds */

* html ul.belt li { _color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
   who.onmouseenter=function(){ who.className += ' hover'};
   who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
} } )(this) , 'auto') }
