body {
margin: 0px 0px; padding: 0px 0px; 
font-size: 12px;
font-family: Arial;
color: #000;
background: #fff url('../images/bg.jpg') no-repeat center top ;
background-attachment: fixed; 
padding-bottom: 30px;
}
*{margin:0;padding:0}
img { border: 0px; font-size: 0px }
a { text-decoration: none; color: #000}
a:hover { text-decoration: none; }
ul { padding: 0px 0px 0px 0px; margin: 0px 0px; }
li { padding: 0px 0px 0px 0px; margin: 0px 0px; list-style: none; }
.clear { clear: both;font-size:1px; height:0px; margin:0;padding:0}
h2{margin:0; padding:0; }


#content { width: 956px; margin: 38px auto;  }
#left-side { width:654px; float: left; padding: 0 25px 0 0; overflow:hidden}
#right-side { width:270px; float: left; margin-bottom: 30px; padding: 68px 0 0 3px; overflow:hidden; background:url('../images/dot-v.gif') repeat-y left }

#logo { width: 327px; height:65px}
.menu ul { height:37px; width: 650px; background: #000;padding-left: 2px }
.menu ul li {float:left;padding: 11px 0}
.menu ul li a { color:#fff;  padding: 9px 24px; background: #000}
.menu ul li a:hover {padding: 9px 24px; background: #000 url('../images/menu-bg-hover.gif') no-repeat left}
.menu ul li.currentCategory a{padding: 9px 24px; background: #000 url('../images/menu-bg-hover.gif') no-repeat left}
.menu ul li.currentCategoryParent a { background: #000 url('../images/menu-bg-hover.gif') no-repeat left}
.menu ul li ul {display:none}
.hr { width: 636px; height:1px; float:left; display:inline; background:url('../images/dot-h.gif') repeat-x}
.hr1 { width:16px; height:6px; float: left; display:inline; margin-bottom: 17px; background:url('../images/trapez.gif') no-repeat}

.en ul li a{ padding: 9px 26px;}
.en ul li a:hover{ padding: 9px 26px;}
.en ul li.currentCategory a{ padding: 9px 26px;}
.en ul { width:642px; float: right}

.de ul li a{ padding: 9px 23px;}
.de ul li a:hover{ padding: 9px 23px;}
.de ul li.currentCategory a{ padding: 9px 23px;}
.de ul { width:648px; float: right}

.ru ul li a{ padding: 9px 22px;}
.ru ul li a:hover{ padding: 9px 22px;}
.ru ul li.currentCategory a{ padding: 9px 22px;}
.ru ul { width:650px; float: right}


.tekst { text-align: justify; overflow:hidden; clear: both; line-height: 18px; padding: 17px 0 0 0; margin:0; background: url('../images/kropki.gif') no-repeat top}
.tekst p {text-indent: 35px; margin:0; padding:6px 0px 6px 0px;}
.record_list_element  .tekst ul { margin-left: 23px}
.DowolnyTekst1 li { padding-left: 10px; background:url('../images/trojkat.gif') 0px 6px no-repeat}
.tekst h2 {font-size: 14px; margin:0 0 13px 0; padding:0; clear:both }
.padd {padding-left: 39px;}
.kropki {width:655px; height:6px; clear: both; background: url('../images/kropki.gif') no-repeat}

.bg-rep { text-align: justify; overflow:hidden; clear: both; line-height: 18px; padding: 5px 0 0 36px; margin:0;_margin:-2px 0 0 0; background: url('../images/kropki_rep.gif') repeat-y top }

.rel {position:relative}

.records_list li.record_list_element{background: none}

#records_list {}
/*
#record3,#record258,#record260,#record262{ float: right; width: 366px; }
#record4,#record257,#record259,#record261 { width: 654px; clear:right; }
#banner {position: absolute; top: 61px;}
*/

.record_list_element { clear: none}
.tytul { font-size: 12px; font-weight: bold}
.data {float: right; margin-bottom: 10px}
.cont { clear: both;}


#right-side .Header, #newsy .Header { width: 232px; height: 15px; overflow:hidden; margin:0 0 0 17px; padding:21px 0 0 18px; 	font-size: 12px; font-weight: bold; background:url('../images/box-title.gif') }
#right-side .Texts,#newsy .Texts { padding: 1px 18px 18px 18px; text-align: justify; width: 214px; overflow:hidden; margin:0 0 0 17px; color: #505050; background:url('../images/box-bg.gif') repeat-y }
#right-side .Texts a,#newsy .Texts a { float: right; padding-right:10px; color:#bf1c38; background:url('../images/trojkat.gif') no-repeat right}
#right-side .Texts a:hover,#right-side .Texts a:hover {text-decoration: underline; color:#8b8b8b}
#right-side .Fix,#newsy .Fix {width:250px; height: 15px; margin:0 0 0 17px; font-size: 0px; background:url('../images/box-shadow.png') no-repeat}
#right-side .Info,#newsy .Info  {color:#8b8b8b;margin: 3px 0;}
#newsy .record_list_element {margin: 15px 0 0 40px; float: left; display: inline; }


#zauf { width: 210px; margin: 0 0 14px 28px}

.dot-grey {width: 220px; height: 1px; margin:7px 0 5px -4px; background:url('../images/dot-grey.gif') repeat-x }
.strona{ float:left; display: inline; width: 320px;  margin: 18px 0 9px 31px;}
.select {width:300px; float:right; display: inline; margin-top: 23px; text-align:right}
.select b {float: right; margin-top: 2px}
.form { float:right; margin: 0px 0 0 6px}
.ludzie {margin: 23px 3px 0 0; float:left;}
.jezyk {font-size:10px;padding: 0 7px 0 14px}
.newsy{margin: 15px 0 16px 17px}
.button{float:right; text-align: right; width: 143px; height:18px; padding: 3px 17px 0 0; background:url('../images/button.gif') no-repeat right}
.button a {color: #fff}

.zaufali {margin: 17px 0 12px 4px}
#firmy {width: 270px; overflow:hidden; text-align:center;}
#firmy img { display:block; margin:13px auto}


.karta { margin: -9px 24px 0 39px; float: left }
.foto img, .imageMenuCategory img, .ProstaGaleria1 .ImageCenterer img {border: 4px solid #ececc4;}
.title1 {float:left; display: inline; width: 340px; height: 18px; margin: 21px 0 9px 26px;font-size: 18px;}
.title2{font-size: 18px; clear: both; margin: 14px 0 3px 26px}
.imageMenu { margin-top: 17px}
.imageMenuCategory {width:126px; float: left; margin: 0 24px 28px 0; text-align:center; }
.imageMenuCategory h2 {width:126px; color:#000000;font-size:12px;font-weight: normal;background: url('../images/foto-small-shadow.png') no-repeat right top}
.imageMenuCategory .shadow{width:126px; color:#000000;font-size:12px;font-weight: normal;background: url('../images/foto-small-shadow.png') no-repeat right top}
.imageMenu  .currentCategory {display: none}
.GalleryElem  .shadow {width:126px; margin-top: 4px; text-align:center; color:#000000;font-size:12px;font-weight: normal;background: url('../images/foto-small-shadow.png') no-repeat right 4px; padding: 5px 0px 0px 0px; _margin-top: 0px; _padding: 0 0 0 0}
.ProstaGaleria1  .GalleryElem {float: left; margin-left: 25px; height: 210px; display: inline}

.paginator { width: 205px; height: 16px; background: url('../images/foto-shadow.png') no-repeat top right}
.ArtykulZGaleria1 .Texts {float: left; margin-left: 24px; width: 365px }
.ArtykulZGaleria1 .zdjecie {float: left; width: 205px; text-align: center; background: transparent url(../images/bgzdjecie.gif) no-repeat left top;}
.ArtykulZGaleria1  .Header { font-size: 14px; font-weight: bold; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px;}
.ProstaGaleria1 {
padding: 20px 0px 0px 0px;
}
.GalleryElem .ZdjecieDoGalerii1 a {font-size: 0px}

/* mootools scroll */
#box2{
	position:absolute;
}
#box2 div.GalleryElem{
	display:block;
	float:left;
	width: 197px;
}

#box2  img {}


.mask2{
	position:relative;
	width:197px;
	height:187px;
	overflow:hidden;
	border:4px solid #ececc4;
}


span img{
	display:block;
	border:none;
}

#next1 { cursor: pointer; background: transparent url(../images/next.gif) no-repeat right 5px; padding: 0px 10px 0px 5px;}

#prev1 { cursor: pointer; background: transparent url(../images/prev.gif) no-repeat left 5px; padding: 0px 5px 0px 10px; } 

#foot { width: 956px; margin:0 auto; clear: both; padding-top: 30px}
#foot a {text-decoration: underline}


/* scroll */
.scrollable {

/* required settings */

position:relative;
overflow:hidden;
width: 197px;
height:187px;
margin: 0px 0px 0px 0px;
z-index: 100;
padding: 0px 0px 0px 0px;
border: 4px solid #ececc4;


/* custom decorations */
}

.scrollable .ImageCenterer img {
border: 0px;
}
.scrollable .GalleryElem {
float: left; padding: 0px 0px 0px 0px;
margin: 0px 0px; height: 187px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:150em;
position:absolute;
clear:both;

}

/* single scrollable item */
.scrollable img {
margin:0px 0px 0px 0px;
}


/* active item */
.scrollable .active {
z-index:5;
position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

.items .clear {
display: none;
}


a.browse {
	margin:30px 10px;
	cursor:pointer;
	font-size:11px;
}



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.ArtykulZGaleria1 p {
text-indent: 0px; padding: 10px 0px 10px 0px;
}

/* W500 download */
.icon {
width: 60px; float: left; padding: 0px 0px; margin: 0px 0px;
}
.icon_text {
width: 85%; float: right; padding: 0px 0px; margin: 0px 0px;
}
.date {
text-align: right; font-size: 10px;
}
.date a {
text-decoration: underline; padding: 0px 20px 0px 0px;
}
.date a:hover {
color: #505050; text-decoration: none;
}
.date span {
padding: 0px 40px 0px 0px;
}