@import url(common.css);

*
{
	color: #6A6A6A;
}

		body
		{
			background: #D6D6D6 url(../img/site/bg_page.png) repeat-x;
		}
		
		a:hover
		{
			color: #56A3C3;
		}
		
		
/* Top */

#outerMenuBar
{
	background: #2FACE0 url(../img/site/bg_menu.png) repeat-x;
	z-index: -1;
	position: absolute;
	width: 50%;
	top: 158px;
	left: 0;
	height: 55px;
}

.container
{
	margin: 0 auto;
	width: 1000px;
}

#top
{
	background: url(../img/site/bg_header.png) no-repeat;
	width: 1000px;
	height: 158px;
}
	
		#top #logo { display: block; float: left; padding: 7px 0 0 0; margin: 0 0 -7px 0; }
		
		#top #userPanel
		{
			background: url(../img/site/ico_login.png) no-repeat 30px 2px;
			float: left;
			line-height: 1.7;
			margin: 62px 0 0 10px;
			padding-left: 60px;
		}
			
				#top #userPanel .text
				{
					background: #FFFFFF url(../img/site/bg_input.png) repeat-x;
					border: 1px solid #BBBBBB;
					color: #505050;
					font-size: 9pt;
					padding: 4px 6px; 
				}
				
				#top #userPanel .submit
				{
					background: #FFFFFF url(../img/admin/bg_button.png) repeat-x 0 9px;
					border: 1px solid #C1C1C1; border-bottom-color: #B1B1B1;
					border-top-color: #D1D1D1; color: #505050;
					font-size: 8pt;
					font-weight: bold;
					line-height: 14px;
					padding: 3px 5px;
				}
			
				#top #userPanel .menu
				{
					display: block;
					padding: 4px 7px;
					float: left;
				}
		
#mainMenu { background: #2FACE0 url(../img/site/bg_menu.png) repeat-x; height: 55px; }

		#mainMenu a { float: left; background: url(../img/site/buttons_menu.png); display: block; height: 55px; }

		#mainMenu a:hover { background: url(../img/site/buttons_menu_hover.png); }

				#mainMenu #mainMenuLink1 { width: 120px; background-position: 0 0; }

				#mainMenu #mainMenuLink2 { width: 103px; background-position: -120px 0; }

				#mainMenu #mainMenuLink3 { width: 138px; background-position: -223px 0; }

				#mainMenu #mainMenuLink4 { width: 69px; background-position: -361px 0; }

				#mainMenu #mainMenuLink5 { width: 78px; background-position: -430px 0; }

				#mainMenu #mainMenuLink6 { width: 67px; background-position: -508px 0; }

		#mainMenu #mainMenuRight { float: right; background: #FFFFFF url(../img/site/bg_menu_right.png) no-repeat; width: 200px; height: 55px; padding: 0 11px 0 0; }
		
#contentContainer { background: url(../img/site/bg_content.png); }


/* Sidebary */

#leftSidebar { background: #FFFFFF url(../img/site/bg_sidebar_left.png) no-repeat left bottom; float: left; }

		#leftSidebar #gamesCategories a { display: block; background: url(../img/site/bg_button_left.png) no-repeat; width: 193px; height: 30px; line-height: 28px; padding: 0 0 0 30px; }
		
		#leftSidebar #gamesCategories a:hover { background: url(../img/site/bg_button_left.png) no-repeat 0 -30px; }
		
		#leftSidebar #gamesCategories h1 { display: block; background: url(../img/site/bg_sidebar_left_header.png); width: 223px; height: 50px; }
		
		#leftSidebar #news, #leftSidebar #newsletter { padding: 0 15px 20px; }
		
				#leftSidebar #newsletter form { margin-bottom: 10px; }
		
				#leftSidebar #newsletter form .submit { border: none; background: url(../img/site/ico_newsletter_send.png) no-repeat center center; height: 24px; width: 50px; }
		
				#leftSidebar #news h1 { display: block; background: url(../img/site/bg_sidebar_left_header_news.png); width: 223px; height: 50px; margin: 0 -15px; }
				
				#leftSidebar #news h2, #leftSidebar #news h2 a { border-top: 1px solid #F1F1F1; color: #000000; padding: 7px 0; }
				
				#leftSidebar #news h2#first { border-top: none; padding: 0 0 7px 0; }
				
				#leftSidebar #news p { line-height: 1.6; margin: 0 0 7px 0; }
				
						#leftSidebar #news p .footer { display: block; color: #B8B8B8; line-height: 1.6; }
		
				#leftSidebar #newsletter h1 { display: block; background: url(../img/site/bg_sidebar_left_header_newsletter.png); width: 223px; height: 50px; margin: 0 -15px; }

