/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background: rgb(255,255,255) url(graf/tlo_body.png) repeat-x top left;
  font: normal 11px tahoma, Arial, geneva, sans-serif;
  color: rgb(117,117,117);
}

img{ display: block; border: none; }
form{ margin: 0px; padding:0px;}

a{ color: rgb(232,136,11); text-decoration: none; }
a:hover{ text-decoration: underline; }

.strong{ font-weight: bold; }
.clr{ clear: both; }
.left{ float: left; margin-right: 10px;}
.right{ float: right; margin-left: 10px;}
.borderless{ border: none; }

.alert{ color: rgb(204,0,51); font-weight: bold; }
.approved{ color: rgb(51,102,0); font-weight: bold; }
/* =============================================================================
                                                                       WRAPER
============================================================================= */
#wraper{
  width: 100%;
  padding: 0px; margin: 0px;
  background: url(graf/tlo_wraper.png) repeat-x bottom left;
}

#top{ 
  width: 822px; 
  height: 303px; 
  margin: 0px auto;
  background: url(graf/tlo_top2.jpg) no-repeat 0px 58px;
}

#top h1{ float: left; width: 100px; height: 66px; margin: 0px; padding: 0px 0px 0px 100px; overflow: hidden; background: url(../img/logo.gif) no-repeat 100px 24px; }
#top h1 a{ display: block; height: 0px; width: 100px; padding-top: 66px;}

ul#lang{
  clear: both;
  float: right;
  list-style: none;
  padding: 6px 20px 5px 0px; margin: 0px;
}
ul#lang li{ float: left; padding: 0px 7px 0px 0px; }

#top img.napis_top{
  clear: both;
  float:right;
  margin-top: 47px;
  padding-right: 150px;
}

ul#quick_menu{ float: right; height: 41px; padding: 0px 40px 0px 0px; margin: 25px 0px 0px; list-style: none; }
ul#quick_menu li a{ color: rgb(75,81,102); }
ul#quick_menu li{ display: block; float: left; padding: 15px 20px 0px; }
ul#quick_menu li.home{ background: url(graf/icon_home.gif) no-repeat top center; }
ul#quick_menu li.sitemap{ background: url(graf/icon_sitemap.gif) no-repeat top center; }
ul#quick_menu li.lang{ background: url(graf/icon_lang.gif) no-repeat top center; }

ul#main_menu{
  float: right;
  width: 380px;
  margin: 56px 0px 0px; padding: 0px 30px 0px 0px;
  list-style: none;
  clear: both;
}
ul#main_menu a{ display: block; float: left; height: 23px; color: rgb(229,229,230); padding: 10px 13px 0px; }
ul#main_menu li{ display: block; float: left; }
ul#main_menu li.offer a{ background: url(graf/tlo_offer.gif) no-repeat 2px 0px; color: rgb(254,245,231); width: 27px; padding-left: 16px; }

ul.submenu{
  float: right;
  width: 361px;
  margin: 0px; padding: 0px 181px 0px 0px;
  list-style: none;
  clear: both;
}
ul.submenu li{ display: block; float: left; height: 42px; background: rgb(255,153,51) url(graf/tlo_submenu.png) repeat-x 0px 0px; }
ul.submenu a{ display: block; float: left; height: 26px; color: rgb(254,245,231); padding: 15px 13px 0px; }
ul.submenu li.last { background: url(graf/submenu_corner_right.jpg) no-repeat top right; padding-right: 58px; }

#content{
  width: 790px;
  margin: 0px auto;
}

#left{ float: left; width: 273px; background: url(graf/tlo_right.jpg) no-repeat 148px 0px; }
#left img.naglowek{ padding: 25px 0px 0px 43px; }

ul#menu_oferta{ list-style: none; margin: 0px; padding: 7px 0px 0px; }
ul#menu_oferta li{ background: url(graf/tlo_button.jpg) no-repeat 0px 12px; width: 260px; }
ul#menu_oferta a{ display: block; padding: 37px 0px 23px 105px; width: 120px; }
ul#menu_oferta li.podklady a{ background: url(../img/menu_oferta/podklady_tlo.gif) no-repeat 15px 4px; }
ul#menu_oferta li.akcesoria a{ background: url(../img/menu_oferta/akcesoria_tlo.gif) no-repeat 15px 5px; }
ul#menu_oferta li.drewno a{ background: url(../img/menu_oferta/drewno_tlo.gif) no-repeat 15px 15px; }

