﻿body
{
  background: #F1F1F1 url('/images/bg.gif') repeat-x;
}

body .page-wrap 
{
  margin: 0 auto;
  width: 960px;
}

.mark { background: green; }

.marker {
  background: transparent url('/images/marker.gif') no-repeat left top;
  display: block;
  float: left;
  font-style: normal;
  font-weight: normal;
  height: 18px;
  line-height: 20px;  
  margin: 0 0 3px 0;
  padding: 0 0 0 2px;
}

.marker span {
  background: white url('/images/marker.gif') no-repeat right top;
  color: #FFF;
  display: block;
  float: left;
  height: 18px;
  line-height: 19px;
  padding: 0 7px 0 3px;
}

.left-col 
{
  display: inline;
  margin: 0 0 0 35px;
  float: left;
  width: 265px;
}

.right-col
{
  display: inline;
  float: right;
  margin: 0 35px 0 0;
  width: 565px;
}

.no-col {
  margin: 0 35px;
  overflow: hidden;
  width: 880px;
}

.clear { clear: both; }

/* ------------------- */
/*       HEADER        */
#header { height: 160px; }

#header h1 
{  
  float: left;
  margin: 36px 0 0 0;
}

#header h1 a  
{
  display: block;
  background: transparent url('/images/ev-met.gif') no-repeat;
  height: 79px;
  width: 218px;
  text-indent: -9999px; 
}

#header #quick-search {
  float: right;
  margin: 58px 0 0 0;
}

#header #quick-search label { display: none; }

#header #quick-search .phrase  
{
  border: 1px solid #555;
  color: #555;
  font-size: 11px;
  height: 13px;
  padding: 7px 6px;
  width: 225px;
}

#header #quick-search .advanced-search {
  color: #222;
  font-family: Arial,sans;
  font-size: 10px;
  vertical-align: middle;
}

#header #quick-search .advanced-search:hover { text-decoration: none; }

/* ------------------- */
/*        MENU         */
#menu 
{
  overflow: hidden;
  width: 100%;
}

#menu ul { float: left; }

#menu ul li {
  float: left; 
  margin: 0 10px;
}

#menu ul li a {
  display: inline;
  float: left;
  height: 75px;
  position: relative;
}

#menu ul li a span { cursor: pointer; }

#menu ul li a .menu-item {
  color: #FFF;
  display: block;
  height: 75px;
  margin: 0 15px;
  text-indent: -999px;
  z-index: 99;
}

#menu ul li a .back {
  background: #E5F0F7;
  border: 1px solid #FFF;
  display: none;
  height: 75px;
  left: 0;
  /* opacity */
  filter: alpha(opacity=5);
	-moz-opacity: 0.05;
	-khtml-opacity: 0.05;
	opacity: 0.05;
  
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -99;
}

#menu ul li a:hover .back { display: block; }

#menu ul li a#o-firmie .menu-item {
  background: transparent url('/images/sprites/main-menu.gif') no-repeat left center;
  width: 60px;
}
#menu ul li > a#o-firmie .menu-item { background: transparent url('/images/sprites/main-menu.png') no-repeat left center; }

#menu ul li a#promocje .menu-item {
  background: transparent url('/images/sprites/main-menu.gif') no-repeat -60px center;
  width: 77px;
}
#menu ul li > a#promocje .menu-item{ background: transparent url('/images/sprites/main-menu.png') no-repeat -60px center; }

#menu ul li a#serwis-i-wypozyczalnia .menu-item {
  background: transparent url('/images/sprites/main-menu.gif') no-repeat -137px center;
  width: 182px;
}
#menu ul li > a#serwis-i-wypozyczalnia .menu-item{ background: transparent url('/images/sprites/main-menu.png') no-repeat -137px center; }

#menu ul li a#kontakt .menu-item {
  background: transparent url('/images/sprites/main-menu.gif') no-repeat -319px center;
  width: 64px;
}
#menu ul li > a#kontakt .menu-item { background: transparent url('/images/sprites/main-menu.png') no-repeat -319px center; }

#menu ul li a#aktualnosci .menu-item {
  background: transparent url('/images/sprites/main-menu.gif') no-repeat -383px center;
  width: 97px;
}
#menu ul li > a#aktualnosci .menu-item { background: transparent url('/images/sprites/main-menu.png') no-repeat -383px center; }

/* ---- right side ----*/
#menu p {   
  float: right; 
  margin-top: 15px;
  width: 145px;
}

#menu p br { display: none; }

#menu p a {
  display: block;
  font-family: Arial,sans;
  padding: 0 0 0 22px;
  text-decoration: none;
}

#menu p a:hover { text-decoration: underline; }

#menu p #make-order {
  background: transparent url('/images/sprites/pictograms.gif') no-repeat 2px 1px;
  color: #6fcf53;
  font-size: 12px;
  height: 15px;
  line-height: 16px;
  text-transform: lowercase;
}

