/* */
html, body, h1, h2, h3, ul, li, p {margin: 0; padding: 0;}
body {font: 62.5% tahoma, verdana, arial, sans-serif; background: #fff;}

.podkategoria {margin-left:7px; list-style:none;}
/* classes */
.menu {list-style: none;} /* ul */

/* copier */
#copier {position: relative; margin: 0 auto; padding-top: 92px; width: 960px;}

/* accessibility */
#quick-navigation, .accessibility, .hidden, hr {position:absolute; top:0; left:-666em; margin-left:-666em; overflow:hidden;}

/* header */
#header {overflow: hidden; width: 960px;}

#header-kopier {overflow: hidden; float: left; position: relative; width: 254px; height: 129px;}
	#header-kopier span {position: absolute; top: 0; left: 0; width: 254px; height: 129px; background: url(../img/site/header-kopier.span.jpg) no-repeat;}

#header-dystrybutor	{overflow: hidden; float: left; position: relative; width: 706px; height: 130px;}
	#header-dystrybutor	span {position: absolute; top: 0; left: 0; width: 706px; height: 130px; background: url(../files/header-dystrybutor.span.jpg) no-repeat;}
	
/* navigation */
#navigation {overflow: hidden; padding: 0 0 4px 50px; width: 910px; background: #a8a8a8 url(../img/site/navigation.gif) no-repeat;;}
	#navigation .menu {font-size: 1.1em; font-weight: bold;}
		#navigation .menu li {float: left; margin-right: 15px; margin-left:15px;}
			#navigation .menu li a {float: left; padding: 4px 8px 12px 8px; text-decoration: none;  color: #112444;}

/* navigation-admin */
#navigation-admin {overflow: hidden; padding: 0 0 4px 70px; width: 890px; background: #a8a8a8 url(../img/site/navigation.gif) no-repeat;;}
	#navigation-admin .menu {font-size: 1.1em; font-weight: bold;}
		#navigation-admin .menu li {float: left; margin-right: 15px; margin-left:15px;}
			#navigation-admin .menu li a {float: left; padding: 4px 8px 12px 8px; text-decoration: none;  color: #112444;}

/* producer */
#producer {position: absolute; top: 0; left: 0; padding-bottom: 12px; width: 960px; height: 80px; background: url(../img/site/producer.gif) 0 100% repeat-x;}
	#producer ul {text-align: center; list-style: none;}
		#producer ul li {display: inline; margin: 7px;}
			#producer ul li a {}
				#producer ul li a img {border: 0;}

/* content */
#content {overflow: hidden; width: 960px; margin-bottom:5px; min-height:275px; background: transparent url(../img/site/pozioma.gif) repeat-y scroll 230px 0;}

#tlo {overflow: hidden; width: 960px; min-height:275px; background: transparent url(../img/site/pozioma.gif) repeat-y scroll 475px 0;}

#tlo2 {overflow: hidden; width: 960px; min-height:275px; background: transparent url(../img/site/pozioma.gif) repeat-y scroll 720px 0;}

#tlo3 {overflow: hidden; min-height:275px; background: transparent url(../img/site/pozioma.gif) repeat-y scroll 603px 0;}

#content-admin {overflow: hidden; width: 960px; margin-bottom:5px; min-height:275px; background-color: #FFFFFF;}

/* product */
#product {float: left; margin-left: 254px; width: 706px;}
	#product .container {margin-bottom: 18px; padding-top: 4px; background: url(../img/site/product.container.gif) no-repeat;}
	#product .header {margin: 16px 0 8px; font-size: 1.2em; color: #a12d2e;}
		#product h2.header {font: normal 1.8em verdana, tahoma, arial, sans-serif; text-transform: uppercase; background: none !important; color: #1b3d6b;}
	#product ul {font-size: 1.1em; color: #717171; list-style: none;}
	#product li {padding-left: 9px; background: url(../img/site/product.li.gif) 0 0.55em no-repeat;}

/* product presentation */
#product-presentation {overflow: hidden; border-top: 1px solid #f3f3f3; background: none !important;} /* from #product .container */
	#product-presentation .header {float: right; width: 522px; font-size: 1.6em; color: #a12d2e;}
	#product-presentation .image {float: left; width: 184px;}
		#product-presentation .image img {display: block; border: 0;}
	#product-presentation .details {float: left; margin: 8px 0 16px; width: 522px; font-size: 1.2em; font-weight: bold; color: #416bb1; list-style: none;} /* ul */
		#product-presentation .details li {padding-left: 0; background: none;} /* from #product li */
			#product-presentation .details li dl {overflow: hidden;}
			#product-presentation .details li dt {float: left;}
			#product-presentation .details li dd {float: left; margin-left: 4px;}
	#product-presentation .description {float: left; width: 522px; font-size: 1.1em; line-height: 1.27em; color: #717171;}

/* product description */
#product-description {}
	#product-description h4 {font-size: 1.1em; color: #416bb1;}

/* product package */
#product-package {}

/* product-information-more */
#product-information-more {font-size: 1.1em; color: #717171;}
	#product-information-more a {color: #717171;}

/* article */
#article {float: left; margin-left: 254px; width: 706px; display: inline;}
	#article .header {padding: 4px 19px; border-bottom: 1px solid #d4d4d4; font: normal 1.8em verdana, tahoma, sans-serif; color: #1b3d6b; position:relative;}
	#article .header span{ position:absolute; top:10px; right:0;}
	#article .header1 {padding: 4px 19px; border-bottom: 1px solid #d4d4d4; font: normal 1.8em verdana, tahoma, sans-serif; color: #1b3d6b;}
	#article .header2 {display: inline;padding: 4px 19px; border-bottom: 1px solid #d4d4d4; font: normal 1.8em verdana, tahoma, sans-serif; color: #1b3d6b;}
	#article #flagi { float:right;}
	#article .body {padding: 8px 19px; font-size: 1.1em; line-height: 1.36em; color: #717171;}
		#article .body p {margin-bottom: 15px;}
		#article .body em {font-style: normal; color: #1679bb;}
	#article .container {
		margin-bottom:24px;
		overflow:hidden;
		width: 706px;
	}
	#article #login-form p{
		margin-top:36px;
		margin-bottom:16px;
		margin-left:20px;
		float:left;
		width:200px;
		font-size:1.0em;
	}
	#article #login-description {
		margin-top:40px;
		margin-bottom:16px;
		margin-right:20px;	
		float:right;
		width: 398px;
		font-size:1.0em;
	}

