/*style*/
body {WIDTH: 100%; 
      margin: 5px 0;
      padding:0;
      text-align: center;
      color: black;
/*      background-color: #005796;*/
	background-image: url(../grafika/logotlo.jpg);

		}
		
div#glowny {width: 760px; 
			   margin: 0 auto; 
			   padding: 0;
			   text-align: left;
			   }

				
.baner {width:760px;
		color: black;
		
			  } 
table#baner_tab {width: 100%;
				margin:0;
				padding:0;
		   	background-color: white;
			border: 1px solid #739ab7;
				}
/*niebieski pasek pomiedzy grafika z lukami*/		
.pasek {
   width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    background-color: #739ab7;
    position: relative;
    z-index:0;
}
/*dla paska dolnego tresci strony*/
.pasekd{
    width: 100%;
	 height: 10px;
    margin: 0;
    padding: 0;
    background-color: #739ab7;
    position: absolute;
    z-index:0;
		}
/*przypadek gdy pasek jest na dole menu elementu pozycjonowanego*/
.pasek_dol {
				width: 100%;
	 			height: 10px;
    			margin: 0;
    			padding: 0;
    			background-color: #739ab7;
    			position: relative;
    			top:480px;/* wynika to z wysokosci menu i szerokosci paskow*/
    			left:0px;
    			z-index:0;
    			/*text-align: center;*/
  			   }
.pasek_dol span {
				width: 100%;
				position: absolute;
				font: 10px Arial;
				z-index:3;
				bottom: 3px;
				left: 12px;
				color: white;
				
				}
.pasek_dol span a {
				width:40px;
				margin:0 5px
				font: 10px Arial;
				color: white;
				}
			   			  
.lewy_luk{position: absolute; 
				   top:0; 
				   left:0;
				   } 
.prawy_luk{position: absolute; 
				   top:0; 
				   right:0;
					}		
							
/*zawartosc czyli to co sie znajduje pod banere*/
.zawartosc{
		margin: 5px 0 0 0;
		padding:0;
		border:0;
		position:relative;
 			  }					
.menu{
		width: 210px;
		height: 500px;
		margin:0;
		padding:0;
		position: absolute;
		top:0px;
		left:0px;
		border:0;
		background-color: #739ab7;
		}  
 	
.menu #srodek{
				  width: 210px;
				  height: 440px;
				  margin:0;
				  padding:0;
				  position: absolute;
				  top:10px;
				  left:0px;
				  border:0;				  
					}
.menu #srodek div#obrazek{
				text-align:center;
				}

.poz_menu {
			 margin: 15px;
			 padding: 5px 0;
			 /*border-left: 2px solid #d6d11d;*/
			 border-left: 2px solid black;
			 border-top: 2px solid black;
			 background-image: url(../grafika/gradient.jpg);
				} 

.poz_menu a {
				display: block;
				margin:0;
				padding:0 0 0 5px;
				color: black;
				font: bold 14px Arial, sans-serif;
				text-decoration: none;
				font-variant:small-caps;
				}

.poz_menu a:hover {
				display: block;
				margin:0;
				padding:0 0 0 5px;
				/*background-color: #eae88d;*/
				color: black;
				font: bold 14px Arial, sans-serif;
				text-decoration: underline;
				font-variant:small-caps;
				}

.poz_menu a.poz_ukryte {
				display: block;
				margin:0;
				margin-left:25px;
				padding:0 0 0 10px;
				font: bold 12px Arial, sans-serif;	
				color:black;
				border-left:1px solid #739ab7;
				font-variant:small-caps;
				}
				
.poz_menu a.poz_ukryte:hover {
				display: block;
				margin:0;
				margin-left:25px;
				padding:0 0 0 5px;	
				text-decoration: underline;
				font: bold 12px Arial, sans-serif;		
				color: black;
				font-variant:small-caps;
				}

.poz_menu a#wybrany{
				color: blue;
				background-color: white;
			   }

.poz_menu a#wybranyr {
				display: block;
				margin:0;
				margin-left:25px;
				padding:0 0 0 5px;	
				background-color: white;
				color: blue;
				}

