/* CSS */
html {
background: url(images/tlo33.gif);
}
body {
	padding: 0px;
	margin: 0 auto;
	position: relative;
	background: url(images/tlo_menu.gif) 0 0 repeat-x;
	color: #656363;
	font: 14px/20px Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div, p, h1, h2, h3, h4, ul, img {
	padding: 0px;
	margin:0px;
}
ul {
	list-style-type: none;
}
a {
	color: #4781d4;
	text-decoration: none;
}
		/* panel gora */
#gornypanel {
	width: 700px;
	height: 260px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#gornypanel h1 {
	width: 700px; 
	height: 199px; 
	background: url(images/karty.jpg) 0 0 no-repeat #d6e3fe; 
	color: #fff; 
	text-indent: -20000px; 
}

#gornypanel ul {
	width: 700px;
	height: 32px;
	display: block;
	position: absolute;
	top: 199px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	background: url(images/menu.jpg) 0 0 repeat-x #2658cc;
	color: #fff;
}
#gornypanel ul li {
	float: left;
	display: block;
	width: 93px;
	height: 32px;
	background: url(images/kreska.jpg) right top no-repeat;
}
#gornypanel ul li span {
	display: block;
	width: 91px;
	height: 32px;
	background: url(images/podkreslenie.jpg) 0px 20px no-repeat;
	font: 13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#gornypanel ul li a {
	display: block;
	width: 91px;
	height: 32px;
	background: url(images/menu.jpg) 0 0 repeat-x #2658cc;
	color: #fff;
	font: 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; 	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#gornypanel ul li a:hover {
	display: block;
	width: 91px;
	background: url(images/podkreslenie.jpg) 0px 20px no-repeat;
	text-decoration: none; 
	margin: 0px;
	padding: 0px;
}
#gornypanel ul li.contact {
	display: block;
	width: 91px;
	height: 32px;
	background: url(images/menu.jpg) 0 0 repeat-x #2658cc;
	color: #fff;
	font: 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#gornypanel ul li.contact:hover {
	display: block;
	width: 91px;
	background: url(images/podkreslenie.jpg) 0px 20px no-repeat;
	text-decoration: none;
	margin: 0;
	padding: 0px;
}


		/* panel środkowy */
#sropanel {
	width: 700px;
	position: relative;
	margin: 0 auto;
	left: 48px;
}
		/* Left Panel */
#lewypanel {
	width: 360px;
	display: block;
	float: left;
	text-align: justify;
	margin: 0;	
}
#lewypanel h2 {
	width: 360px;
	height: 70px;
	float: left;
	display: block;
	background: url(images/facet.jpg) 100% 0 no-repeat #fff;
	font:27px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold; 	
	color: #4D4D4D;
	padding: 0 0 0 0;
	margin: 0;
}
#lewypanel h2 span {
	background: #fff;
	color: #4781d4;
	font: 14px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#lewypanel h3 {
	width: 360px;
	display: block;
	float: left;
	background: none;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 15px 0 25px 0;
}
#lewypanel p {
	width: 360px;
	display: block;
	padding: 10px 0 15px 0;
}
#lewypanel h4 {
	width: 360px;
	height: 70px;
	float: left;
	display: block;
	background: url(images/facet.jpg) 100% 0 no-repeat #fff;
	font: 27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4D4D4D;
	padding: 0 0 0 0;
	margin: 0;
}
#lewypanel h4 span {
	background: #fff;
	color: #4781d4;
	font: 14px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}

		/* material */

#material ul {
	width: 241px;
	height: 315px;
	display: block;
	margin: 0 0 0 60px;
	padding: 0;
}
#material ul li.middle {
	width: 22px;
	height: 152px;
	background: none;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
}
#material ul li {
	width: 109px;
	height: 122px;
	display: block;
	float: left;
	padding: 0 0 10px 0;
	margin: 20px 0 0 0;
}
#material ul li img {
	width: 109px;
	height: 105px;
	display: block;
	padding: 0;
	margin: 0;
}
#material ul li a {
	width: 70px;
	height: 20px;
	display: block;	
	font: 14px/16px Arial, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 20px; 
	padding: 0;
}
#material ul li a:hover {
	text-decoration: underline;
	display: block;
}
#material {
	width: 241px;
	height: 315px;
	display: block;
	float: left;
	margin: 10px 0 0;
	padding: 0;
}



		/* prawy blok */

#blok {
	width: 195px;
	height: 400px;
	display: block;
		float: left;
	text-align: justify;
	position: relative; 
	left: 80px; 
	top: 0px;

	padding: 20px 12px 10px 12px;
	background: url(images/tynki_agregatem.gif) 50% 60% no-repeat;
	background-color: #fff;
	font-family: Georgia,"Times New Roman", Times, serif;	
	
}
#blok h4 {
	text-align: justify;
	margin: 210px 10px 10px 10px;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 14px;

}


		/* kontakt */


#kontakt ul li {
	
	display: block;
	color: #4D4D4D;
	font: 14px/32px "Georgia", Arial, Helvetica, sans-serif; 	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 0;
}

		/* stopka */

#menustopka {	
	height: 114px;
	background: url(images/stopkaa.jpg) 0 0 repeat-x #4f4f4f;
	color: #fff;
	padding: 15px 0 0 0;
	position: relative;
	bottom: 0px;
	margin: 0 auto;
	clear: both;
}
#stopa {
	width: 700px;
	height: 82px;
	position: relative;
	bottom: 0px;
	margin: 0 auto;
	padding: 0 0 0 0px;
}
#stopa ul {
	width: 370px;
	display: block;
	position: absolute;
	left: 180px;
	top: 20px;
	padding: 0;
}
#stopa li {
	float: left;
	font: 12px/12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#stopa ul li a {
	padding: 0 0 0 10px;
	color: #fff;
	background: #4f4f4f;
	text-decoration: none;
}
#stopa ul li a:hover {
	text-decoration: underline;
}
#stopa ul li a:active {
	text-decoration: underline;
	font: 12px/12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #4781d4;
}
#stopa p {
	background: #4f4f4f;
	text-align: right;
	display: block;
	position: absolute;
	top: 80px;
	right: 260px;
	color: #fff;
	font: 11px/11px Georgia,Arial, Helvetica, sans-serif;
}
#stopaobraz img {
	width: 105px;
	height: 80px;
	margin: 11px 0 0 0px;
	border: 1px solid #fff;
}