#right{
  float: right;
  width: 513px;
}
#right h2{
  font-weight: bold;
  font-size: 11px;
  margin: 18px 0px 0px; padding: 0px;
  color: rgb(39,42,53);
}
#right h2 a{
  color: rgb(39,42,53);
  text-decoration: underline;
}
#right p{ margin: 18px 0px 0px; padding: 0px;}
#right a.wiecej{
  display: block; float: left;
  margin: 18px 0px 30px;
  clear: both;
  padding-right: 15px;
  background: url(graf/a_wiecej.gif) no-repeat center right ;
}

#zastosowania{
  float: left;
  width: 216px;
  padding: 25px 20px 0px 20px;
  background: url(graf/tlo_glowna_zast.gif) no-repeat top left;
}
#info{
  float: right;
  width: 217px;
  height: 145px;
  padding: 25px 20px 0px 20px;
  background: url(graf/tlo_glowna_info.gif) no-repeat bottom left;
}
#kontakt{
  float: right;
  width: 217px;
  height: 102px;
  padding: 25px 20px 0px 20px;
  margin-bottom: 30px;
  background: url(graf/tlo_glowna_kontakt.gif) no-repeat bottom left;
}
#kontakt p{ margin-top: 26px;}
#left #kontakt{ float: left; margin: 10px 0px 20px;}
#left #kontakt img{ padding: 0px;}


#stopka{ 
  width: 766px; 
  margin: 0px auto; 
  clear: both; 
  height: 73px; 
}
#stopka ul{ list-style: none; padding: 21px 0px 0px 0px; margin: 0px; }
#stopka li{ float: left; padding: 0px 20px 5px 21px; background: url(graf/stopka_sep.gif) no-repeat top right; }
#stopka li.first{ padding-left: 0px;}
#stopka li.last{ background: none; padding-right: 0px;}
#stopka div.podpisy{ clear: both; padding-top: 8px; font-size: 10px; }
#stopka div.podpisy a{ float: right; color: rgb(75,81,102); padding-right: 5px; }


#right div.podstrona{
  width: 474px;
  padding: 25px 20px 0px 20px;
  margin-bottom: 30px;
  background: url(graf/tlo_podstr_right.gif) no-repeat top left;
}
#right img.border{
  padding: 2px;
  border: 1px rgb(232,232,219) solid;
  margin-top: 10px; margin-bottom: 10px;
}



#right img.podklady{
  width: 441px;
  margin: 10px auto 0px;
}
#right div.fotki_pion{
  width: 190px;
}


ul#menu_podstr{ clear: both; list-style: none; padding: 48px 0px 25px; margin: 0px; }
ul#menu_podstr li{ float: left; padding: 0px 18px 0px 0px; }
ul#menu_podstr a{ display: block; padding-left: 18px; color: rgb(75,81,102);}
ul#menu_podstr li.home a{ background: url(graf/icon_home_s.gif) no-repeat 0px 2px; }
ul#menu_podstr li.back a{ background: url(graf/icon_back.gif) no-repeat 0px 2px; }
ul#menu_podstr li.print a{ background: url(graf/icon_print.gif) no-repeat 0px 2px; }


table#typy{ float: left; margin: 10px 20px 10px 0px; border-collapse: collapse; }
table#typy td, table#typy th{ padding: 2px 8px; border: 1px rgb(245,245,245) solid;}


table#akcesoria{ width: 100%; border-collapse: collapse; margin: 10px 0px 0px; padding: 0px; }
table#akcesoria td, table#akcesoria th{ padding: 2px 10px; border: 1px rgb(245,245,245) solid; }
table#akcesoria .borderless{ border: none; }

#right div.podstrona a.wiecej{ float: right; margin: 0px;}

#right div.box_zastosowania{ width: 180px; padding: 0px 20px 10px 20px; margin: 10px 5px; border: 1px rgb(245,245,245) dashed; background-color: rgb(252,252,252); }
#right div.box_zastosowania img{
  width: 160px; margin: 10px auto;
}

fieldset#mail{
  float: left; width: 210px; margin: 10px 0px; padding: 0px; border: none;
   
}
fieldset#mail legend{ display: none; }
fieldset#mail label{ display: block; padding: 2px 0px; }
fieldset#mail input{ width: 100%;  border: 1px rgb(220,220,220) solid; color: rgb(117,117,117); }
fieldset#mail input.submit{ width: 70px; float: right;  border: 1px rgb(220,220,220) solid; color: rgb(75,81,102); }
fieldset#mail textarea{ width: 100%;  border: 1px rgb(220,220,220) solid; color: rgb(117,117,117); }