﻿body {padding: 0; margin: 0; background: url(../gfx/tlo.jpg) left top repeat}
.clear {clear:both;}
.txtr {text-align: right;}
.new {float: right; width: 29px; height: 14px; margin: 0 0 0 2px; background: url(../gfx/new.jpg) left 2px no-repeat }
.film {margin: 10px 0 0 70px;}
#center { width: 992px; margin: 30px auto; background: transparent url(../gfx/tlo_strona_gora2.png) left 0px no-repeat; position: relative; z-index: 6; }
#strona { float: left; display: inline; margin: 13px 0 0 0; width: 992px; padding: 0 0 0 0; background: transparent url(../gfx/tlo_strona2.png) left top repeat-y;}
#gora { width: 992px; height: 92px; margin: 0; padding: 0;}
#logo { float: left; display: inline; width: 338px; height: 60px; margin: 14px 0 0 26px;  }
#polecane { float: right; display: inline; width: 290px; height: 50px; margin: 8px 140px 0  0; }
#polecane p {font-size: 13px; font-family: Times New Roman; color: #9a9482; padding: 0; margin: 0; }
#polecane a {color: #6095aa; text-decoration:underline}
#polecane a:hover {text-decoration:none}
#menu {display: block; width: 960px; height: 41px; margin: 10px auto 0 auto; background: transparent url(../gfx/menuNowe.jpg) top no-repeat; font: bold 15px 'Times New Roman'; }
#menu a { display: block; float: left; width: 120px; line-height: 41px; color: #6095aa; text-decoration: none; text-align: center; }
#menu a:hover {text-decoration: underline; }
#haslo {float: right; width: 510px;  margin:19px 30px 0 0 ; text-align: right;}
#haslo p {font-size: 14px; font-family: times new roman; color: #9a9482; margin: 0; padding: 0; }
#lewo { float: left; display: inline; width: 200px; margin: 2px 0 0 0; }
#lewo div h1 span,#kol3 div h1 span {display: none}
#menuLewo, #logowanie, #koszyk, #platnosci, #szukaj, #newsletter, #facebook  { float: left; display: inline; width: 168px; margin: 10px 0 0 10px; }
#logowanie {margin-top: 16px;}
#logowanie p {font: 12px arial; color: #9A9482; margin: 0 0 0 17px;}
#koszyk {margin-top: 16px;}
#platnosci {margin-top: 30px;}
#newsletter {margin-top: 30px;}
#lewo #producenciLogo {float: left; display: inline; width:200px; margin: 16px 0 0 0px;}
#lewo #producenciLogo a>img {border: none; }
#lewo #producenciLogo .logo {float: left; display: inline; width: 200px; text-align: center; margin: 16px 0 0 0;}
#producenciLogo h1, #menuLewo h1, #logowanie h1, #koszyk h1, #platnosci h1, #newsletter h1 {float: left; display: inline; width: 168px; height: 34px; padding: 0; margin: 0; }
#menuLewo ul {float: left; display: inline; width: 145px; margin: 8px 0 0 16px; padding: 2px; list-style: none; font: bold 14px arial; color: #9a9482;}
#menuLewo span {font: 9px tahoma; color: #6095AA; cursor: pointer; margin: 0px; padding: 0 0 0 2px}
#menuLewo a {text-decoration: none;}
#menuLewo .hide {display: none;}
#menuLewo .show {display: block;}
#menuLewo .tutaj {text-decoration: underline; font-weight: bold;}
#menuLewo #tabelaRozmiarow  {display: block;font: 12px arial;margin: 0;padding:  2px 0 2px 12px;}
#menuLewo ul ul {margin: 0;padding:  4px 0 4px 6px;font:bold 13px arial;}
#menuLewo ul ul ul {margin: 0;padding:  4px 0 4px 6px;font: 12px arial;}
#menuLewo ul ul ul ul li {font: 11px arial;padding: 0 0 0 8px;background: url(../gfx/pt.gif) left 4px no-repeat;}
#menuLewo a {color: #9a9482;}
#platnosci h1 {background: transparent url(../gfx/platnosciLewoH1.jpg) center top no-repeat;}
#koszyk h1 {background: transparent url(../gfx/koszykLewoH1.jpg) center top no-repeat;}
#menuLewo h1 {background: transparent url(../gfx/menuLewoH1.jpg) center top no-repeat;}
#logowanie h1 {background: transparent url(../gfx/logowanieLewoH1.jpg) center top no-repeat;}
#newsletter h1 {background: transparent url(../gfx/newsletterLewoH1.jpg) center top no-repeat;}
#producenciLogo h1 {padding: 10px 0px 0 20px; background: transparent url(../gfx/producenciLewoH1.jpg) center top no-repeat;}
#logowanie h2 {display: inline; float: left; width: 200px; margin:  0 0 0 20px; padding: 0; font: bold 13px arial; color: #6095AA}
#logowanie ul {float: left; display: inline; width: 145px; margin: 8px 0 0 16px; padding: 2px; list-style: none; font: 13px arial; color: #9a9482;}
#logowanie ul li {padding: 0 0 0 8px;background: url(../gfx/pt.gif) left 4px no-repeat;}
#logowanie ul li a {color: #9a9482;text-decoration: none}
#logowanie ul li a:hover {text-decoration: underline}
#newsletter p {text-align: center; font: 13px arial; color: #9a9482; margin: 2px 0; padding: 0 0 0 2px;}
#newsletter input {width: 128px; margin: 0 0 0 -1px; }
#newsletter .slog {float: left; display: inline; width: 128px; height: 22px; background: url(../gfx/submit_login.jpg) left top no-repeat; border: none; font: bold 11px arial; letter-spacing: 1px; color: white; padding: 0; margin: 2px 0 0 19px;}
#logowanie input {width: 128px; margin: 0; }
#logowanie .slog {float: left; display: inline; width: 128px; height: 22px; background: url(../gfx/submit_login.jpg) left top no-repeat; border: none; font: bold 11px arial; letter-spacing: 1px; color: white; padding: 0; margin: 2px 0 0 2px;}
#koszyk p {padding: 0 0 0 20px ;margin: 0; text-align: left; font: 14px arial;}
#szukaj {height: 52px;background: url(../gfx/szukajLewo.gif) center top no-repeat;}
#szukaj p, #logowanie #logowanieLinki, #rejestracja a, #platnosci p, #rejestracja   {padding:0; margin: 0; text-align: center; font: 11px arial;}
#szukaj p a, #logowanie #logowanieLinki a, #rejestracja a, #rejestracja  {color: #9a9482;}
#koszyk p a {color: #6095aa; text-decoration:underline}
#koszyk p a:hover { text-decoration:none }
#rejestracja a {text-decoration: none}
#rejestracja {float: left;display: inline;width: 190px;margin: 4px 0 0 0;text-align: center; }
#formSzukaj {float: left;display: inline;padding: 0 0 4px 0}
#formSzukaj #fs1 {float: left;display: inline;width: 94px;height: 18px;background: white;border: none;padding: 4px 2px 0 2px;margin: 6px 0 0 22px;font: 12px arial;color: #9a9482;}
#formSzukaj #fss {float: left;display: inline;width: 22px;height: 22px;background: url(../gfx/szukajLupa.gif) left top no-repeat;border: none;margin: 6px 0 0 4px;cursor: pointer;}
#strona_dol {float: left;display: inline;width: 992px;height: 10px;background: transparent url(../gfx/tlo_strona_dol2.png) left bottom no-repeat;}
#komunikat {float: left; display: inline; width: 200px; margin: 0; padding: 0; text-align: center;}
#komunikat p {font: 12px arial; color: #6095AA; padding:4px 10px}
#komunikat2 {float: left; display: inline; width: 580px; margin: 0 0 0 10px; padding: 0; text-align: center; position: relative;}
#komunikat2 p {margin: 0; padding:4px 10px; font:14px arial; color: #6095AA; }
#komunikat2 p span {position: absolute; right: 4px; top: -6px; font: 9px arial; color: red; cursor: pointer;}
#prawo {float: left; display: inline; width: 600px; min-height: 1290px; font-family: arial; color: #9A9482; background: url(../gfx/srodek_tlo.jpg) left center repeat-y; margin: 10px 0 0 0 ;}
#prawo #regulamin li {font-family: arial; font-size:10px; width: 500px; text-align: justify; padding: 4px 0; color: #9A9482;}
#prawo #regulamin li strong {font-size: 11px;font-weight: bold;}
#prawo h1 {font: 18px arial; color: #5797B0; padding: 0 0 0 30px; }
#prawo h2 {font-size: 12px;padding: 0 0 0 30px; }
#prawo h3 {font:bold 19px 'Times New Roman',arial; color: #9a9482; padding: 0 0 0 30px; margin:10px 0 0 0; }
#prawo li {font-size: 12px;}
#prawo .produktLista {float: left;display: inline; width: 33%; text-align: center; margin: 20px 0 0 0; font-family: arial; }
.center {font-family: arial; padding: 10px 20px; text-align: center;}
.ulk  {width: 400px; font-family: arial;padding: 10px 0 10px 240px; list-style: square;}
#prawo p {font: 12px arial; color: #9A9482; padding: 10px 16px; }
#prawo .mapaP {float: left; width: 570px; padding: 0 0 14px 0; margin: 0 0 0 15px; border-bottom: 1px dotted #9A9482;}
#prawo .mapaP>ul {padding: 0; margin:0;}
#prawo .mapaP>ul>li {float: left; width: 215px; padding: 0; margin: 0 0 0 30px;}
#prawo .mapaP>ul>li>a {font-size: 11px; font-weight: bold;}
#prawo ul li a {color:#9A9482; font-size: 9px; }
#prawo .produktLista .zdjecie {height: 150px;}
#prawo .produktLista .zdjecie img {border: none;}
#prawo .produktLista .tytul a {color: #9a9482; text-decoration: none; font: 11px arial; padding: 8px 0;}
#prawo #szukajNag {display: block; width: 100%;}
#prawo #szukajNag  p {padding: 10px 30px; font: 12px arial;}
#prawo .szerokosc {float: left; display: inline; width:600px; margin: 15px 0 0 0;}
#banerGlowna {float: left; display: inline; width:600px; height:410px; background:url(../gfx/baner10.jpg) center center no-repeat}
#opinia p {margin: 0; padding: 2px 16px; }
#news {display: block; width:530px;height:130px;background:url(../gfx/tloNews.gif) center center no-repeat; margin: 0 auto;}
#news h1 {font: bold 18px arial; color: white; padding: 22px 50px 0 50px; margin: 0;}
#news p {font: 16px arial; color: white; padding: 6px 50px; margin: 0;}
#prawo .news {float: left; display:inline; width: 550px; margin: 8px 0 0 25px; padding: 0 0 6px 0; border-bottom: dotted 1px #5B98AD;}
#prawo .news h1 {font: 14px arial; padding:0 0 2px 0; margin: 0;}
#prawo .news p {margin: 0;padding: 0;}
#prawo .news p strong {font: bold 11px arial; padding: 2px 2px;}
#prawo #produkt {float: left;display: inline;width:550px; min-height: 300px;  margin: 8px 0 0 25px; padding: 0 0 16px 0; background:url(../gfx/karta.jpg) center bottom no-repeat}
#produkt h1 {font: 18px arial; color: #5797B0;}
#produkt #plogoProd {float: right;display: inline;width:120px; height: 90px; background:red}
#zdjecieProd {float: left;display: inline;width:240px;  text-align: center}
#zdjecieProd img {border:none;}
#zdjecieProd #zglowne {margin: 0px 0 0 0;}
#zdjecieProd #zmini {float: left;display: inline;width:240px; height: 80px; margin: 10px 0 0 0; }
#zdjecieProd #zmini img {float: left;display: inline; width:70px; height: 70px; margin: 5px 10px 0 0;}
#popis {float: left;display: inline;width:310px;  margin: 0 0 0 0; position: relative; padding: 16px 0 0 0 ;}
#popis #logoPr {float: left;display: inline;width:132px; height: 60px;  position: absolute; right: 0; top: 0;}
#popis #logoPr  img {float: right;}
#popis h2  {font: 15px arial; color: #000; padding: 0 0 2px 0; margin: 0;}
#popis h2  strong, #popis h1 strong {font-weight: bold; color: #5797B0;}
#popis p {font: 11px arial; text-align: justify; color: black;}
#lista_przedmiotow {display: inline; float: left; width: 542px;margin: 10px 0 0 10px; padding: 10px 0; font: 10px arial; color: #666666}
#lista_przedmiotow div {display: inline; float: left; }
#lista_przedmiotow div div {display: inline; float: left; text-align: center;}
#lista_przedmiotow div div div {display: inline; float: left; text-align: center; padding:0; margin:0; }
#lista_przedmiotow div .lp {width: 20px;}
#lista_przedmiotow div .nr {width: 70px;}
#lista_przedmiotow div .data {width: 100px;}
#lista_przedmiotow div .nazwa {width: 200px;}
#lista_przedmiotow div .status {width: 160px;}
#lista_przedmiotow div .cena {width: 70px;}
#lista_przedmiotow div .ilosc {width: 80px;}
#lista_przedmiotow div .suma {width: 70px; }
#lista_przedmiotow div .szczegoly {width: 70px; }
#lista_przedmiotow .linia {padding-bottom: 10px; border-bottom: 1px dotted #666666}
#lista_przedmiotow .prod {padding: 6px 0; }
.srlog {float: left; display: inline; width: 68px; height: 22px; background: url(../gfx/buton_sr.jpg) center top no-repeat; border: none; font: bold 11px arial; color: white; padding: 0; margin: 0;}
.tal {text-align: right} 
.li {border-top: 1px solid #666666; font: bold 11px arial}
#lista_przedmiotow div .koszyk_usun {float: left; display: inline; width: 80px; height: 21px; background: url(../gfx/koszyk_usun.png) center 0px no-repeat; border: none; margin: -4px 0 0 0;  }
#realizacja {display: inline; float: left; width: 590px;  margin: 0 0 0 10px;   }
#realizacja p {padding: 10px; margin: 0; font: 12px arial; }
#realizacja p .zloz {float: left; display: inline; margin: 0; width: 145px; height: 26px; padding: 0; background: url(../gfx/produkt_dostepnych.png) left top no-repeat; border: none; font: bold 11px arial; color: white; text-align: center; cursor: pointer;}
#produkt_koszyk p {margin:10px 0 0 0; padding: 0;}
#produkt_koszyk select {width: 170px}
#produkt_submit { width: 128px; height: 24px; background: url(../gfx/submit_login.jpg) left 2px no-repeat; border: none; font: bold 11px arial; letter-spacing: 1px; color: white; padding: 0; margin: 2px 0 0 0px;}
#stopka {position:relative; float: left; display: inline; width: 992px; height: 70px; background: url(../gfx/stopka_linia.jpg) center top no-repeat; margin: 20px 0 0 0;}
#smenu {float: left; width: 480px;font: 14px 'times new roman'; color: #9a9482; margin: 24px 0 0 30px;}
#smenu a {color: #9a9482; text-decoration: none;}
#smenu a:hover {text-decoration:underline}
#producenci {float: left; display: inline;  width: 572px;}
#producenci .producent {float: left; display: inline;  width: 572px; margin: 35px 0 0 10px;}
#producenci .producent .prawo {float: left; margin: 0 6px 0 0 ;}
#producenci .producent .prodmini {float: left; display: inline; width: 120px; height: 90px; margin: 0 6px 0 0;}
#producenci .producent>h1 {font:bold 14px arial; margin: 0; padding: 0;}
#producenci .producent>p {font: 11px arial; text-align: justify;color: #9a9482;}
#producenci .producent .linkPr {float: left; display: inline;}
#producenci .producent .linkPr a {font: bold 11px arial; color: #666666}
#producenci .producent .zobaczPr {float: right; display: inline;}
#producenci .producent .zobaczPr a {font: bold 11px arial; color: #C90A0A}
div.plusx {float: left; display: inline; width: 20px; height: 20px; background: url(../gfx/plusx.gif) left top no-repeat;}
div.minusx {float: left; display: inline; width: 20px; height: 20px; background: url(../gfx/minusx.gif) left top no-repeat;}
div.center {float: left; display: inline; width: 40px;height: 20px;}
input.plus {float: left; display: inline; width: 20px; height: 20px; border: none; background: url(../gfx/plus.gif) left top no-repeat;}
input.minus {float: left; display: inline; width: 20px; height: 20px; border: none; background: url(../gfx/minus.gif) left top no-repeat;}
ul#pwysylka {padding: 0; margin: 0; list-style: none;}
#pwysylka li  {width: 550px; font: 12px arial; line-height: 20px;}
div.cbx { float: left; width: 20px; height: 12px; margin: 1px 2px 0 0;}
#sortuj {float: left; display: inline; margin: 5px 4px 0 30px;}
#szukajZa {float: left; display: inline; width: 570px; margin: 0px 0 0 24px;}
#szukajZa p  {margin:4px 0; padding: 0;}
#szukajZa  select {width: 500px; height: 100px;}
.help {font: 10px arial;}
#podsumowanie {display: inline; float: left; width: 550px; margin: 10px 0 0 20px; font-family: arial;}
#podsumowanie p {padding: 2px; margin: 0;}
#platnoscDotpay {display: inline; }
#rodzajPlatnosci {list-style: none;}
#rodzajPlatnosci li>ul {list-style: square; font: 10px Arial;}
#tradycyjny {display: none; }

#sciezka {margin: 10px 0 0 30px;  padding: 0}
#sciezka p {color: #5899AF; font: 10px arial;}
#sciezka a {font: 12px arial; color: #5899AF; text-decoration: none;}
#sciezka a:hover {text-decoration: underline;}

#kol3 {float: left; display: inline; width: 190px;}
#formSzZa {float: left; width: 550px; margin: 10px 0 0 25px;}
#formSzZa p {margin:0; padding:0;}
#formSzZa p span {float: left; width: 200px;}
#formSzZa p input,#formSzZa p Select {width: 250px;}

#facebook {margin-top: 30px;}
#facebook p {text-align: center; margin: 2px 0 0 0px; padding: 0 0 0 0px;}

.link-new {color: #9a9482; text-decoration:none}

