/* ogolny styl */

body {
  color: #222;
  font-family: Arial;
  font-size: 12px;
  margin: 5px;
  }
a, a:hover { text-decoration: underline; }
a { color: #900; }
a:hover { color: #f00; }
p { text-align: justify; }
img { border: 0 none; }
hr {
  color: #bbb;
  background-color: #bbb;
  border: 0;
  height: 1px;
  clear: both;
  margin-bottom: 20px;
  width: 92%;
}

/* naglowki */

h1, h2 { min-height: 16px; }
h1 {
  color: #822;
  font-size: 16px;
  }
h2 {
  color: #666;
  font-size: 14px;
  }

/* stopka*/
.foot, a.foot { color: #fff; }
a.foot:hover { color: #f00; }


/* multi-column */

/* common columns properties */

.col1, .col2, .col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
  }

/* 2 columns wrappers */

.twocolswrap1, .twocolswrap2 {
  position:relative;
  float:left;
  width:100%;
  }
.twocolswrap1 {
  clear: both;
  overflow: hidden;
  }

/* 2 columns layout  */

.twocolswrap1 .twocolswrap2 { right:50%; }
.twocolswrap1 .col1 { width:49.5%; left:50%; }
.twocolswrap1 .col2 { width:49.5%; left:51.5%; }

/* 3 columns wrappers */

.threecolswrap1, .threecolswrap2, .threecolswrap3 {
  position:relative;
  float:left;
  width:100%;
  }
.threecolswrap1 {
  clear: both;
  overflow: hidden;
  }

/* 3 columns layout  */

.threecolswrap1 .threecolswrap2 { right:33%; }
.threecolswrap1 .threecolswrap3 { right:34%; }
.threecolswrap1 .col1 { width:32%; left:67%; }
.threecolswrap1 .col2 { width:32%; left:68.5%; }
.threecolswrap1 .col3 { width:32%; left:70%; }

/* fix floating container height problem */

div.clearfix:after {
  content: ".";
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
  display: block;
  }


/* common wrapper - limit page width */

div.wrap {
  width: 960px;
  margin: 0 auto;
  }

/* top section */

div#top {  }
div#top div.wrap { position: relative;}
a#top_logo { float: left; }
div#top_links p#eoffice {
  position: absolute;
  right: 0;
  top: 10px;
  margin: 0;
}
div#top_links ul.flags {
  position: absolute;
  bottom: 5px;
  right: 0;
  }
div#top_baners {
  position: absolute;
  top: 25px;
  left: 250px;
  font-size: 24px;
  font-style: italic;
  }
div#top_baners p { margin: 0; }
div#top_search { width: 400px;}

/* main section */

div#main { border-bottom: 8px solid #d0d7da; }
div#content { clear: both; }

/* bottom section */

div#bottom {
  background: #9aa6ae;
  color: #fff;
  border-top: 1px solid #83929b;
  outline: #dde3e5 solid 1px;
}
div#bottom a {
  color: #fff;
  text-decoration: none;
}
div#bottom a:hover {
  color: #990000;
  text-decoration: underline;
}
div#bottom ul {
  list-style-type: none;
  padding: 0;
}
div#bottom table { width: 100%; }
div#bottom td {
  vertical-align: top;
  width: 20%;
}
div#bottom h1 { color: #fff; }
div#facebook { background: #fff; }

/* footer section */

div#footer {
  background: #21242a;
  border-top: 2px solid #5e6367;
  padding: 45px;
  position: relative;
}
div#footer div.wrap {
  text-indent: 45px;
}
div#footer ul {
  text-indent: 0;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
}
div#footer ul li {
  float: left;
  list-style: disc inside url("pix/foot_bullet.png");
  padding-left: 20px;
}
div#footer ul > li:first-child {
  padding-left: 250px;
}

/* offer box */

div.left_offer {
  background: url('pix/left_offer_bg.png') repeat-x;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 4px;
  margin-bottom: 9px;
  min-height: 115px;
  position: relative;
  box-shadow: 1px 1px 1px 1px #e4e4e4;
}
div.left_offer img {
  float: left;
  margin-right: 12px;
}
div.left_offer h2 {
  color: #822;
  margin: 0;
  font-size: 13px;
}
div.left_offer a {
  position: absolute;
  bottom: 4px;
  right: 4px;
  text-decoration: underline;
  color: #333;
  font-weight: bold;
}
div.left_offer a:hover {
  position: absolute;
  bottom: 4px;
  right: 4px;
  text-decoration: underline;
  color: #990000;
  font-weight: bold;
}
div.left_offer ul {
  list-style-type: none;
  padding: 0;
}
div.left_offer li {
  padding-top: 2px;
}
div.left_offer li a, div.left_offer li a:hover {
  position: static;
  bottom: auto;
  right: auto;
}

a.right_offer {
  position: relative;
  left:30px; 
  top:30px;
  text-decoration: underline;
  color: #333333;
  font-weight: bold;
  letter-spacing: -1px;
}


/* menuex */

div.menuex {
  background: #247 url('pix/menu_bg.png');
  border-radius: 5px;
  padding-left: 5px;
  height: 35px;
}

