.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .row { margin-right: -5px; margin-left: -5px; } /* * General */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .clear { clear: both; height: 1px; marign-top: -1px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .box-color-white { background-color: #fff; } .box-color-1 { background-color: #fbf9e9; } .box-color-2 { background-color: #e9f2f4; } .box-color-3 { background-color: #f7f7f7; } .box-color-4 { background-color: #fff7c2; } .box-color-5 { background-color: #fffbdf; } .box-color-6 { background-color: #eee; } .box-color-7 { background-color: #d5dadf; } .box-color-8 { background-color: #80b9ed; } .box-color-9 { background-color: #000; } body { font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; } body > .container { position: relative; background: #fff; } body > .container:before { display: block; content: ''; position: absolute; height: 100%; width: 15px; top: 0; left: 0; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(left, #ffffff 0%,#cccccc 100%); background: -o-linear-gradient(left, #ffffff 0%,#cccccc 100%); background: -ms-linear-gradient(left, #ffffff 0%,#cccccc 100%); background: linear-gradient(to right, #ffffff 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); } body > .container:after { display: block; content: ''; position: absolute; height: 100%; width: 15px; top: 0; right: 0; background: #cccccc; background: -moz-linear-gradient(left, #cccccc 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #cccccc 0%,#ffffff 100%); background: -o-linear-gradient(left, #cccccc 0%,#ffffff 100%); background: -ms-linear-gradient(left, #cccccc 0%,#ffffff 100%); background: linear-gradient(to right, #cccccc 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 ); } h1 a , h2 a { font-weight: bold; } a.add_news{display:block; width:150px; background:#fff7c2 url(../images/add_news.gif) 6px 4px no-repeat; padding:4px 0 4px 30px; height:23px; text-decoration:none; text-align:left;} a.add_news:hover{background:#d7eaf2 url(../images/add_news.gif) 6px 4px no-repeat; color:#285374;} /** * IMPORTANT MAIN CONTENT SETTINGS */ body > .container > .row > .col-md-8 > * { margin-left: 30px; } a { color: #0066aa; } a:hover { color: #7db4df; text-decoration: none; } .dash-list-style { list-style: none; padding: 0 0 0 26px; } .dash-list-style li:before { content: '–'; display: block; position: absolute; margin-left: -16px; } /* * Icons */ .ic { display: inline-block; } .ic.comment-icon-2 { background: url(images/comments_icon_2.gif) no-repeat 0 0; width: 9px; height: 11px; } /* * Side Navigation Pane */ #side-nav-pane { position: fixed; top: 310px; right: 0; border: 1px solid #425367; border-radius: 5px 0 0 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3); z-index: 99; } #side-nav-pane ul { list-style: none; margin: 0; padding: 0; } #side-nav-pane li { width: 33px; height: 33px; border-top: 1px solid #8a95a5; border-bottom: 1px solid #425367; cursor: pointer; background: #516177; background: -moz-linear-gradient(left, #516177 0%, #79889c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#516177), color-stop(100%,#79889c)); background: -webkit-linear-gradient(left, #516177 0%,#79889c 100%); background: -o-linear-gradient(left, #516177 0%,#79889c 100%); background: -ms-linear-gradient(left, #516177 0%,#79889c 100%); background: linear-gradient(to right, #516177 0%,#79889c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516177', endColorstr='#79889c',GradientType=1 ); } #side-nav-pane li:hover { background: #3d4b5a; background: -moz-linear-gradient(left, #3d4b5a 0%, #475564 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d4b5a), color-stop(100%,#475564)); background: -webkit-linear-gradient(left, #3d4b5a 0%,#475564 100%); background: -o-linear-gradient(left, #3d4b5a 0%,#475564 100%); background: -ms-linear-gradient(left, #3d4b5a 0%,#475564 100%); background: linear-gradient(to right, #3d4b5a 0%,#475564 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4b5a', endColorstr='#475564',GradientType=1 ); } #side-nav-pane li:active { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #37434c; background: -moz-linear-gradient(left, #37434c 0%, #424e56 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#37434c), color-stop(100%,#424e56)); background: -webkit-linear-gradient(left, #37434c 0%,#424e56 100%); background: -o-linear-gradient(left, #37434c 0%,#424e56 100%); background: -ms-linear-gradient(left, #37434c 0%,#424e56 100%); background: linear-gradient(to right, #37434c 0%,#424e56 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37434c', endColorstr='#424e56',GradientType=1 ); } #side-nav-pane li.top-btn { border-radius: 3px 0 0 0; } #side-nav-pane li.bottom-btn { border-radius: 0 0 0 3px; border-bottom: 0; } #side-nav-pane li span { background: url(images/ic-side-nav-pane.png); display: block; width: 33px; height: 33px; } #side-nav-pane li.top-btn span { background-position: 0 0; } #side-nav-pane li.up-btn span { background-position: 0 -33px; } #side-nav-pane li.down-btn span { background-position: 0 -66px; } #side-nav-pane li.bottom-btn span { background-position: 0 -99px; } /* Header */ #header #header-section-1 { min-height: 10px; } #header #header-section-2 { position: relative; z-index: 1; } #header #header-section-2 > div:nth-child(2) { z-index: 1; } #header .favorites { margin-top: 20px; margin-bottom: 12px; position: relative; top: 46px; left: 130px; } #header img { height: auto; } #header #banner > * { display: inline-block; margin: 0 auto 10px auto; max-width: 100%; } #header #header-objects { float: right; position: relative; padding-right: 10px; } #header #header-objects ul { list-style: none; margin: 0; padding: 0; float: right; } #header .block-1 { margin-bottom: 5px; position: relative; display: inline-block; top: 10px; margin: 0; padding: 0; list-style: none; } #header .block-1 li { float: right; } #header .block-1 li:first-child { margin-left: 0; } #header .block-1 a { display: block; padding: 0 5px 0 12px; color: #000; } #header .block-1 a:hover { color: #ff6112; } #header .block-1 li a.rt_1 { background: url(../images/sitemap.gif) no-repeat 0 3px; } #header .block-1 li a.rt_2 { background: url(../images/mail.gif) no-repeat 0 2px; } #header .block-1 li a.rt_3 { background: url(../images/rss.gif) no-repeat 0 1px; } #header #header-objects .block-2 { background: #efefef; font-size: 13px; width: 224px; text-align: right; margin-top: -3px; } #header #header-objects .block-2 li { border-top: 1px solid #fff; } #header #header-objects .block-2 li:first-child { border-top: 0; } #header #header-objects .block-2 a { color: #ff6112; padding: 10px; display: block; font-weight: bold; } #header #header-objects .block-2 a:hover { background: #d4e0ed; color: #565d6f;} #header #header-objects .login-box { background: #d4e6f4; padding: 4px 7px; float: right; width: 224px; text-align: right; } #header #header-objects .login-box a:hover { color: #ff6112; } #header #login .name { font-size: 12px; color: #09C; font-weight: bold; } #header #login .avatar { float: left; } #header #login .btm_profile { text-decoration: none; background: #dcdcdc; padding: 2px 10px; text-align: center; border: solid 1px #666; display: block; float: right; margin-left: 6px; font-size: 11px; } #header #login .btm_logout { text-decoration: none; background: #a8c8f4; padding: 2px 10px; text-align: center; border: solid 1px #666; display: block; float: right; margin-left: 6px; font-size: 11px; } #header #login .btm_profile:hover, #header #login .btm_logout:hover { color: #000; } #header #header-objects .search-block { background: #80b9ed; float: right; padding: 0; margin-left: 5px; width: 224px; } #header #header-objects .search-block * { margin: 0; padding: 0; } #header #header-objects .search-block .ya-site-form__input-text { background: #fff url(images/search-input-bg.png) no-repeat 2px 50%; border: 1px solid #ccc; font-size: 12px; width: 100%; max-width: 100%; padding: 2px; text-indent: 5px; } #header #header-objects .search-block .ya-site-form__search-input-layout-l { padding: 5px !important; } #header #header-objects .search-block input[type="button"] { margin-right: 5px; } #header #logo a { position: relative; margin-left: 0; z-index: 1; } #header #logo a, #header #logo img, #header #logo span { display: block; } #header #logo a, #header #logo a:hover { color: #a4a4a4; } #header #logo span { position: absolute; left: 10px; bottom: 14px; font-size: 11px; } #header #logo:before, #header #logo:after { display: block; content: ''; position: absolute; top: 96px; } #header #logo:before { width: 20px; height: 25px; background: url(images/header-line-corner.png) no-repeat 0 0; left: -6px; } #header #logo:after { height: 16px; background: url(images/header-line.jpg) no-repeat 0 0; z-index: 0; left: 303px; } #header .social-box { list-style: none; padding: 0; margin: 0; float: left; top: 10px; position: relative; left: 130px; } #header .social-box li { display: inline-block; margin: 0 6px; position: relative; cursor: pointer; } #header .social-box li > i { display: block; width: 31px; height: 31px; border: 1px solid transparent; border-radius: 4px 4px 0 0; } #header .social-box li.active > i { border: 1px solid #8a9cb2; } #header .social-box li.fb > i { background: url(images/ic-fb.png) no-repeat 0 0; } #header .social-box li.tw > i { background: url(images/ic-tw.png) no-repeat 0 0; } #header .social-box li.vk > i { background: url(images/ic-vk.png) no-repeat 0 0; } #header .social-box li .popup-content { position: absolute; z-index: 1; left: 0; margin-left: -101px; margin-top: -1px; text-align: left; background: #fff; width: 230px; padding: 10px; box-shadow: -2px 2px 3px -2px rgba(0,0,0,.5); border: 1px solid #8A9CB2; } #header .social-box li .popup-content { display: none; } #header .social-box li.active .popup-content { display: block; } /* Menu */ .masthead.main-menu { border: 1px solid #86a7c1; font-size: 9px; margin-top: 30px; position: relative; } .masthead.main-menu:before, .masthead.main-menu:after { display: block; content: ''; width: 9px; height: 40px; top: -1px; position: absolute; background-repeat: no-repeat; background-image: url(images/menu-corner.png); z-index: 1;} .masthead.main-menu:before { left: -10px; background-position: 0 0; } .masthead.main-menu:after { right: -10px; background-position: 100% 0; } .masthead.main-menu li a { text-transform: uppercase; } .masthead.main-menu, .masthead.main-menu li:hover a { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e1eef6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1eef6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e1eef6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e1eef6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e1eef6 100%); background: linear-gradient(to bottom, #ffffff 0%,#e1eef6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1eef6',GradientType=0 ); } .masthead.main-menu li.active a { background: #fff; border-left: 1px solid #86a7c1; border-right: 1px solid #86a7c1; border-bottom: 1px solid #fff; } .masthead.main-menu li:first-child a { border-left: 0; } .masthead.main-menu li:nth-child(11) a { border-right: 0; } .masthead.secondary-menu { margin-bottom: 0px; } .masthead.secondary-menu li { border-left: 1px solid #d4d4d4; height: 50px; font-size: 11px; } .masthead.secondary-menu { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); } .masthead.secondary-menu li a:hover { background: none; } .masthead.secondary-menu i { width: 100%; height: 26px; display: block; background-repeat: no-repeat; background-position: 50% 50%; } .masthead.secondary-menu .p1 i { background-image: url(images/menu/p1.gif); } .masthead.secondary-menu .p2 i { background-image: url(images/menu/p2.gif); } .masthead.secondary-menu .p3 i { background-image: url(images/menu/p3.gif); } .masthead.secondary-menu .p4 i { background-image: url(images/menu/p4.gif); } .masthead.secondary-menu .p5 i { background-image: url(images/menu/p5.gif); } .masthead.secondary-menu .p6 i { background-image: url(images/menu/p6.gif); } .masthead.secondary-menu .p7 i { background-image: url(images/menu/p7.gif); } .masthead.secondary-menu .p8 i { background-image: url(images/menu/p8.gif); } .masthead.secondary-menu .p9 i { background-image: url(images/menu/p9.gif); } .masthead.secondary-menu .p10 i { background-image: url(images/menu/p10.gif); } .masthead.secondary-menu .p11 i { background-image: url(images/menu/p11.gif); } .masthead.secondary-menu .p12 i { background-image: url(images/menu/p12.gif); } .masthead.secondary-menu .p13 i { background-image: url(images/menu/p13.gif); } .masthead.secondary-menu .p1:hover i, .masthead.secondary-menu .active .p1 i { background-image: url(images/menu/hover/p1.gif); color: #ff6112; } .masthead.secondary-menu .p2:hover i, .masthead.secondary-menu .active .p2 i { background-image: url(images/menu/hover/p2.gif); color: #ff6112; } .masthead.secondary-menu .p3:hover i, .masthead.secondary-menu .active .p3 i { background-image: url(images/menu/hover/p3.gif); color: #ff6112; } .masthead.secondary-menu .p4:hover i, .masthead.secondary-menu .active .p4 i { background-image: url(images/menu/hover/p4.gif); color: #ff6112; } .masthead.secondary-menu .p5:hover i, .masthead.secondary-menu .active .p5 i { background-image: url(images/menu/hover/p5.gif); color: #ff6112; } .masthead.secondary-menu .p6:hover i, .masthead.secondary-menu .active .p6 i { background-image: url(images/menu/hover/p6.gif); color: #ff6112; } .masthead.secondary-menu .p7:hover i, .masthead.secondary-menu .active .p7 i { background-image: url(images/menu/hover/p7.gif); color: #ff6112; } .masthead.secondary-menu .p8:hover i, .masthead.secondary-menu .active .p8 i { background-image: url(images/menu/hover/p8.gif); color: #ff6112; } .masthead.secondary-menu .p9:hover i, .masthead.secondary-menu .active .p9 i { background-image: url(images/menu/hover/p9.gif); color: #ff6112; } .masthead.secondary-menu .p10:hover i, .masthead.secondary-menu .active .p10 i { background-image: url(images/menu/hover/p10.gif); color: #ff6112; } .masthead.secondary-menu .p11:hover i, .masthead.secondary-menu .active .p11 i { background-image: url(images/menu/hover/p11.gif); color: #ff6112; } .masthead.secondary-menu .p12:hover i, .masthead.secondary-menu .active .p12 i { background-image: url(images/menu/hover/p12.gif); color: #ff6112; } .masthead.secondary-menu .p13:hover i, .masthead.secondary-menu .active .p13 i { background-image: url(images/menu/hover/p13.gif); color: #ff6112; } .masthead.secondary-menu .p14:hover i, .masthead.secondary-menu .active .p14 i { background-image: url(images/menu/hover/p14.gif); color: #ff6112; } .nav>li>a { color: #000; white-space: nowrap; padding: 8px 15px; } .nav>li>a:hover { color: #ff6112; } #main-wrapper { position: relative; float: left; width: 100%; margin-right: -100%; } #main-wrapper #main-content { float: left; } #main-wrapper #main-content [class*="col-"]:first-child { margin-right: -5px; } #main-wrapper #main-content .left-offset { padding: 0 10px; } #main-wrapper .fixed-col { width: 320px; float: right; } /* Pagination */ .pagination-box { margin-top: 5px; margin-bottom: 5px; margin-right: -2px; } .pagination-box td { color: #999; padding: 2px; } .pagination-box td > span { display: inline-block; padding: 2px 6px; } .pagination-box a { display: block; padding: 2px 6px; text-align: center; text-decoration: none; border: solid 1px #dadada; background: #e9e9e9; font-size: 11px; color: #999; } .pagination-box a:hover {background: #fff; color: #000; border-color: #000; } /* General */ .main-header { padding: 6px; font-size: 14px; font-weight: bold; text-align: center; position: relative; } .kep { margin: 5px; } .tinymce { font-size: 14px; line-height: 1.5; text-align: justify; } .tinymce:before, .tinymce:after { content: " "; display: table; } .tinymce:after { clear: both; } .tinymce img, .tinymce iframe, .tinymce embed, .tinymce object { margin: 10px; } .tinymce img { margin: 10px; } .tinymce .img.float-left { margin: 10px; } .tinymce .img.float-right { margin: 10px; } .data_1 { color: #999; } .topik_name { background: #eee; padding: 10px; font-size: 18px; font-weight: bold; } .box { padding: 5px; } .box .header { color: #000; } .box .header a { color: #444; } .box .header a:hover { color: #000; } .box .header .num { font-weight: bold; } .box h1 { font-size: 14px; margin: 5px 0; } .box .content { text-align: justify; line-height: 1.2; } .box .content .img { display: block; border: 1px solid #ccc; width: 80px; } .box .content > a { color: #494949; font-size: 14px; } .box .content > a:hover { color: #494949; } .box .img.float-left { margin-right: 5px; } .box .img.float-right { margin-left: 5px; } form[name="user_form"] { margin-bottom: 20px; } form[name="user_form"] th, form[name="user_form"] td { padding: 10px; } form[name="user_form"] th { text-align: right; } .hr { margin: 10px 0; border-top: 1px solid #999; } .text-center { text-align: center; } /* Fancybox */ #fancybox-wrap, #fancybox-wrap * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Login block */ #login_block { background: #e8e8e8; border: 1px solid #a7a6aa; width: 240px; height: auto; } #login_block table { width: 100%; border: 0; } #login_block table td { padding: 2px 10px; } #login_block input {width: 200px; padding: 2px; } #login_block table td input[type="submit"] { margin-bottom: 5px; } #login_block .form_name { color: #3a76a5; font-size: 10px; padding-bottom: 6px; } #login_block a.a_see_all_3 {display: block; width: 240px; clear: both; text-align: center; font-size: 80%; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; color: #fff; background: #b2b2b2; padding: 4px 0; } /* Nav stroka */ .nav_stroka { margin: 8px 0 16px 0; } .nav_stroka a { display: inline-block; background: #d4e6f4; padding: 2px 10px; text-align: center; text-decoration: none; margin-right: 4px; border-radius: 9px; } .nav_stroka span { display: inline-block; background: #efefef; border-radius: 10px; padding: 2px 6px; margin-right: 4px; } /* Main news */ #main-news .main-header { background: #4a85ac; color: #fbf9e9; } #main-news .main-header button { background: none; border: 0; padding: 0; width: 27px; height: 27px; position: absolute; top: 0; background: rgba(255,255,255,.1); } #main-news .main-header button.prev-btn { left: 0; } #main-news .main-header button.next-btn { right: 0; } #main-news .main-header button:hover { background: rgba(0,0,0,.1); } #main-news h1 { font-size: 22px; margin: 10px 0; } #main-news .main-img { display: block; max-width: 100%; } .banner-place img, .banner-place iframe, .banner-place object, .banner-place span, .banner-place ins, .banner-place .banner_script, .banner-place embed { display: block; max-width: 100%; margin-top: 5px; margin-bottom: 5px; text-align: center; position: relative; margin-left: auto; margin-right: auto; } .banner-place .banner_image img { height: auto !important;} .banner-place .banner_script ins ins { display: block !important;} .banner-place .banner_flash { background: #EEEEEE; } .banners-place { display: table; width: 100% !important; } .banners-place > div { display: table-cell; text-align: center; padding: 0 5px 5px 5px; vertical-align: middle; } .banners-place > div img, .banners-place > div iframe, .banners-place > div object, .banners-place > div embed, .banners-place > div .banner_script { display: inline-block; } .banners-place > div > div { background: #EEEEEE; } .banners-place > div script { display: none; } .banners-place.banner_items-1 > div .banner_image img { width: 100% !important; } .banners-place.banner_items-1 > div .banner_image img, .banners-place.banner_items-1 > div iframe, .banners-place.banner_items-1 > div object, .banners-place.banner_items-1 > div embed, .banners-place.banner_items-1 > div .banner_script { max-width: 100% !important; height: auto !important; } .banners-place.banner_items-2 > div .banner_image img, .banners-place.banner_items-2 > div iframe, .banners-place.banner_items-2 > div object, .banners-place.banner_items-2 > div embed, .banners-place.banner_items-2 > div .banner_script { width: 658px !important; height: auto !important; } .banners-place.banner_items-4 > div .banner_image img, .banners-place.banner_items-4 > div iframe, .banners-place.banner_items-4 > div object, .banners-place.banner_items-4 > div embed, .banners-place.banner_items-4 > div .banner_script { width: 324px !important; height: auto !important; } /* Main articles */ #main-articles .box { background: url(images/article-hr.jpg) no-repeat 0 100%; } #main-articles .main-header { background: #4a85ac; color: #fbf9e9;} #main-articles h1 a { font-weight: bold; } .full-article { padding: 0 20px; } /* Daily news */ #daily-news .box { background: url(images/article-hr.jpg) no-repeat 0 100%; } #daily-news .main-header { background: #0c5d92; color: #d6e9f0;} #daily-news h1 a { font-weight: bold; font-size: 13px; text-align: left; } #daily-news .time { font-weight: bold; } #daily-news .data-1 { color: #b5b4b4; } #daily-news .banner > div { margin-left: auto !important; margin-right: auto !important; max-width: 100%; } /* People news */ #people-news .main-header { background: #0c5d92; color: #d6e9f0; margin: 5px; } #people-news h1 a { font-weight: bold; } #people-news .add-btn { float: right; width: 62px; padding-left: 6px; height: 21px; background: url(images/add-btn.gif) no-repeat 0 0; } #people-news .add-btn a { display: block; color: #0d6a93; padding: 4px 0 4px 10px; background: url(images/up.gif) no-repeat 0 7px; font-size: 10px; } #people-news .add-btn a:hover { color: #ff6112; } #people-news .see-all-people-news { display: block; color: #765938; background: #ffdca0; padding: 4px 0; font-weight: bold; font-size: 10px; display: block; text-align: center; } #people-news .see-all-people-news:hover { color: #ff6112; } /* Top comments news */ #top-comments-news .main-header { background: #0c5d92; color: #d6e9f0; margin: 5px; } #top-comments-news h1 a { font-weight: bold; } /* Top view news */ #top-views-news .main-header { background: #4a85ac; color: #fbf9e9; margin: 5px; } #top-views-news h1 a { font-weight: bold; } /* Comm page */ #comm-page .leader-page { /*border: 1px solid #86a7c1; border-top: 0;*/ } #comm-page .menu_top { background: url(images/menu_bg.gif) repeat-x 0 0; width: 100%; border-collapse: collapse; border: 1px solid #86a7c1; border-bottom: 0; } #comm-page .menu_top td { padding: 0; text-align: center; height: 20px; border-right: 1px solid #86a7c1; border-left: 1px solid #86a7c1; } #comm-page .menu_top td a { display: block; padding: 7px; font-size: 9px; border-bottom: 1px solid #86a7c1; color: #000; text-align: center; text-transform: uppercase; text-decoration: none; } #comm-page .menu_top td a:hover { color: #ff6112; } #comm-page .menu_top td a.now { background: #fff; border-bottom: solid 1px #fff; } #comm-page a.add_q { display: block; width: 120px; background: #fff7c2 url(images/add_q.png) 6px 4px no-repeat; padding: 4px 0 4px 30px; height: 22px; text-decoration: none; text-align: left; border-radius: 10px; } #comm-page h2 { color: #0066aa; font-size: 18px; } #comm-page .autor_date { background: #eee url(images/bg_3.jpg) 400px 0 no-repeat; padding: 10px; margin: 20px 0 0 0; font: normal 8px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000; border-radius: 9px 9px 0 0; } #comm-page .box_sarga { margin: 0 0 20px 0; padding: 10px; background: #faf3ca; font: normal 16px Georgia, "Times New Roman", Times, serif; border-top: solid 1px #ccc; } #comm-page .sm_otvet { display: block; width: 100px; padding: 4px; background: #fff; text-decoration: none; text-align: center; font: normal 12px Arial, Helvetica, sans-serif; } #comm-page .sm_otvet:hover { background: #80b9ed; color: #fff; } /* Forum page */ #forum-page .stripeForum { border: 1px solid #e5e5e5; border-collapse: separate; border-spacing: 1px; text-align: left; margin-top: 20px; } #forum-page .stripeForum th:nth-child(2) { text-align: center; } #forum-page .stripeForum th, #forum-page .stripeForum td { padding: 10px; } #forum-page .stripeForum a { text-decoration:none; } #forum-page .stripeForum a.name { font:bold 12px "Times New Roman", Times, serif; text-transform:uppercase; } #forum-page .stripeForum th { background:#3289cd; color:#fff; } #forum-page .stripeForum tr:nth-child(2n+3) td { background: #eee; } #forum-page .td_center td { text-align: center; } #forum-page .table_1 { background: #80b9ed; } #forum-page .table_1 td { background: #fff; } #forum-page .table_1 th { background: #80b9ed; color: #fff} /* Konkurs page */ #konkurs-page {} #konkurs-page h1 { font-size: 22px; color: #24445e; } #konkurs-page .pre { background: #eaf2f8; margin: 10px auto; padding: 20px; border-radius: 10px; } #konkurs-page .tex_konk_pre { background: #fcf0da; padding: 16px 20px; border-radius: 10px; } #konkurs-page .hr { padding: 10px 0; border-top: 1px dashed #666; } #konkurs-page table h2 { font-size: 18px; } #konkurs-page table img { display: block; margin-right: 10px; } #konkurs-page .button { background: #ebf2f7; display: block; padding: 4px 10px; border-radius: 10px; } /* Ad */ #ad {} #ad .title { font-weight: bold; text-transform: uppercase; margin-bottom: 10px; font-size: 14px; } #ad ul { list-style: none; padding: 0; margin: 0; } #ad ul li { padding: 3px 7px; } #ad ul li a { color: #000; font-weight: bold; font-size: 14px; } #ad .number, #ad .number.new { margin-right: 10px; min-width: 28px; padding: 0 3px; display: inline-block; font-size: 9px; text-align: center; background: #fff; border-bottom: solid 1px #9d9d9d; border-right: solid 1px #9d9d9d; } #ad .more-link { background: #b2b2b2; padding: 4px 0; display: block; color: #fff; font-weight: bold; text-align: center; font-size: 10px; } #ad .more-link:hover { color: #ff6112; } #blogs {} #blogs h2 { margin: 0 0 5px 0; } #blogs h2 a { font-weight: bold; } #blogs .box { border-bottom: 1px dashed #b9d9f5; } #blogs .box:first-child { border-bottom: 0; } #blogs .header { font-size: 13px; font-weight: bold; } #blogs .box.header + .box { border-top: 0; } #blogs .header > div { color: #fff; } #blogs .header > div:first-child { color: #000; } #blogs .img { border: 5px solid #fff; margin: 0 0 0 5px; } #blogs .datetime { color: #fff; } #blogs .desc { font-size: 14px; margin-bottom: 5px; } #blogs a { color: #14416a; font-size: 13px; } #blogs a:hover { color: #3f78ab; } #blogs .more-link { padding: 4px 0; display: block; color: #fff; font-weight: bold; text-align: center; font-size: 10px; } #blogs .more-link:hover { color: #ff6112; } /* Blog page */ #blog-page h2 { font-size: 18px; } #blog-page .a_tart { color: #494949; } #blog-page .news_adatok { text-align: right; color: #939393; border-bottom: 1px solid #ddd; margin-top: 10px; } #blog-page .news_adatok a { color: #939393; } #blog-page .news_adatok a:hover { color: #f60; } /* Comments */ #comments { font-size: 12px; } #comments .header { background: #d7d7d7; color: 000; font-size: 13px; font-weight: bold; } #comments h2 { margin: 0 0 5px 0; } #comments h2 a { font-weight: bold; } #comments a { color: #4d708b; } #comments a:hover { color: #3f78ab; } #comments h2 { font-size: 12px; } #comments .box { border-top: 1px dashed #969696; } #comments .box:first-child { border-top: 0; } #comments .box.header + .box { border-top: 0; } #comments .datetime { color: #979797; } #comments .desc { font-size: 14px; } #comment_add_form { position: relative; } #comment_add_form .comm_login { position: absolute; top: 0; right: 0; background: #d4e6f4; padding: 10px 20px; border-radius: 0 0 0 20px; } #comment_add_form .comm_login a { display: block; text-align: right; line-height: 1; } .comment-box { padding: 20px; background: #e8e8e8; } .comment-box label { display: block; cursor: pointer; } .comment-box input[type="text"], .comment-box textarea { width: 50%; margin-bottom: 10px; } .comment-box textarea { width: 100%; } .comment-box .form-row a { display: inline-block; margin-top: 7px; } .comments_add_link { font-size: 16px; padding: 2px 0 6px 34px; background: url(images/comments_add.gif) no-repeat 0 0; display: block; } .comment-items .comment-item { margin-bottom: 10px; position: relative; clear: both; } .comment-items .comment-item .avatar { float: left; margin-right: 10px; } .comment-items .comment-item .comnment-datas { margin-left: 100px; } .comment-items .comment-item .comment-content { border: 1px solid #dadada; padding: 10px 14px;position: relative; } .comment-items .comment-item .comment-content:before { content: ''; display: block; width: 20px; height: 20px; background: url(images/comment-left.gif) no-repeat 0 0; position: absolute; top: 13px; left: -15px; } #pics { color: #000;font-size: 13px; } #pics .header { font-weight: bold; } #pics a, #pics .content a img { display: block; } #pics a img { min-width: 100%; max-width: 100%; } #pics a.title { background: #000; color: #fff; padding: 5px; text-align: center; } #pics .more-link { padding: 4px 0; display: block; color: #fff; font-weight: bold; text-align: center; font-size: 10px; } #pics .more-link:hover { color: #ff6112; } .side-banner { border: 1px solid #c0c0c0; } .side-banner * { /*min-width: 100%;*/ max-width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; } .side-banner a, .side-banner a img { display: block; } #vote { color: #000; font-size: 13px; } #vote .header { font-weight: bold; } #vote .desc, #vote .vopros { padding: 5px; background: #e5f1fc; } #vote form { padding: 5px; background: #cae1f8; } #vote table td { padding: 5px; background: #cae1f8; width: 100%; } #vote table td:first-child { width: 20px; } #vote form label { font-weight: normal; cursor: pointer; display: block; line-height: 1; } #vote form button[type="button"] { background: #fff; padding: 2px 8px; border: 1px solid #666; color: #465159; font-size: 11px; } .vote-table-box { margin-top: 20px; padding: 10px; border: 1px solid #ccc; color: #494949; font-size: 14px; background:url(../images/town.jpg) right top no-repeat; } .niceform { margin-top: 20px; } .niceform table { background: #d6e1f1; border-spacing: 1px; border-collapse: separate; font-size: 14px; color: #494949; width: 80%; } .niceform table td { background: #fff url(../images/bg_1.jpg) 0 0 repeat-x; padding: 8px; } .niceform table td:first-child { width: 20px; } .niceform table td label { margin: 0; } /* VK Groups */ #vk_groups { margin: 0 auto; } /* * Leader Page(s) */ .leader-page .header { font-size: 13px; font-weight: bold; color: #000; } .leader-page .header a { color: #000; } .leader-page .header a span { font-weight: normal; } .leader-page h1 { color: #24445e; font-size: 22px; } .leader-page .news-block h2 { font-size: 13px; } .leader-page h3 { font-size: 13px; font-weight: bold; } .leader-page h3.comment-heading { text-transform: uppercase; } .leader-page .daily-new-media { padding: 0; margin: 0; list-style: none; } .leader-page .daily-new-media li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .leader-page .daily-new-media li img { display: block; } .leader-page .daily-news-footer { border-bottom: solid 1px #ddd; text-align: right; color: #939393; font-size: 11px; clear: both; } .leader-page .addthis_toolbox { padding: 10px; margin-bottom: 10px; } .leader-page .separate-cols { border-right: 1px solid #ddd; } /* * News Page */ #news-page h2 { font-size: 12px; } #news-page h2 .data_1 { color: #000; font-weight: bold; } #news-page h2 a { font-size: 24px; } /* * Adverts Page */ .pagination { margin: 5px 0; } /*#adverts-page .pagination:first-child { margin-top: 0; }*/ #adverts-page { margin: 20px; } #adverts-page .adv-box { border: solid 1px #eee; padding: 5px; margin-bottom: 5px; } #adverts-page .adv-box .adv-name { margin: 0; padding: 0; font-size: 11px; margin: 5px 0 0 0; } #adverts-page .adv-box .adv-name a { color: #f63; text-decoration: none; } #adverts-page .adv-box .adv-name a:hover { text-decoration: underline; } #adverts-page .adv-box p { margin: 0; padding: 5px 0 0; } #adverts-page .adverts-menu ul { list-style: none; margin: 0; padding: 0; border: 1px solid #eee; } #adverts-page .adverts-menu ul li { color: #0066aa; } #adverts-page .adverts-menu ul > li:hover, #adverts-page .adverts-menu ul > li.active { color: #fff; } #adverts-page .adverts-menu ul li a { display: block; font-size: 12px; font-weight: bold; color: #0066aa; text-decoration: none; padding: 10px; } #adverts-page .adverts-menu ul > li:hover > a, #adverts-page .adverts-menu ul > li.active > a { background: #ff6112; color: #fff; } #adverts-page .adverts-menu ul > li a { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 20%, #f0f0f0 80%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(20%,#f9f9f9), color-stop(80%,#f0f0f0), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 20%,#f0f0f0 80%,#f9f9f9 100%); background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 20%,#f0f0f0 80%,#f9f9f9 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 20%,#f0f0f0 80%,#f9f9f9 100%); background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 20%,#f0f0f0 80%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); } #adverts-page .adverts-menu ul li ul { margin: 0; padding: 0; list-style: none; } #adverts-page .adverts-menu ul li li { padding: 0; margin: 0; list-style-type: none; margin: 0; margin-left: 10px; /* list-style-type: square; list-style-position: inside; */font-weight: normal; } #adverts-page .adverts-menu ul li li:hover, #adverts-page .adverts-menu ul li li.active { background: #ff6112; color: #fff; } #adverts-page .adverts-menu ul li li a { background: transparent; } #adverts-page .adverts-menu ul li li a:hover, #adverts-page .adverts-menu ul li li a.active { color: #fff; } /** * Pool page */ #pool-page h2 { font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; } #pool-page .questions { border: 5px solid #fafafa; padding: 16px; list-style: none; /* list-style-type: decimal; list-style-position: inside; */ margin: 20px 0; color: #06a; } #pool-page .questions li { padding-left: 40px; margin-bottom: 20px; background: url(images/q.jpg) no-repeat 0 0; font-size: 18px; min-height: 36px; line-height: 1.5; } #pool-page .questions li.lock { background: url(images/q_lock.jpg) no-repeat 0 0; } #pool-page .questions li.lock a { color: #c2d3e2; } /** * Archive page */ #archive-page .god { border-bottom: solid 5px #ddd; margin-bottom: 20px; height: 30px; padding-bottom: 30px; } #archive-page .god .dateNavLink { text-decoration: none; font-size: 18px; line-height: 30px; font-family: "Times New Roman", Times, serif; padding: 0; margin: 0; color: #999; display: block; float: left; } #archive-page .god .dateNav { font-size: 30px; height: 30px; line-height: 30px; color: #ddd; display: block; float: left; font-family: "Times New Roman", Times, serif; padding: 0 5px; } #archive-page .arhiv_box { width: 170px; float: left; margin: 0 0 28px 0; } #archive-page .arhiv_box .mesac { font-size: 110%; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #000; text-transform: uppercase; position: relative; margin-left: 15px; } #archive-page .arhiv_box .arhiv_box_all { background: url(../images/mesac_bg.jpg) 0 0 no-repeat; height: 137px; overflow: hidden; padding: 18px 24px 0 24px; } #archive-page .arhiv_box .arhiv_box_all a { display: block; font: bold 10px Tahoma, Geneva, sans-serif; color: #000; text-align: center; border: solid 1px #fff; padding: 3px 0; text-decoration: none; } #archive-page .arhiv_box .arhiv_box_all a:hover { background: url(../images/bg_2.jpg) 0 0 repeat-x; border-color: #d1d1d1; } /** * Gallery page */ #gallery-page #gall h2 { font-size: 18px; color: #24445e; border-bottom: solid 1px #ddd; margin-bottom: 0; } #gallery-page #gall h2 span { font-size: 11px; color: #7d7d7d; } #gallery-page #gall { overflow:hidden; clear: both; text-align: center; } #gallery-page #gall h2 { font:normal 18px "Times New Roman", Times, serif; color:#24445e; border-bottom: 1px solid #ddd; margin-bottom: 0; text-align: left; } #gallery-page #gall_open h1 { font: normal 18px "Times New Roman", Times, serif; color:#fff; } #gallery-page #gall .boxgrid { width: 220px; height: 147px; margin:10px; display: inline-block; background: #161613; border: 2px solid #ddd; overflow: hidden; position: relative; cursor: pointer; } #gallery-page #gall .boxgrid img { position: absolute; top: 0; left: 0; border: 0; } #gallery-page #gall .boxgrid h3 { font-size: 12px; font-weight: bold; color: #fff; padding: 10px; margin: 0; line-height: 22px; } #gallery-page #gall .boxgrid p { padding: 0 10px; margin:0; color:#afafaf; font-weight:bold; font-size: 11px; font-weight: bold; } #gallery-page #gall .boxgrid div { padding-right:10px; } #gallery-page #gall .boxgrid div a{ color:#F63; text-decoration: none; font-weight: bold; } #gallery-page #gall .boxgrid div a:hover { color:#FC9; } #gallery-page #gall .boxcaption { top: 110px; left: 0; position: absolute; background: #000; height: 150px; width: 100%; opacity: .7; text-align: left; transition: top .5s ease-in-out; } #gallery-page #gall .boxcaption > div { text-align: right; margin-top: -16px; } #gallery-page #gall .boxgrid:hover .boxcaption { top: 30px; } #gallery-page .pick_big { width: 740px; margin: 0 auto; overflow: hidden; background: #000 url(../images/bg_pic.jpg) 0 0 repeat-y; text-align: center; } #gallery-page .pick_big img { border: 5px solid #000; } #gallery-page .leiras { width:400px; background:#b1b1b1; padding:20px; margin:20px auto; border-right:1px solid #515151; border-bottom:1px solid #515151; } #gallery-page .leiras p { color:#fff; text-align: left; } #gallery-page .pic_adatok { border-bottom: 1px solid #ddd; margin: 10px 0; } #gallery-page .pic_adatok td { white-space: nowrap; padding: 5px; } #gallery-page .pic_adatok .red { color: #f00; } #gallery-page .pic_adatok .coments_num_2 { display: inline-block; width: 9px; height: 11px; background: url(../images/comments_icon_2.gif) no-repeat 0 0; } /** * Registration page */ #registration-page .reg_mezo { background: #ecf0f3; border-radius: 10px; } #registration-page h3 { font: normal 18px "Times New Roman", Times, serif; color: #0066aa; } #registration-page table { width: 60%; margin: 0 auto; } #registration-page table th, #registration-page table td { padding: 10px; } #registration-page table th { text-align: right; } #registration-page .required-text { font-size: 10px; float: right; position: relative; top: 10px; color: #f00; text-transform: uppercase; } #registration-page input[type="text"] { border: 1px solid #666; } #registration-page .red { color: #f00; } #registration-page .soc-button { border: 1px solid #999; box-shadow: 1px 1px 5px -2px; width: 210px; padding: 5px 8px; font-size: 11px; background: #ececec; } #registration-page .soc-button:hover { background: #d8d8d8; } #registration-page .icon { background-repeat: no-repeat; background-position: 0 0; display: block; width: 32px; height: 32px; float: right; } #registration-page .icon.fb { background-image: url(../images/ic_fb.png); } #registration-page .icon.twitter { background-image: url(../images/ic_twitter.png); } #registration-page .icon.vkontakte { background-image: url(../images/ic_vkontakte.png); } /** * Sitemap */ #sitemap { background:url(images/sitemap_bg.jpg) right top no-repeat; } #sitemap ul { list-style: none; margin: 0 0 0 40px; padding: 0; } #sitemap ul li { padding: 5px 0; } #sitemap ul ul, #sitemap ul ul ul, #sitemap ul ul ul ul { margin-left: 20px; } #sitemap .plus_minus { float:left; border:solid 1px #ccc; padding:2px 0; cursor:pointer; width:20px; text-align:center; position: relative; left: -10px; } #sitemap .plus_minus_pusto { float:left; padding:2px 0; width:20px; text-align:center; } /* * Footer */ #footer { min-height: 90px; margin-top: 30px; background: #01568f url(images/footer-background.png) repeat-x 0 0; font-size: 11px; clear: both; } #footer, #footer a { color: #d6e9f0; } #footer a:hover { text-decoration: underline; } #footer #logo-bottom { margin-top: 32px; } #footer .row-1 { margin-top: 30px; } #footer .row-2 { margin-top: 10px; } #footer .footer-statistics { list-style: none; margin: 0; padding: 0; text-align: right; margin-top: 21px; } #footer .footer-statistics li { display: inline-block; } #footer .footer-statistics li a, #footer .footer-statistics li a img { display: block; } #footer #created-by { text-align: right; margin-bottom: 20px; }