html {overflow-x: auto;}

body {background: #ffffff url(images/bg.gif) repeat-x top center; 
			margin: 0px 0px 5px;; 
			padding: 0px}

#header {width: 1000px; 
				 height: 168px; 
				 margin: 0 auto;
				 background: transparent url(images/header.jpg) no-repeat top center;
				 position: relative;
				 z-index: 20;}

#header img {width: 389px;
						 height: 85px;
						 border: 0px;
						 position: absolute;
						 top: 10px;
						 left: 300px;}

#menu {position: absolute;
			 top: 111px;
			 left: 57px;}

#menu .item {display: block;
						 float: left; 
						 width: 127px;
						 padding-top: 37px;}

#menu .i1 {background: transparent url(images/menu_i1.png) no-repeat top left;}
#menu .i2 {background: transparent url(images/menu_i2.png) no-repeat top left;}
#menu .i3 {background: transparent url(images/menu_i3.png) no-repeat top left;}
#menu .i4 {background: transparent url(images/menu_i4.png) no-repeat top left;}
#menu .i5 {background: transparent url(images/menu_i5.png) no-repeat top left;}
#menu .i6 {background: transparent url(images/menu_i6.png) no-repeat top left;}

#menu .item .submenu {display:none; 
											width: 379px;
											background: transparent url(images/menu_s_top.png) no-repeat top center;}

#menu .item:hover {background-position: 0px -37px;}

#menu .item:hover .submenu {display:block;}
#menu .shutter {width: 1000px;
				      	height: 800px;
								background: #ffffff;
								z-index: 2;
								position: absolute;
								top: 67px;
								left: -54px;
								opacity: .4;
								filter: alpha(opacity=40);
								display: none;}

#menu:hover .shutter {display:block;}
#menu .i1:hover .shutter {display: none;}

#menu .item .submenu .submenu_content {background: transparent url(images/menu_s_bottom.png) no-repeat bottom left;
																			 position: relative;
																			 top: 4px;
																			 left: 0px;
																			 padding: 4px 4px 4px 1px;
																			 font: normal 11px/0.5cm Tahoma, Verdana, Arial;
																			 z-index: 100;}

#menu .item .submenu .submenu_content img {border: 0px;
																					 width: 371px;
																					 height: 20px;
																					 position: relative;
																					 top: 0px;
																					 left: 3px;}

#menu .item .submenu .submenu_content img.footer, #menu .item .special .submenu_content img.footer {height: 0px;
																																																		margin: 0px;
																																																		border: 0px;
																																																		padding: 0px;}

#menu .item .submenu .submenu_content .column {width: 123px;
																						   overflow: hidden;
																							 padding-top: 3px;
																							 float: left;
																							 margin-bottom: 3px;
																							 position: relative;
																							 left: 4px;
																							 z-index: 50;}

#menu .item .submenu .submenu_content .column a:active, #menu .item .submenu .submenu_content .column a:link, #menu .item .submenu .submenu_content .column a:visited {color: #f5de12; 
																																																																																			 text-decoration: none; 
																																																																																			 display: block; 
																																																																																			 width: 123px;
																																																																																			 padding-left: 3px;}

#menu .item .submenu .submenu_content .column a:hover {color: #ffffff;
																											 background: #504386;}

#menu .item .submenu .submenu_content .galeria {width: 184px;
																								height: 82px;
																						    overflow: hidden;
																								display: block;
																							  margin-bottom: 3px;
																								margin-left: 3px;
																								text-decoration: none;
																								cursor: pointer;
																								font: normal 11px/0.43cm Tahoma, Verdana, Arial;
																								color: #f5de12;
																								float: left;}

#menu .item .submenu .submenu_content .galeria:hover {background: #504386;}

#menu .item .submenu .submenu_content .galeria img {width: 80px;
																										height: 80px;
																										border: 1px solid #a69ad1;
																										display: block;
																										position: relative;
																										left: 0px;
																										float: left;
																										margin-right: 3px;}

#menu .item .submenu .submenu_content .galeria b {display: block;
																									font: bold 12px/0.4cm Tahoma, Verdana, Arial;
																									color: #a69ad1;}

#menu .item .submenu .submenu_content .galeria:hover b {color: #ffffff;}
#menu .item .submenu .submenu_content .galeria:hover img {border: 1px solid #ffffff;}

#menu .item .special {width: 125px; 
											height: 0px;}

#menu .item .special .submenu_content {width: 125px; 
																			 background: transparent url(images/menu_s_special.png) no-repeat bottom left;
																			 position: relative;
																			 top: 0px;}

#menu .item .special .submenu_content .column {width: 117px;
																							 margin: 0px;
																							 position: relative;
																							 left: 3px;}

