/* Copyright Art. Lebedev | http://www.artlebedev.ru */

@import "common.css";
/* Elements */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td{margin:0;padding:0;color:#2F3031}
HTML {height:100%;background:url("/f/1/global/bg.jpg");}
BODY {
    height:100%;
    color:#2f3031;
    background:url("/f/1/global/line_bg.png") -170px 0 repeat-y;
    font:100% Tahoma, sans-serif;
    min-width:1260px;
    min-height:1000px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type=text]::-ms-clear {display: none;}
IMG {border:none;}
HR { color: #ddd;background-color:#ddd;border:0px none;height:1px;clear:both;}
P {line-height:1.45em;}

/* Lists */
.scroll_content ul {
    margin: -0.8em 0 1.4em 0;
    padding: 0;
}
.scroll_content td ul {
    margin: 0.5em 0 1em 0;
}
.scroll_content ul.first_child,
.scroll_content td ul.first_child {
    margin-top: 0;
}
.scroll_content ul,
.scroll_content ol,
.scroll_content li {
    list-style-type: none;
}
.scroll_content ol,
.scroll_content li {
    margin: 0;
    padding: 0;
}


/* Tables */
table {
    max-width: 100%;
    font-size: 100%;
}
table, td, th {
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}
tr {
    border-bottom: 1px solid #EEEEEE;
}
th, td {
    padding: 0.5em;
    vertical-align: top;
    text-align: left;
}
.doc #content .txt th p,
.doc #content .txt td p {
    margin: 0;
}
table.data {
    margin: 0 0 1.4em 0;
    line-height: 1.3;
}
th, th p {
    font-weight: normal;
}

.a_b {vertical-align: bottom;}
.a_m {vertical-align: middle;}
.a_c {text-align: center;}
.a_r {text-align: right;}
.a_j {text-align: justify}

.b_b {border-bottom: 1px solid #bbb;}
.b_r {border-right: 1px solid #bbb;}


.clear {clear:both}
.left {
    float: left;
    margin-right: 2em;
    margin-bottom: 2em;
}
.right {
    float: right;
    margin-left: 2em;
    margin-bottom: 2em;
}
.comment,
.comment p {
    color: gray;
}
.wrong {
    color: red;
}
.blockquote {
    padding: 1px 1em;
    font-size: 130%;
    background: lightyellow;
}
.blockquote .comment {
    font-size: 70%;
}

/* Fonts */

@font-face {
    font-family: 'als_storybold_italic';
    src: url('fonts/als_story_bold_italic-webfont.eot');
    src: url('fonts/als_story_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/als_story_bold_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'als_storybold';
    src: url('fonts/als_story_bold-webfont.eot');
    src: url('fonts/als_story_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/als_story_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'als_storyitalic';
    src: url('fonts/als_story_italic-webfont.eot');
    src: url('fonts/als_story_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/als_story_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'als_storyregular';
    src: url('fonts/als_story_regular-webfont.eot');
    src: url('fonts/als_story_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/als_story_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans'), url('fonts/PTS55F.eot');
    src: local('PT Sans'), url('fonts/PTS55F.eot?#iefix') format('embedded-opentype'),
    url('fonts/PTS55F.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Blocks */

#wrap {
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    background:url("/f/1/global/woman.png") 0 100% no-repeat;
}

#content .center{
    width:82%;
    height: 100%;
    margin:0 auto;
    font-family: 'als_storyregular';

}

#content .b-left {
    width:82%;
    height: 100%;
    float:left;
    font-family: 'als_storyregular';
}

#content .b-left .bubble {
    position:absolute;
    left:433px;
    bottom:740px;
    width:500px;
    background:url("/f/1/global/bubble_bg_line.png") 32px 0 repeat-y;
}

#content .b-left .bubble div {
    display:inline-block;
    width:400px;
    position:relative;
    padding:0 0 0 80px;
    top:-30px;
    z-index:2;
}

#content .b-left .bubble div span {
    position:relative;
    display:inline-block;
    width:385px;
    bottom:-100px;
    margin:-100px 0 0 0;
    max-height:300px;
    overflow:auto;
    z-index:3;
}

#content .b-left .bubble h1 {
    font-weight:normal;
    font-size:200%;
    padding:0 0 0 1.15em;
    margin:0.35em 0 0.25em 0;
}

#content .b-left .bubble p {
    padding:0 0 0 2.1em;
    margin:0 0 1.45em 0;
    font-size:110%;
}

