* {
margin: 0px; 
padding: 0px;

}

body {
font: 8pt tahoma, verdana, arial, sans-serif;
color: #000;
background: url('grafika/tlo_gl.gif') #fff;
background-position: top left;
background-repeat: repeat-x;       
text-align: center;
padding-top: 0px;
padding-bottom: 10px;
behavior: url('css/csshover.htc');
}

div#okno {
width:828px;
margin-left:auto;
margin-right:auto;
text-align: left;
}


div#naglowek {

color: #fff;
background: url('grafika/banner2.jpg');
/*      background-position: 3px 3px ;   */
background-repeat: no-repeat;
width: 825px;
height: 80px;   
padding-top: 1px;
padding-right: 10px;   
padding-bottom: 0px;
padding-left: 10px;
}
div#menu {
color: #fff;
background: url('grafika/menubg.jpg');
background-position: 0px 0px ;
background-repeat: repeat;
width: 825px;   
height: 16px;
padding-top: 4px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 0px;
text-align: left;
overflow:hidden;
}

div#menu a {
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
color: #fff;
text-decoration: none;
margin-left: 15px;
padding-right: 15px;
border-right: 1px solid #fff;
float: left;
}
div#menu a:hover {
font-size: 8pt;
font-weight: normal;   
color: #fff;
text-decoration: underline;
float: left;
}
div#menu a.ost {
padding-right: 20px;
border-right: 0px;
}

div#content {
width: 825px;
background: #F6F7F1;
}


div#lewa {
font: 8pt tahoma, verdana, arial, sans-serif;
font-weight: normal;
background: #EEEEEF;
color: #000;
float:left;
width: 226px;
margin-left: -825px;
padding-top: 0px;
padding-left: 0px;

}
div#prawa {
float:left;
width: 600px;
margin-left: 225px;
display:inline;
background: none;
overflow: hidden; 
}
div#strona {
width: 620px;
display: block;
background: none;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
div#daneprzelewu {
font-size: 10pt;
color: #000;
background: none;
width: 720px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 38px;
padding-right: 0px;
}
div#koniec, div#content div#prawa div#tresc div#koniec, div#tresc div#koniec {
font-size: 10pt;
font-weight: bold;
color: #053A79;
background: none;
width: 560px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 38px;
padding-right: 0px;    
}

div#stopka {
color: #777;
background:  url('grafika/footbg.jpg') #EEEEEF;
background-position: bottom left;
background-repeat: repeat;      
width:820px; 
margin-left:auto;
margin-right:auto;
padding-bottom: 6px;
text-align: left;
border-top: 0px solid #777;

}
div#stopka-pasek {
font-size: 8pt;
color: #000;
background: url('grafika/footbg.jpg') #EEEEEF;
/*     background-position: center center; */
background-repeat: repeat;      
width:790px;
height: 18px;
padding-top: 7px;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
border-top: 0px solid #777;

}
div#stopka-calosc{
margin-left: auto;
margin-right: auto;
width:100%;
background-image: url('grafika/footbg.jpg');
}

div#stopka a {
font-size: 8pt;
font-weight: normal;
color: #000;
text-decoration: none;
padding-left: 10px; 
padding-right: 10px; 
margin-right: 10px;
border-right: 1px solid #000;
float: left;
}
div#stopka b{
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #000;
float: left;
}

div#stopka a:hover {
font-size: 8pt;
font-weight: normal;   
color: #990000;
text-decoration: underline;
}
div#stopka a.ost {
padding-right: 0px;
margin-right: 0px;
border-right: 0px;
}

div#adres {
float:left;
width: 314px;
margin-left: 0px;
padding-top: 25px;
padding-left: 180px;
height: 40px;

}
div#wyszukiwarka {
background: none;

margin: 0;
padding: 0;
}
#wyszukiwarka strong.naglowek {
color: #fff;
background:  url('grafika/colhead.jpg');
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: left;
width: 205px;
height: 18px;
padding-top: 5px;   
padding-left: 22px;
border: 0px;
display: block;
}




.searchinput {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: #000;
background: #F2F9FC;
width: 150px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
border: 1px solid #000; 


}
.searchbutton {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
background: #D7E5EF;
width: 154px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
border: 1px solid #000;    
margin-top: 2px;

}



