/*clear*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family:verdana, sans-serif; font-display: swap;} ul, ol {padding:0; margin: 0} .google-auto-placed { clear: none!important; } /*main*/ body { font-family:verdana, sans-serif; font-size: 14px;} img{margin: 5px 10px;} h1{font-size: 20px;} h2{font-size: 16px;} h3{font-size: 14px;} h1,h2,h3{color:#aa7700; font-family:verdana, sans-serif;} p, h1,h2,h3{margin-bottom:15px;} p {font-size: 12px; text-align:justify; line-height: 18px; font-family:verdana, sans-serif;} .content {word-wrap: break-word;} a{ color: #0066aa; text-decoration: none; word-wrap: break-word;} a:hover{text-decoration: underline;} .hidden-link {color: #0066aa; } .hidden-link:hover{text-decoration: underline; cursor:pointer;} .clear, .clr{clear: both; padding:0; margin: 0;} #main-wrap{margin: 0 auto; max-width:1260px; width:95%;} #aswift_2_expand{ margin-left: -15px!important; } .b-wrapper{clear: none!important;} .popular li {clear:both;} /* */ .feature{ text-align: center; width: 100%; max-width: 728px; } .feature_wrap{display: flex; justify-content: center; align-items: center; position: relative; min-height: 240px; margin-top: 20px; } /* header */ #header { display: inline; overflow: hidden; margin: 0 auto; max-width: 1275px; } #logotip{ height:60px; margin: 0; float:left; } #logotip img{ width: 100%; margin: 0; } .search-wrap { background: #e8e8e8; border: 1px solid #DDD; margin: 60px 30px 50px 0; padding: 8px 20px; float:right; width:400px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;} .search-wrap span{margin-right:20px; font: bold italic 15px verdana;} .search-input {line-height: 20px; width: 250px;} .search-button{font: bold italic 15px verdana; background:none; border:none; cursor: pointer;} .search-button:hover{color: #fff; } /* */ .top_b_ggl{ float:right; width: calc(100% - 390px); /*width:728px;*/; height:90px; margin: 11px 20px 0px 0px; } .top_b_ggl img{ width: 100%; } /* calendar */ .calendar-hd td, .calendar-hd tr{ border:1px solid #ebebeb; padding: 4px 0; } .calendar-text td{ border:1px solid #ebebeb; padding: 4px 0; } .bg-do{ background-color: #FFD986; } .bg-hd{ background-color: #FC8A2B; color: #fff; } .bg-wdm{ background-color: #CFE2EA; } /* top menu */ #top-menu{background: #cc9900;} #top-menu a{text-align: right; padding:7px 18px; color: #000; font: bold 13px verdana; text-decoration: none; display: inline-block; font-family:verdana, sans-serif;} #top-menu a:hover{color: #fff;} #top-menu2{background: #000; } #top-menu2 a{padding: 7px 26px; color: #cc9900; font: bold 13px verdana; text-decoration: none; display: inline-block; font-family:verdana, sans-serif;} #top-menu2 a:hover{color: #fff;} /* content */ #content{ /*width: 70%;*/ /*padding: 0 10px;*/ /*margin-top: 20px;*/ /*display: block;*/ } #content img{ max-width: 95% } #content li{ font-size: 12px; margin-left: 40px; text-align:left; } .table-border, .table-border td { border-spacing: 0; font-size: 12px; border:1px solid #aaa; border-collapse: collapse; padding: 4px 4px 3px 5px; } .img320 img{max-width:320px;} #main-wrap{ display: block; } /* sidebars */ #sidebar-left, #sidebar-right{ margin-top: 20px; } #sidebar-left{ width: 24%; display: block; } /*#sidebar-right{ float: right; position:relative; border-left:1px solid #ccc; margin-bottom: 20px; }*/ .sidebar-title{ padding: 10px ; margin-bottom:0; background:#cc9900; font-size: 12px; font-weight: bold; text-align:center;} .sidebar-block{ margin-bottom:5px; background:#fefefe; padding: 5px;} .sidebar-block li{ padding: 7px 10px; list-style: none; border-bottom:1px dotted #eee; font-size: 12px;} .sidebar-title-new{ padding: 10px ; margin-bottom:0px; font-size: 12px; font-weight: bold; text-align:center;} .sidebar-block-new{ margin-bottom:5px; background:#fefefe; padding: 5px; text-align:center;} .sidebar-block-new li{ padding: 7px 10px; list-style: none; border-bottom:1px dotted #eee; font-size: 11px;} .sidebar-title-new2{ padding: 2px ; margin-bottom:0px; background:#f3f2f0; font-size: 15px; font-weight: bold; text-align:center;} .sidebar-block-new2{ margin-bottom:5px; background:#f3f2f0; padding: 5px; text-align:center;} .sidebar-block-new2 li{ padding: 7px 10px; list-style: none; border-bottom:1px dotted #eee; font-size: 11px;} .sidebar-block a, .sidebar-block-new a { color: #333; text-decoration: none;} .sidebar-block a:hover, .sidebar-block-new a:hover {color: #0088cc; text-decoration: underline;} .sidebar-title-box1{ padding: 9px ; margin-bottom:0px; font-size: 15px; font-weight: bold; text-align:center;} .sidebar-block-box1{ margin-bottom:5px; background:#f3f2f0; padding: 5px; text-align:left;} .sidebar-block-box1 li{ padding: 7px 10px; list-style: none; border-bottom:1px dotted #eee; font-size: 12px;} .sidebar-title-box2{ padding: 9px ; margin-bottom:0px; background:#f3f2f0; font-size: 15px; font-weight: bold; text-align:center;} .sidebar-title-box2{ padding: 9px ; margin-bottom:0px; font-size: 15px; font-weight: bold; text-align:center;} .sidebar-block-box2 li{ padding: 7px 10px; list-style: none; border-bottom:1px dotted #eee; font-size: 12px;} img.indexpagen2 { float: left; max-width: 92px; width: 40%; height: auto; border: solid #ccc 1px; margin: 2px 9px 3px 5px; } img.indexpagen1 { float: left; max-width: 92px; width: 40%; height: auto; border: solid #ccc 1px; margin: 2px 9px 3px 5px; } img.indexpagen3 { float: center; height: auto; border: solid #ccc 1px; margin: 2px 2px 2px 2px; } .sidebar-block a, .sidebar-block-box1 a { color: #333; text-decoration: none;} .sidebar-block a:hover, .sidebar-block-box1 a:hover {color: #0088cc; text-decoration: underline;} .sidebar-block img{ max-width: 90%; } /* footer */ #footer{ background: #cc9900; border-top: 10px solid #000;text-align:center; padding:10px; padding-top:20px;} .futer-link{padding:5px 19px; margin-bottom:20px; color: #000; font: bold 12px verdana; text-decoration: none; display: inline-block;} .futer-link:hover{color: #fff;} #Copyright{ font-size: 14px; font-weight: bold; text-align:center;} .Copy-rules{ font-size: 11px; font-weight: bold; text-align:center;} /* Shortnews */ .mlink { border-bottom: 2px solid #555; padding-bottom: 12px; margin-top:10px; text-align: right; } .mlink span{} .argviews { border: 1px solid #DDD; border-radius: 3px; font: 11px Tahoma; padding: 5px 10px; white-space: nowrap; vertical-align: middle; color: #333; background: transparent; background: #E8E8E8; height: 16px; margin-right: 5px; } .argmore{ border: solid 1px #fff; border-radius: 4px; font: bold 11px Sans-Serif; padding: 6px 10px; white-space: nowrap; vertical-align: middle; background: #000; cursor: pointer;} .argmore a {color:#fff; text-decoration: none;} .argmore a:hover {color:#cc9900; } .dpad {margin-bottom: 20px;} /* button scroll up */ .b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:55%;opacity: 0.5;filter:alpha(opacity=50);} .b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;} .b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px; color:#fff;background:#777 url(/templates/shopomania_utf/images/b-top.png) no-repeat 50% 11px;border-radius:7px;} /* baseform */ .baseform{ margin: 0 auto; width:400px; border: 1px solid #ddd; padding: 20px; } .baseform p{ font: 12px verdana; margin-bottom: 5px;} .baseform input {width: 300px;} .impot{color:#cc0000;} /* pagination */ .basenavi{text-align:center; font: 10px verdana;} .basenavi .navigation span{ display: inline-block; border: 1px solid #DDD; font: 11px Tahoma; padding: 0px 6px; white-space: nowrap; vertical-align: middle; color: #333; background: transparent; background: #efefef; /*height: 16px;*/ margin: 5px 0px;} .basenavi .navigation a{ display: inline-block; border: 1px solid #000; font: 11px Tahoma; padding: 0px 6px; white-space: nowrap; vertical-align: middle; color: #000; background: transparent; background: #FFCC33; /*height: 16px;*/ margin: 5px 0px;} /* some adaptive */ @media only screen and (max-width : 1350px), only screen and (max-device-width : 1350px){ #top-menu a{padding:10px 19px; } #top-menu2 a{padding:10px 23px; } .top_b_ggl{ margin: 30px 20px 10px 0;} } @media only screen and (max-width : 1180px), only screen and (max-device-width : 1180px){ #top-menu a{padding:10px 11px; font-size: 12px; } #top-menu2 a{padding:10px 15px; font-size: 12px; } #sidebar-right{ float: left; border:0; border-right:1px solid #ccc;} #sidebar-wrap{width:300px;} #content{ padding: 20px; margin: auto; display: block; /*min-height: 720px;*/ } .top_b_ggl{ margin: 30px 20px 10px 0;} .sidebar-block-new{width: 250px!important;} .sidebar-title-new{width: 225px;} .sidebar-block-new table{width: 225px!important;} .sidebar-block-new2{width: 250px!important;} .sidebar-title-new2{width: 225px;} .sidebar-block-new2 table{width: 225px!important;} } @media only screen and (max-width : 1024px), only screen and (max-device-width : 1024px){ .b-top {margin-left:50%;opacity: 0.3;filter:alpha(opacity=30); bottom:50px;} } .noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #label {padding: 10px; border:1px solid #aaa; background:#F6F2AE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .label {padding: 10px; border:1px solid #aaa; background:#F6F2AE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #label2{ padding: 10px; border:1px solid #aaa; background:#F6F2AE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #label3{ padding: 10px; border:1px solid #aaa; background:#FFCC99; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #label4 {padding: 10px; border:1px solid #aaa; background:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #label5 {padding: 10px; border:1px solid #aaa; background:#fef5ee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #toc_container { background: #f9f9f9; border: 1px solid #aaa; padding: 10px; margin-bottom: 1em; width: auto; display: table; font-size: 95%; } #toc_container > ol > li { padding: 0 0 16px 0; background: #f9f9f9; position: relative; font-size: 13px; text-decoration: underline; line-height: 15px; } #toc_container h4{ text-align: center; color: #000; font-size: 15px; } /* ------------------- Spoiller ------------------- */ .slidedown { background:#f4f4f4; padding:0; margin:20px 0 0; } .slidedown .slidedown-content { padding:20px; font-size:16px } .slidedown .slidedown-title { font-size:18px; color:#cc9902; background:#e5e5e5; padding:15px 70px 15px 20px; border:0; display:block; margin:0; position:relative; cursor: pointer; } .slidedown .slidedown-title.opened { color:#fff; background:#cc9902 } .slidedown .slidedown-title::after { content:' '; width:55px; height:100%; position:absolute; right:0; top:0; background:url(/templates/shopomania_utf/images/slidedown.png) no-repeat center center #eaeaea } .slidedown .slidedown-title.opened::after { content:' '; width:55px; height:100%; position:absolute; right:0; top:0; background:url(/templates/shopomania_utf/images/slidedown-opened.png) no-repeat center center #b18400 } .hidden { display: none!important; } /* ------------------- word-break ------------------- */ .col { word-wrap: break-word; /* Перенос слов */ } /* ------------------- mobile styles ------------------- */ .header-menu { display: none; position: absolute; height: 100%; width: 75px; right: 0; top: 0; transition: transform .05s; z-index: 11; } .header-menu .close{ display: none; width: 20px; margin: 10px 15px; } .header-menu .burger{ width: 30px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; } #sidebar-mobile{ display: none; } .closeTopMenuButton{ display: none } .calendar th{ background: #d4e4e0; } .calendar th, .calendar td{ padding: 5px; } .calendar .h4{ margin: 10px; display: block; } @media only screen and (max-width : 768px), only screen and (max-device-width : 768px){ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } #logotip{ height: auto; } h1{ font-size: 18px } h2{ font-size: 15px; } h3{ font-size: 14px; } #dle-content{ width: 100%; } .b-top { margin-left: 30%; } .ya-site-form__input-text {padding: 5px} body, p, li, #content li, .basenavi, #ya-site-form1 .ya-site-form__form *, .argmore, .argviews{ font-size: 14.5px; } .basenavi .navigation a, .basenavi .navigation span{ padding: 8px 15px; font-size: 14px; } #header{ position: fixed; height: auto; margin: 0; background: #000; box-shadow: 0 3px 5px rgba(57,63,72,0.3); z-index: 999999999; width: 100%; display: block; top: 0; left: 0; } #main-wrap{ padding-top: 20px; } .header-menu { display: block; } #main-wrap{ position: relative; margin: 0 auto; width:95%; display: block; overflow: hidden; } .closeTopMenuButton{ display: block; position: absolute; top: 0; right: 0; width: 40px; line-height: 40px; text-align: center; color: #FFF; font-size: 20px; transform: rotate(45deg); } .top-menu-wrap #top-menu a, .top-menu-wrap #top-menu2 a{ background: #cc9900; color: #000; padding: 16px; font-size: 14px; display: block; text-align: center; border-bottom: 1px solid #bd9009; } #logotip{ /*margin: 15px 0 10px; width:90%;*/ margin: 6px 0 2px; width: 70%; } #logotip img{ width: 80%; margin-left: 6%; } #content{ display: block; margin: 0; } .top-menu-wrap{ position: fixed; overflow-y: auto; height: 100%; top: 0; display: none; right: 0; width: 100%; z-index: 9999999999; margin: 0; transition-duration: .5s; } #footer{ height: 100%; } #sidebar-mobile{ display: block; } #sidebar-left, #sidebar-right, #sidebar{ display: none; } .sidebar-block-box1 li{ display: inline-block; } .sidebar-block-box1, .sidebar-block{ width: 95%; } table{ /*overflow-x: hidden;*/ width: 600px!important; padding: 0!important; } iframe{ max-width: 100%; } .table-wrapper{ display: block; overflow-x: scroll; width: 100%; } } .calendar table{ width: 100%!important;}