/*General styles*/

html, body {
	height:100%;
}

body, td {
	color: #000000;
	font-family: Verdana;
	font-size:13px;
}

h1 {
	font-size: 19px;
}

body,form,div,ul,li {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,p {/*
	margin-top: 10px;
	margin-bottom: 10px;*/
}

a, a:link {
	color:#7c280e; 
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:focus, a:active {
	outline:none;
}

a img {
	border:none;
}


select, textarea, input {
	color: #000000;
	background-color: #f8e7b3;
	border: 1px solid #5d5b50;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin-bottom: 2px;
	margin-top: 2px;

}

input[type="radio"] {
	background-color:transparent !important;
	background:none;
	background-position: 0 -250px;
	opacity:0.6;
	width:15px;
	height:17px;
	text-align:center;
}

textarea {
	padding: 5px;

}



.b1_l {
	background-image: url('/img/slot/buttons/a_button_left_1.png');
	width: 5px;
	height: 19px;
	position: absolute;
	left:-5px;
	top:0px;
}
.b1_r {
	background-image: url('/img/slot/buttons/a_button_right_1.png');
	width: 5px;
	height: 19px;
	position: absolute;
	right:-5px;
	top:0px;
}
.b1_m {
	font-family: Verdana;
	font-weight: bold;
	color: #EED68C;
	font-size: 10px;
	text-align:center;
	height:19px;	
	cursor:pointer;
	cursor:hand;	
	padding: 1px 5px 6px 5px;
	margin-left:6px;
	margin-right:6px;
	position: relative;
	display:inline;
	background-image: url('/img/slot/buttons/a_button_bg.png');
	background-repeat: repeat-x;	
}


.page_num_selected {
	font-size:16px;
	color:black;
	background-color:#baa158;
	padding:2px;
}

a.page_num {
	font-size:14px;
	padding:2px;
}

a.page_num:hover {
	color:white !important;
	background-color:darkred;
	padding:2px;
}

#altt {
	position:absolute;
	left:100px;
	top:148px;
	z-index:500;
	margin: 0px;
	padding: 5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
	-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	max-width: 500px;
}

.alt {
	font-size: 10px;
	color: #c1ad69;
	padding: 5px;
}

/*Personal page styles*/

body {
	background:url(/img/outside/bg.jpg) 0 0;
}

#ontop {
	position:absolute; top:0px; left:0px;
	width:100%; height:82px;  background:url(/img/outside/sptopi1.jpg) repeat-x 0 0;
}

#ontop #top {
	width:100%;
	height:126px;
	position:absolute;
	top:0px;
	background:url(/img/outside/toptwo.png) no-repeat 0 0; 
	background-position: center;
	z-index:2;
}

.top-nav {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.top-nav {
		max-width: 530px;
	}
}
@media only screen and (max-width: 400px) {
	.top-nav {
		display: none;
	}
}

.top-left-nav {
	position: absolute;
	top: 5px;
	left: 1px;
}
.top-right-nav {
	position: absolute;
	top: 5px;
	right: 1px;
}
@media only screen and (max-width: 767px) {
	.top-left-nav,
	.top-right-nav {
		max-width: 110px;
	}
}



ul { list-style:none; }

ol { 
	padding:0; 
	margin: 0 0 12px 0;
}

ol li {
	margin: 0 0 0 2em;
}

#logo {
	width: 98px; 
	height: 100px; 
	position: absolute; 
	top: 0px; 
	left: 50%; 
	margin-left: -49px;
}

