html
{
background: transparent url(img/background.jpg) repeat top left;
}

body
{
background: transparent url(img/gradient.jpg) repeat-x top left;
font-family: Tahoma, Verdana, Arial;
font-size: 13px;
}

.hide {
height:0;
overflow:hidden;
text-indent:-100em;
width:0;
display:block;
}

h1 a{
background: transparent url(img/top.jpg) repeat-x top left;
display: block; width: 940px; margin: 0 auto;
height: 139px;
text-indent: -100em;
overflow: hidden;
}

ul#site-menu {background: transparent url(img/menu-bcg.jpg) no-repeat top left;
display: block; width: 940px; margin: 0 auto;
height: 27px; overflow: hidden; position: relative;}

ul#site-menu li {text-indent: -100em; overflow: hidden; height: 27px; float: left;}

ul#site-menu li a {position: absolute;}

ul#site-menu li.m1 a {height: 27px; width: 94px; display: block; float: left; background: url(img/m-home.jpg) no-repeat top left; left: 120px;}
ul#site-menu li.m2 a {height: 27px; width: 99px; display: block; float: left; background: url(img/m-oferta.jpg) no-repeat top left; left: 219px;}
ul#site-menu li.m3 a {height: 27px; width: 97px; display: block; float: left; background: url(img/m-pojazdy.jpg) no-repeat top left; left: 323px;}
ul#site-menu li.m4 a {height: 27px; width: 104px; display: block; float: left; background: url(img/m-certyfikaty.jpg) no-repeat top left; left: 520px;}
ul#site-menu li.m5 a {height: 27px; width: 89px; display: block; float: left; background: url(img/m-cennik.jpg) no-repeat top left; left: 629px;}
ul#site-menu li.m6 a {height: 27px; width: 100px; display: block; float: left; background: url(img/m-kontakt.jpg) no-repeat top left; left: 633px;}

ul#cars {background: transparent url(img/cars-background.jpg) no-repeat top left;
display: block; width: 870px; margin: 0 auto;
height: 230px; padding-left: 70px; overflow: hidden;}

ul#cars li {position: relative;}

ul#cars li a {text-align: center; text-indent: -100em; overflow: hidden; color: #fff; display: block; position: relative; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none;}
ul#cars li a:hover {text-indent: 0;}

ul#cars li.a1 {padding-top: 121px; height: 109px; width: 125px; display: block; float: left; background: url(img/car-1.jpg) no-repeat top left;}

ul#cars li.a2 {padding-top: 101px; height: 129px; width: 111px; display: block; float: left; background: url(img/car-2.jpg) no-repeat top left;}

ul#cars li.a3 {padding-top: 90px; height: 140px; width: 105px; display: block; float: left; background: url(img/car-3.jpg) no-repeat top left;}

ul#cars li.a4 {padding-top: 82px; height: 148px; width: 120px; display: block; float: left; background: url(img/car-4.jpg) no-repeat top left;}

ul#cars li.a5 {padding-top: 50px; height: 180px; width: 154px; display: block; float: left; background: url(img/car-5.jpg) no-repeat top left;}

ul#cars li.a6 {padding-top: 30px; height: 200px; width: 190px; display: block; float: left; background: url(img/car-6.jpg) no-repeat top left;}

span#cars-descr {background: transparent url(img/cars-descr.jpg) no-repeat top left;
display: block; width: 860px; margin: 0 auto;
height: 44px; padding-left: 80px; padding-top: 2px;}

div#content {background: transparent url(img/content-bcg.jpg) repeat-y top left;
display: block; width: 880px; margin: 0 auto; padding: 0 30px; overflow: hidden; height: auto;}

div#content h2 {font-size: 20px; color: #EFEAD1; padding: 0 15px 10px 15px;}

div#content div.c {padding: 10px 10px; margin-bottom: 30px; background: #383838; color: #fff; border-top: 3px solid #ff6600; font-size: 13px; line-height: 20px; text-align: justify; overflow: hidden; height: auto; position: relative;}

div#content div.c img.r {padding: 10px 0 10px 10px; margin-bottom: 30px; background: #383838; color: #fff; border-left: 2px solid #6A6B6D; border-bottom: 2px solid #6A6B6D; border-top: 2px solid #6A6B6D; margin: 0 0 10px 10px; float: right; clear: both;}

div#content div.c p {margin-bottom: 10px;}

div#content div.c ul {
list-style-type: disc;
list-style-position: inside;
margin: 10px;
}

p#footer
{
display: block;
width: 860px; margin: 0 auto; padding: 0 40px;
height: 41px;
margin: 0 auto;
background: transparent url(img/footer.jpg) no-repeat top left;
font-size: 10px;
color: #fff;
letter-spacing: 2px;
padding-top: 5px;
text-align: right;
}

p#footer a
{
color: #fff;
}
table#pojazdy {width: 850px;}

table#pojazdy td.img {width: 154px;}

table#pojazdy td.sp {width: 245px; padding-bottom: 10px; padding-right: 5px;}

table#pojazdy td.sp ul {margin: 0; list-style-position: outside; margin-left: 15px;}

table#pojazdy td {vertical-align: top; border-bottom: 1px dotted #656668; padding: 10px 0;}

table#pojazdy td img {margin: 0; border: 1px solid #fff; padding: 1px;}

a {color: #FFFFFF; text-decoration: underline;}

ul.samochody-zdjecia {width: 550px;}

ul.samochody-zdjecia li {list-style-type: none; width: 50px; height: 50px; background: #383838; border: 1px solid #646567; padding: 5px; text-align: center; float: left; margin: 1px; cursor: pointer;}

img#preview {margin: 0 auto; background: #383838; margin: 10px; padding: 5px; border: 1px solid #646567; margin-top: 5px;}

div#gal {width: 530px; float: right; text-align: center; border: 1px solid #2C2C2C; background: #323232;}

strong {font-weight: bold; letter-spacing: 1px; color: #EFE4B3;}

a.more {padding: 4px 8px; border: 1px solid #656668; text-decoration: none; letter-spacing: 1px; background: #2C2C2C; margin-top: 5px; display: block; width: 136px; text-align: center;}

a.more:hover {border-color: #fff; letter-spacing: 1px;}

textarea.uwagi {width: 300px; height: 150px; background: #6B6C6E; border: 1px solid #000; font-size: 13px; padding: 3px; font-family: Verdana, Tahoma, Arial;}

input.contact {width: 200px; background: #6B6C6E; border: 1px solid #000; font-size: 13px; padding: 3px; font-family: Verdana, Tahoma, Arial;}