/* catalogue */
#catalogue {float: left; margin-left: 254px; width: 706px; display: inline;}
	#catalogue .header { text-decoration:none;}
	#catalogue .header a{text-decoration: none;color:#1B3D6B;}
		#catalogue h2.header {padding: 4px 19px; border-bottom: 1px solid #d4d4d4; font: normal 1.8em verdana, tahoma, sans-serif; color: #1b3d6b; text-transform:uppercase; margin-left:5px;  background-color:#FFFFFF;}
	#catalogue ul {overflow: hidden; margin-top: 0px; margin-left:5px; padding: 5px 0 8px; width: 706px; list-style: none;}
	#catalogue li {float: left;  width: 344px; height:111px; background: url(../img/site/catalogue.li.gif) 50% 0 no-repeat; border-bottom:1px solid #D4D4D4;}
		#catalogue li .header {float: right; width: 215px; color: #1b3d6b;}
		#catalogue li h2.header {float: left; width: 290px; color: #1b3d6b;}
		#catalogue li h3.header {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #416bb1;}
		#catalogue li .header a{text-decoration: none;color:#1B3D6B;}
		#catalogue li .header a:hover, #catalogue li .header a:focus {text-decoration: underline; color:#1B3D6B;}
		#catalogue li .image {float: left; width: 128px;}
			#catalogue li .image img {display: block; margin: 0 auto; border: 0;}


/* news */
#news {float: left; margin-left: 254px; padding: 0 20px; width: 200px;}
	#news ul {list-style: none;}
		#news ul li {padding: 8px 0 16px; background: url(../img/site/news.ul.li.gif) no-repeat 50% 0;}
			#news ul li:first-child {padding-top: 0; background: none;}
	#news .header {font-size: 1.1em; color: #a12d2e;}
		#news .header a {text-decoration: none; color: #a12d2e;}
			#news .header a:hover {text-decoration: underline;}
	#news .body {margin: 2px 0; font-size: 1.1em; line-height: 1.27em; color: #717171;}
		#news .body a {font-weight: bold; text-decoration: none; color: #416bb1;}
			#news .body a:hover {text-decoration: underline;}

