body { margin: 0; padding: 0; font-size: 15px; font-family: Verdana, Arial; background: url(/img/bg.jpg) repeat fixed 0 0 #374f69; }
img { border-width: 0; }
a { text-decoration: none; color: #285473; }
a:active, a:hover { text-decoration: none; color: #1e86d3; }
h1 { margin: 0 0 20px 0; padding: 0; font-weight: normal; font-size: 24px; line-height: 100%; }
input, textarea { box-sizing: border-box; margin: 0; }

img.ico16 { vertical-align: bottom; margin: 0 5px 1px 0; }

input.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 15px Arial; padding: 3px 5px; width: 100%; }
input.profile:focus { background-color: #fffdee; }
textarea.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 15px Arial; padding: 3px 5px; width: 100%; line-height: 130%; }
textarea.profile:focus { background-color: #fffdee; }
select.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 15px Arial; padding: 2px 5px; }


/* ØÀÁËÎÍ */
.html-wrapper { margin: 10px auto; max-width: 900px; min-width: 300px; }

.wrapper-title { padding: 5px 5px 20px 5px; position: relative; }
.wrapper-title-logo { display: inline-block; padding: 0; max-width: 70%; }
.wrapper-title-logo img { max-width: 100%; padding: 3px 5px 3px 12px; }
.wrapper-title-logo:active img { opacity: 0.8; }
.wrapper-title-menu { position: absolute; top: 0px; right: 10px; width: 32px; height: 32px; background: url(/img/menu_mobile.png) no-repeat center center; background-size: 100%; cursor: pointer; opacity: 0.7; }
.wrapper-title-menu:hover { opacity: 1; }
.wrapper-title-login { float: right; opacity: 0.3; margin: 0 2px 0 0; font-size: 14px; }
.wrapper-title-login:hover { opacity: 0.6; }

.wrapper-body { background-color: #edeef0; padding: 0; border-radius: 4px; overflow: hidden; box-shadow: 0 0 5px #042c35; }
.wrapper-body-left { float: left; width: 170px; padding: 15px 5px 15px 15px; }
.wrapper-body-left-menu a { display: block; margin: 0 0 10px 0px; font-size: 16px; }
.wrapper-body-right { overflow: hidden; min-height: 400px; padding: 15px; }

.box-white { margin: 0 0 10px 0; background-color: #ffffff; border: 1px solid #d7d8dc; border-radius: 4px; padding: 10px; word-wrap: break-word; }
.box-admin { margin: 0 0 10px 0; background-color: #f0f0d8; border: 1px solid #d7d8dc; border-radius: 4px; padding: 10px; word-wrap: break-word; }
.box-red   { margin: 0 0 10px 0; background-color: #f0d8d8; border: 1px solid #e3c5c5; border-radius: 4px; padding: 10px; word-wrap: break-word; }
.box-green { margin: 0 0 10px 0; background-color: #d0ebc4; border: 1px solid #bfdab3; border-radius: 4px; padding: 10px; word-wrap: break-word; }


.shadow0 { border-radius: 100px; bottom: -40px; box-shadow: 0 0 100px 100px #000 inset; left: -30px; opacity: 0.4; position: fixed; right: -30px; top: -40px; z-index: -1; }



.content_list { display: block; margin: 0 0 10px 0;	background-color: #fff;	border: 1px solid #d7d8dc;	border-radius: 4px;	padding: 10px; overflow: hidden; word-wrap: break-word; }
.content_list .foto { float: left;  margin: 0 15px 5px 0; max-width: 30%; border-radius: 3px; }
.content_list div.icons_111 { float: right; margin: 3px 0 5px 15px; }
.content_list .name { line-height: 100%; font-size: 19px; }
.content_list .text { overflow: hidden; }
.content_list .info { color: #333; font-size: 14px; line-height: 130%; margin-top: 6px; }
.content_list .tag { color: #333; font-size: 14px; line-height: 130%; margin-top: 6px; font-style: italic; opacity: 0.6; }
.content_list:hover .tag { opacity: 0.9; }

/* ÏÓÁËÈÊÀÖÈß ID */
.content_id { margin: 0 0 10px; background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px; padding: 22px 25px; overflow: hidden; word-wrap: break-word; }
.content_id h1 { font-size: 24px; margin: 0 0 30px 0; }
.content_id img { max-width: 100%; border-radius: 4px; }


.prev_next { border: 1px solid #c8d4e4; background-color: #edf2f9; border-radius: 5px; padding: 0px; margin: 20px 0; font-size: 17px; overflow: hidden; }
.prev_next .info { padding: 6px 10px; background-color: #d1deef; font-size: 13px; color: #2a2c30; line-height: 100%; }
.prev_next .navigate { vertical-align: middle; padding: 5px 0; }
.prev_next .navigate a { display: block; padding: 5px 10px; font-size: 14px; font-size: 17px; position: relative; }

.prev_next .navigate .left  { display: inline-block; width: 50%; overflow: hidden; box-sizing: border-box; position: relative; vertical-align: middle; border-right: 1px solid #ccc; }
.prev_next .navigate .left a { padding-left: 40px; }
.prev_next .navigate .left a:after { position: absolute; content: ''; display: block; height: 32px; width: 16px; background: url(/img/left-right.png) no-repeat top left; left: 10px; top: 50%; margin-top: -16px; opacity: 0.3; }
.prev_next .navigate .left:hover a:after { opacity: 0.5; }

.prev_next .navigate .right { display: inline-block; width: 49%; overflow: hidden; box-sizing: border-box; position: relative; vertical-align: middle; }
.prev_next .navigate .right a { padding-right: 40px; }
.prev_next .navigate .right a:after { position: absolute; content: ''; display: block; height: 32px; width: 16px; background: url(/img/left-right.png) no-repeat top right; right: 10px; top: 50%; margin-top: -16px; opacity: 0.3; }
.prev_next .navigate .right:hover a:after { opacity: 0.5; }



/* ÏÓÁËÈÊÀÖÈß ID */
/*.from_bb h1 { font-size: 21px; padding: 0; margin: 0 0 10px 0; }*/
.from_bb h2 { font-size: 18px; padding: 0; margin: 0 0 8px 0; }
.from_bb h3 { font-size: 17px; padding: 0; margin: 0 0 6px 0; }
.from_bb p { padding: 0; margin: 0 0 15px 0; text-align: left; }
.from_bb img { max-width: 100%; }
.from_bb .quote { margin: 10px 0; padding: 4px 5px 4px 55px; border-width: 0; background: url('/img/quote.png') no-repeat scroll 7px 7px #f3f3f3; border-radius: 5px; box-shadow: 1px 1px 0px #ddd; min-height: 25px; color: #333; font-size: 14px; font-family: Verdana; }
.from_bb .class_gray   { background-color: #f3f3f3; border: 1px solid #dddddd; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_blue   { background-color: #ecf5ff; border: 1px solid #cfe0f1; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_yellow { background-color: #f8f6d4; border: 1px solid #e2e0be; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_green  { background-color: #e7fbd3; border: 1px solid #d1eab8; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_red    { background-color: #fff0f0; border: 1px solid #ffcfcf; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
blockquote { margin: 10px 0; padding: 4px 5px 4px 55px; border-width: 0; background: url('/img/quote.png') no-repeat scroll 7px 7px #f3f3f3; border-radius: 5px; box-shadow: 1px 1px 0px #ddd; min-height: 25px; color: #333; font-size: 14px; font-family: Verdana; }


/* Ìàëåíüêèå êàðòèíêè â ñïèñêå ñòàòåé */
div.icons_111 { font-size: 13px; font-family: Tahoma,Verdana,Arial; color: #5486b8; overflow: hidden; margin: 3px 0 0 5px; opacity: 0.6; white-space: nowrap; text-align: right; }
div.art_list:hover .icons_111, div.art_list_usr:hover .icons_111, div.list:hover .icons_111, .content_list:hover .icons_111 { opacity: 1; }
div.icons_111 div { display: inline-block; zoom:1; *display:inline; background: url('/img/icon_111.png') no-repeat left top transparent; padding: 1px 0 1px 13px; margin: 0 0 0 8px; color: #777; text-align: left; cursor: default; line-height: 100%; }
div.icons_111 div:hover { border-bottom: 1px solid #ccc; }
div.icons_111 div.u { background-position: 0 -17px; }
div.icons_111 div.v { background-position: 0 -37px; margin: 0; padding-left: 16px; }
div.icons_111 div.l { background-position: 0 -77px; }
div.icons_111 div.c { background-position: 0 -96px; cursor: pointer; }
div.icons_111 div.t { background-position: 0 -157px; }
div.icons_111 div.e { background-position: 0 -177px; padding-left: 17px; }
div.icons_111 div.p { background-position: 0 -197px; }
div.icons_111 div.m { background-position: 0 -217px; padding-left: 14px; }
div.icons_111 div.u2 { background-position: 0 -257px; padding-left: 14px; }
div.icons_111 div sup { vertical-align: baseline; position: relative; top: -0.4em; color: #080; margin-left: 2px; }


/* ÊÎÌÌÅÍÒÀÐÈÈ Ê ÌÀÒÅÐÈÀËÀÌ */
div.sprites_textarea { background-color: #f9f9f9; border: 1px solid #bababa; padding: 2px; margin-top: 10px; border-bottom: 0; background: #eeeeee linear-gradient(to bottom, #f8f8f8, #e6e6e6) repeat scroll 0 0; border-radius: 2px 2px 0 0; }
div.sprites_textarea div { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; background: url(/img/ico_textform.png) 0 50px no-repeat transparent; min-width: 16px; height: 16px; cursor: pointer; margin: 2px 4px; overflow: hidden; }
div.sprites_textarea div.b { background-position: 0 0px; }
div.sprites_textarea div.i { background-position: 0 -20px; }
div.sprites_textarea div.u { background-position: 0 -40px; }
div.sprites_textarea div.d { background-position: 0 -179px; }
div.sprites_textarea div.img_url { background-position: 0 -60px; width: 18px; }
div.sprites_textarea div.img_pc { background-position: 0 -80px; width: 18px; }
div.sprites_textarea div.y { background-position: 0 -100px; width: 18px; }
div.sprites_textarea div.h { background-position: 0 -120px; }
div.sprites_textarea div.q { background-position: 0 -140px; }
div.sprites_textarea div.s { background-position: 0 -159px; }
div.sprites_textarea div.rule { float: right; margin: 1px 4px 0 0; padding-bottom: 1px; }
div.sprites_textarea div.rule a { color: #666; font-size: 14px; text-decoration: none; border-bottom: 1px dotted #666; }
div.sprites_textarea div img { min-width: 16px; min-height: 16px; }

div.comments { border-top: 1px solid #ddd; padding: 7px 0 8px 0; overflow: hidden; }
div.comments div.foto { float: left; border: 1px solid #ccc; padding: 1px; margin-top: 2px; }
div.comments div.foto img { width: 50px; height: 50px; }
div.comments div.user { margin-bottom: 7px; position: relative; }
div.comments div.text { margin-left: 65px; font-size: 14px; }
div.comments div.text .t img { max-width: 100%; }
div.comments div.time { font-size: 14px; color: #666; margin-top: 10px; height: 18px; }
div.comments div.edit { position: absolute; top: 0; right: 0; opacity: 0; white-space: nowrap; }
div.comments div.edit img { margin: 0 3px; }
div.comments:hover div.edit { opacity: 0.5; }
div.comments:hover div.edit:hover { opacity: 1; }
div.comments div.del { background-color: #f6f6f6; padding: 5px; color: #666; }
div.comments div.text .thumb img { max-width: 155px; max-height: 150px; border: 1px solid #ccc; padding: 1px; margin: 5px 5px 0 0; opacity: 0.8; }
div.comments div.text .thumb img:hover { opacity: 1; }
div.comments .comments-link { background-color: #fff0b2; border-radius: 2px; margin: 0 0 10px 65px; padding: 5px 7px; clear: right; overflow: hidden; font-size: 14px;  }
div.comments .comments-link input { width: 99%; padding: 2px; margin: 4px 0 0; font-size: 15px; }
div.comments .comments-link input::selection { background: #afd7ff; }
div.comments .comments-link input::-moz-selection { background: #afd7ff; }
div.comments span.otvet { color: #325683; cursor: pointer; opacity: 0.7; }
div.comments:hover span.otvet { opacity: 1; }
div.comments span.otvet:hover { text-decoration: underline; opacity: 1; }



/* ÑÏÈÑÎÊ ÑÒÐÀÍÈÖ */
div.page-list { overflow: hidden; vertical-align: middle; font-size: 15px; text-align: left; font-family: Verdana,Arial; }
div.page-list span { display: inline-block; margin: 0 1px; vertical-align: middle; margin: 2px 3px; }
div.page-list span a { display: block; text-decoration: none; padding: 1px 7px 2px 7px; color: #000; background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; }
div.page-list span:hover a { color: #000; background-color: #e6e6e6; border: 1px solid #ccc; }
div.page-list span a.on { color: #000; background-color: #a3d0f3; border: 1px solid #9ec9eb; }


/* LIKE V3 */
.like_new { float: right; margin-right: 3px; position: relative; user-select: none; -moz-user-select: none; }
.like_new .like_main { cursor: default; }
.like_new .like_main .t { background: url(/img/hand.gif) no-repeat left center; padding-left: 16px; overflow: hidden; opacity: 0.5; }
.like_new .like_main:hover .t { opacity: 0.7; }
.like_new .like_main .t span { padding-left: 2px; }
@media screen and (max-device-width: 910px) {
	.like_new .like_main .t { opacity: 0.5; }
	.like_new .like_main .t span { display: none; }
}
.like_new .like_main .n { background-color: #d2dfeb; border-radius: 2px; color: #253103; margin-left: 5px; padding: 0 5px; color: #363e45; }
.like_forum .like_main .n { background-color: #e7e7e7; }

.like_new .like_ppp { bottom: 100%; height: 12px; display: none; position: absolute; right: 0; width: 150%; }
.like_new:hover .like_ppp { display: block; }
.like_new .ppp { position: absolute; right: 0; bottom: 100%; background-color: #f6f3cd; box-shadow: 1px 1px 0 #b4ae89, 1px 1px 2px #ddd; border: 0px solid #959071; border-radius: 5px; padding: 8px 10px 10px; white-space: nowrap; z-index: 101; }
.like_new .ppp:after { content: ''; position: absolute; right: 20px; bottom: -18px; border: 10px solid transparent; border-width: 8px 10px; border-top: 10px solid #bfb994; }

.like_new .ppp .n { color: #000; font-size: 12px; text-decoration: none; }
.like_new .ppp .n a { color: #000; font-size: 12px; text-decoration: none; }
.like_new .ppp .n:hover { color: #405c78; }
.like_new .like_ppp .like_n_text, .like_new .like_ppp .like_n_text a { color: #000; font-size: 12px; text-decoration: none; }

.like_new .ppp .f { white-space: nowrap; max-width: 338px; overflow: hidden; }
.like_new .ppp .f a { display: inline-block; background-color: #f8f6d9; text-decoration: none; border: 1px solid #ccc; margin: 5px 5px 0 0; padding: 1px; }
.like_new .ppp .f img { background-color: #e4e1bb; height: 40px; width: 40px; border-width: 0; margin: 0; padding: 0; }
.like_new .ppp .f img:hover { opacity: 0.8; transition: opacity 0.1s ease 0s; }
@media screen and (max-device-width: 480px) { .like_new .ppp .f { max-width: 240px; } }

.like_new .ppp .t { font-size: 13px; margin: 8px 0 -1px 0; }
.like_new .ppp .t a { display: inline-box; padding: 0 0 0 18px; margin-right: 10px; background: url('/img/like_extra.png') no-repeat left center; opacity: 0.8; }
.like_new .ppp .t a:hover { opacity: 1; }
.like_new .ppp .t a.fav   { background-position: 0 50%; }
.like_new .ppp .t a.share { background-position: -150px 50%; }
.like_new .ppp .t a.money { background-position: -300px 50%; }
.like_new .ppp .t a.bonus { background-position: -450px 50%; display: none; }

.like_activ .like_main { cursor: pointer; }
.like_on .like_main .t, .like_on .like_main:hover .t { opacity: 1; }


#go_top    { position: fixed; left: 50%; bottom: 60px; font-size: 13px; margin-left: 460px; opacity: 0.7; white-space: nowrap; z-index: 2000; cursor: pointer; width: 250px; height: 150px; display: none; transition: opacity 0.3s ease 0s; }
#go_top:hover { opacity: 1; margin-bottom: 0px; }
#go_top .go { position: absolute; left: 3px; bottom: 5px; border-radius: 0 5px 5px 0; color: #fff; padding: 8px 7px; white-space: nowrap; font-weight: bold; }
#go_top .text { opacity: 0; }
#go_top:hover .text { opacity: 1; }

#go_bottom { position: fixed; left: 50%; bottom: 0px; font-size: 13px; margin-left: 460px; opacity: 0.7; white-space: nowrap; z-index: 2000; cursor: pointer; width: 250px; height: 60px; transition: opacity 0.3s ease 0s; }
#go_bottom:hover { opacity: 1; margin-bottom: 0px; }
#go_bottom .go { position: absolute; left: 3px; bottom: 20px; border-radius: 0 5px 5px 0; color: #fff; padding: 8px 7px; white-space: nowrap; font-weight: bold; }
#go_bottom .text { opacity: 0; }
#go_bottom:hover .text { opacity: 1; }

#go_top_m       { position: fixed; right: 5px; bottom: 5px; font-size: 13px; opacity: 0.8; z-index: 2000; cursor: pointer; width: 34px; height: 34px; display: none; transition: opacity 0.3s ease 0s; }
#go_top_m a     { padding: 5px; display: block; background: rgba(255, 255, 255, 0.9); }
#go_top_m img   { width: 24px; height: 24px; opacity: 0.5; }
#go_top_m:hover img { opacity: 1; }


/* ÌÎÁÈËÜÍÀß ÂÅÐÑÈß */
.only-mobile { display: none; }

/* Ïëàíøåò */
@media screen and (max-device-width: 800px) {
	.no-mobile { display: none !important; }
	.only-mobile { display: block; }

	.wrapper-body-left { float: none; display: none; width: auto; padding: 15px; }
	.wrapper-body-left-menu { background-color: #ebdab3; padding: 0 10px; border-radius: 5px; box-shadow: 1px 1px 0 #b9aa89; overflow: hidden; }
	.wrapper-body-left-menu a { display: inline-block; margin: 10px 15px 10px 0; }

	.prev_next .navigate .left  { display: block; width: 100%; border-right-width: 0; }
	.prev_next .navigate .left a { padding-left: 10px; }
	.prev_next .navigate .left a:after { display: none; }
	.prev_next .navigate .right { display: block; width: 100%; }
	.prev_next .navigate .right a { padding-right: 0; }
	.prev_next .navigate .right a:after { display: none; }
}

/* Òåëåôîí */
@media screen and (max-device-width: 400px) {
	.wrapper-title { padding: 0 5px 15px 0; }
	.wrapper-title-logo img { padding: 0 5px 0 12px; }
	.wrapper-body-right { padding: 5px; }
	.content_list .text { overflow: visible; }
	.shadow0 { opacity: 0.4; box-shadow: 0 0 40px 40px #000 inset; }

	.content_id { padding: 10px; border-width: 0; }
	.content_id img { min-width: 100%; margin: 10px 0 !important; }
}