/* ОСНОВНОЕ */
body { margin: 0; padding: 0; background: url(/img/bg.gif) repeat left top #395571; font-size: 16px; font-family: Arial, Verdana; transition:all .2s linear; }
form { margin: 0; padding: 0; }
img { border: 0; border-width: 0; }
iframe { max-width: 100%; }
input, textarea { box-sizing: border-box; margin: 0; }
input[type="checkbox"] { margin-right: 5px; }
input[type="radio"] { margin-right: 5px; }
textarea { font-family: Arial, Verdana; font-size: 15px; resize: vertical; }
input:focus, textarea:focus { outline: none; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type='number'] { -moz-appearance: textfield; }

ul, ol { margin: 0; padding: 0 0 0 10px; overflow: hidden; }
li { margin-left: 20px; padding: 0 0 10px 5px; }
h1 { font-size: 24px; font-weight: normal; margin: 0 0 2px 0; padding: 0; }
h2 { font-size: 19px; margin: 0; padding: 0; }
h3 { font-size: 16px; margin: 0; padding: 0; }
a { color: #325683; TEXT-DECORATION: underline; outline: none; cursor: pointer; }
a:hover { color: #1b81ce; TEXT-DECORATION: none; }
a:active { color: #1b81ce; TEXT-DECORATION: none; }
a.visited { color: #6d7279; opacity: 0.9; }
a.visited:hover { color: #1b81ce; opacity: 0.9; }

div.html-wrapper { margin: 0 auto 15px auto; max-width: 960px; text-align: left; background-color: #fff; box-shadow: 0 0 5px #15283C; border-radius: 0 0 5px 5px; position: relative; }
#wrapper-title { position: relative; background: url('/img/logo-title-2015.jpg') no-repeat left top #dee9f5; border-bottom: 1px solid #dbe4ed; height: 115px; }
#wrapper-title .go_index { position: absolute; top: 5px; left: 0; z-index: 100; width: 150px; height: 105px; cursor: pointer; display: block; text-decoration: none; }
#wrapper-title .go_index a { display: block; height: 105px; text-decoration: none; }
#wrapper-title .text { padding: 13px 0 0 210px; }
#wrapper-title .text a.h { text-decoration: none; text-shadow: 1px 1px 0 #fff; color: #333a43; font-size: 25px; overflow: hidden; white-space: nowrap; }
#wrapper-title .text a.h span { opacity: 0.4; }
#wrapper-title .text .city-all-n { color: #73a8ba; font-size: 15px; transition: font-size 0.5s; }
#wrapper-title .text .city-select { margin-top: 10px; font-size: 15px; }
#wrapper-title .text .city-select .city span { background-color: rgba(242,245,247,.8); border: 1px solid #c8d2da; border-radius: 5px; display: inline-block; font-size: 17px; padding: 1px 22px 1px 5px; box-shadow: 1px 1px 1px #dfe6ea inset; color: #333a43; }
#wrapper-title .text .city-select .city span:hover { background-color: #f8f5e6; cursor: pointer; }
#wrapper-title .text .city-select .city span, #city_text_before { position: relative; }
#wrapper-title .text .city-select .city span:after, #city_text_before:after { content:''; position: absolute; right: 5px; top: 50%; margin-top: -4px; border:10px solid transparent; border-width: 6px; border-top: 7px solid #a3b8c9; }


#wrapper-title .text .city-select .city a { color: #999; }
.title-search { position: absolute; top: 10px; right: 10px; font: 13px Verdana; padding: 2px 0px 2px 19px; }
.title-search .bg1 { background: url(/img/icons.png) no-repeat -144px -96px; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.title-search .bg2 { background: url(/img/icons.png) no-repeat -80px -48px; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.title-search a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }

#title_search { background: url("/img/logo-title-2015.jpg") no-repeat scroll left top #dee9f5; border-bottom: 1px solid #b8c5d2; overflow: hidden; }
#title_search .pic { padding: 14px 28px; background: url("/img/search_bg.jpg") no-repeat scroll left top; }
#title_search .h1 { font-size: 19px; margin: 0 0 4px; }
#title_search .s { max-width: 650px; background-color: #fffcec; border: 1px solid #96b3d1; border-radius: 2px; }
#title_search .r { margin-top: 8px; font-size: 14px; }
#title_search .words { width: 100%; overflow: hidden; }
#title_search .words input { width: 100%; border: 0; padding: 0 3px; margin: 0; font-size: 17px; background-color: transparent; }
#title_search .subm { background-color: #a9c0d8; overflow: hidden; }
#title_search .subm input { background-color: transparent; border: 0 none; color: #000; display: inline; margin: 0; padding: 1px 10px; text-decoration: none; }

#wrapper-body { table-layout: fixed; } /* table-layout: fixed; */
#wrapper-bottom { background-color: #f6f6f6; position: relative; border-top: 1px solid #ddd; border-radius: 0 0 5px 5px; }

#wrapper-title-mobile { height: 40px; background: url('/img/logo_mobile.jpg') no-repeat left top #d1e0ed; overflow: hidden; border-bottom: 1px solid #fff; }
#wrapper-title-mobile a { color: #fff; text-decoration: none; }
#wrapper-title-mobile div.index { font-size: 21px; text-shadow: 1px 1px 0 #6891af; text-decoration: none; color: #fff; float: left; margin: 5px 0 0 5px; }

/* Хаки для Media-queries */
.body_padding { padding: 20px 30px; }
.only-mobile { display: none; }
.only-mobile-910 { display: none; }
.only-mobile-700 { display: none; }
.only-mobile-640 { display: none; }
.only-mobile-480 { display: none; }
.only-mobile-360 { display: none; }
.only-mobile-320 { display: none; }
#nav li a.only-mobile { display: none; }
#nav li.only-mobile { display: none; }
#nav li.only-mobile-580 { display: none; }
#nav li.only-mobile-910 { display: none; }

#go_top1 { font-size: 13px; position: fixed; bottom: 15px; left: 50%; margin-left: 475px; z-index: 10; display: none; color: #999; background-color: #fff; border-radius: 5px; padding: 8px 5px; opacity: 0.5; box-shadow: 1px 1px 2px #15283C; white-space: nowrap; display: none; }
#go_top1:hover { opacity: 1; display: none; }
#go_top1 a { color: #325683; font-weight: bold; padding: 10px 3px; text-decoration: none; }
#go_top1 a:hover { color: #000; }

#go_top    { position: fixed; left: 50%; bottom: 60px; font-size: 13px; margin-left: 480px; opacity: 0.7; white-space: nowrap; z-index: 10; 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: 480px; opacity: 0.7; white-space: nowrap; z-index: 10; 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: 10; 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; }

#go_top_m2 { display: none; position: fixed; right: 5px; bottom: 45px; cursor: pointer; height: 34px; width: 34px; opacity: 0.8; z-index: 10; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.9); }
#go_top_m2 span { display: block; position: relative; margin: 5px 0 0 5px; height: 24px; width: 24px; overflow: hidden; transition: opacity 0.3s ease 0s; }
#go_top_m2 span img { display: block; position: absolute; left: 0; top: 0; width: 48px; opacity: 0.5; }
#go_top_m2:hover span img { opacity: 1; }

#go_bottom_m2 { display: block; position: fixed; right: 5px; bottom: 5px; cursor: pointer; height: 34px; width: 34px; opacity: 0.8; z-index: 10; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.9); }
#go_bottom_m2 span { display: block; position: relative; margin: 5px 0 0 5px; height: 24px; width: 24px; overflow: hidden; transition: opacity 0.3s ease 0s; }
#go_bottom_m2 span img { display: block; position: absolute; left: 0; bottom: 0; width: 48px; opacity: 0.5; }
#go_bottom_m2:hover span img { opacity: 1; }

#go_back_m2 { display: block; position: fixed; left: 5px; bottom: 5px; cursor: pointer; height: 34px; width: 34px; opacity: 0.8; z-index: 10; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.9); }
#go_back_m2 span { display: block; position: relative; margin: 5px 0 0 5px; height: 24px; width: 24px; overflow: hidden; transition: opacity 0.3s ease 0s; }
#go_back_m2 span img { display: block; position: absolute; right: 0; bottom: 0; width: 48px; opacity: 0.5; }
#go_back_m2:hover span img { opacity: 1; }




/* МЕНЮ */


/* menu_new3 */
div.menu_new3 { background: url('/img/menu_bg_v3.png') no-repeat left bottom #EBF2F8; border-bottom: 1px solid #DFE5EC; border-top: 1px solid #F9FAFC; font: 17px Arial,Verdana; padding: 0; position: relative; overflow: visible; }
div.menu_new3 .m_gradient { min-height: 26px; background: url('/img/menu-bg-left.png') repeat-y scroll left top transparent; left: 0; position: absolute; top: 0; width: 25px; }
div.menu_new4 { position: fixed; left: 50%; top: 0; margin-left: -458px; width: 960px; z-index: 9999; box-shadow: 0 0 3px #172a3c; }

/* мобильное меню */
div.menu_mobile { padding: 0 0 5px 0; background-color: #dbe7f1; font-size: 17px; overflow: hidden; }
div.menu_mobile a { text-decoration: none; margin: 5px 10px 0 5px; display: inline-block; }
div.my_menu_mobile { padding: 0 0 5px 0; background-color: #faf1cc; font-size: 15px; }
div.my_menu_mobile a { text-decoration: none; margin: 5px 10px 0 5px; display: inline-block; }

/* Личное меню для полной версии сайта */
div.my_menu_mobile_full { display: none; }



/* ОСНОВНОЕ МЕНЮ - ЛИЧНОЕ */
#nav_my { float: right; border-left: 1px solid #cedae5; }
#nav_my a { display: inline-block; border-left: 1px solid #f9fafc; border-right: 1px solid #cedae5; padding: 2px 10px 3px; text-decoration: none; text-shadow: 1px 1px 0 #fff; color: #325683; cursor: pointer; padding: 2px 3px 3px 8px; position: relative; }
#nav_my a:hover { background-color: #d4e1ee; }

#nav_my img { width: 16px; height: 16px; display: inline-block; margin: 0 0 2px 0; vertical-align: bottom; background: url('/img/my_menu_ico8.png') no-repeat 0 0; }
#nav_my a.my_aa img { background-position: -16px -128px; opacity: 0.7; }
#nav_my a.my_pr img { background-position: -16px -160px; opacity: 0.7; }
#nav_my a.my_pr2 img { background-position: -16px -272px; opacity: 0.8; }
#nav_my a.my_ls img { background-position: -16px -0px; opacity: 0.7; }
#nav_my a.my_bk img { background-position: -16px -32px; opacity: 0.7; }
#nav_my a.my_ot img { background-position: -16px -64px; opacity: 0.7; }
#nav_my a.my_mm img { background-position: -16px -96px; opacity: 0.7; }
#nav_my a.my_fi img { background-position: -16px -192px; opacity: 0.7; }
#nav_my a.my_rt img { background-position: -16px -224px; opacity: 0.7; }
#nav_my a.my_cl img { background-position: 0 -256px; opacity: 0.9; }
#nav_my a.my_co img { background-position: -32px -0px; opacity: 0.7; }

#nav_my a.my_aa:hover img, #nav_my a.my_aa_on img { background-position: -16px -144px; opacity: 0.9; }
#nav_my a.my_pr:hover img, #nav_my a.my_pr_on img { background-position: -16px -176px; opacity: 0.9; }
#nav_my a.my_ls:hover img, #nav_my a.my_ls_on img { background-position: -16px -16px; opacity: 0.9; }
#nav_my a.my_bk:hover img, #nav_my a.my_bk_on img { background-position: -16px -48px; opacity: 0.9; }
#nav_my a.my_ot:hover img, #nav_my a.my_ot_on img { background-position: -16px -80px; opacity: 0.9; }
#nav_my a.my_mm:hover img, #nav_my a.my_mm_on img { background-position: -16px -112px; opacity: 0.9; }
#nav_my a.my_fi:hover img, #nav_my a.my_fi_on img { background-position: -16px -208px; opacity: 0.9; }
#nav_my a.my_rt:hover img, #nav_my a.my_rt_on img { background-position: -16px -240px; opacity: 0.9; }
#nav_my a.my_cl:hover img, #nav_my a.my_cl_on img { background-position: -16px -256px; opacity: 0.9; }
#nav_my a.my_co:hover img, #nav_my a.my_co_on img { background-position: -32px -16px; opacity: 0.9; }

/* Всплывающая подпись - новые ЛС*/
#nav_my a.my_ls_on i { animation: ls-i-anim 8s 1 Alternate; -webkit-animation: ls-i-anim 8s 1 Alternate; position: absolute; top: -38px; left: -57px; background-color: #fdf4bb; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80, 0 0 10px #d2ddef; padding: 5px 8px; color: #392d0e; font: 13px Verdana; text-align: center; white-space: nowrap; opacity: 0; text-shadow: 0 0 0 #fdf4bb; z-index: -100; }
#nav_my a.my_ls_on i:after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -17px; border: 10px solid transparent; border-width: 7px 8px; border-top: 10px solid #c4bb80; }
@-webkit-keyframes ls-i-anim { 0% { opacity: 0; display: none; z-index: -100; } 20% { opacity: 0; z-index: 100; } 30% { opacity: 0.8; z-index: 100; } 90% { opacity: 0.8; z-index: 100; } 100% { opacity: 0; z-index: -100; } }
@keyframes ls-i-anim         { 0% { opacity: 0; display: none; z-index: -100; } 20% { opacity: 0; z-index: 100; } 30% { opacity: 0.8; z-index: 100; } 90% { opacity: 0.8; z-index: 100; } 100% { opacity: 0; z-index: -100; } }
#nav_my:hover a.my_ls_on:hover i { animation: none; -webkit-animation: none; display: block; opacity: 0.7; z-index: 100; }
#nav_my a.my_ls_on:hover i { animation: none; -webkit-animation: none; display: block; opacity: 0.7; z-index: 100; }

#nav_my a i { position: absolute; top: -38px; left: -40px; background-color: #fdf4bb; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80, 0 0 10px #d2ddef; padding: 5px 8px; color: #392d0e; font: 13px Verdana; text-align: center; white-space: nowrap; opacity: 0; text-shadow: 0 0 0 #fdf4bb; z-index: -100; transition: opacity 0.2s ease 0s; }
#nav_my a i:after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -17px; border: 10px solid transparent; border-width: 7px 8px; border-top: 10px solid #c4bb80; }
#nav_my a:hover i { display: block; opacity: 0.7; z-index: 100; }
#nav_my a.my_ls i { left: -57px; }
#nav_my a.my_bk i { left: -39px; }
#nav_my a.my_ot i { left: -20px; }
#nav_my a.my_cl i { left: -71px; }
#nav_my a.my_co i { left: -50px; }



#nav_my a.my_login { background: linear-gradient(180deg, #fff0d0, #ffe1a5); padding: 2px 8px 3px 8px; border-right-color: #ffd075; }
#nav_my a.my_login:hover { background: #fede9f; background-color: #fede9f; }

#nav_my a.my_ls_on img { animation: ls-anim 0.7s infinite Alternate; -webkit-animation: ls-anim 0.7s infinite Alternate; }
@-webkit-keyframes ls-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }
@keyframes ls-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }

#nav_my a.my_fi_on img { animation: ls-anim 0.7s infinite Alternate; -webkit-animation: fi-anim 0.7s infinite Alternate; }
@-webkit-keyframes fi-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }
@keyframes fi-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }

#nav_my a.my_rt_on img { animation: ls-anim 0.7s infinite Alternate; -webkit-animation: rt-anim 0.7s infinite Alternate; }
@-webkit-keyframes rt-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }
@keyframes rt-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }



#nav_my u { background-color: rgba(255, 0, 0, 0); color: #f00; margin-left: 2px; opacity: 0.8; text-shadow: 1px 1px 0 #f1f5f8; font-size: 15px; text-decoration: none; }
#nav_my a.my_aa u, #nav_my a.my_pr u { color: #7594af; }

/* ОСНОВНОЕ МЕНЮ - ПОДРОБНО */
#my_menu_fill { display: none; position: relative; background-color: #fdf4d0; border-top: 1px solid #fefcf4; margin: 0 0 10px; z-index: 3; }

#my_menu_fill .my_spec_1 { width: 23%; vertical-align: top; min-width: 150px; overflow: hidden; padding: 0 0 0 15px; }
#my_menu_fill .my_spec_2 { width: 24%; vertical-align: top; min-width: 150px; overflow: hidden; padding: 0 0 0 15px; border-right: 1px solid #e2d7b2; }
#my_menu_fill .my_spec_3 { width: 27%; vertical-align: top; min-width: 150px; overflow: hidden; padding: 0 0 0 15px; border-right: 1px solid #e2d7b2; }
#my_menu_fill .my_spec_4 { width: 26%; vertical-align: top; min-width: 150px; overflow: hidden; padding: 0 0 0 20px; }

#my_menu_fill .my_spec img.ico_fl { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -112px; }
#my_menu_fill .my_spec img.ico_prfl { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -128px; }
#my_menu_fill .my_spec img.ico_pr2 { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat -96px -112px; }
#my_menu_fill .my_spec img.ico_us { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -224px; }
#my_menu_fill .my_spec img.ico_rt { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -144px; }
#my_menu_fill .my_spec img.ico_ww { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -176px; }
#my_menu_fill .my_spec img.ico_tp { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat -32px -192px; }
#my_menu_fill .my_spec img.ico_fn { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -160px; }
#my_menu_fill .my_spec img.ico_pp { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -240px; }

#my_menu_fill .my_spec img.ico_aa { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -80px; }
#my_menu_fill .my_spec img.ico_ls { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -16px; }
#my_menu_fill .my_spec img.ico_bk { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -32px; }
#my_menu_fill .my_spec img.ico_ot { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -48px; }
#my_menu_fill .my_spec img.ico_pr { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -64px; }
#my_menu_fill .my_spec img.ico_of { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -96px; }
#my_menu_fill .my_spec img.ico_pd { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -224px; }
#my_menu_fill .my_spec img.ico_ol { width: 16px; height: 16px; background: url('/img/my_menu_ico8.png') no-repeat 0 -272px; }

#my_menu_fill .line1 { height: 12px; overflow: hidden; background: #fdf4d0 linear-gradient(180deg, #e4e9e9, #fdf4d0) repeat scroll 0 0; }
#my_menu_fill .line2 { height: 12px; overflow: hidden; background: #fdf4d0 linear-gradient(180deg, #fdf4d0, #e4e9e9) repeat scroll 0 0; border-bottom: 1px solid #bdc8d3; }

#my_menu_fill .h { font-size: 17px; color: #958a6c; margin: 0 0 7px 5px; }
#my_menu_fill .h a { color: #958a6c; text-decoration: underline; text-decoration-color: #199dd1; }
#my_menu_fill .i { font-size: 15px; color: #6d644e; background-color: #e9ddae; padding: 4px 20px 6px 28px; text-shadow: 1px 1px 0 #faeeca; }
#my_menu_fill .i a { color: #6d644e; border-bottom: 1px solid #aca07c; text-decoration: none; }
#my_menu_fill .i a:hover { border-bottom-width: 0; }

#my_menu_fill a.mym { display: block; text-decoration: none; padding: 4px 0 4px 5px; }
#my_menu_fill a.mym:hover { color: #c71d24; }
#my_menu_fill a.mym u { background-color: #f6de7b; border-radius: 3px; color: #e00; margin: 0 0 0 7px; padding: 0 5px; text-decoration: none; text-shadow: 0 0 0 #f9db62; font-size: 15px; font-weight: bold; }
#my_menu_fill a.mym:hover u { border-bottom-width: 0; }
#my_menu_fill a.mym i { color: #a1977d; font-style: normal; padding: 0 0 0 7px; }
#my_menu_fill a.mym u {  }

#my_menu_fill .m { font-size: 15px; position: relative; border-radius: 3px; overflow: hidden; margin-right: 10px; text-shadow: 1px 1px 1px #fef0c7; }
#my_menu_fill .m:hover { background-color: #e9ddae; }

#my_menu_fill .m a.add { display: block; text-decoration: none; background-color: #90c87a; border-radius: 0 3px 3px 0; color: #fff; font-size: 15px; padding: 4px 5px; position: absolute; right: 0; top: 0; opacity: 0; text-shadow: 0 0 0 #90c87a; }
#my_menu_fill .m:hover a.add { opacity: 0.7; }
#my_menu_fill .m:hover a.add:hover { opacity: 1; }

#my_menu_fill .m a.add2 { display: block; text-decoration: none; padding: 4px 5px; position: absolute; font-size: 15px; color: #a1977d; right: 0; top: 0; }
#my_menu_fill .m a.add2:hover { color: #ae5348; }

#my_menu_fill .m a.add3 { color: #a1977d; display: block; font-size: 13px; margin: -4px 0 0 20px; padding: 4px 5px; text-decoration: none; }
#my_menu_fill .m a.add3:hover { color: #c71d24; }


/* ЛИЧНОЕ МЕНЮ (ПК) - V4 */
#my_menu_v4 { displayX: none; position: relative; background-color: #fdf4d0; border-top: 1px solid #fefcf4; margin: 0 0 10px; z-index: 3; }
#my_menu_v4 .line1 { height: 12px; overflow: hidden; background: #fdf4d0 linear-gradient(180deg,#e4e9e9,#fdf4d0) repeat scroll 0 0; }
#my_menu_v4 .line2 { height: 12px; overflow: hidden; background: #fdf4d0 linear-gradient(180deg,#fdf4d0,#e4e9e9) repeat scroll 0 0; border-bottom: 1px solid #bdc8d3; }
#my_menu_v4 .ph img.ph { display: inline-block; max-width: 120px; max-height: 120px; border: 3px solid #e8deb8; border-radius: 3px; background-color: #fff; opacity: 0.9; transition: opacity .4s ease 0s; }
#my_menu_v4 .td1:hover .ph img.ph { opacity: 1; }
#my_menu_v4 .ph img.club { position: absolute; bottom: -6px; right: 10px; height: 24px; }
#my_menu_v4 .ph > div { display: inline-block; position: relative; }
#my_menu_v4 .h { color: #958a6c; margin: 0 0 7px 5px; font-size: 17px; }
#my_menu_v4 .m { font-size: 15px; position: relative; border-radius: 3px; overflow: hidden; margin-right: 10px; white-space: nowrap; }
#my_menu_v4 .m:hover { background-color: #e9ddae; }
#my_menu_v4 .m a.a1 { display: block; text-decoration: none; padding: 5px 0 5px 25px; position: relative; }
#my_menu_v4 .m a.a1:hover { color: #c71d24; }
#my_menu_v4 .m a.a1 span.n { color: #978e69; margin-left: 7px; }
#my_menu_v4 .m a.a1 span.n_active { background-color: #f6de7b; border-radius: 3px; color: #e00; margin-left: 7px; padding: 1px 5px; }
#my_menu_v4 .m a.a1 span.n_new    { background-color: #f6de7b; border-radius: 3px; color: #e00; margin-left: 7px; padding: 1px 5px; font-weight: bold; }
#my_menu_v4 .m a.add { display: block; text-decoration: none; background-color: #90c87a; border-radius: 0 3px 3px 0; color: #fff; font-size: 15px; padding: 5px 5px; position: absolute; right: 0; top: 0; opacity: 0; }
#my_menu_v4 .m:hover a.add { opacity: .7; }
#my_menu_v4 .m:hover a.add:hover { opacity: 1; }
#my_menu_v4 .m span.i { display: block; position: absolute; left: 3px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/img/icons_contur_fill_32.png?v=18) no-repeat 0 0; background-size: 120px 100px; }
#my_menu_v4 .td1 { width: 24%; font-size: 14px; padding: 5px 0 3px 0; }
#my_menu_v4 .td2 { width: 26%; }
#my_menu_v4 .td3 { width: 26%; }
#my_menu_v4 .td4 { width: 24%; }
#my_menu_v4 .td1 a { text-decoration-color: #e8deb8; }
#my_menu_v4 .m900 { display: none; }
#my_menu_v4 div.hr { margin-top: 5px; height: 5px; border-top: 1px solid #e2d7b2; display: none; }
@media screen and (max-width: 900px) {
	#my_menu_v4 .td1 { display: none; }
	#my_menu_v4 .m900 { display: block; }
}
@media screen and (max-width: 700px) {
	#my_menu_v4 .td { display: block; overflow: hidden; width: auto; }
	#my_menu_v4 .h { display: none; }
	#my_menu_v4 .td1, #my_menu_v4 .td3 { display: none; }

	#my_menu_v4 .m700 { display: block; }
	#my_menu_v4 div.hr { display: block; }
}




/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ V2 */
div.profile_menu { overflow: hidden; padding: 5px 10px; cursor: pointer; position: relative; }
div.profile_menu .profile_foto { float: left; padding: 1px; border: 1px solid #ccc; background-color: #fff; }
div.profile_menu .profile_text { margin: 2px 0 0 32px; }
div.profile_menu .profile_fio { word-wrap: normal; white-space: nowrap; overflow: hidden; font-weight: bold; }
div.profile_menu .profile_lnk { margin-top: 1px; font-size: 15px; color: #777; text-decoration: underline; }
div.profile_menu:hover .profile_lnk { color: #666; text-decoration: none; }
div.profile_menu_plus { padding: 7px 10px; border-bottom: 1px solid #dde3ed; background-color: #edf2f5; }
div.profile_menu_plus .add { background: url(/img/plus_mini.png) no-repeat 2px center; margin-top: 5px; padding-left: 21px; font-size: 12px; font-family: Tahoma; }
div.profile_menu_plus .add a { color: #99aabe; }
div.profile_menu_plus .add a:hover { color: #6f8bab; }





/* Цветные блоки в правой колонке */
div.menu-blue-box { background: #F7F8FA url('/img/menu2_top.gif') repeat-x center top; padding: 10px 5px 5px 5px; margin: 5px; font-size: 14px; text-align: center; }
div.menu-blue-box a { text-decoration: none; }

div.menu-blue-box2 { background: url('/img/menu2_top.gif') repeat-x scroll center top #F7F8FA; padding: 4px 0 0 0; border: 1px solid #ced4e0; border-right-width: 0; margin: 0 0 10px 0; border-radius: 5px 0 0 5px; font-size: 15px; text-align: left; }
div.menu-blue-box2 a { text-decoration: none; }

div.menu-blue-box3 { background-color: #F7F8FA; border: 1px solid #d3deea; border-width: 1px 0 1px 1px; border-radius: 5px 0 0 5px; font-size: 15px; margin: 0 0 10px; overflow: hidden; padding: 0; text-align: left; position: relative; }
div.menu-blue-box3 a { text-decoration: none; }
div.menu-blue-box3 .h { background: linear-gradient(180deg, #e5edf5, #d4e1ed); background-color: #dee8f2; border-top: 1px solid #fff; border-bottom: 1px solid #c1d2e1; border-radius: 5px 0 0; color: #404d61; font-weight: bold; padding: 4px 10px; }

div.menu-blue-box4 { background-color: #fefcda; border: 1px solid #e3e0b7; border-width: 1px 0 1px 1px; border-radius: 5px 0 0 5px; color: #3f3e38; font-size: 15px; margin: 0 0 10px; overflow: hidden; padding: 0; text-align: left; position: relative; }
div.menu-blue-box4 .h { background: linear-gradient(180deg, #f2efc6, #e5e2b9); border-top: 1px solid #fff; border-bottom: 1px solid #d6d3aa; background-color: #ece9c0; color: #4d4b28; font-weight: bold; padding: 4px 10px; }

/* Реклама в правой колонке */
.menu-blue-box-rkklmn { position: relative; }
.menu-blue-box-rkklmn .close { position: absolute; right: 8px; top: 3px; background: url(/img/icons.png) no-repeat -112px -96px; cursor: pointer; float: right; width: 16px; height: 16px; margin: 0 -5px 0 0; opacity: 0.3; }
.menu-blue-box-rkklmn:hover .close { opacity: 0.5; }
.menu-blue-box-rkklmn .close:hover { opacity: 1; }

/* Реклама внизу страницы */
div.rklmn3 { display: block; vertical-align: top; margin: 10px 0; text-align: center; font-size: 16px; background-color: #fffeed; border: 1px solid #fdc689; border-radius: 5px; overflow: hidden; position: relative; box-sizing: border-box; }
div.rklmn3:hover { background-color: #fbfae9; }
div.rklmn3 table { border-collapse: collapse; border: 0; width: 100%; }
div.rklmn3 table td { padding: 10px; margin: 0; text-align: center; }
div.rklmn3 table td:nth-child(2n) { width: 100%; padding-right: 25px; }
div.rklmn3 table td img { padding: 0 5px 0 0; float: left; max-height: 120px; max-width: 100px; }
div.rklmn3 img.close { position: absolute; right: 8px; top: 5px; background: url(/img/icons.png) no-repeat -112px -96px; padding: 0; cursor: pointer; float: right; width: 16px; height: 16px; margin: 0 -5px 0 0; opacity: 0.5; z-index: 10; }
div.rklmn3 a { display: block; text-decoration: none; }
@media screen and (max-width: 480px) { div.rklmn3 table td img { padding: 0; max-height: 150px; } }
@media screen and (max-width: 360px) { div.rklmn3 { font-size: 15px; } }
div.rklmn3_fly { margin: 0 auto; border: 1px solid #a8a791; border-width: 1px 0 0 0; border-radius: 0; position: fixed; max-width: 700px; width: 100%; bottom: 0; left: 0; right: 0; box-shadow: 0 0 10px 10px #fff; z-index: 15; }
div.rklmn3_fly img.close { margin: 0; padding: 0; right: 0; top: 0; background: url(/img/close_rk.png) no-repeat 25px 7px; opacity: 1; width: 45px; height: 45px; }
div.rklmn3_fly table td img { margin-right: 5px; padding: 0; border-radius: 4px; }

/* Блоки - цитировать выделенное */
#quick_quote_button { left: 0; top: 0; display: none; cursor: pointer; position: fixed; z-index: 1000; text-align: center; position: absolute; max-width: 250px; }
#quick_quote_button > div { display: inline-block; }
#quick_quote_button > div > a { background-color: #ffe8a8; border: 2px solid #fff; border-radius: 4px; box-shadow: 2px 2px 3px 1px #ccc; color: #000; cursor: pointer; font-size: 14px; padding: 3px 6px 5px; text-decoration: none; display: inline-block; overflow: hidden; }
#quick_quote_button > div > a:hover { background-color: #ffe8a8; }
#quick_quote_button > div > a.abc_check { overflow: hidden; margin-top: 6px; background-color: #eee; }

#quick_quote_button_mobile { top: auto !important; left: 0 !important; right: 0 !important; display: none; bottom: 0;  cursor: pointer;  position: fixed; z-index: 1000; text-align: center; }
#quick_quote_button_mobile > div { display: block; margin: 0 auto; max-width: 940px; background-color: #eee; border-top: 3px solid #fff; padding: 10px; }
#quick_quote_button_mobile > div > a { background-color: #fc0; border-width: 0; font-szie: 15px; border-radius: 3px; box-shadow: 1px 1px 0 #c90; color: #222; display: block; padding: 10px 5px; text-align: center; text-decoration: none; overflow: hidden; }
#quick_quote_button_mobile > div > a:hover { background-color: #f8c600; }
#quick_quote_button_mobile > div > a.abc_check { float: right; margin-left: 5px; padding-left: 10px; padding-right: 10px; background: url(/img/abc_check_32.png) no-repeat 50% 50% #fc0; width: 25px; }
#quick_quote_button_mobile > div > a.abc_len   { float: right; margin-left: 5px; padding-left: 8px; padding-right: 8px; }

.YouTube { margin: 10px 0; max-width: 700px; clear: left; overflow: hidden; }
.YouTube > div { margin: 0 auto; transition: 1s; }
.YouTube > div > div { padding-bottom: 70%; position: relative; }
.YouTube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/* Горизонтальное меню */
td.xb { background-image: url('/img/title-bg2.gif'); background-repeat: repeat-x; background-position: left top; background-color: #ffffff }

/* Шапка - информация о городе */
#city_top div.top-city-info a { text-decoration: none; }

/* Цвет фона выделенного текста */
::selection { color: #000; background: #bdd5f1; }


.share_20 a { display: inline-block; background: url(/img/shre_20.png) no-repeat 0 0; height: 20px; width: 20px; text-decoration: none; margin: 0 4px 0 0; overflow: hidden; cursor: pointer; }
.share_20 a:hover { opacity: 0.8; }
.share_20 a.vk { background-position: -20px 0; }
.share_20 a.fb { background-position: -40px 0; }
.share_20 a.ok { background-position: -60px 0; }
.share_20 a.mr { background-position: -80px 0; }
.share_20 a.gp { background-position: -100px 0; }
.share_20 a.tw { background-position: -120px 0; }
.share_20 a.lg { background-position: -140px 0; }
.share_20 a.pp { background-position: -160px 0; }
.share_20 a.ww { background-position: -180px 0; }
.share_20 a.ww { background-position: -180px 0; }

.share_24 a { display: inline-block; background: url(/img/shre_24.png) no-repeat 0 0; height: 24px; width: 24px; text-decoration: none; margin: 0 4px 0 0; overflow: hidden; }
.share_24 a:hover { opacity: 0.8; }
.share_24 a.vk { background-position: -24px 0; }
.share_24 a.fb { background-position: -48px 0; }
.share_24 a.ok { background-position: -72px 0; }
.share_24 a.mr { background-position: -96px 0; }
.share_24 a.gp { background-position: -120px 0; }
.share_24 a.tw { background-position: -144px 0; }
.share_24 a.lg { background-position: -168px 0; }
.share_24 a.pp { background-position: -192px 0; }
.share_24 a.ww { background-position: -216px 0; }


/* РЕКОМЕНДАЦИЯ В СОЦ СЕТЯХ */
#share41 { background: none repeat scroll 0 0 #fff; border-left: 1px solid #eee; border-radius: 0 4px 4px 0; padding: 7px 7px 5px 7px; position: fixed; left: 50%; top: 55px; z-index: 1000; font-size: 100%; margin: 0; margin-left: 480px; outline: 0 none; line-height: 1; opacity: 0.9; display: none; }
#share41:hover { opacity: 1; }
#share41 a {  opacity: 0.9; background: url('/img/shre3.png') no-repeat -215px 0; display: block; width: 24px; height: 24px; margin: 0 0 0; text-decoration: none; color: #fff; font: 11px Verdana; font-weight: bold; text-align: center; transition: opacity 0.3s ease 0s; overflow: hidden; animation: share41-anim 0.5s 11 Alternate; }
#share41 a:hover { opacity: 1; }
#share41 a span { display: block; margin-top: 2px; }
@-webkit-keyframes share41-anim { 0% { opacity: 0.3; } 40% { opacity: 0.3; } 60% { opacity: 1; } 100% { opacity: 1; } }
@keyframes share41-anim         { 0% { opacity: 0.3; } 40% { opacity: 0.3; } 60% { opacity: 1; } 100% { opacity: 1; } }





/* РЕКОМЕНДАЦИЯ В СОЦ СЕТЯХ */
#share42 {
	background: none repeat scroll 0 0 #f5f8fb;
	background: rgba(245, 248, 251, 0.8);
	border-left: 1px solid #eee;
	border-radius: 0 4px 4px 0;
	padding: 7px;
	position: fixed;
	left: 50%;
	top: 100px;
	z-index: 1000;
	font-size: 100%;
	margin: 0;
	margin-left: 480px;
	outline: 0 none;
	line-height: 1;
	-width:37px;
	-position:absolute;
	-padding: 6px 0px 0px 6px;
	opacity: 0.3;
	transition: opacity 0.3s ease 0s;
}
#share42:hover {
	background: none repeat scroll 0 0 #F6F6F6;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#share42 a {
	opacity: 0.9;
	background-image: url('/img/shre3.png');
	background-repeat: no-repeat;
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 0 6px;
	border-radius: 2px;
}
#share42:hover a {
}
#share42 a:hover {
	opacity: 1;
}
#share42 img {
	border: medium none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#sb_facebook { background-position: 0 0; }
#sb_livejournal { background-position: -24px 0; }
#sb_mailru { background-position: -48px 0; }
#sb_odnoklassniki { background-position: -72px 0; }
#sb_twitter { background-position: -96px 0; }
#sb_vkontakte { background-position: -120px 0; }
#sb_google { background-position: -144px 0; }
#sb_pintrest { background-position: -144px 0; }
#sb_b17 { background-position: -168px 0; }
#share42 .close { opacity: 0.3; position: absolute; bottom: -21px; right: 1px; font: 10px Tahoma; color: #acb7c3; cursor: pointer; padding-bottom: 5px; }
#share42 .close:hover { opacity: 1; }
#share42:hover .close { opacity: 1; }
#share42 .share_plus { background: url('/img/shre3.png') no-repeat -192px 0 transparent; height: 12px; cursor: pointer; }

#share_normal { font-size: 1px; }
#share_normal a { opacity: 0.8; background-image: url('/img/shre3.png'); background-repeat: no-repeat; display: inline-block; width: 24px; height: 24px; margin: 0 6px 0 0; }
#share_normal a:hover { opacity: 1; }






/* POPAP ПАРТНЕРСКИЙ */
.popupbox { padding: 15px; background-color: #f1c973; width: 500px; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; box-shadow: 1px 1px 15px #000; border-radius: 5px; }
.popupbox div.border { border: 1px solid #daa05c; background-color: #f6f6f6; border-radius: 5px; padding: 20px 15px 20px 20px; overflow: hidden; }
.popupbox input.partner { width: 450px; padding: 2px; font-size: 15px; }
.popupbox h3 { font-size: 16px; margin: 0; padding: 0; }

.div_input_copy { border: 1px solid #c3cedb; padding: 0 2px; background-color: #fff; position: relative; border-radius: 2px; overflow: hidden; }
.div_input_copy > div { position: absolute; right: 3px; top: 1px; background-color: #fff; padding: 2px 0 0 0; color: #666; font-size: 13px; border-left: 7px solid #fff; border-bottom: 1px dotted #666; box-shadow: -5px 0 5px #fff; cursor: pointer; }
.div_input_copy input { width: 99%; border: 0; padding: 3px; box-sizing: border-box; background-color: transparent; font-size: 15px; outline: none; }

#fade {	display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .40; z-index: 9999; }


/* ПРЕДИКТИВНЫЙ ВЫБОР ГОРОДА */
/* #city_text { padding: 2px; width: 100%; border: 1px solid #ccc; background: url('/img/city_select.gif') no-repeat right center #fff; border-radius: 2px; }*/
#city_text { width: 100%; background-color: #fff; border: 1px solid #c8d2da; border-radius: 4px; display: inline-block; font-size: 15px; padding: 2px 25px 2px 5px; }
#city_result { box-shadow: 1px 2px 4px #aaa; border: 1px solid #ccc; border-top-width: 0; background-color: #fff; position: absolute; top: 0px; width: 100%; z-index: 999999; }
#city_result div  { padding: 2px; font: 14px Arial,Verdana; }
#city_result span { padding: 4px 2px; display: block; font: 13px Arial,Verdana; background-color: #ffdada; color: #444; }
#city_result div:hover { background-color: #f6f6f6; cursor: pointer; }

#wrapper-title .city_auto_info { background-color: #f9f3c6; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80; font-size: 15px; left: 12px; max-width: 300px; padding: 2px 15px; position: absolute; top: 0; white-space: nowrap; color: #5e593b; opacity: 0.8; }
#wrapper-title .city_auto_info:after { content: ''; position: absolute; left: -18px; top: 5px; border: 10px solid transparent; border-width: 7px 8px; border-right: 10px solid #f1e8af; }
#wrapper-title:hover .city_auto_info { opacity: 1; }



/* КНОПКИ ДЛЯ ТЕКСТОВОЙ ФОРМЫ */
div.sprites_textarea { background-color: #f9f9f9; border: 1px solid #bababa; padding: 2px; margin-top: 10px; border-bottom: 0; background: #eeeeee linear-gradient(180deg, #f8f8f8, #e6e6e6) repeat scroll 0 0; border-radius: 2px 2px 0 0; }
div.sprites_textarea div { display: inline-block; 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.img_smile { background-position: 0 -198px; width: 17px; }
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.g { background-position: 0 -226px; }
div.sprites_textarea div.sr { background-position: 0 -250px; }
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; }


/* tootlip */
#text {margin:50px auto; width:500px;  }
.hotspot {cursor:pointer; COLOR: #325683; TEXT-DECORATION: underline; }
#tt {position:absolute; display:block; }
#tttop {display:block; height:0px; margin:0px; overflow:hidden}
#ttcont { display:block; border-width: 1px; border-style:solid; border-color:#333333; padding:5px; background:#ffffe1; color:#000; font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; }
#ttbot {display:block; height:0px; margin:0px; overflow:hidden}


table.t14 td { font-size: 14px; }
table.t15 td { font-size: 15px; }
table.t16 td { font-size: 16px; }

table.vkladki_info { border: 0; padding: 0; border-collapse: collapse; table-layout: fixed; background-color: #E7F2FF; width: 100%; margin-bottom: 8px; transition: background-color .3s 0s ease; }
table.vkladki_info td { padding: 7px; white-space: nowrap; font-size: 15px; }
.vkladki_info .sort { font-size: 13px; padding-right: 3px; float: right; }
.vkladki_info .fav, .vkladki4 .fav { opacity: 0.6; transition: opacity 0.2s ease 0s; }
.vkladki_info:hover .fav, .vkladki4:hover .fav { opacity: 1; }

.sort_on  { color: #333; cursor: pointer; text-decoration: none; background-color: #d5e0ef; border-radius: 2px; padding: 2px 5px; box-shadow: -1px -1px 1px #909eb3, 1px 1px 1px #f5f9ff; }
a.sort_on  { color: #333; cursor: pointer; text-decoration: none; background-color: #d5e0ef; border-radius: 2px; padding: 2px 5px; box-shadow: -1px -1px 1px #909eb3, 1px 1px 1px #f5f9ff; }
.sort_off { color: #666; }

/* СТИЛЬ ДЛЯ СТАТЕЙ, ЗАМЕТОК */
td.from_bb { font-size: 16px; padding: 0; margin: 0 0 10px 0; word-wrap: break-word; line-height: 130%; }
td.from_bb h1 { font-size: 21px; padding: 0; margin: 0 0 10px 0; }
td.from_bb h2 { font-size: 18px; padding: 0; margin: 0 0 8px 0; }
td.from_bb h3 { font-size: 17px; padding: 0; margin: 0 0 6px 0; }
td.from_bb p { padding: 0; margin: 0 0 16px 0; text-align: left; }
td.from_bb div.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; }
td.from_bb img { max-width: 100%; }
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; }

.from_bb table.bb { font-size: 15px; border: 1px solid #999; border-collapse: collapse; }
.from_bb table.bb th { border: 1px solid #999; padding: 5px; background-color: #eee; }
.from_bb table.bb td { border: 1px solid #999; padding: 5px; background-color: #fff; }
.from_bb .class_avtor  { background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 1px; margin: 15px 0; padding: 10px; font-size: 15px; }
.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; }
.from_bb div.art_start { height: 0; }
.from_bb div.art_start + div { margin-top: 0 !important; }



/* СПИСОК СТРАНИЦ */
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; }



/* СПИСОК ТРЕНИНГОВ */

/* Список тренингов */
div.traning-list { border-bottom: 1px solid #ccc; padding: 14px 5px 16px 2px; margin: 0; overflow: hidden; }
div.traning-list .training-foto { float: left; margin: 2px 0 0 0; width: 100px; overflow: hidden; padding-bottom: 2px; }
div.traning-list .training-foto img { width: 100px; border-radius: 3px; }
div.traning-list .training-foto div.fio { font-size: 12px; color: #333; margin-top: 4px; }
div.traning-list .training-foto div.fio a { border-bottom: 1px dotted #666; color: #333; text-decoration: none; }
div.traning-list .training-foto div.fio a:hover { border-bottom-width: 0; }
div.traning-list .training-info { font-size: 15px; margin-left: 118px; text-align: left; }
div.traning-list h3 { font-size: 19px; font-weight: normal; }
div.traning-list .name { font-size: 19px; font-weight: normal; }
div.traning-list .training-type { color: #666; font-size: 13px; }
div.traning-list .training-text { margin: 7px 0 0; font-size: 15px; }
div.traning-list .training-data { margin: 7px 0 0; font-size: 14px; }
div.traning-list .training-data a { color: #333; text-decoration: none; border-bottom: 1px dotted #666; }
div.traning-list .training-data a:hover { border-bottom-width: 0; }
div.traning-list .training-data-n { padding: 3px 0 1px 0; }
div.traning-list .training-data-n-del { background: url('/img/time.gif') no-repeat left center transparent; padding: 3px 0 3px 20px; }
div.traning-list .training-fio { font-size: 14px; margin: 1px 0 0 0; padding: 0; }
div.traning-list .training-fio a { text-decoration: none; }
div.traning-list .training-knopki { margin-top: 15px; font-size: 15px; }

/* Список тренингов - Корректировка для страницы специалиста и центров */
div.traning-list2 { border-top: 1px solid #ccc; border-bottom-width: 0; }


/* Список материалов - Личная страница специалиста */
div.material-list { margin:0; padding: 8px 0; font-size: 18px; border-top: 1px solid #DDDDDD; }
div.material-list .n { float: right; background-color: #edf5ff; color: #333; font-size: 13px; padding: 2px 3px; }
div.material-list .text { margin: 5px 0; font-size: 14px; }
div.material-list .small { font: 13px Tahoma,Verdana; color: #777; margin-top: 2px; }


/* СПИСОК СПЕЦИАЛИСТОВ - КНОПКИ */

input.button-yellow { background: url('/img/button-yellow_v2.png') repeat-x scroll left bottom #ffe796; border: 1px solid #86aacd; border-radius: 2px; margin: 0 10px 0 0; padding: 1px 15px; cursor: pointer; }
input.button-yellow:hover { border-color: #F7941D; }



a.submit_green, .submit_green {
	background: #8eb555;
	background: linear-gradient(center top , #9ac161, #81a848) repeat scroll 0 0;
	border: 0 none;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #bedf8f inset, -1px -1px 1px #6e9338 inset, 1px 1px 1px #ddd;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	padding: 4px 20px;
	text-decoration: none;
	text-shadow: -1px -1px 0 #82a949;
    -webkit-appearance: none;

}
.submit_green:hover {
	background: #88b14c;
	background: linear-gradient(center top, #aad171, #81a848) repeat scroll 0 0;
}
.submit_green:active {
	background: #88b14c;
	background: linear-gradient(center top, #aad171, #81a848) repeat scroll 0 0;
}

/* ЖЕЛТАЯ КНОПКА */
.submit_yellow {
    background: #fbdf80;
    background: linear-gradient(180deg, #fbed93, #fbcc66);
    border: 1px solid #6392c2;
    box-shadow: 0 1px 0 #fcf9e1 inset;
    border-radius: 5px;
	display: inline-block;
    padding: 3px 30px;
    position: relative;
    text-shadow: 1px 1px 1px #fdf2b2;
    text-decoration: none;
    transition: box-shadow 0.1s ease 0s;
    cursor: pointer;
    white-space: nowrap;
    -webkit-appearance: none;
}
.submit_yellow:hover {
    background: #fbd370;
    background: linear-gradient(180deg, #fbdf80, #fbcc66);
    box-shadow: 0 1px 0 #fcf9e1 inset, 1px 1px 2px #ccc;
}
.submit_yellow:active {
    background: #fae08d;
}
a.submit_yellow {
	color: #000;
	text-decoration: none;
}

/* НАКЛАДЫВАЕМ ЗЕЛЕНЫЙ ЦВЕТ */
.submit_color_green {
    background: #86b300;
    background: linear-gradient(180deg, #99cb00, #789f00);
    box-shadow: 0 1px 0 #dee7c4 inset;
}
.submit_color_green:hover, .submit_color_green:active {
    background: #86b300;
    background: linear-gradient(180deg, #90c000, #789f00);
    box-shadow: 0 1px 0 #dee7c4 inset;
}
a.submit_color_green { color: #fff; text-shadow: 1px 1px 0 #789f00; }





#files_upload_preview img { max-width: 100px; max-height: 100px; display: block; display: inline-block; margin: 10px 10px 10px 0; }
#graffiti_preview { display: none; border: 1px solid #bbb; border-top-width: 0; background-color: #fbfff3; padding: 0 0 0 10px; }
#graffiti_preview img { max-width: 100px; max-height: 100px; display: block; display: inline-block; margin: 10px 10px 10px 0; border: 1px solid #ccc; }



DIV.trening { background-color: #FDFBDF; border: 1px solid #aaa; margin: 10px 0 10px 0; padding: 5px; }
DIV.grey { border-color: #999; background:#f7f7f7; border-style: solid; border-width: 1px; padding: 10px; margin: 0; }

div.quote { background: rgb(240,240,240); background: rgba(240,240,240,0.8); border: 1px solid #bbb; border-radius: 3px; box-shadow: 1px 1px 2px #ddd; padding: 6px; margin: 10px 5px 10px 20px; clear: right; overflow: hidden; font-size: 13px; position: relative; }
.topic_post div.quote:first-child { margin-top: 5px; }
div.quote .n { display: block; float: right; font-size: 13px; opacity: 0; margin-left: 10px; }
div.quote:hover .n { opacity: 0.3; }
div.quote a { color: #000; text-decoration: none; display: inline-block; margin-bottom: 2px; border-bottom: 1px dotted #f3f3f3; }
div.quote a:hover { color: #333; border-bottom: 1px dotted #666; }
div.quote img { float: left; margin: 0 8px 2px 0; width: 40px; height: 40px; opacity: 0.8; padding: 1px; border: 1px solid #ccc; }
div.quote small { font-size: 13px; }

div.quote span:hover { color: #333; border-bottom: 1px dotted #666; cursor: pointer; }

DIV.photo { width: 150px; height: 150px; text-align: center; margin: 0px 7px 7px 0px; padding: 0; border-width: 0; border-style:solid; border-color:#cccccc; background:#ffffff; display: inline-block; }



input.login { font-size: 8pt; font-family: arial; background-color: #ffffff; height: 20px; border: 1px solid #9aa7c4; }
input.trening { font-size: 10pt; font-family: arial; background-color: #ffffff; height: 20px; border: 1px solid #ffffff; border-bottom: 1px solid #9aa7c4; margin: 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; }

button.trening { font-size: 10pt; font-family: arial; background-color: #eff3f7; height: 20px; border: 1px solid #ffffff; border-bottom: 1px solid #9aa7c4; margin: 0 }
input.baton { font-size: 10pt; font-family: arial; background-color: #d6eaff; height: 23px; border: 1px solid #9aa7c4; background-image: url(/img/button-bg.gif); }



/* Список тренингов, специалистов, конференций !!! устарело !!! */
.list-razdelname { font-size: 24px; font-weight: bold; margin: 0; display: block; }
#trainig { font-size: 16px; display: block; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
#consultation { display: block; padding-top: 10px; clear:left; }




/* ВКЛАДКИ */
.vkladki { border: 0px solid #cccccc; position: relative; margin: 15px 0 10px 0; padding: 0; font-size: 15px; }
.vkladki ul { border-width: 0 0 2px 0; border-style: solid; border-color: #34689b; color: #222222; margin: 0; padding: 5px 0 0 7px; overflow: visible; }
.vkladki li { color: #333; display: -moz-inline-stack; display: inline-block; margin: 0 3px 0 0; padding: 4px 8px; background-color: #ededed; border: 1px solid #d5dadf; border-bottom-width: 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.vkladki li.on { color: #fff; display: -moz-inline-stack; display: inline-block; margin: 0 3px 0 0; padding: 4px 8px; background-color: #34689b; border: 1px solid #34689b; border-bottom-width: 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: url(/img/vkladka.gif) bottom center repeat-x; }
.vkladki a { color: #333333; text-decoration: none; }
.vkladki small { color: #999; font-size: 14px; }
.vkladki_sort { margin: 0; padding: 10px; border: 1px solid #aaaaaa; border-top-width: 0; }

/* ВКЛАДКИ V4 - БЕЗ КАРТИНКОК */
.vkladki4 { border: 0px solid #cccccc; position: relative; margin: 10px 0 0 0; padding: 0; font-size: 15px; }
.vkladki4 ul { border-bottom: 1px solid #34689b; color: #222222; margin: 0; padding: 5px 0 0 0; overflow: visible; }
.vkladki4 li { color: #555; display: -moz-inline-stack; display: inline-block; margin: 0 0 0 7px; padding: 3px 7px 3px 7px; background-color: #ededed; border: 1px solid #d5dadf; border-bottom-width: 0; border-radius: 4px 4px 0 0; cursor: pointer; }
.vkladki4 li:hover { border-color: #b0b4b8; background-color: #e6e6e6; }
.vkladki4 li span { font-size: 12px; color: #666; }
.vkladki4 li.on { background: #3d7bb8; background: linear-gradient(180deg, #458cd1, #34689d); color: #fff; display: -moz-inline-stack; display: inline-block; margin: 0 0 0 7px; background-color: #547ea7; border: 1px solid #547ea7; border-bottom-width: 0; }
.vkladki4 li.on span { font-size: 12px; color: #eee; }
.vkladki4 a, .vkladki4 li a  { color: #333333; text-decoration: none; }
.vkladki4 li.on a { color: #fff; text-decoration: none; }

/* ВКЛАДКИ V5 */
.vkladki5 { font-size: 15px; margin: 12px 0 0 0; position: relative; line-height: 100%; border-bottom: 1px solid #34689b; overflow: hidden; }
.vkladki5 a { display: inline-block; margin: 5px 0 -3px 7px; color: #555; padding: 5px 7px 7px 7px; background-color: #ededed; border: 1px solid #d5dadf; border-bottom-width: 0; border-radius: 4px 4px 0 0; text-decoration: none; white-space: nowrap; position: relative; }
.vkladki5 a:hover { border-color: #b0b4b8; background-color: #e6e6e6; }
.vkladki5 a span.n { padding-left: 4px; font-size: 12px; color: #4780b8; line-height: 100%; }
.vkladki5 a.on { background: #3d7bb8; background: linear-gradient(180deg, #458cd1, #34689d); color: #fff; background-color: #547ea7; border-color: #547ea7; }
.vkladki5 a.on span.n { color: #eee; }
.vkladki5 a::after { content: ''; position: absolute; bottom: 0; height: 3px; width: 100%; left: -2px; display: block; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); padding: 0 2px; }

/* ВКЛАДКИ ИНФО */
div.vkladki_info { border: 0px solid #c3cedb; background-color: #e7f2ff; padding: 10px; margin: 0 0 15px 0; font-size: 15px; overflow: hidden; transition: background-color .5s 0s ease; }



/* КНОПКА ЗАКЛАДКИ (ФОРУМ) */
.bookmark_on  { padding-left: 0; white-space: nowrap; position: relative; }
.bookmark_off { padding-left: 0; white-space: nowrap; position: relative; }
.bookmark_on:after { position: absolute; content: ''; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; background: url(/img/icons.png) no-repeat -16px -80px; pointer-events: none; }
.bookmark_off:after { position: absolute; content: ''; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; background: url(/img/icons.png) no-repeat -32px -80px; pointer-events: none; }
.bookmark_on a, .bookmark_off a { padding-left: 21px; }

/* КНОПКА ЗАКЛАДКИ (ФОРУМ) */
.bookmark_on_art {
	white-space: nowrap;
}
.bookmark_off_art {
	white-space: nowrap;
}
.bookmark_on_art a, .bookmark_off_art a { text-decoration: none; }

.bookmark_mini {
	padding: 5px 0 5px 10px;
	font: 13px Tahoma,Verdana;
}
.list .bookmark_mini {
	padding: 5px 0 5px 10px;
	font: 13px Tahoma,Verdana;
	opacity: 0.6;
	transition: opacity 0.2s ease 0s;
}
.list:hover .bookmark_mini {
	opacity: 1;
}
.bookmark_mini .bookmark_on {
	background: url(/img/favorit_mini.png) no-repeat -165px 50% transparent;
	padding-left: 19px;
	white-space: nowrap;
}
.bookmark_mini .bookmark_off {
	background: url(/img/favorit_mini.png) no-repeat 0 50% transparent;
	padding-left: 19px;
	white-space: nowrap;
}
.bookmark_mini .bookmark_on a, .bookmark_mini .bookmark_off a {
	color: #808080;
	text-decoration: none;
	border-bottom: 1px dotted #808080;
}
.bookmark_mini .bookmark_on a:hover, .bookmark_mini .bookmark_off a:hover {
	border-bottom-width: 0;
}



/* КНОПКА АРХИВ (ФОРУМ) */
.arhiv_on {
	background: url(/img/fond_on.png) no-repeat scroll 0 50% transparent;
	padding-left: 21px;
}
.arhiv_off {
	background: url(/img/fond_off.png) no-repeat scroll 0 50% transparent;
	padding-left: 21px;
}



/* ЛИЧНЫЕ ДАННЫЕ */
div.prfl {
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	padding: 10px 0 0 0;
	margin: 0;
}
div.prfl_separator {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #cccccc;
    height: 0;
    margin: 0;
}
div.prfl_h1 {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #cccccc;
	margin: 0;
}
div.prfl_h1 div {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #FFFFFF;
	background-color: #eff3f7;
	margin: 0;
	padding: 3px 0 5px 10px;
	font-size: 17px;
	color: #333333;
	font-weight: bold;
}
.prfl_save {
	width: 300px;
	padding: 2px;
	margin: 10px;
	border: 1px solid #6292c2;
	background: url('/img/bg_master_button.gif') repeat-x scroll center center #fbdc7b;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 1px 1px 3px #ccc;
}
.prfl_save:hover {
	background: url('/img/bg_master_button.gif') repeat-x scroll center bottom #fbdc7b;
}



/* КОММЕНТАРИИ К МАТЕРИАЛАМ */
div.comments { border-top: 1px dotted #999; padding: 7px 0 8px 0; }
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: 15px; }
div.comments div.text .city { color: #666; font-size: 14px; margin-top: 2px; }
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 div.edit_new { float: right; position: relative; margin: 0 1px 0 5px; height: 16px; width: 30px; background: url(/img/post_more.png) no-repeat center center; opacity: 0.3; }
div.comments:hover div.edit_new { opacity: 0.7; }
div.comments div.edit_new:hover { opacity: 1; }
div.comments div.edit_new > div { display: none; position: absolute; right: 0; top: 0; z-index: 11; }
div.comments div.edit_new > div > div { position: relative; margin-top: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 0 10px; box-shadow: 0 0 5px 5px #fff; }
div.comments div.edit_new > div > div::after { border-color: transparent transparent #ccc transparent; border-image: none; border-style: solid; border-width: 8px 8px; content: ''; position: absolute; right: 7px; top: -16px; }
div.comments div.edit_new:hover > div { display: block; }
div.comments div.edit_new a { position: relative; display: block; padding-left: 21px; text-decoration: none; line-height: 100%; margin: 10px 0; white-space: nowrap; }
div.comments div.edit_new a.edit_url:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/link.png) no-repeat 0 0; height: 16px; width: 16px; }
div.comments div.edit_new a.edit_edt:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/icons.png) no-repeat -48px -32px; height: 16px; width: 16px; }
div.comments div.edit_new a.edit_del:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/icons.png) no-repeat -128px -48px; height: 16px; width: 16px; opacity: 0.9; }
div.comments div.edit_new a.edit_wrn:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/icons.png) no-repeat -16px -16px; height: 16px; width: 16px; }
div.comments div.edit_new a.edit_str:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/icons.png) no-repeat -16px -80px; height: 16px; width: 16px; }

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.comments .comment_link_copy { background-color: #fff0b2; color: #4a4531; border-radius: 2px; margin: 0 0 10px; padding: 5px 7px; clear: right; overflow: hidden; font-size: 13px; box-shadow: 1px 1px 0 #cabe8b; }
div.comments .comment_link_copy input { width: 100%; padding: 5px; margin: 0; font-size: 15px; border-width: 0; font: 14px Arial; outline: none; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; }
div.comments .comment_link_copy input::selection { background: #afd7ff; }
div.comments .comment_link_copy input::-moz-selection { background: #afd7ff; }
div.comments .comment_link_copy > div { border: 1px solid #cabe8b; padding: 0; border-radius: 4px; position: relative; overflow: hidden; margin-top: 4px; padding: 0 80px 0 0; background: #fff; }
div.comments .comment_link_copy > div > div { position: absolute; top: 3px; right: 5px; font-size: 13px; color: #666; background-color: #fff; padding: 1px 0; border-bottom: 1px dotted #666; cursor: pointer; box-shadow: 0 0 30px 30px #fff; }
div.comments .comment_link_copy > div > div:hover { color: #325683; border-bottom-width: 0; }

/* Форма для ответа */
#comments_form0 { margin: 5px 0; background-color: #f5f6f8; box-shadow: 1px 1px 0 #b4bac1; padding: 10px; border-radius: 3px; text-align: center; color: #325683; cursor: pointer; }
#comments_form0:hover { background-color: #ebeef3; }
#comments_form1 { margin-top: 5px; background-color: #f5f6f8; border: 1px solid #b4bac1; padding: 10px; border-radius: 3px; }


/* лайк - в закладки, поделиться, перечислить */
.like .like_extra { font-size: 13px; margin-top: 7px; }
.like .like_extra 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 .like_extra a:hover { opacity: 1; }
.like .like_extra a.fav   { background-position: 0 50%; }
.like .like_extra a.share { background-position: -150px 50%; }
.like .like_extra a.money { background-position: -300px 50%; }
.like .like_extra a.bonus { background-position: -450px 50%; }


/* СКАЗАТЬ СПАСИБО - V2 - КОММЕНТАРИИ К СТАТЬЯМ */
div.like_big { white-space: nowrap; color: #325683; position: relative; float: right; }
div.like_big .text { opacity: 1; padding: 1px 0 0 20px; cursor: pointer; background: url('/img/hand.gif') no-repeat scroll left center transparent; }
div.like_big:hover .text { opacity: 1; }
div.like_big .text_on { opacity: 1; }
div.like_big .text:hover { color: #1b81ce; opacity: 1; }
div.like_big .n { background-color: #d2dfeb; }

.like_text_0 { opacity: 1; padding: 1px 0 0 20px; cursor: default; background: url('/img/hand.gif') no-repeat scroll left center transparent; color: #333; }
.like_text_0 span { color: #777; }


/* LIKE V3 */
.like_new { float: right; font-size: 14px; 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.3; }
.like_new .like_main:hover .t { opacity: 0.7; }
.like_new .like_main .t span { padding-left: 2px; }
@media screen and (max-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 .like_ppp_preview .ppp .f a { cursor: default; }
.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-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_new .ppp .t a.cons  { background-position: -600px 50%; }

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





/* Спойлер */
div.spoiler { background: rgba(240, 240, 240, 0.8) none repeat scroll 0 0; border: 1px solid #bbb; border-radius: 3px; box-shadow: 1px 1px 2px #e6e6e6; clear: right; font-size: 13px; margin: 5px; overflow: hidden; position: relative; }
div.spoiler .h { background-color: #eee; cursor: pointer; padding: 4px 6px 4px 24px; position: relative; }
div.spoiler .h:hover { background-color: #e6e6e6; }
div.spoiler .h:after { position: absolute; top: 50%; left: 6px; margin-top: -7px; width: 13px; height: 13px; display: block; background: url('/img/spoiler.png') no-repeat 0 0; content: ''; }
div.spoiler .t { font-size: 15px; color: #333; display: none; padding: 6px; }
div.spoiler_on .h { background-color: #ddd; }
div.spoiler_on .h:hover { background-color: #dadada; }
div.spoiler_on .h:after { background-position: -13px 0; }
div.spoiler_on .t { display: block; }

div.class_spoiler { background: #f3f3f3; border: 1px solid #bbb; border-color: #ddd #ccc #ccc #ddd; border-radius: 5px; box-shadow: 1px 1px 2px #e6e6e6; clear: right; margin: 7px 0; overflow: hidden; position: relative; }
div.class_spoiler .class_spoiler_h { background-color: #f1f1f1; cursor: pointer; padding: 7px 6px 7px 24px; position: relative; }
div.class_spoiler .class_spoiler_h:hover { background-color: #e6e6e6; }
div.class_spoiler .class_spoiler_h:after { position: absolute; top: 50%; left: 6px; margin-top: -7px; width: 13px; height: 13px; display: block; background: url('/img/spoiler.png') no-repeat 0 0; content: ''; }
div.class_spoiler .class_spoiler_t { font-size: 15px; color: #333; display: none; padding: 10px 6px; }
div.class_spoiler_on .class_spoiler_h { background-color: #ddd; }
div.class_spoiler_on .class_spoiler_h:hover { background-color: #dadada; }
div.class_spoiler_on .class_spoiler_h:after { background-position: -13px 0; }
div.class_spoiler_on .class_spoiler_t { display: block; }



/* Облако лайков - слева */
div.like_1 {
	bottom: 15px;
	cursor: auto;
	color: #000;
	display: none;
	font-size: 12px;
	margin: 1px 0 0 0;
	padding-bottom: 3px;
	position: absolute;
	right: 0;
	text-align: left;
	z-index: 100;
}
div.like_1 div.like_2 {
	bottom: 3px;
	right: 50px;
	background: url('/img/like_arr.png') no-repeat scroll center bottom transparent;
	position: absolute;
	height: 9px;
	width: 20px;
	z-index: 102;
}
div.like_1 div.like_3 {
	background-color: #F6F3CD;
	background-color: rgba(246, 243, 205, 0.99);
	border: 1px solid #959071;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 2px #ddd;
	float: right;
	margin-bottom: 8px;
	overflow: hidden;
	padding: 8px 10px 10px;
	white-space: nowrap;
	z-index: 101;
}


/* Фотки пользователей */
.like_foto_30 img { border: 1px solid #ccc; padding: 1px; margin: 5px 5px 0 0; width: 30px; height: 30px; }
.like_foto_40 img { border: 1px solid #ccc; padding: 1px; margin: 5px 5px 0 0; width: 40px; height: 40px; }
.like_foto_50 img { border: 1px solid #ccc; padding: 1px; margin: 5px 5px 0 0; width: 50px; height: 50px; }
.like_foto_30 img:hover, .like_foto_40 img:hover, .like_foto_50 img:hover { border-color: #bbb; }

.like_n_text { padding-bottom: 3px; }
.like_n_text span { font-weight: bold; cursor: pointer; color: #000; }
.like_n_text span:hover { color: #405c78; }
.like_n_all { margin-top: 7px; font-size: 13px; color: #666; cursor: pointer; text-decoration: underline; }
.like_n_all:hover { text-decoration: none; }


.like_foto_100 { float: left; margin: 15px 10px 0 0; }
.like_foto_100 .foto { background: url('/img/0.gif') no-repeat center center #ddd; border: 1px solid #ccc; background-size: 100%; width: 72px; height: 72px; text-align: center; }
.like_foto_100 .foto img { width: 70px; height: 70px; }
.like_foto_100 .fio { font-family: Tahoma,Verdana; font-size: 10px; height: 27px; max-width: 72px; margin: 2px 0; text-align: center; overflow: hidden; }
.like_foto_100 .fio a { color: #000; }



/* ЦВЕТНЫЕ БЛОКИ  */
div.box-red   { margin: 15px 0; padding: 10px; border: 1px solid #ff0000; background: #ffe4e4; border-radius: 2px; }
div.box-green { margin: 15px 0; padding: 10px; border: 1px solid #5dc35d; background: #e8fde1; border-radius: 2px; }
div.box-admin { margin: 15px 0; padding: 10px; border: 1px solid #c7bb8c; background: #fdfceb; border-radius: 2px; }
div.box-grey  { margin: 15px 0; padding: 10px; border: 1px solid #bbbbbb; background: #fbfbfb; border-radius: 2px; overflow: hidden; }
div.box-grey .fade { opacity: 0; transition: opacity 0.2s ease 0s; }
div.box-grey:hover .fade { opacity: 0.5; }
div.box-grey .fade:hover { opacity: 1; }

div.box-rkl { background-color: #fff; font-size: 14px; text-align: center; margin: 10px 5px; }
div.box-rkl a { text-decoration: none; }


/* маленькие картинки в списке статей, заметок, центров и сообществ */
div.icons_11 { font-size: 13px; font-family: Tahoma,Verdana,Arial; color: #5486b8; overflow: hidden; margin-top: 3px; width: 120px; text-align: right; }
div.icons_11 div { font-size: 13px; display: inline-block; background: url('/img/icon_11.png') no-repeat left top transparent; padding: 0 0 0 13px; margin: 0 0 0 8px; color: #777; text-align: left; }
div.icons_11 div:hover { border-bottom: 1px solid #ccc; }
div.icons_11 div.view { background-position: 0 -27px; margin: 0; padding-left: 16px; }
div.icons_11 div.like { background-position: 0 -57px; }
div.icons_11 div.comm { background-position: 0 -72px; }
div.icons_11 div.order { background-position: 0 -88px; }
div.icons_11 div.money { background-position: 0 -104px; }
div.icons_11 div.tel { background-position: 0 -119px; }


/* маленькие картинки в списке статей */
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 { opacity: 1; }
div.icons_111 div { display: inline-block; 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.gotop a { color: #afd2f6; text-decoration: none; font-weight: bold; padding: 5px 2px; }
img.ico16 { vertical-align: bottom; margin: 0 5px 1px 0; }

.forumpicture {
	max-width: 450px;
	max-height: 450px;
	width: expression(this.width > 450 ? 450: true);
	height: expression(this.height > 450 ? 450: true);
}


/* Сортировка по алфавиту  */
div.alfavit { margin: 15px 0 0 0; padding: 5px; text-align: center; border: 1px solid #f9c9a3; background-color: #fbf2d4; border-radius: 3px; box-shadow: 1px 1px 2px #ccc; }
div.alfavit a { padding: 2px 4px; margin: 0 0 0 2px; text-decoration: none; border-radius: 3px; }
div.alfavit a:hover { background-color: #f9df9f; color: #000; }
div.alfavit a.on, div.alfavit a.on:hover { background-color: #ffca4b; color: #000; }
div.alfavit a.off, div.alfavit a.off:hover { color: #666; background-color: transparent; }



/* МЕНЮ V3 - С выпадающими списками */
#nav{
	list-style:none;
	overflow: visible;
	z-index: 95;
	padding: 0;
	margin-left: 21px;
}
#nav li{
	/* float:left; display: block; */
	display: inline-block;
	margin: 0;
	margin-left: 0;
	margin-right: 0px;
	position:relative;
	z-index: 96;
	border-left: 1px solid #F9FAFC;
    border-right: 1px solid #CEDAE5;
    padding: 0;
    position: relative;
    text-align: left;
	text-shadow: 1px 1px 0 #fff;
    transition: background-color 0.2s 0s ease;
}
#nav li a{
	display: block;
	padding: 2px 7px 3px;
	color: #325683;
	text-decoration: none;
}
#nav li:hover {
	background-color: #d4e1ee;
	text-shadow: 1px 1px 0 #ebf2f8;
}
#nav li.activ {
    background-color: #f3f6f8;
    box-shadow: 0 1px 2px #dbe7f2 inset;
    text-shadow: 1px 1px 0 #fff;
}
#nav li a:hover {
	color: #344b66;
}
#nav li a span { color: #777; font-size: 15px; text-shadow: 0 0 0 #fff; }
#nav li a span.my { background-color: #f2d96c; color: #c22; padding: 1px 5px; border-radius: 3px; box-shadow: 1px 1px 0 #fff; font-weight: bold; font-size: 14px; border: 0px solid #fff; }
/*
#nav li a span { background-color: #9EBDD5; border-radius: 2px; box-shadow: 1px 1px 0 #8AACC7 inset; color: #fff; font-family: tahoma; font-size: 14px; padding: 0 4px; text-shadow: 1px 1px 0 #789EBC; }
*/

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	margin-left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: -9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	box-shadow: 1px 1px 5px 1px #fff;
	border-radius: 0 0 4px 4px;
}
#nav ul li {
	border-top: 1px solid #adbecd;
	border-left-width: 0;
	border-right-width: 0;
	display: block;
	float:none;
	font-size: 15px;
    padding-left: 0;
    background: #718da8;
    background-color: #718da8;
	background-color: rgba(113, 141, 168, 0.97);
	text-shadow: -1px -1px 0 #547492;
}
#nav ul li:hover {
	background-color: #7f9bb5;
	background-color: rgba(127, 155, 181, 0.97);
	text-shadow: -1px -1px 0 #6986a0;
}
#nav ul li a {
	min-width: 90px;
	color: #fff;
	padding: 5px 9px 5px 9px;
	white-space: nowrap;
	display: block;
}
#nav ul li a:hover {
	color: #fff;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left: 0;
}
#nav li.menu3-dop {
	background-color: #f9ce77;
	text-shadow: 0 0 0 #f9ce77;
}
#nav li.menu3-dop:hover {
	background-color: #fdd88c;
	text-shadow: 0 0 0 #f9ce77;
}
#nav ul li a.my {
	color: #ffdc73;
}
#nav ul li a span { color: #d7e7f6; font-size: 14px; text-shadow: 0 0 0 #d7e7f6; }
#nav .menu-bkmrk { background: url('/img/favorit.png') 8px 50% no-repeat; width: 32px; }
#nav .menu-bkmrk:hover { background-position: -50px 50%; }


/* AJAX Чекбоксы */
.checkbox, .radio {
	cursor: pointer;
	margin: 5px 0;
	position: relative;
	padding-left: 20px;
}
.checkbox:hover {
	color: #555;
}
.checkbox .box {
	background: url(/img/checkbox.gif) no-repeat 0 0 #fff;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
	position: absolute;
	left: 0;
	top: 2px;
}
.checkbox:hover .box { background-position: -16px 0; }
.checkbox .checked { background-position: -32px 0; }
.checkbox:hover .checked { background-position: -48px 0; }
.checkbox input { display: none; }

.radio .box {
	background: url(/img/checkbox.gif) no-repeat 0  -16px #fff;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
	position: absolute;
	left: 0;
	top: 2px;
}
.radio:hover .box { background-position: -16px -16px; }
.radio .checked { background-position: -32px -16px; }
.radio:hover .checked { background-position: -48px -16px; }
.radio input { display: none; }



/* AJAX Чекбоксы */
.checkbox2, .radio2 { cursor: pointer; margin: 5px 0; position: relative; display: inline-block; }
.checkbox2:hover { color: #555; }
.checkbox2 .box { display: inline-block; margin-right: 5px; vertical-align: bottom; }
.checkbox2 .box span { padding: 2px 5px; margin: 0 5px; }
.checkbox2:hover .box {  }
.checkbox2 .checked { background-color: #D5E0EF; border-radius: 2px; box-shadow: -1px -1px 1px #909EB3, 1px 1px 1px #F5F9FF; cursor: pointer; text-decoration: none; }
.checkbox2:hover .checked {  }
.checkbox2 input { display: none; }

.radio2 .box { opacity: 0.7; }
.radio2:hover .box { opacity: 0.9; }
.radio2 .checked { background-color: #D5E0EF; box-shadow: -1px -1px 1px #a0b8d4, 1px 1px 1px #f5f9ff; border-radius: 2px; cursor: pointer; text-decoration: none; padding: 2px 5px; color: #000; opacity: 1; }
.radio2:hover .checked {  }
.radio2 input { display: none; }

span.checkbox_on { background: url(/img/checkbox.gif) no-repeat scroll -32px 0; display: inline-block; height: 14px; left: 0; margin-right: 5px; top: 2px; vertical-align: bottom; width: 14px; }
span.checkbox_off { background: url(/img/checkbox.gif) no-repeat scroll 0 0; display: inline-block; height: 14px; left: 0; margin-right: 5px; top: 2px; vertical-align: bottom; width: 14px; }


/* CSS-чекбоксы */
.css-radio label { cursor: pointer; display: inline-block; position: relative; margin-top: 7px; padding-left: 21px; }
.css-radio label:hover { color: #666; }
.css-radio input[type=radio] { display: none; }
.css-radio label:before { position: absolute; top: 3px; left: 0; content: ""; display: inline-block; width: 16px; height: 16px; bottombottom: 1px; background-color: #aaa; background: url("/img/checkbox.gif") no-repeat scroll 0 -16px; }
.css-radio input[type=radio]:checked + label:before { background: url("/img/checkbox.gif") no-repeat scroll -32px -16px; }
.css-radio input[type=radio]:checked + label { color: #c33; }


/* Ограничение длины textarea */
.textarea_maxlength_info { padding: 5px 10px; margin: 0 0 10px 0; background-color: #fffcd3; color: #c33; font-size: 14px; }


/* CSS СПРАЙТЫ */
.ico { background: url('/img/icons.png') no-repeat 0 0; height: 16px; width: 16px; overflow: hidden; user-select: none; }
span.ico { display: inline-block; vertical-align: bottom; margin: 0 5px 1px 0; }

.ico-user { background-position: -16px 0; }
.ico-boss { background-position: -32px 0; }
.ico-shield { background-position: -48px 0; }
.ico-map { background-position: -64px 0; }
.ico-lock { background-position: -80px 0; }
.ico-key { background-position: -96px 0; }
.ico-idea { background-position: -112px 0; }
.ico-lightning { background-position: -128px 0; }
.ico-koob { background-position: -144px 0; }

.ico-world { background-position: 0 -16px; }
.ico-warning { background-position: -16px -16px; }
.ico-share { background-position: -64px -112px; }
.ico-tre_green { background-position: -48px -16px; }
.ico-tre_red { background-position: -64px -16px; }
.ico-resend { background-position: -80px -16px; }
.ico-page_refresh { background-position: -96px -16px; }
.ico-refresh { background-position: -112px -16px; }
.ico-house { background-position: -128px -16px; }
.ico-find { background-position: -144px -16px; }

.ico-diplom { background-position: 0 -32px; }
.ico-sertificat { background-position: -16px -32px; }
.ico-add_new { background-position: -32px -32px; }
.ico-edit { background-position: -48px -32px; }
.ico-email { background-position: -64px -32px; }
.ico-email_yellow { background-position: -80px -32px; }
.ico-money { background-position: -96px -32px; }
.ico-money_gold { background-position: -112px -32px; }
.ico-print { background-position: -128px -32px; }
.ico-bl2 { background-position: -144px -32px; }

.ico-article { background-position: 0 -48px; }
.ico-blog { background-position: -16px -48px; }
.ico-articles { background-position: -32px -48px; }
.ico-blanc { background-position: -48px -48px; }
.ico-present { background-position: -64px -48px; }
.ico-cancel { background-position: -80px -48px; }
.ico-drop { background-position: -96px -48px; }
.ico-cancel_bold { background-position: -112px -48px; }
.ico-del { background-position: -128px -48px; }
.ico-del2 { background-position: -144px -48px; }

.ico-monitor { background-position: 0 -64px; }
.ico-date { background-position: -16px -64px; }
.ico-chat1 { background-position: -32px -64px; }
.ico-chat2 { background-position: -48px -64px; }
.ico-cart { background-position: -64px -64px; }
.ico-users { background-position: -80px -64px; }
.ico-v1 { background-position: -96px -64px; }
.ico-v0 { background-position: -112px -64px; }
.ico-folder { background-position: -128px -64px; }
.ico-sort { background-position: -144px -64px; height: 14px; margin-right: 4px; }

.ico-house2 { background-position: 0 -80px; }
.ico-star1 { background-position: -16px -80px; }
.ico-star0 { background-position: -32px -80px; }
.ico-calendar { background-position: -48px -80px; }
.ico-chart { background-position: -64px -80px; }
.ico-order { background-position: -80px -80px; }
.ico-best, span.ico-best { background-position: -96px -80px; height: 15px; margin-right: 1px; }
.ico-star11, span.ico-star11 { background-position: -112px -80px; height: 15px; margin-right: 1px; }
.ico-art11 { background-position: -128px -84px; width: 10px; height: 12px; }
.ico-blog11 { background-position: -144px -84px; width: 10px; height: 12px; }

.ico-hand1 { background-position: 0 -96px; }
.ico-hand0 { background-position: -16px -96px; }
.ico-nohand1 { background-position: -32px -96px; }
.ico-nohand0 { background-position: -48px -96px; }
.ico-arts {  background-position: -64px -96px; }
.ico-heart {  background-position: -128px -96px; }

.ico-sound {  background-position: 0 -112px; }
.ico-sound_off {  background-position: -16px -112px; }
.ico-top {  background-position: -32px -112px; }
.ico-tre_mini { background-position: -112px -112px; height: 15px; margin-right: 1px !important; }

.ico-hold {  background-position: -32px -128px; }

.ico-forum1 { background-position: -16px -144px; }
.ico-forum2 { background-position: 0 -144px; }
.ico-forum3 { background-position: -32px -144px; }
.ico-forum4 { background-position: -16px 0; }
.ico-forum5 { background-position: -96px -144px; }
.ico-forum6 { background-position: -48px -48px; }
.ico-forum7 { background-position: -128px -144px; }
.ico-forum8 { background-position: -48px -144px; }
.ico-forum9 { background-position: -64px -144px; }
.ico-forum10 { background-position: -128px -144px; }
.ico-forum11 { background-position: -128px 0; }
.ico-forum12 { background-position: -144px -128px; }
.ico-b17    { background-position: -112px -144px; }
.ico-bl     { background-position: -80px -144px; }

.ico-forum_hid { background-position: 0 -128px; height: 15px; }
.ico-forum_last { background-position: -16px -128px; height: 15px; }
.ico-forum_top { background-position: -32px -128px; }

/* AJAX Выбор города */
.city_ajax_box .city_search_form { padding: 10px; border: 1px solid #c7d0d8; background-color: #eff6fc; border-radius: 2px; overflow: hidden; position: relative; }
.city_ajax_box .city_text_new { padding: 3px; min-width: 250px; }
.city_ajax_box .city_search_result { font-size: 15px; }
.city_ajax_box .city_search_result div.c { margin: 6px 0; padding: 2px 5px; border: 1px solid #c3ced8; background-color: #feefc7; border-radius: 3px; box-shadow: 1px 1px 1px #dee4e9; color: #282c30; cursor: pointer; }
.city_ajax_box .city_search_result div.c:hover { background-color: #fbe28a; }
.city_ajax_box .city_ok { border-bottom: 1px dotted #999; color: #325683; cursor: pointer; }
.city_ajax_box .city_del { color: #666; text-decoration: none; font-size: 14px; }
.city_ajax_box .city_del span { border-bottom: 1px dotted #999; cursor: pointer;  }

.city_finde { background-color: #eff6fc; border: 1px solid #c7d0d8; border-radius: 2px; overflow: visible; padding: 10px; position: relative; }
.city_finde .h { font: 12px Verdana; font-weight: bold; margin: 0 0 4px; color: #333; }
.city_finde input[type="text"] { min-width: 250px; }
.city_finde input[type="text"]:focus { outline: none; }
.city_finde_list { position: absolute; top: 100%; z-index: 9999; left: 0; width: 100%; overflow: hidden; max-width: 250px; background-color: #fff; border: 1px solid #ddd; border-width: 0 1px 1px; display: none; }
.city_finde_list div.b { color: #999; font-size: 13px; padding: 2px 5px; }
.city_finde_list div.i { font-size: 15px; padding: 2px 5px; display: none; }
.city_finde_list div.i:hover { background-color: #fd9; }
.city_finde_list div.activ { background-color: #fc6; }
.city_finde_list div.x { display: none; color: #966; font-size: 13px; padding: 5px; }


#tooltip { z-index: 9999; position: absolute; display: none; top: 0; left: 0; background-color: #fdf4bb; padding: 2px 10px; color: #392d0e; opacity: 1; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80; font: 13px Verdana; }
span.tooltip { position: relative; border-bottom: 1px dotted #999; cursor: help; }
span.tooltip .tooltip_text { bottom: 30px; left: -50px; display: none; position: absolute; background-color: #f5ecb0; box-shadow: inset -1px -1px 0 #c4bb80, 5px 5px 5px rgba(0, 0, 0, 0.1); padding: 8px 10px; border-radius: 4px; font-size: 13px; font-family: Verdana; color: #4e4c33; font-weight: normal; max-width: 300px; min-width: 150px; }
span.tooltip .tooltip_text:after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -17px; border: 10px solid transparent; border-width: 7px 8px; border-top: 10px solid #c4bb80; }
span.tooltip:hover .tooltip_text { display: block; opacity: 1; }




.ppp_info {	width: 100%; height: 100%; box-sizing: border-box; padding: 5px; position: fixed; top: 0; left: 0; overflow: auto; white-space: nowrap; text-align: center; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); }
.ppp_info::before { height: 100%; display: inline-block; vertical-align: middle; content: ''; }  /* выравнивание по вертикали */
.ppp_info > div { display: inline-block; max-width: 100%; margin: 0 auto; box-sizing: border-box; overflow: none; vertical-align: middle; }
.ppp_info > div > div {
	margin: 0 auto;
	overflow: none;
	background-color: #edf2f9;
	border: 15px solid #bacde8;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #333;
	box-sizing: border-box;
	display: inline-block;
	padding: 20px;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	color: #000; /* 6a6758 */
	width: 600px;
	max-width: 100%;
}




/* Запись аудио */
#audio_rec_box { background-color: #fbfff3; max-width: 750px; color: #000; padding: 15px; overflow: hidden; display: none; border: 1px solid #ccc; border-top-width: 0; }
#audio_rec_box table { color: #888; }
#audio_rec_box table .td2 { width: 100%; padding-right: 10px; }
#audio_rec_box table .td3 { padding: 2px 1px 2px 0; }

#audio_rec_box .btn_rec { display: inline-block; position: relative;  padding: 5px 7px 5px 21px; font-size: 15px; background-color: #f6dfdf; border-radius: 2px; line-height: 100%; color: #111; cursor: pointer; display: none; box-shadow: 1px 1px 1px #d7a9a9; margin-right: 15px; white-space: nowrap; }
#audio_rec_box .btn_rec::after { position: absolute; display: block; content: ''; top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; border-radius: 5px; background-color: #f33838; }
#audio_rec_box .btn_stop { display: inline-block; position: relative;  padding: 5px 7px 5px 21px; font-size: 15px; background-color: #dddddd; border-radius: 2px; line-height: 100%; color: #111; cursor: pointer; display: none; box-shadow: 1px 1px 1px #bbb; margin-right: 15px; white-space: nowrap; }
#audio_rec_box .btn_stop::after { position: absolute; display: block; content: ''; top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; background-color: #444; }
#audio_rec_box .btn_del { display: inline-block; width: 19px; height: 19px; opacity: 0.6; cursor: pointer; display: none; }
#audio_rec_box .btn_del:hover { opacity: 1; }
#audio_rec_box audio { display: none; opacity: 0.5; }

/* Прослушивание аудио */
#sound_rec_player { background-color: #eaefdf; overflow: hidden; margin: 0; border-radius: 4px; }
#sound_rec_player .play { float: left; width: 40px; height: 40px; background: url(/img/audio_play.svg) no-repeat 50% 50%; opacity: 0.7; cursor: pointer; }
#sound_rec_player .play:hover { opacity: 1; }
#sound_rec_player .play_on { background-image: url(/img/audio_pause.svg); }
#sound_rec_player .progress { margin: 0 50px 0 40px; padding: 12px 0 0 0; }
#sound_rec_player .progress > div { height: 16px; background-color: #fdfdfc; border-radius: 4px; box-shadow: inset 1px 1px 1px #d1d7c4; overflow: hidden; }
#sound_rec_player .progress > div > div { height: 16px; display: inline-block; background-color: #63a64c; }
#sound_rec_player .time { float: right; width: 50px; text-align: center; font-size: 16px; color: #666; padding-top: 12px; line-height: 100%; }



/* ОТСЕЧКИ - / 910 / 700 / 640 (580) / 480 / 360 / 320  */

@media screen and (max-width: 910px) {
	div.html-wrapper {
		max-width: 910px;
		min-width: 700px;
		margin: 0 auto;
	}

	.searchform2, .no-mobile, #go_top, #share42, #fly-box-0, #nav li.no-mobile, #nav li a.no-mobile {
		display: none;
	}
	.vkladki2 li.no-mobile { display: none; }
	.vkladki5 a.no-mobile  { display: none; }

	.body_padding {
		padding: 20px 10px;
	}
	#nav { margin-left: 5px; }
	#wrapper-bottom { border-radius: 0; }

	#forum-filter-select {
		max-width: 120px;
	}


	/* Показываем */
	.only-mobile            { display: block; }
	a.only-mobile           { display: inline-block; }
	span.only-mobile        { display: inline-block; }
	.only-mobile-910        { display: block; }
	span.only-mobile-910    { display: inline-block; }
	#nav li a.only-mobile   { display: block; }
	#nav li.only-mobile-910 { display: inline-block; }


	/* Скрываем */
	.no-mobile-910 { display: none;	}
}




@media screen and (max-width: 700px) {
	div.html-wrapper {
		/*max-width: 700px;*/
		min-width: 580px;
	}

	/* Скрываем "На сайте зарегистрированы..." */
	#wrapper-title .text .city-all-n {
		font-size: 0px;
		overflow: hidden;
	}

	/* Сжимаем шапку */
	#wrapper-title {
		height: 95px;
		background-size: auto 100%;
	}
	#wrapper-title .go_index {
		height: 80px;
		width: 150px;
	}
	#wrapper-title .text {
		padding: 13px 0 0 160px;
	}

	/* Перерисовываем развернутое личное меню */
	#my_menu_fill .my_spec_1, #my_menu_fill .my_spec_2, #my_menu_fill .my_spec_3, #my_menu_fill .my_spec_4 {
		background-image: url('/img/0.gif');
		border-right-width: 0;
		border-bottom-width: 0;
		display: inline-block;
		min-width: 225px;
		margin-bottom: 0;
		padding-left: 0;
		width: 50%;
	}
	#my_menu_fill .h { display: none; }
	#my_menu_fill .my_spec_1 .m, #my_menu_fill .my_spec_2 .m { display: none; }
	#my_menu_fill .my_spec_3 .only-mobile-700 { display: block; }
	#my_menu_fill a.mym { padding: 6px 0 6px 5px; }

	/* Изменяем стиль основного меню */
	div.menu_new3 {
		background: url(/img/menu_bg_v3.png) no-repeat scroll -10px bottom #ebf2f8;
	}
	#nav li {
		border-left-width: 0;
		border-right-width: 0;
	}
	#nav li ul {
		opacity: 0;
	}
	#nav li ul li {
		display: none;
	}

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-700 {
		display: none;
	}
	.only-mobile-700     { display: block; }
	span.only-mobile-700 { display: inline-block; }
}

@media screen and (max-width: 580px) { /* 640 */
	div.html-wrapper {
		/* max-width: 580px; */
		min-width: 480px;
	}

	#wrapper-title {
		height: 92px;
		background-size: auto 100%;
	}
	#wrapper-title .go_index {
		height: 80px;
		width: 130px;
	}
	#wrapper-title .text {
		padding: 12px 0 0 140px;
	}


	/* Скрываем правое меню */
	.wrapper-body-right {
		display: none;
	}

	/* Показываем дополнительные пункты в основном меню */
	#nav li.only-mobile { display: inline-block; }
	#nav li.only-mobile-580 { display: inline-block; }

	/* Стиль Личного меню */
	div.my_menu_mobile_full {
		display: block;
	}
	div.my_menu_mobile_full div.m {
	    display: inline-block;
	    font-size: 16px;
	    min-width: 170px;
		margin: 2px 0;
		overflow: hidden;
	}

	/* Ширина первой колонки топика на форуме*/
	.forum-topic-first-column-width {
		max-width: 105px;
		width: 100px;
		overflow: hidden;
	}
	.forum-topic-first-column-width img {
		max-width: 100px;
		width: 100px;
	}

	/* Форму - все кто лайкал */
	.like_foto_100 { margin: 7px 5px 0 0; }
	.like_foto_100 .foto { height: 42px; width: 42px; }
	.like_foto_100 .foto img { height: 40px; width: 40px; margin: 0 5px 5px 0; }
	.like_foto_100 { margin: 7px 5px 0 0; }
	.like_foto_100 .foto { height: 42px; width: 42px; }
	.like_foto_100 .foto img { height: 40px; width: 40px; margin: 0 5px 5px 0; }

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-640 {
		display: none;
	}
	.only-mobile-640     { display: block; }
	span.only-mobile-640 { display: inline-block; }
}

@media screen and (max-width: 480px) { /*  and (orientation: portrait), screen and (max-width: 480px) and (orientation: landscape) */
	div.html-wrapper {
		/* max-width: 480px; */
		min-width: 320px;
	}

	/* Вкладки */
	div.vkladki4, div.vkladki5 { margin-left: -10px; margin-right: -10px; }
	div.vkladki_info { margin-left: -10px; margin-right: -10px; }

	#my_menu_fill tr { display: flex; display: -webkit-flex ; -webkit-flex-direction: column; flex-direction: column; display:-webkit-box; -webkit-box-orient:vertical; }
	#my_menu_fill .my_spec_3 { display: block; -webkit-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
	#my_menu_fill .my_spec_4 { display: block; -webkit-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
	#nav li.only-mobile-480 { display: inline-block; }


	#wrapper-title {
		height: 90px;
	}
	#wrapper-title .go_index {
		height: 80px;
		width: 110px;
	}
	#wrapper-title .text {
		padding: 13px 0 0 135px;
	}
	#wrapper-title .text a.h {
		font-size: 23px;
	}
	#wrapper-title .text .city-select {
		font-size: 13px;
	}
	#wrapper-title .text .city-select .city span {
		font-size: 17px;
	}

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-480 {
		display: none !important;
	}
	.only-mobile-480     { display: block; }
	span.only-mobile-480 { display: inline-block; }
}

@media screen and (max-width: 360px) {
	div.html-wrapper {
		/* max-width: 360px; */
		min-width: 320px;
	}

	/* Вкладки */
	div.vkladki4 { margin-left: -10px; margin-right: -10px; }
	div.vkladki_info { margin-left: -10px; margin-right: -10px; }

	#wrapper-title {
		height: 80px;
	}
	#wrapper-title .go_index {
		height: 70px;
		width: 100px;
	}
	#wrapper-title .text {
		padding: 12px 0 0 120px;
	}
	#wrapper-title .text a.h {
		font-size: 20px;
	}
	#wrapper-title .text .city-select {
		font-size: 12px;
	}
	#wrapper-title .text .city-select .city span {
		font-size: 16px;
	}

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-360, .forum_list .l a {
		display: none !important;
	}
	.only-mobile-360     { display: block; }
	span.only-mobile-360 { display: inline-block; }
}

@media screen and (max-width: 320px) { /* , screen and (min-device-width: 240px) and (orientation: portrait) screen and (min-device-width: 320px) and (orientation: portrait), screen and (max-width: 320px) and (orientation: landscape) */
	div.html-wrapper {
		/* max-width: 320px; */
		min-width: 240px;
	}

	#wrapper-title {
		height: 70px;
	}
	#wrapper-title .go_index {
		height: 60px;
		width: 100px;
	}
	#wrapper-title .text {
		padding: 10px 0 0 110px;
	}
	#wrapper-title .text a.h {
		font-size: 18px;
	}
	#wrapper-title .text .city-select {
		font-size: 12px;
	}
	#wrapper-title .text .city-select .city span {
		font-size: 15px;
	}

	/* Сужаем рамки */
	.body_padding {
		padding: 20px 10px;
	}
	/* Список тем на форуме */
	table.forum_list tr.list td {
		padding: 6px 2px;
	}
	table.forum_list tr.list td.n {
	    padding-left: 2px;
	    padding-right: 2px;
	}


	/* Дополнительно скрываем или показываем ... */
	.no-mobile-320, .vkladki2 li.no-mobile-320 {
		display: none;
	}
	.only-mobile-320     { display: block; }
	span.only-mobile-320 { display: inline-block; }
}