div#prawa-glowna p {
text-align: justify;
margin-top: 10px;
margin-bottom: 10px;
}
div#kategorie img {
margin-left: 13px;
margin-right: 13px;
}

h1 {
font-family: arial, sans-serif;
font-size: 16pt;
font-weight: normal;
/* color: #374C54; */
color: #FFCC00;
text-decoration: none;
margin-bottom: 15px;
}

div#content h1 {
font-family: arial ce, sans-serif;
font-size: 16pt;
font-weight: normal;
/* color: #374C54; */
color: #000000;
text-decoration: none;
margin-bottom: 15px;
margin-left: 15px;
margin-top: 0px;
}
div#strona h1 {
font-family: arial, sans-serif;
font-size: 16pt;
font-weight: normal;
color: #374C54;
text-decoration: none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;   
}
h2 {
font-family: arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #053A79;
text-decoration: none;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 15px;
}


h3 {
font-family: arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #333;
text-decoration: none;
margin-top: 1em;
margin-bottom: 15px;
}

h4 {
font-family: arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #333;
margin-bottom: 1em;
}
h5 {
font-family: arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #333;
text-decoration: none;
margin-bottom: 15px;
}
h6 {
font-family: arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #333;
text-decoration: none;
margin-bottom: 15px;
}

a, a:link, a:active, a:visited {
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
color: #000;
}
a:hover {
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
color: #053A79;
}
a.sel, a.sel:link, a.sel:active, a.sel:visited {
font-family: tahoma, arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000;
}
a.sel:hover {
font-family: tahoma, arial, sans-serif;
font-size: 10pt;
color: #053A79;
}

div.mi {
display: block;
}
div.h {
display: none;
}



a.kp {
}


div#tresc {
color: #333;
width: 590px;
background: none;
padding: 3px 10px 15px 5px;
}





div#tekst {
font-size: 8pt;
color: #333;
background: none;
width: 570px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 0px;
}
div#tekst a, div#tekst a:link, div#tekst a:active, div#tekst a:visited {
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
color: #000;
}
div#tekst a:hover {
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
color: #555;
}
div#generujzamowienie {
background: none;
width: 731px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 38px;
padding-right: 0px;
}
div#tabela {
font-size: 8pt;
background: none;
width: 560px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 18px;
padding-right: 0px;
}

div#tabela p {
font-size: 8pt;
background: none;
text-align: justify;
margin-top: 0pt;
margin-bottom: 5pt;
}

img.miniaturka {
border: 1px solid #999;

}
#tabela img.miniaturka {
border: 1px solid #999;

}

img.zdjecie {
border: 1px solid #999;
margin-right: 10px;
margin-bottom: 10px;
}
.komunikat {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
color: #000;

}
.komunikatw {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
color: #f00;

}


table.pw {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
color: #000;

}
td.pw  {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: justify;
color: #000;

}



#tabela table {
width: 560px;   
border: 0px solid black;
}

#tabela table.profil {
width: 530px;   
border: 0px solid black;
}

#tabela td {
color: #333;
padding: 4px 4px 2px 4px;
}

#tabela th {
color: #fff;
background: #6C8A95;
font-weight: bold;
text-align: center;
padding: 4px;
border: 0px;
border-top: 0px solid #777;
border-bottom: 0px solid #111;   
}

#tabela a, #tabela a:link, #tabela a:visited, #tabela a:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #000;
text-decoration: underline;
}
#tabela a:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
color: #FFB415;
text-decoration: underline;
}