.inputic {border:1px solid #8e624b; background:url(/img/outside/tdbg_body.jpg) 0 0;}

.main_part {
	display: block;
	/*overflow:hidden;*/
	margin: 85px auto 0;
	max-width: 1100px;
	/*border: 1px solid green;*/
	position: relative;
}

.main_part .top {
	display: block;
	height: 50px;
	width: 100%;	
}

.main_part .top_left_deco {
	position: absolute;
	left: 0;
	width: 65px;
	height: 50px;

	background-image: url('/img/outside/td3_2.jpg');
}

.main_part .top_right_deco {
	position: absolute;
	right: 0;
	width: 65px;
	height: 50px;

	background-image: url('/img/outside/td3_2_right.jpg');
}

.main_part .main_table {
	display: flex;
	flex-direction: row;
	position: relative;
}


.main_part .main_table .left {
	width: 65px;
	background:url(/img/outside/td6_2.jpg) repeat-y 0 0;
}

.main_part .main_table .left .topping {
	background-image: url('/img/outside/top_td6_2.jpg');
	width: 65px;
	height: 136px;
}

.main_part .main_table .center {
	flex:1;
	background:url(/img/outside/white_bg.jpg) 0 0;
	position: relative;
}

.main_part .main_table .center .topping {
	height: 40px; 
	background: url(/img/outside/ni_td1.jpg) repeat-x 0 0;
}

.main_part .content {
	padding:0px 20px 20px 20px;
}

@media only screen and (max-width: 768px) {
	.main_part .content .td_title {
    width: calc(100% - 40px);
	}
	.main_part .content .td_title .td_line {
		margin-top: 10px;
	}
	.main_part .content .td_title p {
		font-size: 18px;
	}
	.main_part .content,
	.main_part .content p,
	.main_part .content li {
		font-size: 16px;
	}
}

.main_part .content img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.main_part {
		max-width: 935px;
	}
	.main_part .content {
		padding:0px 10px 10px 10px;
	}
}

.open-menu {
	position: absolute;
	z-index: 200;
	top: 42px;
	right: 7px;
	padding: 7px 10px;
	background-color: #eed68c;
	border: 2px solid #725945;
	cursor: pointer;
}
.open-menu-icon {
	fill: #452e06;
	width: 13px;
	height: 13px;
}

.close-menu {
	position: absolute;
	top: 20px;
	left: 18px;
	margin: -10px;
	padding: 10px;
	cursor: pointer;
}

.close-menu .close-icon {
	fill: #452e06;
	width: 10px;
	height: 10px;
}

.main_part .main_table .right {
	width: 230px;
	background:url(/img/outside/td6_2_right.jpg) repeat-y 0 0;
}

.main_part .main_table .right .topping {
	background-image: url('/img/outside/top_td6_2_right.jpg');
	width: 65px;
	height: 136px;
}

.main_part .menu {
	background:url(/img/outside/bg_tab_menu_2.jpg) repeat-y 0 0;
}
.main_part .menu .menu-topping {
	background-image: url('/img/outside/top_menu_2.jpg');
	width: 230px;
	height: 30px;
}

@media only screen and (max-width: 767px) {
	.main_part .main_table .right {
		width: 0;
		background:none;
	}
	.main_part .main_table .right .topping {
		width: 0;
		background:none;
	}

	.main_part .menu {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
	}
}

.main_part .menu .topping {

	background-image: url('/img/outside/top_menu_2.jpg');
	width: 230px;
	height: 30px;
}

.main_part .menu .nav {
	background:url(/img/outside/bg_menu_2.jpg) no-repeat left bottom; 
	min-height:385px;
	padding-bottom:75px;
	/*border:1px solid red;*/
}
@media only screen and (max-width: 767px) {
	.main_part .menu .nav {
		margin-top: 10px;
	}
}

.main_part .menu .nav ul { margin: 0px 0px 0px 6px; }

.main_part .menu .nav ul li a {
	display:block; 
	height:20px; 
	padding:5px 0px 0px 12px; 
	font-size: 12px;
	font-weight: bold; 
	color:#6f0c0c;
	*height:25px;
	/*border:1px solid red;*/
}

.main_part .menu .nav ul li a:hover, 
.main_part .menu .nav ul li a.active {
	background: url(/img/outside/butt.jpg) no-repeat 0 0; 
	color:#f1b964; 
	text-decoration:none;
}

.main_part .menu .nav ul ul { margin: 0px 0px 0px 15px; }
.main_part .menu .nav ul ul li a {
	font-size: 13px; 
	font-weight: normal;
	padding: 5px 0px 0px 20px; 
	color: #472f0a; 
	background: url(/img/outside/butt2.jpg) no-repeat 0 7px;
}

