body {
 background: #18130F none repeat scroll 0 0;
 font-family: Tahoma;
 font-size: 100%;
 line-height: 1em;
}

#container {
 width: 855px;
 margin: 0 auto;
}

#header {
 height: 462px;
 background: url(../img/head.jpg) center center no-repeat;
}

#header ul {
 width: 620px;
 display: block;
 margin: 0 122px 0 122px;
}

#header ul li {
 display: inline;
}
 
#header ul li a {
 display: block;
 float: left;
 width: auto;
 height: 35px;
 padding: 24px 28px 0 28px;
 color: #FCF5C7;
 font-family: verdana, serif;
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
}
 
#header ul li a:hover {
 background: url(../img/hover.png);
}
 
#content {
 position: relative;
 background: #675142;
 padding: 19px;
 font-size: 0.8em;
 color: #FFF0C2;
 zoom: 1;
}

#content #main {
 margin: 0 210px 0 330px;
 display: block;
}

#content #main p {
 padding-bottom: 20px;
 font-weight: bold;
}

#content #main a {
 margin: 0 0 10px 140px;
 float: none;
}

#content p {
 padding-bottom: 26px;
}

#content #oferta a {
 margin: 0 0 10px 245px;
 float: none;
}

#content #oferta p {
 font-weight: bold;
}

#content a {
 margin: 0 20px 0 0; 
 background: #724901 url(../img/but_right.gif) no-repeat scroll left top;
 padding: 1px 11px 2px;
 width: auto;
 color:#FFFFFF;
 font-size: 0.8em;
 font-weight: bold;
 line-height: 15px;
 text-decoration: none;
 text-transform: uppercase;
}

#content a:hover {
 color: #000;
}

#content h2#ofertaTekst {
 text-indent: -9999px;
 background: url(../img/ofertaTekst.png) 0 0 no-repeat;
 width: 54px;
 height: 22px;
 float: left;
 margin: 0 0 10px 0;
}

#content h3#limuzynyTekst {
 text-indent: -9999px;
 background: url(../img/limuzynyTekst.png) 0 0 no-repeat;
 width: 138px;
 height: 22px;
 margin: 0 0 10px 500px;
}

#content #photobox {
 position: relative;
 display: block;
 float: right;
 width: 325px;
 height: 245px;
 background: transparent url(../img/photobox.png) 0 0;
 z-index: 1;
 overflow: hidden;
}

#content #photobox  .overlayPB {
 position: absolute;
 top: 7px;
 left: 11px;
 z-index: 10;
 width: 305px;
 height: 225px;
 overflow: hidden;
}

#content #photoboxLarge .overlayPB {
 position: absolute;
 z-index: 10;
 width: 305px;
 height: 225px;
 overflow: hidden;
}

#content #photoboxLarge #second .overlayPB {
 top: 235px;
 left: 11px;
}

#content #photoboxLarge #first .overlayPB {
 top: 7px;
 left: 11px;
}

#content #photoboxLarge img {
 position: absolute;
 top:0;
 left:0;
}
 

#content #main #photobox {
 position: absolute;
 top: 10px;
 left: 10px;
}

#content #limuzyny #photobox {
margin: 0 0 40px 0;
}

#content #photobox span, #content #limuzyny #photobox a {
 position: absolute;
 top: 0;
 left: 0;
 width: 325px;
 height: 245px;
 background: transparent url(../img/photoboxOverlay.png) 0 0 no-repeat;
 z-index: 100;
}


 
#content #photobox  img {
 position: absolute;
 z-index: 10;
}

#content #photobox  iframe {
 position: absolute;
 top: 7px;
 left: 11px;
 z-index: 10;
}

#content #photobox  #mapTL {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 100;
 background: url(../img/mapTL.png) 0 0 no-repeat;
 width: 21px;
 height: 17px;
}

#content #photobox  #mapTR {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 100;
 background: url(../img/mapTR.png) 0 0 no-repeat;
 width: 21px;
 height: 17px;
}

#content #photobox  #mapBR {
 position: absolute;
 bottom: 10px;
 right: 0;
 z-index: 100;
 background: url(../img/mapBR.png) 0 0 no-repeat;
 width: 21px;
 height: 17px;
}

#content #photobox  #mapBL {
 position: absolute;
 bottom: 10px;
 left: 0;
 z-index: 100;
 background: url(../img/mapBL.png) 0 0 no-repeat;
 width: 21px;
 height: 17px;
}