#tabela td.ft a, #tabela td.ft a:link, #tabela td.ft a:visited, #tabela td.ft a:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #fff;
text-decoration: underline;
}
#tabela td.ft a:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
color: #eee;
text-decoration: underline;
}
#tabela a.towar, #tabela a.towar:link, #tabela a.towar:visited, #tabela a.towar:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
font-weight: bold;
color: #000;
text-decoration: underline;
}
#tabela a.towar:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
font-weight: bold;   
color: #577F8D;
text-decoration: underline;
}
#tabela span.towar {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
font-weight: bold;
color: #000;
}
#tabela .hr {
font-size: 4px;
height: 1px;
padding: 0;
margin: 0;
border-bottom: 1px solid #374C54;
}
#tabela td.ft {
color: #fff;
font-weight: bold;
background: #6C8A95;
border-top: 0px solid #666;
border-bottom: 0px solid #666;      
}
#tabela .input {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
font-weight: normal;
text-align: center;
color: #000;
background: #fff;
width: 50px;
border: 1px solid #577F8D;
}
#tabela select {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: left;
/* width: 500px; */
border: 1px solid black;
}
#tabela select.jm {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: left;
width: 60px;
border: 1px solid black;
}
#tabela .input-cena {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: right;
width: 53px;
border: 1px solid black;
padding-right: 2px;
}
#tabela caption {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 6px;

}
.spacer {
visibility: hidden;
}

#tabela .tr1 {
background: #ECF1F5;
}
#tabela .tr2 {
background: #E7EFF4;
}
input.kzsb   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #577F8D;
width: 150px;
border: 1px solid #000; 
}
input.kzsbu   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
background: #D7E5EF;
width: 150px;
border: 1px solid #577F8D;   
}
input.zknz   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #577F8D;
width: 315px;
border: 1px solid #000; 
}
input.dk   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: center;
background: #333;
color: #fff;
width: 40px;
border: 1px solid #888;
}
input.dksb   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
font-weight: bold;
color: #000;
background: #808080;
width: 150px;
border: 1px solid #ccc;  
}

input.knzsb   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #577F8D;
width: 315px;
border: 1px solid #000; 
}
input.knzrb   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
background: #FEA901;
width: 50px;
border: 1px solid #ccc;  
}
input.knzk   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: #000;
background: #fff;
width: 400px;
padding-left: 2px;
border: 1px solid #577F8D;
}

input.knznr   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: #fff;
background: #F8F5EF;
width: 125px;
padding: 2px;
border: 1px solid #ccc; 
}

.center {
text-align: center;
} 

.tytul {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #000000;
}

.akapit {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: justify;

}


#lista {
margin-bottom: 0px;
padding: 0px;

}
#lista strong.naglowek {
color: #fff;
background:  url('grafika/colhead.jpg');
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: left;
width: 205px;
height: 18px;
padding-top: 5px;
padding-left: 22px;   
margin: 0px;
border: 0px;
display: block;
}


#lista a.mi, #lista a.mi:link, #lista a.mi:visited, #lista a.mi:active {
font-size: 8pt;
text-decoration: none;   
display: block;
color: #0766B8;
margin-top: 1px;
margin-bottom: 1px;

}

#lista a.mi:hover {
font-size: 8pt;
color: #7FBCDE; 
text-decoration: none;   
display: block;
margin-top: 1px;
margin-bottom: 1px;


}

#lista a.sel, #lista a.sel:link, #lista a.sel:visited, #lista a.sel:active {
font-size: 8pt;
font-weight: bold;
color: #0766B8;
text-decoration: none;

}
#lista a.sel:hover {
font-size: 8pt;
font-weight: bold;   
color: #7FBCDE;
text-decoration: none;

}

#lista a.mi div.p2 div.mib {
 color: #000; 
}

#lista a.sel div.p2 div.mib {
 color: #0766B8; 
}

#lista a.mi:hover div.p2 div.mib {
 color: #7FBCDE; 
}

#lista a.sel:hover div.p2 div.mib {
color: #0766B8;
}
#lista a.sel:hover div.p2 div.mib {
color: #7FBCDE;
}

a.mi em {
font-style: normal;
font-weight: bold;
color: #7FBCDE;
}

#lista div.p0 {
    background: url('grafika/mip1.gif');
background-position: top left;
background-repeat: no-repeat; 
padding-left: 10px;
}
#lista div.p1 {
padding-left: 15px;
}
#lista div.p2 {
padding-left: 25px;
}
#lista div.p3 {
padding-left: 35px;
}
#lista div.p4 {
padding-left: 45px;
}
#lista div.p5 {
padding-left: 55px;
}
#lista div.mia {

}


