body,html,div,ul,ol,li,form,fieldset,dl,dt,dd,h1,h2,h3,h4,p,table { margin: 0; padding: 0; }
body { font: 12px Arial,Sans-Serif; color: #000000; background: #fff url(../images/bg-body.jpg) repeat-x top center; }
body img,body form,body fieldset { border: 0px; }

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

input,textarea,select { font: 12px Arial,Sans-Serif; color: #212121; margin: 1px 0; padding: 3px 2px; }
ul { list-style-type: none; }

.center { text-align: center; }
.right { text-align: right; }
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }

div.bg { position: absolute; top: 535px; width: 12px; left: 50%; margin-left: -475px; background: url(../images/bg-background.gif) repeat-y top left; overflow: hidden; }
div.bg.br { margin-left: 463px; background: url(../images/bg-background.gif) repeat-y top right; }
div.bg div.shadow { width: 12px; height: 325px; background: url(../images/bg-background-bottom.gif) no-repeat top left; }
div.bg.br div.shadow { background: url(../images/bg-background-bottom.gif) no-repeat top right; }

#page { width: 926px; margin: 0 auto; overflow: hidden; background: #fff; }
#top { width: 926px; height: 150px; background: url(../images/bg-top.png) no-repeat 0 0; position: relative; overflow: hidden; }
#top a.logo { position: absolute; left: 104px; bottom: -1px; }
#menu { width: 452px; height: 92px; position: absolute; right: 31px; bottom: 0; }
#menu li { float: left; display: inline; }
#menu li a { float: left; display: inline; padding-top: 58px; height: 34px; font: 13px Verdana,Sans-Serif; font-weight: bold; color: #fff; letter-spacing: -1px; text-align: center; cursor: pointer; }
#menu li a:hover { text-decoration: none; color: #ffffcb; background: url(../images/bg-menu.png) no-repeat 0 0; }
#menu li a.active { background: url(../images/bg-menu.png) no-repeat 0 0; }
#menu li a.hide { background: none; }
#menu li a.hide:hover { background-image: url(../images/bg-menu.png); }
#menu li a.glowna { width: 117px; }
#menu li a.firma,#menu li a.firma:hover { width: 87px; background-position: -117px 0; }
#menu li a.oferta,#menu li a.oferta:hover { width: 69px; background-position: -204px 0; }
#menu li a.galeria,#menu li a.galeria:hover { width: 79px; background-position: -273px 0; }
#menu li a.referencje,#menu li a.referencje:hover { width: 100px; background-position: -352px 0; }
#banner { margin: 15px; width: 896px; height: 344px; }

#footer { background: #1f1f1f; padding: 25px 0; color: #fff; font-size: 12px; }
#footer div.content { width: 926px; margin: 0 auto; }
#footer div.copyright { float: left; }
#footer ul { float: right; }
#footer ul li { float: left; display: inline; padding: 0 12px; }
#footer a { color: #fff; }

#message { font-size: 12px; margin: 0 15px 15px 15px; text-align: center; color: #7C1B1B; border: 2px solid #CA6A5A; background: #F9EAEA; padding: 10px 20px; }

#content { margin: 0 15px; background: url(../images/bg-content.png) no-repeat 0 0; }
#content.main { background: #fff; }
#content h2 { font-size: 24px; color: #b50000; font-weight: normal; letter-spacing: -1px; padding: 0 0 0 10px; border-bottom: 1px solid #dd8888; margin-bottom: 5px; }
#content div.bottom { height: 31px; overflow: hidden; background: url(../images/bg-content-bottom.png) no-repeat bottom center; margin-top: 3px; }
#content ul.red li { padding: 2px 0 2px 40px; background: url(../images/bg-content-list-red.gif) no-repeat 14px 6px; }
#content ul.green li { padding: 3px 0 3px 40px; background: url(../images/bg-content-list-green.gif) no-repeat 10px 3px; }
#content ul.arrow li { padding: 0 0 14px 60px; background: url(../images/bg-content-list-arrow.gif) no-repeat 20px 5px; }
#content ul.arrow li a { font-size: 24px; font-style: italic; }
#content ul.arrow li a.more { float: right; display: inline; margin: 2px 10px 0 0; font-size: 10px; }

#contact { margin: 15px 0; background: url(../images/bg-contact.png) no-repeat 0 0; height: 257px; padding: 13px 20px 0 20px; }
#contact h2.noline { border: 0; margin-bottom: 10px; }
#contact div.contact { float: left; display: inline; width: 405px; }
#contact div.form { float: right; display: inline; width: 425px; }
#contact div.form form { margin-top: 30px; }
#contact div.form b { color: #404040; font-size: 11px; text-transform: uppercase; font-weight: normal; margin-left: 7px; }
#contact div.form input.text { width: 170px; height: 15px; background: url(../images/bg-contact-input.gif) no-repeat 0 0; border: 0; padding: 7px 8px 9px 4px; margin: 1px 0 5px 0; }
#contact div.form textarea { width: 209px; height: 119px; background: url(../images/bg-contact-textarea.gif) no-repeat 0 0; border: 0; padding: 7px 8px 9px 4px; margin-bottom: 3px; }
#contact div.form div.column { float: left; width: 190px; }
#contact div.form div.message { width: 230px; }
#contact div.form input.btn { width: 85px; height: 25px; padding: 0 0 4px 0; text-align: center; font-size: 13px; color: #fff; font-weight: bold; font-style: italic; margin: 12px 50px 0 0; border: 0; background: url(../images/bg-contact-btn.gif) no-repeat 0 0; cursor: pointer; }

#services,#advantages { width: 440px; height: 307px; float: left; display: inline; background: url(../images/bg-main-box.png) no-repeat 0 0; }
#advantages { float: right; }
#advantages ul.red { margin-left: 5px; }

#reference { height: 304px; margin: 5px 0; }
#reference div.scroll { width: 792px; height: 304px; text-align: center; white-space: nowrap; overflow: hidden; display: inline; float: left; }
#reference div.scroll img { padding: 40px 18px 14px 17px; background: url(../images/bg-reference.jpg) no-repeat 0 0; width: 200px; height: 250px; margin: 0 14px; }
#reference div.scroll a.r2 img { background-position: -235px 0; }
#reference div.scroll a.r3 img { background-position: -470px 0; }
#reference div.scroll-control { width: 50px; float: left; display: inline; text-align: center; overflow: hidden; margin-top: 135px; }

#gallery { margin: 5px 66px; }
#gallery div.gallery { float: left; display: inline; width: 230px; padding: 10px; height: 180px; text-align: center; }
#gallery div.gallery img { padding: 1px; border: 1px solid #333333; }

#boxes { width: 989px; margin: 0 auto 7px auto; background: url(../images/bg-boxes-content.png) repeat-y 0 0; overflow: hidden; }
#boxes div.top { width: 989px; height: 7px; overflow: hidden; background: url(../images/bg-boxes.png) no-repeat top center; }
#boxes div.bottom { width: 989px; height: 13px; overflow: hidden; background: url(../images/bg-boxes.png) no-repeat bottom center; }
#boxes h3,#dbox h3 { font: 24px Verdana, Geneva, sans-serif; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 4px 3px; color: #b50000; letter-spacing: -2px; }
#custom { padding: 10px; }
#custom h1 { font: 28px Verdana, Geneva, sans-serif; font-weight: normal; padding: 10px 0 10px 2px; color: #b50000; letter-spacing: -2px; }
#dbox { width: 987px; height: 213px; margin: 0 auto 15px auto; background: url(../images/bg-dbox.png) no-repeat 0 0; overflow: hidden; }