/*

 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;

}

#language {
position: absolute;
top: 100px;
left: 745px;
}

#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;

}

#content ul.oferta li {
   margin-left: 2em;
}

.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;

}

img.lang { border: 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;

}

table.center, img.center {

  float: center;

  margin: 5px 0 10px 30px;

}

img.left, img.right {

  display: block;

}



a img { border: solid 5px #f5c48b; margin: 7px; }

a:hover img { border: solid 5px #fb9927; }

a img.lang { border: 0; margin: 0;}
a:hover img.lang { border: 0; }

.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#tablice {
  background: transparent url('../img/tablice-oferta.png') no-repeat;
}

.menu-oferta li a#swietlne {
  background: transparent url('../img/swietlne-oferta.png') no-repeat;
}

.menu-oferta li a#LED {
  background: transparent url('../img/LED-oferta.png') no-repeat;
}

.menu-oferta li a#wielkoformatowe {
  background: transparent url('../img/wielkoformatowe-oferta.png') no-repeat;
}

.menu-oferta li a#reklamy {
  background: transparent url('../img/reklamy-oferta.png') no-repeat;
}

.menu-oferta li a#litery {
  background: transparent url('../img/litery-oferta.png') no-repeat;
}

.menu-oferta li a#sitodruk {
  background: transparent url('../img/sitodruk-oferta.png') no-repeat;
}

.menu-oferta li a#grawerowanie {
  background: transparent url('../img/oferta-grawernia.png') no-repeat;
}

.menu-oferta li a#wizytowki {
  background: transparent url('../img/oferta-wizyt.png') no-repeat;
}

.menu-oferta li a#strony {
  background: transparent url('../img/strony-oferta.png') no-repeat;
}

.menu-oferta li a:hover {

  border: solid 3px #fb9927; 

}

.oferta li {

  margin-left: 20px;

  list-style-image: url('../img/strzalka.gif');

}

td.form_head {
    font: bold 12px verdana, helvetica, sans-serif;
    text-align: center;
    color:#464646;
    padding: 3px;
}
  
td.form_left {
    font: bold 12px verdana, helvetica, sans-serif;
    color: #464646;
    text-align: left;
}

input.spec, textarea.spec {
    font: bold 11px verdana, helvetica, sans-serif;
    color: #371900;
    background: url('../img/pole_imie.gif') repeat-x;
    border-top: 1px solid #F07814;
    border-left: 1px solid #F07814;
    border-right: 1px solid #F07814;
    border-bottom: 1px solid #F07814;
    SCROLLBAR-TRACK-COLOR: #F07814;
    width: 260px;
    height: 18px;
    padding: 0px;
}
    
textarea.spec {
    font: bold 11px verdana, helvetica, sans serif;
    color: #371900;
    background: url('../img/pole_tresc.gif') repeat-x;
    height: 94px;
    width: 260px;
}

.wyslij {
    font: bold 10px verdana, helvetica, sans serif;
    color: #371900;
    background: url('../img/send.gif') repeat-x; 
    border: 1px solid #F07814; 
    margin: 5px;
    height: 17px;
    width: 63px;
}

.obowiazkowe {
   font: normal 9px verdana, helvetica, sans serif; 
   color: #FC3601; 
   margin-top:5px;
   text-align: right;
}