body{
   background-image: url('Obrazki/table_bg.jpg');
   margin: 0px;
   padding: 0px;
   text-align: center;
   font-family: 'Tahoma';
   font-size: 12px;
}
td{
   vertical-align: top;
}
form{
   margin: 0px;
   padding: 0px;
}
a{
   color: #3D0001;
   text-decoration: none;
}
a:hover{
   text-decoration: underline;
}
p{
   margin: 0px 20px 0px 20px;
   padding: 10px 0px 10px 0px;
}
#error{
   text-align: center;
   border-top: 1px solid red;
   border-bottom: 1px solid red;
   background-color: #EECECE;
   padding: 10px;
   margin: 10px 0px 10px 0px;
   width: 560px;
}
#ok{
   text-align: center;
   border-top: 1px solid green;
   border-bottom: 1px solid green;
   background-color: #D8FCC8;
   padding: 10px;
   margin: 10px 0px 10px 0px;
   width: 560px;
}
#a1{
   background-image: url('Obrazki/index_02.jpg');
   width: 112px;
   height: 39px;
   display: block;
   float: left;
}
#a2{
   background-image: url('Obrazki/index_03.jpg');
   width: 110px;
   height: 39px;
   display: block;
   float: left;
}
#a3{
   background-image: url('Obrazki/index_04.jpg');
   width: 128px;
   height: 39px;
   display: block;
   float: left;
}
a img{
   border: 0px;
}
#main{
   margin: 0px auto 0px auto;
   width: 900px;
   display: block;
}
#mtop{
   width: 900px;
   height: 39px;
   display: block;
   background-image: url('Obrazki/index_05.jpg');
   background-repeat: repeat-x;
   text-align: left;
}
#top{
   width: 900px;
   height: 133px;
   display: block;
   background-image: url('Obrazki/index_08.jpg');
}
.info{
   width: 900px;
   height: 22px;
   display: block;
   background-image: url('Obrazki/index_09.gif');
   text-align: left;
}
.info label, .info a{
   padding-left: 8px;
   position: relative;
   top: 1px;
   line-height: 18px;
}
#con{
   width: 900px;
   display: block;
   background-image: url('Obrazki/bg_srodek.gif');
   text-align: left;
}
.s1{
   width: 160px;
   height: 17px;
   display: block;
   background-image: url('Obrazki/s_1.gif');
   text-align: left;
   vertical-align: top;
   margin-top: 8px;
}
.s1 span, .l1 span{
   color: white;
   font-weight: bold;
   position: relative;
   left: 20px;
   top: 2px;
   height: 16px;
   display: block;
}
.s2{
   width: 160px;
   display: block;
   background-image: url('Obrazki/s_2.gif');
   background-repeat: repeat-y;
   text-align: left;
}
.a1{
   display: block;
   padding: 0px 2px 2px 18px;
   width: 130px;
}
.a1 span{
   color: red;
}
.s3{
   width: 160px;
   height: 4px !important;
   display: block;
   background-image: url('Obrazki/s_3.gif');
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   font-size: 1px;
}
.l1{
   width: 580px;
   height: 17px;
   display: block;
   background-image: url('Obrazki/l_1.jpg');
   background-repeat: no-repeat;
   text-align: left;
   vertical-align: top;
   margin-top: 8px;
}
.l2{
   width: 580px;
   display: block;
   background-image: url('Obrazki/l_2.gif');
   background-repeat: repeat-y;
   text-align: left;
}
.l3{
   width: 580px;
   height: 4px !important;
   display: block;
   background-image: url('Obrazki/l_3.gif');
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   font-size: 1px;
}
.s2 p{
   padding: 2px 2px 2px 12px;
   margin: 0px;
}
.inp1{
   width: 122px !important;
   padding: 0px 2px 0px 2px;
   margin: 2px auto 2px 14px;
   border: 1px solid #D0D3D8 !important;
}
.inp2{
   border: 1px solid gray;
   font-family: 'Tahoma';
   font-size: 11px;
   width: 160px !important;
   padding: 2px 3px 2px 3px;
   margin: 0px;
}
select{
   padding: 2px 3px 2px 3px;
}
.txt1{
   width: 260px !important;
   height: 100px;
   padding: 2px 2px 2px 2px;
   margin: 0px;
}
.sub2{

   font-size: 11px;
   padding: 0px 2px 0px 2px;
   margin: 2px auto 0px 45px;
   display: block;
   text-align: center;
   width: 70px;
}
ul{
   margin: 0px;
   padding: 5px;
}
li{
   list-style-type: none;

   margin: 0px auto 0px 12px;
   padding: 2px 0px 2px 0px;
}
.footer{
   border-top: 1px solid black;
   text-align: center;
   margin-bottom: 15px;
}
.footer span{
   position: relative;
   top: 3px;
}
.sel, .sel option{
   width: 140px;
   margin: 0px 0px 2px 10px;
   border: 1px solid #D0D3D8;
   font-size: 11px;
}
.at{
   background-color: #940A0A;
   color: #FFFFFF;
}
.ata{
   background-color: #9F0F0F;
   color: #FFFFFF;
}
h2{
   padding: 0px;
   margin: 0px auto 5px 20px;
   font-family: 'Tahoma';
   font-size: 13px;
}
.p2{
   margin: 0px;
   padding: 5px 5px 0px 135px;
}
.p2 label{
   width: 100px;
   display: block;
   float: left;
}
.c{
   text-align: center;
}
.r{
   text-align: right;
}
.l{
   text-align: left;
}
.item{
   width: 190px;
   text-align: center;
}
.item a img{
   border: 1px solid gray;
}

.imf{
   position: relative;
   left: 3px;
   top: 3px;
}
.ih1{
   font-family: 'Verdana';
   font-size: 14px;
}
.bu_dodaj{
   background-image: url('Obrazki/dodaj.gif');
   background-repeat: no-repeat;
   border: 0px;
   margin: 0px 0px 0px 15px;
   padding: 0px;
   width: 118px;
   height: 24px;
   cursor: pointer;
}
.del{
   padding-left: 15px;
   background-color: white;
   background-image: url('Obrazki/del.gif');
   background-repeat: no-repeat;
   background-position: left top;
   cursor: pointer;
   border: 1px solid #D09296;
}
.ok{
   background-image: url('Obrazki/ok.gif');
   background-repeat: no-repeat;
   border: 0px;
   margin: 0px 0px 0px 55px;
   padding: 0px;
   width: 49px;
   height: 24px;
   cursor: pointer;
}
#koszyk{
   width: 90%;
   margin: auto;
   background-color: #D0D3D8;
}
#koszyk td{
   vertical-align: middle;
   padding: 3px;
   background-color: #FFFFFF;
}
#koszyk th{
   text-align: left;
   background-image: url('Obrazki/table_th.jpg');
   background-position: left bottom;
   padding-left: 4px !important;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
}
#sz a{
   font-family: 'Arial';
   font-size: 16px;
   text-decoration: underline;
}
#sz span{
   color: green;
}