@charset "utf-8";
/* CSS Document */

/* CSS reset */
body {position:relative; width:100%; text-align:center; margin:0 auto; padding:0; font:76.1%/150% Tahoma,Verdana,Helvetica,Sans-Serif; color:#000; background:#fff;}
body * {margin:0; padding:0; border:0 solid; text-align:left; list-style:none}
img.left {float:left;}

#wrapper {position:relative; width:882px; margin:0 auto;}
.clear {clear:both; height:1px; overflow:hidden}
.hide {position:absolute; top:0; left:-300em}
a img {border:0 solid; }
img.left {float:left;}
img {
	behavior:url(/css/pngbehavior.htc);
}
img {border:0px;}

a,
a:link,
a:visited {color:#145b9d; text-decoration:none}
a:hover,
a:active,
a:focus {color:#000}

h1 {float:left}
h2 {position:absolute; top:0; left:-300em}
h3 {font-size:100%; font-weight:normal}

strong {font-weight:bold}
.b strong,
.t strong {font-weight:bold}

input { font-size:12px; border: 1px solid #D1D1D1; font-family:Tahoma; text-align:left; color:#666; display:inline;}


/* NAGLOWEK */
#naglowek {width:882px; height:85px; position:relative;}
#naglowek a {color: #005498; text-decoration: none;}
#naglowek a:hover {color:#000; text-decoration:none;}


/* category navigation */
/* STYL ODPOWIEDZIALNY ZA GORNE MENU */
#category {position:relative; height:110px; margin-top:0px; line-height:110%}
#category li {display:inline}
#category a {
	position:relative;
	display:block;
	float:left;
	width:135px;
	height:109px;
	margin-right:12px;
	padding-top:1px;
	background:url(/oferta-tygodnia/img/top_images.jpg) #236097 no-repeat;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	background-image: url(/produkty/img/top_images.jpg);
}
#category .last a {margin-right:0}
#category a:hover,
#category li:hover a {border-left:1px solid #145b9d; border-right:1px solid #145b9d}
#category li:hover div a {border:0 solid}

#category a span {display:block; text-align:center}
/* STYL ODPOWIEDZIALNY ZA TEKST W GORNYM MANU - gazetki, promocje */
#category a span.t1 {font-weight:bold; color:#fff; height:32px; padding-top:8px}
#category a span.t2 {font-weight:bold; color:#fff; height:32px; padding-top:2px;}


/* top-level bg image positions */
#category .n1 a {background-position:0 0}
#category .n2 a {background-position:-149px 0}
#category .n3 a {background-position:-296px 0}
#category .n4 a {background-position:-444px 0}
#category .n5 a {background-position:-594px 0}
#category .n6 a {background-position:-741px 0}

/* sub-nav */
/* okienko po rozwinieciu */
#category .shadow {display:none; position:absolute; background:url(/img/glowna/tlo_menu_gora.png) no-repeat bottom right; top:116px; left:16px; z-index:1000} 
#category li:hover .shadow {display:block}
#category li.iehover div.shadow {display:block}

/* dropdown div widths */
/* szerokosc kolumny */
#category .n1 .bg,
#category .n1 .shadow {width:340px}
#category .n2 .bg,
#category .n2 .shadow {width:570px}
#category .n3 .bg,
#category .n3 .shadow {width:350px}
#category .n4 .bg,
#category .n4 .shadow {width:400px}
#category .n5 .bg,
#category .n5 .shadow {width:400px}
#category .n6 .bg,
#category .n6 .shadow {width:340px}

/* white bg and border layer */
#category .bg {position:relative; left:-16px; top:-12px; background:#fff; border:1px solid #145b9d; border-top:0 solid; z-index:2000}
/* top border of each dropdown */
/* gorna linia odsuniecie od lewej*/
#category span.l,
#category span.r {margin-top:-1px; float:right; border-top:1px solid #145b9d}
#category span.l {float:left}
#category .n1 span.r {width:205px}
#category .n2 span.r {width:435px}
#category .n3 span.r {width:215px}
#category .n4 span.l {width:265px}
#category .n5 span.l {width:264px}
#category .n6 span.l {width:204px}
#category p.Offer {background:#e5e5e5; padding:0.25em 0 0.25em 12px; margin:0}

/* link layer */
#category .bg div {width:auto; margin:6px 12px; z-index:3000}

/* dropdown list spacings */
#category ul {float:left; margin-bottom:0}
#category .n1 .a {width:100%}

#category .n2 .a {width:33%}
#category .n2 .b {width:33%}
#category .n2 .3 {width:30%}

#category .n3 .a {width:50%}
#category .n3 .b {width:50%}

#category .n4 .a {width:50%}
#category .n4 .b {width:50%}

#category .n5 .a {width:50%}
#category .n5 .b {width:50%}

#category .n6 .a {width:40%}
#category .n6 .b {width:55%}

/* links */
#category li .bg a {border:0 solid; background:none; height:auto; display:block; float:none; width:auto; padding:0.2em 0.4em}
#category li li a:hover,
#category li li a:active,
#category li li a:focus {border:0 solid; background:#f0f0f0}
#category p.Offer a {border:0 solid}

#category p {clear:both; margin-bottom:0.5em; padding-top:0.5em; line-height:130%}
#category h3 {font-size:1em; margin-bottom:0.5em; padding-left:0.4em}
#category #compare h3 {padding-left:0}
#category ul li {display:block; margin:0.25em 0}

/* dropshadow layer x-position */
/* przesuniecie lewo prawo */
#category .n1 .shadow {left:16px}
#category .n2 .shadow {left:165px}
#category .n3 .shadow {left:314px}
#category .n4 .shadow {left:198px}
#category .n5 .shadow {left:347px}
#category .n6 .shadow {left:556px}

#category .bg {left:-16px}
#category .bg div {left:0}


/* STYL ODPOWIEDZIALNY ZA TEKST W GORNUM MANU - zobacz wiecej prmocji, walentynki */
#promotions {font-size:11px; clear:both; position:relative; height:22px; margin-bottom:12px}
#promotions li {display:inline}
#promotions a {
	padding:2px 0;
	text-align:center;
	position:relative;
	margin-right:12px;
	float:left;
	display:block;
	width:137px;
	background:#F0F0F0;
	background-color: #F0F0F0;
}
#promotions a:hover,
#promotions a:active,
#promotions a:focus {color:#000; background:#e5e5e5}
#promotions .last a {margin-right:0}
#promotions .walentynki a {
	background-color:#F0F0F0
}


#offers {clear:both; margin:12px 0; position:relative; line-height:130%; height:278px; background:#fff}
#offers img {float:left}
#offers object {float:left; width:584px; height:278px; overflow:hidden; border:none}
#offers iframe {float:left; width:584px; height:278px; overflow:hidden; border:none}
#offers ul.r {background:#e5e5e5; width:286px; height:278px; float:right}
#offers ul.r li {margin:11px; background:#fff}
#offers ul.r a {display:block; width:260px; height:78px}
#offers span {display:block; margin-left:138px; padding-top:4px}
#offers span.t {color:#ed1b2e; font-weight:bold}
#offers span.m {color:#666}
#offers span.b {color:#145B9D; font-weight:bold}
#offers a:hover span.t,
#offers a:active span.t,
#offers a:focus span.t,
#offers a:hover span.m,
#offers a:active span.m,
#offers a:focus span.m,
#offers a:hover span.b,
#offers a:active span.b,
#offers a:focus span.b {color:#000}
#offers li.oneLine a span.t {padding-top:10px}


#sections {clear:both; position:relative; background:#e5e5e5; padding:12px; margin:12px 0; height:120px; font-size:12px;}
#sections h4 {color:#145b9d; font-size:12px;}
#sections p.boks {color:#6f6f6e; line-height:15px;}
/* define width and bg image at li level */
#sections li {
	position:absolute;
	width:122px;
	background-color: #FFFFFF;
	z-index: 100;
}
#sections li li {position:relative; width:auto; background:#fff; margin:7px 0}
#sections li.b01 {
	width:122px;
	left:246px;
	top:12px;
	line-height:0px;
}

