/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  elements definitions */
body, td, li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0;
}
h1 {
  margin: 15px 0 7px 0;
  padding: 0;
  font-size: 16pt;
  border-bottom: 1px solid #acacac;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
h2 {
  margin: 10px 0 7px 0;
  padding: 0;
  font-size: 14pt;
  border-bottom: 1px solid #acacac;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
h3 {
  font-size: 16px;
  margin: 15px 0 7px 0;
  padding: 0;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
h4 {
  font-size: 11px;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
h5 {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 3px 0 7px 0;
  padding: 0;
  text-align: right;
  color: #666568;
}
p {
  text-align: justify;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  layout definitions */
#body-margins {
  width: 940px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  margin-left: -470px;
  padding: 0;
  background-image: url('img/left-margin.png');
  background-repeat: repeat-y;
}

/* - - - - - - - - - - - - - - -
  top & bottom bar */
#top-bar {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  background-color: #ffa616;
  color: white;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 12px;
  text-transform: uppercase;
  text-align: center;
}

#bottom-bar {
  color: white;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  background-color: #666568;
  font-size: 9px;
  line-height: 14px;
  text-align: right;
  clear: both;
}
/* - - - - - - - - - - - - - - -
  flag-bar */
#flag-bar {
  background-color: #666568;
  text-align: right;
  height: 29px;
  padding-right: 8px;
  clear: both;
}
#flag-bar a.flag span {
  display: none;
}
#flag-bar a.flag {
  margin: 8px 8px 0 0;
  float: right;
  display: block;
  width: 23px;
  height: 13px;
  background-repeat: no-repeat;
}
#flag-pl {
  background-image: url('img/flaga-pl.png');
}
#flag-ru {
  background-image: url('img/flaga-ru.png');
}
#flag-cz{
  background-image: url('img/flaga-cz.png');
}
#flag-bar a#partnerzy-private {
  margin: 8px 8px 0 0;
  float: right;
  display: block;
  line-height: 13px;
  color: #aaaaaa;
  font-size: 13px;
}

/* - - - - - - - - - - - - - - -
  navi */
#navi {
  background-color: #666568;
  padding: 0;
  margin: 0;
  clear: both;
}
#logos {
  width: 210px;
  height: 50px;
  float: left;
  padding: 0;
  margin: 0;
}
#logo-stanley,
#logo-interio {
  float: left;
  width: 104px;
  height:50px;
  display: block;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
#logo-stanley {
  background-image: url('img/logo-left-stanley.gif');
  background-position: 16px 0;
}
#logo-interio {
  background-image: url('img/logo-left-interio.gif');
  background-position: 8px 0;
}

#navi-l1 {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  border-top: solid white 1px;
  border-left: solid white 1px;
  margin: 0 0 0 212px;
  padding: 0;
  height: 23px;
  background-color: #0d3692;
}
#navi-l1 a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  display: block;
  float: left;
  width: 108px;
  height: 23px;
  line-height: 23px;
  margin: 0;
  padding: 0;
  border-right: solid white 1px;
}
#navi-l1 a.home,
#navi-l1 a.homesel {
  background: url('img/home.gif') no-repeat;
  width: 23px;
  background-position: 4px 4px;
}
#navi-l1 a:hover,
#navi-l1 a.home:hover {
  background-color: #2d56b2;
}
#navi-l1 a:hover.sel,
#navi-l1 a.sel,
#navi-l1 a.homesel {
  background-color: #999999;
}

#navi-l2 {
  border-left: solid white 1px;
  margin: 0 0 0 212px;
  padding: 0;
  height: 26px;
  padding: 0;
}
#navi-l2 a {
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  display: block;
  float: left;
  padding: 0 10px 0 10px;
  background-color: #999999;
}
#navi-l2-pack {
  position: relative;
  margin: 0;
  padding: 0;
}
#navi-l2 a:hover {
  background-color: #bbbbbb;
}
#navi-l2 a:hover.sel{
  background-color: #bbbbbb;
}
#navi-l2 a.sel {
  background-color: white;
  color: black;
}
#navi-l2-pack div {
  position: absolute;
  visibility: hidden;
}
#navi-l2-pack div.sel {
  visibility: visible;
}