#lista div.mib {
padding-bottom: 5px;
padding-top: 5px;
padding-right: 2px;
padding-left: 0px;   
border-bottom: 1px dotted #577F8D;
}




#lista div#grupy {
padding-bottom: 10px;
border-top: 0px solid #2B69B2;
border-bottom: 0px solid #2B69B2;
text-align: left;
}

/* grupy internetwe jednopoziomowe */
#lista a.grupy, #lista a.grupy:link, #lista a.grupy:visited, #lista a.grupy:active {
font-size: 8pt;
font-weight: normal;
color: #000;
text-decoration: none;   
display: block;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 5px;
margin-right: 5px;   
display: block;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 2px;
padding-left: 0px;   
border-bottom: 1px dotted #577F8D;
}

#lista a.grupy:hover {
font-size: 8pt;
font-weight: normal;   
color: #7FBCDE;
text-decoration: none;   
display: block;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 5px;
margin-right: 5px;   
display: block;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 2px;
padding-left: 0px;   
border-bottom: 1px dotted #577F8D;   
}

#lista a.sel2, #lista a.sel2:link, #lista a.sel2:visited, #lista a.sel2:active {
color: #7FBCDE;
font-weight: bold;
}

#lista a.sel2:hover {
color: #000; 
font-weight: bold;
}


#logowanie {
padding-left: 5px;
padding-top: 6px;
padding-right: 8px;
}

#logowanie a {
font: inherit  verdana, arial, sans-serif;
font-weight: normal;
color: #aaa;
text-decoration: underline;

}
#logowanie a:hover {
font: inherit  verdana, arial, sans-serif;
font-weight: normal;
color: #000;
text-decoration: underline;

}

#logowanie .input {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: #000;
background: #fff;
width: 68px;
padding-left: 2px;
border: 1px solid #577F8D;
}
#logowanie .button {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #577F8D;
width: 70px;
border: 0px solid #fff;  
}


div#logowanie2 {
background: none;

margin: 0;
padding: 0;
}
div#logowanie2 strong.naglowek {
color: #fff;
background:  url('grafika/colhead.jpg');
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: left;
margin-top:	0px;
width: 205px;
height: 18px;
padding-top: 5px;   
padding-left: 22px;
border: 0px;
display: block;
}

#logowanie2 a {
font: inherit  verdana, arial, sans-serif;
font-weight: normal;
color: #000;
text-decoration: underline;

}
#logowanie2 a:hover {
font: inherit  verdana, arial, sans-serif;
font-weight: normal;
color: #00f;
text-decoration: underline;

}

#logowanie2 .input {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: #000;
background: #fff;
width: 108px;
padding-left: 2px;
border: 1px solid #577F8D;
}
#logowanie2 .button {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #577F8D;
width: 112px;
border: 0px solid #fff;  
}


div#pasek {
width: 796px;
background: none;
text-align: right;
}
div#tabelak {
font-size: 8pt;
background: none;
width: 570px;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 0px;
margin-left: 18px;
}
#tabelak table.kafel {
width: 570px;
border: 0px solid black;
}
#tabelak table.kafel td.kafel {
font-size: 8pt;
color: #222;   
background: #E7EFF4;
width: 240px;
padding: 10px;
margin: 10px;
border: 1px solid #374C54;

vertical-align: top;
}
#tabelak table.kafel td.kafel2 {
font-size: 8pt;
color: #222;
background: #E7EFF4;  
width: 240px;
padding: 10px;
margin: 10px;
border: 1px solid #053A79;
vertical-align: top;
}

#tabelak a, #tabelak a:link, #tabelak a:visited, #tabelak a:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
/* color: #000 ;*/
color: #000;
text-decoration: underline;
}
#tabelak a:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;   
color: #FFB415;
text-decoration: underline;
}

#tabelak a.towar, #tabelak a.towar:link, #tabelak a.towar:visited, #tabelak a.towar:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #000;
text-decoration: underline;
}
#tabelak a.towar:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;   
color: #577F8D;
text-decoration: underline;
}
#tabelak span.towar {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #000;
}
#tabelak img.miniaturka {
float: left;
border: 1px solid #999;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;

}
div.zmf {
width: 190px;
clear: both;
text-align: right;
}

