/*
 projekt: aspe 
 author: marcin.lisok@fox.com.pl
 data: 2006-12-19 
*/
* { font-family: Verdana, Tahoma, "DejaVu Sans", Arial, Helvetica, Sans-Serif; }
html, body, div, span, a, p, img, ul, ol, li, dl, dt, dd,
table, form, fieldset, label, legend { /* clear default setting */
  border: 0;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  min-height: 100%;
  font-size: 0.69em;
}
body {
  color: #3a3a3a;
  height: auto;
  background: #2e60b3 url('../img/lay-background.png') repeat-x;
} 
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  clear: both;
  color: #f06614;
  margin: 1em 0;
  font-weight: bold;
  line-height: 1.3em;
}
h1, .h1 { font-size: 110%; margin-top: 0; }
h2, .h2 { font-size: 110%; }
h3, .h3 { font-size: 100%; }
h4, .h4 { font-size: 100%; }
h5, .h5 { font-size: 100%; }
h6, .h6 { font-size: 100%; }

p {
  text-indent: 0; 
  text-align: justify;
  margin: 1em 0;
}

a { color: #f06614; text-decoration: none; background-color: transparent; }
a:hover { text-decoration: underline; }
a.more,
span.more a { padding: 0; font-weight: bold; }
span.more { display: block; text-align: right; }

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { width: 100%; display: block; color: #f06614; background: transparent url('../img/lnk-more.png') no-repeat right 2px; }

/* Lists */
dl { margin: 1em 0; }
dt, dd { margin: 0.1em 0; }
dt { font-weight: bold; margin-top: 1em; }
dd { text-align: justify; }
dd.separate { margin-top: 1em; }

#wrapper {
  width: 100%;
  background: transparent url('../img/lay-footer2.jpg') repeat-x bottom;
}
#wrapper2 {
  width: 988px;
  margin: 0;
  padding: 0;
  background: transparent url('../img/lay-footer.jpg') no-repeat bottom center;
}
#container {
  height: auto;
  width: 820px; 
  margin: 0 auto;
  padding: 0 0 220px;
  position: relative;
  background: transparent;
}

#header {
  width: 100%;
  height: 360px;
  padding: 0;
  background: transparent url(../img/lay-header.jpg) no-repeat 4px 80px;
  position: relative;
}

#content {
  width: 732px; 
  height: auto;
  min-height: 100px;
  padding: 0 25px 0 55px;
  line-height: 1.3em;
  position: relative;
  background: transparent url(../img/lay-content.png) repeat-y;
}
.slimblock {
  margin-left: 182px;
  width: 550px;
  position: relative;
}

#footer {
  width: 100%;
  height: 36px;
  position: relative; 
}
#footer a {
  color: #919191;
}
#copyright {
  float: right;
  margin: 12px 10px 0 10px;
  display: inline;
}
#design {
  float: left;
  margin: 12px 10px 0 10px;
  display: inline;
}
#logo-eristo {
  top: 0px;
  left: 24px;
  position: absolute;
  z-index: 1000; 
}
#logo-aspe {
  top: 1px;
  right: 14px;
  position: absolute;
  z-index: 1000;
}
#logo-eristo img,
#logo-aspe img {
  border: 0;
  padding: 0;
  margin: 0;
}
#menu {
  top: 105px;
  left: 13px;
  float: left;
  width: 206px;
  margin: 0;
  padding: 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  list-style: none;
  background: transparent url('../img/mnu-bottom.png') no-repeat bottom left;
  position: absolute;
  display: block;
  z-index: 1000;
}
#menu li {
  text-align: left;
  padding: 0;
  position: relative;
}
#menu li a,
#menu ul li a {
  color: #fff;
  width: 196px;
  padding: 3px 0 5px 10px;
  display: block;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  background: #f08a14 url('../img/mnu-background.png') repeat-x bottom;
}
#menu li.sel ul li a {
  background: #f08a14 url('../img/mnu-background.png') repeat-x bottom;
}
#menu li.sel a, 
#menu li a:hover {
  color: #fff;
  background: #f07814 url('../img/mnu-background-sel.png') repeat-x bottom;
}
#menu ul {
  list-style: none;
}
#menu ul li a {
  width: 186px;
  padding: 2px 0 4px 20px;
  font-size: 11px; 
}

#adres {
  top: 142px;
  left: 450px;
  color: #fcd5bd;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
}
#adres dt { font-size: 13px; margin-bottom: 10px; }
#adres a { color: #0d00a7; }

/* common style */
.red { color: red; }
.green { color: green; }
.cherry { color: #d90101; }
.gray { color: #919191; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.noindent { text-indent: 0; }
.clear { clear: both; }

hr { clear: both; border: 0; padding: 5px 0; }
        
table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.8em auto 0;
  font-size: 100%;
}
table td, table th {
  padding: .4em;
  font-weight: normal;
  border: solid 1px #97bebd;
}
table th {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #65a5a4;
  border: solid 1px #b0d6d6;
}
table.left, img.left {
  float: left;
  margin: 5px 10px 10px 0;
}
table.right, img.right {
  float: right;
  margin: 5px 0 10px 10px;
}
img.left, img.right {
  display: block;
}

a img { border: solid 5px #f5c48b; margin: 7px; }
a:hover img { border: solid 5px #fb9927; }

.decorated {
  color: #fff;
  padding: 1px 0 2px;
  background: #b33014 url('../img/lay-hdr-back.png') repeat-x bottom;
  line-height: 1.3em;
}
.decorated span {
  padding: 2px 15px 3px 5px;
  background: #b33014 url('../img/lay-hdr-text.png') no-repeat bottom right;
  line-height: 1.3em;
}
.indent { margin-left: 180px; }
h1.indent { margin: 0 0 0 180px; }

.menu-oferta {
  float: right;
  width: 585px;
}
.menu-oferta li {
  float: left;
  margin: 5px;
  list-style: none;
}
.menu-oferta li a {
  color: #fff;
  width: 264px;
  height: 87px;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 10px 0 0;
  background: transparent url('../img/itm-oferta.png') no-repeat;
  border: solid 3px #f5c48b;
  display: block;
  cursor: pointer; 
}
.menu-oferta li a:hover {
  border: solid 3px #fb9927; 
}
