  html, body
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            font-family: Verdana, sans-serif;
            font-size: smaller;
            text-align: center;
            line-height: 1.5em;
            color: #050d24;
            background-image: url( 'images/gradient8.png' );
            background-repeat: repeat-x;
				background-attachment: fixed;
            font-size: x-small; /* IE5 Win */
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
        }
        
       
        html > body
        {
            /* be nice to Opera */
            font-size: small;
        }
        *
        {
            margin: 0;
            padding: 0;
        }
        
        .main {
 border: 0px solid; width: 50%;
 text-align: left;
 margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
 
 }



        h2
        {
            font: bold 100% Verdana;
            font-weight: bold;
            text-align: left;
            padding: 0px;
            margin-right: 110px;
				margin-top: 70px;
            margin-bottom: 30px;
            color: #003300;
				padding-bottom: 5px;
				text-indent: 5px;
        }
        h1
        {
            font: bold 120% Verdana;
            text-align: left;
            margin-right: 80px;
            margin-top: 60px;
            margin-bottom: 30px;
            color: #339900;
            border-bottom: 1px solid #003300;
            padding-bottom: 10px;
        }
			
		  h3  
		  {
		     font: bold 11px Verdana;
			  text-align: center;
			  padding-top: 30px;
			  padding-bottom: 30px;		
    		}		
			
		 h4 {
		    font: bold 11px Verdana;
			 text-align: left;
			 color: green;
			 text-indent: 0px;
			 padding-bottom: 25px;
			 padding-top: 25px;}	
			 
       a {
		  text-decoration: none;
		  color: green;	
		  }
      
	    table {
			border: 0px;
			}
		li {
		      text-align: left;
				list-style-image: url('images/kropka.gif');
				padding-bottom: 3px;
				margin-bottom:10px;
				text-indent: 0px; 
			}
		 
      img {
            border:0px;
		}
		.img   {
	         border:0px;
				text-align: center;
				padding-bottom: 80px;
				padding-top:40px;
			}
      #img2   {
		      padding-left:40px;
				padding-bottom: 50px;
				padding-top: 40px;
				}
		.logo {
				padding: 0px;
				vertical-align: top;
				padding-left: 60px;
				padding-bottom: 30px;
				}
	.imgprobka{
	      padding:0px;
			padding-top: 30px;
			padding-bottom: 30px;
			}
			
             .menuul, .menuul li
        {
            display: block;
            list-style: none;
            margin: 0px;
            padding: 0px;
            font-size: 10px;
        }
        .menuul li
        {
            float: left;
            border-width: 0 1px 1px 1px;
            border-style: solid;
            border-color: transparent #30990B #30990B #66CC33;
				text-indent: 15px;
        }
        .menuul a:link, .menuul a:visited	
        {
            text-decoration: none;
            display: block;
            width: 100px;
            height: 25px;
            margin: 0px;
            padding: 5px;
            text-align: center;
            background: url( "images/tlobutton11.gif" );
            color: #fff;
        }
		  
       
                .menuul a:hover
        {
            background: url( "images/tlobutton13.gif" );
            color: #fff;
        }
        .menucell
        {
            text-align: center;
            background: url( "images/tlobutton11.gif" );
				vertical-align: text-top;
        }
        .rowbanner
        {
            vertical-align: text-top;
        }
			
		  #oczyszczacz {
		      margin-top: 50px;
		  }	
		  #zamglawiacz {
		      margin-top: 30px;	
		  }	
				
		  #falownik {
		      margin-top: 30px;	
				margin-bottom: 80px;
		  }
        #lastborder
        {
            border-right-width: 0px;
        }
			
		  #logo 
		      {vertical-align:super;
		  }	
       .dlaczego {
		      padding: 30px;
	     }
				
		 #dlaczego {
		      font-weight: bold;
				padding-top: 30px;
				padding-bottom: 0px;}
				
		 #potrzeba {
		      text-decoration: underline;
				font-weight: bold;
		 }
        .srodek
        {

				background: white url( "images/tloczek.gif" );
				background-repeat: repeat-x;
				background-position: top;
				color: #333333;
               padding-right: 80px;
				padding-left: 40px;
            font-size: 11px;
            text-align: justify;
				text-indent: 20px;
				height: 500px;
       vertical-align: text-top; 
       
       }

		#srodek3 {
		background: white url( "images/tlosrodek2.gif" );
		background-repeat: repeat-x;
		background-position: top;
			color: #333333;
               padding-right: 80px;
				padding-left: 40px;
            font-size: 11px;
            text-align: justify;
				text-indent: 20px;
				height: 500px;
       vertical-align: text-top; 
        }

		      
		  .srodek2 {

			color: #333333;
            padding: 40px;
            padding-top: 0px;
            margin-top: 0px;
            font-size: 11px;
            text-align: justify;
			text-indent: 20px;
            vertical-align: top;
	 }
	 
	 
	 #tabelka {
	        font-weight: bold;
	        text-align: left;
	        padding-left: 80px;
	        
	     }
	     #tabelka2 {
	       padding-left: 20px;
	       }
        .stopka
        {
            background: url( "images/stopka.gif" );
				background-position: center;
            text-align: center;
            font-size: 9px;
            color: #fff;
            width: 660px;
            height: 57px;
        }
        
        
         .menupionowe
        {
            background: white;
            width: 160px;
            text-decoration: none;
				vertical-align: text-top;
				padding-top: 60px;
        }
        
ul.tree {
	display: block;
	margin-left: 0;
	text-align: left;
	font: 9px;
}

ul.tree ul {
	display: block;
	margin-left: 0;
	padding-left: 15px;;
	margin-top: 0;
	margin-bottom: 0;

}

ul.tree li {
	display: block;
	padding-left: 15px;
	list-style-image: none;
	list-style-type: none;
}


ul.tree li a 
{
	text-decoration: none;
	cursor: pointer;
	color: green;
}
 ul.tree a:link, ul.tree a:visited	
        {
            text-decoration: none;
            display: block;
            margin: 0px;
            padding: 2px;
            padding-left: 15px;
            text-align: left;
            color: green;
        }
		  
           .tree a:active
           
           {
            text-decoration: none;
            display: block;
            margin: 0px;
            padding: 5px;
            text-align: left;
            font-weight: bold;
            color: green;
            }

ul.tree li a:hover 
{
	font-weight: bold;
	color: #333333;
}
 .head {
 text-decoration: none;
 font: 11px verdana;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
text-align: left;
padding-left: 20px;
height: 20px;
 }
        			
#accordion {

width: 160px;
height: 500px;
overflow: hidden;
text-align: left; 
font-size: 10px;
}


.galeria {
vertical-align: middle;
text-align: left;
text-indent: 0px;
}


 .formularz {
  text-align: cener;
  padding-top: 30px;
  padding-bottom: 60px; }