input.zmf {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
text-align: center;
color: #000;
background: #fff;
width: 30px;
padding-left: 1px;
border: 1px solid #6C8A95;
}


input.submit {
border: 1px solid #C49C00;
padding: 0px;
}

div.zmf table,div.zmf2 table {
margin-top: 10px;
}

div.zmf table td,div.zmf2 table td {
padding: 2px;
}
table.zmf td {

}

div.zmf2 {
display: block;
width: 330px;
clear: both;
text-align: right;
}
div.dlugiopis {
color: #333;
text-align: justify;
margin-top: 15px;
}

div.strony {

}
div#strony a, div#strony a:link, div#strony a:active, div#strony a:visited {
font-weight: normal;
color: #000;
}
div#strony a:hover, {
color: #808080;
}


#panelk {
background: url('grafika/panelk_bg_bottom2.gif');
background-position: bottom left;
background-repeat: no-repeat; 
/*    margin-top: 10px; */
padding-left: 10px;
padding-right: 10px;


}
#panelk table {
color: #000;
background: none;
width: 100%;
color: #fff;
border: 0;

}
#panelk th {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: left;
color: #000;
padding: 6px;
}
#panelk td {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #555;
padding: 4px;
}
#panelk a, #panelk a:link, #panelk a:visited, #panelk a:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000;
text-decoration: underline;
display: block;
padding: 0;
margin: 0px 0px 3px 0px;
}
#panelk a:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;   
color: #008;
text-decoration: underline;
display: block;
padding: 0;
margin: 0px 0px 3px 0px;
}
#panelk .hd {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #555;
text-decoration: none;
display: block;
padding: 0;
margin: 0px 0px 3px 0px;
}

div.pp {
background: url('grafika/panelk_bg2.gif');
background-position: 0px 0;
background-repeat: no-repeat; 
margin: 0px;
padding: 0px 0px 0px 0px;
}



table.dhz {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
color: #000000;
background: #FFFFFF;
width: 18cm;
}
td.dhzn  {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
font-weight: bold;
color: #000000;
background: #EEEEEE;
text-align: center;        
}
td.dhzf  {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
font-weight: bold;
color: #000000;
background: #FFFFFF;

}
td.dhz1  {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
color: #000000;
background: #FFFFFF;        
}
td.dhz2  {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
color: #000000;
background: #FFFFFF;        
}
a.dhz  {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
color: #000000;
text-decoration: none;
}
a.dhz:hover   {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
color: #000000;
text-decoration: none;        
}
.dhztytul {
font-family: Tahoma, Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
color: #000000;
}
.dhzrazem {
font-family: Tahoma, Arial, Helvetica;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

.warn {
color: #e00;
}
#panelp {
background: #F3F3F3; 
margin: 0;
padding: 1px 10px 10px 10px;
}
#panelp table {
color: #000;
background: none;
width: 100%;
border-top: 0px solid #ccc;
border-left: 0px solid #444;
border-right: 0px solid #ccc;
border-bottom: 0px solid #ccc;
border-collapse: collapse;


}
#panelp th {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
background: none; 
font-weight: bold;
border-top: 0px solid #00A;
border-bottom: 1px solid #ccc;
text-align: left;
padding: 4px;
}

#panelp a, #panelp a:link, #panelp a:visited, #panelp a:active {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #A00;
text-decoration: underline;
display: block;
padding: 0;
margin: 0px 0px 3px 0px;
}

#panelp a:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;   
color: #555;
text-decoration: underline;
display: block;
padding: 0;
margin: 0px 0px 3px 0px;
}
#panelp .hd {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #fff;
text-decoration: none;
display: block;
padding: 0;
margin: 0px 0px 3px 0px;
}
#panelp th.r {
text-align: right;
}

div#opisgrupy {
font-size: 10pt;
background: none;
width: 720px;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 0px;
margin-left: 38px;
}
#opisgrupy table.opisgrupy {
border: 0px solid black;
}
#opisgrupy table.opisgrupy td.opiskafel {
font-size: 10pt;
padding: 4px 10px 4px 10px;
margin: 4px 10px 4px 10px;
border: 0px;
vertical-align: top;
text-align: center;
}

