/*********************************************************************
globalne + #wraper * globalne + #wraper * globalne + #wraper * globaln
*********************************************************************/
html{
  width: 100%;
  margin: 0px; padding: 0px;
}
body{
  width: 100%;
  margin: 0px; padding: 0px;
  font: normal 11px Arial, Tahoma, sans-serif;
  background: #FFFFFF url(graf/tlo_body_bot.jpg) no-repeat bottom center;
}
img{
  display: block;
  border: none;
}
strong, .strong{
  font-weight: bold;
}
#wraper{
  width: 100%;
  padding: 0px; margin: 0px; 
  background: url(graf/tlo_body_top.jpg) no-repeat top center;
}

div#info-glowna {margin-top: 4px; margin-left: 2px; padding: 0px; background:yellow; text-align: center; font-size: 16px;}

/*********************************************************************
#top * #top * #top * #top * #top * #top * #top * #top * #top * #top * 
*********************************************************************/
#top{
  height: 75px; width: 750px;
  margin: 0px auto;
  background: url(graf/menu/tlo_menu.jpg) repeat-x top left;
  border-left: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid;
}
/************************ a) logo ************************/
#logo{
  height: 75px;
  display: block; float: left;
  background: url(graf/logo_shadow_left.jpg) no-repeat top left;
}
#logo img{
  padding-left: 30px; padding-right: 15px; 
  background: url(graf/logo_shadow_right.jpg) no-repeat top right;
}
/************************ b) menu ************************/
#menu{
  margin: 0px; padding: 0px;
  list-style: none;
}
#menu li{
  float: left;
  padding: 27px 0px 5px 0px;
}
#menu a{
  float: left;
  height: 25px;
  padding-left: 18px; padding-top: 19px;
  background: url(graf/menu/mark_link.jpg) no-repeat top center;
}
#menu a:hover, #menu a.active{
  background: url(graf/menu/mark_hover.gif) no-repeat top center;
}
#menu a img{
  padding-right: 17px;
  border-right: 2px #FFFFFF solid;  
}
#menu a img.last{
  border-right: none;
}
/************************ c) baner ************************/
#banner_box{
  height: 350px; width: 750px;
  margin: 0px auto; 
}

#baner{
  float: left;
  height: 186px; width: 735px;
  padding-left: 15px;
  background: url(graf/baner_tlo.jpg) repeat-x top left;
}
#baner img{
  float: left;
}
#baner img.fotka{
  padding-right: 15px;
  background: url(graf/baner_shadow_right.jpg) no-repeat top right;
}
#baner div.lokalizacja{
  float: left;
  padding-left: 40px;
  color: rgb(140,140,140);
  background: url('graf/mark_lokalizacja.gif') no-repeat 23px 2px;
}
#baner div.lokalizacja a{
  color: rgb(43,119,0);
  text-decoration: none;
}
#baner div.lokalizacja a:hover{
  text-decoration: underline;
}
#baner p{
  float: right;
  margin: 0px; padding-right: 95px;
  color: rgb(180,180,180);  
}