#search {position: absolute;
				 top: 117px;
				 left: 835px;}

#search form {margin: 0px;}

#search input {border: 0px;
							 background: transparent;
							 font: bold italic 15px/0.5cm Verdana, Arial;
							 color: #c8c8c8;
							 width: 120px;
							 position: absolute;
							 top: 3px;
							 left: 3px;}

#search input:hover {color: #a2a2a2;}

#search .submit {border: 0px;
								 width: 26px;
								 height: 26px;
								 position: absolute;
								 top: 0px;
								 left: 133px;
								 cursor: pointer;
								 background: transparent url(images/search.png) no-repeat top left;}

#search .submit:hover {background-position: 0px -26px;}

#banner {margin: 0 auto;
				 width: 983px;
				 background: #cbc5df;
				 z-index: 1;
				 padding: 10px 5px 5px;
				 overflow: hidden;
				 position: relative;}

.b100 {height: 100px;}
.b200 {height: 200px;}
.b0 {height: 0px; 
		 padding: 0px; 
		 margin: 0px; 
		 visibility: hidden;
		 position: absolute;}

#banner span {display: block;
							width: 218px;
							height: 165px;
							padding: 35px 5px 0px;
							background: transparent url(images/newsletter_box.png) no-repeat top center;
							margin-right: 5px;
							font: normal 11px/0.35cm Tahoma, Verdana, Arial;
							color: #ffffff;}

#banner input {position: relative;
							 top: 8px;
							 left: 5px;}

#banner .email {width: 169px;
							  height: 24px;
							  border: 0px;
							  background: transparent;
							  position: relative; 
								top: 8px;
								left: 0px;
								font: bold 15px/0.5cm Verdana, Arial;
							  color: #c8c8c8;}

#banner .email:hover {color: #a2a2a2;}

#banner div.banner-start {position: absolute; 
						 top: 10px;
						 left: 237px;}

#wrapper {width: 993px; 
					height: 1977px;
					margin: 0 auto;
					padding-bottom: 3px;
					background: #cbc5df;
					position: relative;
					z-index: 1;}

/* siatka kontener�w na stronie g��wnej */
#l1 {position: absolute; top: 5px; left: 5px;}
#m1 {position: absolute; top: 5px; left: 334px;}
#r1 {position: absolute; top: 5px; left: 663px;}

#l2 {position: absolute; top: 334px; left: 5px;}
#m2 {position: absolute; top: 334px; left: 334px;}
#r2 {position: absolute; top: 334px; left: 663px;}

#l3 {position: absolute; top: 663px; left: 5px;}
#m3 {position: absolute; top: 663px; left: 334px;}
#r3 {position: absolute; top: 663px; left: 663px;}

#l4 {position: absolute; top: 992px; left: 5px;}
#m4 {position: absolute; top: 992px; left: 334px;}
#r4 {position: absolute; top: 992px; left: 663px;}

#l5 {position: absolute; top: 1321px; left: 5px;}
#m5 {position: absolute; top: 1321px; left: 334px;}
#r5 {position: absolute; top: 1321px; left: 663px;}

#l6 {position: absolute; top: 1650px; left: 5px;}
#m6 {position: absolute; top: 1650px; left: 334px;}
#r6 {position: absolute; top: 1650px; left: 663px;}

.news {display: block;
			 width: 325px;
			 height: 325px;
			 overflow: hidden;
			 position: relative;
			 background: #000000;
			 text-decoration: none;}

.news u {display: block;
				 width: 325px;
				 height: 325px;
				 position: absolute;
				 background: transparent url(images/wiecej.png) no-repeat center;
				 display: none;
				 opacity: .9;
				 filter: alpha(opacity=90);
				 z-index: 90;}

.news:hover u {display: block;
							 text-decoration: none;}

.news img {width: 325px;
					 height: 325px;
					 border: 0px;}

.news:hover img {opacity: .7;
								 filter: alpha(opacity=70);}

.news b {position: relative;
				 top: -88px;
				 left: 0px;
				 background: black;
				 padding: 3px 4px 4px;
				 font: bold 24px/0.8cm Tahoma, Verdana, Arial;
				 color: #ffffff;
				 text-transform: uppercase;
				 opacity: .85;
				 filter: alpha(opacity=85);}

.news i {position: relative;
				 top: -86px;
				 left: 0px;
				 background: black;
				 padding: 0px 4px 4px;
				 font: normal 11px/0.4cm Tahoma, Verdana, Arial;
				 color: #f2dc12;
				 text-transform: lowercase;
				 opacity: .85;
				 filter: alpha(opacity=85);}

.detektyw {display: block;
					 width: 325px;
					 height: 325px;
					 overflow: hidden;
					 position: relative;
					 background: #000000;
					 text-decoration: none;}

