body{
   background: #d4d4d4 url(images/tlo.jpg) repeat-x;
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Tahoma, Arial;
}
/*------------ div ------------*/
#container{
   width: 908px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
}
#flags{
   width: 899px;
   height: 46px;
   text-align: right;
   padding-right: 9px;
}
#menu{
   width: 908px;
   height: 45px;
}
#area{
   width: 908px;
}
#stopka{
   width: 908px;
   height: 27px;
   background: #6b9cd6 url(images/round_r.jpg) right no-repeat; 
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #ffffff;
   text-align: center;
}
#round{
   width: 11px;
   height: 27px;
   background: url(images/round_l.jpg) no-repeat; 
   float: left;
}
.blok{
   width: 219px;
   margin: 23px 8px 0px 0px;
   float: left;
   text-align: center;
}
.clear{
   clear: both;
}
.elektrowibrator{
   width: 220px;
   height: 136px;
   background: url(images/o_elektrowibratory.jpg) no-repeat;
   float: left;
   margin-top: 40px;
}
.stol{
   width: 220px;
   height: 136px;
   background: url(images/o_stoly_wibracyjne.jpg) no-repeat;
   float: left;
   margin: 40px 0px 0px 30px;
}
.wibrator{
   width: 220px;
   height: 136px;
   background: url(images/o_wibratory_pneumatyczne.jpg) no-repeat;
   float: left;
   margin-top: 40px;
}
.akcesoria{
   width: 220px;
   height: 135px;
   background: url(images/o_akcesoria.jpg) no-repeat;
   float: left;
   margin: 41px 0px 0px 30px;
}
.elektrowibrator2{
   width: 220px;
   height: 136px;
   background: url(images/e_elektrowibratory.jpg) no-repeat;
   float: left;
   margin-top: 40px;
}
.generator{
   width: 220px;
   height: 136px;
   background: url(images/e_generatory.jpg) no-repeat;
   float: left;
   margin: 40px 0px 0px 30px;
}
.kolnierz{
   width: 220px;
   height: 136px;
   background: url(images/e_silniki_kolnierzowe.jpg) no-repeat;
   float: left;
   margin-top: 40px;
}
.silnik{
   width: 220px;
   height: 135px;
   background: url(images/e_silniki.jpg) no-repeat;
   float: left;
   margin: 41px 0px 0px 30px;
}
.belka1{
   width: 214px;
   height: 42px;
   background: url(images/belka1.jpg) no-repeat;
   float: left;
   margin-top: 125px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   font-weight: bold;
   padding: 9px 0px 0px 0px;
}
.belka2{
   width: 214px;
   height: 42px;
   background: url(images/belka2.jpg) no-repeat;
   float: left;
   margin-top: 125px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   font-weight: bold;
   padding: 9px 0px 0px 0px;
}
.podmenu{
   width: 175px;
   height: 350px;
   background: url(images/podemnu.jpg) no-repeat;
   float: left;
   margin: 92px 0px 0px 20px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   font-weight: bold;
   color: #366194;
   padding-left: 10px;
}
div.text{
   width: 659px;
   float: left;
}
html>body div.text{
   width: 702px;
}
.title{
   width: 293px;
   height: 28px;
   background: url(images/title.jpg) no-repeat;
   font-family: Verdana, Tahoma, Arial;
   font-size: 14px;
   color: #ffffff;
   text-align: center;
   font-weight: bold;
   margin: 24px 0px 0px 155px;
   padding-top: 10px;
}
.detail{
   float: left;
   width: 500px;
   margin: 20px 0px 0px 0px;
}
html>body .detail{
 	width: 570px;  
}
.photo{
   width: 196px;
   float: left;
   margin: 20px 0px 0px 20px;
   text-align: center;
}
.desc{
   width: 460px;
   float: left;
   margin: 20px 0px 0px 20px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #4c4c4c;
}
.opis_w{
   margin: 10px 0px 0px 40px;
   text-align: left;
}
.center{
   text-align: center;
}