select.jm {
width: 50px;
}

table.cechy {
width: 310px;
}
table.cechy td {
padding: 4px;
border-bottom: 1px solid #ccf;
}
table.cechy td.ost {
padding: 4px;
border-bottom: 0px solid #ccf;
}
table.cechy th {
text-align: center;
padding: 4px;
border-bottom: 1px solid #ccf;
}

div#zdjecia {

}
div#zdjecia table {
width: 10px;
}

input.kontaktinput {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: left;
background: #ddd;
color: #000;
width: 490px;
padding: 1px 5px 1px 5px;
border: 1px solid #555;	
}
textarea.kontakttextarea {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: inherit;
text-align: left;
background: #ddd;
color: #000;
width: 490px;
height: 150px;
padding: 5px 5px 5px 5px;
border: 1px solid #555;	
}
input.kontaktsb   {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
background: #808080;
width: 500px;
border: 1px solid #ccc;  
}
ul, ol {
margin-left: 1.5em;
padding-left: 1.5em;
}
div#filtry {
display: inline;
padding-right: 15px;
}
div#filtry a.sel {
font-size: 10pt;
font-weight: bold;
}

div#haslo .input {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: #000;
background: #fff;
width: 150px;
padding-left: 2px;
border: 1px solid #577F8D;
}
div#haslo input.button {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #577F8D;
width: 154px;
border: 1px solid #000;     
}



div.okienko-1 {
background:  #EEEEEF;
background-position: top left;
background-repeat: no-repeat;  
padding: 0px 0 0 0; 
margin-bottom: 0px;    
width: 226px;
}
div.okienko-2 {
background:  #EEEEEF;
background-position: bottom left;
background-repeat: no-repeat;  
padding: 0 0 6px  0;     
width: 226px;         
}
div.okienko {
background:  #EEEEEF;
border-left: 0px solid #577F8D;
border-right: 0px solid #577F8D;
width: 226px;   
padding: 5px 0 5px 0; 
/* overflow: hidden; */
}

div#koszyk {
background: none;
margin: 0;
padding: 0;
}
#koszyk strong.naglowek {
color: #fff;
background:  url('grafika/okienko_bg_head.gif') #F2F9FC;
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: center;
width: 178px;
height: 16px;
padding: 5px;   
border: 0px;
display: block;
}
div#koszyk strong.naglowek a {
color: #fff;    
text-decoration: none;
}
div#koszyk strong.naglowek a:hover {
color: #eee;
text-decoration: none;
}
div#koszyk a {
color: #000;    
text-decoration: underline;
}
div#koszyk a:hover {
color: #555;
text-decoration: underline;
}

table#produkt {
font-size: 8pt;
width: 300px;
}
table#produkt td {
font-size: 8pt;
width: 150px;
}
div#rejestracja {
font-size: 10pt;
color: #000;
background: none;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 0px;
}
div#rejestracja table td,
div#rejestracja table th {
padding: 3px;
}
div#rejestracja input {
color: #000;
background: #fff;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #333;
}
div#rejestracja input.button {
font-weight: bold;
color: #fff;
background: #333;
width: 200px;
border: 1px solid #000;
}
div#rejestracja input.clear {
border: none;
background: none;
}
form.ukryty {
margin: 0;
padding: 0;
}

div#kategorie {
font-size: 10pt;
background: none;
width: 570px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
div#kategorie img {
margin: 0;
}
div.kategorie-kafel {
display: block;
float: left;
width: 170px;
height: 160px;
margin-right: 10px;
text-align: center;
margin-bottom: 10px;
}
div#kategorie h4 {
margin: 0px;
margin-top: 2px;
}
div#kategorie h2 {
font-family: arial, sans-serif;
font-size: 16pt;
font-weight: normal;
color: #a00;
text-decoration: none;
margin-bottom: 15px;
margin-left: 0px;
}
div#kategorie a, div#kategorie a:link, div#kategorie a:active, div#kategorie a:visited {
font-size: 10pt;
text-decoration: none;
}

