@charset "UTF-8";
/* CSS Document */


#main {
	background-color: #fff;
}

#princip {
	position:absolute;
	top:150px;
	left:90px;
	visibility:visible;
	z-index:1000;
	height:auto;
	width:250px;
	text-align:center;
}

#princip2 {
	position:absolute;
	top:250px;
	left:90px;
	visibility:visible;
	z-index:1000;
	height:auto;
	width:250px;
	text-align:center;
}

#area1 {
	position: absolute;
	top: 378px;
	left: 50px;
	height: 50px;
	width: 310px;
	z-index: 1000;
	visibility: visible;
	text-align: center;
}

#area2 {
	position: absolute;
	top: 500px;
	left: 50px;
	height: 50px;
	width: 310px;
	z-index: 1000;
	visibility: visible;
	text-align: center;
}

#area3 {
	position: absolute;
	top: 50px;
	right: 50px;
	height: 150px;
	width: 570px;
	z-index: 1000;
	visibility: visible;
	overflow:auto;
	text-align:left;
	padding:50px;
	border-style:solid;
	border-color:#333;
	border-width:1px;
	background-color:#DAD6C7;
}

#area4 {
	position: absolute;
	top: 315px;
	right: 50px;
	height: 150px;
	width: 570px;
	z-index: 1000;
	visibility: visible;
	overflow:auto;
	text-align:left;
	padding:50px;
	border-style:solid;
	border-color:#333;
	border-width:1px;
	background-color:#DAD6C7;
}

#area5 {
	position: absolute;
	top: 490px;
	right: 50px;
	height: 80px;
	width: 450px;
	z-index: 1000;
	visibility: visible;
	overflow:auto;
	text-align:left;
	padding:10px;
	border-right-style:solid;
	border-right-color:#333;
	border-right-width:1px;
	background-color:#DAD6C7;
}

#bcgd {
	position:absolute;
	top:0px;
	left:0px;
	width:420px;
	height:630px;
	border-right-style:solid;
	border-right-color:#333;
	border-right-width:1px;
	background-color:#DAD6C7;
	z-index:10;
}