#news-aktualnosci {overflow: hidden; position: relative; margin: 6px 0 14px; width: 200px; height: 46px;}
	#news-aktualnosci span {position: absolute; top: 0; left: 0; width: 200px; height: 46px; background: url(../img/site/news-aktualnosci.span.gif) no-repeat;}


/* products */
#products {float: left; width: 466px;}
	#products ul {margin: -6px 0 0 -8px; list-style: none;}
		#products ul li {float: left; margin: 0 8px 18px 8px; padding-top: 18px; width: 219px; height:100px; background: url(../img/site/products.ul.li.gif) no-repeat 50% 0;}
	#products .header {float: right; margin-bottom: 9px; width: 138px; font-size: 1.1em;}
		#products .header a {text-decoration: none; color: #416bb1;}
			#products .sader a:hover {text-decoration: underline;}
	#products .body {float: left; margin-left: 9px; width: 138px; font-size: 1.1em; line-height: 1.27em; color: #717171;}
	#products .image {float: left; width: 72px;}
		#products .image a {}
			#products .image a img {border: 0;}
	#products .promocja h2{ padding: 4px 19px; border-bottom: 1px solid #d4d4d4; font: normal 1.8em verdana, tahoma, sans-serif; color: #1b3d6b; text-transform:uppercase; margin-left:5px;  background-color:#FFFFFF;}
	#products .promocja p{ color:#717171;}
#products p{ line-height:0; padding: 20px 0;}

/* menu */
#menu {float: left; margin-left: -960px; padding-left: 31px; width: 223px;}
	#menu .menu {margin: 16px 0 8px; font: bold 1.1em/1.4em verdana, tahoma, arial, sans-serif;}
		#menu .menu a {padding-left: 16px; background: url(../img/site/menu.menu.a.gif) no-repeat 0 50%; color: #717171;}
			#menu .menu a:hover, #menu .menu a.active {color: #a12d2e;}

#menu-katalog-produktow {overflow: hidden; position: relative; width: 192px; height: 37px;}
	#menu-katalog-produktow span {position: absolute; top: 0; left: 0; width: 192px; height: 37px; background: url(../img/site/menu-katalog-produktow.span.png) no-repeat;}

/* footer */
#footer {overflow: hidden; padding: 16px 0 16px 145px; width: 815px; background: #0d2749;}
	#footer .menu {font-size: 1.1em; font-weight: bold;}
		#footer .menu li {float: left; margin-right: 12px;}
			#footer .menu li a {float: left; padding: 8px; text-decoration: none; background: url(../img/site/footer.menu.li.a.gif) 0 50% no-repeat; color: #a6a6a6;}

/* copyright */
#copyright {overflow: hidden; padding: 24px 0 12px; width: 960px;}
	#copyright p {font-size: 1em;}
		#copyright p.owner {float: left; margin-left: 31px; font-weight: bold; color: #717171;}
			#copyright p.owner a {color: #717171;}
		#copyright p.agency {float: right; color: #b6b6b6;}
			#copyright p.agency a {color: #b6b6b6;}
			
		#copier #content #aktualnosci{ margin-left:254px; height:500px; float:left; background: url('../img/site/mapka.gif') no-repeat; width:706px; margin-bottom:20px}	
		#copier #content #aktualnosci h2 {
		padding:4px 19px; 
		font-size:1.8em;
		font-weight:normal;
		font-family:verdana,tahoma,sans-serif;
		color:#1B3D6B;
		border-bottom:1px solid #D4D4D4;
		margin-bottom:60px;
			}
		  #copier #content #aktualnosci p{margin:0; color:#7e7e7e;}
		  #copier #content #aktualnosci b{color:#416BB1;}
		    #copier #content #aktualnosci p a{text-decoration:underline; color:#717171;font-weight:bold;}
		
		#copier #content #aktualnosci #mapka1{ width: 305px; height:150px; background:url(../img/site/mapka1.gif) no-repeat bottom;}
		#copier #content #aktualnosci #mapka2{ width: 305px; height:250px; background:url(../img/site/mapka2.gif) no-repeat bottom;}


