@charset "UTF-8";
/* CSS Document */

* { border: 0px solid red; }

img { border: none; }

body {
	margin: 0;
	background: url(/images/body-bg.gif) repeat-x 0 0;
	font: 12px/16px "Arial CE", Arial, Helvetica, Verdana, sans-serif;
	}

/* typo */
h1 {
	font:  18px/18px "Trebuchet MS", "Trebuchet", Geneva, Helvetica, sans-serif;
	color: #bababa;
	}





/* glowna */
#container {
	width: 760px;
	margin: 0px auto;
	}

#top {
	width: 760px;
	height: 110px;
	float: left;
	}
	#top span {
		float: left;
		margin-top: 30px;
		}
	#top ul {
		float: right;
		margin: 0;
		padding: 40px 0 0 0;
		list-style: none;
		}
		#top ul li {
			float: left;
			}
			#top ul li a {
				font-size: 10px;
				color: #808080;
				text-decoration: none;
				background:url(/images/topmenu-li-bg.gif) no-repeat left  center;
				padding-left: 8px;
				padding-right: 25px;
				}
	#fastSearch {	
		float: right;
		clear: both;
		width: 354px;
		margin: 0px 0 0 0 !important;
		margin/**/: 10px 0 0 0;
		}
		#fastSearch * { border: 0px solid red; }
		
		#fastSearch form { width: 230px !important; width/**/: 250px; }
		#fastSearch p { float: right; margin: 0px; padding-right: 20px; font-size: 10px; color: #ccc; }
		#fastSearch .ptesktowe { border: 1px solid #CCC; }
		#fastSearch .pbutton { 
			font-size: 9px; 
			color: #fff;
			background-color:#396ebe;
			border: 1px solid #1256a3;
			padding: 3px 18px 2px 18px;
			margin-left: 5px;
		}

#menu {
	width: 760px;
	height: 40px;
	float: left;
	}

	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#menu ul li {
			float: left;
			}
			#menu ul li a {
				text-indent: -99999999px;
				display: block;
				height: 40px;
				}

			#menu ul li a#aktualnosci { width: 159px; background:url(/images/menu-aktualnosci.gif) no-repeat 0 0; }
			#menu ul li a#firma { width: 125px; background:url(/images/menu-firma.gif) no-repeat 0 0; }
			#menu ul li a#produkty { width: 191px; background:url(/images/menu-produkty.gif) no-repeat 0 0; }
			#menu ul li a#oferta { width: 132px; background:url(/images/menu-oferta.gif) no-repeat 0 0; }
			#menu ul li a#kontakt { width: 153px; background:url(/images/menu-kontakt.gif) no-repeat 0 0; }

			#menu ul li a#aktualnosci:hover, #menu ul li a#firma:hover, #menu ul li a#produkty:hover, #menu ul li a#oferta:hover, #menu ul li a#kontakt:hover { background-position: 0px -40px; }
			#menu ul li a#aktualnosci.active, #menu ul li a#firma.active, #menu ul li a#produkty.active, #menu ul li a#oferta.active, #menu ul li a#kontakt.active { cursor: default; background-position: 0px -40px; }

#highlight {
	width: 760px;
	height: 282px;
	float: left;
	background:url(/images/photo.jpg) no-repeat right top;
	}
	#highlight .item {
		behavior: url(/styles/iepngfix.htc);
		width: 252px;
		height: 259px;
		margin-top: 40px;
		float: left;
		background: url(/images/highlight-item-bg.png) no-repeat 0 0;
		}
		#highlight .item p {
			border-bottom: 1px solid #d5d5d5;
			float: left;
			width: 207px;
			margin: 5px 0px 0px 25px !important;
			margin/**/: 5px 0px 0px 12px;
			padding-bottom: 5px;
			font-size: 11px;
			line-height: 14px;
			}
			#highlight .item p img {
				float: left;
				border: 5px solid #cbcbcb;
				margin-right: 10px;
				}
			#highlight .item p a {
				font-weight: bold;
				text-decoration: none;
				color: #1256a3;
				}
			#highlight .item p em {
				float: left;
				}
				#highlight .item h1 {
					float: left;
					width: 207px;
					margin: 25px 0px 0px 25px !important;
					margin/**/: 25px 0px 0px 12px;
					padding-bottom: 5px;
					border-bottom: 1px solid #d5d5d5;
					}

			.btnProdukty {
				float: right;
				margin-top: 5px;
				margin-right: 15px;
				}

#infobox {
	float: left;
	width: 760px;
	height: 151px;
	background: url(/images/info-box.jpg) no-repeat 0 0;
	}
	#infobox ul {
		float: left;
		width: 210px;
		margin: 10px 15px 0px 25px !important;
		margin/**/: 10px 15px 0px 12px;
		padding: 0;
		list-style: none;
		}
		#infobox ul h1, #infobox span h1 {
			font-size: 16px;
			color: #fff;
			border-bottom: 1px solid #5f8cc7;
			}
		#infobox ul li {
			color: #ffcc00;
			font-size: 11px;
			background: url(/images/infobox-li-a.gif) no-repeat 0px 1px;
			padding: 0px 0px 0px 15px;
			margin: 0;
			border-bottom: 1px solid #5f8cc7;
			}


	#infobox span {
		margin: 10px 0px 0px 0px;;
		float: left;
		padding: 0px 20px 0px 20px;
		width: 460px;
		color: #fff;
		font-size: 11px;
		}

		.moreBlue {
			float: right;
			}
		.mapa {
			float: right;
			}


