/* 
 * ========================================
 * File: 		pc_main.css 
 * Used in:		main_tpl.php & pochodne
 * Last mod:	06.11.2007
 * ========================================
 * Additional info:
 * 					- wymagana definitywna optymalizacja...
 *
 */

html { overflow-x: auto; /* fix MSIE scrollbar */ }

body { 
	background: rgb(28,28,28); /*url('../img/tss_mainbg_stars.jpg') repeat top left;*/ color: #999; 
	font-family: Verdana, Tahoma, Arial; font-size: 11px; line-height: 130%; margin: 0; padding: 0; text-align: center; }

form { display: inline; margin: 0; padding: 0; }
	
img { border: 0; margin: 0;	padding: 0; vertical-align:bottom; }
	
.clear { clear:both; padding:0; margin:0; font-size:1px; }

/* 
 * ========================================
 * linki
 * ======================================== 
 */
  
/* ---( globalne )--- */
a:link,
a:active,
a:visited { color: rgb(248,164,11); text-decoration:none; }
a:hover { color: rgb(255,255,255); text-decoration:none; }

/* ---( logo -> user nav )--- */
a.un:link, 
a.un:visited,
a.un:active  { margin: 0 5px 0 5px; color: rgb(153,153,153); font-weight:normal; text-decoration:none; }
a.un:hover	{ margin: 0 5px 0 5px; color: #fff; font-weight:normal; text-decoration:none; }

/* 
 * ========================================
 * wraper strony
 * ========================================
 */

#wraperTss {
	width: 948px; margin: 0 auto; padding:16px 6px 0 6px; text-align: left; 
	background: url('../img/logo/wraper_bg_960px.gif') repeat-y; }

/* 
 * ========================================
 * gorne menu i logo
 * ========================================
 */
 
#wraperLogo { position: relative; width: 948px; }

	/* ---( okret )--- */
	#wraperLogo div.ship {
		position:absolute; width: 280px; height: 150px; right:70px; top:55px; z-index:5;}
 


/* ---( gorne butony i user/quest menu )--- */

.topMenuBg { 
	width: 948px; padding: 0; height: 46px; display:block; overflow:hidden; border-top:1px rgb(55,55,55) solid; border-bottom:1px rgb(55,55,55) solid; 
	background: #333 url('../img/logo/menubg.gif') repeat-x 0 0; }
	
	/* menu glowne / matryca img buttonow */
	#mainMenu {
	 	width: 294px; height: 42px; background: url('../img/topmenu-matrix.jpg'); margin:0; margin-top: 2px; left: 40px; 
		padding: 0; position: relative; float:left; overflow:hidden; }
	 
	#mainMenu li,#userMenu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; }

	#mainMenu li, #mainMenu a {height: 42px; display: block; }
	
	#mainMenu a,#userMenu a { text-indent: -1000px; }

		#mNowosci 	{ left: 0; width: 75px; }
		#mForum 	{ left: 76px; width: 62px; }
		#mLinki 	{ left: 137px; width: 54px; }
		#mIrc 		{ left: 191px; width: 44px; }
		#mSklep 	{ left: 235px; width: 59px; }

		#mNowosci a:hover 	{ background: transparent url('../img/topmenu-matrix.jpg') 0 -42px no-repeat; }
		#mForum a:hover 	{ background: transparent url('../img/topmenu-matrix.jpg') -76px -42px no-repeat; }
		#mLinki a:hover 	{ background: transparent url('../img/topmenu-matrix.jpg') -137px -42px no-repeat; }
		#mIrc a:hover 		{ background: transparent url('../img/topmenu-matrix.jpg') -191px -42px no-repeat; }
		#mSklep a:hover 	{ background: transparent url('../img/topmenu-matrix.jpg') -235px -42px no-repeat; }
	
	/* user menu / text -> guest -> member */	
	#guestReg { position: relative; float:right; top: 15px; right: 24px; font-size:10px; color: #999; }	  
	
	/* user menu / matryca img */	
	#userMenu {
	 	width: 36px;/*72*/ height: 14px; background: url('../img/usermenu-matrix.gif'); margin:0; top: 16px; right: 14px; 
		padding: 0; position: relative; float:right; overflow:hidden; }

	#userMenu li, #userMenu a { height: 14px; display: block; }

		#mFaq 	{ left: 0; width: 36px; }
		/*#mMapa 	{ left: 37px; width: 72px; }*/

		#mFaq a:hover 	{ background: transparent url('../img/usermenu-matrix.gif') 0 -14px no-repeat; }
		/*#mMapa a:hover 	{ background: transparent url('../img/usermenu-matrix.gif') -37px -14px no-repeat; }*/

 
