body,html,div,ul,ol,li,form,fieldset,dl,dt,dd,h1,h2,h3,p { margin: 0; padding: 0; }
div,ul,li { overflow: hidden; }
body { font: 14px Arial,Sans-Serif; color: #242424; background: url(/images/obszywanie_kierownic/bg-body.png); }
body img,body form,body fieldset { border: 0; }

a { color: #1a1a1a; text-decoration: none; }
a:hover { text-decoration: underline; }

input.text,select { font: 12px Arial,Sans-Serif; height: 16px; border: 1px solid #000000; color: #212121; padding: 1px 2px; margin: 1px 0px; width: 350px; }
select { height: 21px; width: 356px; }
textarea { font: 12px Arial,Sans-Serif; border: 1px solid #000000; color: #212121; padding: 1px 2px; margin: 1px 0px; width: 350px; height: 120px; }
input.checkbox { margin: 0px 3px 1px 0px; vertical-align: middle; }

/** LAYOUT **/
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }

#page { width: 975px; margin: 0 auto; overflow: hidden; background: url(/images/obszywanie_kierownic/bg-page.png) no-repeat 0 0; }
#menu { font-size: 18px; font-weight: bold; margin: 23px 0 40px 85px; }
#menu ul { list-style-type: none; }
#menu li { display: inline; margin-right: 20px; }
#menu li a { color: #fff; }
#menu li a.active { color: #ffc600; }
#top { height: 140px; position: relative; background: url(/images/obszywanie_kierownic/logo.png) no-repeat 866px 18px; }
#top a,#top a:hover { color: #fff; text-decoration: none; }
#top h1 { position: absolute; top: 0; left: 85px; font-size: 48px; color: #fff; letter-spacing: -3px; width: 300px; line-height: 42px; }
#top h2 { position: absolute; top: 64px; right: 5px; font-size: 15px; color: #fff; font-weight: bold; }
#footer { padding: 15px 50px 15px 0; text-align: right; }
#footer,#footer a { font-size: 11px; color: #575757; }

/** CONTAINERS */
#main { width: 975px; height: 405px; position: relative; color: #242424; font-size: 14px; margin-bottom: 55px; }
#main div.box { width: 375px; height: 213px; position: absolute; right: 0; top: 128px; background: #fff url(/images/obszywanie_kierownic/bg-main-more.png) no-repeat bottom right; }
#main div.box p { display: block; margin: 15px; height: 114px; line-height: 20px; }
#main h1 { font-size: 30px; margin: 15px; font-weight: bold; color: #242424; letter-spacing: -1px; }
#main a { float: right; color: #242424; font-weight: bold; text-transform: uppercase; margin-right: 13px; }
#main img.i1 { position: absolute; top: 128px; left: 280px; }
#main img.i2 { position: absolute; top: 341px; left: 184px; }
#main img.i3 { position: absolute; top: 277px; left: 88px; }
#main img.i4 { position: absolute; top: 0px; left: 88px; }
#main img.i5 { position: absolute; top: 128px; left: 0px; }

#offer { width: 887px; margin-left: 88px; background: #fff; }
#offer div.sidebar { width: 200px; display: inline; float: left; }
#offer h1 { font-size: 36px; margin: 15px; font-weight: bold; color: #242424; letter-spacing: -1px; text-align: right; }
#offer ul { border-top: 1px solid #dcdcdc; list-style-type: none; width: 200px; overflow: hidden; margin-bottom: 10px; }
#offer li { border-bottom: 1px solid #dcdcdc; width: 200px; }
#offer li a { display: block; padding: 7px 10px; width: 180px; text-align: right; }
#offer li a.active { padding: 6px 10px; margin: 1px 0; background: #f3f3f3; font-weight: bold; }
#offer div.content { width: 585px; margin: 0 0 40px 50px; float: left; display: inline; }
#offer h2 { font-size: 24px; margin: 25px 0; font-weight: normal; color: #999999; letter-spacing: -1px; }
#offer div.content p { text-align: justify; line-height: 20px; }
#offer div.content img.right { float: right; margin: 18px 0 18px 20px; }

#contact { width: 887px; margin-left: 88px; background: #fff; position: relative; height: 330px; margin-bottom: 50px; }
#contact h1 { font-size: 36px; margin: 40px 0 33px 100px; font-weight: bold; color: #242424; letter-spacing: -1px; }
#contact dl dt { float: left; width: 100px; display: inline; text-align: right; margin-right: 10px; clear: both; padding: 7px 0; }
#contact dl dd { float: left; width: 300px; display: inline; font-weight: bold; padding: 7px 0; }
#contact dl dt.bigger { padding-bottom: 20px; }
#contact iframe { position: absolute; padding: 3px; border: 1px solid #e3e3e3; top: 36px; right: 35px; }
#contact small a { position: absolute; color: #0000FF; bottom: 18px; right: 35px; }

#offer div.gallery { width: 600px; margin: 10px 0 40px 30px; float: left; display: inline; }
#offer div.gallery a.scroller { text-align: center; height: 42px; padding: 10px 0; float: left; display: inline; width: 20px; margin: 0 5px; font-size: 30px; color: #000; font-weight: bold; vertical-align: middle; }
#offer div.gallery div.thumbs { text-align: center; white-space: nowrap; width: 540px; overflow: hidden; height: 62px; float: left; display: inline; }
#offer div.gallery div.thumbs img { padding: 0px; margin: 1px 5px; vertical-align: middle; width: 80px; height: 60px; }
#offer div.gallery div.thumbs img.active { padding: 1px; border: 3px solid #ffc600; height: 54px; width: 72px; margin: 0 5px; }
#photo { text-align: center; overflow: hidden; margin-top: 10px; position: relative; }