ul.menuex {
  position: relative;
  margin: 0;
  padding: 0;
}
ul.menuex > li {
  float: left;
  list-style-type: none;
  border-right: 1px solid #182880;
  border-top: 2px solid #247;
}
ul.menuex > li > a {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  height: 28px;
  display: block;
  padding: 5px 30px 0 30px;
}
ul.menuex > li > a:hover {
  background: #eee;
  color: #124;
  text-decoration: underline;
}
ul.menuex > li.menu_bold > a {
  padding-right: 26px;
}
ul.menuex > li.menu_bold > a > span {
  margin-left: 15px;
}
ul.menuex > li.menu_bold > a > span.dropdown > img {
  visibility: hidden;
}
ul.menuex > li.menu_bold > a > span.dropdown {
  background: url('pix/down_arrow_w.png') center left no-repeat;
}
ul.menuex > li.menu_bold > a:hover > span.dropdown {
  background: url('pix/down_arrow_b.png') center left no-repeat;
}
ul.menuex > li:first-child {
  border-left: 0 none;
}
div.submenuex {
  display: none;
  padding: 0;
  background: #eee;
}
ul.menuex > li:hover > div.submenuex {
  display: block;
  position: absolute;
  top: 35px;
  box-shadow: 3px 6px 4px #555;
  z-index: 1;
}
div.submenuex > ul  {
  width: 250px;
  float: left;
  padding: 0;
}
div.submenuex > ul > li {
  list-style-type: none;
  border-top: 1px solid #ccc;
}
div.submenuex > ul > li:first-child {
  border: none;
}
div.submenuex > ul > li > a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #800;
  display: block;
  padding: 10px 5px;
}
div.submenuex > ul > li:hover {
  background: #ddd;
}
div.submenuex > ul > li:hover > a {
  color: #b00;
}
div.submenuex > ul > li > a > p {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  color: #000;
}


/* breadcrumbs */

div.breadcrumbs {
  padding: 5px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}

div.breadcrumbs img {
  position: relative;
  vertical-align: -2px;
  margin: 0 5px;
}

/* link to pdf */

a.getpdf {
  background: url("pix/pdf_ico.jpg") no-repeat;
  display: block;
  font-weight: bold;
  height: 30px;
  padding-left: 30px;
  }


/* replace text with images in some links */

ul#nasze-biura {
  list-style-type: none;
  padding: 0;
  }
ul#nasze-biura a {
  display: block;
  height: 50px;
  text-indent: -9999px;
  width: 300px;
  }
a#biuro-krakow   { background: url("pix/a_krakow.jpg"); }
a#biuro-katowice { background: url("pix/a_katowice.jpg"); }
a#biuro-rzeszow  { background: url("pix/a_rzeszow.jpg"); }
a#biuro-wawa     { background: url("pix/a_wawa.jpg"); }


/* style bullets in some lists */

ul.advantages-list li {
  list-style: disc outside url("pix/list_ok.png");
  margin-bottom: 5px;
  }

ul.advantages-list2 li {
  list-style: disc outside url("pix/list_ok2.png");
  margin-bottom: 5px;
  }
/* pricelist */

table.cennik {
  width: 100%;
  text-align: center;
  }
table.cennik th { background: #ccc; }
table.cennik thead th:first-child { visibility: hidden; }
table.cennik tr { height: 25px; }
table.cennik tr.odd { background: #feb; }
tr.prices-12, tr.prices-6, tr.prices-1 { font-weight: bold; }
tr.prices-12 { background: #eaf1dd; }
tr.prices-6 { background: #d6e3bc; }
tr.prices-1 { background: #c2d69b; }


/* pricelist 2 */

table.cennik2 {
  width: 100%;
  text-align: left;
  }
table.cennik2 th { background: #ccc; }
table.cennik2 tr { height: 35px; }
table.cennik2 tr.odd2 { background: #feb; }



/* "only address" package */

div#sam_adres {
  background: #700;
  color: #fff;
  }
div#sam_adres h2 {
  color: inherit;
  background: inherit;
  padding: 2px 0 0 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  }
div#sam_adres ul {
  list-style-type: none;
  padding: 3px;
  margin: 0;
  }
div#sam_adres li:before {
  content: "- ";
  }


/* ACCO pricelist */

table.cennik-acco th {
  background: #ccc;
  text-align: left;
  }

/* language flags sprite demuxing */

ul.flags { padding: 0; margin: 0; list-style-type: none; }
ul.flags li { float: left; }
a.flag_polski,
a.flag_english,
a.flag_deutsch,
a.flag_french,
a.flag_belgian,
a.flag_russian,
a.flag_ukrainian,
a.flag_czech,
a.flag_slovak {
  display: block;
  height: 12px;
  text-indent: -9999px;
  width: 18px;
  background: url("pix/flags.png") no-repeat;
  margin-left: 12px;
  outline: none;
  }
a.flag_english { background-position: -17px 0; }
a.flag_deutsch { background-position: -34px 0; }
a.flag_french { background-position: -51px 0; }
a.flag_belgian { background-position: -68px 0; }
a.flag_russian { background-position: -85px 0; }
a.flag_ukrainian { background-position: -102px 0; }
a.flag_czech { background-position: -119px 0; }
a.flag_slovak { background-position: -136px 0; }

/* steps to buy/form company */

ol.redsteps { padding: 2px; }
ol.redsteps li { display: table-row; }
ol.redsteps li > span,
ol.redsteps li p {
  display: table-cell;
  border: 2px solid #fff;
  vertical-align: middle;
  }
ol.redsteps li > span {
  background: #900;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 60px;
  height: 64px;
  text-align: center;
  }
ol.redsteps li p {
  background: url("pix/triangle.png") no-repeat;
  padding-left: 35px;
  }