.detektyw u {display: block;
						 width: 325px;
						 height: 325px;
						 position: absolute;
						 background: transparent url(images/zbadaj.png) no-repeat center;
						 display: none;
						 opacity: .9;
						 filter: alpha(opacity=90);
						 z-index: 90;}

.detektyw:hover u {display: block;
									 text-decoration: none;}

.detektyw img {width: 325px;
							 height: 325px;
							 border: 0px;}

.detektyw:hover img {opacity: .7;
										 filter: alpha(opacity=70);}

.detektyw b {position: relative;
						 top: -88px;
						 left: 0px;
						 background: black;
						 padding: 3px 4px 4px;
						 font: bold 24px/0.8cm Tahoma, Verdana, Arial;
						 color: #ffffff;
						 text-transform: uppercase;
						 opacity: .85;
						 filter: alpha(opacity=85);}

.detektyw i {display: block;
						 width: 242px;
						 height: 49px;
						 position: absolute;
						 top: 1px;
						 left: 78px;
						 background: transparent url(images/logo_detektyw.png) no-repeat center;}

.loopa {display: block;
				width: 325px;
				height: 325px;
				overflow: hidden;
				position: relative;
				background: #000000;
				text-decoration: none;}

.loopa u {display: block;
					width: 325px;
					height: 325px;
					position: absolute;
					background: transparent url(images/zobacz.png) no-repeat center;
					display: none;
					opacity: .9;
					filter: alpha(opacity=90);
					z-index: 90;}

.loopa:hover u {display: block;
								text-decoration: none;}

.loopa img {width: 325px;
						height: 325px;
						border: 0px;}

.loopa:hover img {opacity: .7;
									filter: alpha(opacity=70);}

.loopa b {position: relative;
					top: -88px;
					left: 0px;
					background: black;
					padding: 3px 4px 4px;
					font: bold 24px/0.8cm Tahoma, Verdana, Arial;
					color: #ffffff;
					text-transform: uppercase;
					opacity: .85;
					filter: alpha(opacity=85);}

.loopa i {display: block;
					width: 242px;
					height: 49px;
					position: absolute;
					top: 0px;
					left: 78px;
					background: transparent url(images/logo_loopa.png) no-repeat center;}

.najnowsze {display: block;
					  width: 325px;
					  height: 325px;
					  overflow: visible;
					  position: relative;
					  background: transparent url(images/header_325.png) no-repeat top center;
					  text-decoration: none;}

.najnowsze u {position: relative;
							top: 1px;
							left: 0px;
							display: block;
							width: 325px;
							height: 24px;
							overflow: hidden;
							text-align: center;
							font: bold 14px/0.4cm Tahoma, Verdana, Arial;
							color: #ffffff;
							text-decoration: none;}

.najnowsze a {display: block;
							width: 325px;
							height: 52px;
							margin-bottom: 4px;
							position: relative;
							background: transparent url(images/tlo_325.jpg) no-repeat top center;
							text-decoration: none;}