#content .b-left .bubble:before,
#content .b-left .bubble:after {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    background:url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
}

#content .b-left .bubble:before {
    height:71px;
    top:-71px;
    background-position:0px -71px;
}

#content .b-left .bubble:after {
    height:127px;
    bottom:-127px;
    background-position:0px -127px;
}

#search.big {
    position:relative;
    margin:490px auto 0 auto;
    width:95%;
    height:117px;
}

#search.big:before,
#search.big:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    width:40px;
    height:110px;
    background:url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
}

#search.big:before {
    width:31px;
    left:0;
    background-position:-220px -315px;
}

#search.big:after {
    right:0;
    background-position:-390px -315px;
}

#search.big div {
    height:123px;
    margin:0 40px 0 31px;
    position:relative;
    padding:5px 30px 0 0;
    background:url("/f/1/global/search_big_bg_line.png") 0 0 repeat-x;
}

#search.big input {
    position:relative;
    border:none;
    background:none;
    display:inline-block;
    width:100%;
    height:65px;
    line-height:65px;
    font-size:185%;
    font-family: 'als_storybold';
    color:#bbb;
    outline: none;
}
.doc #search.small input.focus,
#search.big input.focus{
    color:#404040;
}

#search.big span {
    position:absolute;
    z-index:2;
    display:inline-block;
    top:5px;
    right:-34px;
    width:60px;
    height:65px;
    background:url("/f/1/global/ico_sprite.png") -267px 15px no-repeat;
}

#search.small span {
    position:absolute;
    z-index:2;
    display:inline-block;
    right: -7px;
    top: -10px;
    width:60px;
    height:65px;
}

.main #text_cover,
#loading {
    display:none;
}
/*.main #text_cover{
    top: 2000px;
}*/
.b-content {
    width: 100%;
    overflow: hidden;
}

#content .txt {
    position:relative;
    margin:0 auto 50px auto;
    width:95%;
    height:360px;
}

#content .txt h2 {
    text-transform:uppercase;
    text-align:center;
    font-weight:normal;
    font-family: 'als_storybold';
    font-size:195%;
}

#content .news {
    overflow:hidden;
}

#content .news .viewport {
    margin:0 auto;
    width:82%;
    overflow:hidden;
    position:relative;
}

#content .news .overview {
    position:relative;
    padding: 0;
    margin: 0;
}

#content .news .rounded_cover {
    position:relative;
    overflow:hidden;
    padding:26px 0;
    margin: 0;
    float:left;
}

#content .news .last {
    margin:0;
}

#content .news .btn {
    position:absolute;
    top:160px;
}

#content .news .previous {
    left:15px;
}

#content .news .next {
    right:15px;
}

#content .news .btn span {
    position:relative;
    display:inline-block;
    width:63px;
    height:58px;
    cursor:pointer;
}

#content .news .previous span {
    background:url("/f/1/global/ico_sprite.png") -468px -833px no-repeat;
}

#content .news .previous span:active {
    background-position:-468px -900px;
}

#content .news .next span {
    float:right;
    background:url("/f/1/global/ico_sprite.png") -538px -833px no-repeat;
}

#content .news .next span:active {
    background-position: -538px -900px;
}

.news .rounded_cover .text {
    display: block;
    padding: 10px 30px;
    height:200px;
    overflow:auto;
}
.news .rounded_cover .n_grad {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
    background: -moz-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec',GradientType=0);
    outline: none;
}

.news .date  {
    font-size:90%;
    color:#7a7a7a;
    margin:0 0 1.3em 0;
}

.news h3  {
    font-weight:normal;
    margin:0 0 0.3em 0;
}