/*********************************************************************
#content * #content * #content * #content * #content * #content * #con
*********************************************************************/
#content{
  width: 730px;
  margin: 0px auto; padding-top: 22px; padding-left: 20px; 
  background: url(graf/tlo_content_top.jpg) repeat-x top left;
  border: 1px rgb(242,242,242) solid; border-bottom: none;
}
p{
  margin-bottom: 3px; margin-top: 17px; margin-left: 22px; margin-right: 19px;
  text-align: justify;
  color: rgb(69,69,69);
}
p.bottom{
  margin-bottom: 15px;
}
a{
  color: rgb(43,119,0);
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
h3{
  margin: 0px; padding: 8px 0px;
  font: bold 15px Tahoma, Arial, sans-serif;
  color: rgb(227,132,0);
}
h4{
  font-size: 12px; 
  margin: 0px; padding: 0px;
  color: rgb(227,132,0);
}
/************************ a) strona glowna boxy *********************/
#content div.equipment{
  float: left;
  width: 423px;
  padding: 0px 10px; padding-bottom: 17px;
  background: url(graf/equipment_shadow_bot.jpg) no-repeat bottom center;
}
#content div.serwis{
  float: left;
  width: 423px;
  padding: 0px 10px; padding-bottom: 23px;
  background: url(graf/serwis_shadow_bot.jpg) no-repeat bottom right;
}
#content div.onas, #content div.konsultanci{
  float: right;
  width: 248px;
  padding-right: 26px; padding-left: 12px; padding-bottom: 19px;
  background: url(graf/produkty_shadow_bottom.jpg) no-repeat bottom left;
}
#content div.nasze_produkty{
  float: right;
  width: 248px;
  padding-right: 26px; padding-left: 12px; padding-bottom: 19px;
  background: url(graf/produkty_shadow_bottom.jpg) no-repeat bottom left;
}
#content div.konsultanci{
  padding-bottom: 10px;
  background: none;
}
/************************ a) equipment ******************************/
#content div.equipment div.szara_linia{
  margin-top: 22px; margin-right: 19px; padding-top: 8px; padding-bottom: 16px;
  background: url(graf/line_grey_left.gif) no-repeat top right;
  text-align: right;
}
#content div.equipment div.szara_linia a{
  padding-left: 16px;
  background: url(graf/mark.gif) no-repeat 0px 1px;
}
/************************ a) nasze_produkty *************************/
#content div.nasze_produkty ul{
  list-style: url('graf/mark.gif');
  margin: 4px 0px; margin-left: 48px;
  padding: 0px;
}
#content div.nasze_produkty li{
  line-height: 12px; height: 12px;
  padding: 3px 0px;
}
#content div.nasze_produkty li a{
  padding-right: 7px;
  background: url(graf/arrow.gif) no-repeat top right;
}
/************************ a) konsultanci ****************************/
#content div.konsultanci img{
  padding-bottom: 15px;
}
#content div.konsultanci div.szara_linia{
  width: 206px; height: 20px;
  margin-left: 17px; padding-top: 5px; padding-left: 5px;
  color: rgb(135,135,135);
  background: url(graf/line_grey_right.gif) no-repeat bottom right;
}
#content div.konsultanci a.telefon{
  display: block;
  width: 85px; height: 19px;
  margin-top: 7px; margin-left: 95px; padding-left: 25px; padding-top: 4px;
  background: rgb(246,246,246) url(graf/dymek.gif) no-repeat 6px 7px;
}
#content div.konsultanci form{
  margin: 0px; padding: 0px;  
}
#content div.konsultanci input{  
  width: 80px; 
  padding: 1px;
  border: 1px #CECECE solid;  
}
#content div.konsultanci div.telefon{
  width: 200px;
  margin-bottom: 8px; padding: 10px 0px; padding-left: 33px;
  background: url(graf/tlo_kons_form.gif) no-repeat bottom right;
}
#content div.konsultanci div.telefon input.kierunkowy{  
  width: 30px;
  margin: 0px 5px;
}
#content div.konsultanci div.telefon span{
  font-weight: bold;
  color: rgb(43,119,0);
}
#content div.konsultanci a.marked{
  margin-left: 144px; padding-left: 16px;
  background: url(graf/mark.gif) no-repeat 0px 1px;
  font-weight: bold;
}

/*********************************************************************
#foot * #foot * #foot * #foot * #foot * #foot * #foot * #foot * #foot 
*********************************************************************/

/************************ a) hot ************************************/
#foot_hot{
  width: 665px; height: 28px;
  margin: 0px auto; padding-left: 85px;
  background: url(graf/tlo_foot_hot.gif) repeat-x top left;
  border-left: 1px #FFFFFF solid; border-right: 1px ; border-bottom: 3px #FFFFFF solid; 
}
#foot_hot img{
  float: left;
  padding-top: 7px;
}
#foot_hot img.zamow{
  padding-left: 42px;
}
#foot_hot a{
  display: block; float: left;
  padding-top: 1px;
}
/************************ a) linki **********************************/
#foot_linki{
  width: 710px; height: 74px;
  margin: 0px auto; padding-left: 40px;
  background: url(graf/tlo_foot_linki.gif) repeat-x top left;
  border-left: 1px #FFFFFF solid; border-right: 1px ;
}
#foot_linki a{
  display: block; float: left;
  padding: 0px 13px; padding-top: 20px; margin-top: 15px; 
  font-size: 10px; text-decoration: none;
  color: rgb(146,146,146);
}

#foot_linki a.biuronet{ background: url(graf_nowe/link_biuronet.gif) no-repeat top center; }
#foot_linki a.tester{ background: url(graf_nowe/link_tester.gif) no-repeat top center; }
#foot_linki a.liczarka{ background: url(graf_nowe/link_liczarka.gif) no-repeat top center; }

