body{
   background: #ffffff url(images/tlo.jpg) repeat-x;
   margin: 0px;
   padding: 0px;
}
/*------------ div ------------*/
#container{
   width: 938px;
   height: 677px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
}
#top{
   width: 938px;
   height: 210px;
}
#top_podstrona{
   width: 938px;
   height: 132px;
}
#logo{
   width: 273px;
   height: 210px;
   float: left;
   background: #ffffff;
}
#logo_podstrona{
   width: 273px;
   height: 132px;
   float: left;
   background: #ffffff;
}
#logo_top{
   width: 273px;
   height: 82px;
   background: url(images/logo_tlo.jpg) no-repeat;
   background-position: right; 	
}
#logo_top_podstrona{
   width: 273px;
   height: 32px;
   background: url(images/logo_tlo_podstrona.jpg) no-repeat;
   background-position: right; 	
}

#logo_middle{
   width: 273px;
   height: 67px;
   background: url(images/logo_tlo3.jpg) no-repeat;
   background-position: right;  	
}
#logo_bottom{
   width: 273px;
   height: 61px; 
   background: url(images/logo_tlo2.jpg) no-repeat;
   background-position: right; 		
}
#logo_bottom_podstrona{
   width: 273px;
   height: 33px; 
   background: url(images/logo_tlo2_podstrona.jpg) no-repeat;
   background-position: right; 		
}
#zdjecie1{
   width: 182px;
   height: 210px;
   background: url(images/zdjecie1.jpg);
   float: left;
}
#zdjecie2{
   width: 217px;
   height: 210px;
   background: url(images/zdjecie2.jpg);
   float: left;
}
#zdjecie3{
   width: 143px;
   height: 210px;
   background: url(images/zdjecie3.jpg);
   float: left;
}
#zdjecie4{
   width: 123px;
   height: 210px;
   background: url(images/zdjecie4.jpg);
   float: left;
}
#zdjecie1_podstrona{
   width: 182px;
   height: 132px;
   background: url(images/zdjecie1_podstrona.jpg);
   float: left;
}
#zdjecie2_podstrona{
   width: 217px;
   height: 132px;
   background: url(images/zdjecie2_podstrona.jpg);
   float: left;
}
#zdjecie3_podstrona{
   width: 143px;
   height: 132px;
   background: url(images/zdjecie3_podstrona.jpg);
   float: left;
}
#zdjecie4_podstrona{
   width: 123px;
   height: 132px;
   background: url(images/zdjecie4_podstrona.jpg);
   float: left;
}