.news p  {
    font-size:95%;
}

#content .news .fully {
    position:absolute;
    display:inline-block;
    top:50px;
    right:25px;
    width:10px;
    height:16px;
    background:url("/f/1/global/ico_sprite.png") -456px -2px no-repeat;
    border:none;
}

.news .rounded_cover .lgr {
    background:url("/f/1/global/news_lgr_bg.png") top left repeat-y;
}

.news .rounded_cover .rgr {
    background:url("/f/1/global/news_rgr_bg.png") top right repeat-y;
}

.news .rounded_cover .cn{
    position:absolute;
    width:84px;
    height:82px;
    left:-42px;
    top:-41px;
    background:url("/f/1/global/news_star_bg.png");
}

.rounded_cover .cn.tr, .rounded_cover .cn.br {
    margin-left:100%;
}

.rounded_cover .cn.bl, .rounded_cover .cn.br {
    top:auto;
}

.rounded_cover .cn.tl, .rounded_cover .cn.bl {
    width:100%;
}

.news .dotted_switcher {
    position:relative;
    z-index:3;
    clear:both;
    overflow:hidden;
    text-align:center;
    
    
}

.news .dotted_switcher span {
    display:inline-block;
    margin:0 3px;
    width:8px;
    height:8px;
    background:url("/f/1/global/ico_sprite.png") -490px -1px no-repeat;
}

.news .dotted_switcher .active {
    background:url("/f/1/global/ico_sprite.png") -476px -1px no-repeat;
}

#content .b-right {
    position:relative;
    width:18%;
    height: 100%;
    min-height: 1000px;
    float:left;
}

#content .menu {
    position:relative;
    font:150% 'PT Sans';
    margin:5px 0 0 0;
    padding: 0;
    list-style: none;
}

#content .menu li {
    padding:0 0 0 25px;
    position: relative;
    height:88px;
    background:url("/f/1/global/ico_sprite.png") 9px -1138px no-repeat;
    cursor:pointer;
}

#content .menu a,
#content .menu span {
    display:block;
    text-decoration:none;
    border:none;
}

#content .menu div {
    display:table-cell;
    padding:0 10px 0 25px;
    height:88px;
    vertical-align:middle;
    color:#fff;
}

#content .menu .active {
    background:url("/f/1/global/ico_sprite.png") 9px -1438px no-repeat;
    height:88px;
    cursor:default;
}

#content .menu .first {
    height:96px;
    background:url("/f/1/global/ico_sprite.png") 9px -1042px no-repeat;
}

#content .menu .first.active {
    height:96px;
    background:url("/f/1/global/ico_sprite.png") 9px -1342px no-repeat;
}

#content .menu .first div {
    height:96px;
}

#content .menu .last {
    height:99px;
    background:url("/f/1/global/ico_sprite.png") 9px -1226px no-repeat;
}

#content .menu .last.active {
    height:105px;
    background:url("/f/1/global/ico_sprite.png") 9px -1526px no-repeat;
}

#content .b-right .exit {
    font:150% 'PT Sans';
    padding:0 0 0 25px;
    position: relative;
    cursor:pointer;
    height:120px;
    background:url("/f/1/global/ico_sprite.png") 9px -1652px no-repeat;
}

#content .b-right .exit a {
    display:block;
    text-decoration:none;
    border:none;
}

#content .b-right .exit div {
    height:100px;
    padding:0 10px 0 25px;
    display:table-cell;
    vertical-align:middle;
    color:#fff;
}

.copyright {
    position:absolute;
    left:151px;
    bottom:22px;
    height:37px;
    font:80% 'Arial';
    padding:0 0 0 100px;
    color:#777;
}

.copyright:before {
    content:'';
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    width:91px;
    height:38px;
    background:url("/f/1/global/ico_sprite.png") -176px 0 no-repeat;
}


/*search*/

.main_search,
.main_search #wrap {
    background:none;
}

.main_search #search.big span {
    cursor: pointer;
}

