/*
** Hotel Store CSS. All rights reserved.
**
** 2009 created by Bil Software, www.bilsoftware.com
*/
body { background: white; font-size: 12px; }
	img { border: 0; }
	#site { width: 728px; margin: 0 auto; position: relative; }
		#top { width: 728px; height: 130px; position: absolute; top: 0; }
			#logo { height: 129px; background: url(images/top.jpg) 0 0 no-repeat; }
				#logo a { display: block; width: 122px; height: 50px; margin: 0 0 0 305px; padding: 42px 0 0 0; text-decoration: none; text-indent: -200px; overflow: hidden; color: white; }
		#main { width: 628px; padding: 174px 0 0 50px; background: white; overflow: visible; }
			#welcome { position: absolute; top: -200px; }
			#menu { width: 630px; margin: 10px; position: absolute; top: 130px; left: 30px; }
				#menu ul { margin: 0; padding: 0 0 20px 40px; list-style: none; }
					#menu ul li { float: left; padding: 0 11px 0 11px; background: url(images/separator.gif) right center no-repeat; font-weight: bold;  }
					#menu ul li.last { background: white right center no-repeat; }
						#menu ul li a { font-size: 19px; font-weight: normal; text-decoration: none; color: #549979; }
						#menu ul li a:hover { color: gray; }
			#line_top { height: 3px; margin: 0; clear: both; overflow: hidden; zoom: 1.0; background: white url(images/line_top.gif) 0 0 repeat-x; }
			#text { margin: 0; padding: 15px 3px 0 3px; position: relative; font-family: "Times New Roman", Times, serif; }
				#text a { color: #4D4D4D; }
				#text p { margin: 2px 0 20px 0; text-align: center; color: #8ea3ae; font-size: 16px; }
				#text .handle { height: 375px; position: relative; }
				#text .categories { width: 800px; position: absolute; top: 0; left: -50px; }
				#text .categories div { float: left; width: 227px; height: 171px; }
				#pic_olowki a, #pic_dlugopisy a, #pix_kapcie a, #pic_kosmetyki a, #pic_karty a, #pic_kapcie a { float: left; width: 227px; height: 171px; }
				#pic_olowki { margin: 0 0 0 20px; background: url(images/pic_olowki.jpg) 0 0 no-repeat; text-indent: -100px; overflow: hidden; }
				#pic_dlugopisy { margin: 0 0 0 0; background: url(images/pic_dlugopisy.jpg) 0 0 no-repeat; text-indent: -100px; overflow: hidden; }
				#pic_kapcie { margin: 0 0 0 20px; background: url(images/pic_kapcie.jpg) 0 0 no-repeat; text-indent: -100px; overflow: hidden; }
				#pic_kosmetyki { margin: 22px 0 20px 120px; _margin-left: 65px; background: url(images/pic_kosmetyki.jpg) 0 0 no-repeat; text-indent: -100px; overflow: hidden; }
				#pic_karty { margin: 22px 0 20px 22px; background: url(images/pic_karty.jpg) 0 0 no-repeat; text-indent: -100px; overflow: hidden; }
				#footer { display: block; margin: 10px 0 0 0; font-family: Tahoma; }
				#line_bottom { height: 10px; clear: both; overflow: hidden; zoom: 1.0; background: white url(images/line_bottom.gif) 0 0 repeat-x; }
					#footer p { float: left; margin: 0; text-align: left; color: #549979; font-size: 11px; }
					#footer span { float: right; text-align: left; color: #549979; font-size: 11px; text-align: right; }
					#footer a { color: #549979; text-decoration: underline; }
					#footer em { font-style: normal; font-size: 10px; }
				#box { display: block; width: 626px; height: 48px; margin: 0 0 19px 0; clear: both; background: url(images/box.jpg) 0 0 no-repeat; }
					#box p { margin: 0; padding: 7px 0 0 0; color: #549979; font-size: 19px; font-weight: normal; }
				#content { display: block; margin: 0; padding: 0; }
					.picture { float: left; width: 299px; height: 155px; margin: 0 9px 0 9px; padding: 0 0 6px 0; overflow: hidden; zoom: 1.0; text-transform: uppercase; }
						.picture a { display: block; width: 299px; height: 107px; background: url(images/border.gif) 0 0 no-repeat; }
						.picture .desc, .picture43 .desc { display: block; width: 299px; height: 44px; margin: 0; background: url(images/pic_olowek_opis.jpg) 0 0 no-repeat; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
							.picture .description, .picture43 .description { margin: 0; padding: 7px 0 0 11px; color: #006838; }
							.picture .price, .picture43 .price { float: left; margin: 2px; padding: 0 0 0 10px; color: #006838; }
							.picture .model, .picture43 .model { float: right; margin: 2px; padding: 0 10px 0 0; color: #006838; }
							.picture .desc span , .picture43 .desc span { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
					.picture43 { float: left; width: 299px; height: 275px; margin: 0 9px 0 9px; padding: 0 0 9px 0; overflow: hidden; zoom: 1.0; background-repeat: no-repeat; text-transform: uppercase; }
						.picture43 a { display: block; width: 299px; height: 223px; background: url(images/border_43.gif) 0 0 no-repeat; }
					.picture .image { padding: 1px 0 0 0; height: 109px; background-repeat: no-repeat; background-position: center; }
					.picture43 .image { height: 223px; background-repeat: no-repeat; background-position: center; }
					.even, .even43 { margin: 0; padding: 0; }
						.even a { display: block; width: 299px; height: 107px; background: url(images/border.gif) 0 0 no-repeat; }
						.even43 a { display: block; width: 299px; height: 223px; background: url(images/border_43.gif) 0 0 no-repeat; }
				/**/
			/**/
		/**/
	/**/
/**/