#sections li.b03 {
	width:122px;
	left:381px;
	top:79px;
	line-height:0px;
}
#sections li.b05 {
	left:516px;
	top:79px;
	width:122px;
	line-height:0px;
}

#sections li.b08 {
	left:246px;
	top:79px;
	width:122px;
	line-height:0px;
}
#sections li.b09 {
	width:122px;
	left:516px;
	top:12px;
	line-height:0px;
}

#sections li.b10 {
	width:122px;
	left:381px;
	top:12px;
	line-height:0px;
}

/* WYMIARY SIWEGO BOKSA PO ROZWINIECIU */
#sections .original {position:relative; width:123px; margin:5px 0 0 0; background-color:#fff;}


/* padding and height at link level */
#sections a {display:block; line-height:120%; padding:4px 0 0 44px; height:18px}
#sections .shadow .bg li a {display:inline; padding:0 0 0 4px}
#sections .shadow .bg li.original a {padding-left:0}
#sections a span {
	display:block;
	font-size:90%;
	margin-top:0em;
	line-height:110%;
	color:#444;
	font-weight:normal
}

#sections li.b01 a {padding:6px 0 0 64px; height:46px}
#sections li.b03 a {padding:6px 0 0 50px; height:46px}
#sections li.b05 a {padding:6px 0 0 43px; height:46px}
#sections li.b08 a {padding:6px 0 0 55px; height:46px}
#sections li.b09 a {padding:6px 0 0 45px; height:46px}
#sections li.b10 a {padding:6px 0 0 64px; height:46px}