.main_search .copyright,
.main_search .bubble,
.main_search .news {
    display:none;
}

#search span.clear {
    background:url("/f/1/global/ico_sprite.png") -319px 16px no-repeat;
    cursor:pointer;
}

.main_search #content .txt h2 {
    font-size:150%;
    text-align:left;
    padding:8px 30px 0 30px;
}

.main_search #content .txt {
    position: relative;
    width: 95%;
    margin:0 auto;
    height:auto;
}

.search_result.rounded_cover {
    overflow: hidden;
    padding: 40px 20px;
    margin:0 0 0 -20px;
    width:100%;
    position: relative;
}

.search_result.rounded_cover .text {
    background:#fff;
    overflow:hidden;
    padding:0 20px 0 0;
    font-size:120%;
}

.search_result.version .text {
    font-size:90%
}

.search_result.rounded_cover p {
    padding:0 0 1.6em 0;
}

.search_result.rounded_cover .lgr {
    background:url("/f/1/global/text_lgr_bg.png") top left repeat-y;
    padding: 0 20px;
    margin:0 0 0 -20px;
    width:100%;
}

.search_result.rounded_cover .rgr {
    background:url("/f/1/global/text_rgr_bg.png") top right repeat-y;
    padding: 0 20px;
    margin:0 0 0 -20px;
    width:100%;
}

.search_result.rounded_cover .cn{
    position:absolute;
    width:80px;
    height:80px;
    left:-40px;
    top:-40px;
    background:url("/f/1/global/text_star_bg.png");
}

.search_result.rounded_cover .cn.tr, .search_result.rounded_cover .cn.br {
    margin-left:100%;
}

.search_result.rounded_cover .cn.bl, .search_result.rounded_cover .cn.br {
    top:auto;
}

.search_result.rounded_cover .cn.tl, .search_result.rounded_cover .cn.bl {
    width:100%;
}

.search_result .top_scroll {
    top:30px;
    right:32px;
    background-position:-12px -387px;
}

.search_result .bottom_scroll {
    bottom:30px;
    right:32px;
    background-position:-71px -387px;
}


/*doc*/

#container {
    position: relative;
}

.doc,
.doc #wrap {
    background:#F9F9F9;
}
.doc .scroll-pane {
    outline: none;
    text-align: left;
}

.doc .cover_nav {
    position: relative;
    width: 95%;
    height:90px;
    margin: 12px auto 0 auto;
    background-color: #efefef;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.doc .back_btn {
    position: absolute;
    width: 109px;
    height: 58px;
    line-height: 58px;
    background: url("/f/1/global/ico_sprite.png") -10px -315px no-repeat;
    margin: 16px 0 0 15px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.doc .back_btn:active {
    line-height: 60px;
    background-position: -478px -588px;
}

.doc .nav {
    position:relative;
    top:21px;
    left:40px;
    float:left;
    height:99px;
    z-index:99;
    background:url("/f/1/global/nav_bg_line.png") 0 0 repeat-x;
    color:#fff;
    font-size:110%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.doc .nav:before,
.doc .nav:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    width:49px;
    height:99px;
    background:url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
}

.doc .nav:before {
    left:-49px;
    background-position:-481px -317px;
}

.doc .nav:after {
    right:-49px;
    background-position:-524px -317px;
}

.doc .nav li {
    position:relative;
    height:52px;
    float:left;
    left:-30px;
    padding: 0;
    margin: 0;
}

.doc .nav .last a,
.doc .nav .last span {
    padding:0;
}

.doc .nav .last {
    left:0px;
    right:-30px;
}

.doc .nav li a,
.doc .nav li span {
    padding: 0 30px;
    height:52px;
    display: table-cell;
    vertical-align: middle;
    color:#fff;
    text-decoration:none;
    border:none;
}

.doc .nav li:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:-15px;
    width:27px;
    height:52px;
    background:url("/f/1/global/ico_sprite.png") -419px 0 no-repeat;
}

.doc .nav .last:after {
    display:none;
}

