/* CSS Document */

* {
		margin: 0;
		padding: 0;
}

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

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: 350px;
		width: 960px;
		margin: 0 auto;
		position: relative;
		background-color: #376279;
		margin-top: 40px;
}

#panel_01 #menu {
		height: 150px;
		width: 960px;
		background-image: url(images/baner_02.png);
		background-repeat: no-repeat;
}

#panel_01 #menu ul {
		float: right;
		height: 45px;
		width: 515px;
		padding-top: 95px;
}

#panel_01 #menu li {
		float: left;
		height: 40px;
		width: 115px;
}

#panel_01 #menu a {
		font-size: 12px;
		color: #FFFFFF;
		background-image: url(images/a.png);
		background-repeat: no-repeat;
		text-align: center;
		display: block;
		height: 28px;
		width: 115px;
		padding-top: 12px;
		background-position: top left;
}

#panel_01 #menu a:hover {
		color: #000000;
		background-image: url(images/ah.png);
		background-repeat: no-repeat;
		height: 28px;
		width: 115px;
		padding-top: 12px;
}

#panel_01 #menu .current {
		color: #BB9B54;
		background-image: url(images/ahc.png);
		background-repeat: no-repeat;
		background-position: top left;
}

#panel_01 #menu a:hover.current {
		color: #FFFFFF;
}

#panel_01 #baner {
		height: 200px;
		width: 960px;
		background-image: url(images/baner_03.png);
		background-repeat: no-repeat;
}

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

#panel_02 {
		height: 520px;
		width: 860px;
		margin: 0 auto;
		position: relative;
		background-color: #376279;
		padding-right: 50px;
		padding-left: 50px;
		padding-top: 50px;
}

#panel_02 #lewy {
		float: left;
		height: auto;
		width: 540px;
}

#panel_02 #lewy h1 {
		font-size: 24px;
		color: #FFFFFF;
		font-weight: normal;
		padding-bottom: 5px;
		background-image: url(images/linia.png);
		background-repeat: no-repeat;
		background-position: bottom;
}

#panel_02 #lewy p {
		font-size: 12px;
		color: #59C2F7;
		margin-top: 15px;
}

#panel_02 #prawy {
		float: right;
		height: auto;
		width: 285px;
}

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

#panel_03 {
		height: 350px;
		width: 860px;
		margin: 0 auto;
		background-color: #497E9E;
		position: relative;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 35px;
}

#panel_03 #lewy {
		float: left;
		height: 280px;
		width: 300px;
		background-image: url(images/st_03.png);
		background-repeat: no-repeat;
}

#panel_03 #prawy {
		float: right;
		height: auto;
		width: 520px;
}

#panel_03 #prawy p {
		font-size: 12px;
		color: #FFFFFF;
		margin-bottom: 15px;
}

/*----PANEL_04----*/

#panel_04 {
		height: 90px;
		width: 960px;
		margin: 0 auto;
		background-color: #376279;
		position: relative;
		background-image: url(images/baner_04.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 160px;
}

#panel_04 p {
		font-size: 12px;
		text-align: center;
		color: #BB9B54;
		padding-bottom: 15px;
}

#panel_05 {
		height: 50px;
		width: 960px;
		margin: 0 auto;
		background-color: #144763;
		position: relative;
}

#panel_04 a {
		color: #BB9B54;
}

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

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

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

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

#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;
}
