body { background-image: url(grafika.www/tlo.gif); text-align: center; }
img {behavior: url(/pngHack/pngHack.htc);}
#opakowanie {
   margin-right: auto;
   margin-left: auto;
   position: relative;
   width: 744px;
      }

.bokl { background-image : url("grafika.www/bokl.gif"); }
.bokp { background-image : url("grafika.www/bokp.gif"); }

/* style menu*/

.tlomenu { background-image : url("grafika.www/tlomenu.gif"); }

#nawigacja {
  width: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #6189BC;
}
#nawigacja ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nawigacja li {
  border-bottom: 1px solid #EDF4FB;
}

#nawigacja ul ul {
  margin-left: 12px;
}

#nawigacja li a:link, #nawigacja li a:visited  {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 9px solid #ED8A1F;
  border-right: 1px solid #034EA2;
  background-color: #034EA2;
  color: #FFFFFF;
  text-decoration: none;
}
#nawigacja li a:hover {
  background-color: #6189BC;
  color: #FFFFFF;
}
#nawigacja ul ul li {
  border-bottom: 1px solid #FFFFFF;
  margin:0;
}
#nawigacja ul ul a:link, #nawigacja ul ul a:visited {
  background-color: #6189BC;
  color: #FFFFFF;
}
#nawigacja ul ul a:hover {
  background-color: #6189BC;
  color: #FFFFFF;
  text-decoration: underline;
}


/* styl czionki dla naglowkow menu*/

.naglowki  {  
     text-align : center;   
     font-family: arial; 
     font-size: 12px;
     font-style: normal;
     font-weight: bold;
     width: 180px;
     height: 27px;
     color: white;
     background-image: url(grafika.www/naglowek.jpg);
}

/* pasek gora*/

.gorapasek  {  
     width: 447px;
     height: 22px;
     background-image: url(grafika.www/tlo_pasek_gora.gif);
       }

#gora  {  
     text-align : left;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 11px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 1px;
     margin-left: 9px;
     margin-right: 0px;
     color: white;
       }

.nizej {
     margin-top: 0px;
     margin-bottom: -3px;
}

/* pasek dol*/

.dol { background-image : url("grafika.www/dol.gif"); width: 744px; height: 47px;}

#dol  {  
     text-align : center;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 11px;
     font-style: normal;
     font-weight: normal;
     margin-top: 30px;
     margin-bottom: 1px;
     margin-left: 0px;
     margin-right: 0px;
     color: white;
       }

.g		{  color : #ffffff; }
a.g:link,a.g:active,a.g:visited 	{  color : #ffffff; text-decoration: none; }
a.g:hover{ text-decoration: underline; color : #ffffff; }

.m		{  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 6px; color : #000058; }
a.m:link,a.m:active,a.m:visited 	{  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 6px; color : #000058; text-decoration: none; }
a.m:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 6px; text-decoration: underline; color : #000058; }

.j		{  color : #000058; }
a.j:link,a.j:active,a.j:visited 	{  color : #000058; text-decoration: none; }
a.j:hover{ text-decoration: underline; color : #000058; }

.e		{  color: #ffffff; background-color: #89A3E1; }
a.e:link,a.e:active,a.e:visited 	{  color: #ffffff; text-decoration: none; background-color: #89A3E1; }
a.e:hover{ text-decoration: underline; color: #ffffff; background-color: #89A3E1; }

.f		{  color: #ffffff; background-color: #748ABE; }
a.f:link,a.f:active,a.f:visited 	{  color: #ffffff; text-decoration: none; background-color: #748ABE; }
a.f:hover{ text-decoration: underline; color: #ffffff; background-color: #748ABE; }

.tytul  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #034EA2;
     height: 30px;
     width: 400px; 
       }
.obrazek  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #ED8A1F;
     width: 111px; 
       }
.tabela  {  
     text-align : center;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #89A3E1;
     width: 289px; 
       }     
 
.ceny  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #99B5F8;
     height: 30px;
     width: 60px; 
       }

.ceny1  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #859EDA;
     height: 30px;
     width: 60px; 
       }
.ceny2  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #89A3E1;
     height: 30px; 
     width: 80px;
       }

.ceny3  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     color: white;
     background-color: #748ABE;
     height: 30px;
     width: 80px; 
       }

.ceny4  { 
     text-align : justify;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     color: white;
     background-color: #89A3E1;
     width: 289px;
       }

.ceny5  {  
     text-align : center ;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 5px;
     margin-right: 5px;
     color: white;
     background-color: #748ABE;
     height: 30px;
     width: 289px; 
       } 

h1  {  
     text-align : center;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 10px;
     margin-right: 10px;
     color: #000058;
     background-color: #EDF4FB; 
       }
h2  {  
     text-align : justify;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 10px;
     margin-right: 10px;
     color: #000058;
     background-color: #EDF4FB; 
       }
h3  {  
     text-align : center;   
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px;
     font-style: normal;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 10px;
     margin-right: 10px;
     color: #000058;
     background-color: #EDF4FB; 
       }