body{
margin:0px;
background-color:#FFEED1;
padding-bottom: 30px;
background-image: url(maska.gif);
background-repeat: repeat-x;


/* ustawienia suwaków*/
scrollbar-base-color : #F4E6C3;
scrollbar-arrow-color : #F4E6C3;
scrollbar-face-color : #C08050;
scrollbar-3dlight-color :#000000;

/*#FFEAD5

scrollbar-darkshadow-color : #000000;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #717171;
scrollbar-track-color : #F4E6C9;
*/

}
/* zerowanie marginesów*/

table tr td th img input select textarea{
padding:0px;
margin:0px;

}
fieldset legend ul li label form  p h1 h3 hr{
padding:0px;
margin:0px;
}


/* ustawienia nagłówka */

#naglowek{
	position: absolute;
	height: 156px;
	width: 100%;
	left: 0px;
	top: 0px;
	visibility: visible;
}
/* ustawienia obrazków*/


img.nag{
border:none;
border-collapse:collapse;
}
img.nag2{
border: solid 1px #C08050;
height: 50px;
}

img.obrazek{
border:solid 1px #C08050;
background-color:#FFFFFF;
}

img.ob{
border:solid 1px #C08050;
margin:5px;
width:150px;


}



/* ustawienia stopki */
#stopka {
position: absolute;
bottom: 0;
left: 0;
height: 27px;
border-top: #778899;
padding-top: 5px;
padding-bottom: 0px;
vertical-align:middle;
width:100%;
background-image: url(pasek.jpg);
background-repeat: repeat-x;

}

#stopka p{
margin: 0px;
padding: 0;
height: 27px;
text-align: center;
vertical-align:middle;
font: normal 7pt Verdana,Tahoma,Arial;
color: #800000;
width:990px;
}

html > body #stopka{
position: fixed;

}

#srodek{
top:0px;
position: relative ;
text-align:center;
width:100%;



}
/* ustawienia tabel*/
table.glowna{
width:990px;
text-align:center;
}

table.prod_zam{
background-color:#FFE9C4;
border: #C08050 solid 1px;
width:520px;
height:100%;

}
table.prod_zam2{
background-color:#FFE9C4;
border: #C08050 solid 1px;
width:520px;
height:100%;
}
table.prod_zam3{
background-color:#FFE9C4;
border: #C08050 solid 1px;
padding:5px;
width:300px;
height:100%;
}

table.pokaz{
width:520px;
height:100%;		
}
table.pokaz2{
width:520px;
height:100%;		
}
table.okno
{       
 
  border: #C08050 solid 1px;
  background-color:#FFE9C4;
  height: 80px;
  width: 520px;	
  color: #C08050;
  padding-top: 5px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 5px;
  text-align:left;	
}




/* ustawienia nagłówków tabel th*/
th{
text-align:center;
margin:5px;
height:25px;
font:bold 8pt Verdana, Helvetica, sans-serif;
color:#FFFFD2;
background-color: #C08050;
border-bottom: #C08050 solid 1px;
border-top: #C08050 solid 1px;	
}

th.k1{
border-left: #C08050 solid 1px;
}
th.ko{
border-right: #C08050 solid 1px;
}


/* ustawienia komórek tabel td */
td.nagrys{
vertical-align:middle;
text-align:right;
height:124px;
padding-right:15px;
}
td.menu{
vertical-align:middle;
text-align:center;
}
td.left{
width: 155px;
padding:10px;
vertical-align:top;
}

td.center{
width:620px;
padding:10px;
vertical-align:top;

}

td.right{
width: 155px;
padding:10px;
vertical-align:top;
}



td.pokaz1{
text-align:justify;
font: normal 10pt Helvetica,Verdana,Tahoma;
color: #C0602F;
padding-left: 10px;
}
td.kimage{
padding:5px;
width: 155px;
border: #C08050 solid 1px;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;

}
td.kcena{
border-top: #C08050 solid 1px;
padding: 2px;
padding-left: 10px;
width:150px;
text-align:left;
vertical-align:bottom;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;
}