/*pozycje rozwijane przez javascript*/
.menu_ukryte {
	border:0;
	visibility:hidden;
	position:absolute;

}
.menu_rozwiniete {
	border:0;
	visibility:visible;


}




/*tresc prawej czesci strony*/
.tresc{
		width: 542px;
		margin:0;
		padding:0;
		position: absolute;
		top:0px;
		right:0px;
		border: 0;
		background-color:white
		}
		
.tresc #srodekp{
				width:540px;
		 		margin:0;
		 		padding:0;
		 		position:relative;
		 		border:1px solid #739ab7;
				z-index:5;
		 		}
.tresc #srodekp p{
				margin:0;
				padding:10px 25px 5px;
				text-align: justify;
				color: black;
				font: 12px Arial, sans-serif;
				position:relative;
				z-index:5;
				}
.tresc #srodekp p a{

				color:black;
				}
.tresc #srodekp ul.uslugi{
				margin:0 40px 0 40px;
				padding:0px 0px 0px;
				}

.tresc #srodekp li{
				border: 0px solid red;
				margin:0 0 0 10px;
				padding:0px -10px 5px;
				text-align: left;
				font: 12px Arial, sans-serif;
				color: black;
					
				}


.tresc #srodekp li.uslugi{
				border: 0px solid red;
				margin:0 0 0 10px;
				padding:0px -10px 5px;
				text-align: left;
				font: 12px Arial, sans-serif;
				color: #739ab7;
					
				}
.tresc #srodekp li.uslugi span{
				font: bold 14px Arial, sans-serif;
				font-variant: small-caps;
				letter-spacing:1px; 
				color: black;


				}
								
.tresc #srodekp h1{
				margin:0;
				padding:20px 25px 10px;
				text-align: center;
				color: black;
				font:bold 24px Arial, sans-serif;
				}
.tresc #srodekp h2{
				margin:0;
				padding:15px 25px 10px;
				text-align: center;
				color: black;
				font: 18px Arial, sans-serif;
				}
.tresc #srodekp h3{
				margin:0;
				padding:2px 15px 0px;
				text-align: center;
				color: black;
				font: bold 14px Arial, sans-serif;
				}
/* tabela w pliku intro.php z duzym logo*/
table.intro{
				margin:0 0 0 115px;
				padding: 10px;
				border: 0px;
				}

table.intro td{
				padding:0;
				border:0;
				margin:0;
				}
				
table.intro img{
				display:block;
				border:0px;
				}
/*koniec ----------------------------*/


/*o firmie*/

img.ofirmie_tyt {
	border: 0px solid green;
	display: block;
	text-align:center;
	margin:auto;
	padding:0;

}

/*obszary dzialalnosci*/
table.obszary{
		margin:0;
		padding: 0;
		border:0;
		}

table.obszary td.niewybrany{
		margin:0;
		height: 48px;
		padding:0 3px; 
	   border:0px;
		text-align: center;
		font: 12px Arial, sans-serif;
		font-weight: bold;
		background-image: url('../grafika/gradient_obszary.jpg');
		
		}
table.obszary td.wybrany div.ob{
		margin:0;
		padding:0;
		padding-top:3px;
		height: 45px;
		border-right:1px solid black;
		border-bottom:1px solid black;
		border-top:0px;
		border-left:1px solid black;
		vertical-align: middle;
		}

table.obszary td.niewybrany div.ob{
		margin:0;
		padding:0 3px;
		padding-top:3px;
		height: 45px;
		
		vertical-align: middle;
		}

table.obszary td.niewybrany img{	/*ukrywa grafike w zakladkach niewybranych*/
		visibility:hidden;
		float:left;
	}


table.obszary td.wybrany{
				margin:0;
				height: 48px;
				padding:0; 
				background-color: #739ab7;
				border:0px;
				text-align: center;
				color: white;
				font: 12px Arial, sans-serif;
				font-weight: bold;
		}
				
table.obszary td.wybrany img.ob_lewy{	/*grafika w wybranej zakladce*/
			border: 0px solid red;
			float:left;
			visibility: visible;
		}
		
table.obszary td.wybrany img.ob_prawy{ /*grafika w wybranej zakladce*/
			border: 0px solid red;
			float:right;
			visibility: visible;
		}