#menu{
   width: 938px;
   height: 59px;
}
#menu_left{
   width: 253px;
   height: 59px;
   background: url(images/menu_left.jpg);
   float: left;
}
#menu_right{
   width: 214px;
   height: 59px;
   background: url(images/menu_right.jpg);
   float: left;
}
#area{
   width: 938px;
   height: 152px;
   background: #9acbf4;
}
#fabing{
   width: 561px;
   height: 152px;
   background: url(images/tlo_fabing.jpg) no-repeat;
   background-position: right;
   float: left;
}
#ask{
   width: 185px;
   height: 152px;
   background: url(images/tlo_ask.jpg) no-repeat;
   background-position: right;
   float: left;
}
#adress{
   width: 192px;
   height: 152px;
   background: url(images/tlo_adres.jpg) no-repeat;
   background-position: left;
   float: left;
}
#photos{
   width: 938px;
   height: 192px;
}
#areatext{
   width: 938px;
   height: 419px;
   background: #9acbf4;
}
#header{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo.jpg) no-repeat;
   background-position: left;
}
#header_produkcja{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_produkcja.jpg) no-repeat;
   background-position: left;
}
#header_przesiewacze{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_przesiewacze.jpg) no-repeat;
   background-position: left;
}
#header_ekogroszek{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_ekogroszek.jpg) no-repeat;
   background-position: left;
}
#header_podajniki{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_podajniki.jpg) no-repeat;
   background-position: left;
}
#header_elektrowibratory{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_elektrowibratory.jpg) no-repeat;
   background-position: left;
}
#header_uslugi{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_uslugi.jpg) no-repeat;
   background-position: left;
}
#header_klienci{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_klienci.jpg) no-repeat;
   background-position: left;
}
#header_galeria{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_galeria.jpg) no-repeat;
   background-position: left;
}
#header_kontakt{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_kontakt.jpg) no-repeat;
   background-position: left;
}
#header_mapa{
   width: 938px;
   height: 50px;
   background: url(images/header_tlo_mapa.jpg) no-repeat;
   background-position: left;
}
#text{
	width: 938px;
	height: 369px;
}
#left{
	width: 747px;
	height: 369px;
	float: left;	
}
#right{
	width: 191px;
	height: 369px;
	float: left;	
	background: url(images/right_tlo.jpg) no-repeat;
	background-position: bottom left;
}
#stopka{
   width: 938px;
   height: 64px;
}
#stopka_podstrona{
   width: 938px;
   height: 69px;
}
#stopka_left{
   width: 267px;
   height: 61px;
   background: url(images/stopka_left.jpg) no-repeat;
   background-position: right;
   float: left;
   padding: 3px 0px 0px 31px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #2f2f2f;
}
#stopka_left_podstrona{
   width: 267px;
   height: 62px;
   background: url(images/stopka_left_podstrona.jpg) no-repeat;
   background-position: right;
   float: left;
   padding: 7px 0px 0px 31px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #2f2f2f;
}
#stopka_middle{
   width: 321px;
   height: 64px;
   background: url(images/stopka_middle.jpg) no-repeat;
   float: left;
}
#stopka_middle_podstrona{
   width: 321px;
   height: 69px;
   background: url(images/stopka_middle_podstrona.jpg) no-repeat;
   float: left;
}
#stopka_right{
   width: 309px;
   height: 57px;
   background: url(images/stopka_right.jpg) no-repeat;
   background-position: left;
   float: left;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #2f2f2f;
   padding: 7px 10px 0px 0px;
   text-align: right;
}
#stopka_right_podstrona{
   width: 309px;
   height: 62px;
   background: url(images/stopka_right_podstrona.jpg) no-repeat;
   background-position: left;
   float: left;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #2f2f2f;
   padding: 7px 10px 0px 0px;
   text-align: right;
}
.z_przesiewacze{
	float: left;
	background: url(images/z_przesiewacze.jpg);
	width: 187px;
	height: 192px;
}
.z_przesiewacze_w{
	float: left;
	background: url(images/z_przesiewacze_w.jpg);
	width: 188px;
	height: 192px;
}
.z_podajniki{
	float: left;
	background: url(images/z_podajniki.jpg);
	width: 188px;
	height: 192px;
}
.z_wezly{
	float: left;
	background: url(images/z_wezly.jpg);
	width: 187px;
	height: 192px;
}
.z_elektrowibratory{
	float: left;
	background: url(images/z_elektrowibratory.jpg);
	width: 188px;
	height: 192px;
}
.k_left{
  width: 470px;
  float: left;
}
.k_right{
  width: 250px;
  float: left;
}
.scroll{
   overflow: auto;
   width: 746px;
   height: 360px;
   scrollbar-base-color: #87cff5;
   /*scrollbar-highlight-color: #b1e0f6;*/
   scrollbar-shadow-color: #71b0d1;
   /*scrollbar-3dlight-color: #518094;*/
   scrollbar-arrow-color: #495f74;
   scrollbar-track-color: #90bde4;
   scrollbar-face-color: #82cbee;
}
.clear{
   clear: both;
}
/*------------ ul,li ------------*/
#menu ul{
   margin: 0px;
   padding: 0px;
   float: left;
}
#menu ul li{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   float: left;
}
#menu ul li.firma{
   background: url(images/m_firma.jpg);
   width: 71px;
   height: 59px;
}
#menu ul li.produkcja{
   background: url(images/m_produkcja.jpg);
   width: 143px;
   height: 59px;
}
#menu ul li.uslugi{
   background: url(images/m_uslugi.jpg);
   width: 60px;
   height: 59px;
}
#menu ul li.klienci{
   background: url(images/m_klienci.jpg);
   width: 65px;
   height: 59px;
}
#menu ul li.galeria{
   background: url(images/m_galeria.jpg);
   width: 65px;
   height: 59px;
}
#menu ul li.kontakt{
   background: url(images/m_kontakt.jpg);
   width: 67px;
   height: 59px;
}
ul.lista{
   margin: 12px 0px 0px 0px;
   padding: 0px 25px 0px 185px;
}
ul.lista li{
	color: #0D2443;
	font-family:Verdana,Tahoma,Arial;
	font-size:12px;
	text-align:justify;
	line-height: 14px;
}
ul.podmenu{
   margin: 0px 8px 0px 18px;
   padding: 0px;
   list-style-image: url(images/strzalka.jpg);
}
ul.podmenu li{
   color: #0D2443;
   font-family: Verdana,Tahoma,Arial;
   font-size: 11px;
   font-weight: bold;
}
/*------------ a ------------*/
#menu ul a{
   display: block; 
}
#menu ul li.firma a{
   width: 71px;
   height: 59px;
}
#menu ul li.produkcja a{
   width: 143px;
   height: 59px;
}
#menu ul li.uslugi a{
   width: 60px;
   height: 59px;
}
#menu ul li.klienci a{
   width: 65px;
   height: 59px;
}
#menu ul li.galeria a{
   width: 65px;
   height: 59px;
}
#menu ul li.kontakt a{
   width: 67px;
   height: 59px;
}
a.more{
   margin: 22px 0px 0px 63px; 
   display: block;
}
.z_przesiewacze a, .z_wezly a{
   display: block;
   width: 187px;
   height: 192px;
}
.z_przesiewacze_w a, .z_podajniki a, .z_elektrowibratory a{
   display: block;
   width: 188px;
   height: 192px;
}
a.mail{
   color: #0d2443;
   text-decoration: none;
}
a.a_title{
   color: #0d2443;
   text-decoration: none;
}
a.back{
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #0d2443;
   padding: 0px 25px 0px 170px;
   margin-top: 10px;
   display: block;
   text-decoration: none;
}
ul.podmenu a{
   color: #0D2443;
   text-decoration: none;
}
ul.lista a{
   color: #0D2443;
   text-decoration: none;
}
a.copy{
   color: #2f2f2f;
   text-decoration: none;
}
/*------------ span ------------*/
span.invite{
   font-family: Verdana, Tahoma,Arial;
   font-size: 13px;
   color: #505c77;
   font-weight: bold;
   text-align: justify;
   display: block;
   padding: 0px;
   margin: 25px 0px 0px 140px;
}
span.czerwony{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #df152b;
}
span.czerwony2{
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #df152b;
   clear: both;
}
/*------------ p ------------*/
p.fabing{
   font-family: Verdana, Tahoma ,Arial;
   font-size: 12px;
   font-weight: bold;
   color: #162b48;
   text-align: justify;
   padding: 32px 37px 0px 64px;
   margin: 0px;
   font-stretch: extra-expanded;
}
p.ask{
   font-family: Verdana, Tahoma ,Arial;
   font-size: 12px;
   font-weight: bold;
   color: #162b48;
   text-align: justify;
   padding: 32px 14px 0px 21px;
   margin: 0px;
   font-stretch: extra-expanded;
}
p.adress{
   font-family: Verdana, Tahoma ,Arial;
   font-size: 11px;
   color: #000201;
   padding: 32px 10px 0px 12px;
   margin: 0px;
   font-stretch: extra-expanded;
}
p.adress2{
   font-family: Verdana, Tahoma ,Arial;
   font-size: 11px;
   color: #000002;
   padding: 0px;
   margin: 253px 0px 0px 10px;
   font-stretch: extra-expanded;
}
p.adress3{
   font-family: Verdana, Tahoma ,Arial;
   font-size: 11px;
   color: #000002;
   padding: 0px;
   margin: 123px 0px 0px 10px;
   font-stretch: extra-expanded;
}
p.text{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #0d2443;
   text-align: justify;
   padding: 0px 25px 0px 170px;
   margin-top: 12px;
}
/*------------ img ------------*/
img.logo{
   border: none;
   float: right;
}
img.home{
   border: none;
   margin: 7px 0px 0px 60px;
}
img.mail{
   border: none;
   margin: 7px 0px 0px 2px;
}
img.mapa{
   border: none;
   margin: 7px 0px 0px 1px;
}
#photos img{
   border: none;
   float: left;
}
#ask img{
   border: none;
}
img.uslugi1{
   margin-left: 215px;
   border: 1px solid #ffffff;
}
img.uslugi2{
   margin-left: 30px;
   border: 1px solid #ffffff;
}
img.podajniki1{
   margin: 5px 0px 5px 0px;
   border: 1px solid #ffffff;
}
img.podajniki2{
   margin: 5px 0px 5px 30px;
   border: 1px solid #ffffff;
}
img.min{
   float: left;
   margin-right: 5px;
   border: 1px solid #ffffff;
}
img.strzalka{
   border: none;
}
img.elektro{
   float: right;
   margin: 0px 20px 0px 0px;
   border: 1px solid #ffffff;
}
img.gal1{
   border: 1px solid #ffffff;
   margin: 0px 0px 10px 170px;
}
img.gal2{
   border: 1px solid #ffffff;
   margin: 0px 0px 10px 20px;
}
img.biuro{
   float: right;
   border: 1px solid #ffffff;
   margin: 0px 0px 0px 10px;
}
/*------------ h1, h2 ------------*/

form.f_kontakt{
   float: left;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #0d2443;
}
label{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #0d2443;
   margin-bottom: 5px;
}
form.f_kontakt input{
  margin: 2px 0px 2px 0px;
}
input.guzik{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #0d2443;
}

iframe{
   clear: both;
   margin: 15px 0px 0px 169px;
}

table.p{
	margin:0 25px 0 170px;
	color: #0D2443;
    font-family: Verdana,Tahoma,Arial;
    font-size: 12px;
}
table.p td{
    border: 1px solid #0c2343;
	padding: 5px;
}
table.p td.niebieski{
   background: #7eb5eb;
   color: #1e2340;
}
table.p td.blekit{
   background: #b6e0f9;
   color: #1f5382;
}