/*------------ ul, li ------------*/
#menu ul{
   margin: 17px 0px 0px 0px;
   padding: 0px;
}
#menu ul li{
   list-style-type: none;
   float: left;
   width: 143px;
   height: 21px;
   background: url(images/menu.jpg) no-repeat;
   margin-left: 6px;
   text-align: center;
   padding-top: 7px;
}
#menu ul li.color{
   list-style-type: none;
   float: left;
   width: 143px;
   height: 21px;
   background: url(images/menu_k.jpg) no-repeat;
   margin-left: 6px;
   text-align: center;
   padding-top: 7px;
}
.podmenu ul{
   margin: 5px 5px 0px 0px;
   padding: 0px;
}
.podmenu ul li{
   font-size: 11px;
   list-style-type: none;
}
ul.lista{
   margin:0px;
   padding: 0px;
}
ul.lista li{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #4c4c4c;
   line-height: 13px;
}
ul.m_elek{
   margin-top: 40px;
   
}
/*------------ a ------------*/
#menu a{
   text-decoration: none;
   float: left;
   display: block;
   width: 143px;
   height: 28px;
   color: #ffffff;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   font-weight: bold;
}
#menu a:hover{
    background: url(images/menu_k.jpg) no-repeat;
	width: 143px;
     height: 21px;
	 padding-top: 7px;
	 margin: -7px 0px 0px 0px;
}
#stopka a{
   color: #ffffff;
   text-decoration: none;
}
.blok a.more{
  color: #408aed;
  text-decoration: none;
}
a.link{
   color: #4c4c4c;
}
a.link2{
   color: #4c4c4c;
   text-decoration: none;
}
a.link2:hover{
   text-decoration: underline;
}
.elektrowibrator a{
   display: block;
   width: 220px;
   height: 136px;
}
.belka1 a, .belka2 a{
   display: block;
   width: 214px;
   height: 51px;
   color: #ffffff;
   text-decoration: none;
}
.podmenu a{
   color: #5384be;
   text-decoration: none;
}
.podmenu a.orange2{
  color: #fcb342;
   text-decoration: none;
}
.podmenu a:hover{
   color: #fcb342;
}
.podmenu a.color{
   color: #fcb342;
   text-decoration: none;
}
a.l_desc{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #6b9bdd;
}
a.katalog{
   color: #4c4c4c;
   text-decoration: none;
   display: block;
    font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   margin-top: 45px;
}
ul.m_elek li a{
	color:#366194;
}
/*------------ span ------------*/
#stopka span{
   display: block;
   float: left;
   padding-top: 7px;
   width: 897px;
   text-align: center;
}
span.blue{
   font-size: 13px;
   font-weight: bold;
   color: #6b9bdd;
}
span.orange{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #e99444;
   margin: 0px 0px 0px 20px;
   padding: 15px 0px 0px 0px; 
}
/*------------ p ------------*/
.blok p{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #4c4c4c;
   text-align: center;
   padding: 5px;
}
p.text{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #4c4c4c;
   margin: 0px 0px 0px 20px;
   padding: 15px 0px 0px 0px; 
}
p.text2{
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #4c4c4c;
   clear: both;
   text-align: left;
   margin: 0px 0px 0px 156px;
   padding: 5px 0px 0px 0px; 
}
/*------------ img ------------*/
#flags img{
   border: none;
   margin: 20px 4px 0px 0px;
}
.blok img{
   border: none;
}
img.z_elekrowibrator{
   border: none;
   float: right;
   margin: 10px 0px 5px 10px;
}
img.wymiar{
   border: 1px solid #ffffff;
}
img.wymiar2{
   border: 1px solid #ffffff;
   float: left;
   margin: 10px 0px 0px 20px;
}
img.z_wib{
   border: 1px solid #ffffff;
}
.photo img{
   border: none;
}
img.logo_katalog{
   border: none;
   margin: 10px 20px 0px 20px;
   float: left;
}
a.katalog img{
   position: absolute;
   border: none;
   margin:-16px 0 0 5px;
}
/*------------ h1, h2, h3 ------------*/
h2{
   color: #408aed;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   font-weight: bold;
   margin: 7px 0px 7px 0px;
   padding: 0px;  
}
h3, h3 a{
   color: #408aed;
   font-family: Verdana, Tahoma, Arial;
   font-size: 16px;
   font-weight: bold;
   margin: 7px 0px 7px 0px;
   padding: 0px;
   text-decoration: none;  
}

iframe{
   float: left;
   margin: 20px 0px 0px 30px;
   border: 1px solid #4c4c4c;
}


table.tab{
   margin: 20px;
   width: 600px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #4c4c4c;
}
html>body table.tab{
   width: 675px;
}
table.tab2{
   margin: 20px;
   width: 80px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #4c4c4c;
   float: left;
}
table.detail1{
   width: 311px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #4c4c4c;
   float: left;
   margin: 0px;
}
table.detail2{
   width: 155px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #4c4c4c;
   float: left;
   margin-left: 20px;
}
html>body table.detail2{
   width: 225px;
}
table.tab th, table.tab2 th , table.tab3 th , table.tab4 th{
   background: #d3dfed;
   border: 1px solid #ffffff;
   padding: 3px;
   margin: 0px;
}
table.tab th.first, table.tab2 th.first{
   width: 70px;
}
table.tab td, table.tab2 td, table.detail1 td, table.detail2 td{
   background: #bccee6;
   border: 1px solid #ffffff;
   padding: 3px;
   margin: 0px;
   text-align: right;  
}
table.tab a, table.tab2 a{
   color: #4c4c4c;
   text-decoration: none;
   display: block;
   width: 77px;
   height: 14px;
   padding-top: 3px;
}
table.tab a:hover, table.tab2 a:hover{
    background: #97aecd;
}
table.tab td a.orange, table.tab2 td a.orange{
   color: #e99444;
}
table.detail2 tr.white td{
   background: none;
   border: none;
   text-align: left;
}

table.tab3{
   margin: 10px 0px 0px 20px;
   width: 630px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #4c4c4c;
}
table.tab3 td, table.tab4 td{
   background: #bccee6;
   border: 1px solid #ffffff;
   padding: 3px;
   margin: 0px;
   text-align: center;  
}
table.tab4{
   margin: 10px 0px 0px 10px;
   width: 419px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #4c4c4c;
   float: left;
}

table.stoly_zdjecia{
  margin: 10px;
}
table.stoly_zdjecia td{
   padding: 5px;
}
table.stoly_zdjecia td img{
   border: 2px solid #ffffff;
}