html, body 
{height:80%}

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

td {
BACKGROUND-COLOR: #none;
}

A {COLOR: #C65900; TEXT-DECORATION: none;}
A:hover {COLOR: #Ae0000; TEXT-DECORATION: underline;}

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

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

A.nazwy {COLOR: #C65900; TEXT-DECORATION: none;}
A.nazwy:hover {COLOR: #Ae0000; TEXT-DECORATION: underline;}

A.polecamy {COLOR: #612100; TEXT-DECORATION: none;} 
A.polecamy:hover {COLOR: #CA6806; TEXT-DECORATION: none;} 

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

A.biale2 {COLOR: #ffffff; TEXT-DECORATION: none;} 
A.biale2:hover {COLOR: #ffffff ; TEXT-DECORATION: underline;} 


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;} 

/* MENU GÓRA */

A.menug0 { 
display:block; 
COLOR: #E3EEF4; 
font-size: 12px;
width: 135px;
height: 22px; 
TEXT-DECORATION: none; 
font-weight: 400; 
font-family: arial;
padding-top: 6px;
}

A.menug0:hover { 
COLOR: #5C1F01; 
font-size: 12px; 
TEXT-DECORATION: none; 
font-weight: 400;  
font-family: arial;
background: url(layout/przyciski_tlo_h0.jpg); 
background-repeat: repeat-x; 
background-position: left top;
}

A.menug { 
display:block; 
COLOR: #E3EEF4; 
font-size: 12px;
width: 120px;
height: 22px; 
TEXT-DECORATION: none; 
font-weight: 400; 
font-family: arial;
padding-top: 6px;
}

A.menug:hover { 
COLOR: #5C1F01; 
font-size: 12px; 
TEXT-DECORATION: none; 
font-weight: 400;  
font-family: arial;
background: url(layout/przyciski_tlo_h.jpg); 
background-repeat: repeat-x; 
background-position: left top;
}

A.menug2 { 
display:block; 
COLOR: #E3EEF4; 
font-size: 12px;
width: 100px;
height: 22px; 
TEXT-DECORATION: none; 
font-weight: 400; 
font-family: arial;
padding-top: 6px;
}

A.menug2:hover { 
COLOR: #5C1F01; 
font-size: 12px; 
TEXT-DECORATION: none; 
font-weight: 400;  
font-family: arial;
background: url(layout/przyciski_tlo_h2.jpg); 
background-repeat: repeat-x; 
background-position: left top;
}

A.menug3 { 
display:block; 
COLOR: #E3EEF4; 
font-size: 12px;
width: 78px;
height: 22px; 
TEXT-DECORATION: none; 
font-weight: 400; 
font-family: arial;
padding-top: 6px;
}

A.menug3:hover { 
COLOR: #5C1F01; 
font-size: 12px; 
TEXT-DECORATION: none; 
font-weight: 400;  
font-family: arial;
background: url(layout/przyciski_tlo_h3.jpg); 
background-repeat: repeat-x; 
background-position: left top;
}

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

/*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: 25px;
padding-left: 30px;
padding-top: 0px;
line-height: 1.5;
text-align: justify;
}










/****************NOWE****************/
div.menuglowne{
margin-top: 7px; 
width: 200px; 
height: auto; 
border-style: solid; 
border-width: 1px; /*dodaje się do width*/
border-color: #B1915B;
background: #FCF1CA;
margin-left: 0px;   /*nie dodaje się do width*/
}

div.menunaglowek{
width: 185px;  
height: 20px;
background-image: url(layout/belki.gif);
background-position: 0px 0px;
background-repeat: repeat-x; 
color: #ffffff;  
padding-top: 10px; 
padding-bottom: 0px;
margin-bottom: 0px;
padding-left: 15px; /*dodaje się do width*/
border-bottom-style: solid; 
border-bottom-width: 0px; 
border-bottom-color: #DADADA;
text-align: left;
}

div.menutresc{
padding-top: 0px; 
width: 200px; 
background-color: #FDF0C0; 
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: #E2D0C8;
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:#A90202 !important; 
height:22px; 
padding-top:0px; 
font-family: arial;
font-size: 12px;
}

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

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

a.przyciski2:hover
{
background:url(layout/tlo_przyciski2_h.gif) no-repeat center top; 
COLOR: #A90202 !important;
}

.przyciski2{
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-bottom:3px; 
line-height:20px;
font-family: arial;
font-size: 12px;
}

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

a.przyciski3
{
display: block;
color:#FFF !important; 
background:url(layout/tlo_przyciski3.gif) no-repeat center top; 
width:140px; 
border:none; 
cursor:pointer; 
font-weight:bold; 
color:#FFF5D8;
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_przyciski3_h.gif) no-repeat center top; 
COLOR: #A90202 !important;
}

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

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

.przyciski4:hover
{
background:url(layout/tlo_przyciski4_h.gif) no-repeat center top; 
COLOR: #A90202 !important;
width:140px;
}


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

/**** tabela w listach kategorii, towarów itd ******/
table.tabela_kat
{
border-collapse:collapse;
border-style: solid;
border-width: 1px;; 
border-color: #B1915B;
background-color: #FCF1CA;
width: 100%;
margin-top: 0px;
width: 538px;
}

/***************** NAGŁÓWKI *******************
/**** nagłowki tabel ****/
.naglowek{
color: #ffffff;
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: #B1915B;
font-size: 11px;
font-family: arial;
padding-top: 3px;
padding-bottom: 0px;
height: 17px;
text-align: center;
}

/**** nagłowki: polecamy na stronie glownej ****/
.naglowek2{
background-image: url(layout/naglowek2.gif);
background-position: 0px 0px;
background-repeat: repeat-x; 
font-size: 13px;
font-family: arial;
padding-top: 6px;
padding-bottom: 0px;
padding-left: 15px;
height: 30px;
text-align: left;
vertical-align: top;
color: #ffffff;
letter-spacing: 1px;
}

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


/******* nagłowek podstron******/
.tytul{
margin-top: 8px;
margin-bottom: 2px; 
padding-top: 8px;
/*height: 10px;*/
text-align: center;
border-style: solid;
background: url('layout/tlo_tytul.gif');
background-repeat: repeat-x;
border-width: 1px;; 
border-color: #B1915B;
color: #ffffff;
font-family:  arial, sans-serif ;
font-size: 11px;
font-variant: smallcaps; 
font-weight: 600;
padding-bottom: 8px;
background-color: #5F2000;
}

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

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

/**** 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: 516px; 
margin-top: 0px;
margin-left: 0px;
/*min-height: 470px;*/
background-color: #FCF1CA;
}


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

/************** belki menu **********/

a.belki1
{
display: block;
COLOR: #3F1600;
padding-top: 8px;
padding-left: 15px; 
height: 21px; 
width:185px; 
margin-top: 1px; 
margin-left: 0px; 
text-align: left; 
font-size: 12px; 
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: 15px;
height: 21px; 
width:185px; 
margin-top: 1px; 
margin-left: 0px; 
text-align: left; 
font-size: 12px; 
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: 30px; 
height: 21px; 
width:170px; 
margin-top: 1px; 
margin-left: 0px; 
text-align: left; 
font-size: 12px; 
background: url(layout/menu_tlo2.jpg); 
background-repeat: repeat-y; 
background-position: left top;
TEXT-DECORATION: none;
}

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

a.belki2_zaznaczone
{
display: block;
COLOR: #AE0000;
padding-top: 8px; 
padding-left: 30px;
height: 21px; 
width:170px; 
margin-top: 1px; 
margin-left: 0px; 
text-align: left; 
font-size: 12px; 
background: url(layout/menu_tlo2.jpg); 
background-repeat: no-repeat; 
background-position: left top;
TEXT-DECORATION: none;
}

/**************** light box ****************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}