* { margin: 0; padding: 0; border: 0; }
img { border: 0; }
a { color: #a8bee7; text-decoration: none; }
a:hover { color: #a8bee7; text-decoration: underline; }
.cls { margin: 0 !important; padding: 0 !important; clear: both; font-size: 0em; height: 0px; line-height: 0em; }
.clear { margin: 0 5px !important; width: auto !important; border: none !important; }
.cufon-canvas .cufon-alt { display: -moz-inline-box !important; display: inline-block !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } 

/* USEFUL */

div.left { float: left; }
div.right { float: right; }

/* RESET */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }

/* BASE */

html, body { margin: 0; padding: 0; font-family: tahoma, verdana; font-size: 11px; color: #000000; background: #000000; 
scrollbar-arrow-color: #6a85b8;
scrollbar-3dlight-color: #1e2635;
scrollbar-darkshadow-color: #1e2635;
scrollbar-face-color: #1e2635;
scrollbar-highlight-color: #1e2635;
scrollbar-shadow-color: #1e2635;
scrollbar-track-color: #6a85b8;
}

#background img, #background a { width:100%; height: 100%;	display: none; }
#background .activeslide, #background .activeslide img { display: inline; }
#main { margin: 0 auto; width: 100%; height: 616px; position: absolute; top: 0; }

#page { margin: 115px auto 20px; width: 790px; height: 616px; position: relative; }
#page .sh-top { width: 790px; height: 70px; background: url(../gfx/bg_sh_top.png) 0 0 no-repeat; }
#page .sh-right { width: 71px; height: 476px; background: url(../gfx/bg_sh_right.png) 0 0 no-repeat; }
#page .sh-bottom { width: 790px; height: 70px; background: url(../gfx/bg_sh_bottom.png) 0 0 no-repeat; }
#page .sh-left { width: 71px; height: 476px; background: url(../gfx/bg_sh_left.png) 0 0 no-repeat; }
* html .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}

#page .container { width: 648px; height: 476px; position: relative; background: #000000;  }
#page .container .left { width: 230px; height: 476px; }
#page .container .right { padding: 55px 0 0 0; width: 418px; height: 421px; background: #000000; color: #ffffff; }
#page .container .right .fade { width: 418px; height: 421px; overflow: hidden; }
#page .container .right .fade .items { background: #000000 !important; }
#page .container .right .scroll { margin: 5px 0 0 5px; padding: 10px; width: 388px; height: 391px; overflow: auto; }
#page .container .nav-top { padding: 0 0 0 117px; width: 531px; height: 50px; position: absolute; top: 0; left: 0; z-index: 3005 }
#page .container .nav-top ul { }
#page .container .nav-top ul li { float: left; }
#page .container .nav-top ul li a { outline: none; }
#page .container .nav-top ul li a.selected { background-position: 50% 0 !important; }
#page .container .nav-top ul li#produkcje a { width: 90px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#produkcje a:hover { background-position: center 0; }
#page .container .nav-top ul li#sprzet a { width: 67px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#sprzet a:hover { background-position: 0 50px; }
#page .container .nav-top ul li#video a { width: 63px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#video a:hover { background-position: 0 50px; }
#page .container .nav-top ul li#galeria a { width: 71px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#galeria a:hover { background-position: 0 50px; }
#page .container .nav-top ul li#kontakt a { width: 76px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#kontakt a:hover { background-position: 0 50px; }
#page .container .nav-top ul li#cennik a { width: 70px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#cennik a:hover { background-position: 0 50px; }
#page .container .nav-top ul li#bity a { width: 54px; height: 50px; background: url(../gfx/bg_nt_hover.gif) no-repeat; background-position: 0 -50px; display: block; }
#page .container .nav-top ul li#bity a:hover { background-position: 0 50px; }


ul.lista { margin: 38px 0 0 40px; padding: 10px; width: 315px; list-style: none; }
ul.lista li { margin: 0; padding: 5px; width: 95px; height: 95px;position: relative; float: left; text-align: center; }
ul.lista li img { padding: 3px; width: 80px; height: 80px; border: 1px solid #ddd; background: #ffffff; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; }
ul.lista li img.hover { 	border: none; }
#tooltip { padding: 5px; border: 1px solid #6883b5; background: #3a4559; color: #ffffff; position: absolute; z-index: 3000; opacity: 1; } 

#item3 .scroll div { margin: 15px 0; text-align: center; }
#item5 h3 { padding: 0 0 6px 0; font-size: 13px; font-weight: bold;  }
#item5 .scroll p { padding: 3px 0; }
#item5 img.mapka { margin: 10px 0; padding: 3px; border: 1px solid #6883b5; }
#item1 .scroll, #item4 .scroll { background: url(../gfx/bg_scroll.jpg) 0 60px no-repeat; }

table.table-1 { margin: 0 0 10px 0; width: 100%;   }
table.table-1 th { padding: 6px 10px 6px 2px; vertical-align: top; font-weight: bold; border-bottom: 1px solid #6883b5; }
table.table-1 td { padding: 6px 10px; text-align: right; border-bottom: 1px solid #6883b5; }
table.table-1 td a { margin: 0 0 4px 0 ; display: block; outline: none; }


.formfield { margin: 0 0 10px 0; padding: 0; width: 371px; }
.formfield b {padding: 20px; display: block; font-size: 14px; }
.formfield .form-line {  margin: 0; padding: 0; width: 371px; }
.formfield .form-line label.form-title { margin: 0; padding: 0 0 0 0px; float: left; width: 95px; margin-top: 3px; font-size: 11px; display: inline; color: #ffffff; }
.formfield .form-pole { margin-bottom: 0 !important; padding: 0 0 8px 0 !important; width: 276px; float: left; font-size: 11px; position: relative; }
.formfield .form-pole input { margin: 0; padding: 4px 3px 3px 2px; width: 269px; height: 16px; border: 1px solid #6883b5; background: #000000; font-family: arial; font-size: 12px; color: #a8bee7; }
.formfield .form-pole textarea { margin: 0 0 2px 0; padding: 2px 2px 4px 2px; width: 270px; height: 100px; border: 1px solid #6883b5; background: #000000; font-family: arial; font-size: 12px; color: #a8bee7; }
.error-pole label.form-title { }
.error-pole .form-pole input, .error-pole .form-pole textarea { border-color: #ee0000 !important; }
.formfield #error-box { padding: 5px 0 0 0; color: #ee0000; font-weight: bold; font-size: 11px; }
.formfield .button-form { text-align: right; }
.formfield .button-form input.submit { padding: 6px 12px; border: 1px solid #6883b5; background: #000000; color: #a8bee7; font-weight: bold; font-size: 11px; }


.footer .copyright  { color: #ffffff; font-size: 11px; font-weight: normal; position: absolute; top: -10px; right: 12px; }
.footer .copyright a { margin: 0; padding: 0; background: none !important; }
.footer .copyright img { margin: 0 0 0 5px; position: relative; top: 8px; }