html, body  {
background: #e7e7e7; 
text-align: center; 
font-size: 1em; 
font-family: arial, "lucida console", sans-serif;
background-image:url('images/tlo.jpg'); 
background-repeat:repeat-x;
margin:0 auto;
}
	
body *{
margin: 0px auto; 
padding: 0px; 
font-size: 1em; 
letter-spacing:0em;
text-align: left;
}
	
img 
  {border: 0px;}
h1 
	{font-size: 1.4em; font-weight: bold;}
h2 
	{font-size: 1.2em;}
h3
	{font-size: 1em; font-weight: bold;}
	
.s li{
float:left; 
width:50%;
margin:0 auto;
padding:0;
}

ul li{
margin:0 auto; 
padding:0;
}

a 
	{color: #fff; font-size: 1em; text-decoration:none; outline:none;}
	
a:visited 
	{color: #fff;}
	
a:hover 
	{color: red; outline:none;}
	
p {
color:#fff;
font-size:10px;
padding:20px 50px 60px 50px;
background-image:url('images/tresc_tlo_gora.jpg');
background-repeat:no-repeat;
background-position:top;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

.proces_tlo1{
background-image:url('images/proces_1.jpg');
background-position:top left;
padding-bottom:18px;
padding-left:50px;
padding-top:8px;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

.proces_tlo2{
background-image:url('images/proces_2.jpg');
background-position:top left;
padding-bottom:16px;
padding-left:50px;
padding-top:10px;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

.proces_tlo3{
background-image:url('images/proces_4.jpg');
background-position:top left;
padding-bottom:18px;
padding-left:50px;
padding-top:8px;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

.proces_tlo4{
background-image:url('images/proces_4.jpg');
background-position:top left;
padding-bottom:18px;
padding-left:50px;
padding-top:8px;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

.proces_tlo5{
background-image:url('images/proces_3.jpg');
background-position:top left;
padding-bottom:50px;
padding-left:50px;
padding-top:8px;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

#kontakt{
background-image:url('images/kontakt_tlo.jpg');
background-position:bottom;
width:488px;
position:relative;
}

#kontakt h1{
background-image:url('images/h1.jpg');
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
color:#fff;
padding:15px 0 13px 50px;
}

#port{
width:818px;
height:670px;
background-image:url('images/port.jpg');
background-repeat:no-repeat;
}

#logo{
padding:40px 0 0 40px;
cursor:hand;
}

#lewa{
float:left;
width:266px;
position:relative;
height:300px;
}

#prawa{
float:left;
width:543px;

}

#tresc{
width:488px;
background-image:url('images/tresc_tlo_dol.jpg');
background-repeat:no-repeat;
background-position:bottom;
background-color:#9c9d9f;
}

#tresc h1{
background-image:url('images/h1.jpg');
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
color:#fff; 
padding:15px 0 12px 50px;
}

#realizacje{
width:488px;
background-color:#9c9d9f;
margin-left:69px;
margin-top:58px;
}

#realizacje h1{
background-image:url('images/h1.jpg');
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
color:#fff; 
padding:15px 0 12px 50px;
}

#boxy{
width:488px;
height:122px;
margin-top:10px;
background-image:url('images/boxy.jpg');
background-repeat:no-repeat;
}

.small{
text-align:right;
margin-top:5px;
margin-bottom:5px;
line-height:80%;
}

.small a{
color:#fff;
font-size:11px;
}

.small a:hover{
color:#fff;
font-size:11px;
}

.oferta_opis{
width:280px;
padding:8px 0 0 50px;
float:left;
background-image:none;
font-family: arial, "lucida console", sans-serif;
font-size:11px;
}

.oferta_obrazek{
width:155px;
float:right;
}

#standy{
background-image:url('images/oferta_1.jpg');
width:488px;
height:138px;
color:#fff;
font-size:10px;
}

#materialy{
background-image:url('images/oferta_2.jpg');
width:488px;
height:137px;
color:#fff;
font-size:10px;
}

#oferta{
background-image:url('images/oferta_3.jpg');
width:488px;
height:137px;
color:#fff;
font-size:10px;
}

ul, li { padding:0; margin:0; list-style-type:none; }
#menu { position:absolute; left:35px; }
#menu ul {  float:left; width:300px; position:relative; z-index:2;  overflow:hidden; height:300px; padding-bottom:2px; }
#menu ul li{ height:30px; float:left; position:relative;margin:0; padding:0;}
#menu ul li a { outline:none; float:left; position:absolute; top:0; left:0; margin-left:0; display:block; width:175px; height:32px; cursor:hand; font-size:14px; text-decoration:none; color:#FFFFFF;
		 font-family:verdana; text-transform:uppercase; font-weight:bold; padding-top:7px;}
#menu ul li a { outline:none; background:transparent url(images/menubg.png) no-repeat top left;}
.akt { background:transparent url(images/menubg.png) no-repeat top right !important; }
#menu ul li span {display:block; width:2px; height:30px; position:absolute; right:0; top:0; display:block; z-index:2; background:0;}
		
	#l1 {top:30px;}
	#l2 {top:60px;}
	#l3 {top:90px;}
	#l4 {top:120px;}
	#l5 {top:150px;}
	

	
#menu .podmenu a{
font-family: arial, "lucida console", sans-serif; 
display:inline; 
float:none; 
margin-top:38px; 
padding:2px 0px; 
outline:none; 
font-size:11px; 
text-align:right; 
background-image:none; 
font-weight:100; 
text-transform:none; 
}

#menu .podmenu a:hover{
font-weight:bold; 
}

#menu #zaznaczone{
text-align:right; background:transparent url(images/menubg.png) no-repeat top right; padding-right:10px; }

#menu #zaznaczoneie{
text-align:right; background:transparent url(images/menubg.gif) no-repeat top right !important; padding-right:10px; }