.main_part .menu .nav ul ul li a:hover, 
.main_part .menu .nav ul ul li a.active {
	background:url(/img/outside/butt2.jpg) no-repeat 0 7px; 
	font-size: 13px; 
	font-weight: bold;
	color: #6f0c0c;
}

.main_part .menu .nav ul a.active:hover { text-decoration:underline; }



.main_part .footer_table {
	display: flex;
	flex-direction: row;
}


.main_part .footer_table .left {
	width: 65px;
	height: 85px;
	background:url(/img/outside/td9_2.jpg) no-repeat 0 0;
}

.main_part .footer_table .center {
	width: 805px;
	height: 85px;
	background:url(/img/outside/td8.jpg) repeat-x 0 0;
}

.main_part .footer_table .right {
	width: 230px;
	height: 85px;	
	background:url(/img/outside/td9_2_right.jpg) no-repeat 0 0;
}

@media only screen and (max-width: 767px) {
	.main_part .footer_table .center {
		flex: 1;
		width: 805px;
	}
	.main_part .footer_table .right {
		width: 65px;
	}
}

footer.bottom {
	margin: 0 auto;
	/*border: 1px solid red;*/
	text-align: center;
	font-size: 11px;
	color:#f8e7b3;
	padding-bottom: 30px;
}

footer.bottom a {
	color:#efeb82;
}

footer.bottom .copy {
	margin-bottom: 10px;
}

/*Content styles*/

.td_title {
	position:relative; 
	padding:0px 0px 0px 10px; 
	margin-bottom:20px;
	background:url(/img/outside/bg_title.jpg) no-repeat bottom right;
	font-size: 18px;
	color: #19130a;
}

.td_title h1, .td_title p {
	padding:20px 0px 0px 0px;
	font-size: 19px;
	font-weight: normal;
}

.td_line {
	width:100%; 
	height:4px; 
	overflow:hidden; 
	background:url(/img/outside/bg_line.jpg) 0 0;
}

.td_line .line_left {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:4px; 
	height:4px; 
	overflow:hidden; 
	background:url(/img/outside/line_left.jpg) no-repeat 0 0;
}

.td_line .line_right {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:4px; 
	height:4px; 
	overflow:hidden; 
	background:url(/img/outside/line_right.jpg) no-repeat 0 0;
}

.cent {text-align:center;}

.pub_date {
	float:right; 
	font-size:10px;
	color:#663300;
}

p.add_str {margin-bottom:20px;}
p.add_str a {font-weight: bold; font-size: 12px; color:#6f0c0c !important; margin-right:20px;}

.color {color:#906825;}
.quest p {border-bottom:1px solid #baa35f; padding:0px 10px 10px 10px;}
.quest p.end {border-bottom:2px solid #3d341a;}
.quest ul {margin-left:10px;}
.quest ul li {margin-bottom:10px;}

/*Old, need to check*/

table.nine_block {background:url(/img/outside/nb_bg.jpg) repeat-y 0 0; width:100%;}
table.nine_block td.td1 {height:50px; background:url(/img/outside/nb_td1.jpg) no-repeat 0 0;}
table.nine_block td.td1 span {display:block; margin:17px 0px 0px 45px; font-weight: bold; font-size: 14px; color:#391f03;}
table.nine_block td.td2 {background:url(/img/outside/nb_bot.jpg) no-repeat left bottom; padding:0px 0px 8px 28px;}

table.nine_cub {width:191px; background:url(/img/outside/cub.jpg) repeat-y 0 0; margin-top:5px;}
table.nine_cub td.tdone {background:url(/img/outside/cub_top.jpg) no-repeat left top; height:3px;}
table.nine_cub td.tdtwo { background:url(/img/outside/cub_bot.jpg) no-repeat left bottom; padding:7px 10px 10px 10px;}

#contextmenu {
	position:absolute;
	left:100px; 
	top:148px; 
	z-index:500;
}