body {
	margin:0;
	padding:0;
	background:#c2b791 url('img/bg.gif') top left;
	font-family:"Arial";
	font-size:11px;
}
#horizon {
	height:1px;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	overflow:visible;
}
#box {
	width:100%;
	height:500px;
	min-width:800px;
	position:absolute;
	top:-250px;
	left:0;
}
#container {
	width:800px;
	height:500px;
	margin:0 auto;
	background:url('img/container_bg.jpg') left top repeat-x;
	position:relative;
	overflow:visible;
}
#left {
	float:left;
	height:100%;
	width:270px;
	background:url('img/menu_bg.jpg') left top no-repeat;
}
#right {
	float:right;
	height:100%;
	width:10px;
	background:url('img/right_bg.jpg') right top no-repeat;
}
#content {
	margin:0 15px 0 275px;
	height:480px;
	padding:10px 0;
	position:relative;
}


.menu {
	width:170px;
	margin:60px 0 0 20px;
	padding:10px 0 0 0;
	list-style-type:none;
	font-family:"Verdana";
	font-size:14px;
}
.menu li {
	height:25px;
	margin:0 0 4px 0;
	_margin:0 0 1px 0;
	line-height:25px;
	padding:0 0 0 0;
	display:block;
	background:url('img/line.gif') left bottom repeat-x;
	position:relative;
}
.menu li a {
	display:block;
	text-decoration:none;
	text-align:left;
	color:#49555e;
	padding: 0;
	margin: 0px 0px;
	width:170px;
	background:url('img/card.gif') left top no-repeat; 
	height:24px;
	line-height:24px;
	letter-spacing:0px;
	position:absolute;
	overflow:hidden;
}
.menu li a span {
	display:block;
	height:18px;
	font-size:2px;
	line-height:1px;
	float:left;
	width:18px;
	background:silver;
	background:url('img/tri.gif') center 3px no-repeat;
	margin:5px 7px 0 15px;
	_margin-left:8px;
}
.menu li a:hover {
	color:navy;
	top:-12px;
	height:36px;
}
.menu li a:hover span {
	background:url('img/tri_o.gif') center center no-repeat;
}
#note {
	display:block;
	position:absolute;
	left:-3px;
	bottom:-4px;
	z-index:10;
	text-decoration:none;
	width:208px; 
	height:200px;
	cursor:pointer;
	background:url('img/note.png') left top no-repeat;
	_display:inline-block;
	_background:transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/note.png', sizingMethod='scale');
}
#note:hover {
	z-index:100;
}
#dzhob {
	display:block;
	position:absolute;
	left:2px;
	bottom:1px;
	z-index:20;
	text-decoration:none;
	width:200px; 
	height:210px;
	cursor:pointer;
	background:url('img/dzhob.png') left top no-repeat;
	_display:inline-block;
	_background:transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dzhob.png', sizingMethod='scale');	
}
#dzhob:hover {
	z-index:1;
}


#content .right {
	width:180px;
	height:100%;
	background:#ececec;
	background:#688197;
	float:right;
}
#content .center {
/*	width:324px; */
	float:right;
}
#content .path {
	margin:0;
	height:16px;
	line-height:16px;
	border-bottom:1px solid #688197;
	width:324px;
}
#content .footer {
	margin:0;
	height:16px;
	line-height:16px;
	border-top:1px solid #688197;
	width:324px;
	color:#688197;
}
#content .html_text {
	height:436px;
	width:313px;
	padding:5px;
	overflow:auto;
	text-align:justify;
}
#content .html_text .sub {
	float:left;
	padding:2px;
	margin:0 0 5px 5px;
}
.sub a {
	display:block;
	text-decoration:none;
}
.sub a:hover {
	text-decoration:underline;
}


#fla {
	display:block;
	width:180px;
	height:160px;
	margin:0 0 0 0; 
	padding:0; 
}
.news {
	color:#333333;
	background:#e3dbc0;
	padding:0;
	height:285px;
	margin:0;
	border-bottom:1px solid white;
	border-top:1px solid white;
	overflow:hidden;
}
.news a.title {
	color:white;
	font-size:14px;
	font-family:"Verdana";
	display:block;
	text-align:center;
	border-bottom:1px solid white;
	text-transform:uppercase;
	overflow:hidden;
	background:#688197;
	text-decoration:none;
}
.news a.title:hover {
	color:#688196;
	background:silver;
}
.news div {
	margin:2px 0 5px 0;
	padding:0 5px;
	text-align:justify;
}
.news div a {
	display:block;
	background:url('img/red.gif') 0px 1px no-repeat;
	text-indent:12px;
	margin-left:0px;
	text-decoration:none;
	color:black;
	font-weight:bold;
}
.news div a:hover {
	color:red;
}

.path a {
	text-decoration:none;
	color:navy;
}
.path a:hover {
	color:blue;
}

a.lang {
	display:block;
	padding:0 5px;
	height:16px;
	line-height:16px;
	border-bottom:1px solid white;
	color:white;
	text-decoration:none;
	text-align:right;
	text-transform:uppercase;
}
a.lang:hover {
	text-decoration:underline;
}

.html_text .n {
	margin:1px 0 6px 0;
	text-align:justify;
	background:#ebebeb;
	border-top:1px solid gray;
}
.html_text .n b {
	float:left;
	display:block;
	padding:0 2px;
}
.html_text .n i {
	float:right;
	display:block;
	padding:0 2px;
}
.html_text .n div {
	clear:both;
	background:white;
	padding-top:3px;
	border-top:1px solid gray;
}