td.kkoszyk{
border-top: #C08050 solid 1px;
border-right:#C08050 solid 1px;
padding: 15px;
text-align:right;
vertical-align:top;
height:50px;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;
}
td.kprod{
border-right: #C08050 solid 1px;
padding: 2px;
padding-left: 10px;
text-align:justify;
vertical-align:top;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;
}


td.opis{
border-right: #C08050 solid 1px;
border-bottom: #C08050 solid 1px;
padding: 10px;
text-align:justify;
vertical-align:top;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;
}


td.ukryj{
height: 10px;
}


td.przyciski{
text-align:right;

}
td.przyciski2{
text-align:left;
height:30px;
}


td.usun2{
background-color:#FFE9C4;
border-top: #C08050 solid 1px;
border-bottom: #C08050 solid 1px;
border-right: #C08050 solid 1px;
width:50px;
}
td.razem{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
background-color:#FFE9C4;
border-left: #C08050 solid 1px;
border-top: #C08050 solid 1px;
border-bottom: #C08050 solid 1px;
text-align: right;
}
td.crazem{
text-align:right;
padding-right:5px;
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
background-color:#FFE9C4;
border-top: #C08050 solid 1px;
border-bottom: #C08050 solid 1px;
}

/* ustawienia komórek dla koszyka*/
td.produkt{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
background-color:#FFE9C4;
border-left: #C08050 solid 1px;
width:350px;
padding-left:5px;
}
td.ilosc{
width:40px;
text-align:center;
background-color:#FFE9C4;

}

td.cena{
text-align:right;
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
background-color:#FFE9C4;
padding-right:5px;
width:80px;
}
td.usun{
text-align:center;
font:bold 9pt Verdana, Helvetica, sans-serif;
width:50px;
color:#009600;
background-color:#FFE9C4;
border-right: #C08050 solid 1px;
}

/*ustawienia wyglądu zamówienia */
td.nazwaz{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:270px;
text-align:left;
padding-left:30px;
}

td.stanz{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:100px;
text-align: center;
}
td.cenaz{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:150px;
text-align: right;
padding-right:30px;

}

td.laczniez{
font:normal 8pt Verdana, Helvetica, sans-serif;
width:370px;
color:#C08050;
text-align: right;
padding-right:10px;
}
td.uzam{
font:bold 8pt Verdana, Helvetica, sans-serif;
width:260px;
color:#C08050;
text-align: left;
padding:5px;
padding-left:30px;

}

td.uzamb{
font:bold 8pt Verdana, Helvetica, sans-serif;
width:520px;
color:#C08050;
text-align: left;
padding:5px;
padding-left:30px;
}


td.uzam2{
font:bold 8pt Verdana, Helvetica, sans-serif;
width:520px;
color:#C08050;
text-align: center;
margin:2px;
padding:2px;
padding-left:0px;
}

td.uzam3{
font:bold 8pt Verdana, Helvetica, sans-serif;
width:300px;
color:#C08050;
text-align: center;
padding:5px;
margin:0px;
}

td.ulewa{
font:normal 8pt Verdana, Helvetica, sans-serif;
width:260px;
color:#C08050;
text-align: left;
vertical-align:top;
padding-left:50px;
padding-bottom:10px;
border-right: solid 1px #C08050;
height:50px;
}
td.ulewa2{
font:normal 8pt Verdana, Helvetica, sans-serif;
width:100px;
color:#C08050;
text-align: left;
padding-left:10px;
vertical-align:middle;
height:20px;
}
td.uprawa{
font:normal 8pt Verdana, Helvetica, sans-serif;
width:260px;
color:#C08050;
text-align: left;
vertical-align:top;
padding-left:50px;
padding-bottom:10px;
height:50px;
}
td.uprawa2{
font:normal 8pt Verdana, Helvetica, sans-serif;
width:220px;
color:#C08050;
text-align: left;
vertical-align:middle;
padding-left:0px;
padding-bottom:0px;
height:20px;
}
hr{
width:460px; 
height:1px; 
color:#C08050; /* kolor linii dla ie*/
background-color:#C08050; /* kolor linii dla firefox opera*/
text-align: right;
margin-right:30px;
border:none;/* wyłączenie obramowania dla firefox opera*/
}