#rightSidebarContainer { float: right; }

		#rightSidebarContainer .ad { margin: 0 auto; padding-top: 20px; width: 160px; }

#rightSidebar { background: #FFFFFF url(../img/site/bg_sidebar_right.png) no-repeat left bottom; }

		#rightSidebar #mainMenuRightShadow { background: url(../img/site/bg_menu_right_shadow.png) no-repeat right top; }

		#rightSidebar h1 { }
		
		#rightSidebar #rightSidebarGallery { margin: 0 0 0 -10px; }
		
		#rightSidebar #rightSidebarTopTen { margin-bottom: 20px; }
	
		#rightSidebar #rightSidebarTopTen li { line-height: 1.8; }
	
				#rightSidebar #rightSidebarTopTen li a { background: url(../img/site/ico_arrow_top.png) no-repeat 0 6px; padding: 2px; padding-left: 10px; }
		
		#rightSidebar #rightSidebarGallery img { padding: 3px; border: 1px solid #E4E4E4; float: left; margin: 0 0 10px 10px; }

#leftSidebar, #rightSidebar { padding: 0 8px 20px 9px; width:223px; min-height: 200px; height: auto !important; height: 200px; }


/* Główna treść */

#mainContent { float: left; width: 520px; padding: 0 0 10px 0; }
		
		#mainContent #breadcrumbs { border-bottom: 1px solid #E4E4E4; color: #000000; margin: 0 0 10px 0; padding: 5px 12px; }
		
		#mainContent ul.breadcrumbs { list-style: none; margin: 0; padding: 0; }
				
				#mainContent ul.breadcrumbs li {
					background: url(../img/site/bg_breadcrumbs.png) no-repeat 0 10px;
					display: inline;
					float: left;
					margin: 0 12px 0 0;
					padding: 5px 0 5px 12px;
				}
				
				#mainContent ul.breadcrumbs li.first { background: none; padding: 5px 0 5px 0; }
						
						#mainContent ul.breadcrumbs li a { color: #000000; }
						
						#mainContent ul.breadcrumbs li a:hover { color: #56A3C3; }
		
		#mainContent #welcome { width: 502px; height: 165px; background: url(../img/site/bg_welcome.png) no-repeat; margin: 20px auto; }
				
				#mainContent #welcome p { padding: 64px 0 0 24px; width: 265px; }

		#mainContent .gameRecommended { border: 1px solid #E4E4E4; margin: 20px 34px 0 33px; position: relative; padding: 13px; }

				#mainContent .gameRecommended .price { background: url(../img/site/bg_game_title_color_promo.png); color: #000000; top: 0; z-index: 2; height: 38px; line-height: 38px; position: relative; text-align: center; width: 130px; }

				#mainContent .gameRecommended .price em { font-weight: bold; color: #0593CE; }

				#mainContent .gameRecommended .screen { margin: 12px; position: absolute; }

				#mainContent .gameRecommended .info { background: url(../img/site/bg_game_title_color_promo.png); padding: 15px 16px; z-index: 1; position: absolute; bottom: 0; }
				
						#mainContent .gameRecommended .info span a { color: #000000; text-decoration: underline; }

		#mainContent .gameEntry { border: 1px solid #E4E4E4; margin: 20px 34px 0 33px; }

				#mainContent .gameEntry .screen { margin: 3px; position: absolute; }

				#mainContent .gameEntry .title { background: url(../img/site/bg_game_title_color.png); color: #FFFFFF; padding: 15px 16px; z-index: 1; position: relative; margin: 89px 0 0 0; }
				
						#mainContent .gameEntry .title span { color: #FFFFFF; float: left; font-weight: bold; position: relative; }
				
						#mainContent .gameEntry .title img { float: right; position: relative; }

				#mainContent .gameEntry .info { margin: 2px 0 0 0; background: url(../img/site/bg_content_text_2.png) no-repeat; padding: 7px 10px 0; line-height: 1.7; }

				#mainContent .gameEntry .footer { margin: 7px 1px 1px; }
				
						#mainContent .gameEntry .button { width: 108px; height: 30px; float: left; }
				
						#mainContent .gameEntry .bar { padding: 6px 10px 0; width: 213px; height: 20px; float: left; display: inline; background: url(../img/site/bg_game_bar.png) no-repeat; margin: 4px 0 0 0; }
				
								#mainContent .gameEntry .bar a { color: #000000; text-align: center; background: url(../img/site/ico_arrow.png) no-repeat right center; padding: 0 12px 0 10px; margin: 0 10px; }
				
								#mainContent .gameEntry .bar span em { color: #000000; font-weight: bold; }
								
								#mainContent .gameEntry .bar span { padding: 0 12px 0 19px; margin: 0 10px; }

		#mainContent .gameInfo { background: url(../img/site/bg_content_text.png) repeat-x; margin: 3px 35px 0 34px; padding: 10px 12px; }

				#mainContent .gameInfo dl { float: left; width: 250px; }
				
				#mainContent .gameInfo dl a { padding: 2px 0; }
				
				#mainContent .gameInfo dt { display: block; float: left; width: 100px; line-height: 1.7; font-weight: bold; color: #40ACD8; }

				#mainContent .gameInfo dd { display: block; float: left; width: 130px; line-height: 1.7; overflow: hidden; }
				
				#mainContent .gameInfo .buttons { width: 0px; float: center; margin: 0 0px 0 0; }

						#mainContent .gameInfo .buttons .price { font-size: 13pt; text-align: center; line-height: 100px; margin: 0 0 5px 0; }

								#mainContent .gameInfo .buttons .price em { font-size: 14pt; font-weight: bold; color: #40ACD8; }

								#mainContent .gameInfo .buttons a { float: center; margin: 0 0 0 1px; }

		#mainContent .payType { }
		
