.headernav{position:relative; text-align:left} nav ul ul{display:none} nav ul li:hover >ul{display:block} nav ul{ padding:0 0 0 0px; margin:0 0 0 0px; border-radius:0; font-family:sans-serif; list-style:none; position:relative; text-align:left; font-weight:300} nav ul:after{content:""; clear:both; display:block} nav ul li{float:left} nav ul li:last-child:after{content:""} nav ul li:hover a{color:#2080df; background:#f8f8f8; -webkit-tab-highlight-color:rgba(0,0,0,0)} nav ul li a{display:block; padding:9px 3px 9px 3px; text-decoration:none; color:#33404d; float:left; border-right-width:1px; border-right-color:azure; border-right-style:solid} nav ul li a.on{ color:#FBFFFF; background-color:#007FAC} nav ul li:hover ul li a{color:#33404d} nav ul li:hover ul li a:hover{color:#2080df} nav ul ul{ z-index:110; padding:5px 5px; position:absolute; top:100%; background:#f8f8f8; box-shadow:0 2px 2px #ccc; min-width:30px; margin-left:-3px} nav ul ul li{float:none; position:relative} nav ul ul li:after{content:""} nav ul ul li a{padding:6px 0; width:100%; text-align:left; border-bottom:solid 1px #566B9C; border-top:solid 1px #fff; white-space:nowrap} nav ul ul li:last-child a{padding:6px 0; border-bottom:none} nav ul ul li:first-child a{border-top:none} .mm ul ul{display:none} .mm ul li:hover >ul{display:block} .mm ul{ padding:0 0 0 0px; margin:0 0 0 0px; border-radius:0; font-family:sans-serif; list-style:none; position:relative; text-align:left; font-weight:300} .mm ul ul{ z-index:110; padding:5px 5px; position:absolute; top:100%; background:#f8f8f8; box-shadow:0 2px 2px #ccc; width:90px; margin-left:-3px} .mm ul ul li{float:none; position:relative; padding: 5px;} .bukv{ width:20px; height:100%; padding:4px; background-color:honeydew; border-width:1px; border-color:chocolate; border-style:solid; border-radius:3px; color:black} .bukv:hover{ background:rgb(53,167,110); cursor:pointer} .kbd{ background-image:url(images/keyboard.png); background-repeat:no-repeat; background-size:33px 17px} body, table, td{font-family:Helvetica,Arial,sans-serif} .mtext{ font-family:Arial,Helvetica,sans-serif; color:#0582AE} .sel{ width:100%; font-family:Arial,Helvetica,sans-serif; border:1px inset; font-size:1em; background-color:beige; border:#0582AE; border-style:solid; border-width:1px} .tabl{ border-spacing:0px; min-width:300px; width:100% } .bdiv{border-top:1px solid #c5d8dc; margin-top:.7em; clear:both} .bukv_dic a{margin:2px; border-style:solid; border-width:thin; border-radius:4px; padding:2px; line-height:1.8em} .td_footer{background-color:#D3DCE3; margin:0px; height:2px; color:#FFF; padding:0px} .search{padding:4px 12px 4px 25px; border:1px solid; background:url('search.png') no-repeat 8px 6px; font-family:Arial,Helvetica,sans-serif; width:100%; font-size:1em; background-color:beige; border-color:#0582AE} .rounded{border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px} .link_1{font-family:Arial,Helvetica,sans-serif; color:#006; font-weight:normal; text-decoration:underline; cursor:default} .link_1_hover{font-family:Arial,Helvetica,sans-serif; color:#F00; font-weight:normal; text-decoration:underline; cursor:pointer} .st_i1{ font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:130%; color:#F00} .st_i2{ font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:130%; color:#069} .st_i3{ font-family:Arial,Helvetica,sans-serif; font-size:medium} .st_i4{ font-family:Arial,Helvetica,sans-serif; font-size:medium; font-weight:bold} .td_header{ margin:3px; color:#404; font-family:Arial,Helvetica,sans-serif; padding:3px; text-align:center} .info_orange2{ color:#C30; font-weight:bold} .alf_symb{ color:#C30; font-weight:bold; font-size:large; text-transform:uppercase} .dic_words{ color:#C30; font-weight:bold; font-size:large} .Abbrev{ cursor:help; font-style:italic; color:#0C6} .pron{ font-family:Arial,Helvetica,sans-serif; color:#1d9bf5; } .word_click{font-family:Arial,Helvetica,sans-serif; color:#00F; text-decoration:underline; cursor:pointer} .ind_word_td{ border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#CCC; padding-left:10px} .td_word_content{ text-align:left; vertical-align:top; width:50%; height:45px; overflow:visible; border-style:dashed; border-width:1px; border-color:#CCC; padding-bottom:10px} .st_wordl{font-family:Arial,Helvetica,sans-serif; color:#006; font-weight:bold; text-align:left; text-indent:-6px; margin-left:6px} .st_text_dic_info{font-family:Arial,Helvetica,sans-serif; text-align:left; text-indent:0; margin-left:20px; margin-top:0px} .st_wordl:hover{font-family:Arial,Helvetica,sans-serif; color:#006; font-weight:bold; background-color:#CFF; cursor:pointer; text-align:left} .headernav{position:relative; text-align:left} nav ul ul{display:none} nav ul li:hover >ul{display:block} nav ul{ padding:0 0 0 0px; margin:0 0 0 0px; border-radius:0; font-family:sans-serif; list-style:none; position:relative; text-align:left; font-weight:300} nav ul:after{content:""; clear:both; display:block} nav ul li{float:left} nav ul li:last-child:after{content:""} nav ul li:hover a{color:#2080df; background:#f8f8f8; -webkit-tab-highlight-color:rgba(0,0,0,0)} nav ul li a{display:block; padding:4px; text-decoration:none; color:#33404d; float:left; border-right-width:1px; border-right-color:azure; border-right-style:solid} nav ul li a.on{ color:#FBFFFF; background-color:#007FAC} nav ul li:hover ul li a{color:#33404d} nav ul li:hover ul li a:hover{color:#2080df} nav ul ul{padding:4px 8px 4px 4px; position:absolute; top:100%; background:#f8f8f8; box-shadow:0 2px 2px #ccc; min-width:50px; margin-left:0px} nav ul ul li{float:none; position:relative} nav ul ul li:after{content:""} nav ul ul li a{padding:6px 0; width:100%; text-align:left; border-bottom:solid 1px #566B9C; border-top:solid 1px #fff; white-space:nowrap} nav ul ul li:last-child a{padding:6px 0; border-bottom:none} nav ul ul li:first-child a{border-top:none} .but2_down{ display:inline-block; white-space:nowrap; background:url('/dict/image/down_1.png') right no-repeat; background-color:#dce9f9; border:1px solid #777; padding:0px 3px 0px 3px; margin:0.2em; font-size:small; font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#333; text-shadow:0; cursor:default} .but2_down:hover{ background-color:#fff; cursor:pointer} .but2_up{ display:inline-block; white-space:nowrap; background:url('/dict/image/up_1.png') right no-repeat; background-color:#dce9f9; border:1px solid #777; padding:0px 3px 0px 3px; margin:0.2em; font-size:small; font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#333; text-shadow:0; cursor:default} .but2_up:hover{ background-color:#fff; cursor:pointer} .but2_right{ display:inline-block; white-space:nowrap; background:url('/dict/image/right_1.png') right no-repeat; background-color:#dce9f9; border:1px solid #777; padding:0px 3px 0px 3px; margin:0.2em; font-size:80%; font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#333; text-shadow:0; cursor:default} .but2_right:hover{ background-color:#fff; cursor:pointer} .but2_left{ display:inline-block; white-space:nowrap; background:url('/dict/image/left_1.png') left no-repeat; background-color:#dce9f9; border:1px solid #777; padding:0px 0px 0px 20px; margin:0.2em; font-size:80%; font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#333; text-shadow:0; cursor:default} .but2_left:hover{ background-color:#fff; cursor:pointer} .but1{ display:inline-block; white-space:nowrap; background-color:#dce9f9; background-image:none; border:1px solid #777; padding:0px 3px 0px 3px; margin:0.2em; font-size:small; text-decoration:none; color:#333; text-shadow:0; cursor:default} .but1:hover{ background-color:#fff; background-image:none; cursor:pointer} .but1_active{ display:inline-block; white-space:nowrap; background-image:none; background-color:#fff; border-bottom:2px solid #F00; border-right:1px solid #999; border-left:1px solid #999; border-top:1px solid #999; padding:0px 3px 0px 3px; margin:0.2em; font-size:small; text-decoration:none; color:#F00; text-shadow:0; cursor:default; font-weight:bold; -moz-border-radius:.4em .4em 0 0; -webkit-border-radius:.4em .4em 0 0; border-radius:.4em .4em 0 0} .but1_not_active{ display:inline-block; white-space:nowrap; background-image:none; border-bottom:2px solid #777; border-right:0px solid #999; border-left:0px solid #999; border-top:0px solid #999; padding:0px 3px 0px 3px; margin:0.2em; font-size:small; text-decoration:none; color:#777; text-shadow:0; cursor:pointer; font-weight:bold} .but1_not_active:hover{ cursor:pointer; color:#F00} .but_invis{ display:inline-block; white-space:nowrap; background-color:#FFFFE1; background-image:none; border:1px solid #FFFFE1; padding:0px 3px 0px 3px; margin:0.2em; font-size:small; text-decoration:none; color:#FFFFE1; cursor:default} .but_invis:hover{ background-color:#FF9; border:1px solid #777; color:#333; cursor:pointer} .knopka{ color:white; text-decoration:none; padding:0.3em 1em; border-radius:0px; background:rgb(0,102,153); border:none} .knopka:hover{background:rgb(53,167,110); cursor:pointer} .knopka:active{ background:rgb(33,147,90); box-shadow:0 3px rgb(33,147,90) inset} .bukv{ width:20px; height:100%; padding:4px; background-color:honeydew; border-width:1px; border-color:chocolate; border-style:solid; border-radius:3px; color:black} .bukv:hover{ background:rgb(53,167,110); cursor:pointer} .word_button{ height:100%; padding:2px; background-color:honeydew; border-width:1px; border-color:chocolate; border-style:solid; border-radius:0px; text-decoration:none} .word_button:hover{ background:rgb(53,167,110); cursor:pointer} .st_sound{width:16px; height:16px; bottom:6px; margin-left:5px} .st_sound:hover{cursor:pointer} .bordered{margin:0px auto 0px auto; padding:0px; width:100%; border-spacing:0px; border-collapse:collapse; border:1px solid #777; border-width:0px 0px 1px 0px} .bordered table{width:100%; height:100%; margin:0px; padding:0px} .bordered td{ background-color:#FFF; border:1px solid #777; border-width:1px 1px 0px 1px; text-align:left; padding:7px; color:#000} .bordered th{ background-color:#dce9f9; border:1px solid #777; border-width:1px 1px 0px 1px} .art_body{ padding:2px 2px 2px 2px; border:1px solid #ccc; margin:5px 0 10px 0px} .divtxt{ margin-left:18px; margin-top:4px; line-height:1.4em} .divtxt a{ text-decoration:underline; color:blue; cursor:pointer} .quickres{ margin:-33px 0px 6px 45px; padding:0; display:block; list-style:disc; word-wrap:break-word; line-height:1.4} .quickres li{ margin:2px; padding:2px; display:inline} .quickres li:first-child:before{ content:""; display:none} .quickres li:before{ content:" | "} .quickres li a{ color:#08c; font-weight:500} .quickres a:hover, a:focus{ background:#c9c9ce} .but3_down{ display:inline-block; background:url('/dict/image/down_1.png') right no-repeat; padding-right:20px; cursor:default; height:20px} .but3_down:hover{ cursor:pointer} .but3_up{ display:inline-block; background:url('/dict/image/up_1.png') right no-repeat; padding-right:20px; cursor:default; height:20px} .but3_up:hover{ cursor:pointer} .but_copy{ display:none; background:url('images/copy2.png') right no-repeat; padding:3px 14px 0px 10px; cursor:pointer; height:24px; margin-right:3px} .bookm1{ display:none; background:url(images/bookmark3.png) right no-repeat; padding:0px 14px 0px 10px; cursor:pointer; width:24px; margin-right:3px} .d_podv{ background-image:url(images/expand_sh.png); background-repeat:no-repeat; background-position:10px; width:60px; height:15px; cursor:pointer} .d_podv_h{ background-image:url(images/expand_hd.png); background-repeat:no-repeat; background-position:10px; width:60px; height:30px; cursor:pointer} .d_podv_link1{ width:100%; display:flex} .d_podv_link2{ width:100%; display:flex; border-top-style:dotted; border-top-width:thin; border-top-color:green; padding-top:3px} .d_podv_link2 span{ font-size:smaller; color:#8e8e93; padding:3px 3px 0px 0px} .dic_tabl{width:100%; margin-bottom:4px; border-spacing:0; border-collapse:collapse} .lTable td{border:2px solid; vertical-align:top; border-color:cadetblue} .lTable.topValign td{vertical-align:top !important; border-color:cadetblue} .grm{ border:solid #ccc 1px; margin-top:15px; border-spacing:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:2px 2px 2px #ccc; -moz-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc; font-family:arial,helvetica,sans-serif} .grm td{ border-left:solid 1px #CCC; border-top:solid 1px #CCC; padding:5px; text-align:left; vertical-align:top} .grm td.gr_kat{ font-weight:bold; background-color:#eee} .grm td.makal_word{ background-color:white} .grm th{ background-color:#dce9f9; background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9)); background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -moz-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -ms-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -o-linear-gradient(top,#ebf3fc,#dce9f9); background-image: linear-gradient(top,#ebf3fc,#dce9f9); -webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow:0 1px 0 rgba(255,255,255,.8) inset; border-top:none; border-left:1px solid #ccc; font-family:Arial,Helvetica,sans-serif; padding:8px; text-align:left; text-shadow:0px 1px 0px #fff; font-weight:bold} .grm td:first-child, .bordered th:first-child{ border-left:none} .grm th:first-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-left:none} .grm th:last-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} .grm tr:last-child td:first-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} .grm tr:last-child td:last-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} .grm th.makal_word{ background-color:#f5f5dc} .samplesList{ display:table; width:100%; position:relative} .samplesListLang{ display:table; width:100%; position:relative; border-top-width:2px; border-top-style:solid; border-top-color:#999; font-weight:700} .samplesList:hover{ background:#f9f9f9} .samSource{ color:#0774b7} .sourceSample{ background:#ffeaa7} .samSource, .samTranslation{ display:table-cell; width:50%; padding:15px 10px 30px 10px; border:0px dashed #999; border-bottom-width:1px!important} .samOptionsTranslation{ display:inline-block; width:49%} .samTranslation a{ text-decoration:underline} .samSource{ border-right-width:0} .samSourceLang{ border-right-width:0} .samplesList:last-of-type .samSource, .samplesList:last-of-type .samTranslation{ border-bottom-width:1px!important} .samplesList:first-of-type .samSource, .samplesList:first-of-type .samTranslation{ border-top-width:1px!important} .samSourceLang, .samTranslationLang{ display:table-cell; width:50%; padding:5px; border:0px dashed #999; border-bottom-width:2px!important; text-align:center} .show_hide{ background-image:url(images/expand_show.png); background-repeat:no-repeat; background-size:12px 24px} .show_hide-show{ background-position:0px 0px} .show_hide-hide{ background-position:12px 0px} .flag{ background-image:url(images/sprite_flags2.png?v=2); background-repeat:no-repeat; background-size:50px 251px} .flag2{ background-image:url(images/sprite_flags2.png?v=2); background-repeat:no-repeat; background-size:50px 251px; background-position:10px 3px; background-repeat:no-repeat; display:block; margin-left:-10px; height:35px; text-indent:-999em} .ic{ background-image:url(images/sprite_icons.png); background-repeat:no-repeat; background-size:50px 750px} .ic-bookmark{ background-position:6px -642px} .ic-translate{ background-position:6px -693px} .ic-box{ background-position:6px -53px} .ic-check{ width:30px; height:48px; background-position:-1px -103px} .ic-clock{ background-position:6px -156px} .ic-desktop{ background-position:6px -206px} .ic-gamepad{ background-position:7px -253px} .ic-info{ background-position:6px -306px} .ic-refresh{ background-position:6px -353px} .ic-settings{ background-position:6px -403px} .ic-spacer{ background-position:6px -453px} .ic-trainer{ background-position:6px -503px} .ic-font1{ background-position:8px -555px; } .ic-font2{ background-position:8px -596px; } .flag-kg{ background-position:10px 3px; background-image:url(images/fl_kg.png); background-repeat:no-repeat; background-size:40px 30px} .flag-en{ background-position:10px 3px; background-image:url(images/fl_en.png); background-repeat:no-repeat; background-size:40px 30px} .flag-ru{ background-position:10px 3px; background-image:url(images/fl_ru.png); background-repeat:no-repeat; background-size:40px 30px} .flag-tr{ background-position:10px 3px; background-image:url(images/fl_tr.png); background-repeat:no-repeat; background-size:40px 30px} .flag-de{ background-position:10px 3px; background-image:url(images/fl_de.png); background-repeat:no-repeat; background-size:40px 30px} .flag2-kg{ background-image:url(images/fl_kg.png); background-size:40px 30px} .flag2-en{ background-image:url(images/fl_en.png); background-size:40px 30px} .flag2-ru{ background-image:url(images/fl_ru.png); background-size:40px 30px} .flag2-tr{ background-image:url(images/fl_tr.png); background-size:40px 30px} .flag2-de{ background-image:url(images/fl_de.png); background-size:40px 30px} html{-webkit-text-size-adjust:100%} body{font-family:Helvetica,Arial,sans-serif; background-color:#fff; margin:0} dt{font-weight:bold; margin-left:5px} dl{margin:0px 0px 5px 0px} dd{margin-left:25px} kbd{color:#003a85; font-size:90%; font-family:serif} var{color:#006fe6; font-style:normal} abbr{color:#52ab00; border-bottom:0} dfn{color:#fff; font-size:80%; background-color:#ccc; font-style:normal; padding:0 2px 0 4px; margin:0 1px 0 2px; cursor:pointer} a{color:#000; text-decoration:none} #footer{ position:initial; left:0; bottom:0; padding:2px; background:#f8f8f8; border-top:0.5px solid #7e7e7e; border-bottom:0.5px solid #7e7e7e; width:100%; height:30px} .td_footer{ background:#f8f8f8; border-top:0.5px solid #7e7e7e; height:2px; width:100%; margin-top:10px; padding:4px} #lngdict{padding:0px; margin-top:0px; text-transform:uppercase} #rek_nead{height:90px; display:block; width:100%; position:fixed; top:0px; padding:0px; margin:0px} #rek_foot{height:90px; display:none; width:100%; padding:0px; margin:0px} #rek_nead2{height:90px; display:none; width:100%; text-align:center; position:fixed; top:0px; padding:0px; margin:0px; border-width:1px; border-style:solid; background-color:#efeff4} #rek_foot2{height:90px; display:block; width:100%; text-align:center; padding:0px; margin:0px; border-width:1px; border-style:solid; background-color:#efeff4} .close-icon{border:1px solid transparent; background-color:transparent; display:inline-block; vertical-align:middle; outline:0; cursor:pointer} .close-icon:after{content:"X"; display:block; width:12px; height:12px; position:absolute; background-color:#848080; z-index:100; right:42px; top:0; bottom:0; margin:auto; padding:2px; border-radius:50%; text-align:center; color:white; font-weight:normal; font-size:10px; cursor:pointer} #searchfield:not(:valid) ~ .clearbutton{display:none} #clearbutton{background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJQTFRFAAAAjo6TlpaamJicmJidmZmem5ufnZ2hoqKmo6OnpaWppqaqp6erqKisqqqtsLCzsbG1tra6uLi7vb3AwsLFxsbJycnLysrNzs7Q0NDS0tLU1NTW1dXX2dnb2trc3Nzd3t7g5eXm6Ojp/Pz8/f39////KEeHtQAAAAF0Uk5TAEDm2GYAAAEBSURBVHja7dXJEoIwDAZgg4ALq+IKuGDa939FIQwQFEs99KL8h9Lp5BuWlnY2Zcp/RSqjA/GWhAuARZjc8AuIRw/aeEfUhQ8fevEfevBqw0vsqw7MYSD5OCysIWgVY1AEVDinlnUDMQLPVLbBqHERbuh6UkOkeXBQirh2sZDo0KygEl6a8lJ2HcpFCRNgsrnUSZRwBVxyBysldIFL7sBVwqqik5XrogujCkZswMyjLj9/nKWZ6VAtADNLTp6ofItx+7K47Rb5+G/lUMu6gTD1I0uZDsFUZ7PKrLf7ZXrbY+H1nVdob8gHRtd7/OIIEPdd6JbrM9zdRTto4tCZMuUH8wSK1Tis1ryfpQAAAABJRU5ErkJggg==) no-repeat left; background-size:28px 28px; position:fixed; right:38px; top:46px; width:28px; height:28px} #clearbutton2{background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJQTFRFAAAAjo6TlpaamJicmJidmZmem5ufnZ2hoqKmo6OnpaWppqaqp6erqKisqqqtsLCzsbG1tra6uLi7vb3AwsLFxsbJycnLysrNzs7Q0NDS0tLU1NTW1dXX2dnb2trc3Nzd3t7g5eXm6Ojp/Pz8/f39////KEeHtQAAAAF0Uk5TAEDm2GYAAAEBSURBVHja7dXJEoIwDAZgg4ALq+IKuGDa939FIQwQFEs99KL8h9Lp5BuWlnY2Zcp/RSqjA/GWhAuARZjc8AuIRw/aeEfUhQ8fevEfevBqw0vsqw7MYSD5OCysIWgVY1AEVDinlnUDMQLPVLbBqHERbuh6UkOkeXBQirh2sZDo0KygEl6a8lJ2HcpFCRNgsrnUSZRwBVxyBysldIFL7sBVwqqik5XrogujCkZswMyjLj9/nKWZ6VAtADNLTp6ofItx+7K47Rb5+G/lUMu6gTD1I0uZDsFUZ7PKrLf7ZXrbY+H1nVdob8gHRtd7/OIIEPdd6JbrM9zdRTto4tCZMuUH8wSK1Tis1ryfpQAAAABJRU5ErkJggg==) no-repeat left; background-size:28px 28px; position:fixed; width:28px; height:28px; display:inline-grid} #header1{z-index:200; height:34px; background-color:#f8f8f8; border-bottom:0.5px solid #7e7e7e; position:fixed; display:table; top:0px; width:100%} #header2{ z-index:199; height:34px; background-color:#c9c9ce; border-bottom:0.5px solid #7e7e7e; position:fixed; width:100%; top:34px; padding:0} #sugview{padding:70px 0px 0px; display:none; background-color:#efeff4; min-height:300px} #menuview{background-color:#efeff4; position:absolute; top:50px; left:-100%; width:100%; height:100%; z-index:11; transition:0.15s} #transview{background-color:#fff; padding:70px 2px 30px; min-height:300px} .menuvisible{-webkit-transform:translate(100%,0px); transform:translate(100%,0px)} .articles-nav{min-width:40px} #td3{width:127px} #td1{width:85px} @media screen and (min-width:648px){ #footer{ position:fixed; left:0; bottom:0; padding:2px; background:#f8f8f8; border-top:0.5px solid #7e7e7e; border-bottom:0.5px solid #7e7e7e; width:100%; height:30px} #h1a{width:100px} #td1{width:100px} #td3{width:150px} #h1b{display:table-cell; font-size:medium} #cmenu{display:inline-block} #rek_nead{display:block} #rek_foot{display:none} #sugview{display:block; padding-top:0; height:calc(100vh - 105px); position:absolute; top:70px; left:0; overflow:auto; -webkit-overflow-scrolling:touch; width:350px; border-right:1px solid #ccc; z-index:10} #menuview{left:-350px; width:350px; top:50px; height:calc(100vh - 125px); overflow:auto; -webkit-overflow-scrolling:touch; border-right:1px solid #ccc} #transview{position:absolute; top:70px; left:350px; height:calc(100vh - 130px); overflow:auto; -webkit-overflow-scrolling:touch; width:calc(100vw - 380px); padding:5px 10px 0px} .menuvisible{-webkit-transform:translate(350px,0px); transform:translate(350px,0px)} } .textcontent{padding:10px 5px} .textcontent a{text-decoration:underline} .sugviewspacer{height:32px; border-bottom:1px solid #ccc; background-color:#efeff4} .sugviewentry, .sugviewentryactive{min-height:36px; line-height:36px; border-bottom:1px solid #ccc} .sugviewentry a, .sugviewentryactive a{padding-left:65px; display:block; background-color:#efeff4; color:#333} .sugviewentry span{padding-left:15px; font-size:small; margin-top:0px} .sugviewentry a:hover{background-color:#e4e4e9; color:#333} .sugviewentry a:active, .sugviewentryactive a{background-color:#d0d0d4; color:#333} #h1a{cursor:pointer; display:table-cell; vertical-align:middle; color:#007bff} #h1b{cursor:pointer; vertical-align:middle; display:table-cell; text-align:center; font-weight:bold; padding:3px 4px; font-size:small} #h1c{cursor:pointer; display:table-cell; vertical-align:middle; width:100px; color:#007bff; text-align:right; padding-right:8px} #menuiconcontainer{vertical-align:top; display:inline-block; cursor:pointer; padding:0 1px 0 4px} .menuiconbar1, .menuiconbar2, .menuiconbar3{width:18px; height:3px; background-color:#007bff; margin:3px 5px; transition:0.15s} .change .menuiconbar1{-webkit-transform:rotate(-45deg) translate(-4px,5px); transform:rotate(-45deg) translate(-4px,5px)} .change .menuiconbar2{opacity:0} .change .menuiconbar3{-webkit-transform:rotate(45deg) translate(-3px,-5px); transform:rotate(45deg) translate(-3px,-5px)} #bkv{display:inline-block; height:20px} #searchform{margin:1px 2px 2px 2px; padding:0; background-color:white; border-radius:5px; display:-ms-inline-flexbox; width:100%} #searchfield {font-size:1em;background-color:transparent;width:calc(100% - 30px);padding:4px;padding-left:30px;margin:0;border:0; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANVQTFRFAAAAjY6Tjo6Tjo6Ujo+UkJCVkJGWkZGWkpKWkpKXkpKYkpOYk5SZmpugm5yhnJygnZ2hnp6inp6jnp+kn6CkoKCkoKCloqKmoqKnoqKooqOno6OntLS3tbW4tra6t7e6uLi7v7/Cv8DDwsPFw8PFxsfKx8fJx8fKx8fLycnLy8zOzs7Qzs/R0NDS0NDT0NHT0dHT2Nja2dnb2trb2trc29vc29vd29ze3N3f3d3e3d3f4ODh4ODi4uLj4uLl7Ozt7e3u7u7v+vr6/Pz8/f39/v7+////RjH9xAAAAAF0Uk5TAEDm2GYAAAEjSURBVEjH7dVJU4NAEIbh9NcqxJXgglsSVwZFNEYlbgiyzP//SV6shLlYHaq8zXvmqaGYnqHXs9lsovQfSWD9PPKcdW84rZeDMx8MZgJ20mXgJfFxnJdlHgfAhRxesZM0vw9P+jiXwldyssX7fbn0IoP1AEn7W05oqxbBJw4aYxeO8CiCI4rN7bvHqQhuU2HCAp4IOihNWMEVwT4qE5bYFEGPv02YY08Eh3gwYcxjEZzixHBNgFQ2APt824YJ+41s5DJ2PhYuW8O7dMhvsHo3X88hhOJjFa7gMCmqsogDZgIi8UH+PAAYIMB/C0GsxFeHnp3tbriDcdpoHRKgxLCdAkF1gToCoLpArQCoLlBfg6E6XcgKCLvd5FGo/+cXYLPZ5v0At6qyTHGsA1kAAAAASUVORK5CYII=) no-repeat left;background-size: 32px 32px;} .audiobut {background-color:#666;padding:1px 9px;border-radius:8px;cursor:pointer;width:11px;height:19px;display: inline-block;vertical-align:top;background-repeat:no-repeat;background-size: 11px 12px;background-position: 9px 5px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcZJREFUeNqslU8og2Ecxx8zf1pmZTLJnBxEyrhxoJSUJGknB5cdceUiNeWkSOLi4oJo9R6clFKKKbmIYohCirLFdpD1+j58Z6+32bvt9a1P3/f3e9v3fd5nvb9HqKoqTJAPNsEV8GjvCZPBBSCkfusU2LMN7gdDusAqXneDOMMnsgmuA69gW9NbA2HgZT3P4BdQnUlwBbjgjxRNf4e9Z+AEDvDA3oxRcBHYV5PSBjfwLaT87PlZyweUpgveUH9L0d2fZv+Rf1oNiLHXZxVClIFmkCeS6gVekV5LYAS4QA9YB2egBXTJJ8+qmUlJ8VZbvLfCeoH1oQXpDpG7dulN9CO6WwbHTQSf0yuB3NYb1iUWYU5hug3YQYy11WxwQir5kdlgJz0K3rhqqQ8L9yZXNdLvZBioZR2RwU8mgjvox/QW+q1c7RQIcFsS+zQIhg1C60EbrxV6Kz2Y7pMOGHwgy+xfg0JOwXf2OtMFF4PgH8HtmpBR9uZYy9PEZjQ2XeAyRfABeyEuwA0i7I1nOujliIzqBv0kOOHKZb2qmXTl2RxNA7qjSWKl+zTb5fuvw1SG3zN0j6f21z2ryS9PDrBF4AFj2oH2KcAAA7oUDJYozdAAAAAASUVORK5CYII=); } .audiobut:hover {background-color:#007bff; } .withspan, .withspan a{margin-top:-10px} .bgfff, .bgfff a{background-color:#fff} .bgfff a:hover{background-color:#fff; color:#007bff} .bgorange{background-color:#ff9c00} .bgccc{background-color:#ccc} .servvv{padding-left:30px; min-height:36px; line-height:36px; border-bottom:1px solid #ccc} .servvv span{padding-left:15px; font-size:small; margin-top:0px} .servvv{border-bottom-style:groove; margin-bottom:3px; margin-top:3px; line-height:1.5em; color:blue; background-color:#fff} .servvv a{color:teal} .servvv a:active, a:hover{background-color:#fff; color:#007bff} .servdics{padding-left:30px; min-height:36px; line-height:36px; border-bottom:1px solid #ccc; padding-left:10px; padding-right:10px; color:darkgray} .servdics span{padding-left:15px; font-size:small; margin-top:0px} .servdics{border-bottom-style:groove; margin-bottom:3px; margin-top:3px; line-height:1.5em; color:darkgray; background-color:#fff} .servdics a{color:teal; cursor:pointer} .servdics a:active, a:hover{background-color:#fff; color:#007bff} @media screen and (max-width:300px){ #cmenu{display:none} #h1b{display:table-cell; font-size:small} #displ_class{display:none} #dc_napr{display:none} #h1a{width:33px} #h1b{padding:0px} #td1{width:33px} #td3{width:60px} } /* сетка */ .mrow { /* margin: 0 -10px;*/ margin-bottom: 10px; } .mrow:last-child { margin-bottom: 0; } [class*="mcol-"] { padding: 10px; } @media all and ( min-width: 600px ) { .mrow { display: table; table-layout: fixed; width: 100%; } [class*="mcol-"] { display: table-cell; } /* set col widths */ .mcol-2-3 { width: 66.66%; } .mcol-1-2 { width: 50%; } .mcol-1-3 { width: 33.33%; } .mcol-1-4 { width: 25%; } .mcol-1-8 { width: 12.5%; } } /* forms */ .mgrm{ border:solid #ccc 1px; margin-top:15px; border-spacing:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;} .mgrm a {text-decoration: underline; color: #1D67A4;} .mgrm a:visited { color: #90278E; } .mgrm td{ border-left:solid 1px #CCC; border-top:solid 1px #CCC; padding:5px; text-align:left; vertical-align:top} .mgrm td.gr_kat{ font-weight:bold; background-color:#eee} .mgrm td.makal_word{ background-color:white} .mgrm th{ background-color:#dce9f9; border-top:none; border-left:1px solid #ccc; font-family:Arial,Helvetica,sans-serif; padding:8px; text-align:left; font-weight:bold} .mgrm td:first-child, .bordered th:first-child{ border-left:none} .mgrm th:first-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-left:none} .mgrm th:last-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} .mgrm tr:last-child td:first-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} .mgrm tr:last-child td:last-child{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} .mgrm th.makal_word{ background-color:#f5f5dc} .spoiler { padding: 0 0.4em; } .spoiler details { padding: 1em 0; } .spoiler details + details { border-top: 1px solid #e0e0e0; } .spoiler summary { color: #4d5895; margin-bottom: 5px; cursor: pointer; } .spoiler details div { overflow: hidden; /* padding: 1em 1em 0; */ } .spoiler details[open] div { animation: spoiler 1s; } @keyframes spoiler { 0% {max-height: 0;} 100% {max-height: 10em;} } .tooltip{ display: inline; position: relative; } .tooltip:hover:after{ background: #009688; border-radius: 5px; bottom: 26px; color: #fff; content: attr(data-title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px; font-weight: normal; } .tooltip:hover:before{ border: solid; border-color: #009688 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } .gb_oc .gb_Wc:before { content: url(https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_clr_74x24px.svg); display: inline-block; height: 24px; width: 74px; } .gb_1c .gb_ae { padding-left: 4px; } .gb_sa svg, .gb_yc svg, .gb_1c .gb_ae, .gb_Kc .gb_ae { color: #5f6368; opacity: 1; } .gb_ae { display: inline-block; font-family: 'Product Sans',Arial,sans-serif; font-size: 22px; line-height: 24px; padding-left: 8px; position: relative; top: -1.5px; vertical-align: middle; } .gb_0c { color: inherit; opacity: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .gb_oc .gb_Wc { height: 24px; width: 74px; display: inline-block; vertical-align: middle; } .tr_button { background-color: #4285f4; border: none; color: white; padding: 0.4em; text-align: center; text-decoration: none; display: inline-block; font-size: initial; cursor: pointer; border-radius: 6px; } /* Стилизация выпадающей кнопки */ .dropbt { text-transform: uppercase; padding: 5px; border: none; cursor: pointer; color: #4285f4; } /* Контейнер
- необходимо разместить выпадающий контент */ .dropdown { position: relative; display: inline-block; min-width: 160px; } /* Выпадающий контент (скрыт по умолчанию) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Ссылки внутри выпадающего */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Изменить цвет выпадающих ссылок при наведении */ .dropdown-content a:hover {background-color: #f1f1f1; color:#4285f4;} /* Показать выпадающее меню при наведении */ .dropdown:hover .dropdown-content { display: block; } /* Изменить цвет фона кнопки выпадающего списка, когда отображается содержимое выпадающего списка. */ .dropdown:hover { background-color: whitesmoke; } .dropbt:hover { background-color: whitesmoke; } .tr_container { display: grid; grid-template-columns: repeat( auto-fit, minmax(220px, 1fr)); /* grid-template-rows: 80px 80px; */ } abbr[title] { position: relative; /* ensure consistent styling across browsers */ text-decoration: underline dotted; } abbr[title]:hover::after, abbr[title]:focus::after { content: attr(title); /* position tooltip like the native one */ position: absolute; left: 0; bottom: -30px; width: auto; white-space: nowrap; /* style tooltip */ background-color: #fff; color: #222; border-radius: 3px; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4); font-size: 14px; padding: 3px 5px; } /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #ffffff; border-top-style: none; border-left-style:none; border-right-style: none; border-bottom-style: solid; position: fixed; top: 72px; width: 100%; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: 1px solid #ccc; border-bottom-style: none; outline: none; cursor: pointer; padding: 4px 6px; transition: 0.3s; font-size: 14px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #04aa6d; } /* Style the tab content */ .tabcontent { display: none; border: 1px solid #ccc; border-top: none; padding-top: 30px; }