/*
 projekt: driveshaftparts 
 author: marcin.lisok@fox.com.pl
 data: 2006-11-29 
*/
* { font-family: Tahoma, Verdana, "Bitstream Vera 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: 100%;
  min-height: 100%;
  background: #eaeaea url('../img/lay-background.jpg') repeat-x 11px 0;
} 
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  margin: 1.2em 0 0.6em;
  font-weight: bold; 
}
h1, .h1 { font-size: 134%; line-height: 1.3em; }
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: left;
  margin: 1.2em 0;
}

a { color: #ffd700; text-decoration: none; background-color: transparent; }
a.more { padding: 0 0 0 18px; font-weight: normal; text-decoration: none; background: transparent url('../img/lnk-more.png') 0 0 no-repeat; }
a:hover { text-decoration: underline; }
/*
#wrapper {
  float: left;
  width: 100%;
  height: auto;
  min-height: auto;
  position: relative;
  background: transparent url('../img/lay-footer.png') bottom repeat-x;
}
*/
#container {
  height: auto;
  min-height: 100%;
  width: 775px; 
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#header {
  color: black;
  width: 775px;
  height: 284px;
  padding: 0;
  background: transparent url(../img/lay-header2.png) no-repeat 0 0;
  position: relative;
}
#content {
  float: left;
  width: 517px; 
  height: auto;
  min-height: 100px;
  padding: 0 0 10px 258px;
  line-height: 1.3em;
  background: #e4e4e4 url('../img/lay-content2.png') repeat-y;
  position: relative;
}
#content a { 
  color: #7b7c7c; 
}
#content3 {
  float: left;
  width: 775px; 
  height: auto;
  height: 100%;
  min-height: 100px;
  padding: 0;
  line-height: 1.3em;
  position: relative;
  background: #7c7c7c url('../img/lay-content3.png') repeat-y;
  color: #fff;
}

#clear {
  clear: both;
  height: 34px;
  display: none;
}

#footer {
  float: left;
  width: 773px;
  height: 34px;
  color: #fff;
  background: #3d3d3d url('../img/lay-footer.png') repeat-x;
  border: solid 1px #fff;
  border-top: 0;
  position: relative; 
/*  bottom: 0px;
  position: absolute; */
}
#footer a {
  color: #ffd700;
  font-weight: bold;
}
#copyright {
  float: left;
  margin: 14px 0 0 5px;
}
#design {
  float: right;
  margin: 14px 5px 0 0;
}
#logo {
  top: 0px;
  left: 0px;
  width: 255px;
  height: 33px;
  position: absolute;
  z-index: 1000; 
}
#logo img {
  border: 0;
  padding: 0;
  margin: 0;
}

#left {
  float: left;
  margin-left: -257px;
  width: 257px;
  min-height: 300px;
  position: relative;
  color: #fff;
}

#menu {
  top: 32px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 775px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  list-style: none;
  position: absolute;
}
#menu li {
  float: left;
  text-align: left;
  padding: 0;
  position: relative;
  display: inline;
}
#menu ul {
  float: none;
  top: auto;
  left: -1px;
  width: 166px;
  height: auto;
  display: none;
  list-style: none;
  border: solid 1px #999999;
  background: #fff;
  position: absolute;
  z-index: 1000;
}
#menu ul li {
  clear: both;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}
#menu ul ul {
  top: 0;
  left: 166px;
}
#menu li:hover ul ul {
  display: none;
}
#menu li:hover ul,
#menu li ul li:hover ul {
  display: block;
} 
#menu li a {
  color: #fff;
  padding: 8px 8px;
  display: block;
}
#menu li a:hover {
  color: #ffd700;
}
#menu li.sel a {
  color: #ffd700;
}
#menu li:hover ul li a {
  color: #fff;
  padding: 4px 8px;
  background-color: #444;
  text-decoration: none;
}
#menu li:hover ul li a:hover {
  color: #fff;
  background-color: #000;
}
#menu ul li a:hover {
  color: #fff;
  background-color: #000;
}
#menu li ul li a {
  width: 150px;
}

#search { top: 5px; right: 0; padding: 5px; position: absolute; z-index: 1000; }
#search label { color: #555; font-size: 11px; padding: 2px 2px 2px 15px; background: transparent url('../img/lnk-search2.png') 0 3px no-repeat; }
#search .input { color: #555; font-size: 11px; padding: 2px 0 1px 3px; background: #fff url('../img/inp-back.png') no-repeat; border: solid 1px; border-color: #555 #fff #fff #888; width: 108px; }
#search .button { display: inline; position: relative; border: 0; padding: 0; margin: 0px 0 -2px 0; }

/* common style */
.red { color: red; }
.green { color: green; }
.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; }

hr, .hr {
  clear: both;
  height: 1px;
  display: block;
  border: 0;
  margin: 5px 0;
  background: transparent url('../img/dot-line.png') repeat-x 1px;
}         
            
table {
  width: auto;
  border-collapse: collapse;
  margin: 0.8em auto 0;
  font-size: 100%;
}
table td, table th {
  padding: .4em;
  font-weight: normal;
  border: solid 1px #dedeff;
}
table th {
  font-weight: bold;
}
table.left, img.left {
  float: left;
  margin-right: 10px;
}
table.right, img.right {
  float: right;
  margin-left: 10px;
}

 
ul.panels {
  float: left;
  border: 0;
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
  width: 100%;
}
ul.panels li {
  float: left;
  width: 238px;
  border: 0;
  margin: 0;
  padding: 0 10px 0;
  list-style: none;
}

ul.dark {
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0;
  background: #434343 url('../img/lay-content3.png') repeat-y;
  font-size: 78%;
}

#header ul.panels {
  color: #fff;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  margin: 0;
  display: block;
}
#header ul.panels li {
  padding-top: 8px;
  padding-bottom: 9px;
}
#header ul.panels li.last {
  border-left: solid 1px #fff; 
}


span.date {
  color: #fff;
  background-color: #3a3a3a;
  padding: 2px 4px; 
}


#content p, #content img, 
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
  padding-left: 10px;
  padding-right: 10px; 
}
#content ul, #content ol { padding: 5px 10px; }
#content ul li { margin-left: 2em; }
#content ol li { margin-left: 2.5em; text-indent: 0; }
#content table td, #content table th { border-color: #555; }
#left table td, #left table th { border-color: #fff; }
#left table { width: 240px; }

/* nagłówek w pasku */
#content h1.block, #content h2.block, #content h3.block,
#content h4.block, #content h5.block, #content h6.block {
  width: auto;
  margin: 0 0 0 1px;
  padding: 10px 10px;
  background: #7c7c7c;
  color: #fff;
  font-size: 100%;
}

#left h1.block, #left h2.block, #left h3.block,
#left h4.block, #left h5.block, #left h6.block {
  margin: 0;
  background: #555555;
}