div#opis_obszaru{
		width: 100%;
		height: 150px;
		border:0;
		padding:10px 0 0 0;
		position:relative;
		top:0;
		right:0;
		}
/*koniec obszarow */

/*produkty*/

table.tab_prod{
	margin:10px 0 100px 5px;

}

/*kategorie*/
.menu_pr{
	width: 160px;
	text-align: center;
	padding:3px;
	margin:2px 0;
	border:1px solid #739ab7;
	background-image: url('../grafika/gradient_produkty.jpg');
	float:left;
	font:bold 11px Arial, sans-serif;
	cursor:default;
	
}

/*to co si� rozwija*/
.menu_pozycje_pr{
	position:absolute;
	width: 115px;
	padding:3px;
	margin:1px;
	background-image: url('../grafika/gradient_produkty_poz.jpg');
	visibility: hidden;
	border:1px solid #739ab7;
	z-index: 3;
	
}

.produkt_link{
	display:block;
	margin: 0 0 0 3px;
	text-decoration: none;
	font:bold 12px Arial, sans-serif;
	color: black;
}

.produkt_link:hover {
	text-decoration: underline;

}

/*miejsce gdzie wyswietle sie informacja o propdukcie*/
.info_produktu{
	margin:10px 0 0 5px;
	padding:10px 0 0 0;
	width: 345px;
	position:absolute;
	top: 2px;
	left:180px;
	z-index: 0;
	border:1px solid #739ab7;
		
}

table.tab_opis_pr {
	margin: 3px 0 0 0;
	width: 100%;
	border: 0px solid red;
	}

table.tab_opis_pr td.etykieta_g{
	width: 110px;
	margin:0;
	padding: 0px 5px;
	color: black;
	font:bold 12px Arial, sans-serif;
	text-align: center;
	background-color: white;
	border-right: 1px solid #739ab7;
	}

table.tab_opis_pr td.etykieta{
	width: width%;
	margin:0;
	padding: 0px 5px;
	color: black;
	font:bold 12px Arial, sans-serif;
	text-align: center;
	background-color: white;
	border-bottom: 1px solid #739ab7;
	}	
	
table.tab_opis_pr td{
	color: black;
	font:12px Arial, sans-serif;
	text-align: justify;
	padding: 3px 10px;
	background-color:#ecf1f5;
	border-bottom: 1px solid white;
	}

	
table.tab_opis_pr td img {
	float:right;
	margin:0px;
	margin-left:5px;
	padding:0;
	border:1px solid #739ab7;


}
	
table.tab_opis_pr td#nazwa_produktu{
	color: blue;
	}
	
	
/*koniec produkt�w*/

/*wyposazenie*/

div.wyposazenie{
			width:100%;
			height:295px;
			margin:0;
			padding:0;
			border:0;
			position:relative;
	}

div.wyposazenie img#niebieski_komb{
			position:absolute;
			top:0;
			right:25px;
			border:0;

}	
div.wyposazenie img#strzalka_1{
			position:absolute;
			top:20px;
			right:115px;
			border:0;
}	
div.wyposazenie img#strzalka_2{
			position:absolute;
			top:75px;
			right:145px;
			border:0;
}	
div.wyposazenie img#strzalka_3{
			position:absolute;
			top:140px;
			right:165px;
			border:0;
}	
div.wyposazenie img#strzalka_4{
			position:absolute;
			top:240px;
			right:135px;
			border:0;
}	

div.wyposazenie p#wybor{
				position:absolute;
				top:30px;
				left:30px;
				margin:0;
				padding:5px;
				width: 220px;
				text-align: justify;
				color: black;
				font: 12px Arial, sans-serif;
				border: 1px solid #739ab7;

}
	
	
	
/* us�ugi */
div.uslugi {
	width: 100%;
	padding:0;
	border:0;
	text-align: center;

}

table.uslugi{
		
		width:450px;
		margin: 10px auto 10px;
		padding:0px;
		border:0;
		/*background-color: #e9f2fb;*/

}
table.uslugi td{
	width: 100%
	padding:0;
	border:1px solid white;
	text-align:center;
	vertical-align:middle;
	background-color: white;
	
}


