body {  background-image: url(http://www.strovels.info.pl/graf/bg.gif); text-align: center; }
#opakowanie {  margin-right: auto;  margin-left: auto; position: relative; width: 744px; }
  
H1  { text-align : justify; font-family: arial; font-size: 9pt; font-style: normal;
     font-weight: normal; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px;
     color: black; }
H2  { text-align : center; font-family: arial; font-size: 12pt; font-style: normal;
     font-weight: bold; text-decoration: underline; margin-top: 0; margin-bottom: 0; margin-left: 10px;
     margin-right: 10px; color: black; }
H3  { text-align : justify; font-family: arial; font-size: 12pt; font-style: normal;
     font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 10px;
     margin-right: 10px; color: #018C43; }
H4  { text-align : center; font-family: arial; font-size: 9pt; font-style: italic;
     font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; 
     color: black; }
H5  { text-align : center; font-family: arial; font-size: 9pt; font-style: normal;
     font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 80px; margin-right: 10px; 
     color: black; }
.kontakt { text-align : center; font-family: arial; font-size: 10pt; font-style: normal;
     font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 70px; margin-right: 10px; 
     color: black; }
.ekowik { text-align : center; font-family: arial; font-size: 12pt; font-style: normal;
     font-weight: bold;  text-decoration: underline; margin-top: 0; margin-bottom: 0; margin-left: 70px; margin-right: 10px; 
     color: black; } 
.ekowiklogo { margin-left: 80px; margin-right: 10px; }
.wyslij { text-align : right; font-family: arial; font-size: 9pt; font-style: normal;
     font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 70px; margin-right: 10px; 
     color: black; }     
/* style menu*/

#nawigacja {
  width: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(http://www.strovels.info.pl/graf/tlo.gif);
}
#nawigacja ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nawigacja li {
  border-bottom: 1px solid #FFFFFF;
}

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

#nawigacja li a:link, #nawigacja li a:visited  {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 12px solid #2B6839;
  border-right: 1px solid #018C43;
  background-color: #018C43;
  color: #FFFFFF;
  text-decoration: none;
}
#nawigacja li a:hover {
  background-color: #02B758;
  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: #02B758;
  color: #FFFFFF;
}
#nawigacja ul ul a:hover {
  background-color: #02B758;
  color: #FFFFFF;
  text-decoration: underline;
}
/* tlo dla menu*/
.tlo { border-right: 1px solid #FFFFFF; background-image: url(http://www.strovels.info.pl/graf/tlo.gif); }
/* styl czionki dla naglowkow menu*/
.naglowki  { text-align : center; font-family: arial; font-size: 12px; font-style: normal;
     font-weight: bold; width: 180px; height: 26px; color: white; 
     background-image: url(http://www.strovels.dmkhosting.net/graf/guzik.jpg); }
/* styl czionki listwy*/
.listwa1  { width: 379px; height: 26px; 
     background-image: url(http://www.strovels.dmkhosting.net/graf/listwa1.jpg); }
.listwa2  { text-align : center; font-family: arial; font-size: 12px; font-style: normal;
     font-weight: bold; width: 180px; height: 26px; color: white;
     background-image: url(http://www.strovels.dmkhosting.net/graf/listwa2.jpg); }
/* stopka */
.stopka  { text-align : center; font-family: arial; font-size: 12px; font-style: normal;
     font-weight: bold; width: 744px; height: 10px; color: white;
     background-image: url(http://www.strovels.dmkhosting.net/graf/stopka.gif); }
/* styl stopki */
.m		{  color : #FFFFFF; }
a.m:link,a.m:active,a.m:visited 	{  color : #FFFFFF; text-decoration: none; }
a.m:hover{ text-decoration: underline; color : #FFFFFF; }
.g		{  color : #000000; font-weight: bold; }
a.g:link,a.g:active,a.g:visited 	{  color : #000000; text-decoration: none; font-weight: bold; }
a.g:hover{ text-decoration: underline; color : #2B6839; font-weight: bold; }
.n		{  text-align : center; font-family: arial; font-size: 9pt; font-style: normal; color : #000000; font-weight: bold; }
a.n:link,a.n:active,a.n:visited 	{  text-align : center; font-family: arial; font-size: 9pt; font-style: normal; 
color : #000000; text-decoration: none; font-weight: bold; } 
a.n:hover{ text-align : center; font-family: arial; font-size: 9pt; font-style: normal; 
text-decoration: underline; color : #2B6839; font-weight: bold; }
/* tlo granatowe dla szukaj */
.szukaj { width: 180px; height: 22px; background-color: #DDDDDD; }
.bokl { background-image : url("graf/bokl.gif"); }
.bokp { background-image : url("graf/bokp.gif"); }
/* tabele 1*/
.t5 { width: 66px; height: 30px; background-color: #018C43; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t5j { width: 66px; height: 30px; background-color: #99D3A6; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t5c { width: 66px; height: 30px; background-color: #5DDC7A; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t6 { width: 70px; height: 30px; background-color: #018C43; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t6j { width: 70px; height: 30px; background-color: #53C46D; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal; 
    color: white; border: 1px solid #018C43; }
.t6c { width: 70px; height: 30px; background-color: #439F58; text-align : center; 
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal; 
    color: white; border: 1px solid #018C43; }
/* tabele 2*/
.t3 { width: 48px; height: 30px; background-color: #018C43; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t3j { width: 48px; height: 30px; background-color: #99D3A6; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    font-weight: bold; color: white; border: 1px solid #018C43; }
.t3c { width: 48px; height: 30px; background-color: #5DDC7A; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    font-weight: bold; color: white; border: 1px solid #018C43; }
.t4 { width: 71px; height: 30px; background-color: #018C43; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t4j { width: 71px; height: 30px; background-color: #53C46D; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t4c { width: 71px; height: 30px; background-color: #439F58; text-align : center; 
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal; 
    color: white; border: 1px solid #018C43; }
/* tabele 3*/
.t1 { width: 62px; height: 30px; background-color: #018C43; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t1j { width: 62px; height: 30px; background-color: #99D3A6; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    font-weight: bold;  color: white; border: 1px solid #018C43; }
.t1c { width: 62px; height: 30px; background-color: #5DDC7A; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
     font-weight: bold; color: white; border: 1px solid #018C43; }
.t2 { width: 117px; height: 30px; background-color: #018C43; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t2j { width: 117px; height: 30px; background-color: #53C46D; text-align : center;   
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal;
    color: white; border: 1px solid #018C43; }
.t2c { width: 117px; height: 30px; background-color: #439F58; text-align : center; 
    font-family: arial; font-size: 8pt; font-style: normal; font-weight: normal; 
    color: white; border: 1px solid #018C43; }


#przemysl {  background-image: url(http://www.strovels.info.pl/graf/tloprzemysl.gif); }  
#myjnie {  background-image: url(http://www.strovels.info.pl/graf/tlomyjnie.gif); } 
#spozywcze {  background-image: url(http://www.strovels.info.pl/graf/tlospozywcze.gif); }  
#sprzatajace {  background-image: url(http://www.strovels.info.pl/graf/tlosprzatajace.gif); }
#uzupelniajace {  background-image: url(http://www.strovels.info.pl/graf/tlouzupelniajace.gif); }
#bhp {  background-image: url(http://www.strovels.info.pl/graf/tlobhp.gif); }
#formularz { margin-left: 85px;  }  
/* rekawice*/
.rekawice  { text-align : center; font-family: arial; font-size: 12pt; font-style: normal;
     font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 10px;
     margin-right: 10px; color: #018C43; }

.jeden { width: 109px; height: 50px; background-color: #EEEEEE; text-align : center;   
    font-family: arial; font-size: 9pt; font-style: normal; font-weight: bold;
    color: #000000; }
.dwa { width: 450px; height: 50px; background-color: #EEEEEE; text-align : justify;   
    font-family: arial; font-size: 9pt; font-style: normal; font-weight: normal;
    color: #000000; }