.doc #search.small {
    position:absolute;
    margin: 24px 0 0 155px;
    width:245px;
    background:url("/f/1/global/ico_sprite.png") -3px -258px no-repeat;
}

.doc #search.small div{
    position:relative;
    right:-25px;
    background:url("/f/1/global/ico_sprite.png") 100% -258px no-repeat;
    padding:0 50px 0 0;
}

.doc #search.small input {
    position:relative;
    border:none;
    background:none;
    display:inline-block;
    width:100%;
    height:42px;
    line-height: 42px;
    font-size:120%;
    color: #ccc;
    outline: none;
}

.doc #search_doc_nav {
    display: none;
    position: absolute;
    margin: 16px 0 0 450px;
}

.search_nav .cover {
    position: relative;
}

.search_doc_nav {
    float: left;
    width: 118px;
    height: 58px;
    position: relative;
}

.search_doc_nav span {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 58px;
    width: 59px;
    background: url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
    cursor: pointer;
}

.search_doc_nav .prev {
    left: 0;
    background-position: -10px -445px;
}

.search_doc_nav .prev:active {
    background-position: -468px -966px;
}

.search_doc_nav .next {
    right: 0;
    background-position: -69px -445px;
}

.search_doc_nav .next:active {
    background-position: -527px -966px;
}

.search_doc_counter {
    float: left;
    height: 58px;
    line-height: 58px;
    white-space: nowrap;
    position: relative;
    margin: 0 0 0 10px;
}

.doc #content .txt {
    margin:38px auto 0 auto;
    font-size:90%;
    padding:0 0 100px 0;
}

.doc #content #keyboard_cover.txt {
    margin:0 auto;
}

.doc #content .txt h2 {
    text-align:left;
    text-transform:none;
    font-size: 190%;
    padding:0;
    margin:0 0 1.46em 0;
}

.doc #content.list .txt h2,
.doc #content.news .txt h2 {
    margin:0 0 1em 0;
}

.doc #content .txt h5 {
    font-weight:normal;
    font-size:100%;
    margin:1em 0;
}

.scroll_content li {
    line-height:1.3em;
    margin:0 0 0.7em 0;
}

.scroll_content li:before {
    content: '\2014\a0';
    left: 0;
}

.doc #content .txt p {
    margin:0 0 1.4em 0;
}

.doc #content .txt .document_id {
    color:#b3b3b3;
    margin: 0 0 2.6em 0;
}

.doc #content .txt .date {
    font-size:90%;
    color:#888;
    margin:0 0 0.3em 0;
}


/*news list*/

.scroll_cover {
    position:relative;
    padding:0px 100px 40px 0;
}

.title_news,
.title_products {
    display:inline-block;
}

.year {
    position:relative;
    top:-0.3em;
    display:inline-block;
    margin:0 10px 0 70px;
    font-size:130%;
    font-family: 'als_storybold';
}

.doc #content .year li {
    display:inline-block;
    width:74px;
    height:30px;
    line-height:30px;
    text-align:center;
    background:url("/f/1/global/ico_sprite.png") -509px -467px no-repeat;
    margin:0 10px 0 0;
    cursor:pointer;
}

.doc #content .year .active {
    color:#fff;
    cursor:default;
    background:url("/f/1/global/ico_sprite.png") -509px -428px no-repeat;
}

.news_item {
    outline: none;
    display: block;
    margin-bottom: 1em;
}


/*keyboard*/

#keyboard_cover {
    display:none;
}

.keyboard.rounded_cover {
    overflow: hidden;
    padding: 40px 20px;
    margin:0 0 0 -20px;
    width:100%;
    position: relative;
}

.keyboard.rounded_cover .text {
    background:#fff;
    overflow:hidden;
    padding:0;
    font-size:120%;
    text-align:center;
}

.keyboard.rounded_cover p {
    padding:0 0 1.6em 0;
}

.keyboard.rounded_cover .lgr {
    background:url("/f/1/global/text_lgr_bg.png") top left repeat-y;
    padding: 0 20px;
    margin:0 0 0 -20px;
    width:100%;
}