#newsbox {
	margin-top: 10px;
	float: left;
	width: 503px;
	}
	#newsbox .nbtop { float: left;height: 10px; width: 503px; background: url(/images/newsbox-top.gif) no-repeat 0 0; line-height: 1px; font-size: 1px;}
	#newsbox .nbbottom { float: left;height: 10px; width: 503px; background: url(/images/newsbox-bottom.gif) no-repeat 0 0; }
	#newsbox .nb { float: left; width: 503px; background: url(/images/newsbox-bg.gif) repeat-y 0 0; }

		#newsbox .nb h1 {
			margin: 10px 0px 0px 25px;
			width: 455px;
			padding-bottom: 4px;
			border-bottom: 1px solid #d5d5d5;
			}
		#newsbox .nb span {
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 10px 15px 0px 25px;
			border: 0px solid blue;
			}
		#newsbox .nb span.linia {
			border-right: 1px solid #d5d5d5;
			}

		#newsbox .nb span p {
			padding: 0;
			margin: 0;
			font-size: 11px;
			line-height: 15px;
			width: 200px;
			color: #818181;
			}
			#newsbox .nb span a { color: #1256a3; font-weight: bold; text-decoration: none; line-height: 14px;}
			#newsbox .nb span em { color: #1256a3; font-style: normal; font-size: 10px; line-height: 12px;}

		#newsbox span p a.more { font-weight: normal; }
		#newsbox span p a.more:hover {  text-decotion: underline; }

#kontaktbox {
	margin-top: 10px;
	float: right;
	width: 253px;
	}
	#kontaktbox .kbtop { float: left; height: 7px; width: 253px; background: url(/images/kontaktbox-top.gif) no-repeat 0 0; }
	#kontaktbox .kbbottom { float: left; height: 7px; width: 253px; background: url(/images/kontaktbox-bottom.gif) no-repeat 0 0; }
	#kontaktbox .kb { float: left; width: 253px; background: url(/images/kontaktbox-bg.gif) repeat-y 0 0; }

	#kontaktbox .kb h1 {
		margin: 10px 0px 0px 25px;
		width: 205px;
		padding-bottom: 4px;
		border-bottom: 1px solid #d5d5d5;
		}
	#kontaktbox .kb p {
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 10px 15px 0px 25px;
			border: 0px solid blue;
			font-size: 11px;
			color: #6d6d6d;
			width: 205px;
			line-height: 15px;
		}

	#kontaktbox .kb a {
			color: #1256A3;
			text-decoration: none;
		}

#submenubox {
	float: left;
	width: 253px;
	margin-top: 12px !important;
	margin-top/**/: 0px;
	}
	#submenubox .smtop { float: left; width: 253px; height: 8px; background: url(/images/submenubox-top.gif) no-repeat 0 0; line-height: 1px; font-size: 1px;}
	#submenubox .sm { float: left; width: 253px; background: url(/images/submenubox-bg.gif) no-repeat left bottom; }

	#submenubox ul {
		float: left;
		width: 210px;
		margin: 10px 15px 0px 20px !important;
		margin/**/: 17px 0px 0px 10px;
		padding: 0 0 20px 0;
		list-style: none;
		}
		#submenubox ul h1 {
			font-size: 16px;
			color: #fff;
			border-bottom: 1px solid #5f8cc7;
			}
		#submenubox ul li {
			float: left;
			width: 195px;
			color: #ffcc00;
			font-size: 11px;
			background: url(/images/infobox-li-a.gif) no-repeat 0px 4px;
			padding: 2px 0px 2px 15px;
			margin: 0;
			border-bottom: 1px solid #5f8cc7;
			}
		#submenubox ul li p {
			color: #fff;
			margin: 0 !important;
			margin/**/: 0;
			}
			#submenubox ul ul {
				float: left;
				margin: 5px 15px 10px 16px !important;
				margin/**/: 5px 0px 10px 0px;
				width: 195px;
				}

				#submenubox ul ul li {
					color: #fff;
					font-size: 11px;
					background: none;
					padding: 0px 0px 0px 0px;
					margin: 0;
					}

		#submenubox ul li a {
			color: #ffcc00;
			text-decoration: none;
			}
		#submenubox ul ul li a {
			color: #d4e0ee;
			text-decoration: none;
			}
		#submenubox ul ul li a.active {
			color: #fff;
			font-weight: bold;
			}


