/* CSS Document */

* {
		margin: 0;
		padding: 0;
}

body {
		margin: 0px;
		padding: 0px;
		color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #606468;
}

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

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

a {
		text-decoration: none;
}

img {
		border: none; 
}

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

#panel_01 {
		height: 190px;
		width: 980px;
		margin: 0 auto;
		position: relative;
		background-color: #606468;
		padding-top: 30px;
}

#panel_01 #pierwszy {
		height: 30px;
		width: 980px;
		background-color: #8C8B72;
}

#panel_01 #drugi {
		height: 160px;
		width: 980px;
		background-image: url(img/9.png);
		background-repeat: no-repeat;
}

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

#panel_02 {
		height: 900px;
		width: 930px;
		margin: 0 auto;
		position: relative;
		background-color: #CCCCCC;
		padding-right: 50px;
}

#panel_02 #menu {
		float: left;
		height: 180px;
		width: 200px;
		border-top: 2px solid;
		border-top-color: #937F4B;
		padding-top: 20px;
		position: absolute;
		left: 220px;
		top: 75px;
		z-index: auto;
}

#panel_02 #menu ul {
		height: 180px;
		width: 200px;
}

#panel_02 #menu li {
		display: block;
		float: left;
		height: 30px;
		width: 200px;
}

#panel_02 #menu li a {
		font-size: 18px;
		color: #606465;
		display: block;
		width: 180px;
		height: 27px;
		padding-left: 20px;
		padding-top: 3px;
		background-image: url(img/ma.png);
		background-repeat: no-repeat;
}

#panel_02 #menu li a:hover {
		color: #937F4B;
		width: 180px;
		height: 27px;
		padding-left: 20px;
		padding-top: 3px;
		background-image: url(img/mah.png);
		background-repeat: no-repeat;
}

#panel_02 #menu .current {
		color: #937F4B;
		background-image: url(img/mah.png);
		background-repeat: no-repeat;
}

#panel_02 #menu a:hover.current {
		color: #606465;
		background-image: url(img/ma.png);
		background-repeat: no-repeat;
}

#panel_02 #info {
		float: right;
		height: auto;
		width: 420px;
}

#panel_02 #info h1 {
		font-size: 16px;
		color: #6E5E37;
		margin-bottom: 30px;
}

#panel_02 #info h2 {
		font-size: 14px;
		font-weight: bold;
		color: #937F4B;
		margin-bottom: 10px;
}

#panel_02 #info p {
		font-size: 12px;
		margin-bottom: 10px;
		color: #606468;
}

#panel_02 #foto {
		width: 670px;
		position: absolute;
		left: 220px;
		top: 420px;
		z-index: auto;
}

#panel_02 #foto ul {
		float: left;
		height: auto;
		width: 100%;
}

#panel_02 #foto li {
		display: inline;
		float: left;
		height: 142px;
		width: 202px;
		margin-right: 8px;
}

#info2 {
		position:absolute;
		left:50px;
		top:715px;
		width:580px;
		height:auto;
		z-index:auto;
}

#panel_02 #info2 p {
		font-size: 12px;
		color: #606468;
		margin-bottom: 10px;
}

#panel_02 #info2 a {
		color: #9E7F4B;
}

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

#panel_03 {
		height: 320px;
		width: 980px;
		margin: 0 auto;
		background-color: #606468;
		position: relative;
}

#panel_03 #stopka {
		height: 170px;
		width: 930px;
		padding-right: 50px;
		background-image: url(img/loga.png);
		background-repeat: no-repeat;
}

#panel_03 #stopka2 {
		background-color: #CCCCCC;
		height: 90px;
		width: 700px;
		padding-left: 200px;
		padding-top: 20px;
		padding-right: 80px;
}

#panel_03 #stopka2 a {
		font-size: 12px;
		color: #937F4B;
}

#panel_03 #stopka2 p {
		font-size: 12px;
		text-align: center;
		color: #606468;
}

/*----ZOOMY----*/

.zoomy2 {
		float: left;
		width: 100%;
		padding-bottom: 5px;
}

.zoomy2 li {
		display: inline;
		float: left;
		height: 142px;
		width: 202px;
		margin-right: 8px;
		list-style-type: none;
}

.zoomy2 a {
		text-decoration: none;
		display: block;
		height: 142px;
		width: 202px;
}

#zoomy {
		position: absolute;
		background: #000000;
		padding: 5px;
		color: #fff;
		font-size: 12px;
		line-height: 100%;
}
	
#zoomy p {
		margin: 0;
		padding: 5px 5px 10px 5px;
		position: relative;
}

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