/* ---( logo / szukaj / z ostatniej chwili )--- */

#headLogo {
	position:relative; overflow:hidden; margin: 0; padding:0; width: 948px; height: 100px; border-top: 1px solid #000; }
	
#searchBg {
	width: 948px; position: relative; margin: 0; padding: 0; height: 48px; text-align: left; 
	background: #333 url('../img/logo/szukajbg.gif') repeat-x top left; z-index: 0; }
	
#searchBg div.search { 
	float:left; margin: 0; margin-top:2px; text-align:left; padding:0; width: 415px; height: 43px;
	background: url('../img/search-text.gif') no-repeat 40px 0; }
	
	#searchBg div.search input { 
		position:relative; top: 10px; left: 180px;  background: #2B2B2B; border: 1px solid #424242; color: #ccc; font-size: 11px; 
		margin: 0; padding: 3px; vertical-align: middle;  }
	
	#searchBg div.search input.button {  border: none; margin: 0; padding: 0; position: relative; left: 190px; top: 11px; }
	
#searchBg div.time { 
	padding: 0; color:#999; font-size:10px; float:right; margin: 0; position:relative; top: 16px; right:26px; width: 65px; height:12px;
	background: url('../img/logo/menu_time.gif') no-repeat 30px 2px; }
		
				
#lastMin {
	width: 948px; position:relative; margin: 0; padding: 0; height: 25px; text-align: left; 
	background: #333 url('../img/logo/waznebg.gif') repeat-x top left; overflow:hidden; }

	#lastMin div.ticker {
		position:relative; width: 650px; height: 23px; font-size:11px; padding: 0; margin:0; 
		padding-left: 180px; padding-top:5px; background: url('../img/lastmin-text.gif') no-repeat 40px 1px; }
		
	/*#lastMin div.ticker a { margin: 0 5px 0 5px; color: rgb(153,153,153); font-weight: none; text-decoration:none; }
	#lastMin div.ticker a:hover { color: #fff; }*/

div.menu-sep {
	width: 948px; position:relative; margin: 0; padding: 0; height: 6px; text-align: right; 
	background: #333 url('../img/logo/menusep1.gif') repeat-x top left; font-size: 1px;
	}
	
		
/* 
 * ---( zakladki )---
 */


#content {
	margin:10px; padding: 0; width: 925px; border: 0px solid #fff; }
	
	
	
 /* ---( zolta linia )--- */	
	  
 .sep { height: 1px; background: rgb(248,164,11); margin-bottom: 4px; clear:both; font-size:1px; }


/* ---( + / - czcionki )--- */

	.fs { position:absolute; right:0px; border-left: 1px solid rgb(52,52,52); border-right: 1px solid rgb(52,52,52); padding: 0 5px; }
	.fs .fs1 {font-size:10px}
	.fs .fs2 {font-size:12px}
	.fs .fs3 {font-size:14px}	
		
		

/* 
 * ========================================
 * stronicowanie linki
 * ========================================
 */
 
.pagelink,
.pagecurrent
	{
	background: #2B2B2B; border: 1px solid #444; padding: 1px 3px 1px 3px; margin: 0 2px 0 2px;
	}

.pagecurrent
	{
	background: #999; color: #000; font-weight:bold;
	}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link
	{
	text-decoration: none;
	}

/* to fix IE6 padding-top issue */
.clear 
	{ display:block; clear: both; height: 1px; font-size:0; margin:0; padding: 0; }
	

