html {
overflow:hidden;
width:100%;
height:100%;
}
body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
width:100%;
height:100%;
margin:0px;
padding:0px;  
overflow:hidden;
font-size:11px;
}
div#upbody {
background:url(grafika/margineslewy.gif) repeat-y;
width:100%;
height:100%;
overflow:auto; 
background-color:#efefef;
z-index:1;
position:absolute;top:0px;
}
div#top {
width:100%;
height:140px;
background-color:#000000;
position:absolute;left:14px;top:0px;
z-index:2;
}
div#menu {
position:absolute;left:14px;top:0px;
width:211px;
height:100%;
background-color:#000000;
z-index:2;
color:#ffffff;
overflow:auto;
}
#menu_przew {
overflow:auto;
height:100%;
}
#menu0 {
position:absolute; left:15px; top:208px;
}
dt {
margin-top:2px;
}
dd {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
}
#menu0 dd.active {
font-weight:bold;
font-size:10px;
/*margin-left:45px;*/
}
#menu0 a:link {
text-decoration:none;
color:#ffffff;
}
#menu0 a:visited {
text-decoration:none;
color:#efefef;
}
#menu0 a:hover {
text-decoration:none;
font-weight:bold;
color:#efefef;
}
#menu0 a:active {
text-decoration:underline;
}
#sklep {
width:180px;
height:33px;
display:block;
background:url(grafika/Prep.gif) no-repeat ;
}
#menu0 dt.active #sklep {
background:url(grafika/Prep-ponad.gif) no-repeat;
}
dt:hover #sklep {
background:url(grafika/Prep-ponad.gif) no-repeat;
}
#fe {
width:180px;
height:20px;
display:block;
background:url(grafika/Fe.gif) no-repeat;
}
#menu0 dt.active #fe {
background:url(grafika/Fe-ponad.gif) no-repeat;
width:180px;
height:20px;
display:block;}
#fe:hover {
background:url(grafika/Fe-ponad.gif) no-repeat;
width:180px;
height:20px;
display:block;
}
#otc {
width:180px;
height:33px;
display:block;
background:url(grafika/Otc.gif) no-repeat;
}
#menu0 dt.active #otc {
background:url(grafika/Otc-ponad.gif) no-repeat;
}
#otc:hover {
background:url(grafika/Otc-ponad.gif) no-repeat;
}
#chem {
width:180px;
height:33px;
display:block;
background:url(grafika/Chemic.gif) no-repeat;
}
#menu0 dt.active #chem {
background:url(grafika/Chemic-ponad.gif) no-repeat;
}
#chem:hover {
width:180px;
height:33px;
display:block;
background:url(grafika/Chemic-ponad.gif) no-repeat;
}
#lit {
width:180px;
height:20px;
display:block;
background:url(grafika/Liter.gif) no-repeat;
}
#menu0 dt.active #lit {
background:url(grafika/Liter-ponad.gif) no-repeat;
}
#lit:hover {
width:180px;
height:20px;
display:block;
background:url(grafika/Liter-ponad.gif) no-repeat;
}
#koszyk {
width:180px;
height:20px;
display:block;
background:url(grafika/Cart.gif) no-repeat;
}
#menu0 dt.active #koszyk {
background:url(grafika/Cart-ponad.gif) no-repeat;
}
#koszyk:hover {
width:180px;
height:20px;
display:block;
background:url(grafika/Cart-ponad.gif) no-repeat;
}
h1.nagl1 {
font-size:16px;
font-weight:bold;
text-align:center;
color:#800000;
letter-spacing:2px;
margin-top:0px;
margin-bottom:20px;
}
h2 {
background-color: #004f01;
font-size: 14px;
font-weight: normal;
text-align: center;
color: #ffffd2;
letter-spacing: 3px;
padding:3px 0px;
width:700px;
}
h2.nagl2 {
width:590px;
float: right;
}
h3 {
background:#ffffd2;
font-size:14px;
font-weight:bold;
text-align:center;
color:#004f01;
width:700px;
margin:21px 0px 0px 0px;
padding:5px 0px 5px 0px;
float:left;
}
h3.nagl3 {
width:590px;
margin:21px 0px 0px 0px;
padding:5px 0px 5px 0px;
float:right;
display:block;
}
p.podtytul {
color: #004f01;
font-size:12px;
margin:0px 11px 11px 140px;
}
p.pozostale {
color: #004f01;
margin-left:100px;
}
div#body {
background:url(grafika/margineslewy.gif) repeat-y;
padding:140px 0px 0px 264px;
width:700px;
min-height:80%;
}
div.pudelko {
border-color:#ffffff;
border-style:solid;
border-width:0px 0px 2px 0px;
font-size:11px;
height:73px;
overflow:hidden;
padding:0px;
width:700px;
}
div.obrazek {
float:left;
height:67px;
margin:3px 0px;
padding:0px;
width:100px;
text-align:center;
}
div.tekst {
float:left;
height:70px;
margin: 0px 0px 0px 30px;
width:420px;
}
div.zakup {
float:left;
height:67px;
margin:3px 0px;
text-align:right;	
width:150px;
}
img {
border-style:none;
border-width:0px;
display:block;
}
img.p {
/*width:45px;
height:67px;*/
margin:0px auto;
}
img.l {
width:75px;
height:100px;
}
img.download {
width:30px;
height:30px;
float:left;
}
p{
display:block;
}
a.download {
text-decoration:none;
color:#004f01;
}
p.id1 {
margin:5px 0px 0px 0px;
}
p.opis{
height:24px;
margin:11px 0px 0px 0px;
}
p.nowosc {
margin:0px;
position:relative;top:-50px;
width:445px;
text-align:center;
font-weight:bold;
text-decoration:underline;
color:#ff0000;
}
span.ilosc {
font-size: 12px;
font-family: serif;
}
span.staracena {
font-weight:normal;
text-decoration:line-through;
}
span.nowacena {
color:#ff0000;
}
/********LITERATURA********/
div.pudelko_lit {
border-color:#ffffff;
border-style:solid;
border-width:2px 0px 0px 0px;
font-size:11px;
height:135px;
width:700px;
}
div.tekst_lit {
float:left;
height:135px;
width:490px;
}
div.obrazek_lit {
float:left;
height:100px;
margin:15px 5px 20px 0px;
width:75px;
}
div.zakup_lit {
float:left;
height:100px;
margin:15px 0px 20px 30px;
width:100px;
}
p.autor {

}
p.tytul {
margin:11px 0px 0px 0px;
font-weight:bold;
}
p.opis_lit {
margin:22px 0px 0px 0px;
}
p.nowosc_lit {

position:relative;top:15px;
width:495px;
text-align:center;
font-weight:bold;
text-decoration:underline;
color:#ff0000;
}
span.nowacena_lit {
color:#ff0000;
margin:0px 0px 0px 40px;
}
/**************************/
/*KARTONIKI*/
div.kartoniki {
height:30px;
width:675px;
border-bottom: solid 2px #ffffff;
margin-top:10px;
padding-left:25px;
}
div.id {
width:75px;
float:left;
}
div.opis_kartoniki {
width: 275px;
margin-left:25px;
float:left;
}
div.cena_kartoniki {
width:125px;
margin-left:50px;
font-weight:bold;
float:left;
}
/***/
form.form {
margin:11px 0px 0px 0px;
}
input.pole {
margin:0px 10px 0px 2px;
width: 25px;
}
input.form {
width:250px;
}
.usun {
background-color: #004f01;
font-size:14px;
font-weight:bold;
color:#ffffd2;
width:22px;
border:1px outset;
text-align:center;
}
.zmien {
background-color: #004f01;
color:#ffffd2;
border:1px outset;
text-align:center;
}
.in {
display:inline;
}
p {
margin:0px;
}
table {
width:700px;
background-color:#000000;
border-style:none;
}
th {
background-color:#ffffd2;
padding:4px;
}
td {
background-color:#efefef;
padding:6px;
text-align:center;
}
td.form {
text-align:left;
padding:2px;
}
.blokada {
white-space:nowrap;
}
.sr {
margin: 0px auto
}
.srtd {
margin:0px;
}
.red {
color: #ff0000;
font-weight:bold;
}
.reg {
text-align: justify;
width:600px;
}

