body
{ 


background-position: center; 

background-repeat: no-repeat ;
background: #8ED2FF; /* Old browsers */
background: -moz-linear-gradient(top, #8ED2FF 0%, #f2f2f2 41%, #ffffff 60%, #ffffff 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#027fe5), color-stop(41%,#f2f2f2), color-stop(60%,#ffffff), color-stop(77%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8ED2FF 0%,#f2f2f2 41%,#ffffff 60%,#ffffff 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8ED2FF 0%,#f2f2f2 41%,#ffffff 60%,#ffffff 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8ED2FF 0%,#f2f2f2 41%,#ffffff 60%,#ffffff 77%); /* IE10+ */
background: linear-gradient(to bottom, #8ED2FF 0%,#f2f2f2 41%,#ffffff 60%,#ffffff 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027fe5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	color:#333;
	font-size: 8pt;
	padding: 0;
	margin: 0;
	font-family: Ubuntu, Arial, sans-serif;





}

html{
min-height:100%;
	position: relative;
	}


/*-----------------------------czcioki--------------------------------*/


	
		.super {
			margin-top: 25px;

padding-top: 15px;
width: 900px:
font-family: nokia-pure-text, arial, sans-serif; 
color: 
#333;
font-size:1.4em;
font-weight:normal;
line-height: 1.3em;
padding: 0px 30px 0px;
vertical-align:baseline;
text-align: left;


}

	.nk-headline-1 {
color: 
#124191;
float: left;
font-size: 2.5em;
font-weight: normal;
line-height: 2em;
margin: 0;
padding: 0;
}
		
		.nk {
			margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid 
#D4E0F0;
border-bottom: 1px solid 
white;
border-top: 1px solid 
#D6D8DD ! important;
display: block;
}
			
	.nk-clear-both {
clear: both;


}

		h3	{
		clear:both;
		padding-top:20px;
		text-align:left;
		font-size: 1.6em;
		margin-left:135px;
		}
		h2 {
display: block;
font-size: 1.2em;
font-weight:bold;color:#124191;
}
.class1 {
	font-weight:bold;
	text-align:center; ;
	margin-left: 18px;
	color: #333;
font-size: 1em;
line-height: 2em;
	}
		
/*--------------------------------header------------------------------*/





#headere {
margin-left:auto;
margin-right: auto;
	width: 980px;;
	height: 62px;
	
}
.cnheader{
	z-index: 300;
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	    background-color: #2b2e33;
	position: fixed;
	top:0px;
	height: 70px;
	}
	   
	#lewa {
	width: 250px;
	float: left;

	
	}   
	   #prawap, ul li {
	display: table;
	list-style: none;
	margin: 0;
	padding:0;
	 vertical-align: middle;
}

#prawap li {
	float: left;


}


#prawap  a:link, #prawap a:visited {
	text-decoration: none;
	display:table-cell;
	width: 120px;
	height: 60px;
	text-align: center ;
	vertical-align: middle;
	font-weight: bold;
	background-color: # ;
	color: #def;
	margin: 0px 0px ;
	
}

#prawap a:hover {
	
background-color: #28e;
	color: #fff;


	
	}
	
		
 a.news {
background-image: url('p/1.png');
width: 230px;
height:60px;
overflow: hidden;
float: left;
display:block;

	   }




	   
	/*--------------------------------czcionki/header------------------------------*/   
	   

	   
	   #lewa p{
	width: 230px;
	float: left;
	display: inline-block;
	   
	   }
	   
	   
	   
#prawa p{
	
	width: 690px;
	float: right;
	min-height: 10em;
    display: table-cell;
    vertical-align: middle
	
}
			/*--------------------------------sieci-spolecznosciowe------------------------------*/   
	
	   a.google {
	background-image: url('google.png');   
	  display:block; 
	   height:36px;
overflow:hidden;
width: 33px;
	float:right;   
	 		background-position: 0px -36px;
	   }
	a.google:hover{
	background-position: 0px 0px;
	}
	  a.facebook {
	background-image: url('FaceBook.png');   
	  display:block; 
	   height:36px;
overflow:hidden;
width: 33px;
	float:right;  
			background-position: 0px -36px; 
	   }
	a.facebook:hover{
	background-position: 0px 0px;
	}
	
	 a.youtube {
	background-image: url('Youtube.png');   
	  display:block; 
	   height:36px;
overflow:hidden;
width: 33px;
	float:right;   
		background-position: 0px -36px;
	   }
	a.youtube:hover{
	background-position: 0px 0px;
	
	}

		/*--------------------------------tlo-spajajace------------------------------*/   
	
	.page{


		}