div.akapit {
background: #fff;
border: 1px solid #000;
padding: 20px;
}
div.akapit h1, #tabela div.akapit h1  {
margin-left: 0px;
padding-left: 0px;
}
#tabela table.loga {
width: 550px;
}
#tabela table.loga td {
padding: 3px;
}
#tabela table.loga td {
padding: 3px;
}


div#producenci {
background: none;
clear: both;
margin: 0;
padding: 0;
}
div#producenci strong.naglowek {
color: #fff;
background:  url('grafika/colhead.jpg');
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: left;
width: 205px;
height: 18px;
padding-top: 5px;
padding-left: 22px;   
border: 0px;
display: block;
}

select.producenci {
font-size: 8pt;
width: 165px;
}
select.filtrproducenci {
font-size: 8pt;
width: 150px;
}
select.filtrkategorie {
font-size: 8pt;    
width: 300px;
}

table#stany-na-magazynach {
font-size: 7pt;
width: 150px;
margin: 0px;
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
background: #fff;
}
table#stany-na-magazynach td {
border: 1px solid #888;
padding: 2px;
width: 114px;
}
table#stany-na-magazynach td.r {
width: 24px;
text-align: right;
}
table#stany-na-magazynach th {
border: 1px solid #888;
font-weight: bold;
color: #000;
background: #ccc;
padding: 2px;

}

div#info-dostawa-ok {
font-size: 8pt;
padding: 4px;
color: #000;
background: #afa;
border: 1px solid #0a0;
}
div#info-dostawa-brak {
font-size: 8pt;
font-weight: bold;
padding: 4px;
color: #a00;
}
#okienkokoszyk {
margin-bottom: 0px;
}
#okienkokoszyk strong.naglowek {
color: #fff;
background:  url('grafika/colhead.jpg') ;
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: left;
margin-top: 2px;
width: 205px;
height: 18px;
padding-top: 5px;    
padding-left: 22px;
border: 0px;
display: block;
}

#wyniki {
font-size: 8pt;
display: inline;
margin: 0;
padding: 0;
}
#wyniki select {
font-size: 8pt;
}
.pulub{
width: 150px;
height: 25px;
background: #F2F9FC;
}
input.tusb{
margin-top: 5px;
margin-right: 1px;
margin-left: 1px;
width: 200px;
font-size: 1em;
color: #fff;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: #577F8D;
border: 1px solid #000;

}


input.tusbu{
margin-top: 5px;
margin-right: 1px;
margin-left: 1px;
width: 150px;
font-size: 1em;
color: #000;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: #D7E5EF;
border: 1px solid  #577F8D;
}


div#insolutions {
width: 828px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

div#insolutions,
div#insolutions a,
div#insolutions a:link,
div#insolutions a:active,
div#insolutions a:visited
{
font-size: 8pt;
text-decoration: none;
color: #aaa; 
/* color: #000; */
}
div#insolutions a:hover
{
font-size: 8pt;
text-decoration: none;
color: #a00;
}
div#grupylista {
width:100%;    
float:left;          	
font-size:.8em;
text-align: center;
 margin-top:5px;      
 margin-bottom: 10px;
}

div#grupylista ul {
	margin:0;        
}
/*pierwszy poziom*/
div#grupylista li {
position:relative;
list-style-type:none;  
}

* html div#grupylista ul li{
 height: 20px;
 
}


* html div#grupylista ul li ul li{
 height: 20px; 
}




div#grupylista a.glowne {
display:block;
 padding:7px 6px 7px 0px;    
text-decoration:none;  
color: #1868C9;     
 border-bottom:1px solid #fff;  
 }
div#grupylista a.glowne:hover {
text-decoration: underline;

}    




div#grupylista a.linkmenu {
display:block;
 padding:7px 6px 7px 6px;    
text-decoration:none;        
color: #fff;     
 border-top:1px solid #fff;  

}
div#grupylista a.linkmenu:hover {
text-decoration: underline;
color: #fff;
}    

div#grupylista em {
font-style: normal;
font-weight: bold;
color: #7FBCDE;
}
	
div#grupylista ul li ul {       
 position:absolute; 
top:1px;	 
left: 203px;
width: 215px;
}