.keyboard.rounded_cover .rgr {
    background:url("/f/1/global/text_rgr_bg.png") top right repeat-y;
    padding: 0 20px;
    margin:0 0 0 -20px;
    width:100%;
}

.keyboard.rounded_cover .cn{
    position:absolute;
    width:80px;
    height:80px;
    left:-40px;
    top:-40px;
    background:url("/f/1/global/text_star_bg.png");
}

.keyboard.rounded_cover .cn.tr, .keyboard.rounded_cover .cn.br {
    margin-left:100%;
}

.keyboard.rounded_cover .cn.bl, .keyboard.rounded_cover .cn.br {
    top:auto;
}

.keyboard.rounded_cover .cn.tl, .keyboard.rounded_cover .cn.bl {
    width:100%;
}

.keyboard span {
    display:none;
}

.keyboard .en.dig .rus,
.keyboard .en.dig.lowercase .rus .lowercase,
.keyboard .en.dig.uppercase .rus .uppercase,
.keyboard .ru.dig .eng,
.keyboard .ru.dig.lowercase .eng .lowercase,
.keyboard .ru.dig.uppercase .eng .uppercase,
.keyboard .let .number {
    display:inline;
}

.keyboard b {
    display: inline-block;
    width: 76px;
    height: 74px;
    font: 150%/68px "PT Sans";

    background: url("/f/1/global/ico_sprite.png") -6px -588px no-repeat;
    cursor: pointer;
    margin: 0 1px 4px 1px;
}

.keyboard b.on {
    background:url("/f/1/global/ico_sprite.png") -88px -588px no-repeat;
}

.keyboard .shift {
    width:116px;
    height:74px;
    background:url("/f/1/global/ico_sprite.png") -479px -508px no-repeat;
}

.keyboard .shift.on {
    background:url("/f/1/global/ico_sprite.png") -340px -508px no-repeat;
}

.keyboard .shift.up {
    background:url("/f/1/global/ico_sprite.png") -200px -508px no-repeat;
}

.keyboard .shift.up.on {
    background:url("/f/1/global/ico_sprite.png") -340px -508px no-repeat;
}

.keyboard .space {
    width:395px;
    height:74px;
    background:url("/f/1/global/ico_sprite.png") -199px -751px no-repeat;
}

.keyboard .space.on {
    background:url("/f/1/global/ico_sprite.png") -199px -668px no-repeat;
}

.keyboard .enter {
    width:156px;
    height:74px;
    background:url("/f/1/global/ico_sprite.png") -325px -429px no-repeat;
    color:#fff;
}

.keyboard .enter.on {
    background:url("/f/1/global/ico_sprite.png") -165px -429px no-repeat;
}

.keyboard .del {
    background:url("/f/1/global/ico_sprite.png") -89px -508px no-repeat;
}

.keyboard .del.on {
    background:url("/f/1/global/ico_sprite.png") -6px -508px no-repeat;
}


/*font nav*/

.font_nav {
    position: absolute;
    overflow: hidden;
    right: 0;
    width: 280px;
    margin: 16px 15px 0 0; 
}

.font_nav .cover{
    position:relative;
    width: 95%;
    margin:0 auto;
}

.font_nav .pages {
    position:relative;
    float:left;
    height:58px;
    line-height:58px;
    margin:0 23% 0 160px;
    text-align:center;
    width:15%;
    background:url("/f/1/global/pages_bg_line.png") 0 0 repeat-x;
}

.bottom_nav .pages:before,
.bottom_nav .pages:after {
    display:block;
    position:absolute;
    top:0;
    width:150px;
    height:58px;
    line-height:55px;
    text-align:center;
    background:url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
    cursor:pointer;
}

.bottom_nav .pages:before {
    content:'Предыдущая';
    left:-150px;
    background-position:-7px -899px;
}

.bottom_nav .pages:after {
    content:'Следующая';
    right:-150px;
    background-position:-320px -899px;
}

.font_nav .font {
    float:left;
    height:58px;
    line-height:58px;
    white-space:nowrap;
    position:relative;
    margin:0 10px 0 0;
}