/*				#mainContent .gotoPayment { display: block; margin: 0 auto; color: #505050; text-align: center; width: 140px; background: url(../img/admin/bg_button.png) repeat-x 0 9px; border: 1px solid #C1C1C1; border-bottom-color: #B1B1B1; border-top-color: #D1D1D1; font-size: 12px; font-weight: bold; padding: 5px; }*/
				#mainContent .gotoPayment
				{
					display: inline-block;
					margin: 10px;
					color: #505050;
					text-align: center;
					width: 220px;
					font-size: 12px;
					font-weight: bold;
					padding: 5px;
					text-decoration: none;
				}

				#mainContent .payType h1 { font-size: 13pt; text-align: center; float: none; }
				
				#mainContent .payType .icon_left { float: left; margin: 50px 0 50px 60px; text-align: center; display: inline; }
				
				#mainContent .payType .icon_right { float: right; margin: 50px 60px 50px 0; text-align: center; display: inline; }
				
				#mainContent .payType .icon_left img, #mainContent .payType .icon_right img { border: 0; }
				
						#mainContent .payType .icon_left a,#mainContent .payType .icon_right a  { font-size: 10pt; }
						
						#mainContent .payType .icon_left a:hover, #mainContent .payType .icon_right a:hover { text-decoration: none; }
						
				#mainContent .payType h2 { font-size: 10pt; font-weight: bold; margin: 10px 0 0 20px; }
				
				#mainContent .payType dl.generator dt { display: block; float: left; font-weight: bold; width: 150px; text-align: right; line-height: 2.0; font-size: 9pt; margin-right: 20px; }
						
				#mainContent .payType dl.generator dd { display: block; float: left; line-height: 2.0; font-size: 9pt; }
				
						#mainContent .payType em { font-weight: bold; }
						
				#mainContent .payType form { width: 500px; margin-top: 20px; overflow: hidden; }
						
						#mainContent .payType form .error { color: red; }
						
						#mainContent .payType form .description { color: #B8B8B8; }
						
						#mainContent .payType form dl { clear: both; padding: 5px 10px; position: relative; }
						
						#mainContent .payType form dt { float: left; font-size: 10pt; padding: 3px 10px 0 0; position: relative; text-align: right; width: 170px; }
						
						#mainContent .payType form dd { float: left; font-size: 9pt; position: relative; width: 250px; }
						
						#mainContent .payType form .text, #mainContent .payType form select { background: #FFFFFF url(../img/site/bg_input.png) repeat-x; width: 150px; border: 1px solid #BBBBBB; }
						
						#mainContent .payType form .text, #mainContent .payType form .submit { color: #505050; font-size: 9pt; padding: 4px 6px; margin-bottom: 5px; }
						
						#mainContent .payType form textarea.text { width: 250px; height: 150px; }
						
						#mainContent .payType form select, #mainContent .payType form option { font-size: 9pt; }
						
						#mainContent .payType form option { padding: 1px 6px; }
						
		#mainContent .divider { clear: both; padding: 10px 0 0 0; border-bottom: 1px solid #E4E4E4; margin: 0 10px 10px; }
		
		#mainContent h1 { padding: 7px 20px; }
		
		#mainContent h1, #mainContent h1 a { color: #000000; float: left; font-size: 9pt; }
		
			#mainContent .date { color: #B8B8B8; display: block; float: right; line-height: 1.6; padding: 7px 20px; }
							
		#mainContent p { line-height: 1.7; padding: 0 20px; text-align: justify; }
							
		#mainContent p.full_text { font-size: 9pt; line-height: 1.5; }
							
		#mainContent p.full_text a
		{
			font-size: 9pt;
			color: #56A3C3; 
		}
							
		#mainContent p.full_text a:hover
		{
			text-decoration: underline;
		}
							
		#mainContent p em.big
		{
			display: block;
			padding: 10px;
			text-align: center;
			font-size: 12pt;
		}
		
		
		
		
		
		#mainContent #pagination
		{
			text-align: center; margin: 20px 0 0 0;
		}
		
		#mainContent ul.pagination
		{
			list-style: none; margin: 0; padding: 0;
		}
		
				#mainContent ul.pagination li
				{
					border: 1px solid #E4E4E4;
					display: inline;
					margin: 0 2px;
				}
				
				#mainContent ul.pagination li.first
				{
					background: none;
					padding: 4px 5px;
				}
				
				#mainContent ul.pagination li.disabled, #mainContent ul.pagination li.ellipsis
				{
					color: #B8B8B8;
					padding: 4px 5px;
				}
						
				#mainContent ul.pagination li a
				{
					margin: 2px 0;
					padding: 2px 5px;
				}
				
				#mainContent ul.pagination li a:hover
				{
					color: #333333;
					text-decoration: none;
				}
				
				#mainContent .pagination li.current
				{
					border-color: #333333;
					padding: 4px 5px;
				}
		
#contentFooter { background: url(../img/site/bg_content_bottom.png) no-repeat center bottom; height: 10px; clear: both; margin: 0 0 30px 0; }

#payment { background: url(../img/site/bg_payment.png) no-repeat center bottom; height: 40px; }

#footer { background: url(../img/site/bg_footer.png) repeat-x; font-size: 8pt; margin: 30px 0 0 0; padding: 20px 0 0 0; }

		#footer .column { margin: 0 29px 40px; float: left; }

				#footer .column h1 { text-transform: uppercase; font: normal 9pt Arial; letter-spacing: -0px; color: #000000; }
				
				#footer .column ul { list-style: none; margin: 0; padding: 0; }
				
				#footer .column li { padding: 0 0 0 10px; margin: 0 0 0 15px; background: url(../img/site/bg_list_footer.png) left center no-repeat; }
				
				#footer .column li a { line-height: 2.0; padding: 2px 3px; }

				#footer #copyright { padding: 0 15px 30px; }

						#footer #copyright .left a, #footer #copyright .right a { font-weight: bold; }
				
						#footer #copyright .left, #footer #copyright .right { line-height: 1.6; }
				
						#footer #copyright .right { text-align: right; }
				
						#footer #copyright .right img { vertical-align: middle; }