/* 
 * ========================================
 * reklama
 * ========================================
 */
 
#banner-bottom { 
	position:relative; margin: 0; width: 948px; padding: 0px; background-color: rgb(43,43,43); clear: both; 
	color: rgb(92,92,92); text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000;}
	
	  	#banner-bottom .bg { 
			position: relative; margin: 5px auto 5px auto; padding: 2px 11px 2px 2px; width: 470px; 
			background: rgb(28,28,28) url('../img/banner-text.gif') no-repeat 100% 50%; border: 1px solid rgb(55,55,55);  }
		
		
/* 
 * ========================================
 * stopka 
 * ========================================
 */

#footer { 
	position:relative; margin: 0; width: 948px; padding: 0px; background-color: #000; clear: both; font-size: 11px; 
	color: rgb(92,92,92); line-height: 16px; }

#footer a { font-weight:normal; padding: 0 5px 0 5px; text-decoration:none; color: rgb(153,153,153); }
	  
#footer a:hover	{ color: #fff; }

#footer img { vertical-align:middle; }

#footer .logo { 
	position:absolute; float: left; margin-top: -22px; margin-left: 20px; margin-right:10px; display: inline; z-index:1; }

	/* menu wspieramy / skocz do / systemowe i copy text */
	#jumpMenu, #sysMenu, #supportMenu { 
		position: relative; line-height: 18px; padding-top: 5px; padding-bottom: 5px; height: 20px; clear:both; 
		background-color: rgb(43,43,43); border-top: 1px solid #000; border-bottom: 1px solid #000; }
		
	#jumpMenu ul, #sysMenu ul, #supportMenu ul {
		margin: 0; padding: 0; display: inline; padding-left:60px; } 
	
	#jumpMenu ul li, #jumpMenu ul li.first, #sysMenu li, #sysMenu ul li.first, #supportMenu  li, #supportMenu  ul li.first {
		margin: 0; padding: 2px 5px; background: url('../img/dot_sep.gif') no-repeat -2px 2px; list-style: none; display: inline; }
		
	#jumpMenu ul li.first, #sysMenu ul li.first, #supportMenu ul li.first { 
		background: none; }
	
	#sysMenu, #supportMenu { 
		background-color: rgb(31,31,31); border:0; }
		
	#sysMenu div.copy { 
		position:relative; left: 25px; float: left; margin: 0; padding: 0; text-align: left; border:0; }
		
	#sysMenu ul { 
		padding: 0; padding-right: 15px; float: right; } 
	
	#supportMenu { padding-right: 15px; text-align: right; }
		
#footer .line { border-top: 1px solid rgb(43,43,43); background-color: #000; padding-bottom: 5px; padding-top: 5px; text-align: center; }

#footer .last { font-size: 10px; color:#333333; height: 40px; }

/*border:1px solid #fff;*/



/* 
 * ========================================
 * spoiler zone 
 * ========================================
 */

 .spoiler 
 	{ position:relative; display:block; margin: 5px 0 5px 0; padding: 5px;
	  border-top: 1px solid rgb(90,70,40); border-bottom: 1px solid rgb(90,70,40); background:url('../img/bg-dot-yel1.gif') repeat; }
		
	.spoiler img.plus 
		{ width: 11px; height: 11px; margin:0; padding: 0; position: absolute; right: 15px; top: 8px; }
		
	.spoiler_more 
		{ display:block; padding: 0; margin: 0; }
		
		
/* 
 * ========================================
 * code / quote 
 * ========================================
 */
 
blockquote { 
	padding: 5px; margin: 5px 0; color:#ccc; background:url('../img/code-bg2.gif') no-repeat 5px 5px; border: 1px dotted #666;}
		
blockquote p { 
	padding: 0; margin: 0; margin-left:25px; color:#999; }

/* 
 * ========================================
 * IE Fix 
 * ========================================
 */

/* html #content img.bottom { vertical-align:bottom;  }*/
* html #content div.tabsBg { background-position: 0 10px; }