#content #photoboxLarge {
 position: relative;
 display: block;
 float: right;
 width: 325px;
 height: 470px;
 background: transparent url(../img/photoboxLarge.png) 0 0 no-repeat;
 z-index: 1;
}

#content #photoboxLarge #first span{
 position: absolute;
 top: 0;
 left: 0;
 width: 325px;
 height: 245px;
 background: transparent url(../img/photoboxOverlay.png) 0 0 no-repeat;
 z-index: 100;
}
 

#content #photoboxLarge #second  span{
 position: absolute;
 top: 230px;
 left: 0;
 width: 325px;
 height: 245px;
 background: transparent url(../img/photoboxOverlay.png) 0 0 no-repeat;
 z-index: 100;
}
 
 
#content #driver {
 position: absolute;
 width: 240px;
 height: 290px;
 right: 0;
 bottom: 0;
 z-index: 9999;
 text-indent: -9999px;
 background: transparent url(../img/driver.png) right bottom;
}

#content #oferta {
 min-height: 430px;
}

#content #oferta img {
 float: left;
 margin: 0 10px 0 0;
}

#content #limuzyny {
 height: 600px;
}

#content #limuzyny #left, #content #limuzyny #right {
 width: 350px;
 float: left;
}

#content #limuzyny #right {
 float: right;
 margin: 0 20px 0 0;
}


#content #limuzyny h2 {
 margin: 0 0 0 20px;
}

#content #limuzyny h2#modela {
 text-indent: -9999px;
 background: url(../img/model1Tekst.png) 0 0 no-repeat;
 width: 69px;
 height: 22px;
 float: left;
 margin: 0 0 10px 30px;
}

#content #limuzyny h2#modelb {
 text-indent: -9999px;
 background: url(../img/model2Tekst.png) 0 0 no-repeat;
 width: 72px;
 height: 22px;
 float: left;
 margin: 0 0 10px 30px;
}

#content #limuzyny h2#modelc {
 text-indent: -9999px;
 background: url(../img/model3Tekst.png) 0 0 no-repeat;
 width: 72px;
 height: 22px;
 float: left;
 margin: 0 0 10px 30px;
}

#content #limuzyny h2#modeld {
 text-indent: -9999px;
 background: url(../img/model4Tekst.png) 0 0 no-repeat;
 width: 73px;
 height: 22px;
 float: left;
 margin: 0 0 10px 30px;
}

#content #limuzyny #photobox a {
 padding: 0;
}

#content #limuzyny #photobox a strong {
 background: #fff;
 padding: 2px 5px 2px 5px;
 border-top: 1px solid #c4bab1;
 border-left: 1px solid #c4bab1;
 color: #000;
 position: absolute;
 bottom: 16px;
 right: 10px;
}



#content #referencje {
 background: transparent url(../img/korona.png) 0 0 no-repeat;
}

#content #referencje h2 {
 text-indent: -9999px;
 background: url(../img/referencjeTekst.png) center 20px no-repeat;
 width: 91px;
 height: 56px;
 margin: 0 0 20px 60px;
 display: block;
}

#content #kontakt {
 clear: left;
 height: 240px;
}

#content #kontakt h2 {
 text-indent: -9999px;
 background: url(../img/kontaktTekst.png) 0 0 no-repeat;
 width: 151px;
 height: 22px;
 margin: 0 0 10px 0;
 float: left;
}

#content #kontakt h3 {
 text-indent: -9999px;
 background: url(../img/lokalizacjaTekst.png) 0 0 no-repeat;
 width: 151px;
 height: 22px;
 margin: 0 0 10px 495px;
}

#content #kontakt img {
 float: left;
 margin: 0 10px 0 0;
}

#content #kontakt h4 {
 font-family: Myriad Pro, Verdana, Arian, sans-serif;
 text-transform: uppercase;
 font-weight: normal;
 color: #e5e2d9;
 font-size: 1.1em;
}

#content #kontakt p {
 display: block;
 margin: 0;
 padding: 0 0 10px 0;
}

#content #kontakt p strong a {
 text-decoration: none;
 color: #FFF0C2;
 background: transparent;
 float: none;
 font-size: 1.0em;
 text-transform: none;
 line-height: 1em;
 margin: 0;
 padding: 0;
}
 

#footer {
 padding: 30px;
 height: 18px;
 background: url(../img/footer.png) #2b282a repeat-x;
 font-size: 0.7em;
 color: #696969;
}

#footer h4{
 float: left;
 font-weight: normal; }
 
#footer p {
 float: right; 
}

#footer a {
 color: #696969;
}

#footer a:hover {
 color: #898989;
}