#tlo {

	width: 980px;
	float: center;
height: auto;
margin-left:auto;
margin-right: auto;
		 		padding-bottom:150px;	/* Wysokość stopki */
		 	
}
	
		/*--------------------------------strona ------------------------------*/   
 #gs {
	margin-top:100px;
 	width:100%;
 	
 	height: auto ;
 	background-attachment: fixed; 
background-repeat: no-repeat ;


 	}
 	
 	
#ls {
	

	width: 280px;
	float: left;
height: 550px;
	}
	
	
	
	
	#ls2 {
		margin: 0px auto;
		margin-top: 50px;
		width: 230px;
	   
	
	font-size: 1.2em;//litery blok wielkosæ
	line-height: 1em;//grubo¶c bloków menu 2
	

		}
	

#ps {
	margin-top: 28px;

	width: 645px;
	float: right;;
	font-family: URW Palladio L Italic , Arial, sans-serif;
	font-style: italic;
	font
	
	
	}
		



	.ss {
margin-top: 10px;
overflow: hidden;
padding-top: 15px;
width: 900px:
font-family: nokia-pure-text, arial, sans-serif; 
color: 
#333;
font-size: 1em;
line-height: 1em;
padding: 0px 30px 0px;
vertical-align: baseline;
display: block;

}

	
	
	
    
	#form {
		width:600px;
		float:inherit;
		font-size: 1em;
		line-height: 2em;
		}
	#w{
			padding-bottom:150px;
		
		}
					/*--------------------------------buttony ------------------------------*/   
			
	a.guzik {
background-image: url('dd2.jpg');
display:inline-block;
height:38px;
overflow:;
width:152px;
position:;
border:1px solid #3dbbee;  padding:px  ; 
	border-radius:8px;
	box-shadow: 2px 2px 7px 2px gray;
	   }
a.guzik:hover {
background-image: url('dd.jpg'); }
	
.button_bar {
list-style: none;
color: whitesmoke;
font-weight: bold;
padding: 10px 20px;
float: left;
font-size: 14px;
text-decoration: none;
border-radius: 5px 5px 5px 5px;
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

}
.button_bar a:link{
	text-decoration: none;
	
	
	}

		/*--------------------------------baner ------------------------------*/   
a.obrazek{
margin-right:20px;
margin-top: 0px;
background-image: url('p/x.png');
width: 417px;
height:640px;
overflow: hidden;
float: right;
display:block;

}
	

			/*-------------------------------- manu po lewej stronie  ------------------------------*/   
	#nav{
	padding: 0px;
	}
#nav	ul 
{list-style:none;
margin:0;
padding:0;
float: left;


}

#nav	li 
{width:215px;

margin:5px;
padding:0;
text-align:center;
border:1px solid #3dbbee ; 
border-radius:3px; 
box-shadow: 3px 2px 7px 2px gray;  // 1 <--- Odleg³o¶æ Cienia
2 <--- Wysoko¶æ Cienia
3 <--- Rozmazanie Cienia 
4 <-- Wielko¶æ Cienia
red <--- Kolor Cieniu
}


#nav	li a{
	display:block;
padding:5px 10px;
height:100%;color:#FFF;
text-decoration:none;
border:1px solid #FFF;
line-height: 15px;
background:url(p/howerm.jpg) repeat 0 0;}

	

#nav
li a:hover,
,li a:focus, 
li a:active {background-position: -150px 0;}


	#nav a{background:url(p/howerm.jpg) repeat 0 0 ;}
}

		
	

			/*-------------------------------- stopka z clear ------------------------------*/   

	.clear{
	clear: both;
height: 100px;
		}

.stopka {
		text-align: center;



	
		}
		.stopka {
		text-align: justify;
		height: 150px;
		width: 100%;
		background-color: rgb(231, 232, 243);
	margin-top: 30px;
	bottom: 0;
	position: absolute;
clear: both;
font-size: 11px;
		}
		.stp{
			width: 980px;
			margin-left: auto;
			margin-right: auto;
			
			}

	.stopkal1{
		
		width: 300px;
	float: left;
		margin-top: 30px;	
		text-align: center;
		}		
.lewaf{
	width: 380px;
	float: left;
		margin-top: 30px;
	}
.prawaf{
	width: 300px;
	float: right;
		margin-top: 30px;
		text-align: center;
		


}
.prawaf a{
	color: #22BCB9;
text-decoration: none;
		


}