html, body 
{height:100%}

BODY {
    font-family: Verdana, Arial, sans-serif;
    FONT-SIZE: 11px;
    color: #333333;
}

td {
BACKGROUND-COLOR: #none;
}


td.kontakt {
color: #222222;
font-size: 13px;
}


A {COLOR: #831B19;}
A:hover {COLOR: #B62623; TEXT-DECORATION: none;}

A.menu { COLOR: #551E00; TEXT-DECORATION: none; font-weight: 600; }
A.menu:hover { COLOR: #A72724; TEXT-DECORATION: underline; }

A.menu_top { COLOR: #FFFFFF; TEXT-DECORATION: none; font-weight: 600; }
A.menu_top:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; }

A.menu_3poziom { COLOR: #045C8A; TEXT-DECORATION: none; font-weight: 500;}
A.menu_3poziom:hover { COLOR: #0C80BD; TEXT-DECORATION: none;}

A.nazwy { COLOR: #A72724; TEXT-DECORATION: none;}
A.nazwy:hover { COLOR: #D0322E; TEXT-DECORATION: none;}

A.polecamy {COLOR: #000000; TEXT-DECORATION: none;} 
A.polecamy:hover {COLOR: #B20000;  TEXT-DECORATION: none;} 

A.czarne {COLOR: #831B19; TEXT-DECORATION: none;} 
A.czarne:hover {COLOR: #B62623; TEXT-DECORATION: none;} 

A.biale {COLOR: #ffffff; TEXT-DECORATION: none;} 
A.biale:hover {COLOR: #eeeeee ; TEXT-DECORATION: none;} 


A.menu_small { COLOR: #525252; TEXT-DECORATION: none; font-size: 10px;}

A.zaznaczone {COLOR: #CA6806; TEXT-DECORATION: none; font-weight: 600;} 
A.zaznaczone:hover {COLOR: #CA6806; TEXT-DECORATION: none;} 

A.stopka {COLOR: #8E8F8F ; TEXT-DECORATION: underline;} 
A.stopka:hover {COLOR: #8E8F8F ; TEXT-DECORATION: none;} 


/*uzyte*/
.strona_gora
{
border-left-width: 0.0mm;
border-left-style: solid;
border-left-color: #C4C4C4;
border-right-width: 0.0mm;
border-right-style: solid;
border-right-color: #C4C4C4;
border-bottom-width: 0.0mm;
border-bottom-style: solid;
border-bottom-color: #C4C4C4;
border-top-width: 0.0mm;
border-top-style: solid;
border-top-color: #C4C4C4;
padding-left: 0px;
margin-top: 0mm;
}

/*uzyte*/
.strona_dol
{
border-left-width: 0.0mm;
border-left-style: solid;
border-left-color: #C4C4C4;
border-right-width: 0.0mm;
border-right-style: solid;
border-right-color: #C4C4C4;
border-bottom-width: 0.0mm;
border-bottom-style: solid;
border-bottom-color: #C4C4C4;
padding-left: 0px;
margin-top: 0mm;
width: 768px; 
}

/*uzyte*/
.obramowania{
border-style: solid; 
border-width: 1px; 
border-color: #DADADA;
}

/*uzyte*/
.naglowki_tabel
{
BACKGROUND-COLOR: #A83130; 
color: #E1EAF1;
border-width: 1px;
border-style: solid;
border-color: #A4A4A1;
text-align: center;
font-family: verdana, arial,sans-serif;
border-collapse: collapse;
}

/*uzyte*/
.linki_tabela
{
border-width: 0.0mm;
border-style: solid;
border-color: #C4C4C4;
border-left-width: 0.0mm;
border-left-style: solid;
border-left-color: #C4C4C4;
border-top-width: 0.0mm;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
}

.linki_tabela_prawa
{
border-width: 0.1mm;
border-style: solid;
border-color: #C4C4C4;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
border-top-width: 0.0mm;
border-right-width: 0.0mm;
}

table.towary{
border-width: 1mm;
border: solid rgb(210,210,210);

}

td.towary{
border-width: 0.1mm;
border: solid rgb(210,210,210);
}

td.towary0{
BACKGROUND-COLOR: #F1F3F5;
border-width: 0.1mm;
border-style: solid;
border-color: #A4A4A1;
font-weight: 400;
COLOR: #929292;
font-size: 10px;
font-family: arial, sans-serif;
height:10px;
padding-top: 0px;
padding-bottom: 0px;
}

td.towary0notIE{
BACKGROUND-COLOR: #F1F3F5;
font-weight: 600;
text-align: center;
COLOR: #525252;
font-size: 10px;
font-family: verdana,arial, sans-serif;
}

td.towarynotIE{
text-align: center;
}

P.tresc{
margin-top:0mm;
margin-bottom: 0cm;
font-size: 15px;
font-family: verdana,arial,sans-serif;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

td.tresc{
padding-top:25px;
padding-left:20px;
padding-right:25px;
line-height: 3.9mm;
text-align: left;
color: #505050;
font-size: 9px;
font-weight: 300;
font-family: verdana,arial,sans-serif;
}

hr{
color: #B1915B;
background-color: #B1915B;
width: 100%;
height: 1px;
border: 0;
}

/*uzyte*/
.cms{
color: #222222;
font-size: 11px;
font-family: verdana, arial,sans-serif;
padding-right: 30px;
padding-left: 30px;
padding-top: 0px;
line-height: 1.7;
text-align: justify;
}










/****************NOWE****************/
div.boksy{
margin-top: 7px;
margin-bottom: 11px; 
background: #ffffff;
}


div.menuglowne{
width: 199px;
border-style: solid; 
border-width: 1px; /*dodaje się do width*/
border-color: #DAD3C6;
background: #ffffff;
margin-left: 0px;   /*nie dodaje się do width*/
}

div.menunaglowek{
width: 187px;  
height: 25px;
color: #B30000;  
padding-top: 12px; 
padding-bottom: 0px;
margin-bottom: 0px;
padding-left: 15px; /*dodaje się do width*/
text-align: left;
font-size: 15px;
font-family: arial;
font-style: italic;
}

div.menutresc{
padding-top: 0px; 
width: 199px; 
background-color: #FAFAFA; 
padding: 0px;
text-align: left;
margin: 0px;
}

/****** kolejne poziomy menu towarów *********/
td.szczeble1{
height:14px;
text-align: left;
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-bottom-color: #DADADA;
background-image: url(layout/punktator1.gif);
background-position: 10px 12px;
background-repeat: no-repeat; 
padding-left: 22px;
padding-top: 8px;
padding-bottom: 8px;
}

td.szczeble2{
height:14px;
text-align: left;
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-bottom-color: #DADADA;
background-image: url(layout/punktator2.gif);
background-position: 20px 12px;
background-repeat: no-repeat; 
padding-left: 32px;
padding-top: 8px;
padding-bottom: 8px;
}

td.szczeble3{
height:14px;
text-align: left;
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-bottom-color: #DADADA;
padding-left: 40px;
padding-top: 8px;
padding-bottom: 8px;
}
/********************************************/

.pola{
font-size: 12px;
height: 18px;
font-family: arial,sans-serif;
margin-top:0mm;
margin-bottom: 0cm;
padding-top: 3px;
padding-left: 2px;
padding-bottom: 0px;
border-width: 1px;
border-style: solid;
border-color: #E1E1E1;
BACKGROUND-COLOR: #ffffff;
}

div.przyciski_div
{
background:url(layout/tlo_przyciski.gif) no-repeat center bottom; 
width:120px; 
}

.przyciski{
background:url(layout/tlo_przyciski.gif) no-repeat center bottom; 
width:120px; 
border:none; 
cursor:pointer; 
font-weight:bold; 
color:#FFF !important;  
height:22px; 
padding-top:0px; 
font-family: arial;
font-size: 12px;
}

.przyciski:hover{
background:url(layout/tlo_przyciski_h.gif) no-repeat center bottom; 
width:120px; 
border:none; 
cursor:pointer; 
font-weight:bold; 
color:#FFF !important; 
height:22px; 
padding-top:0px; 
font-family: arial;
font-size: 12px;
}

div.przyciski2_div
{
background:url(layout/tlo_przyciski2.gif) no-repeat left top; 
width:115px;
}

.przyciski2
{
display: block;
color:#FFF !important; 
background:url(layout/tlo_przyciski2.gif) no-repeat left top; 
width:115px; 
border:none; 
cursor:pointer; 
font-weight:bold; 
color:#FFF !important; 
height:22px; 
padding-bottom:0px;
padding-left: 0px; 
font-family: arial;
font-size: 12px;
text-decoration: none;
text-align: center;
line-height: 1.8;
}

.przyciski2:hover
{
background:url(layout/tlo_przyciski2_h.gif) no-repeat left top; 
color:#FFF !important; 
}

div.przyciski3_div
{
background:url(layout/tlo_przyciski.gif) no-repeat center top; 
width:140px; 
}

a.przyciski3
{
display: block;
color:#FFF !important; 
background:url(layout/tlo_przyciski.gif) no-repeat center top; 
width:120px; 
border:none; 
cursor:pointer; 
font-weight:bold; 
color:#FFF !important; 
height:22px; 
padding-bottom:0px;
padding-left: 0px; 
font-family: arial;
font-size: 12px;
text-decoration: none;
text-align: center;
line-height: 1.8;
}

a.przyciski3:hover
{
background:url(layout/tlo_przyciski_h.gif) no-repeat center top; 
color:#FFF !important; 
}



/**** tabela w formatkach, formularzach, koszyku, danych zamówień, klientów itd. ******/
table.tabela
{
border-collapse:collapse; 
border-style: solid;
border-width: 1px;; 
border-color: #ECE9D8;
background-color: #ffffff;
width: 567px;
}

/**** tabela w listach kategorii, towarów itd ******/
table.tabela_kat
{
border-collapse:collapse;
border-style: solid;
border-width: 1px;; 
border-color: #ECE9D8;
background-color: #ffffff;
margin-top: 1px;
width: 565px;
}

/***************** NAGŁÓWKI *******************
/**** nagłowki tabel ****/
.naglowek{
color: #111111;
border-style: solid; 
border-width: 1px; /*dodaje się do width*/
border-color: #ECE9D8;
font-size: 11px;
font-family: arial;
padding-top: 3px;
padding-bottom: 0px;
height: 17px;
text-align: center;
background-color: #F4F4F4;
}

/**** nagłowki: polecamy na stronie glownej ****/
.naglowek2{
/*background-image: url(layout/naglowek2.gif);
background-position: 0px 0px;
background-repeat: repeat-x; */
background-color: #EFEFEF;
font-size: 16px;
font-style: italic;

font-family: arial;
padding-top: 6px;
padding-bottom: 0px;
padding-left: 15px;
height: 32px;
color: #B1010B;
text-align: left;
vertical-align: top;
letter-spacing: 1px;
border-style: solid; 
border-width: 1px; /*dodaje się do width*/
border-color: #E0E0E0;
}

/**** nagłowki sekcji, większe i wyraźniejsze litery niż nagłówki tabel ****/
.naglowek3{
color: #561514;
background-color: #F2F3F2;
/*background-image: url(layout/belki.gif);
background-position: 0px 0px;
background-repeat: repeat-x; */
border-style: solid; 
border-width: 1px; /*dodaje się do width*/
border-color: #DAD3C6;
font-size: 11px;
font-family: verdana, arial;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
margin-bottom: 1px;
}


/******* nagłowek podstron******/
.tytul{
margin-top: 7px;
margin-bottom: 2px; 
padding-top: 8px;
height: 10px;
text-align: center;
border-style: solid;
border-width: 1px; 
color: #FFFFFF;
font-family:  arial, sans-serif ;
font-size: 12px;
font-variant: smallcaps; 
font-weight: 600;
padding-bottom: 8px;
border-width: 1px;
border-style: solid;
border-color: #DAD3C6; 
background-color: #A80108;
}

/*********************************************/

div.tlo_tresc{
margin-top: 0px; 
padding: 5px;
text-align: center;
border-style: solid;
border-width: 1px;; 
border-color: #ECE9D8;
background-color: #ffffff;
margin-bottom: 7px;
color: #111111;
font-family: verdana;
font-size: 11px;
width: 554px;
}

/**** komórki w tabelach, z liczbow± zawarto¶ci± ****/
.kwota{
font-family: arial;
font-size: 12px;
color: #000000;
font-variant: smallcaps; 
}

/**** komórki w tabelach, z tekstow± zawarto¶ci± ****/
.komorki
{
font-size: 10px;
font-family: verdana, arial,sans-serif;
font-variant: smallcaps; 
}

/**** opisy towarów, kategorii, parametry itd. ****/
.teksty{
line-height: 1.6;
text-align: justify;
padding-right: 15px;
}

/*** etykiety pól wypełnionych ***/
.tekst{
text-align: left;
font-size: 11px;
font-family: arial, sans-serif;
font-variant: smallcaps; 
font-weight: 600;
padding-left: 35px;
}

/*** etykiety pól wypełnionych bez paddinga ***/
.tekst2{
text-align: left;
color: #666666;
font-size: 11px;
font-family: arial, sans-serif;
font-variant: smallcaps; 
font-weight: 600;
padding-left: 0px;
}


div.obszar
{
text-align: left; 
padding: 10px; 
border-style: solid; 
border-width: 1px; 
border-color: #ECE9D8;
width: 545px; 
margin-top: 0px;
margin-left: 0px;
/*min-height: 470px;*/
background-color: #ffffff;
}


.obrazek_ramka
{
border-width: 0px;
border-style: solid;
border-color: #CAB08C;
margin-left: 0px;
margin-top: 0px;
text-align: center;
padding: 0px;
}

.obrazek_ramka2
{
border-width: 1px;
border-style: solid;
border-color: #DAD3C6;
margin-left: 0px;
margin-top: 0px;
text-align: center;
padding: 0px;
}

/************** belki menu **********/
a.menug
{
display: block;
COLOR: #ffffff;
padding-top: 14px;
height: 26px; 
width:90%; 
margin-top: 0px;
margin-left: 0px; 
TEXT-DECORATION: none;
font-size: 12px; 
font-weight: 600; 
font-family: arial;
text-align: center;
}

a.menug:hover
{
COLOR: #FFFFFF;
}

a.menug_zazn
{
display: block;
COLOR: #AE0000;
padding-top: 14px;
height: 26px; 
width:90%; 
margin-top: 0px;
margin-left: 0px; 
TEXT-DECORATION: none;
font-size: 12px; 
font-weight: 600; 
font-family: arial;
text-align: center;
background: url(layout/button_g.gif); 
background-repeat: repeat-x; 
background-position: 0px 0px;
}

a.menug_zazn:hover
{
background: url(layout/button_g.gif); 
background-repeat: repeat-x; 
background-position: 0px 0px;
COLOR: #AE0000;
}


a.belki1
{
display: block;
COLOR: #3F1600;
padding-top: 8px;
padding-left: 32px; 
height: 22px; 
width:167px; 
margin-top: 0px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #DAD3C6; 
margin-left: 0px; 
text-align: left; 
font-size: 11px; 
background: url(layout/menu_tlo1.jpg); 
background-repeat: repeat-y; 
background-position: left top;
TEXT-DECORATION: none;
}

a.belki1:hover
{
/*background: url(layout/menu_tlo1_h.jpg); 
background-repeat: repeat-y; 
background-position: left top;*/
COLOR: #AE0000;
}

a.belki1_zaznaczone
{
display: block;
COLOR: #AE0000;
padding-top: 8px; 
padding-left: 32px;
height: 21px; 
width:167px; 
margin-top: 0px;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #DAD3C6;  
margin-left: 0px; 
text-align: left; 
font-size: 11px; 

background: url(layout/menu_tlo1_z.jpg); 
background-repeat: no-repeat; 
background-position: left top;
TEXT-DECORATION: none;
}

a.belki2
{
display: block;
COLOR: #3F1600;
padding-top: 8px;
padding-left: 42px; 
height: 22px; 
width:157px; 
margin-top: 0px;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #DAD3C6;  
margin-left: 0px; 
text-align: left; 
font-size: 11px; 
background: url(layout/tlom2.jpg); 
background-repeat: repeat-y; 
background-position: left top;
TEXT-DECORATION: none;
}

a.belki2:hover
{
background: url(layout/tlom2h.jpg); 
background-repeat: repeat-y; 
background-position: left top;
COLOR: #AE0000;
}

a.belki2_zaznaczone
{
display: block;
COLOR: #AE0000;
padding-top: 8px; 
padding-left: 42px;
height: 22px; 
width:157px; 
margin-top: 0px;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #DAD3C6; 
margin-left: 0px; 
text-align: left; 
font-size: 11px; 


background: url(layout/tlom2.jpg); 
background-repeat: no-repeat; 
background-position: left top;
TEXT-DECORATION: none;
}

ul {
margin-left: 15px; 
padding-left: 15px;
list-style-image: url(layout/listy.gif);
list-style-position: outside;
}

LI 
{ 
margin-top: 7px;
font-size: 11px; 
vertical-align: top;
padding-left: 5px;
} 

.pola_radio
{
vertical-align: middle;
margin-right: 3px;
margin-bottom: 4px;
}


/********* style stronicowania *********/

/*podstrony */
.paginacja1
{
color: #666666; 
font-size: 13px;
TEXT-DECORATION: none;
}

A.paginacja1:hover 
{
COLOR:  #666666;
TEXT-DECORATION: underline;
}

/*podstrona zaznaczona */
.paginacja2
{
font-size: 13px;
color: #B2020C;
TEXT-DECORATION: none;
}

A.paginacja2:hover 
{
color: #B2020C;
TEXT-DECORATION: none;
}

/*następny/poprzedni */
.paginacja3
{
font-size: 13px;
color: #222222;
TEXT-DECORATION: none;
}

A.paginacja3:hover 
{
color: #222222;
TEXT-DECORATION: underline;
}