/* na początek kilka podstawowych definicji */
* { margin: 0; padding: 0; }
html { background-color: #fff; }
body { font-family: "Verdana", sans-serif; text-align: left; color:  #000; font-size: 12px; background: #fff none 0 0 repeat-x; }

a { text-decoration: none; color: #9b2366; }
a:visited { color: #9b2366; }
a:hover { text-decoration: underline; }
	a img { border-width: 0;}
a.more { color: #4893a6; font-weight: bold; background: transparent url("../img/base/arr_blue_next.gif") 100% 6px no-repeat; padding-right: 13px; }

li { list-style-type: none; }

p { color: #676767; }
h2, h3 { font-size: 14px; }
.skip { text-indent: -1000em; position: absolute; top: 0; left: 0; height: 1px; }
.clear { clear: both; display: block; }

#related{ position: relative; top: -180px; height: 20px; width: 980px; font-size: 12px; color: #d34178; }
    #top-menu li{list-style:none;float:left;padding:0px 8px 0px 8px;border-left: 1px solid #d34178;}
    #top-menu li.head{border:0px;font-weight:bold;padding-left:360px;}
    
/* wrapper na treść - ustala max. szerokość, centruje strone i jest punktem odniesienia dla pozycjonowania */
#wrapperMain { position: relative; width: 980px; margin: 0 auto; padding-top: 180px; background: transparent url("../img/base/bg_top3.jpg") 0 0 no-repeat; }
	/* logo */
	#header { display: block; height: 53px; width: 375px; position: absolute; top: 8px; left: 10pt; }
		/* aby logo było klikalne ;) */
		#header a { display: block; height: 53px; width: 375px; }
	/* treść */
	#content { width: 680px; float: right; padding-bottom: 15px; margin-top: 60px; }
		#content h1 { color: #927e36; font-size: 21px; padding-left: 20px; font-weight: normal; }
    #content p { font-size: 14px; margin-bottom: 48px; }
    #content p.firstPar { margin-top: 80px; }
    #content p img { display: block; clear: both; text-align: center; margin: 10px auto; }
    
	/* okruszki */
	#breadcrumbs { height: 20px; width: 600px; position: absolute; top: 240px; left: 320px; font-size: 11px; }
		#breadcrumbs li { float: left; height: 20px; padding-right: 5px; }
			#breadcrumbs a { padding-right: 14px; background: transparent url("../img/site/arr_darkpink_next.gif") 100% 6px no-repeat; font-weight: bold; }
			#breadcrumbs strong { font-weight: normal; color: #676767; }
	/* menu */
	#menu { width: 300px; float: left; font-size: 11px; }
		/* linki */
		#menuAux { width: 300px; background: transparent url("../img/base/bg_menu_bottom.gif") 0 100% no-repeat; padding-bottom: 30px; }
			#menu ul { background: transparent url("../img/base/bg_menu_top.gif") 0 0 no-repeat; padding-top: 50px; }
				#menu ul li { padding: 0 35px 0 27px; }
					#menu li a, #menu li strong a, #menu li strong.mainCat, #menu li span { display: block; padding: 4px 0 4px 20px; background: transparent url("../img/base/arr_green_next.gif") 7px 8px no-repeat; }
					#menu li strong.mainCat, #menu li strong a { background: transparent url("../img/base/bg_menu_header.gif") 0 4px no-repeat; padding-left: 20px; height: 19px; line-height: 19px; }
					#menu li span { color: #000; }
					
					#menu ul ul { background-image: none; padding-top: 0; }
						#menu li li { padding: 0 0 0 50px; }
							#menu li li a { background-image: none; padding: 1px 0; }
									#menu li li li { padding: 0 0 0 30px; }
										#menu li li li a { font-weight: normal; }
        /* facebook likebox */
        #fbLikeBox { text-align: center; margin: 15px 0; }
        
        /* twitter likebox */
        .twitterBox { text-align: center; margin: 15px 0; }
        
		/* sklep */
		#qnszt { margin: 15px 0;  padding-bottom: 10px;  background: transparent url("../img/base/bg_menu_box.gif") 15px 100% no-repeat; }
			#qnszt h2 { height: 26px; padding-right: 70px; background: transparent url("../img/base/bg_shop_header.gif") 0 0 no-repeat; font-family: "Georgia", serif; font-size: 16px; }
				#qnszt h2 a { display: block; text-align: left; padding: 0 10px; line-height: 26px; }
			#qnszt p { font-size: 11px; padding: 5px 50px 0 20px; }
	/* top */
	#top { position: absolute; left: 0; top: 0; width: 780px; height: 222px; background: transparent url("../img/base/bg_top3.jpg") 100% 73px no-repeat;  z-index: 1; font-size: 11px; }
	/* stopka*/
	#footer { padding: 27px 0 10px; clear: both; font-size: 11px; background: transparent url("../img/base/bg_footer.gif") 0 0 no-repeat; }
		/* menu */
		#footerMenu { height: 40px; width: 570px; font-size: 10px; margin: 0 auto; }
			#footerMenu li { float: left; height: 28px; font-weight: bold; padding-right: 10px; line-height: 28px; }
				#footerMenu li a { border-left: 1px solid #9b2366; padding-left: 10px; }
		/* copyright */
		#footer p { width: 490px; float: left; display: block; text-align: right; font-size: 10px; color: #a3a4a4; }
		#footer p#copyright { text-align: left; }
			#footer p a { color: #a3a4a4; }
