* {margin:0; padding:0; border: 0;}
html {font-size: 12px; font-family: Arial; color: #296daa; background: #fff}

/* STRUKTURA */
body {background: #cce5f9 url(../../design/img/mainBg.jpg) repeat-x top; border-top: solid 2px #e5f2fc}
.hiddenPic {display:none;}

#pageLayer {background: url(../../design/img/contBg.jpg) no-repeat top; margin: auto;}
	#pageCont {}
	#footer * {color: inherit}	
		#topLayer, #contentLayer,  #footerCont {width: 80%; margin: auto; min-width: 990px;}		
		#topLayer {min-height: 86px; position: relative; /*do pozycjonowania elementow wewnatrz*/ }
			a#logo {text-indent: -9000px; display: block; margin: auto; width: 419px; height: 83px; background: url(../../design/img/logo.gif) no-repeat;}			
			a#logo:hover {background: url(../../design/img/logoActive.gif) no-repeat;}	
			#topLayer form#search {}
			div#splash {text-align: center; width: 761px;  margin: -40px auto;}
			
	/* MENU i WYSZUKIWARKA */
		div.menu {background: url(../../design/img/menuLeft.gif) no-repeat left; height: 49px; padding-right: 80px; }
			.menu ul {background:  url(../../design/img/menuBg.gif) repeat-x top; height: 49px; width: 100%; margin:0; margin-left: 8px;}
				.menu li {display: block; float: left; height: 37px; margin: 0; padding: 10px 20px 0 20px !important; background: url(../../design/img/menuSep.gif) no-repeat bottom right !important;}					
					
			form#search {text-align: right; float: left; padding-top: 13px; position: absolute; right: 380px;}
			form#search fieldset {float:left;}
				#topLayer input[type=text] {padding: 3px 3px 3px 3px; margin-right: 10px; width: 100px;}
				#topLayer input.submit { margin: -1px 0 !important; width: 33px; height: 25px; color: #fff; background: url(../../design/img/buttonOk.gif) no-repeat top; text-indent: -9999px;}
	/* MENU i WYSZUKIWARKA */
							
		#contentLayer {text-align: center; margin: 20px auto 0px auto; padding: 0px 0 20px 0; position: relative;}
			#contentLayer.decor {background: url(../../design/img/footerDecor.png) no-repeat bottom center; padding-bottom: 50px;}
			.contentLayerCont {margin: 0 380px 0 30px;/*margin-right: 337px;*/}
			#contentLayerRight {position: absolute; top: 220px; right:0; width: 279px; height: 201px;  background: url(../../design/img/box.gif) no-repeat; padding: 0 25px 0 25px; }
	
	#footer {background: #fff url(../../design/img/footerBg.gif) repeat-x top; color: #8e8e8e; padding: 20px 0 20px 0;}
		#footerCont {}			
			#footer a {color: #8e8e8e; cursor: pointer; padding: 0 20px 0 0; font-weight: normal; text-decoration:none}
				#footer a:hover {text-decoration: underline;}			
		#maker a:hover {text-decoration: none; color: #000}
				
			
			
/* DEFINICJA ZNACZNIKOW */

a, a:link, a:active {color: #296daa; font-weight: bold; padding: 0 1px 0 1px}
a:hover {color: #f10606}

a:visited {color: #516678}

h1, h2, h3, h4 {/* font-weight: 600; font-style: normal; margin: 0 0 8px 0; line-height: 1; */ }
h1 {font-size: 13px; margin: 10px 0 5px 0;}	
h2, h3 {font-size: 12px; margin: 10px 0 5px 0;}	

.graphic {text-indent: -9999px;}

#headerSplash {background: transparent url(../../design/img/sloganx.gif) no-repeat top; height: 0px; margin: 0}
#headerBox {background: transparent url(../../design/img/headerBox.gif) no-repeat top left; margin: -30px 0 40px 0px;}
#headerSloganMain {background: transparent url(../../design/img/headerSloganMain2.gif) no-repeat top; height: 30px; margin: 20px 0 15px 0}

/* MainPage */
#headerPros {background: transparent url(../../design/img/headerMainPros.gif) no-repeat top left;}
#headerSlogan1 {background: transparent url(../../design/img/headerMainSlogan1.gif) no-repeat top left; margin: 0 0 15px 0}

#headerAbout {background: transparent url(../../design/img/headerAbout.gif) no-repeat top left; margin: 0 0 15px 0}
#headerOffer {background: transparent url(../../design/img/headerOffer.gif) no-repeat top left; margin: -20px 0 15px 25px}
#headerContact {background: transparent url(../../design/img/headerContact.gif) no-repeat top left; margin: 0 0 5px 0}


div {text-align: left}

th, td {vertical-align: top}

ul { margin: 10px 0 0 0;}
	li {list-style-image: url(../../design/img/icoLi.png); margin: 2px 0 2px 16px; }
ul.sublist {margin: 0 0 2px 30px;}
	ul.sublist li {list-style-image: url(../../design/img/icoLiWhite.gif);}
	
p {margin: 4px 0 6px 0; line-height: 160%} 


/* KOLORY I CZCIONKI */

.strong {font-weight: bold !important;}
.italic {font-style: italic}

.default { color: #296daa !important;} /* granat */
.color1 {color: #f10606  !important;} /* czerwony */
.color2 {color: #f6a406 !important;} /* zolty */
.color3 {color: #94b6d4 !important;} /*  bladoniebieski */
.color4 {color: #deecf9 !important;} /* jasny niebieski */
.color5 {color: #e34e23 !important;} /* czerwony*/

.background1 {background:#fafafa}
.background2 {background:#f0f0f0}
.background2 {background:#f0f0f0}


/* WSPÓLNE KLASY */

.clear {clear: both; font-size: 1px; height: 0;line-height: 0/* margin: 0px; padding: 0px;*/}
.noBorder {border: 0 !important}

td.numeric {text-align: right; vertical-align: top;}
ul.horiz {}
	ul.horiz li {display: inline; list-style-type: none; background: none; padding-left: 0}

a.more, a.more:visited {font-weight: bold; color: inherit; text-align: right; display: block; text-decoration: underline; margin-top: 10px;}	a.more:hover {text-decoration: underline}

.readMore {display: block; text-indent: -9999px; background: transparent url(../../design/img/buttonReadMore.gif) no-repeat top; width: 142px; height: 36px; float:right; margin: 10px 0 5px 0}

.send {cursor: pointer;  background: url(../../design/img/buttonSend.gif) no-repeat top right; width: 148px; height: 36px; float: right; margin: 10px 0 0 0; text-indent: -9999px !important;}

#language {position: absolute; top: 10px; text-align: center; left: 10%;}
a.pl, a.en {display: block; height: 35px; width: 35px; margin: 0; float: left;}

a.pl {background: url(../../design/img/icoFlagPl.gif) no-repeat top left; margin-right: 20px;}
a.en {background: url(../../design/img/icoFlagEn.gif) no-repeat top left;}


/* uzywac tylko w divach - IE6 */
.hr {height: 1px; border-width: 100% 0 0 0; line-height: 0px; font-size: 0; margin:0; padding:0; background: url(../../design/img/hr.gif) repeat-x}
.hrLight {height: 1px; border-width: 100% 0 0 0; line-height: 0px; font-size: 0; margin:0; padding:0; border-top: solid 1px #deecf9}
.hrMain  {height: 2px; border-width: 100% 0 0 0; line-height: 0px; font-size: 0; margin:0; padding:0; background: transparent url(../../design/img/hrMain.png) repeat-x}
	

/* WSPÓLNE BLOKI  */

.col {float:left; padding: 20px;}

#pagination {margin: 10px 0px 10px 0px; text-align: center; border: 0; background: #efefef; padding: 15px;}
	#pagination span {			/* tekst bez linka */
		text-align: center;	color: #cccccc;	}		
	#pagination a span, #pagination a { /* wszystkie linki		*/
		text-decoration: none; color: #171694; font-weight:bold;}
	#pagination a.next span { /* buttony*/
		padding: 2px 4px 2px 4px;/* border: solid 1px #b8eaf3;*/ color: #000; font-weight: normal; cursor: pointer;}
		#pagination a:hover span { color: #5958a7;}
		#pagination a.next:hover span {color: #171694; font-weight: bold;}	
	#pagination .active { /* button bez linka */
		padding: 3px 7px 3px 7px; font-weight: bold; color: #171694;}
	
		
	/* WYNIKI WYSZUKIWANIA  */		
	div.searchResults {margin: 18px 18px 20px 18px; margin: auto;}		 		
		.searchResults .item {line-height: 180%; margin: 15px auto 15px auto;}		
			.searchResults a.thumb {float:left; display: block; border: 0; margin: 2px 10px 20px 0;}			
			.searchResults .item img.thumb {float: left; border: solid 3px #d6ecfc; background: #fff; padding: 10px;}	/* 93b6d2  6aa4d4 */
			.searchResults .item a:hover img.thumb {border: solid 3px #bbd6e9}			
			.searchResults .item h1 {margin: 0 0 20px 250px; line-height: 120%; background: url(../../design/img/hr.gif) bottom repeat-x; padding: 0 0 5px 10px}
				.searchResults h1 a, .searchResults h1 a:visited {font-size: 13px; color: inherit; text-decoration: none;  padding-bottom:5px; white-space: nowrap;}
				.searchResults h1 a:hover {text-decoration: none; color: #f10606}
			.searchResults .desc {display: block; margin-left: 260px;}
			.searchResults .desc, .searchResults .desc p { line-height: 130%}
			.searchResults .item .price {}
			
	/* contentLayerCont*/
	#decor {background: url(../../design/img/decor.gif) no-repeat top right; position: absolute; right: 0; top: 82px; width: 337px; height: 278px;}
	.contentLayerCont {min-width: 600px; min-height: 180px; padding-top: 35px;}
	.contentLayerCont td,.contentLayerCont th {border: solid 0px red}
	.contentLayerCont td.image {vertical-align: top; padding:0;}
		
		.contentLayerCont td.image a {display: block; background: #fff; border: solid 5px #cadfee; padding: 10px;}
		.contentLayerCont td.image a:hover {border: solid 5px #bbd9f4;}
			.contentLayerCont td.image a img {padding: 0;}
		
	#contentLayerRight {}
		#contentLayerRight p {line-height: 190%; text-align: justify; padding: 0 10px 0 10px}
		#contentLayerRight a {font-weight: bold; color: #296daa; text-decoration: underline}
		#contentLayerRight a:hover {color: #f10606}
	
	/* przewijanie */
	.scroll	{width: 100%; border-top: solid 1px #ddeefb;}
		.scroll .prev, .scroll .next  {display: block;}
		.scroll .prev {text-align: left; float: left;}
		.scroll .next {text-align: right; float: right;}
		.scroll .prev a, .scroll .next a {display: block; background: #ddeefb; padding: 6px 25px 6px 25px}
		.scroll .prev a {float: left;}
		.scroll .next a {float: right;}
			.scroll .prev a:hover, .scroll .next a:hover {background: #fff; color: #296daa !important} 
		.scroll a.inactive {color: #bbd9f4 !important; cursor: default}
			.scroll a.inactive:hover {background: #ddeefb; color: #bbd9f4 !important;}
			
	/* przewijanie */
	.scrollText	{width: 100%;}
		.scrollText .prev, .scrollText .next  {display: block;}
		.scrollText .prev {text-align: left; float: left;}
		.scrollText .next {text-align: right; float: right;}
		.scrollText .prev a, .scrollText .next a {display: block; padding: 0; font-weight: bold !important; text-decoration:none; color: #f6a406 !important}
		.scrollText .prev a {float: left;}
		.scrollText .next a {float: right;}
			.scrollText .prev a:hover, .scrollText .next a:hover {color: #f10606 !important; cursor: pointer} 
		.scrollText a.inactive {cursor: default; display: none}
			.scrollText a.inactive:hover {cursor: default }
						
	.dataPresent {margin: 0;}
		.dataPresent td, .dataPresent th {padding: 3px 0 3px 0;}
		.dataPresent th {color: #f6a406; font-weight: bold}
		.dataPresent td {padding-left: 10px}