table.uslugi td img{
		width:150px;
		border:1px solid white;
		padding:0;
		display:block;
		margin:0;
		float:left;
		

}

table.uslugi td img.zaswiecony{
		border:1px solid blue;
}

table.uslugi td a.podstrony {
	color:black;
	padding:10px;
	margin:5px 0px 5px 0;
	font: 12px Arial, sans-serif;

}



table.uslugi_duzy{
	width:450px;
	margin: 10px auto 0;
	padding:5px;
	border:0;
	background-color: #e9f2fb;

}
table.uslugi_duzy td{
	text-align:center;
	vertical-align:middle;
	background-color: #e9f2fb;

}

table.uslugi td img{
	margin: 3px auto;
	display:block;
	vertical-align:middle;
	text-align:center;

}


table.miniaturki{
		width:450px;
		margin: 0 auto;
		padding:5px;
		border:0;
		background-color: #e9f2fb;
}

table.miniaturki td{
	width: 145px;
	margin:0;
	padding:0;
	border:1px solid #fbfcfd;
	text-align:center;
	vertical-align:middle;
	background-color: #e9f2fb;
}

table.miniaturki td img{
	margin: 3px auto;
	display:block;
	vertical-align:middle;
	text-align:center;
	border:0;
}

	
/* opakowania */

table.piktogramy{
	margin:5px auto;
	width:500px;
	border: 0px solid red;


}

table.piktogramy tr{
	text-align: center;

}

table.piktogramy tr td{
	font: 11px Arial, sans-serif;
	color:black;
	border:0px solid green;
	width:135px;

}

div.ochrona{
				margin:0;
				padding:0;
				border:0;
				width: 100%;
				height:250px;
}
div.ochrona img{
				margin:0 15px 0 0;
				padding:0;
				border:0;
				float: right;
}

ul.ochrona_pkt {
				margin:0;
				padding:20px 0 0 40px;
				font: 14px Arial, sans-serif;
				color: black;
				}
div.instalacja {
				width:150px;
				margin:30px 0 0 35px;
				padding:5px;
				font: bold 12px Arial, sans-serif;
				border: 1px solid #739ab7;
				text-align: center;
				}

/*ochrona srodowiska*/


/*aktualnosci*/

div.aktualnosci a {
	color:black;
	font-weight: bold;
	margin: 10px;
	

}

div.aktualnosci a span.data{
	color: blue;
	font: 100% Arial, sans-serif;
	

}


/*kontakt*/
div.kontakt{
		width: 100%;
		margin:0;
		padding:15px 0;
		color: black;
		text-align: center;
		}
span.adres{
		margin:0;
		padding:0;
		color: black;
		display: block;
}
/*zawiera cala otoczke formularza*/
div.form_kontaktowy{
		position: relative;
		width: 300px;
		height: 250px;
		margin:0 auto 15px;
		padding:0;
		color: black;
		text-align: center;
		background-image: url('../grafika/gradient_kontakt.jpg');
		border:0;
		
		}

/* zawiera formularz*/
div.formularz{
		margin:5px auto 0px;
		padding:10px 0 0 0; 
		width: 250px;
		height: 230px;
		border:0;
		text-align: center;
		
		}
		
form {
		margin:0;
		padding:0 0 0 5px;
		}
div.pola_formularza{
		margin:0;
		padding:0;
		}		

input.pole_text{
		margin:3px 0;
		padding:0;
		width: 150px;
		height: 14px;
		border: 1px solid grey;
		border-top: 2px solid black;
		border-left: 2px solid black;
		font: 12px Arial, sans-serif;
	}
select.temat{
		width: 155px;
		height: 16px;
		margin:3px 0;
		padding:0;
		border: 0px solid black;
		font: 12px Arial, sans-serif;
		
}

textarea.tresc{
				margin: 3px auto;
				padding:0;
				width: 200px;
				height: 50px;
				position: relative;
				border: 1px solid grey;
	 			border-top: 2px solid black;
				border-left: 2px solid black;
				font: 11px Arial, sans-serif;
}

input.knefel{
				margin:3px 0 0;
				padding:0;
				border: 1px solid black;
				font: 12px Arial, sans-serif;		
				text-align: center;	
				background-color: white;	
}