/* CSS Document */

* {
		margin: 0;
		padding: 0;
}

body {
		margin: 0px;
		padding: 0px;
		color: #CCCCCC;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		background-color: #363029;
		background-image: url(image/podklad.jpg);
		background-position: top center;
		background-repeat: no-repeat;
}

div, p, ul, h2, img {
		margin: 0px;
		padding:0px;
}

ul {
		list-style-type: none;
		display: block;
}

a {
		text-decoration: none;
		color: #363029;
}

img {
		border: none; 
}

/*----PANEL_01----*/

#Panel_01 {
		width: 900px;
		height: 417px;
		position: relative;
		margin: 0 auto;
		background-color: #363029;
		margin-top: 30px;
}

#Panel_01 #Baner_01 {
		background-color: #363029;
		background-image: url(image/baner_01.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 130px;
		width: 900px;
}

#Panel_01 #Baner_01 #img {
		float: left;
		height: 100px;
		width: 170px;
		padding-left: 45px;
		padding-top: 15px;
}

#Panel_01 #Baner_02 {
		background-color: #363029;
		background-image: url(image/baner2.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 250px;
		width: 900px;
}

#Panel_01 #menu {
		background-image: url(image/m.png);
		background-repeat: repeat-x;
		height: 37px;
		width: 900px;
}

#Panel_01 #menu ul {
		width: 500px;
		list-style-type: none;
		margin-left: 50px;
}

#Panel_01 #menu li {
		display: block;
		width: 122px;
		float: left;
		height: 35px;
}

#Panel_01 #menu a {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		width: 122px;
		display: block;
		height: 25px;
		color: #FFFFFF;
		background-image: url(image/menu_a.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 10px;
}

#Panel_01 #menu a:hover {
		color: #A78A5A;
		background-image: url(image/menu_ah.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 122px;
		height: 25px;
		padding-top: 10px;
}

#Panel_01 #menu .current {
		color: #FFFFFF;
		background-image: url(image/menu_ah.png);
		background-repeat: no-repeat;
		background-position: left top;
}

#Panel_01 #menu a:hover.current {
		color: #A78A5A;
}

/*----PANEL_02----*/

#Panel_02 {
		width: 800px;
		height: 810px;
		position: relative;
		margin: 0 auto;
		background-color: #858075;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 60px;
}

#Panel_02 #lewy {
		float: left;
		height: 350px;
		width: 245px;
}

#Panel_02 #lewy #m {
		float: left;
		height: auto;
		width: 245px;
}

#Panel_02 #lewy #m ul {
		list-style-type: none;
		width: 245px;
		height: auto;
}

#Panel_02 #lewy #m li {
		height: 60px;
		width: 245px;
		display: block;
}

#Panel_02 #lewy #m a {
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		width: 189px;
		display: block;
		height: 40px;
		color: #363029;
		background-image: url(image/link_a.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 20px;
		padding-left: 55px;
}

#Panel_02 #lewy #m a:hover {
		color: #FFFFFF;
		background-image: url(image/link_ah.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 189px;
		height: 40px;
		padding-top: 20px;
		padding-left: 55px;
}

#Panel_02 #prawy {
		float: right;
		height: auto;
		width: 520px;
		margin-bottom: 40px;
}

#Panel_02 #prawy h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #363029;
		border-bottom: 1px solid;
		border-bottom-color: #363029;
		padding-bottom: 5px;
		margin-bottom: 20px;
}

#Panel_02 #prawy p {
		font-size: 12px;
		font-weight: normal;
		color: #363029;
		width: 300px;
		margin-top: 15px;
		text-align: left;
		float: right;
}

#Panel_02 #prawy img {
		float: left;
		border: 2px solid;
		border-color: #FFFFFF;
		margin-top: 17px;
}

#Panel_02 #dolny {
		float: right;
		height: auto;
		width: 700px;
}

#Panel_02 #dolny h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #363029;
		border-bottom: 1px solid;
		border-bottom-color: #363029;
		padding-bottom: 5px;
		margin-bottom: 30px;
		margin-left: 178px;
}

#Panel_02 #dolny .zoomy2 {
		float: left;
}

#Panel_02 #dolny .zoomy2 li {
		list-style: none;
		display: inline;
		float: left;
		height: 166px;
		width: 206px;
		border: 2px solid;
		border-color: #FFFFFF;
		margin-bottom: 15px;
		margin-left: 23px;
}

#Panel_02 #dolny .zoomy2 a {
		display: block;
		height: 166px;
		width: 206px;
		text-decoration: none;
}

#zoomy {
		position: absolute;
		border: 1px solid;
		background: #000000;
		padding: 5px;
		color: #fff;
		line-height: 100%;
		border-color: #CCCCCC;
}

#close {
		position: absolute;
		right: 5px;
		width: 12px;
		height: 12px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-image: url(image/close.gif);
} 

#Panel_02 #dolny #przycisk {
		float: right;
		height: 39px;
		width: 122px;
		padding-top: 20px;
}

/*----PANEL_03----*/

#Panel_03 {
		width: 800px;
		height: 40px;
		position: relative;
		margin: 0 auto;
		background-color: #6B645C;
		margin-top: 5px;
		padding-left: 50px;
		padding-top: 20px;
		padding-right: 50px;
}

#Panel_03 p {
		font-size: 11px;
		font-weight: bold;
		color: #363029;
		float: left;
}

#Panel_03 h4 {
		font-size: 11px;
		font-weight: bold;
		text-align: right;
		float: right;
		color: #363029;
}

#licznik {
		width: 900px;
		position: relative;
		margin: 0 auto;
		height: 50px;
}