/* - - - - - - - - - - - - - - -
  left content area */
#left {
  width: 212px;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 11px;
  height: 450px;
}
#left div {
  margin: 0 13px 13px 13px;
}
#left h3 {
  text-transform: uppercase;
  margin-left: 13px;
  margin-right: 13px;
  border-bottom: 1px solid #acacac;
}
#left a {
  color: #666666;
  text-decoration: none;
  display: block;
}
#left a img {
  border: none;
  margin:0;
}
#left a b {
  color: red;
  margin: 2px;
  font-weight: normal;
}
#left a span {
  color: black;
  font-size: 11px;
  margin: 2px;
  text-align: justify;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
#left a:hover {
  background-color: #dfdfdf;
}
#left a:hover b,
#left a:hover span {
  text-decoration: underline;
}


#left div.left-navi {
  padding: 0;
  margin: 6px 0 0 0;
}
#left div.left-navi a {
  display: block;
  padding: 6px 12px;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}
#left div.left-navi div a {
  display: block;
  padding-left: 32px;
  font-size: 11px;
  font-weight: normal;
}
#left div.left-navi a.sel,
#left div.left-navi a:hover {
  background: #dfdfdf;
  background-image: url('img/leftnavi-rarrow.gif');
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

/* - - - - - - - - - - - - - - -
  main content area */
#main {
  margin-left: 252px;
  width: 645px;
  margin-bottom: 1em;
}

#main a {
  color: #666666;
}
#main a:hover {
  color: #ffa616;
}

.index-boxes {
  /*clear: both;*/
}

.index-boxes h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #acacac;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
.index-boxes div {
  float: left;
  width: 205px;
  margin-left: 14px;
}
.index-boxes div.first {
  margin-left: 0;
}
.index-boxes div a {
  display: block;
  text-decoration: none;
}
.index-boxes a img {
  border: none;
  margin:0;
}
.index-boxes a b {
  font-size: 11px;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  color: black;
  margin: 2px;
  display: block;
}
.index-boxes a span,
.index-boxes p {
  color: #666666;
  font-size: 11px;
  margin: 2px;
  text-align: justify;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  display: block;
}
.index-boxes a:hover {
  background-color: #eeeeee;
}
.index-boxes a:hover b,
.index-boxes a:hover span {
  text-decoration: underline;
}
.index-boxes p {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 6px;
}
span.wiecej {
  background-image: url('img/wiecej.gif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  height: 15px;
}


#main table.list {
  border-spacing: 0;
  width: 100%;
}
#main table.list td,
#main table.list th {
  border-bottom: 1px solid #bbbbbb;
  padding: 2px;
}
#main table.list th {
  border-bottom: 2px solid #bbbbbb;
}
#main table.list td.lp {
  text-align: right;
  padding-right: 5px;
}
#main .address p {
  text-align: center;
}

#main table.barwy-cols {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#main table.barwy-cols td.col {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div.barwy {
  margin: 0;
  text-align: center;
  background-color: #bbbbbb;
}
div.barwy h5 {
  margin: 0.4em;
  text-align: left;
  color: #ffffff;
}
div.barwy td {
 font-size: 8pt;
 padding: 1px;
 vertical-align: top;
}
div.barwy img {
  margin: 1px;
  padding: 0;
  border: 1px solid #ffffff;
}

/* - - - - - - - - - - - - - - -
  main content area 2 */
table.columns-2 {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
table.columns-2 td {
  border: none;
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 300px;
}
table.columns-2 td.column2 {
  padding-left: 45px;
  width: 300px;
}