/**************************************************************
	Podstawowe style
**************************************************************/
	* 					{ margin: 0; padding: 0; }
	img 				{ border: 0; }
	
	.margin-top		{ margin-top: 25px; }
	.margin-bottom	{ margin-bottom: 25px; }
	.padding-both	{ padding: 25px 0 5px; }
	.no-padding 	{ padding: 0; margin: 0; }
	.no-border		{ border: 0; }
	.no-display 	{ display: none; }
	.center			{ margin: 0 auto; }
	.left 			{ float: left; }
	.right 			{ float: right; }
	.clear 			{ clear: both; }
	.block 			{ display: block; }
	.bold 			{ font-weight: bold; }
	.middle			{ vertical-align: middle; }
	.text-left 		{ text-align: left; }
	.text-right 	{ text-align: right; }
	.text-center 	{ text-align: center; }
	
	.small			{ font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 25px; }
	
	a 				{ color: #000; text-decoration: underline; outline: none; }
	a:hover 		{ text-decoration: none; }
	:focus			{ -moz-outline-style: none; }
	
	p				{ text-align: justify; margin-bottom: 15px; }
	
	h1 				{ font: normal 32px Arial, Helvetica, sans-serif; } 
	h2 				{ font: normal 26px Arial, Helvetica, sans-serif; }
	h3 				{ font: normal 18px Arial, Helvetica, sans-serif; } 
	
	ul, ol			{ padding: 10px 0 10px 35px; line-height: 180%; }
	ul li, 
	ol li				{ padding: 3px 0; }
		
/**************************************************************
	Warstwy
**************************************************************/	
html { 
	height: 100%; 
	background: #fff url(../images/layout/html-bg.jpg) center top no-repeat; 
}

body {
	background: transparent url(../images/layout/body-bg.jpg) center bottom no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;	
	min-height: 100%;
	_height: 100%;
	line-height: 160%;
	padding-bottom: 123px;
	padding: 0;
	margin: 0;
}

#container {	
	width: 960px;
	margin: 0 auto;
	text-align: left;

}

/**************************************************************
	Top
**************************************************************/
#top { height: 140px; }

	#top h1 { float: left; width: 226px; height: 118px; position: relative; right: 35px; top: 7px; background: url(../images/layout/logo.png) no-repeat; text-indent: -999999px; }
 
#top ul { float: left; width: 420px; height: 33px; position: relative; /*left: 220px;*/ top: 37px; padding: 0; margin: 0; }
#top ul li { float: left; height: 33px; list-style: none; margin: 0; padding: 0; }

	#top ul li a { float: left; height: 33px; background-position: center top; background-repeat: no-repeat; text-indent: -9999999px; }
	#top ul li a:hover { background-position: center bottom; }
	
	#home a { width: 138px; background-image: url(../images/layout/headers/home.gif); }
	#contact a { width: 152px; background-image: url(../images/layout/headers/contact.gif); }
	#forum a { width: 120px; background-image: url(../images/layout/headers/forum.gif); }
	

/**************************************************************
	Menu
**************************************************************/
#menu { float: left; width: 129px; height: 355px; background: url(../images/layout/left-menu.png) no-repeat; }

	#menu h1 { width: 129px; height: 30px; background: url(../images/layout/headers/community.gif) center center no-repeat; text-indent: -9999999px; }
	
	#menu ul { width: 119px; padding: 0 10px 0 0; margin: 0; text-align: right; } 
	#menu ul li { padding: 0; margin: 0; list-style: none; }
	
#right { float: right; width: 205px; }
	
	#right form { padding-right: 30px; }
	#right form fieldset { padding: 10px 0px 5px 0; border: 1px solid #ADCEF0; }
	#right form fieldset p { padding: 2px 5px; margin: 0; }
	#right form fieldset p input.submit { float: right; width: 54px; height: 25px; margin-top: 8px; border: 1px solid #2270C9; color: #fff; font-size: 11px; font-weight: bold; background: url(../images/layout/others/submit-bg.gif) repeat-x; }
	#right form fieldset p input.input { width: 100px; border: 1px solid #C5C5C5; margin: 2px 0; } 
	#right form fieldset p.text-center { font-size: 11px; padding: 0; }
 	
	#advertise { width: 205px; background: url(../images/layout/right-menu.png) no-repeat; }
	#advertise h1 { width: 205px; height: 30px; padding-top: 40px; background: url(../images/layout/headers/advertise.png) center bottom no-repeat; text-indent: -9999999px; }
	#advertise div { width: 155px; margin-top: 20px;  background: #EFF7F9 url(../images/layout/adv-bg.gif) center top no-repeat; } 

/**************************************************************
	Content
**************************************************************/
#content { float: left; width: 576px; padding: 0 25px; background-color: #fff; }

	div.news h1 { font-size: 12px; height: 30px; line-height: 30px; padding-left: 70px; background: #DCEEF2 url(../images/layout/others/news.gif) 10px center no-repeat; }
	div.news h1 span { float: right; padding-right: 15px; font-weight: bold; font-size: 11px; color: #316E96 } 
	div.news p { margin: 5px; } 
	
	
/**************************************************************
	Footer
**************************************************************/
#footer { clear: both; height: 177px; padding: 15px 0 0 155px; }