@CHARSET "UTF-8";

html, body{ width: 100%; height: 100%;	background: #000000 url(../img/bg.jpg) repeat scroll 0 0;	color: #ffffff;	margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}

a {text-decoration: none; color: #ffffff; font-style: normal;}
a:hover,a.sel { color: #ffffff text-decoration: underline;}
a:focus {outline: none;}
ol,ul {padding-left: 30px;}
.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }
* {margin: 0;}
html{overflow: auto;}
div, img{border: 0 none;	margin: 0;	padding: 0}
p {padding: 0px; margin: 1em 0px;} 
html, div, map, dt, isindex, form {display:block;}

#intro { width: 832px; height: 363px;}
#intro_content { background: transparent url(../img/bg2.jpg) no-repeat scroll 0 0; width: 832px; height: 363px; margin: 0 auto; clear: both; position: relative;}
#intro_content #buttons { position: absolute; bottom: 10px; left: 0px; background: transparent url(../img/buttons.gif) no-repeat scroll 0 0;}

#top { width: 967px; height: 205px;margin: 0px auto; position: relative;}
#top h1 { width: 322px; height: 205px; float: left;}
#top h1 a {width: 322px; height: 81px; margin: 66px 0px 50px 0px; text-indent: -5555px; display: block; background: transparent url(../img/logo.png) no-repeat scroll 0 0;}
#flash { width: 630px; height: 205px; overflow: hidden; float: left;}
#menu { margin: 0px; padding: 0px; list-style-type: none; height: 31px; text-align: center; position: absolute; bottom: 0px; left: 106px; width: 728px; background: transparent url(../img/menu.gif) repeat-x scroll 0 0; }
#menu li { float: left;}
#menu li a { display: block; width: 90px; height: 25px; text-align: center; line-height:25px; margin-top: 6px;  background: transparent url(../img/menu.gif) repeat-x scroll 0 -6px; border-left: 1px solid #121212;}
#menu li.first a { border-left: 1px solid #212121;} 
#menu li a:hover, #menu li a.sel { display: block; width: 90px; height: 31px; text-align: center; line-height:31px; padding-top: 0px; margin-top: 0px;  background: transparent url(../img/menu.s.jpg) repeat-x scroll 0 0; border-left: 1px solid transparent;}
#menu li a.sel { font-weight: bold;}

#mapka {width: 310px; float: left;}
#mapka span {display: block; text-align: center;}

.sponsors a { float: left; background-color: white; border: 1px solid #c38e91; width: 55px; height: 55px; margin: 5px;}


div#produkty { float: left;width: 120px; height: 326px;}
ul#cats { overflow: auto; margin: 0px; padding-left: 10px; display: block;  list-style-type: none; text-align: left; width: 120px; height: 326px;}
ul#cats li {line-height: 20px; display: block;}
ul#cats li.sub { }
ul#cats li.sub>a {padding-left: 12px; background: transparent url(../img/point.gif) no-repeat scroll 0px 3px;}
ul#cats li.kat>a {padding-left: 12px; background: transparent url(../img/pointpoint.gif) no-repeat scroll 0px 3px;}
ul#cats ul.items {display: block;}
ul#cats li.active { }
ul#cats li.active>a {padding-left: 12px; background: transparent url(../img/pointm.gif) no-repeat scroll 0px 3px;}
ul#cats a:hover { background-color: #98383a;}
ul#cats *{list-style-type:  none;}
ul#cats ul { padding-left: 5px; display: none;}
ul#cats li.active>ul {display: block;}

#sponsors { width: 55px;  height: 55px; float: left;margin-left:19px;}
#bigslide { width: 250px;  height: 244px; }

#content { text-align: left; width: 968px; height: 342px; padding-top: 21px; background: transparent url(../img/bg_menu.jpg) no-repeat scroll 0 0;  margin: 0px auto;}
#content2 { text-align: left; width: 968px; height: 342px; padding-top: 21px; background: transparent url(../img/bg_full.jpg) no-repeat scroll 0 0;  margin: 0px auto;}
#content2 #text { width: 740px; height: 218px; padding: 13px 0px 13px 40px;}
#content2 #text .scroll { width: 740px; height: 213px; }
#content2 #buttons { margin-left:134px; margin-top:14px;}

#content3 { text-align: left; width: 968px; height: 342px; padding-top: 21px; background: transparent url(../img/bg_kat.jpg) no-repeat scroll 0 0;  margin: 0px auto;}
#content3 #text { width: 629px; height: 232px;}
#content3 #text .scroll { width: 629px; height: 204px; }
#content3 #slide { margin-left: 1px;}
#items a { float: left; margin: 11px;}
#results a { float: left; margin: 11px; width: 180px; height: 52px; overflow: hidden;}
#results img { float: left; margin-right: 5px;}
#results span { float: left; width: 120px; margin-top: 10px;}

#szukaj { margin-top: -8px; margin-bottom: 5px;}
#szukaj input.text { background-color: #e8dadb; border: 0px none; padding: 2px 3px; margin-left: 3px; font-size: 11px; font-family:tahoma,verdana,arial; width: 105px;}
#szukaj input.button { padding-left: 5px;}

#zam td {white-space: nowrap; text-align: right;}
#zam td input { background-color: #e8dadb; border: 0px none; padding: 2px 3px; margin-left: 3px; font-size: 11px; font-family:tahoma,verdana,arial; width: 165px;}
#zam td textarea { overflow: auto; background-color: #e8dadb; border: 0px none; padding: 2px 3px; margin-left: 3px; font-size: 11px; font-family:tahoma,verdana,arial; width: 165px; height: 146px;}
#zam tbody td.right { vertical-align: top; padding-left: 20px;}
#zam tbody td.right label { vertical-align: top;}
#zam tfoot td { padding-top: 5px;}	
#zam tfoot td.right input { background: transparent url(../img/button.jpg) no-repeat scroll 0 0; width: 108px; padding: 5px 0px; color: white; cursor: pointer; margin-right: 31px;}

div.promocja { width: 280px; float: left; padding: 20px 40px;}
div.promocja h2 { font-size: 11px; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px 0px 10px;}
div.promocja a { display: block; float: right; padding-left: 16px; background: transparent url(../img/more.gif) no-repeat scroll 0 50%; text-decoration: underline; line-height: 11px;}

td.column1 { padding-right: 10px;}
#text { width: 243px; height: 230px; float: left; padding: 13px 9px 13px 27px;}
#text .scroll { width: 244px; height: 191px; }
#text .scroll .scrt{ margin-right: 11px; line-height: 1.5em;}
#text .withScroll .scroll .scrt{ margin-right: 3px;}
#text #nav { width: 244px; height: 22px;  margin: 5px -3px; text-align: center;}
#text #nav a{padding-left: 22px; text-decoration: underline;  height: 20px;line-height: 14px; width: 54px; text-align: left;}
#text #nav a.left {background: transparent url(../img/left.gif) no-repeat scroll 0 0; float: left; width: 63px;}
#text #nav span.emptyleft { display: block; float: left; width: 85px;}
#text #nav a.up {background: transparent url(../img/up.gif) no-repeat scroll 0 0; float: left;}
#text #nav a.right {background: transparent url(../img/right.gif) no-repeat scroll 100% 0; float: left; text-align: right; padding-left: 0px; padding-right: 22px;}

#gallery { width: 122px; height: 244px; float: left; margin: -4px 0px;}
#gallery img { float: left; padding: 10px 6px 0px 0px; cursor: pointer;}

#flashimg { width: 383px; height: 244px; float: left;}
.flash-replaced .alt { display: none;}
#buttons { float: left; width: 810px; height: 72px; margin-left: 13px;}
#buttons a { width: 258px; padding: 5px; height: 62px; display: block; text-align: right; margin-right: 2px; float: left;}

img#big {border: 1px solid black; float: left;}
#slide { float: left; margin-left: 5px;}
#slide img {}

.katalogpdf { width: 340px; padding: 0px 20px 20px 0px; float: left;}
.katalogpdf h2 { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal;}
.katalogpdf a.pdf { float: right; display: block; padding-right: 20px; background: transparent url(../img/pdf.png) no-repeat scroll 100% 0; line-height: 16px; text-decoration: underline;}

#footer { width: 900px; height: 15px; line-height: 15px; color: #c6c6c8; margin: 10px auto;}

#activelogo { display: block; overflow: hidden; text-indent: -666px; height: 15px; width: 35px; float: right; background: transparent url(../img/adlogo.gif) no-repeat scroll 0 0;}