/* CSS Document */
body,html {
  margin: 0px;
  padding: 0px;
  
  text-align: center;
  font-size: 8pt;
  font-family: Verdana;  
  color: #ffffff;

  background-color: rgb(47,53,64);
  background-image: url('../images/bkg.png');
  background-position: 0 0;
  background-repeat: repeat-x;
}

#logo,#header,#main {
  text-align: left; }

#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  width: 735px;
  height: 179px;
  
  background-color: rgb(205,206,207);
  background-image: url('../images/logo.png');
  background-position: 0 0;
  background-repeat: no-repeat; }

#logo h1 { 
  margin: 0px;
  padding: 0px; }
#logo h1 a {
  margin: 0px; 
  padding: 0px;
  border: 0px; 
  display: block;
  width: 735px;
  height: 179px; }
#logo h1 a span {
   display: none; }
   
#header {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  width: 735px;
  height: 224px;
  
  background-color: rgb(254,255,255); }

#header div.header_facet {
  display: block;
  clear: none;
  float: left;
  
  width: 332px;
  height: 224px;
  
  background-color: transparent;
  background-image: url('../images/header_facet.png');
  background-position: 0 0;
  background-repeat: no-repeat; }

#header div.header_linki {
  display: block;
  clear: none;
  float: left;
  
  width: 242px;
  height: 224px;
  
  background-color: transparent;
  background-image: url('../images/header_linki.png');
  background-position: 0 0;
  background-repeat: no-repeat;  
}
#header div.header_linki ul {
  padding: 0px;
  margin-left: 23px;
  margin-top: 58px;
  position: relative;
  list-style: none;
  list-style-type: none;
}
#header div.header_linki ul li {
  margin: 0px;
  padding: 0px; 
  display: block;
  width: 181px;
  background-position: 0 0;
  background-repeat: no-repeat;  
  position: absolute; 
}
#header div.header_linki ul li a,
#header div.header_linki ul li a:visited,
#header div.header_linki ul li a:active,
#header div.header_linki ul li a:hover {
  display: block;
  width: 181px;
  height: 32px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
#bt_dlaczego {
  height: 32px;
  top: 0px;
  left: 0px;
  background-image: url('../images/header_linki_dlaczego.png'); 
}
#bt_dokumenty{
  height: 34px;
  top: 32px;
  left: 0px;
  background-image: url('../images/header_linki_dokumenty.png'); 
} 
#bt_oferta{
  height: 34px;
  top: 66px;
  left: 0px;
  background-image: url('../images/header_linki_oferta.png'); 
}
#bt_kontakt{
  height: 32px;
  top: 100px;
  left: 0px;
  background-image: url('../images/header_linki_kontakt.png'); 
}
#header div.header_linki ul li a span {
  display: none; }
  
#header div.header_oferujemy {
  display: block;
  clear: none;
  float: left;
  
  width: 161px;
  height: 224px;
  
  background-color: transparent;
  background-image: url('../images/header_oferujemy.png');
  background-position: 0 0;
  background-repeat: no-repeat;  
}

#header div.header_oferujemy a {
  display: block;
  width: 161px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  float:left;
  background-color: transparent;
  background-image: url('../images/header_oferujemy_ulubione.png');
  background-position: 0 0;
  background-repeat: no-repeat;  
}
#header div.header_oferujemy a span {
  display: none; }
#header div.header_oferujemy p {
  margin: 0px;
  padding: 0px 20px 0px 20px; 
  color: #ffffff;
  font-weight: bold;
}
#header div.header_oferujemy p a {
  text-decoration: none;
  color: #ffffff;
  background: none;
  display: inline;
  width: auto; }
#header div.header_oferujemy p a:hover {
  color: #444444;
  text-decoration: underline; }
  
#title {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  width: 735px;
  height: 39px;
  
  background-color: transparent;
  background-image: url('../images/title_bkg.png');
  background-position: 0 0;
  background-repeat: repeat-x;  
  
  overflow: hidden;
}

#title div.title_text {
  display: block;
  clear: none;
  float: left;
  
  height: 39px;
  
  background-color: transparent;
  background-image: url('../images/title_text.png');
  background-position: 0 0;
  background-repeat: repeat-x;
}
#title div.title_text h2 {
  margin: 0px; 
  padding: 10px;
  font-size: 12pt; 
  font-weight: bold; }
  