/* inset original link */
#sections li .shadow .bg .original a {padding:6px 0 0 64px; height:46px; display:block}
#sections .b03 .shadow .bg .original a {padding:6px 0 0 50px}
#sections .b05 .shadow .bg .original a {padding:6px 0 0 43px}
#sections .b08 .shadow .bg .original a {padding:6px 0 0 55px}
#sections .b09 .shadow .bg .original a {padding:6px 0 0 45px}
#sections .b10 .shadow .bg .original a {padding:6px 0 0 64px}


/* drop-up layer */
#sections .shadow {position:absolute; top:auto; bottom:-16px; left:5px; width:146px}
#sections .shadow {display:none; background:url(/img/glowna/tlo_menu_gora.png) no-repeat bottom right}
#sections .b01 .shadow {width:137px}
#sections .b03 .shadow {width:137px}
#sections .b05 .shadow {width:137px}
#sections .b08 .shadow {width:137px}
#sections .b09 .shadow {width:137px}
#sections .b10 .shadow {width:137px}

#sections .shadow .bg {z-index:200; position:relative; left:-11px; top:-10px; background:#e5e5e5; border:1px solid #145b9d}

#sections ul ul {background:#fff; border:5px solid #e5e5e5}

/* SZEROKOSC BOKSA */
#sections .b01 .shadow {width:135px;}
#sections .b01:hover .shadow,
#sections .b03:hover .shadow,
#sections .b03 .shadow {width:135px;}
#sections .b05:hover .shadow,
#sections .b05 .shadow {width:135px;}
#sections .b08:hover .shadow,
#sections .b08 .shadow {width:135px;}
#sections .b09:hover .shadow,
#sections .b09 .shadow {width:135px;}
#sections .b10:hover .shadow,
#sections .b10 .shadow {width:135px;}
#sections .b01.iehover .shadow,
#sections .b03.iehover .shadow,
#sections .b05.iehover .shadow,
#sections .b08.iehover .shadow,
#sections .b09.iehover .shadow,
#sections .b10.iehover .shadow {display:block;}

#stopka { width:882px; height:72px; clear:both; position:relative; margin: 0 auto; margin-bottom:5px;}
#stopka li {display:inline; border-right:1px solid #ccc; padding-right:0.5em; margin-left:0.5em}
#stopka li.red {color:#F00}
#stopka ul {display:inline}
#stopka a {white-space:nowrap}
#footer li.red {color:#F00}
#stopka h3 {display:inline}

/* cross fading banner */
#imagerotator {float:left; position:relative; width:585px}
#imagerotator img {float:none}
.hasJS #imagerotator {overflow:hidden; height:278px}
.hasJS #imagerotator li {display:none; position:absolute; top:0; left:0}
.hasJS #imagerotator:first-child {display:block}

#wyszu-cena {margin:0; padding:0; height:85px; cursor:pointer;}
#wyszu-cena span {padding:3px 0px 0px 120px;}
#wyszu-cena a span.t {color:#145B9D; font-weight:bold; font-size:12px;}
#wyszu-cena a:hover span.t,
#wyszu-cena a:active span.t,
#wyszu-cena a:focus span.t {color:#000;}
#wyszu-cena a span.s {color:#666; font-size:12px;}
#wyszu-cena a:hover span.s,
#wyszu-cena a:active span.s,
#wyszu-cena a:focus span.s {color:#000;}

	/* TEST ------------------------------------------------------------------------------ */
	
.n2 .hdr03 {
	font-weight: bold;
	color: #555;
	}
	

	
	/* TEST stop ------------------------------------------------------------------------------ */

	/* rotateImage --------------------------------------------------------------------------------------------- */
	
.rotateImage {
	display: block;
	position: relative;
	width: 584px;
	height: 278px;
	overflow: hidden;
	float: left;
	}
	
	/* rotateImage stop --------------------------------------------------------------------------------------------- */