body {
    font-family: Arial, sans-serif;
    color: #333; 
    font-size: 13px; line-height: 20px;
    text-align: left;
    background: #fffffe;
    background-image:url(grafiki/tlo.jpg); background-repeat:repeat-x;
     }
     
 .rama {position: absolute; top:0px; width:824px; }   
 table, td, tr, img, h1, h2, h3, h4, p, .ramka, object {margin: 0px; padding: 0px}   
 
  /* struktura - tło strony*/ 
.tlo1{ background:#fffffe; background-image:url(grafiki/tlo1.jpg); background-repeat:repeat-x;
	   width:900px; padding:16px 0px 0px 1px; 
	   vertical-align: top /* tekst na stronie*/ 
	   }
.tlo1_l{ background-image:url(grafiki/tlo1_l.jpg); background-repeat:no-repeat;
	   width:15px; height:300px
	   }
.tlo1_p{ background-image:url(grafiki/tlo1_p.jpg); background-repeat:no-repeat;
	   width:12px; height:300px
	   }  
.tlo_s_l{ background-image:url(grafiki/tlo_s_l.jpg); background-repeat:repeat-y;
	   width:15px;  height:250px;vertical-align: text-top; vertical-align: top
	   }    
.tlo_s_p{ background-image:url(grafiki/tlo_s_p.jpg); background-repeat:repeat-y;
	   width:12px; vertical-align: text-top; vertical-align: top
	   }   
.tlo_d { background-image:url(grafiki/tlo_d.jpg); background-repeat:repeat-x;
	    height:40px  
	   }
.tlo_d_l{ background-image:url(grafiki/tlo_d_l.jpg); background-repeat:no-repeat;
	   width:15px; height:40px
	   }   
.tlo_d_p{ background-image:url(grafiki/tlo_d_p.jpg); background-repeat:no-repeat;
	   width:12px; height:40px
	   }  
.male { font-size: 12px;  text-indent: 10px;}	   
.prostokat {position: absolute; top:220px; left:55px;border: #444444 1px solid; background: #aba9ab; width:148px; height:155px}
.napis {width:200px; height: 100px; position: absolute; top:380px; left:30px; padding: 0px; text-align: center;}
.strona {text-align:left; vertical-align: text-top; vertical-align: top}
.tekst {margin-left: 0px; margin-right: 30px;}
.c  { padding:8px; margin: 0px ; border: solid 1px #777;  background-color:#eee; text-align: center}
.targi {background-color:#eee;padding:10px; font-size:14px; text-align: center}
/* formularz */

.odstep { height:5px}
.info { background:#fffffe; border: #ddd 1px solid; padding: 5px 7px}
.data {float:left; color:#777; font-style: italic; font-size: 11px;}	

.pole {background-color:#fefefe;width:320px; height:17px; border:0px; 
	   font-family: Arial, sans-serif; font-size: 12px; line-height: 15px;}
	   
.form {background-color:#ddd; text-align: left; padding: 0px 20px; color:#333}
.tab   { padding:8px; border: solid 1px #aaa; vertical-align: middle; font-size: 12px; line-height: 15px;}
.tab1   {vertical-align: middle; padding:2px 5px 2px 5px; border: solid 1px #aaa; font-size: 12px; line-height: 15px}
.tab2   {vertical-align: middle; padding:2px 5px 2px 5px; border: solid 1px #aaa; font-size: 12px; line-height: 15px; text-align:center}

span {color: #ff4000; font-weight:bold}

h1 {font-size: 16px; line-height: 26px; font-weight: bold;  color:#ff4000; font-style: normal; text-align: left;
     } 
     
h2 { font-size: 16px; line-height: 25px; font-weight: normal;  color:#fff; font-style: normal; text-align: left; }

h3 { position: absolute; top:35px; left:350px; 
     font-size: 15px;  line-height: 20px; color:#000;  font-weight: bold; text-align:center;text-indent: 0;}

h4 { font-size: 16px; line-height: 26px; font-weight: bold;  color: #ff4000; font-style: normal; text-align: left; }

p {font-size: 13px; line-height: 20px;
     text-align:left;  text-indent:0px; 
     }
     
li    {font-size: 13px; line-height: 20px; 
       text-indent:0;  padding:0px; margin: 0px 0px 0px 15px;text-align:justify;
	}

ul  { padding:0px; margin: 0px 0px 5px 0px; list-style-type: square;text-align:left;}	

a.wiecej {float:right ; font-size: 12px; line-height: 16px;}
a.wiecej:link,a.wiecej:visited { color:red;   background:#eee; }
a.wiecej:hover,a.wiecej:active {color: #fff;   background:#aaa;}

a { font-family: Arial, sans-serif; text-decoration:none; font-size: 12px; line-height: 15px;}
a:link { color:red; }
a:visited { color:orange; }
a:hover,a:active {color: #7e0303;  }

.powrot {position: absolute; left: 830px; top: 190px; width:80px}

.uwaga{color: red;background-color:#eee; font-size: 15px; line-height: 25px;}

/*MENU BOCZNE - pionowe*/
#nawigacja ul#menu { margin:0px; padding:0px; list-style:none; text-align: center;}
#nawigacja * a:hover{ color:#fff;}
#nawigacja * a{color:#333 ;}
#nawigacja * a, #nawigacja * a:visited{ text-decoration:none; font-size:12px; font-weight: normal; border: 0px none;}

a.rollover {display: block; width: 174px; height: 35px; text-indent:-5px; line-height:27px; background: url(grafiki/p1.jpg) top left no-repeat; text-align: center}
a.rollover:hover {background-position: 0px -35px;}

li.mb    { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
ul.mb   { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
/*Koniec utawien menu*/

/*MENU POZIOME*/
li.poz    {padding:0px; margin: 0px 0px 0px 0px;}
ul.poz { padding:0px; margin: -2px 0px 0px 0px;}

#navbar { 
font-style: normal;text-align: left; padding:0px 0px; 
 height:21px; width:750px; margin-left:0; 
} 
#navbar li.poz { 
list-style:none; display:inline; 
} 
#navbar a {font-size: 12px;  line-height: 21px;
width:96px; color:#333; text-decoration:none; 
background:transparent url("grafiki/p.gif") no-repeat; float:left; 
padding:0px 0px 0px 0px; margin:0px;text-align:center;
} 
#navbar a:hover { 
background-position:0 -21px; color: #fff; 
} 
#navbar a:active { 
background-position:0 -21px; color:#fff;
} 
#navbar li.poz {
background-image:none;padding:0;
}