#title div.title_spacer {
  display: block;
  clear: none;
  float: left;
  
  height: 39px;
  width: 103px;
  
  background-color: transparent;
  background-image: url('../images/title_spacer.png');
  background-position: 0 0;
  background-repeat: repeat-x;
}

#main {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  width: 735px;
  min-height: 421px;
  height: auto !important;
  height: 421px;

  background-color: rgb(88,92,101);
  background-image: url('../images/main_bkg.png');
  background-position: 0 100%;
  background-repeat: repeat-x; }
  
  
#main p,h1,h2,h3,h4,h5,h6 {
  margin: 0px; 
  padding: 10px; }

#main h1 {
  font-size: 14pt; }
#main h2 {
  font-size: 12pt; }
#main h3 {
  font-size: 10pt; }
#main h4,#main h5,#main h6 {
  font-size: 8pt; }
#main h5  {
  padding-bottom: 1px; }

#main ul {
  margin: 0px;
  padding: 0px 25px 5px 25px; 
  list-style: none;
  zoom: 1;
}

#main li {
  background-image: url('../images/punktator.gif');
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0px 15px 5px 15px;
  margin: 0px;
  zoom: 1;
}

#main a {
  text-decoration: underline;
  color: #eeeeee; }
  
#main a:hover {
  text-decoration: none;
  color: #e6b031; }

#topbar {
  display: block;
  width: 735px; 
  float: left;
  
  background-color: transparent;
  background-image: url('../images/topbar.png');
  background-position: 50% 100%;
  background-repeat: repeat-x; }

#sidebar {
  display: block;
  width: 280px;
  float: left;
  
  background-color: transparent;
  background-image: url('../images/sidebar.png');
  background-position: 100% 50%;
  background-repeat: repeat-y; }


#content {
  display: block;
  width: 450px;
  float: right;

  background-color: transparent;
  background-image: url('../images/content.png');
  background-position: 100% 100%;
  background-repeat: no-repeat; }

#footer_menu {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  width: 100%;
  height: 86px; 
    
  background-color: transparent;
  background-image: url('../images/footer_menu.png');
  background-position: 50% 0;
  background-repeat: no-repeat;  

  color: rgb(83,83,83);
  font-size: 8pt;
}

#footer_menu ul {
  margin: 0px;
  padding-top: 20px; 
  list-style: none; }

#footer_menu ul li {
  display: inline; }

#footer_menu a {
  text-decoration: none;
  color: rgb(83,83,83); }
#footer_menu a:hover {
  text-decoration: underline;
  color: rgb(83,83,83); }
  
#footer_copyright {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  width: 100%;
  height: 45px; 

  background-color: transparent;
  background-image: url('../images/footer_copyright.png');
  background-position: 50% 0;
  background-repeat: no-repeat;  
  
  color: rgb(83,83,83);
  font-size: 8pt;
}
#footer_copyright a {
  color: #535353;
}

div.topek {
  display: block;
  float: left;
  clear: none;
  width: 100%;
  background-color: transparent;
  background-image: url('../images/topbar.png');
  background-position: 50% 99%;
  background-repeat: no-repeat;   
  }

div.formularz {
  display: block;
  float: right;
  clear: none;
  margin: 0px;
  padding: 10px;
  border: 0px;
  width: 408px;
  background-color: transparent;
  background-image: url('../images/sidebar.png');
  background-position: 0% 50%;
  background-repeat: repeat-y;
  }
  
div.kontakty {
  display: block;
  float: left;
  clear: none;
  margin: 0px;
  padding: 10px;
  border: 0px;
  width: 270px;
  }
  
div.formularz input { 
  margin: 2px 2px 2px 2px;
  border: 1px solid #999999;
  width: 400px;
}

div.formularz #f_doradztwo_u_prywatnych {
  width: auto;
  border: 0px; }
  
div.formularz #f_doradztwo_u_firmy {
  width: auto;
  border: 0px; }
  
div.formularz input.wyslij {
  border: 1px solid #000000;
  background-color: rgb(61,64,71);
  font-weight: bold;
  color: #ffffff;
  width: 100px;
}

div.formularz span {
  color: #e6b031; } 
  
div.formularz p.uwaga {
  font-weight: bold;
  color: #e6b031; }
  
  
.clear {
  clear: both; }
.clear_height {
  height: 10px;
  width: 0px;
  clear: both; }