* {
    margin: 0;
    padding: 0;
}

body {
	height: 100%;
	width:100%;
	font-family:Tahoma, Arial;
	font-size: 14px;
	color:#000;
	line-height:normal;
	background:#eee;
}

table {
	display:table;
}

.table {
	display:table;
	width:100%;
	height:100%;
}

.tr {
	display:table-row;
}

.td {
	display:table-cell;
	vertical-align:middle;
}

h1, h2, h3 {
	color:#4c7439;
	font-size:18px;
	margin:0px 0px;
	margin-bottom:20px;
	text-align:center;
}

.page_prew h2 {
	margin-bottom:5px;
}

a {
    color: #4c7439;
    text-decoration: underline;
	cursor:pointer;
}

a:hover,
.a_select {
	text-decoration:none;
}

input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {
	background:#fff;
	width:200px;
	height:30px;
	padding:0px 15px;
	border:1px solid #b6b6b5;
	border-radius:10px;
	font-size:14px;
	margin:0px;
	box-sizing: border-box;
}

input[type="number"] {
	width:100px;
	padding:0px;
	padding-left:30px;
}

textarea {
	width:100%;
	height:210px;
	padding:10px 30px;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	height:30px;
	border:none;
	padding:0px 15px;
	min-width:70px;
	color:#fff;
	font-size:14px;
	border-radius:10px;
	background:#2e2e2e;
	background:linear-gradient(to top, #2e2e2e, #646464 78%);
	cursor:pointer;
	text-shadow:none;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.select_button input[type="button"] {
	background:linear-gradient(to bottom, #2e2e2e, #646464 78%);
}

.select_button input[type="button"] {
	box-shadow:0px 0px 10px 0px rgba(200,0,0,0.5);
}

input:focus,
select:focus,
textarea:focus {
	outline:none;
}

#page {
	margin:0px;
}

#header {
	height:150px;
	width:1000px;
	margin:0px auto;
}

#header .td {
	text-align:left;
}

#logo {
	width:130px;
	height:130px;
	display:inline-block;
	border:10px solid #fff;
	border-radius:50%;
	background:url(img/logo.png) center center no-repeat #4c7439;
	transition:all 1s;
}

#logo:hover {
	transform:rotate(360deg);
}

#head_txt {
	height:150px;
	width:175px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#666666;
	font-size:14px;
}

#head_right {
	display:table-cell;
	vertical-align:bottom;
	width:575px;
	padding-left:50px;
}

#cabinet {
	text-align:right;
	height:60px;
}

#cabinet input[type="text"],
#cabinet input[type="password"] {
	margin-right:13px;
}

#login_ico,#pass_ico {
	background:url(img/login.png) left center no-repeat;
	height:30px;
	width:35px;
	display:inline-block;
	vertical-align:top;
}

#pass_ico {
	background:url(img/pass.png) left center no-repeat;
}

#cabinet p {
	font-size:12px;
	margin:0px;
}

#cabinet p a {
	margin-left:13px;
}

.user_info {
	margin-right:5px;
	text-align:left;
	min-width:200px;
	float:right;
}

.avatar {
	width:50px;
	height:50px;
	display:inline-block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-right:15px;
	vertical-align:top;
}

.user_info .avatar {
	float:left;
}

.black {
	color:#000;
}

#chl {
	float:right;
}

#chl a {
	font-size:10px;
	color:#000;
}

#chl input[type="button"] {
	margin-top:7px;
}

#menu {
	display:table;
}

#menu .menu {
	display:table-cell;
	height:40px;
	width:110px;
	padding:0px 5px;
	padding-bottom:10px;
	text-align:center;
	vertical-align:middle;
	border-radius:10px 10px 0px 0px;
	background:none;
	color:#46573e;
	font-size:18px;
	text-decoration:none;
}

#menu .menu:hover,
#menu .menu_select {
	text-decoration:none;
	background:#fff;
	color:#4c7439;
}

#body {
	width:1000px;
	margin:0px auto;
	margin-top:-10px;
	position:relative;
	display:table;
}

#content {
	border:10px #fff solid;
	border-left:none;
	border-radius:0px 30px 30px 0px;
	width:780px;
	margin:0px auto;
	padding:15px 10px;
	display:table-cell;
}

#bottom_border {
	position:absolute;
	left:0px;
	height:10px;
	background:#fff;
	width:50%;
	margin-top:-10px;
}

#border_top {
	width:1000px;
	margin:0px auto;
	margin-top:-10px;
}

#border_top div {
	width:50%;
	height:10px;
	background:#fff;
	margin-left:75px;
}

#sidebar_left {
	width:200px;
	display:table-cell;
	padding:15px 0px;
}

.informer {
	padding:10px;
	background:#fff;
	border-radius:10px;
	margin-bottom:5px;
}

#footer {
	width:1000px;
	margin:10px auto;
	text-align:left;
	display:table;
}

.page_prew {
	display:inline-block;
	width:180px;
	vertical-align:top;
	margin:5px;
	margin-top:0px;
}

.page_ico, .prew_img  {
	width:160px;
	height:160px;
	border:10px solid #fff;
	border-radius:50%;
	display:inline-block;
	transition:all 1s;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
}

.prew_img {
	width:45px;
	height:45px;
	margin:0px;
	border:5px solid #fff;
}

.page_prew:hover .page_ico,
.page_prew:hover .prew_img {
	border-radius:10%;
}

.page_center {
	float:left;
}

.usermenu {
	margin:1px 0px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:15px;
	text-decoration:none;
	color:#000;
	display:block;
}

.usermenu:hover, .usermenu_select {
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.5);
}

ol {
	margin-left:40px;
}

.comment {
	display:table;
	width:100%;
	border-bottom:1px solid #888;
}

.comment .td {
	padding-bottom:20px;
	vertical-align:top;
}

.small_ava_td {
	width:150px;
	text-align:left;
	padding-right:20px;
}

.small_ava_td .user_photo {
	width:150px;
	height:150px;
}

.small_ava_td small {
	font-size:12px;
	color:#333;
	font-style:italic;
}