* {padding:0px;margin:0px;}
HTML {}
body{background:#ffffff;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#272727;}

img {border:0px none;}

.both {clear:both;}
.prawe {float:right;}
.lewe {float:left;}

h1 {font-size:18px; font-family:"Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#000000; font-weight:normal;}
h2 {font-size:16px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#1e9fbe;}
h3 {font-size:12px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#1e9fbe;}
h4 {font-size:10px; font-family:Tahoma, VArial, erdana, Helvetica, sans-serif; color:#595959; font-weight:normal;}

a {color:#000000; text-decoration:none; outline:none;}
a:hover {color:#000000; text-decoration: underline;}

.bold {font-weight: bold;}

fieldset {border:0px none;}
input {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select {font-size:11px;}

ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0; list-style-position:inside;}

p {line-height:16px;}

/* ======= strona glówna ======== */

#kontener {width:930px; margin:0 auto 0;}
#wrapper {width:930px; background:url(images/wrapper_bg.jpg) repeat-y right; padding-bottom:20px;}

/* header */
#header {width:100%; background:#1c256f;}

	/* top */
	#header .top {width:929px; margin:0 auto 0; background:url(images/top.jpg) no-repeat center; height:125px; max-height:125px; border-right:1px #2a358c solid; position:relative;}
	#header .top .logo {float:left; margin:35px 0 0 15px;}
		
		/* user menu */
		#header .top ul {background:#2a358c; width:280px; float:right; text-align: center; padding:10px 0 10px 0}
		#header .top ul li {display:inline; padding:0 5px 0 5px;}
		#header .top ul li a {color:#ffea00;}
		
		/* wyszukiwarka */
		#header .top fieldset {position:absolute; right:10px; bottom:32px;}
		#header .top label {font-weight:bold; color:#ffffff;}
		#header .top input {background:#131b61; border:1px #323d94 solid; padding:5px; vertical-align:middle; margin:0 3px 0 3px; width:160px; color:#ffffff;}
		#header .top input.button {background:#e7b40e url(images/button_search.jpg) no-repeat; width:25px; height:24px; border:0px none; cursor:pointer; vertical-align:middle;}
		
/* under header */
#under {width:929px; border:1px #e1e2e4 solid; border-width:0 1px 1px 0; background:url(images/under_top_bg.jpg) no-repeat 270px 0; height:59px; max-height:59px;}

	/* infolinia */
	#under .tel {float:left; background:url(images/infolinia_bg.jpg) no-repeat 10px 11px; width:135px;height:44px; padding:15px 0 0 105px;}
	#under .tel small {font-size:14px; color:#010101; font-weight:bold; line-height:12px;}
	#under .tel strong {font-size:18px; color:#1c256f;line-height:12px;}
	
	/* dystrybutor */
	#under .dystrybutor {float:right; padding:10px 10px 0 0;}
	#under .dystrybutor p {color:#1c256f; font-weight:bold;}
	#under .dystrybutor p img {vertical-align:middle; margin:0 7px 0 7px;}
	
/* lewa kolumna */
#left {float:left; width:240px;}

	/* menu */
	#left .menu {width:236px;background:#ffffff; border:1px #e1e2e4 solid; border-width:0 0 1px 1px; padding:4px 0 4px 4px;}
	#left .menu ul {background:#1c256f;}
	#left .menu ul li a {display:block;width:206px; padding:8px 0 8px 30px; margin-top: -1px; border-top: 1px #2a358c solid; border-bottom:1px #2a358c solid; color:#ffffff;}
	#left .menu ul li a:hover {background:#2a358c; color:#ffea00; text-decoration:none;}
		#left .menu ul li a.aktualnosci {background:url(images/menu_ico_aktualnosci.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.aktualnosci:hover {background:#2a358c url(images/menu_ico_aktualnosci2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.ofirmie {background:url(images/menu_ico_ofirmie.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.ofirmie:hover {background:#2a358c url(images/menu_ico_ofirmie2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.nowosci {background:url(images/menu_ico_nowosci.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.nowosci:hover {background:#2a358c url(images/menu_ico_nowosci2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.wyprzedaze {background:url(images/menu_ico_nowosci.jpg) no-repeat 7px 6px; font-weight: bold; letter-spacing: 2px; color: #ffea00;}
		#left .menu ul li a.wyprzedaze:hover {background:#2a358c url(images/menu_ico_nowosci2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.promocje {background:url(images/menu_ico_promocje.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.promocje:hover {background:#2a358c url(images/menu_ico_promocje2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.cenniki {background:url(images/menu_ico_cenniki.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.cenniki:hover {background:#2a358c url(images/menu_ico_cenniki2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.sprzedaz {background:url(images/menu_ico_sprzedaz.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.sprzedaz:hover {background:#2a358c url(images/menu_ico_sprzedaz2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.zapytanie {background:url(images/menu_ico_zapytanie.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.zapytanie:hover {background:#2a358c url(images/menu_ico_zapytanie2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.dostawa {background:url(images/menu_ico_dostawa.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.dostawa:hover {background:#2a358c url(images/menu_ico_dostawa2.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.kontakty {background:url(images/menu_ico_kontakty.jpg) no-repeat 7px 6px;}
		#left .menu ul li a.kontakty:hover {background:#2a358c url(images/menu_ico_kontakty2.jpg) no-repeat 7px 6px;}

		#left .menu ul li ul li a {display:block; width:166px; background: url(images/ico_arrow_white.jpg) no-repeat 55px 3px; border: 0px; padding: 0px 0 8px 70px; font-size: 10px; font-family: Verdana, sans-serif; color:#ffffff;}
		#left .menu ul li ul li a:hover {background: url(images/ico_arrow_yellow.jpg) no-repeat 55px 3px;}

	/* szybki kontakt */
	#left .kontakt {width:199px; padding:15px 20px 15px 20px; background:url(images/kontakt_bg.jpg) no-repeat top right; border-right:1px #e1e2e4 solid;}
	#left .kontakt h1 {padding-bottom:20px;}
	#left .kontakt dl {margin-bottom:10px; line-height:15px;}
	#left .kontakt dl dt {color:#1c256f; font-weight:bold;}
	#left .kontakt dl a {text-decoration:underline;}
	#left .kontakt dl a:hover {text-decoration:none;}
	
/* prawa kolumna */
#right {float:right; width:200px; background:#ffffff; padding-top:5px;}

	/* reklama flash */
	#right .flash {width:198px; border:1px #e1e2e4 solid; margin-bottom:5px;}
	
	/* promocje */
	#right .promocje {width:198px;border:1px #e1e2e4 solid; border-width:1px 1px 0 1px; margin-bottom:5px;}
	#right .promocje h1 {padding:10px 10px 5px 10px; color:#df0022;}
	#right .promocje ul li {width:178px;border-bottom:1px #e1e2e4 solid; text-align:center; padding:15px 10px 10px 10px;}
	#right .promocje ul li img {margin-bottom:10px;}
	#right .promocje ul li a {font-weight:bold; text-decoration:underline; color:#1c256f;}
	#right .promocje ul li a:hover {text-decoration:none;}
	#right .promocje ul li p span {text-decoration:line-through;}
	#right .promocje ul li p strong {color:#df0024;}
	
	/* nowosci */
	#right .nowosci {width:198px; border:1px #e1e2e4 solid;}
	#right .nowosci h1 {color:#1c256f; background:#ffcb1f; padding:10px;}
	#right .nowosci dl {padding:5px 10px 5px 10px;}
		#right .nowosci dl.grey {background:#e6e8eb;}
	#right .nowosci dl dt a {color:#1c256f; font-weight:bold;}
	#right .nowosci dl dd span {color:#df0024;}
	#right .nowosci a.wiecej {display:block; width:74px;margin:10px auto 10px; background:#1e2772 url(images/button_blue.jpg) no-repeat; text-align:right; color:#ffffff; padding:6px 3px 6px 0;}
	
/* aktualnosci */
#center {width:449px; float:left; padding:20px;}
	#center h1 {padding-bottom:20px;}
	#center ul li {padding:20px 0 20px 0;}
	#center ul li h3 {color:#1c256f;}
	#center ul li h4 {color:#a2a1a1;}
	#center ul li img {float:left; margin:10px 10px 10px 0;}
	#center ul li p {padding:10px 0 20px 0;}
	#center ul li a.wiecej { float:right;display:block; width:72px;background:#1e2772 url(images/button_blue.jpg) no-repeat; text-align:right; color:#ffffff; padding:6px 5px 6px 0; margin-left:10px;}
	#center ul li a.podobne {float:right;display:block; width:91px;background:#e2d901 url(images/button_yellow.jpg) no-repeat; text-align:right; color:#000000; padding:6px 9px 6px 0;}

/* mapa */
#mapa {width:449px; float:left; padding:20px;}
	#mapa h1 {padding-bottom:20px;}
	#mapa ul li {margin-left: 60px; list-style-type: disc; line-height: 26px; font-size: 12px;}
	#mapa ul li ul li {margin-left: 30px; list-style-type: circle; line-height: 22px; font-size: 11px;}

/* bank */
#bank {width:649px; float:left; padding:20px;}
	#bank h1 {padding-bottom:20px;}
	#bank h2 {color:#1c256f; padding-bottom: 10px;}
	#bank p {line-height: 24px;}
	#bank .mbank {padding-left: 20px; line-height: 24px;}
	#bank .mbank h2 {color:#1c256f; padding: 10px 0px 5px 0px;}

#center2 {width:649px; float:left; padding:20px;}
	#center2 h1 {padding-bottom:20px;}
	#center2 h2 {color:#1c256f; padding-bottom: 10px;}
		#center2 .kontakt {padding-left: 20px; line-height: 24px;}
		#center2 .kontakt h2 {color:#1c256f; padding: 10px 0px 5px 0px;}
		#center2 .kontakt p {padding-left: 10px; line-height: 22px;}
	#center2 p {padding-bottom: 15px; text-align: justify;}
	#center2 p big {font-weight: bold; line-height: 24px;}
	#center2 p  a {display: inline; font-weight: bold; letter-spacing: 1px;}
	#center2 p  a:hover {text-decoration: underline;}
	#center2 ul {margin: 0px 0px 15px 45px; text-align: justify; line-height: 24px; list-style-type: circle;}
	#center2 a {display: block; width: 200px; height: 215px; font-size: 12px; text-decoration: none; font-weight: bold; text-align: center; color: #272727;}
	#center2 a.gazowa {margin-left: 70px; margin-bottom: 15px; background: url(images/gazowa.png) no-repeat; background-position: bottom;}
	#center2 a.kominiarska {margin-right: 70px; background: url(images/kominiarska.png) no-repeat; background-position: bottom;}

#kontakty {width:649px; float:left; padding:20px;}
	#kontakty h2 {color:#1c256f; padding: 8px; margin: 20px; font-size: 18px; font-weight: bold; border-left: 20px solid;}
	#kontakty h3 {color:#000000; margin: -10px 0px 15px 48px; font-size: 15px; font-weight: bold;}
	#kontakty h3 small {color: #acacac;}
	#kontakty ul {margin: 10px 0px 35px 48px; line-height: 16px;}
	#kontakty li {margin-top: 10px;}

#dostawa {width:649px; float:left; padding:20px;}
	#dostawa h2 {color: #1c256f; padding: 20px 0px 10px 5px;}
	#dostawa p {line-height: 24px; text-align: justify; padding-left: 15px;}
	#dostawa ul li {margin-left: 55px; line-height: 24px; list-style-type: circle;}

#cenniki {width:649px; float:left; padding:20px;}
	#cenniki h1 {padding-bottom:20px;}
	#cenniki p {padding-bottom: 15px; text-align: justify;}
	#cenniki ul li {font-size: 13px; margin-left: 55px; line-height: 24px; list-style-type: circle;}

#produkt {width:649px; float:left; padding:20px;}
	#produkt h1 {padding-bottom: 50px;}
	#produkt .bold {font-weight: bold;}
	#produkt .opis {width: 470px; line-height: 24px;}
	#produkt .opis p {padding-bottom: 15px; text-align: justify;}
	#produkt .opis p.center {text-align: center;}
	#produkt .opis p big {font-weight: bold; line-height: 24px;}
	#produkt .opis ul {margin: 0px 0px 15px 45px; text-align: justify; line-height: 24px; list-style-type: circle;}
	#produkt .info {width: 165px; text-align: center;}
	#produkt .info p {margin: 30px 0px;}
	#produkt .info p span.trought {font-size: 12px; text-decoration:line-through;}
	#produkt .info p span.red {font-size: 19px; font-weight: bold; color: red;}
	#produkt .info a.podobne {display: block; width: 91px; background: #e2d901 url(images/button_yellow.jpg) no-repeat; text-align: right; color: #000000; padding: 6px 9px 6px 0;}

#toppromocja {width:649px; float:left; padding:20px;}
	#toppromocja .center {text-align: center;}
	#toppromocja h1 {padding-bottom: 20px;}
	#toppromocja h2 {color:#1c256f; padding: 20px;}
	#toppromocja p {padding-bottom: 15px; text-align: justify; line-height: 24px;}
	#toppromocja p span {color: #d72f22; font-size: 17px; font-weight: bold;}
	#toppromocja img {padding: 10px 0px;}
	#toppromocja .info {width: 165px; text-align: center;}
	#toppromocja .info p {margin: 30px 0px;}
	#toppromocja .info p span.trought {font-size: 12px; text-decoration:line-through;}
	#toppromocja .info p span.red {font-size: 19px; font-weight: bold; color: red;}

#lista {width:649px; float:left; padding:20px;}
	#lista h1 {padding-bottom: 20px;}
	#lista table {width: 609px;}
	#lista table th {height: 34px; text-align: left; padding-left: 10px; background-color: #e1e2e4; color: #000000;}
		#lista table th {width: 160px;}
		#lista table th + th {width: 320px;}
		#lista table th + th + th {width: 129px;}
	#lista table td {padding: 15px 10px; line-height: 16px; text-align: justify; border-bottom: 1px solid #e1e2e4;}
		#lista table td + td {vertical-align: top;}
		#lista table td + td + td {vertical-align: middle; text-align: center; line-height: 24px;}
		#lista table td div {display: table-cell; width: 150px; height: 150px; vertical-align: middle; text-align: center; border: 1px solid #e1e2e4;}
		#lista table td a.tytul {display: block; margin-bottom: 10px; font-weight: bold; font-size: 12px; color:#1c256f}
		#lista table td big {font-size: 12px; font-weight: bold;}
		#lista table td ul {margin: 8px 0px 0px 35px; text-align: left; line-height: 16px; list-style-type: circle;}
		#lista table td span.trought {font-size: 12px; text-decoration:line-through;}
		#lista table td span.red {font-size: 19px; font-weight: bold; color: red;}
		#lista table td a.wiecej {display: block; margin: 10px 0px 0px 18px;  width: 75px; background: #1e2772 url(images/button_blue.jpg) no-repeat; text-align: right; color: #ffffff; padding: 1px 5px 2px 0;}

#aktualnosci {width:649px; float:left; padding:20px;}
	#aktualnosci h1 {padding-bottom: 20px;}
	#aktualnosci ul li {padding:20px 0 20px 0;}
	#aktualnosci ul li h3 {color:#1c256f;}
	#aktualnosci ul li h4 {color:#a2a1a1;}
	#aktualnosci ul li img {float:left; margin:10px 10px 10px 0;}
	#aktualnosci ul li p {padding:10px 0 20px 0;}
	#aktualnosci ul li a.wiecej { float:right;display:block; width:72px;background:#1e2772 url(images/button_blue.jpg) no-repeat; text-align:right; color:#ffffff; padding:6px 5px 6px 0; margin-left:10px;}
	#aktualnosci ul li a.podobne {float:right;display:block; width:91px;background:#e2d901 url(images/button_yellow.jpg) no-repeat; text-align:right; color:#000000; padding:6px 9px 6px 0;}

/* stopka */
#footer {width:910px; border-top:1px #e1e2e4 solid; padding:10px 0 20px 20px; color:#939191;}
	#footer a {color:#939191;}
