/**************************************************************************** 
	Kilka standardowych i przydatnych styli
****************************************************************************/
	* 					{ margin: 0; padding: 0; }
	img 				{ border: 0; }

	.left 			{ float: left; }
	.right 			{ float: right; }
	.clear 			{ clear: both; }
	.block 			{ display: block; }
	.text-left	 	{ text-align: left; }
	.text-right 	{ text-align: right; }
	.text-center 	{ text-align: center; }
	
	a 					{ color: #3C8DE2; cursor: pointer; }
	a:hover			{ color: #2E659F; text-decoration: none; }

html { height: 100%; background: #4A779B url(../images/layout/site-bottom-bg.png) center 392px; }
	
body {
	_height: 100%;
	min-height: 100%; 
	background: transparent url(../images/layout/site-top-bg.png) center top repeat-x;	
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #476277;
}

/**************************************************************************** 
	Ustawienia głównych warstw na stronie
****************************************************************************/
	
#main { margin: 0 auto; width: 735px; }
	
	#mainBegin { height: 34px; background: transparent url(../images/layout/main-begin-bg.gif) center bottom no-repeat; padding: 25px 16px 0 0; }
	
	#mainLogo { height: 194px; background: transparent url(../images/layout/main-logo-bg.jpg) center center no-repeat; border: 7px solid #fff; border-top: 0; border-bottom: 0; }

	/* Logotyp */
		#mainLogo .logo { float: left; position: relative; top: 34px; left: 55px; }
		
	/* Ostatnie tematy na forum */
		#mainLogo ul { float: right; width: 200px; position: relative; top: 5px; right: 20px; }
		#mainLogo ul li { margin: 3px 0; padding-left: 15px;  list-style: none;
								background: transparent url(../images/layout/other/dot.gif) left center no-repeat; }
		#mainLogo ul li a 		{ color: #DFE5EF; text-decoration: none; font-size: 10px; }
		#mainLogo ul li a:hover { color: #98ACCE; }

/* Reklama */
	#mainAd { height: 75px; background: transparent url(../images/layout/main-ad-bg.jpg) center center no-repeat; border: 7px solid #fff; border-top: 0; border-bottom: 0; }
		
		#mainAdBanner { float: right; margin-top: 8px; padding-left: 10px; width: 468px; height: 60px; 
							 background: transparent url(../images/layout/other/naglowek-reklama.gif) left center no-repeat; }
		#mainAdBanner img { display: block; }
	
/* Menu */		
	#mainMenu { width: 721px; height: 40px; border-left: 4px solid #fff; 
					background: transparent url(../images/layout/main-menu-bg.gif) no-repeat; }
	
/* Conainer */
	#mainContainer { width: 721px; border-left: 7px solid #fff; border-right: 7px solid #fff;
						  background: #fff url(../images/layout/main-container-right-bg.gif) repeat-x; }
	
	#mainBilboard { padding-top: 40px; background-color: #fff; }
	#mainLeft 	{ float: left; width: 174px; }
	#mainRight 	{ float: right; width: 538px; min-height: 450px;
					  background: #fff url(../images/layout/main-container-right-bg.gif) repeat-x; }
		
		.mainRight { float: right; display: block; }
	
/* Stopka */
	#mainEnd { height: 100px; font-size: 10px; color: #fff;
				  background: transparent url(../images/layout/main-end-bg.gif) center top no-repeat; }
		
		#mainEnd a { color: #fff; text-decoration: none; }
		#mainEnd a:hover { text-decoration: underline; }
		
		#mainEnd .left { position: relative; top: 25px; left: 15px; }
		#mainEnd .right { position: relative; top: 25px; right: 15px; }