body { color: #404040; font-family: arial;  background-image: url('../images/tlo_bod.jpg'); background-position: top left; background-repeat: repeat; padding: 0px; margin: 0px; text-align: center; font-size: 12px;}
div#ogol { margin: 0px auto;width: 950px;}
a { text-decoration: none; color: #404040;}
.flL {float:left;}
.blL {float:left; display: block; margin: 0px;}
.flP {float:right;}
.blok, .blokm { display: block;}
.ukryty { display: none;}
.wOfercie {background-color: #4B4B4B; border-bottom: 1px solid #4B4B4B; color: #FFF; display: block; font-size: 14px; font-variant: small-caps; padding: 2px 5px}
h2 { margin-top: 10px;border-bottom: 1px solid #4B4B4B; }

.pozytyw { background-color: #060; color: #FFF; padding: 2px 5px;}
.negatyw {background-color: #900; color: #FFF; padding: 2px 5px;}

input, textarea { border: 0px; border-bottom: 1px dotted #C5C5C5; background-color: transparent; font-size: 12px; font-weight: bold; background-image: url('../images/tlo_form.jpg');}
textarea { border-left: 1px dotted #C5C5C5;}

.mini { font-size: 1px; display: block; clear: both;}
.tabelkaSz { background-color: #E6E6E6;}
.tabelkaBi { background-color: #FFFFFF;}
.tabelkaBd { border-bottom: 1px solid #9E9E9E;}
.linia { font-size: 1px; background-color: #9E9E9E; height: 2px; margin: 2px 0px;}
img {border:0px}
div#naglowek, div#naglowek_PE, div#naglowek_TP, div#naglowek_PEch, div#naglowek_Pia, div#naglowek_Wor, div#naglowek_Urz {background: url('../images/tlo_naglowek.jpg') no-repeat top; height:360px; width: 950px; text-align: left;position:relative;}
div#naglowek_PE {background: url('../images/tlo_naglowek2.jpg') no-repeat top;}
div#naglowek_TP {background: url('../images/tlo_naglowek3.jpg') no-repeat top;}
div#naglowek_PEch {background: url('../images/tlo_naglowek4.jpg') no-repeat top;}
div#naglowek_Pia {background: url('../images/tlo_naglowek5.jpg') no-repeat top;}
div#naglowek_Wor {background: url('../images/tlo_naglowek6.jpg') no-repeat top;}
div#naglowek_Urz {background: url('../images/tlo_naglowek7.jpg') no-repeat top;}


div#strona {width: 950px; text-align: left; border-left: 1px solid #FFFFFF; background: #FFFFFF;}
.margS {margin:0px 10px 10px 10px}
div#menu {position:absolute;top: 0px;left: 0px;  margin: 0px; margin-top: 284px; width: 971px;}
div#menu a,div#menu span {height: 55px; display: block;  background-position: top; background-repeat: repeat-x; float: left; line-height: 55px; text-align: center; color: #000; font-weight: bold; font-size: 18px; font-family: verdana, arial; }

span#m0l {width: 51px; background-image: url('../images/menu/m0l.png'); }
span#m00 {width: 10px; background-image: url('../images/menu/m00.png'); }

a#m1, span#m1h { background-image: url('../images/menu/m0s.png'); padding: 0px 10px; }

a#mlapl, span#mlaplh { background-image: url('../images/menu/mlang2.png'); width: 26px;  }
a#mlaen, span#mlaenh { background-image: url('../images/menu/mlang1.png'); width: 26px;  }

span#m02 {width: 47px; background-image: url('../images/menu/m0p.png'); }
div#menu a:hover, span#m1h, span#mlaplh,span#mlaenh { background-position: bottom !important; color: #FFF !important;}

#subMenu { float: right;margin-top: 335px; position: relative; z-index: 98;background-image: url('../images/menu/sm00.png'); background-position: top; background-repeat: repeat-x; }

#subMenu a, #subMenu span.prz { float: left; font-weight: bold; display: block; padding: 0 7px; font-size: 12px; color: #000;height: 63px; line-height: 63px; }
#subMenu a:hover, #subMenu a.aktyw { color: #FFF; background-position: bottom; background-image: url('../images/menu/sm00a.png'); background-repeat: repeat-x; }
#subMenu a span { display:table-cell; line-height: normal !important; vertical-align: middle;  height: 63px; text-align: center;}
#subMenu span.prz{padding: 0;}

span#sm0l, span#sm0p {width: 51px; background-image: url('../images/menu/sm0l.png'); float: right !important; margin-top: -5px;margin-top: 335px; display: block; height: 63px; position: relative; z-index: 98;}
span#sm0p {background-image: url('../images/menu/sm0p.png');margin-right: -10px}

#kontakt { border: 0px; width: 280px; text-align: center; position: absolute; color: #3b3b3b; top: 18px; right: 16px; height: 109px;}
#kontakt .Dadre { font-size: 12px; margin: 5px; font-weight: bold; line-height: 18px; color: #fff;}
#kontakt .Dadre a { color: #fff;}

.KDadre { font-size: 14px; margin: 0px 5px 5px 5px; font-weight: bold; line-height: 18px; color: #373737;}
a.mail{ font-size: 14px;text-decoration: none;}
.KontaktW a.mail{ font-size: 14px;text-decoration: none; background-image: url('../images/e.jpg'); background-position: left; background-repeat: no-repeat; height: 35px; line-height: 35px; padding-left: 38px; display: block;}
.tel,.fax {font-size: 14px; background-image: url('../images/t.jpg'); background-position: left; background-repeat: no-repeat; height: 35px; line-height: 35px; padding-left: 40px; display: block;}
.fax {background-image: url('../images/f.jpg');}
a.mail:hover,a.link:hover{text-decoration: underline; }
#kontakt div.hr { font-size: 1px; margin: 4px auto; border-color: #FFAA25; background-color: #FFAA25; border: 1px; height: 1px; }
.KontaktW { background-image: url('../images/kontakt.jpg'); background-position: top left; background-repeat: no-repeat; height: 433px; position: relative; margin-left: -10px;}
.KontaktW .KDadre{ position: absolute; top: 40px;left:200px; width: 400px; height: 250px; }
.floatR {float:right; margin-right:30px}

#LinkZapytania { position: absolute; bottom: 7px; background-image: url('../images/w_zap.jpg'); background-position: top; background-repeat: no-repeat; width: 292px; height: 100px; right: 150px; cursor: pointer; }

#kontakt .Dadre a.mail{ font-size: 12px;text-decoration: none; background-image: url('../images/e1.png'); background-position: left; background-repeat: no-repeat; height: 18px; line-height: 18px; padding-left: 30px; display: block; text-align: left;}
#kontakt .Dadre .tel,#kontakt .Dadre .fax {font-size: 12px; background-image: url('../images/t1.png'); background-position: left; background-repeat: no-repeat; height: 18px; line-height: 18px; padding-left: 30px; display: block; text-align: left;}
#kontakt .Dadre .fax {background-image: url('../images/f1.png');}

table {background-color: #FFFFFF;}
table th { background-color: #DADADA; padding: 2px 5px; font-size: 14px; font-variant: small-caps;}
table td.td1,table td.td1b { padding: 2px 5px;background-color: #DADADA; border-bottom: 4px solid #DADADA; vertical-align: middle;}
table td.td1b { border-bottom: 0px;}
table td.td2,table td.td2b { background-color: #FFFFFF; font-size: 12px; text-align: left; padding: 2px 10px;border-bottom: 4px solid #FFFFFF; width: 370px; vertical-align: middle;}
table td.td2b { border-bottom: 0px; background-color: #E6E6E6;}
table td.td3 { padding: 2px;background-color: #FFFFFF; border-bottom: 4px solid #FFFFFF; vertical-align: top; line-height: 22px;}
table td h2 { font-size: 15px; margin: 0px;}
table td h3 { font-size: 12px; margin: 5px auto 2px auto;}

div.Rolka,div.Rolkam ,div.Rolkamr { background-image: url('../images/rolka.jpg'); background-position: top; background-repeat: no-repeat; position: relative; width: 350px; height: 166px;}
div.Rolkam{height: 178px;background-image: url('../images/rolkam.jpg');}
div.Rolkamr{height: 178px;background-image: url('../images/rolkamr.jpg');}
span.TubD,span.Fol,span.Waga,span.TubG { position: absolute; top: 0px; left: 140px; background-color: #FFFFFF; padding: 1px 2px;}
span.Fol { top: 23px;}
div.Rolka span.Waga { top: 128px;left: 80px;}
div.Rolka span.TubG { top: 77px;left: 290px;}
div.Rolkam span.TubG { top: 77px;left: 280px;}
div.Rolkam span.Waga { top: 144px;left: 80px;}
div.Rolkamr span.Fol { top: 5px;left: 145px;}
div.Rolkamr span.TubG { top:55px;left: 290px;}
div.Rolkamr span.Waga { top: 98px;left: 100px;}

div#belkaPodMenu {}
div#belkaPodMenu h1 { float: left; }

.opisProd {font-family: verdana; font-size: 12px; font-variant: normal; font-weight: normal; padding: 5px; margin: 5px 0px; line-height: 17px; text-align: justify;}
.wartosc {color: #756A51}

.opisProd h2 { margin: 0px;}

.blok, .blokm { background-image: url('../images/bok/sr.jpg'); background-position: top; background-repeat: repeat-y; width: 900px; }
.blokm { background-image: url('../images/bok/srm.jpg'); background-position: top; background-repeat: repeat-y; width: 330px; text-align: center; }
.blokg { background-image: url('../images/bok/gora.jpg'); background-position: top; background-repeat:no-repeat; width: 900px; height: 21px; position: relative;}
.blokd { background-image: url('../images/bok/dol.jpg'); background-position: top; background-repeat: no-repeat; width: 900px; height: 11px}
.bloksr { margin: 8px 15px 0px 15px; }
.blokg h1 { position: absolute; top: 5px; left: 30px; margin: 0px;}

.formSklep { line-height:20px;}
.male { font-size: 10px;}
.formSklep button.kosz { background-color: transparent; border: 1px; cursor: pointer; background-image: url('../images/sklep/dodaj.jpg'); background-position: bottom; background-repeat: no-repeat; width: 50px; height: 34px; margin-left: 20px;}
.formSklep button:hover { background-position: top; }
.formSklep select {}
input.cena, input.ile { width: 60px; text-align: right; border: 0px; border-bottom: 1px dotted #C5C5C5; background-color: transparent; font-size: 12px; font-weight: bold;}
input.ile { width: 40px; text-align: center;}

.plus, .minus { cursor: pointer; font-size: 16px; font-weight: bold; color: #060;}
.minus { color: #F00;}

#tloBelkiDo {height: 60px !important; clear: both;}
#belkaDolna {position: fixed; bottom: 0px; left: 0px;z-index: 99; }
#belkaDolna1 {background-image: url('../images/tlo_bd.jpg'); background-repeat: repeat-x; float: left;}
#BlokTymczasowy {}
.zamknij { background-image: url('../images/zamknijred.png'); background-position: top; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; cursor: pointer;}
.zwin { background-image: url('../images/0_minus.gif'); background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; cursor: pointer; display: inline-block;}
#Zapytanie, #Zamowienie { word-wrap: break-word; text-align: center; background-image: url('../images/tlo_zap.jpg'); background-position: top left; background-repeat: no-repeat;  padding: 5px; padding-left: 20px; float: left; height: 30px; cursor: pointer;}
#Zapytanie span.ot, #Zamowienie span.ot {font-size:14px; color: #FFF; display: block; padding: 5px;}
#Zapytanie span strong, #Zamowienie span strong { }
#Zamowienie { }
span#wartoscZp { font-size: 11px;}
#PrawyBok { background-image: url('../images/tlo_bdol.png'); background-position: top left; background-repeat: no-repeat; width: 34px; float: left; height: 40px;}

#ZamowienieBody, #ZapytanieBody { height: 100px; left: 120px; z-index: 100; position: fixed; display: none; bottom: 40px; background-color: #8C8C8C;}
#ZapytanieBody { left: 20px; background-color: #3C0; }
#ZamowienieBody div.mar5, #ZapytanieBody div.mar5 { margin: 5px; background-color: #FFF; padding: 10px 20px;width: 550px; min-height: 100px; overflow: hidden; overflow-x: hidden; overflow-y: scroll; }
div.mar5 h1 { margin: 0px 0px; font-variant: small-caps; font-size: 16px; }

.FormZapytaniowy { line-height: 20px;}
.FormZapytaniowy label, .FormZapytaniowy input, .FormZapytaniowy textarea {float: left; margin-left: 20px;}
.FormZapytaniowy br { clear: both; }
textarea { height: 100px; }
.bSubmit { background-image: url('../images/wSub.jpg'); height: 40px; background-position: top; background-repeat: no-repeat; width: 117px; cursor: pointer;}
.cosJest { background-image: url('../images/tlo_zam.jpg') !important; background-position: top left; background-repeat: no-repeat;}

.formSklep .txt { border: 0px; border-bottom: 1px dotted #C5C5C5; background-color: transparent; font-size: 12px; font-weight: bold; }
.formSklep h2 { font-size: 12px;}
.formSklep .butter { font-size: 12px; font-weight: bold; background-image: url('../images/butt.jpg'); background-position: top; background-repeat: no-repeat; color: #FFF; width: 200px; height: 30px; line-height: 28px; border: 0px; letter-spacing: 2px; cursor: pointer;}

#LinkZapytania:hover, .formSklep .butter:hover, .bSubmit:hover  { background-position: bottom;}

#formWOR input, #formWOR label { float: left;}

.produkt { display: block; padding: 2px 4px; background-color: #FCFCFC; clear: both; border-top: 1px solid #E5E5E5; margin-top: 2px; }
.cenowe { display: block; padding: 2px 4px; float: left; margin-left: 40px; margin-bottom: 2px; color: #060;}
.promocja {  display: block; color: #900; padding: 2px 4px;float: left; font-size: 14px;margin-left: 74px; margin-bottom: 2px; }
.uwaga {  display: block; color: #030; padding: 2px 4px; border-top: 1px solid #030; clear: both;}
#uwaga {color: #FFF; font-family: verdana, arial; font-size: 11px; padding: 5px 5px; position: fixed; bottom: 0px; right: 0px; width: 720px; z-index: 98; background-image: url('../images/tlo_uw.png');}
#uwaga h2 {color: #FFF; font-size: 12px; text-align: left; margin: 0px; border: 0px;}