hr.hr2{
width:252px; 
}
/* ustwaienia panelu admina*/
td.nazwa{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
padding-left:5px;
text-align:left;
vertical-align:middle;
width:150px;
height:20px;

}
td.nazwa3{
text-align:right;
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
background-color:#F1E2C9;
padding-right:5px;
width:100px;
border: #C08050 solid 1px;
}
td.opcje{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:30px;
text-align: center;
padding-right:0px;

}

td.nazwa4{
text-align:right;
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
background-color:#F1E2C9;
padding-right:5px;
width:150px;
border: #C08050 solid 1px;
}

/*ustawienia wyglądu zamówień */


td.nazwa2{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:200px;
text-align:left;
padding-left:30px;
height:20px;
vertical-align:middle;
}

td.stan{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:100px;
text-align: left;

}

td.cencia{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:100px;
text-align: right;
padding-right:10px;

}
td.data{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
width:120px;
text-align: center;
padding-right:0px;

}

td.p1{
width:60px;
font: normal 8pt Arial, Helvetica, sans-serif;
}      
td.p2{
font: normal 8pt Arial, Helvetica, sans-serif;
color:#F00000;
width:520px;
} 
td.p3{
width:520px;
text-align:left;
padding-left:50px;
}      
   
td.p4{
width:520px;
font: normal 10pt Arial, Helvetica, sans-serif;
text-align:left;
padding-top:10px;
padding-left:10px;

} 









.statusik{
font:normal 8pt Verdana, Helvetica, sans-serif;
color:#C08050;
}

h3{
text-align:justify;
font:normal 10pt Arial,Verdana, Helvetica, sans-serif;
color:#C08050;
}


/* logowanie*/




   

/* ustawienia boxów*/
.Box
{       
  font: 8pt Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
  width:155px;	
}
.BoxHead   
{       
height: 20px;
border: #C08050;
border-left: #C08050 solid 1px;
border-right: #C08050 solid 1px;
text-align: center;
background-image: url(pasek.jpg);
background-repeat: repeat-x;
font:bold 8pt  Helvetica,Verdana, sans-serif;
color:#FFFFD2;
vertical-align:middle;
	}       
.BoxContenet
{       
 
  border-left: #C08050 solid 1px;
  border-right: #C08050 solid 1px;
  border-bottom: #C08050 solid 1px;
  border-top: #C08050 solid 1px;	
  background-color: #FFE9C4;
  height: 50px;
  color: #C08050;
  padding-top: 5px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 5px;
  font: normal 8pt Helvetica,Verdana,Tahoma;
  	
}  
/* definicje ustawień linków*/
a:link{
text-decoration:none;
color:#C08050;
width:100%;

}
a:visited {
text-decoration:none;
color:#C08050;
width:100%;
} 
a:hover   {
text-decoration:none;
color:#000000;
width:100%;
} 

a.zam:link{
width:auto;
font: normal 8pt Helvetica,Verdana,Tahoma;
}
a.zam:visited {
width:auto;
font: normal 8pt Helvetica,Verdana,Tahoma;
} 
a.zam:hover   {
width:auto;
font: normal 8pt Helvetica,Verdana,Tahoma;
}
a.zam2:link{
width:auto;
}
a.zam2:visited {
width:auto;
} 
a.zam2:hover   {
width:auto;
}
a.prod:link{
text-decoration:none;
color:#C08050;
width:100%;

}
a.prod:visited {
text-decoration:none;
color:#C08050;
width:100%;
} 
a.prod:hover   {
text-decoration:none;
color:#000000;
width:100%;
} 


/* Lista kategorii wyglad*/
ul{
list-style-type: square;
padding-left:10;
margin-left:0;
}

p.boxy{
padding:0px;
margin:0px;
vertical-align:middle;
}




/* definicje ustawień tekstu*/
p.tresc{
text-align:justify;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;
}