.najnowsze a:hover {background-position: 0px -52px;}
.najnowsze a:hover b {color: #f5de12;}
.najnowsze a:hover i {color: #ffffff;}

.najnowsze .wiecej {position: relative;
										top: -1px;
										left: 234px;
										display: inline;
										background: transparent;
										font: normal 11px/0.4cm Tahoma, Verdana, Arial;
									  color: #31236a;}

.najnowsze .wiecej:hover {color: #000000;}

.najnowsze img {width: 100px;
								height: 100px;
								border: 0px;
								position: absolute;
								top: 7px;
								left: 7px;}

.najnowsze b {position: relative;
						  top: 7px;
						  left: 7px;
							display: block;
							width: 309px;
							overflow: hidden;
						  font: bold 16px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
						  color: #31236a;
						  text-transform: uppercase;
							white-space: nowrap;}

.najnowsze i {display: block;
						  width: 309px;
						  position: absolute;
						  bottom: 7px;
						  left: 7px;
							font: normal 12px/0.4cm Tahoma, Verdana, Arial;
						  color: #4b4b4b;
							white-space: nowrap;}

.promobox {display: block;
					 width: 325px;
					 height: 325px;
					 overflow: hidden;
					 position: relative;
					 background: transparent url(images/promobox.jpg) no-repeat top center;
					 text-decoration: none;}

.promobox span {display: block;
								width: 300px;
								height: 250px;
								background: #ffffff;
								position: relative;
								top: 60px;
								left: 12px;}

.poleca {display: block;
				 width: 325px;
				 height: 325px;
				 overflow: hidden;
				 position: relative;
				 background: transparent url(images/poleca.jpg) no-repeat top center;
				 text-decoration: none;}

.poleca span {display: block;
							width: 300px;
							height: 250px;
							background: #f5de12;
							position: relative;
							top: 60px;
							left: 12px;}

.sonda {display: block;
				width: 325px;
				height: 325px;
				overflow: hidden;
				position: relative;
				background: transparent url(images/sonda.jpg) no-repeat top center;
				text-decoration: none;
				color: #ffffff;}

.sonda b {position: relative;
					top: 61px;
					left: 13px;
					display: block;
					width: 299px;
					overflow: hidden;
					font: bold 14px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda u {position: relative;
					top: 65px;
					left: 13px;
					display: block;
					width: 299px;
					overflow: hidden;
					text-decoration: none;
					font: normal 11px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda .ic {position: relative;
						top: 70px;
						left: 13px;
						display: block;}

.sonda div {width: 299px;
						height: 140px;
						overflow: hidden;
						display:table-cell; 
						vertical-align:middle;}

.sonda span {display: block;
						 width: 299px;
						 overflow: hidden;
						 font: normal 14px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda img {position: relative; 
						top: 7px;
						width: 22px;
						height: 22px;
						cursor: pointer;
						border: 0px;}

.sonda input {position: absolute;
							top: 286px;
							left: 13px;}

.sonda i {display: block;
					width: 80px;
					text-align: right;
					position: absolute;
					top: 287px;
					left: 232px;
					font: normal 11px/0.35cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda a {color: #f5de12;
					text-decoration: none;}

.sonda a:hover {color: #ffffff;}

#footer {width: 993px;
				 height: 132px;
				 margin: 0 auto;
				 background: white url(images/footer.jpg) no-repeat top center;
				 position: relative;
				 font: normal 12px/0.4cm Tahoma, Verdana, Arial;
				 color: #ffffff;}

#footer_left {font-weight: bold;
							width: 100px;
							position: absolute;
							top: 7px;
							left: 227px;
							text-align: right;
							border-right: 1px dotted #ffffff;
							padding-right: 6px;}

#footer_right {position: absolute;
							 top: 7px;
							 left: 341px;
							 width: 640px;
							 overflow: hidden;
							 white-space: nowrap;}

#footer_right a:active, #footer_right a:link, #footer_right a:visited {color: #ffffff; 
																																			 text-decoration: none;}

#footer_right a:hover {color: #f5de12; 
											 font-weight: bold;}

#footer .eska {border: 0px; 
							 position: absolute;
							 top: 80px;
							 left: 248px;
							 width: 74px;
							 height: 30px;}

#footer .eskarock {border: 0px; 
									 position: absolute;
									 top: 75px;
									 left: 332px;
									 width: 55px;
									 height: 37px;}

#footer .radiowawa {border: 0px; 
										position: absolute;
										top: 76px;
										left: 395px;
										width: 68px;
										height: 35px;}

#footer .eskatv {border: 0px; 
								 position: absolute;
								 top: 74px;
								 left: 475px;
								 width: 84px;
								 height: 38px;}

#footer .eskagames {border: 0px; 
									  position: absolute;
									  top: 77px;
									  left: 570px;
									  width: 96px;
									  height: 33px;}

#footer .eskalivermx {border: 0px; 
									    position: absolute;
									    top: 76px;
									    left: 680px;
									    width: 54px;
									    height: 36px;}

#footer .fabrykamuzy {border: 0px; 
									    position: absolute;
									    top: 76px;
									    left: 748px;
									    width: 130px;
									    height: 36px;}

#kontakt {width: 1000px;
					overflow: hidden;
					margin: 0 auto;
					padding-top: 4px;
					text-align: center;
					font: normal 12px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
					color: #a99ece;}

#kontakt a:active, #kontakt a:link, #kontakt a:visited {color: #766aa3;
																												text-decoration: none;}
#kontakt a:hover {color: #4f438f;}

.button_130 {width: 130px;
						 height: 26px;
						 border: 0px;
						 padding-bottom: 3px;
						 background: transparent url(images/button_130.png) no-repeat top center;
						 font: bold 16px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
						 color: #f5de12;
						 text-transform: lowercase;
						 text-align: center;
						 cursor: pointer;}

.button_130:hover {background-position: 0px -26px;
									 color: #ffffff;}

.button_26 {width: 26px;
						height: 26px;
						border: 0px;
						padding-bottom: 3px;
						background: transparent url(images/button_26.png) no-repeat top center;
						font: bold 16px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
						color: #f5de12;
						text-transform: lowercase;
						text-align: center;
						cursor: pointer;}

.button_26:hover {background-position: 0px -26px;
									color: #ffffff;}

#banner .email {
	font-weight: bold;
	font-style: italic;	
}