#menu p .login {
  background: transparent url('/images/sprites/pictograms.gif') no-repeat 4px -13px;
  color: #3b8bbc;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  margin: 6px 0 0 0;
  text-transform: lowercase;
}

#menu p #admin-panel {
  background: transparent url('/images/admin.gif') no-repeat;
  color: #3b8bbc;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  margin: 6px 0 0 0;
  text-transform: lowercase;
}

#menu p #download-files {
  background: transparent url('/images/sprites/pictograms.gif') no-repeat 4px -53px;
  color: #FFBD1F;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  margin: 6px 0 0 0;
  text-transform: lowercase;
}

/* ------------------- */
/*       CONTENT       */
.content-box .top,
.content-box .bottom  
{
  overflow: hidden;
  width: 100%;
}

.content-box .top div,
.content-box .bottom div
{
  float: left;
  height: 28px;
}

.content-box .top .left,
.content-box .top .right,
.content-box .bottom .left,
.content-box .bottom .right { width: 37px; }

.content-box .top .center,
.content-box .bottom .center { width: 886px; } 

.content-box .top .left { background: transparent url('/images/sprites/content-box.gif') no-repeat left top; }
.content-box .top > .left { background: transparent url('/images/sprites/content-box.png') no-repeat left top; }

.content-box .top .right { background: transparent url('/images/sprites/content-box.gif') no-repeat -37px top; }
.content-box .top > .right { background: transparent url('/images/sprites/content-box.png') no-repeat -37px top; }

.content-box .bottom .left { background: transparent url('/images/sprites/content-box.gif') no-repeat left -28px; }
.content-box .bottom > .left { background: transparent url('/images/sprites/content-box.png') no-repeat left -28px; }

.content-box .bottom .right { background: transparent url('/images/sprites/content-box.gif') no-repeat -37px -28px; }
.content-box .bottom > .right { background: transparent url('/images/sprites/content-box.png') no-repeat -37px -28px; }

.content-box .top .center { background: transparent url('/images/sprites/content-bg.gif') repeat-x left -2px; }
.content-box .bottom .center { background: #FFF url('/images/sprites/content-bg.gif') repeat-x left 26px; }

/* ------ middle ----- */
.content-box .middle { background: #FFF; }

.content-box .middle .wrap 
{
  background: transparent url('/images/sprites/content-bg.gif') repeat-x left -30px;
  margin: 0 3px;
  padding: 7px 0 0 0;
  width: 954px;
}

/* ------ content ------- */
#content #see-more-news {
  background: transparent url('/images/sprites/pictograms.gif') no-repeat right -21px;
  color: #0b6e9d;
  padding: 0 20px 0 0;
  line-height: 19px;
  text-decoration: none;
}

#content #see-more-news:hover { background: transparent url('/images/sprites/pictograms.gif') no-repeat right -36px; }

/* - additional content - */
#additional-content {
  margin: 2.8em 0; 
  overflow: hidden;
}

#additional-content #allegro-auctions a  {
  background: transparent url('/images/allegro.gif') no-repeat center center;
  border: 1px solid #e4e3e3;
  display: block;
  height: 5.5em;
  text-indent: -9999px;
  width: 251px;
}

#additional-content #allegro-auctions a:hover, { border: 1px solid #cacaca; }

#additional-content #promotions .description,
#content #full-promotions  .description{
  float: left;
  width: 350px;
}

#additional-content #promotions .description h3,
#content #full-promotions .description h3 {
  color: #0b6e9d;
  font-family: Georgia, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 2em;
  margin: 0 0 0.5em 0;
}

#additional-content #promotions .description p,
#content #full-promotions  .description p {
  color: #555;
  font-family: Arial, sans;
  font-size: 11px;
  line-height: 1.5em;
}

#additional-content #promotions .promotion-conditions,
#content #full-promotions  .promotion-conditions {
  background: transparent url('/images/pdf.gif') no-repeat center 2em;  
  border-left: 1px solid #e4e3e3;  
  color: #0b6e9d;
  display: block;
  float: right;
  font-family: Arial, sans;
  font-size: 10px;
  height: 3.5em;
  padding: 6em 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 200px;
}

#additional-content #promotions .promotion-conditions:hover,
#content #full-promotions  .promotion-conditions:hover { text-decoration: underline; }

/* ------------------- */
/*       FOOTER        */
#footer
{ 
  background: #171617;
  color: #999;
  height: 120px;
}

#footer ul {
  float: left;
  margin: 16px 0 0 0;
}

#footer ul li {
  color: #525050;
  float: left;
  font-family: Arial, sans;
  font-size: 12px;
}

#footer ul li a
{
  color: #989898;
  margin: 0 6px;
  text-decoration: none;
}

#footer ul li a:hover { color: #edb603; }

#footer ul li a.first { margin-left: 0; }

#footer p {
  color: #525050;
  float: right;
  font-family: Arial, sans;
  font-size: 12px;
  margin: 16px 0 0 0;  
}


