#intro {
	height: 400px;
	width: 700px;
	visibility: visible;
	z-index: 1;
	overflow: visible;
	position: absolute;
	top: 40%;
	margin-top: -200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -350px;
	left: 50%;
}
body {
	text-align: center;
	margin: 0px;
	background-color: #FFFFFF;
}
#ksiazka {
	height: 660px;
	width: 1000px;
	margin-top: -330px;
	margin-left: -500px;
	position: absolute;
	left: 50%;
	top: 50%;
}

#cala {
	position: absolute;
	height: 620px;
	width: 820px;
	left: 50%;
	margin-left: -410px;
	margin-top: -210px;
	top: 35%;
}

#content {
	position: absolute;
	z-index: 6;
	height: 600px;
	width: 800px;
	background-color: #000000;
	left: 10px;
	top: 10px;
}
#ram_l {
	position: absolute;
	height: 580px;
	width: 20px;
	left: 0px;
	top: 20px;
	z-index: 2;
}


#dol {
	height: 50%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	bottom: 0px;
	background-color: #00CC00;
}
#goradol {
	position: absolute;
	visibility: visible;
	height: 100%;
	width: 100%;
	left: 0%;
	top: 0%;
	background-color: #999999;
	margin: auto;
	right: 0%;
	bottom: 0%;
}

#gora {
	background-color: #CCCCCC;
	position: absolute;
	height: 50%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
}
#ram_p {
	position: absolute;
	height: 580px;
	width: 20px;
	top: 20px;
	right: 0px;
	z-index: 3;
}
#ram_g {
	position: absolute;
	height: 20px;
	width: 820px;
	top: 0px;
	left: 0px;
	z-index: 4;
}
#ram_d {
	position: absolute;
	height: 20px;
	width: 820px;
	left: 0px;
	bottom: 0px;
	z-index: 5;
}
#intro_dol {
	height: 50px;
	width: 400px;
	bottom: 50px;
	position: absolute;
	visibility: visible;
	z-index: 10;
	text-align: center;
	left: 50%;
	margin-left: -200px;
}
.sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#ram_intro_l {
	height: 360px;
	width: 20px;
	left: 0px;
	top: 20px;
	position: absolute;
	visibility: inherit;
	z-index: 3;
	overflow: visible;
}
#ram_intro_p {
	height: 360px;
	width: 20px;
	top: 20px;
	position: absolute;
	visibility: visible;
	z-index: 4;
	right: 0px;
}
#ram_intro_g {
	height: 20px;
	width: 700px;
	top: 0px;
	position: absolute;
	visibility: visible;
	z-index: 5;
	left: 0px;
	overflow: hidden;
}
#ram_intro_d {
	height: 20px;
	width: 700px;
	position: absolute;
	visibility: visible;
	z-index: 6;
	left: 0px;
	bottom: 0px;
}
#intro_ramki {
	height: 400px;
	width: 700px;
	visibility: visible;
	z-index: 2;
	overflow: visible;
	position: absolute;
	top: 40px;
	left: 497px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -350px;
}
#ups {

	height: 370px;
	width: 300px;
	visibility: visible;
	z-index: 1;
	overflow: visible;
	position: absolute;
	top: 40%;
	margin-top: -185px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -150px;
	left: 50%;
}
#wiz800 {

	position: absolute;
	visibility: visible;
	height: 600px;
	width: 800px;
	left: 0px;
	top: 0px;
}
#wiz500 {


	position: absolute;
	visibility: visible;
	height: 600px;
	width: 500px;
	left: 0px;
	top: 0px;
}
#wiz450 {



	position: absolute;
	visibility: visible;
	height: 600px;
	width: 450px;
	left: 0px;
	top: 0px;
}