div#grupylista ul li ul li {
width:100%;    
height: 30px;   
margin-top:-2px;   
background: #3C6799;

}    
 
  
body div#grupylista ul li ul {display:none;}


div#grupylista ul li:hover ul, div#grupylista ul li ul:hover {display:block;}


body div#grupylista ul li ul li ul  {       
visibility:hidden;      
left:204px; 
top: 2px;
}


div#grupylista ul li ul li:hover ul {
visibility:visible;
} 


div#grupylista ul li ul li ul li{
background: #4A88C6;
}


div#grupylista ul li ul li ul li:first-child{
height: 30px;
}

body div#grupylista ul li ul li ul{display:none;}


div#grupylista ul li ul li:hover ul, div#grupylista ul li ul li ul:hover {display:block;}



body div#grupylista ul li ul li ul li ul  {     
position: absolute;   
left:204px; 
top: 2px;
}

div#grupylista ul li ul li ul li:hover ul {
visibility:visible;
} 

div#grupylista ul li ul li ul li ul li{
background: #4A88C6;
position: absolute;
visibility: hidden;
}



div#grupylista ul li ul li ul li:hover ul li{
background: #4A88C6;
position: relative;
visibility: visible;
}

select.selkpl{
/*	width: 200px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding-left: 2px;
}

#tresc select.selkpl option{
	padding-left: 2px;
	padding-right: 2px;
}

img{
	border: 0;
}

.ulubionesubmit{
	background: #006699;
	width: 105px;
	height: 25px;
	border: 1px solid black;
	color: white;
}

input.zmfg {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
background: #D7E5EF;
width: 250px;
padding-left: 1px;
border: 1px solid #6C8A95;
}
input.dtdu{
margin-top: 5px;
margin-right: 1px;
margin-left: 1px;
width: 200px;
font-size: 1em;
color: #fff;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: #577F8D;
border: 1px solid #000;
}

#okienkoulubione {
margin-bottom: 0px;
}

#okienkoulubione strong.naglowek {
color: #fff;
background:  url('grafika/colhead.jpg');
background-position: top left;
background-repeat: no-repeat;      
font-weight: bold;
text-align: left;
margin-top: 2px;
width: 205px;
height: 18px;
padding-top: 5px;    
padding-left: 22px;
border: 0px;
display: block;
}


h2.nagl{
	color : #fff;
	width: 100%; 
	font-size: 10pt;
	background-image : url('grafika/naglowek_tlo.gif');
	padding: 4px 0px 3px 5px;
	margin: 0px 0px 5px 0px;
}
/*
div#gg{
width: 100px;
height: 15px; 
margin: 0px;
margin-left:700px;
text-align: left;
overflow:hidden;
}
*/
div#gg{
width: 95px;
height: 15px;
margin: 0px;
padding: 0;
margin-left:725px;
}
div#gg a{
border: 0;
}

.loginstat{
background: #66CC66;
border-top: 1px solid #fff;
}

.loginstat b{
color: #fff;
}

#tabela table.wybordaty{
width: 400px;
padding: 0;
margin-left: 10px;
margin-bottom: 0px;
text-align:center;
}

#tabela table.wybordaty td{
padding:0px;
margin: 0px;
}

div#zmianamenu{
 width: 100%;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
}
div#zmianamenu a,div#zmianamenu a a:link,div#zmianamenu a a:active,div#zmianamenu a a:visited{
 color: #000;
}

table#stany-kompletow {
font-size: 8pt;
margin: 0px;
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
background: #fff;
}
table#stany-kompletow td {
border: 1px solid #888;
padding: 4px;

}
table#stany-kompletow td.r {
text-align: right;
}
table#stany-kompletow th {
border: 1px solid #888;
font-weight: bold;
color: #000;
background: #ccc;
padding: 5px;

}
table#stany-kompletow caption{
font-size: 8pt;
text-align: left;
font-weight: bold;
}
/*------------style do sciezki w kategoriach towarów----*/

div#tresc div.sciezka {
color: #333;
background: none;
padding-left:16px;
padding-bottom: 3px;
}
div#tresc div  a.elementy_sciezki {
padding-left:3px;
}