#contentbox {
	margin: 10px 4px 0 0 !important;
	margin/**/: -3px 4px 0 0;
	float: right;
	width: 503px;
	}
	#contentbox .cbtop { float: left;height: 10px; width: 503px; background: url(/images/newsbox-top.gif) no-repeat 0 0; line-height: 1px; font-size: 1px;}
	#contentbox .cbbottom { float: left;height: 10px; width: 503px; background: url(/images/newsbox-bottom.gif) no-repeat 0 0; }
	#contentbox .cb { float: left; width: 503px; padding-bottom: 20px; background: url(/images/newsbox-bg.gif) repeat-y 0 0; }

	#contentbox .cb h1 {
		float: left;
		width: 447px;
		margin: 15px 0px 0px 25px !important;
		margin/**/: 15px 0px 0px 12px;
		padding-bottom: 5px;
		border-bottom: 1px solid #d5d5d5;
		}

		#contentbox .cb p {
			float: left;
			width: 447px;
			margin: 15px 0px 0px 25px !important;
			margin/**/: 0px 0px 0px 12px;
			color: #1256a3;
			line-height: 18px;
			}

		#contentbox .cb p a {
			color: #CC0000;
			text-decoration: none;
			}
			
			#contentbox .cb p a:hover {
				color: #fff;
				background-color: #cc0000;
				}


		.listItem {
			float: left;
			margin: 5px 0px 0px 25px !important;
			margin/**/: 5px 0px 0px 12px;
			padding-bottom: 5px;
			border-bottom: 1px solid #d5d5d5;
			width: 447px;
			}
			.listItem span {
				float: left;
				width: 300px;
				}
				.listItem span img {
					float: left;
					border: 5px solid #cbcbcb;
					margin-right: 15px;
					}
				#contentbox div.cb div.listItem span a {
					font-weight: bold;
					text-decoration: underline;
					color: #1256a3;
					}
				#contentbox div.cb div.listItem span a.obraz {
					float: left; 
					width: 64px;
					}
				#contentbox div.cb div.listItem span p {
					float: right;
					width: 210px;
					margin: 4px 0 0 0  !important;
					margin/**/: 4px 0 0 0;
					padding: 0;
					color: #999;
					line-height: 12px;
					font-size: 11px;
					}
				#contentbox .cb .listItem em {
					width: 145px;
					display: block;
					float: left;
					text-align: right;
					}


		#contentbox .cb .produktName {
			float: left;
			margin: 15px 0px 0px 25px !important;
			margin/**/: 15px 0px 0px 12px;
			padding-bottom: 5px;
			border-bottom: 1px solid #d5d5d5;
			width: 447px;
			}
			#contentbox .cb .produktName h1 {
				float: left;
				color: #1256a3;
				width: 300px;
				border: none;
				padding: 0;
				margin: 0 !important;
				margin/**/: 0;
				}
			#contentbox .cb .produktName p {
				float: left;
				color: #999;
				width: 300px;
				border: none;
				padding: 0;
				margin: 0 !important;
				margin/**/: 0;
				font-size: 11px;
				line-height: 14px;
				}
			#contentbox .cb .produktName em {
				float: right;
				display: block;
				width: 140px;
				text-align: right;
				font-style: normal;
				text-align: right;
				}

				.opisProduktu { float: left; margin-top: 20px; }

#bigphoto { float: left; text-align: center; width: 400px; margin: 10px 0px 0px 25px;	}
#miniphotos { float: right; margin: 5px 18px 0px 0px; }
#miniphotos a { float: left; display: block; width: 50px; height: 50px; margin: 5px 10px 0px 0px; border: 1px solid #ccc;  padding: 20px 28px 30px 22px; }
#miniphotos a:hover { border-color: #000; }
#miniphotos a.active { width: 54px; height: 57px; background: url(/images/selectedminiphoto.gif) no-repeat 0 0; border: none; margin: 0 10px 0 0;padding: 25px 25px 25px 23px;}




.paging { margin: 20px 25px 0px 0;float: right;}
.paging em {float: left;margin: 3px 0 0 0;color: #999;}
.paging a { color: #1256a3; display: block;float: left;text-decoration: none;padding: 2px 8px 2px 8px;margin: 0 5px 0 0;border: 1px solid #aaa;background-color: #fff;}
.paging a:hover {border: 1px solid #000;color: #fff;background-color: #1256a3;}
.paging a.active {	border: none; font-weight: bold;}
.paging a.active:hover {border: none;font-weight: bold;	background-color: #fff;	color: #1256a3;}



#footer {
	margin-top: 30px;
	float: left;
	width: 760px;
	height: 50px;
	background: url(/images/footer-bg.gif) no-repeat 0 0;
	color: #a0bbda;
	font-size: 11px;
	}
	#footer p {
		float: left;
		width: 500px;
		margin: 15px 0px 0px 20px;
		padding: 0;
		}
	#footer span {
		margin: 15px 20px 0px 0px;
		float: right;
		width: 200px;
		text-align: right;
		}
		#footer span a {
			color: #fff;
			text-decoration: none;
			}


/* Google maps */
#google_map
{
	float: left;
	width: 444px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 40px 25px !important;
	margin/**/: 10px 0 40px 12px;
}

#google_maker_msg
{
	display: block;
}