p label{
text-align:left;
width:40px;
font: normal 8pt Arial, Helvetica, sans-serif;
}
p label.lg{
font: normal 8pt Arial, Helvetica, sans-serif;
}



/* definicje położen przycisków*/
#klawisz{
display:inline;
}

#klawisz.klawisz5{
height: 30px;
padding-left:160px;
padding-top:10px;
}
#klawisz.klawisz2{

padding-left:40px;
}
#klawisz.klawisz3{
padding-left:74px;
}
#klawisz4{
margin-left:170px;
padding-left:50px;
}

/* ustawienia inputów*/
input{
color: #9D4E00;
background-color: #FFFFFF;
border: 1px inset #C08050;
font: 8pt Arial, Helvetica, sans-serif;
height:18px;
}

input.tekst {
width: 180px;
}

input.tekst2 {
width: 120px;
} 
input.ilosc {
width: 30px;
}
textarea.tekst{
text-align:justify;
font: normal 8pt Helvetica,Verdana,Tahoma;
color: #C0602F;
}

/* definicja przycisków */
.przycisk {
font: 8pt Arial, Helvetica, sans-serif;
height:19px;
color: #FFFFD2;
background-color: #C08050;
border-top: 1px outset #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}
.przycisktran {
font:bold 8pt Arial, Helvetica, sans-serif;
height:19px;
color: #C08050;
background-color: #FFEED1;
border-top: 1px outset #B93D00;
border-left: 1px solid #B93D00;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}




/* dodatkowe ustawienia formularza*/
h1.form{
font: 16pt Arial, Helvetica, sans-serif;
}
h3.form{
font: 12pt Arial, Helvetica, sans-serif;
text-align: center;
}

form.zam{
margin:0px;
padding:0px;
float:right;
padding-right:10px;
padding-bottom:5px;
}


select.lista {
width: 152px;
height:18px;
font: 8pt Arial, Helvetica, sans-serif;
color: #9D4E00;
background-color: #FFFFFF;
border:solid 1px #C08050;
}

form.rej{
width:520px;
}

form p {
clear: left;
margin: 0;
padding: 0;
text-align:left;
padding-top: 5px;
padding-left:30px;
color:#C08050;
font: normal 8pt Arial, Helvetica, sans-serif ;
}

form p label{
float:left;
text-align:left;
width:90px;
color:#C08050;
font: bold 8pt Arial, Helvetica, sans-serif;
}

form.selectik{
margin:0px;
padding:0px;
color:#C08050;
font: bold 8pt Arial, Helvetica, sans-serif ;
}
.roz{
width:100px;
}

form p.kom{
text-align:center;
font: 8pt Arial, Helvetica, sans-serif;
color:#F00000;
}
td.komunikacik{
width:520px;
text-align:justify;
font:bold 8pt Arial, Helvetica, sans-serif;
color:#FF0000;
}

fieldset{
border: 1px solid #C08050;
margin: 0px;
padding: 5px;
padding-bottom: 10px;
width: 300px;
background-color:#FFE9C4;
}
legend {
border: 1px solid #C08050;
font: bold 9pt Arial, Helvetica, sans-serif;
color:#C05010;
margin: 0px;
margin-left: 5px;
padding: 1px 5px 1px 5px;
background-color:#FFE9C4;
}




p.tobraz{
padding-left:0px;
width:210;
text-align:center;
height:50;


}

.label2{
width:200px;
font: bold 8pt Arial, Helvetica, sans-serif;
color:#C05010;
}

.label3{
width:300px;
font: bold 12pt Arial, Helvetica, sans-serif;
color:#C08050;
}

#ob2{
padding: 0px;
margin:0px;
position: relative;
top: 0;
left:25;
width:560px;

}



#sgtekst{
padding: 0px;
margin:0px;
padding-left:30px;
width:350px;
text-align:center;
font: bold 18pt Arial, Helvetica, sans-serif;
color:#C05010;
}
#sgtekst2{
padding: 0px;
margin:0px;
width:350px;
height:150px;
vertical-align:top;
padding-left:10px;
text-align:justify;
font: normal 10pt Arial, Helvetica, sans-serif;
color:#C05010;
}