#foot_linki a:hover{
  color: rgb(182,182,182);
}
#foot_linki a strong{
  font-size: 11px;
}
/************************ a) subtitles ******************************/
#foot_subtitles{
  height: 72px; width: 660px;
  margin: 0px auto; padding: 10px 45px;
  background: url(graf/tlo_foot_subtitles.gif) no-repeat top center;
}
#foot_subtitles div.design{
  float: left;
  color: rgb(110,168,77);
}
#foot_subtitles div.design a{
  color: rgb(110,168,77);
}
#foot_subtitles div.copyright{
  float: right;
  color: rgb(240,171,75);;
}


/*********************************************************************
PRODUKTY * PRODUKTY * PRODUKTY * PRODUKTY * PRODUKTY * PRODUKTY * PROD
*********************************************************************/
#content div.produkty, div.nowosci{
  float: left;
  width: 423px;
  padding: 0px 10px; padding-bottom: 37px;
  background: url(graf/tlo_produkty_div.gif) no-repeat bottom center;
}
#content div.produkty div, #content div.nowosci div{
  margin-left: 22px; margin-right: 19px;
  padding-bottom: 25px;
}
/************************ a) dzialy *********************************/
#liczarki_banknotow{
  background: url(graf/miniatury/liczarki_banknotow.jpg) no-repeat 280px 25px;
  margin-top: 15px;
}
#liczarki_wagowe{
  background: url(graf/miniatury/liczarki_wagowe.jpg) no-repeat 275px 15px;
 margin-top: 15px;
}
#liczarki_wartosciowe_bilonu{
  background: url(graf/miniatury/liczarki_wartosciowe_bilonu.jpg) no-repeat 280px 15px;
 margin-top: 15px;
}
#liczarki_bilonu{
  background: url(graf/miniatury/liczarki_bilonu.jpg) no-repeat 280px 20px;
}
#sortery_bilonu{
  background: url(graf/miniatury/sortery_bilonu.jpg) no-repeat 270px 15px;
}
#testery{
  background: url(graf/miniatury/ird-2200-2.jpg) no-repeat 280px 30px;
}
/************************ b) wykazy *********************************/
#content div.produkty ul, #content div.nowosci ul{  
  width: 247px;
  margin: 0px; padding: 0px; padding-left: 18px;
  background: url('graf/tlo_produkty_ul.gif') no-repeat top center;
  font: normal 12px Tahoma, sans-serif; color: rgb(134,134,134);
  list-style: none;
}
#content div.produkty li, #content div.nowosci li{
  width: 222px;
  padding-left: 26px; margin: 0px;
  background: url(graf/mark.gif) no-repeat 10px 5px;
  border-bottom: 1px rgb(238,238,238) solid;
}
#content div.produkty li a, #content div.nowosci li a{
  display: block;
  width: 202px;
  padding: 4px 0px;  padding-right: 10px;
  background: url(graf/arrow_high.gif) no-repeat top right;
}

/*********************************************************************
NOWOSCI * NOWOSCI * NOWOSCI * NOWOSCI * NOWOSCI * NOWOSCI * NOWOSCI * 
*********************************************************************/
#content div.nowosci p.opis{
  float: left;
  margin: 0px; padding: 0px;
  padding-left: 20px;
  margin-top: 5px;
  width: 242px;
}
#content div.nowosci h3{
  clear: both;
}
div.nowosci img.miniatura{
  float: right;
}
/*********************************************************************
TECHNOLOGIA * TECHNOLOGIA * TECHNOLOGIA * TECHNOLOGIA * TECHNOLOGIA *
*********************************************************************/
div.technologia{
  padding: 0px 10px; padding-bottom: 37px;
}
div.technologia p{
  margin-top: 0px; padding-top: 0px;
}
div.technologia h3{
  padding-left: 22px; margin-top: 20px;
  color: rgb(227,132,0);  
}
div.technologia h4{
  margin: 0px; margin-left: 22px;
  padding: 8px 0px;
  color: rgb(48,48,48);
}
div.technologia h5{
  margin-top: 8px; margin-bottom: 5px; padding-left: 22px;
  font-size: 12px;
  font-weight: normal;
  color: rgb(0,0,0);
}
/*********************************************************************
KONTAKT * KONTAKT * KONTAKT * KONTAKT * KONTAKT * KONTAKT * KONTAKT * 
*********************************************************************/
#content div.kontakt{
  float: left;
  width: 423px;
  padding: 0px 10px; padding-bottom: 37px;
  background: url(graf/tlo_produkty_div.gif) no-repeat bottom center;
}
#content a.kontakt_zamow{
  display: block; float: left;
  width: 423px;
}
#content a.kontakt_zamow img{
  width: 224px;
  margin: 10px auto;
  padding-top: 15px;
}