.font_nav .size {
    float:left;
    width:128px;
    height:58px;
    position:relative;
}

.font_nav .size span,
.font_nav .size b {
    display:inline-block;
    position:absolute;
    top:0;
    height:58px;
    line-height:58px;
    text-align:center;
    width:64px;
    background:url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
    cursor:pointer;
}

.font_nav .size span {
    left:0px;
    background-position:-7px -737px;
}

.font_nav .size b {
    right:0px;
    background-position:-71px -737px;
    font-size:150%;
    font-weight:normal;
}

.font_nav .size span.active {
    line-height:60px;
    cursor:default;
    background-position:-7px -672px;
}

.font_nav .size b.active {
    line-height:60px;
    cursor:default;
    background-position:-71px -672px;
}

.bottom_nav .button {
    float:right;
    border-bottom:none;
    height:58px;
    line-height:55px;
    text-align:center;
    width:217px;
    color:#000;
    background:url("/f/1/global/ico_sprite.png") -237px -966px no-repeat;
}

.bottom_nav .button.on {
    background:url("/f/1/global/ico_sprite.png") -7px -966px no-repeat;
}


/* jScrollPane */

.scroll-pane {
    position: relative;
    height:790px;
    width: 100%;
    overflow: auto;
    outline: none;
}

#content.list .scroll-pane,
#content.news .scroll-pane {
    height: 788px;
}

#content.feed .scroll-pane {
    height: 847px;
}

.main_search #content .scroll-pane {
    height: 750px;
}

.scroll-pane .fader,
.up_fader {
    position: absolute;
    height: 70px;
    right: 65px;
}

.up_fader {
    display: none;
    width: 100%;
    top: 0;
    z-index: 2;
    background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0)rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
    background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.search_result .up_fader {
    right: 80px;
    background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0)rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.search_result.version .up_fader {
    right: 0;
    left: 25px;
    width: 89%;
}

.scroll-pane .fader {
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.search_result .scroll-pane .fader {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.scroll_content {
    padding:0 60px 0 0;
}
.sitemap .scroll_content,
.article .scroll_content {
    padding: 0 50px 0 30px;
}

.scroll_content.large {
    font-size:150%;

}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #f9f9f9;
    width:17px;
    position: relative;
    left:21px;
}
#text_cover .jspTrack {
    background: #fff;
}

.jspDrag {
    background: #d8d9db;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspDragTop {
    position:absolute;
    height:25px;
    width:17px;
    top:0;
    background:url("/f/1/global/ico_sprite.png") -153px -382px no-repeat #F9F9F9;
}

.jspDragBottom {
    position:absolute;
    height:25px;
    width:17px;
    bottom:0;
    background:url("/f/1/global/ico_sprite.png") -153px -407px no-repeat #F9F9F9;
}

.search_result .jspDragTop,
.search_result .jspDragBottom {
    background-color: #fff;
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    border:none!important;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
}

.jspArrowUp,
.jspArrowDown {
    width:60px;
    height:60px;
    background:url("/f/1/global/ico_sprite.png") 0 0 no-repeat;
}

.jspArrowUp {
    background-position:-10px -380px;
}

.jspArrowUp.jspActive {
    background-position:-140px -315px;
}

.jspArrowUp.jspDisabled {
    background-position:-522px -86px;
}

.jspArrowDown {
    background-position:-81px -380px;
}

.jspArrowDown.jspActive {
    background-position:-498px -13px;
}

.jspArrowDown.jspDisabled {
    background-position:-522px -159px;
}

.jspHorizontalBar .jspArrow{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus{
    outline: none;
}

.jspCorner{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Site map */
.sitemap {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sitemap li,
.doc #content .sitemap li {
    margin: 1em 0;
}

.text {
    clear: both;
}
.text:before, .text:after {
    content: "";
    display: table;
    height: 0;
}
.text:after {
    clear: both;
}

.prefix {
    padding-bottom: 20px;
}
.scroll_content img{
width:100%;
height:auto;
}