/*********************************************************************
PRODUKT * PRODUKT * PRODUKT * PRODUKT * PRODUKT * PRODUKT * PRODUKT * 
*********************************************************************/
div.produkt{
  padding: 0px 10px;
}

/*************************************************************  LEFT */ 
div.produkt div.left{
  float: left;
  width: 410px;
  padding-bottom: 37px;
}
div.produkt h3{
  float: left;
  padding: 25px 0px 25px 22px;
}
div.produkt h4{
  padding: 10px 0px 7px 22px;
}
div.produkt h4.typ{
  float: right;
  padding: 27px 20px 25px 0px;
  font-size: 12px;
  color: rgb(90,90,90);
}
div.produkt p.first{
  clear: both;
  margin-top: 0px; padding-top: 13px;
  background: url(graf/produkt_h3_shadow.gif) no-repeat top center;
}
div.left ul{
  padding: 0px; margin: 0px; margin-left: 30px;
  list-style: none;
}
div.left li{
  padding-left: 12px;
  margin: 2px 0px;
}
div.left ul.funkcje li{
  background: url(graf/mark_ul_funkcje.gif) no-repeat 0px 4px;
}
div.left ul.parametry li{
  background: url(graf/mark_ul_parametry.gif) no-repeat 0px 4px;
}
/*************************************************************  RIGHT */
div.right{
  float: left;
  width: 260px;
  padding: 10px; padding-bottom: 20px;
  background: url(graf/tlo_miniatury.gif) no-repeat bottom center;
}
#miniatury{
  margin-top: 10px; padding: 30px 10px 20px 10px;
  background: url(graf/line_grey_right_long.gif) no-repeat top left;
}
#miniatury a{
  display: block;
  float: left;
  margin: 5px 7px;
}
img.shown{
  display: none;
}
#img-2{
  display: block;
}

/*************************************************************  ZAMOWIENIA */
div.zamowienia{
  float: left;
  padding-bottom: 30px;
  background: url(graf/tlo_miniatury.gif) no-repeat bottom center;
}

/*********************************************************************
ZAMOW MATERIALY * ZAMOW MATERIALY * ZAMOW MATERIALY * ZAMOW MATERIALY 
*********************************************************************/
div.kontakt h3{
  margin: 0px; padding: 0px;
  padding-left: 22px; margin-top: 15px;
  color: rgb(227,132,0);
  clear: both;  
}
#content div.kontakt a.submit{
  float: right;
  padding: 0px 22px 10px 16px;
  background: url(graf/mark.gif) no-repeat 0px 1px;
  font-weight: bold;
}
form.zamow_materia造{
  margin: 0px; padding: 10px 0px;
}
form.zamow_materia造 ul{
  float: left;
  padding: 5px 10px 10px 22px; margin: 0px;
  list-style: none;  
}
form.zamow_materia造 li{
  padding: 2px 0px;
  float: left;
  line-height: 12px;
}
form.zamow_materia造 label{
  display: block; float: left;
  width: 120px;
}
form.zamow_materia造 input{
  float: left;
  width: 260px;
  border: 1px #CECECE solid;  
}

/*********************************************************************
WYROZNIONE P
*********************************************************************/
p.info{
  margin: 15px 10px 6px 10px; padding: 3px 10px;
  background-color: rgb(245,245,255);
  border: 1px rgb(225,225,240) solid;
}
p.alert{
  margin: 15px 10px 6px 10px; padding: 3px 10px;
  border: 1px rgb(240,225,225) solid;
  background-color: rgb(255,245,245);
}
p.approved{
  margin: 15px 10px 6px 10px; padding: 3px 10px;
  border: 1px rgb(225,240,225) solid;
  background-color: rgb(245,255,245);
}

/*********************************************************************
LINKUJ A
*********************************************************************/

div.linkip a{
  margin: 0px; padding: 2px 0px;
  font: bold 8px Tahoma, Arial, sans-serif;
  color: rgb(43,119,0);
}