/* Start:/css/style.css?168427328956016*/ body { padding: 0px; margin: 0px; vertical-align: top; font-family: Verdana; font-size: 12px; color: #333; background: #224d34 url(/image/bg/body.png) center top repeat; } @font-face { font-family: TornadoMediumC; src: local("TornadoMediumC"), url("/fonts/TornadoMediumC.ttf"); } div , table, img { padding: 0 0 0 0; margin: 0 0 0 0; border: none; font-family: Verdana; color: inherit; font-size: inherit; font-size: 12px; } td, th { vertical-align: top; text-align: left; border: none; font-family: Verdana; font-size: 12px; color: inherit; padding: 0px; margin: 0px;} a { font-family: inherit; text-decoration: underline; color: #1b6e8f;} a:hover { text-decoration: none; color: #ffa800;} h1 , h2 , h3 , h4 , h5 { margin: 0px; padding: 0px;} h1 { font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 21px; color: #999; font-weight: normal; border-bottom: solid 1px #bfbfbf; padding: 0 0 8px 0; margin: 0 0 13px 0;} .h1 {} .headH1 { font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 21px; color: #999; font-weight: normal; border-bottom: solid 1px #bfbfbf; padding: 0 0 8px 0; margin: 0 0 13px 0;} h2 { font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 21px; color: #999; font-weight: normal; border-bottom: solid 1px #bfbfbf; padding: 0 0 8px 0; margin: 0 0 13px 0;} h2 a { color: #999; text-decoration: none;} h2 a:hover { color: #ffa800;} h3 { font-family: 'TornadoMediumC'; font-size: 21px; color: #2a7896; font-weight: normal; padding: 0 0 0px 18px; margin: 0 0 11px 0; background: url(/image/markers/h3.gif) 0px 0px no-repeat; } h3 a { color: #2a7896; text-decoration: none;} h3 a:hover { color: #ffa800;} h4 { font-weight: bold; font-size: 12px; color: #333; } h4 a { color: #333; text-decoration: none; } h4 a:hover { text-decoration: underline; } h4 span { font-weight: normal;} h5 { margin: 0px 0px 5px 0px; color: #666; font-size: 9pt;} p { padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;} body .menu-hamburger {display:none;} .box { width: 1000px; text-align: left; position: relative;} .panelTop .box { width: 962px; overflow: hidden; } .advTop { background: #000; padding: 10px 0 10px 0;} .advTop img { display: block; margin: 0 0 0 0;} .colRight .advTop { background: none; padding: 0 0 0 0; margin: 0 0 30px 0;} .panelTop { height: 262px; background: url(/image/bg/panel_top.png) bottom repeat-x;} .panelTop .box { height: 262px;} .logo { margin: -5px 0 19px 0px; width: 812px; height: 116px; clear: both;position: relative;} .change_lang{position: absolute;right: 0; top: 20px;} .menuSites { width: 660px; overflow: hidden; margin: 0 0 6px 0px; padding: 0 0 0 0; list-style: none; position: absolute; top: 7px; left: 0px; } .menuSites li { margin: 0px 18px 0px -10px; padding: 0px 0px 0px 12px; display: block; float: left; background: url(/image/markers/li.png) 0px 5px no-repeat; font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 13px; } .menuSites li a { display: block; color: #fff; text-decoration: none; } .menuSites li a:hover , .menuSites li a.active { color: #ffa800; } .menuSites li.min { margin: 0px 18px 0px -10px; padding: 0px 0px 0px 12px; display: block; float: left; background: url(/image/markers/li.png) 0px 5px no-repeat; font-family: 'TornadoMediumC'; text-transform: none; font-size: 12px; } .search { float: right; height: 22px; margin: 0 0 31px 0;} .search .inpText { border: solid 1px #858585; height: 18px; padding: 2px 4px 2px 4px; font-family: Verdana; font-size: 11px; color: #858585; width: 200px; margin: 0 5px 0 0px; } .search .inpBut { padding: 0 0 0 0; width: 27px; height: 27px; background: url(/image/buttons/search.png) 0px 0px no-repeat; border: none; cursor: pointer; } .slider { float: right; width: 740px; height: 250px; clear: both; background: url(/image/bg/slider.png) 0px 0px repeat; margin: 0 0 20px 0; } .nivoSlider { margin: 10px 10px 10px 10px; width: 720px; height: auto 230px; overflow: hidden; } .pageServices .slider { margin: 0 0 0 0; } .menuTop { width: 500px; overflow: hidden; margin: 0 0 0px 0px; padding: 0 0 0 0; list-style: none; position: absolute; top: 55px; left: 0px;} .menuTop li { margin: 0px 18px 0px -10px; padding: 0px 0px 0px 12px; display: block; float: left; background: url(/image/markers/li.png) 0px 5px no-repeat; } .menuTop li a { display: block; color: #fff; padding: 1px 0 1px 0; } .menuTop li a:hover , .menuTop li a.active { color: #ffa800; } .menuTop li.menuTop_gallery , .menuTop li.menuTop_rating_gallery , .menuTop li.menuTop_reports_gallery { font-size: 10px;} .menuTop li.menuTop_shop a { background: #1b6e8f; padding: 1px 6px 1px 6px; border-radius:2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; text-decoration: none; } .menuTop li.menuTop_shop a:hover { background: #ffa800; color: #fff; } .login { margin: 0 0px 0 540px; padding: 3px 0 0 0; position: relative; height: 20px; clear: both; height: 22px; } .login a { color: #fff; display: block; float: left; margin: 0 8px 0 0;} .login a.active { color: #4e7f12; text-decoration: none; margin: -4px 2px -4px -6px; padding: 4px 6px 4px 6px; background: #fff; } .login a.register { padding: 0 0 0 12px; background: url(/image/markers/li.png) 0px 5px no-repeat; } .loginForm { position: absolute; background: #fff; z-index: 1000; left: -6px; top: 18px; padding: 10px 12px 10px 12px; font-size: 9px; width: 230px;} .loginForm .inpText { height: 17px; margin: 5px 0 5px 0; width: 220px;} .loginForm .inpButton { width: 230px; } .login .loginForm a { color: #4e7f12; display: block; text-transform: lowercase; float: right; } .login .loginForm a.close { float: right; display: block; width:14px; height: 14px; margin: -4px -6px 3px 0; } .login .loginForm a.forgot { padding: 5px 0 0 0;} .login .loginForm .inpButton { margin: 5px 0 0 0;} .logout { margin: 0 0px 0 540px; padding: 3px 0 0 0; position: relative; height: 20px; clear: both; height: 22px; color: #fff;} .logout a { font-size: 11px; color: #fff; } .menuRedaction { position: absolute; left: 840px; top: 40px; width: 120px;display:none;} .menuRedaction li { margin: 0px 0 5px 0; float: none; } .menuMagazine { width: 770px; overflow: hidden; margin: 0 0 0px 0; padding: 0 0 0 0; list-style: none;} .menuMagazine li { margin: 0px 20px 0px -12px; padding: 0px 0px 0px 12px; display: block; float: left; background: url(/image/markers/li_big.png) 0px 5px no-repeat; } .menuMagazine li a { display: block; color: #fff; font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 17px; text-decoration: none; letter-spacing: 0px;} .menuMagazine li a:hover , .menuMagazine li a.active { color: #ffa800; } .menuContests { width: 160px; margin: 0 0px 0px 0px; padding: 0 0 0 0; list-style: none; float: right; } .menuContests li { margin: -1px 0px 0px 0px; padding: 1px 10px 1px 26px; display: block; float: right; background: url(/image/buttons/contests_menu.png) 0px 0px no-repeat; } .menuContests li a { display: block; color: #fff; font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 17px; text-decoration: none; letter-spacing: 0px;} .menuContests li a:hover , .menuContests li a.active { color: #fe522c; } .content { margin: 0px 10px 0 10px; padding: 10px 0 0 0;} .colLeft { width: 710px; float: left; margin: 0 25px 30px 0; padding: 0 0 0px 10px; position: relative;} .colRight { width: 225px; float: left; margin: 0 0px 30px 0; padding: 0 0 0 0px; } .colBig { width: 960px; margin: 0 0 30px 0; padding: 0 0 0px 10px; position: relative;} .content ul { margin: 0 0 0 0px; padding: 0 0 0 0; list-style: none; } .content ul li { margin: 0 0 10px 0px; padding: 0 0 0 14px; background: url(/image/markers/li.png) 0px 5px no-repeat; } .contentInt { margin: 10px 20px 0 20px; padding: 0 0 0 0;} .contentInt ul { margin: 0 0 20px 0px; padding: 0 0 0 0; list-style: none; } .contentInt ul li { margin: 0 10px 10px 0px; padding: 0 0 0 0px; background: none; } .menuBottom { overflow: hidden; margin: 0 0 3px -7px; padding: 0 0 0 0; list-style: none;} .menuBottom li { margin: 0px 5px 0px 0px; padding: 0px 0px 0px 10px; display: block; float: left; background: url(/image/markers/li.png) 0px 7px no-repeat;} .menuBottom li a { display: block; color: #1b6e8f; } .menuBottom li a:hover , .menuBottom li a.active { color: #ffa800; } .menuBottomLeft { float: left; text-align: left;} .menuBottomRight { float: right;} .menuBottomRight li { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 10px; display: block; float: right; background: url(/image/markers/li.png) 0px 7px no-repeat;} .footer { clear: both; padding: 0 0 10px 0; overflow: hidden; margin: 0 20px 0 20px; } .footer * {line-height: 18px; font-size: 11px; color: #666;} .adress {float: right; overflow: hidden; margin: 0px 0 0px 0px; text-align: right; padding: 10px 0 0 0; } .copy { float: left; overflow: hidden; margin: 0px 0 0px 0px; padding: 10px 0 0 0; } .dev { } .subscription { background: #bfbfbf; padding: 10px 10px 10px 10px; border-top: solid 10px #ffa800; margin: 0 0px 10px 0px;} .subscription .subsText { float: left; width: 270px; margin: 0 0 0 0; height: 115px; color: #fff; padding: 10px 0 0 10px; } .subscription .subsText h4 { color: #1b6e8f; font-weight: normal; font-size: 18px; margin: -10px 0 4px 0; } .subscription .subsText p {margin: 20px 0 30px 0; padding: 0 0 0 0; font-size: 14px; } .subscription .subsText .more:hover { background: url(/image/markers/more_w.png) 0px 3px no-repeat; color: #fff; } .subscription .subsText .more:hover span { border-bottom: dotted 1px #fff;} .subscription .listNumberFooter { margin: -125px 0 0 299px; width: 705px; float: left;} .boxGrey { background: #4d4d4d; box-shadow: -1px -1px 4px #4d4d4d; padding: 14px 0px 14px 16px; margin: 0 3px 24px 0; position: relative;} .boxGrey .listItems { margin: 0 18px 0px 4px; width: 700px; } .boxGrey h2 { color: #fff; margin: 0 22px 20px 4px; border-bottom: solid 1px #bfbfbf; } .boxGrey h2 a { color: #fff; text-decoration: none;} .boxGrey h2 a:hover { color: #ffa800;} .boxGrey h3 a { color: #fff; font-size: 16px; text-decoration: underline; } .boxGrey h3 a:hover { text-decoration:none; } .boxGrey .item { width: 214px; margin: 0 14px 0px 0; overflow: hidden; float: left; } .boxGrey .date {margin: 0 0 12px 0; color: #fff;} .boxGrey .item .image {width: 214px; height: 120px; overflow: hidden; margin: 0 0 12px 0; } .boxGrey .item .image img {width: 214px; display: block;} .boxGrey .item .text { width: 214px; margin: 0 0 8px 0; } .boxGrey .item h3 { color: #bfbfbf; font-size: 16px; background: none; padding: 0 0 0 0;} .boxGrey .item h3 a { color: #bfbfbf; } .boxGrey .item h3 a:hover { color: #fff; } .boxGrey .listItemsPhoto .item { width: 210px ; height: 210px; margin: 0 17px 8px 0; } .boxGrey .listItemsPhoto .item .image { width: 210px ; height: 210px; } .boxGrey .listItemsPhoto .item .image img { width: 210px ; height: 210px; } .boxGreyLight { background: #e6e6e6; box-shadow: none; padding: 20px 20px 20px 20px; margin: 0 0px 24px 0;} .listLinks { width: 750px; } .listLinks .item { width: 220px; margin: 0 20px 20px 0; overflow: hidden; float: left; } .listLinks .item .image { width: 40px; overflow: hidden; float: left; text-align: center;} .listLinks .item .text { margin: 0 0 0 50px;} .sectionLinks { padding: 0 0 0 0; margin: 0 0 18px 0; } .sectionLinks h2 { color: #666; border-bottom: none; } .sectionLinksHr { border-bottom: solid 1px #bfbfbf; clear: both; height: 1px; overflow: hidden; width: 710px;} .listYear { height: 30px; } .listYear a { display: block; float: left; color: #fff; padding: 4px 4px 4px 4px; margin: 0 6px 0 4px; } .listYear a:hover , .listYear a.active { background: #ffa800; text-decoration: none; } .listNumber { height: 166px; overflow: hidden; clear: both;} .listNumber a { height: 146px; width: 106px; text-align: center; display: block; float: left; font-family: "Times New Roman", Times, serif; font-size: 13px; color: #fff; font-style: italic; text-decoration: none; line-height: 12px; margin: 0 8px 0 0; } .listNumber a:hover , .listNumber a.active { color: #ffa800;} .listNumber a img { border: solid 3px #4d4d4d; display: block; margin: 0 0 3px 0;} .listNumber a:hover img , .listNumber a.active img { border: solid 3px #ffa800;} .listNumberFooter { height: 125px; overflow: hidden; margin: -14px 0 0 0;} .listNumberFooter a img { border: solid 1px #fff; display: block; margin: 0 0 0 0;} .listNumberFooter a:hover img , .listNumber a.active img { border: solid 1px #ffa800;} .textNumber { margin: 0 0 14px 0;} .rubrik { display: block; float: left; color: #fff; padding: 4px 4px 4px 4px; margin: 0 0 14px 0; background: #2a7896; } .rubrikRed { background: #ffa800; } .rubrikHr { height: 1px; overflow: hidden; border-bottom: solid 1px #bfbfbf; margin: 0 0 20px 0; } .linkFeedback { font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 21px; color: #ffa800; font-weight: normal; border-bottom: dashed 1px #ffa800; padding: 0 0 8px 0; margin: 0 0 11px 0; display: block; text-decoration: none; } .linkFeedback:hover { border-bottom: dashed 1px #1b6e8f; color: #1b6e8f;} .listItems { margin: 0 0 60px 0; } .colRight .listItems { margin: 0 0 20px 0; } .items { border-bottom: solid 1px #bfbfbf; padding: 0 0 8px 0; padding: 0 0 20px 0; margin: 0 0 20px 0; width: 710px; overflow: hidden; } .items .text { margin: 0 0 14px 18px; } .listStory .items { position: relative; } .listStory .items .text { margin: 0 0 14px 0px; } .listStory .items .text .author { margin: 0 0 14px 0px; font-style: italic; color: #333; } .listStory .items .text h3 { margin: 0 0 10px 0px; } .itemsRed { margin: 0 0 12px 0; } .itemsRed h3 { background: none; margin: 0 0 0 0; font-size: 21px; font-family: Arial; } .itemsRed { border-bottom: none; padding: 0 0 0 0; } .itemsRed .text { margin: 0 0 20px 20px; padding: 4px 0 0 0; } .listBook .items {width: auto; overflow: hidden; padding: 0 0 12px 0;} .listBook .items h3 { background: none; margin: 0 0 0 0; font-size: 13px; font-family: Arial; padding: 0 0 0 0; } .listBook .items .image { margin: 0 0 8px 0; } .listBook .items .image img { width: auto; height: auto;} .boxGreyLight .items { width: auto; padding: 4px 0 20px 0; margin: 0 0 20px 0; } .boxGreyLight .items h4 { width: 400px; margin: 0 30px 0 2px; float: left; font-weight: normal; font-size: 13px; } .boxGreyLight .itemsBottom { margin: -21px 0 -14px 0; background: #e6e6e6; height: 1px; overflow: hidden; position: relative; } .boxGreyLight__contacts .items {display: flex;} .boxGreyLight__contacts .items a{ width: 240px; } .listRegulations { width: 440px; margin: 0 30px 30px 0; float: left; overflow: hidden;} .listRegulations .items { border-bottom:none; padding: 0 0 8px 0; padding: 0 0 0 0; margin: 0 0 25px 0; width: auto; } .listRegulations .items h3 { font-size: 16px; margin: 0 0 0 0;} .listRegulations h1 { color: #666; border-bottom: none; } .listSafety h1 { color: #666; border-bottom: none; } .listKode { float: left; width: 240px; background: #e6e6e6; padding: 16px 0 0 0; overflow: hidden; margin: 0px 0 30px 0;} .listKode .items { margin: 0 14px 20px 14px; width: 212px; padding: 0 0 0 0; border-bottom: none; } .listKode .items ul { margin: 0 0 0 0; padding: 0 0 0 0; width: 212px; } .listKode .items ul li { margin: 0 0 8px 0; } .listKode .items h3 { background: none; padding: 0 0 0 0; font-size: 21px; text-transform: uppercase;} .galleryItemsBox { background: #e6e6e6; padding: 20px 30px 20px 30px; position: relative; } .galleryItems { width: 650px; position: relative;} .galleryItems ul { margin: 0 0 0 0px; padding: 0 0 0 30px; list-style: none; } .galleryItems ul li { padding: 0 0 0 0; margin: 0 10px 0 0px; display: block; float: left; width: 100px; height: 100px; list-style: none; background: none;} .galleryItems ul li img { width: 100px; height: 100px;} .galleryItemsBox .prev { height: 100px; width: 20px; position: absolute; left: 0px; top: 20px; z-index: 1000} .galleryItemsBox .prev img { height: 100px; width: 20px; display: block; background: #e6e6e6 url(/image/buttons/items_gallery_prev.png) center top no-repeat;} .galleryItemsBox .prev:hover img { background: #e6e6e6 url(/image/buttons/items_gallery_prev.png) center bottom no-repeat;} .galleryItemsBox .next { height: 100px; width: 20px; position: absolute; right: 0px; top: 20px; z-index: 1000} .galleryItemsBox .next img { height: 100px; width: 20px; display: block; background: #e6e6e6 url(/image/buttons/items_gallery_next.png) center top no-repeat;} .galleryItemsBox .next:hover img { background: #e6e6e6 url(/image/buttons/items_gallery_next.png) center bottom no-repeat;} .galleryItemsBox .disabled { display: none;} .numberGalleryItems { width: 650px; position: relative;} .numberGalleryItems ul { margin: 0 0 0 0px; padding: 0 0 0 30px; list-style: none; } .numberGalleryItems ul li { padding: 0 0 0 0; margin: 0 10px 0 0px; display: block; float: left; width: 100px; height: 100px; list-style: none; background: none;} .numberGalleryItems ul li img { width: 100px; height: 100px;} .numberGalleryItems .prev { height: 100px; width: 20px; position: absolute; left: 0px; top: 20px; z-index: 1000} .numberGalleryItems .prev img { height: 100px; width: 20px; display: block; background: #e6e6e6 url(/image/buttons/items_gallery_prev.png) center top no-repeat;} .numberGalleryItems .prev:hover img { background: #e6e6e6 url(/image/buttons/items_gallery_prev.png) center bottom no-repeat;} .numberGalleryItems .next { height: 100px; width: 20px; position: absolute; right: 0px; top: 20px; z-index: 1000} .numberGalleryItems .next img { height: 100px; width: 20px; display: block; background: #e6e6e6 url(/image/buttons/items_gallery_next.png) center top no-repeat;} .numberGalleryItems .next:hover img { background: #e6e6e6 url(/image/buttons/items_gallery_next.png) center bottom no-repeat;} .numberGalleryItems .disabled { display: none;} .boxGrey .galleryItemsBox { height: 160px; background:none; padding: 0 0 0 0; position: relative; } .boxGrey .galleryItems ul { margin: 0 0 0 0px; padding: 0 0 0 0px; list-style: none; } .boxGrey .galleryItems ul li { height: 160px; width: 106px; text-align: center; display: block; float: left; font-family: "Times New Roman", Times, serif; font-size: 13px; color: #fff; font-style: italic; text-decoration: none; line-height: 12px; margin: 0 8px 0 0; } .boxGrey .galleryItems ul li a { height: 146px; width: 106px; text-align: center;font-family: "Times New Roman", Times, serif; font-size: 13px; color: #fff; font-style: italic; text-decoration: none; line-height: 12px; } .boxGrey .galleryItems a:hover , .boxGrey .galleryItems a.active { color: #ffa800;} .boxGrey .galleryItems ul li a img { border: solid 3px #4d4d4d; height: 122px; display: block; margin: 0 0 3px 0;} .boxGrey .galleryItems ul li a:hover img , .boxGrey .galleryItems ul li a.active img { border: solid 3px #ffa800;} .boxGrey .galleryItemsBox .prev { height: 17px; width: 9px; position: absolute; top: -28px; left: 640px; z-index: 1000} .boxGrey .galleryItemsBox .prev img { height: 17px; width: 9px; display: block; background: url(/image/buttons/numbers_prev.png) top no-repeat;} .boxGrey .galleryItemsBox .prev:hover img { background: url(/image/buttons/numbers_prev.png) bottom no-repeat;} .boxGrey .galleryItemsBox .next { height: 17px; width: 9px; position: absolute; top: -28px; left: 660px; z-index: 1000} .boxGrey .galleryItemsBox .next img { height: 17px; width: 9px; display: block; background: url(/image/buttons/numbers_next.png) top no-repeat;} .boxGrey .galleryItemsBox .next:hover img { background: url(/image/buttons/numbers_next.png) bottom no-repeat;} .boxGrey .galleryItemsBox .disabled { display: none;} .newNumber { background: #e6e6e6; padding: 12px 12px 12px 12px; margin: 0 0 20px 0; } .newNumber .cover { width: 210px; float: right; font-family: 'TornadoMediumC'; font-size: 22px; color: #2a7896; font-weight: normal; } .newNumber .cover img { display: block; margin: 0 0 5px 0;} .newNumber .cover h2 { font-family: "Times New Roman", Times, serif; color: #4c4c4c; padding: 0 0 0 0; border-bottom: none; text-transform: none; font-style: italic; font-size: 25px; margin: 0 0 5px 0; } .itemObj { border-bottom: solid 1px #bfbfbf; margin: 0 0 25px 0; padding: 0 0 25px 0; position: relative;} .itemObj h1 { font-family: 'TornadoMediumC'; font-size: 21px; color: #2a7896; font-weight: normal; padding: 0 0 0px 18px; margin: 0 0 11px 0; background: url(/image/markers/h3.gif) 0px 0px no-repeat; border-bottom: none; text-transform: none; } .itemObj .author { margin: 0 0 14px 0px; font-style: italic; color: #333; } .subscribePage h2 { font-family: 'TornadoMediumC'; text-transform: uppercase; font-size: 21px; color: #666; font-weight: normal; border-bottom:none; margin: 0 0 24px 0; border-top: solid 1px #bfbfbf; padding: 14px 0 0 0;} .subscribePage { border-bottom: none; margin: 0 0 0 0; padding: 0 0 20px 0;} .itemObj .image { display: block; margin: 0 0 20px 0;} .itemObj .textTop , .itemObj .info{ margin: 0 0 20px 0; } .itemObj .date {margin: 0 0 12px 0; } .itemObj .galleryItemsBox { margin: 0 0 20px 0;} .itemObj table { border-top: solid 1px #bfbfbf; border-left: solid 1px #bfbfbf;} .itemObj table td { border-bottom: solid 1px #bfbfbf; border-right: solid 1px #bfbfbf; padding: 5px 10px 5px 10px; vertical-align: middle;} table.subscriptionTable { border-top: none; border-left:none; width: 650px; margin: 0 30px 0px 30px;} table.subscriptionTable td { border-bottom: solid 1px #bfbfbf; border-right:none; padding: 10px 10px 10px 10px; vertical-align: middle;} table.subscriptionTable td .inpButton{ margin: 0 0 0 0; } .catalog-price { font-family: "Times New Roman", Times, serif; font-size: 19px; font-style: italic; text-transform: uppercase;} table.subscriptionTable td.price { text-align: right;} .itemObj table.subscriptionNameTable { border-top: none; border-left:none; width: 670px; margin: 0px 0 20px 0;} .itemObj table.subscriptionNameTable td { border-right: solid 1px #bfbfbf; border-bottom:none; padding: 10px 10px 0 10px; vertical-align: top; height: 45px;} .itemObj table.subscriptionNameTable td .inpText { width: 198px; margin: 0 0 0 0;} .itemObj table.subscriptionNameTable td.rightTd { border-right: none; padding-right: 0;} .itemObj table.subscriptionNameTable td.leftTd { padding-left: 0;} .itemObj table.subscriptionNameTable .topTr td { padding-top: 1px; } .itemObj table.subscriptionNameTable .botTr td { padding-bottom: 1pxx; } .confirmTable { margin: 0px 0 20px 0;} .confirmTable td { padding: 10px 10px 10px 4px; width: 200px; } .itemRating { border-bottom: none; } .itemRating .image { display: block; margin: 0 20px 30px 0; float: left; background: #e6e6e6; width: 350px; } .itemRating .image img { display: block; margin: 0 0 20px 0; width: 350px; } .itemRating .text { margin: 0 0 30px 370px; } .itemRating a.inpButton { float: right; margin: -46px 0 0 0; font-size: 14px; width: auto; display: block; padding: 5px 10px 5px 10px; } .itemRating a.inpButton:hover { color: #fff; } .itemRating .image .balls { padding: 5px 40px 5px 40px; clear: both; height: 20px; } .itemRating .image .balls .nameBalls { display: block; float: left; width: 230px; padding: 4px 0 0 0;} .itemRating .image .balls .num { font-family: "Times New Roman", Times, serif; font-size: 20px; font-style: italic; display: block; float: right; } .itemRating .image .ballsAll { margin: 0px 20px 15px 20px; border-top: solid 1px #bfbfbf; padding: 10px 20px 5px 20px; font-weight: bold; } .itemRating .image .ballsAll .name { display: block; float: left; width: 230px; padding: 4px 0 0 0;} .review { border-bottom: solid 1px #bfbfbf; padding: 20px 20px 20px 20px;} .review h4.blue { text-transform: uppercase; margin: 0 0 10px 0;} .reviewGrey { background: #e6e6e6; } .magazineObj { position: relative;} .magazineObj .cartLinks { position: absolute; right: 0px; top: 6px; } .magazineObj .cartLinks .addLink { position: static; float: right; margin: 0 0 0 20px;} .addLinkRed { color: #b30707; border-bottom: 1px dotted #b30707; } .listNews { width: 750px;} .listNews .item { float: left; width: 228px; border-right: solid 1px #bfbfbf; margin: 0 14px 14px 0; height: 390px; overflow: hidden; } .listNews .date {margin: 0 0 12px 0; } .listNews .item .image {width: 214px; height: 120px; overflow: hidden; margin: 0 0 12px 0; } .listNews .item .image img {width: 214px; display: block;} .listNews .item .text { width: 214px; margin: 0 0 8px 0; } .listNews .itemHr { clear: both; background: #bfbfbf; height: 1px; overflow: hidden; margin: 0 0 14px 0;} .listNews .item .comm { font-size: 11px; color: #1b6e8f; text-align: right; padding: 0 14px 0 0;} .listPhoto { width: 750px;} .listPhoto .item { float: left; width: 228px; margin: 0 14px 14px 0; overflow: hidden; position: relative; } .listPhoto .date { margin: 0 0 12px 0; } .listPhoto .item .image { width: 214px; overflow: hidden; margin: 0 0 12px 0; } .listPhoto .item .image img { width: 214px; display: block;} .listPhoto .item .text { width: 214px; margin: 0 0 8px 0; } .voice { position: absolute; right: 14px; top: 0px; background: #e6e6e6; padding: 4px 10px 3px 8px;} .voice span.g { display: block; float: left; margin: 0 8px 0 0; } .voice b { display: block; float: left; margin: -2px 10px -1px 0; color: #1b6e8f; font-size: 18px; font-family: 'TornadoMediumC'; font-weight: normal;} .list_voting_btn { width: 15px; height: 15px; display: block; float: left; padding: 0px 0 0px 0; } .list_voting_btn img { width: 15px; height: 15px; background: url(/image/buttons/plus.png) bottom no-repeat; } .list_voting_btn:hover img { background: url(/image/buttons/plus.png) top no-repeat; } .voice img.waiting { width: 15px; height: 15px; display: block; float: left; } .list_nologin_btn { width: 15px; height: 15px; display: block; float: left; padding: 0px 0 0px 0; } .list_nologin_btn img { width: 15px; height: 15px; background: url(/image/buttons/plus_no.png) bottom no-repeat; } .divNoLogin { position: absolute; z-index: 3000; right: 0px; top: 0px; width: 214px;} .listStory .divNoLogin { width: 300px;} .divNoLogin .itemsBox { background: #fff; border-radius: 4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: #979797 0px 2px 4px; -moz-box-shadow: #979797 0px 2px 4px; box-shadow: #979797 0px 2px 4px; padding: 14px 20px 14px 20px; border: solid 1px #ccc; margin: 3px 3px 3px 3px; color: #666; font-size: 11px; } .divNoLogin .itemsBox .list_nologin_close_btn { display: block; float: right; width: 14px; height: 14px; margin: -6px -12px 2px 4px; } .listNewsMain { margin: 0 0 10px 0;} .listNewsMain h2 { margin: 0 0 10px 0; width: 710px;} .listNews .itemThree { border-right: none; margin: 0 0 14px 0; } .listNews .item .rubruk { margin: 0 0 8px 0;} .listNews .item .rubruk a { color: #ffa800;} .listNewsMain .listPosts .items { margin: 0 0 20px 0; padding: 0 0 0 0; border-bottom: none; } .listNewsMain .listPosts .items .text { margin: 0 0px 0 110px; padding: 0 0 0 0; width: 118px; font-size: 11px; } .listNewsMain .listPosts .items .text .date { margin: 0 0 0 0; font-size: 10px;} .listNewsMain .listPosts .image img { width: 100px; height: 100px; display: block;} .listNewsMain .listPosts .items .image { width: 100px; float: left; margin: 0 0 0 0; height: 100px; overflow: hidden; } .listNewsMain .listPosts .items .text h4 { font-weight: normal; margin: 0 0 5px 0; } .listNewsMain .listPosts .items .text h4 a { font-size: 13px; color: #000; text-decoration: underline;} .listNewsMain .listPosts .items .text h4 a:hover { text-decoration: none;} .personList { width: 750px;} .personList .items { float: left; width: 228px; margin: 0 14px 14px 0; overflow: hidden; border-bottom: none; } .personList .items h4 { margin: 0 0 14px 0; } .personList .items .text { height: 55px; margin: 0 0 10px 0; overflow: hidden;} .personList .items p { margin: 0 0 10px 0; } .listRating .items { border-bottom: solid 1px #bfbfbf; padding: 0 0 8px 0; padding: 0 0 20px 0; margin: 0 0 20px 0; width: 710px; overflow: hidden; } .listRating .items .text { margin: 0 115px 14px 234px; } .listRating .items .rating { float: right; height: 80px; width: 75px; background: #5b5959; font: Times New Roman, Times, serif; color: #fff; text-align: center; font-size: 46px; font-style: italic; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; overflow: hidden; margin: 20px 20px 0 0; } .listRating .items .rating h4 { color: #fff; background: #4a4949; font-size: 11px; padding: 2px 4px 3px 4px; text-align: center; font-family: Verdana, Geneva, sans-serif; margin: 0 0 0 0; font-style: normal; font-weight: normal; } .listRating .items .image { width: 214px; display: block; float: left; } .testsRubric ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;} .testsRubric ul li { margin: 0 0 5px 0; padding: 0 0 0 0; list-style: none; background: none; display: block; float: left; width: 220px; font-size: 15px; color: #666; font-weight: normal; } .testsRubric ul li a { text-decoration: none; padding: 0 4px 0 4px; font-size: 21px; font-family: 'TornadoMediumC'; } .testsRubric ul li a:hover , .testsRubric ul li a.active { background: #1b6e8f; color: #fff;} .testsPhotoRubric { width: 670px; overflow: hidden; } .testsPhotoRubric ul { width: 750px;} .testsPhotoRubric ul li { margin: 0 20px 0 0; font-size: 13px; color: #666; font-weight: normal; width: auto; } .testsRubric ul li a { text-decoration: none; padding: 0 2px 0 2px; font-size: 15px; font-family: Verdana; } .testsRubric ul li a:hover , .testsRubric ul li a.active { background: #1b6e8f; color: #fff;} .testsContests ul li { margin: 0 40px 0 0; } .listTests .more { margin: 0 0 0 234px;} .listTests .items .text { margin: 0 0px 5px 234px; } .listBlog .items { margin: 0 0 30px 0; border-bottom: none;} .listPosts .items .text { margin: 0 0px 0 260px; } .listPosts .image img { width: 120px; height: 120px; display: block; float: left; margin: -6px 10px 0 0;} .listPosts .items .image { font-size: 11px; padding: 6px 0 0 0; width: 250px; } .listPosts .image .date { display: block; font-size: 9px;} .listPosts .items .date { font-size: 9px; margin: 0 10px 12px 10px;} .listPosts .items h3 { margin: 0 0 5px 0;} .textPost { margin: 0 0 5px 0; padding: 0 0 20px 0; border-bottom: dotted 1px #bfbfbf; } .listBlog .items .textPost { margin: 0 0px 0 0px; } .postInfo { font-size: 11px; color: #666; padding: 6px 0 0 0; } .postInfo a , .postInfo span { font-size: 12px; color: #666; margin: 0 20px 0 0; padding: 0 0 0 0; } .listPosts .blog-post-meta , .itemObj .blog-post-meta { margin: 0px 0 0 0; font-size: 11px;color: #8c8c8c;} .listPosts .blog-post-meta a , .listPosts .blog-post-meta span , .itemObj .blog-post-meta a , .itemObj .blog-post-meta span { font-size: 11px; color: #8c8c8c;} .listPosts .blog-post-tag , .itemObj .blog-post-tag { font-size: 11px; color: #333; margin: 0 0 -10px 0;} .listPosts .blog-post-tag a , .itemObj .blog-post-tag a { color: #666;} .listPostsBlogs { width: 750px;} .listPostsBlogs .items { float: left; width: 166px; border-right: none; border-bottom: none; margin: 0 14px 14px 0; height: 260px; overflow: hidden; } .listPostsBlogs .image img { width: 166px; height: 166px; display: block; margin: 0px 0px 10px 0;} .listPostsBlogs .items .image { font-size: 11px; padding: 0 0 0 0;} .listPostsBlogs .items .date { font-size: 9px; margin: 3px 0px 5px 0px; display: block;} .listPostsBlogs .items h3 { padding: 0 0 0 0; margin: 0 0 5px -17px; background: none; font-family: Verdana; font-size: 12px; color: #333; } .listPostsBlogs .items h3 a { color: #000; } .listPostsBlogs .items h3 a:hover { color: #333; text-decoration: underline; } .listPostsBlogs .postInfo { font-size: 11px; color: #666; padding: 0 0 0 0; margin: 0 0 0 -17px; } .listPostsBlogs .postInfo a , .listPostsBlogs .postInfo span { font-size: 9px; color: #666; margin: 0 10px 0 0; padding: 0 0 0 0; } .listActive { padding: 0 0 200px 0;} .month { margin: 0 0 40px 0;} .listActive h2 { border-bottom: none; color: #1b6e8f; text-align: center;} .listActive .items { width: 135px; height: 135px; margin: 0 2px 2px 0; background: #fafafa; border-bottom: none; float: left; padding: 0 0 0 0; overflow: visible; } .listActive .itemsDay { background: #f2f2f2; position: relative; } .listActive .day_info { background: #ffe5b2; } .listActive .itemsDay .day { display: block; top: 0px; right: 0px; text-align: right; color: #666; font-size: 15px; padding: 6px 6px 0px 6px; font-family: 'TornadoMediumC'; position: absolute; z-index: 2000; } .listActive .itemsDay a.event_day { display: block; float: left; text-align: left; width: 135px; height: 67px; font-size: 10px; text-decoration: none; } .listActive .itemsDay a.day_2 { border-top: solid 1px #fff; } .listActive .itemsDay a.day_3 { border-right: none; border-top: solid 1px #fff; } .listActive .itemsDay a.event_day td { width: 135px; padding: 0 4px 0 4px; height: 67px; text-align: left; vertical-align: middle; font-size: 9px; } .listActive .itemsDay a.event_day:hover { background: #1b6e8f; color: #fff; } .listActive .today { background: #fe522c; color: #fff; } .listActive .today a.event_day , .listActive .today .day { color: #fff; } .listActive .itemsDay a.event_day_one { display: block; position: absolute; z-index: 1000; width: 123px; height: 115px; text-align: left; width: 123px; border-top: none; padding: 20px 6px 0 6px; font-size: 12px; top:0px; left: 0px; } .listActive .itemsDay a.event_day_one td { width: 123px; height: 115px; text-align: left; padding: 0 0 0 0; vertical-align: middle; font-size: 13px;} .listActive .itemsDay a.event_day_one:hover { background: #1b6e8f; color: #fff; } .divMore { position: absolute; z-index: 3000; left: 134px; top: -43px; width: 276px;} .weekday_5 .divMore , .weekday_6 .divMore , .weekday_7 .divMore { right: 118px; left: auto; } .divMore .itemsBox { background: #fff; border-radius: 4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: #979797 0px 2px 4px; -moz-box-shadow: #979797 0px 2px 4px; box-shadow: #979797 0px 2px 4px; padding: 14px 20px 14px 20px; border: solid 1px #ccc; margin: 3px 16px 3px 3px; } .weekday_5 .divMore .itemsBox , .weekday_6 .divMore .itemsBox , .weekday_7 .divMore .itemsBox { margin: 3px 16px 3px 3px; } .divMore .itemsBox .date { margin: 0 0 10px 0; color: #666;} .divMore .itemsBox .image { margin: 0 0 10px 0; width: 214px;} .divMore .itemsBox h3 { font-size: 21px; margin: 0 0 10px 0;} .divMore .itemsBox .text { margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 12px; color: #333;} .divMore .itemsBox .lock { color: #666;} .linkQuestion { width: 19px; height: 19px; display: block; position: absolute; right: 0px; top: 1px;} .divQuestion { position: absolute; z-index: 3000; right: 19px; top: -2px; width: 276px;} .divQuestion .itemsBox { background: #fff; border-radius: 4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: #979797 0px 2px 4px; -moz-box-shadow: #979797 0px 2px 4px; box-shadow: #979797 0px 2px 4px; padding: 14px 20px 14px 20px; border: solid 1px #ccc; margin: 3px 3px 3px 3px; color: #666; font-size: 11px; } .boxGrey .linkQuestion { right: 20px; top: 14px;} .boxGrey .divQuestion { position: absolute; z-index: 3000; right: 39px; top: 12px; width: 276px;} .navePage { clear: both; text-align: left; padding: 40px 0 0 0; } .navePage { clear: both; text-align: left; } .navePage a , .navePage span , .navePage b { display: block; float: left; padding: 3px 6px 3px 6px; margin: 0 8px 0 0; color: #8c8c8c; } .navePage b { background: #ffa800; font-weight: normal; color: #fff;} .navePage a { color: #333; } .navePage a:hover { color: #fff; background: #1b6e8f; } .navePage a.all { color: #ffa800; } .navePage a.all:hover { color: #fff; background: #ffa800; } .more { display: block; padding: 0 0 0 16px; background: url(/image/markers/more_blue.png) 0px 3px no-repeat; color: #1b6e8f; text-decoration: none; float: left; clear: both; } .more span { border-bottom: dotted 1px #1b6e8f; } .more:hover { display: block; padding: 0 0 0 16px; background: url(/image/markers/more_red.png) 0px 3px no-repeat; color: #ffa800; float: left;} .more:hover span { border-bottom: dotted 1px #ffa800;} .down { display: block; padding: 0 0 0 16px; background: url(/image/markers/down_blue.png) 0px 3px no-repeat; color: #1b6e8f; text-decoration: none; float: right; clear: both; margin: 0 0 10px 0; } .down span { border-bottom: dotted 1px #1b6e8f; } .down:hover { background: url(/image/markers/down_red.png) 0px 3px no-repeat; color: #ffa800; } .down:hover span { border-bottom: dotted 1px #ffa800;} .boxMore { margin: 0px 0 0 0;} .contestsMenu { position: absolute; right: 0px; top: 0px; color: #1b6e8f; text-decoration: none; } .contestsMenu a { display: block; float: left; color: #1b6e8f; text-decoration: none; font-weight: 500; margin: 0 0 0 8px; padding: 1px 6px 2px 6px;} .contestsMenu a span { border-bottom: 1px dotted #1b6e8f; } .contestsMenu a:hover { background: #1b6e8f; color: #fff; border-bottom: none; } .addLink { position: absolute; right: 100px; top: 2px; color: #1b6e8f; text-decoration: none; border-bottom: 1px dotted #1b6e8f; font-weight: 500;} .blogMenu { position: absolute; right: 90px; top: 0px; color: #1b6e8f; text-decoration: none; } .blogMenu a { display: block; float: left; color: #1b6e8f; text-decoration: none; font-weight: 500; margin: 0 0 0 8px; padding: 1px 6px 2px 6px;} .blogMenu a span { border-bottom: 1px dotted #1b6e8f; } .blogMenu a:hover { background: #1b6e8f; color: #fff; border-bottom: none; } .invisible , .invisible { display: none;} .boxFilter { border-bottom: solid 1px #bfbfbf; padding: 4px 0 0px 0; margin: 0 0 24px 0; } .boxFilter .more { display: block; float: left; } .boxChechFilter { background: #e6e6e6; border: solid 1px #ccc; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; clear: both; position: absolute; width: 700px; margin: 30px 0 0 0; -webkit-box-shadow: #979797 0px 2px 3px; -moz-box-shadow: #979797 0px 2px 3px; box-shadow: #979797 0px 2px 3px; } .boxChechFilter a.close { position: absolute; top: 5px; right: 10px; text-decoration: none;} .boxFilter a.more { float: left; width: 190px; clear: none; } .check { float: left; width: 165px; margin: 0 0 0 0; } .check input { margin: 2px 5px 10px 0; float: left;} .boxChechList { margin: 20px 20px 10px 20px; border-bottom: solid 1px #bfbfbf; padding: 0 0 10px 0; position: relative; } .boxChechFilter .loadPic { height: 20px; display: block; } .boxChechFilter .buttons { height: 50px; padding: 0 0 0 140px;} .boxChechFilter .buttons .inpButton { float: left; margin: 0 30px 0 0; } .boxFilter .current { float: left; width: 206px; clear: none; padding: 10px 0 0 0; margin: 0 0 10px 0;} .boxFilter .current .point { padding: 0 0 0 16px; margin: 0 0 5px 0; font-weight: bold;} /*FORMS */ .feedbackBox {font-size: 11px;} label { display: block; padding: 0 0 0 0; margin: 0 0 10px 0;} .inpText { border: solid 1px #858585; height: 21px; padding: 2px 4px 2px 4px; font-family: Verdana; font-size: 11px; color: #000; width: 260px; margin: 0 0 20px 0px; } .textAreaPost { height: 300px;} .inpSearch { width: 300px; float: left; margin: 0 30px 0 0; } .description { margin: -14px 0 20px 0; font-style: italic; font-size: 11px;} .voting-form-box .inpText { width: 600px;} .textArea { border: solid 1px #858585; height: 140px; padding: 2px 2px 2px 4px; font-family: Verdana; font-size: 11px; color: #000; width: 600px; margin: 0 0 20px 0px; } .inpButton { font-family: 'TornadoMediumC'; text-transform: uppercase; font-weight: normal; font-size: 17px; color: #fff; background: #1b6e8f; margin: 0 0 12px 0; border: none; text-decoration: none; cursor: pointer; padding: 5px 0 4px 0; width: 200px; display: block; border-radius:3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -webkit-text-shadow: #222 0px 2px 2px; -moz-text-shadow: #222 0px 2px 2px; text-shadow: #111 0px 2px 2px; text-align: center; } .inpButton:hover , a.inpButton:hover { text-decoration: none; background: #ffa800; color: #fff;} .inpButtonMin { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; padding: 5px 20px 4px 20px; width: auto;} .inpButtonGrey { background: #999;} .inpButtonRed { background: #ffa800; color: #fff;} .inpButtonRed:hover { background: #1b6e8f; color: #fff;} a.inpButton { padding: 6px 0 5px 0;} .subscriptionButtons { margin: 0 0 0 120px;} .subscriptionButtons .inpButton { margin: 0 20px 0 0px;} .subscriptionButtosnMin { margin: 0 0 0 80px;} .inpSubscription { padding: 6px 20px 5px 20px; width: auto; margin: 0 0 30px 230px; } .boxGreyLight .inpSubscription { padding: 6px 20px 5px 20px; width: auto; margin: 0 0 10px 280px; } .inpButtonMoreNumberRed { background: #ffa800; color: #fff; } a.inpButtonMoreNumberRed:hover { background: #1b6e8f; } .inpButtonSearch { padding: 3px 30px 2px 30px; width: auto; } .inpButtonFilter { position: absolute; right: 0px; top: 43px; width: auto; padding: 5px 20px 4px 20px; } .inpButtonMoreNumber { font-size: 14px; color: #fff; padding: 6px 20px 5px 20px; width: 200px; float: right; margin: -3px 0 0 0; position: absolute; right: 0px; } .feedbackBox {} .feedbackBox .input { float: left; margin: 0 30px 0 0; font-size: 11px;} .like { float: right; margin: -11px -25px 0 0;} .red { color: #b30707; } .small { font-size: 9px; font-weight: bold;} .blue { color: #1b6e8f;} .hr { height: 0px; overflow: hidden; clear: both;} .hrHr { height: 1px; overflow: hidden; clear: both;} .norm { font-weight: normal;} .under { text-decoration: underline;} .upper { text-transform: uppercase;} .red , .errortext { color: #ffa800; } .starrequired { color: #ffa800; font-weight: bold;} .white { color: #fff;} .white a { color: #fff;} .nobr {white-space: nowrap; } .w100 { width: 100%; } .vc { vertical-align: middle;} .vt { vertical-align: top;} .vb { vertical-align: bottom;} td.vc { vertical-align: middle;} td.vt { vertical-align: top;} td.vb { vertical-align: bottom;} td.el , .el { text-align: left;} td.er , .er { text-align: right;} td.ec , .ec { text-align: center;} .fl { float:left;} .fr { float: right; } .fn { float: none;} .cb { clear: both;} .pr { position: relative; } .pa { position: absolute; } .content { overflow: hidden; } .flBox { width: 340px; float: left; margin: 0 30px 0 0;} .flBoxRight { margin: 0 0px 0 0;} .blog-rss-icon { position: absolute; right: 35px; top: 0px; padding: 3px 0 2px 22px; color: #1b6e8f; text-decoration: none; background: url("/image/icons/rss.gif") 0px 3px no-repeat;} .blog-rss-icon span {text-decoration: none; border-bottom: 1px dotted #1b6e8f; } .blog-rss-icon:hover span { color: #ffa800; border-bottom: 1px dotted #ffa800; } .addBlog { right: 90px; top: 0px; padding: 2px 6px 2px 6px; border-bottom: none; } .addBlog span { border-bottom: 1px dotted #1b6e8f; } .addBlog:hover { background: #1b6e8f; color: #fff; border-bottom: none; } .share { float: right; } .itemObj .share { position: absolute; right: 0px; top: -40px; float: none; } .itemTest .share { top: -196px;} .itemObj table.tableLike { border-top: none; border-left:none; margin: -4px 0 0 0;} .itemObj table.tableLike td { border-bottom: none; border-right:none; padding: 0 0 0 0; vertical-align: middle;} .itemObj table.tableLike td.googleTd { width: 80px; } .itemObj table.tableLike td.fbTD { width: 120px;} .search-tags-cloud , .blog-tags-cloud { margin: 0 0 30px 0;} .menuMagazine .none { display:none; } .bx-composite-btn-fixed { left:15px; right:inherit; display: none; } .footer_bitrix { float:left; display: block; width:50%; margin-top: 7px; } .footer_bitrix a.bx-composite-btn.bx-btn-black.bx-btn-border.bx-composite-btn-fixed { position: static !important; display: inline-block; } a.inpButton.inpButtonMoreNumberRed.fr.ks { float: left; width: auto; font-size: 14px; padding: 8px 20px; margin: 0 20px 20px 30px; margin-top: -10px; } a.inpButton.inpButtonMoreNumberRed.fr.ks.active { background-color: #1b6e8f; } @media screen and (max-width: 1081px){ .logo{ max-width: 812px; width: 100%; padding: 0 15px; box-sizing: border-box; } .logo img{ width: 100%; } .panelTop .box{ max-width: 962px; width: 100% } .menuMagazine{ width: 70%; padding-left: 15px; } .menuContests{ width: 20%; padding-right: 15px; } .menuContests li{ padding-right: 0; } .menuSites{ padding-left: 15px; } .search{ padding-right: 15px; } .menuTop{ padding-left: 15px; } .login{ padding-right: 15px; } .login noindex{ display: flex; justify-content: flex-end; } .login a:last-child{ margin-right: 0; } .advTop a img{ width: 100%; } .box{ max-width: 1000px; width: 100%; } .subscription .listNumberFooter{ overflow: auto; float: none; max-width: 705px; margin-left: 0; width: 100%; overflow: inherit; } .subscription .subsText{ margin-bottom: 25px; } body .flexslider .slides .image{ width: 53%; height: auto; overflow: hidden; display: block; float: left; margin-right: 10px; } body .flex-caption{ width: 44%; margin: 0; } .colLeft{ width: 100%; max-width: 710px; box-sizing: border-box; padding-right: 10px; } .boxGrey .listItems{ max-width: 700px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .listNews .item{ width: 226px; } .listNews{ width: 100%; max-width: 750px; } .boxGrey{ width: 100%; } .boxGrey .galleryItemsBox .prev{ left: auto; right: 30px; } .boxGrey .galleryItemsBox .next{ left: auto; right: 15px; } } @media screen and (max-width: 800px){ .newNumber .cover{ float: none; margin-bottom: 25px; } body .flexslider{ margin-right: 0; } body .flex-caption{ max-width: 300px; } body .menu-hamburger { position: absolute; z-index: 9999; top: 16px; left: 15px; display: block; float: left; width: 2.6rem; height: 1.8rem; padding: 0; -webkit-transition: .1s -webkit-transform linear; -webkit-transition: .1s transform linear; -webkit-transition: .1s transform linear, .1s -webkit-transform linear; transition: .1s -webkit-transform linear; transition: .1s transform linear; transition: .1s transform linear, .1s -webkit-transform linear; border: 0; outline: 0; background: 0; } .menu-open { overflow-y: hidden; } .bar { position: absolute; top: 50%; left: 0; width: 100%; height: .2rem; margin: auto; margin-top: -.2rem; content: ""; -webkit-transition: .2s background linear .1s, .2s top linear .2s, .2s -webkit-transform linear; -webkit-transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear; -webkit-transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear, .2s -webkit-transform linear; -webkit-transition: .2s; transition: .2s background linear .1s, .2s top linear .2s, .2s -webkit-transform linear; transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear; transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear, .2s -webkit-transform linear; transition: .2s; background: #fff; } .bar::before, .bar::after { position: absolute; top: 50%; left: 0; width: 100%; height: .2rem; margin: auto; content: ""; -webkit-transition: .2s background linear .1s, .2s top linear .2s, .2s -webkit-transform linear; -webkit-transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear; -webkit-transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear, .2s -webkit-transform linear; -webkit-transition: .2s; transition: .2s background linear .1s, .2s top linear .2s, .2s -webkit-transform linear; transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear; transition: .2s background linear .1s, .2s top linear .2s, .2s transform linear, .2s -webkit-transform linear; transition: .2s; background: #fff; } .bar::before { top: -.9rem; left: 0; } .bar::after { top: .9rem; left: 0; } .bar::before, .bar::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .active .bar { -webkit-transition: .2s background linear .1s, .2s top linear, .2s -webkit-transform linear .2s; -webkit-transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s; -webkit-transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s, .2s -webkit-transform linear .2s; transition: .2s background linear .1s, .2s top linear, .2s -webkit-transform linear .2s; transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s; transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s, .2s -webkit-transform linear .2s; background: 0; } .active .bar::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; } .active .bar::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; } .active .bar::before, .active .bar::after { top: 0; left: 0; } .active .bar::before, .active .bar::after { -webkit-transition: .2s background linear .1s, .2s top linear, .2s -webkit-transform linear .2s; -webkit-transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s; -webkit-transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s, .2s -webkit-transform linear .2s; transition: .2s background linear .1s, .2s top linear, .2s -webkit-transform linear .2s; transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s; transition: .2s background linear .1s, .2s top linear, .2s transform linear .2s, .2s -webkit-transform linear .2s; } #slide-menu { position: fixed; z-index: 9998; top: 0; bottom: 0; left: 0; display: block; overflow: hidden; overflow-y: scroll; width: 100%; height: 100%; padding: 0 15px; padding-top: 90px; -webkit-transition: -webkit-transform .6s cubic-bezier(.56, .1, .34, .91); transition: -webkit-transform .6s cubic-bezier(.56, .1, .34, .91); transition: transform .6s cubic-bezier(.56, .1, .34, .91); transition: transform .6s cubic-bezier(.56, .1, .34, .91), -webkit-transform .6s cubic-bezier(.56, .1, .34, .91); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background: #000; } .menu-open #slide-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .panelTop{ height: 57px; background: #000; } .menuSites{ position: static; display: flex; flex-wrap: wrap; width: auto; margin-bottom: 30px } .menuSites li{ float: none; } .logo{ display: none; } .search{ float: none; } .login{ margin: 0 0 30px 0; } .menuTop{ margin-bottom: 30px; position: static; width: 100% } .advTop{ display: none; } .login noindex{ justify-content: flex-start; } .menuContests{ margin-bottom: 30px; float: none } .menuMagazine{ width: 100% } .menuContests li{ float: none } .boxGrey .listItems{ flex-wrap: nowrap; } .boxGrey .listItemsPhoto .item{ height: auto; } .boxGrey .listItemsPhoto .item .image{ height: auto; width: auto; } .boxGrey .listItemsPhoto .item .image img{ width: 100%; height: auto; } .listRating .items{ max-width: 710px; width: 100%; } .inpButton{ margin-bottom: 20px !important; } .boxGreyLight .items h4{ width: 100%; } ymaps{ width: 100%; } body .news-detail img{ width: 100%; height: auto; } .itemObj .image{ width: 100%; height: auto; } } @media screen and (max-width: 641px){ .menuBottomRight, .menuBottomLeft{ display: flex; justify-content: center; float: none; } } @media screen and (max-width: 541px){ body .flexslider{ height: auto; } body .flex-caption{ max-width: 100%; width: 100%; height: auto; } #slider .flex-caption { max-height: 211px; } body .flexslider .slides .image{ width: 100%; margin-bottom: 25px; } .flexslider .slides .image img{ width: 100% !important; } #number_items .flex_block{ flex-direction: column; align-items: flex-start; } #number_items .flex_block .img{ text-align: center; margin-bottom: 15px; } .magazineObj .cartLinks{ position: static; margin-bottom: 15px; } .magazineObj .cartLinks .addLink{ float: none; margin-left: 0; } .listNews{ display: flex; flex-direction: column; align-items: center; } .listNews .item{ border: none; } .listNewsMain h2{ text-align: center; } .newNumber{ display: flex; flex-direction: column; align-items: center; } .items{ display: flex; flex-direction: column; align-items: flex-start; max-width: 710px; width: 100%; } .items .text{ margin-left: 0; min-height: 1px; } .items .image{ margin-bottom: 10px; } .priceBox{ margin-left: 0; } .listRating .items .text{ margin-left: 0; margin-right: 0; } .inpButton{ margin-bottom: 20px !important; position: relative; top: 0; right: 0; display: block; } .blog-rss-icon{ position: relative; right: 0; display: block; margin-bottom: 20px; } .navePage a, .navePage span, .navePage b{ margin-right: 0; } .navePage{ display: flex; justify-content: center; } .listItems{ margin-bottom: 30px; } .listYear{ margin-right: 60px; } } .boxGrey{ box-sizing: border-box; padding-right: 16px; } @media screen and (max-width: 580px) { table.subscriptionTable{ width: auto; margin: auto; } /* table.subscriptionTable .inpButton{ margin-bottom: 0px !important; width: 160px; font-size: 16px; }*/ table.subscriptionTable tbody { display: flex; flex-direction: column; } table.subscriptionTable tr { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } table.subscriptionTable td:nth-child(1), table.subscriptionTable td:nth-child(2) { flex: 1; display: flex; justify-content: center; border-bottom: solid 0px #bfbfbf; } table.subscriptionTable td:nth-child(3) { flex: 2; display: flex; justify-content: center; flex-basis: 100%; } } .menuTop_subscription_new a.noactive{ color: #ffeb00; } #carousel { padding: 0 0 30px 0; } #carousel .flex-control-nav { bottom: 5px; } .flex-direction-nav a { display: none; } /* End */ /* Start:/js/highslide/highslide.css?134756039721801*/ /** * @file: highslide.css * @version: 4.1.9 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { height: 0px; overflow: hidden; display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { /*position: absolute;*/ background: black; } a.highslide-full-expand { background: url(/js/highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(/js/highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(/js/highslide/graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { position: static !important; margin-bottom: 0; width: 210px; } } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(/js/highslide/graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(/js/highslide/graphics/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; } .draggable-header .highslide-heading { display: none; height: 0px; overflow: hidden; position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(/js/highslide/graphics/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; } .titlebar .highslide-heading { display: none; height: 0px; overflow: hidden; position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(/js/highslide/graphics/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { display: none; height: 0px; overflow: hidden; color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(/js/highslide/graphics/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(/js/highslide/graphics/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(/js/highslide/graphics/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(/js/highslide/graphics/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(/js/highslide/graphics/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; direction: ltr; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(/js/highslide/graphics/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(/js/highslide/graphics/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(/js/highslide/graphics/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(/js/highslide/graphics/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { width: 60px; /* t=5481 */ } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; } .highslide-wrapper, .highslide-outline { background: #111111; } .highslide img { border: none; } .highslide-active-anchor img { visibility: visible; border-color: #808080 !important; } .highslide-dimming { background: #000000; } .highslide-image { border: none; } .highslide-caption { position: absolute; color: #fff; padding: 10px; font-size: 9pt; } .highslide-loading { display: block; padding: 3px 0 3px 38px; width: 0; height: 32px; overflow: hidden; background-color: white; background-repeat: no-repeat; background-position: 3px 3px; background-image: url(/js/highslide/graphics/loader.big.white.gif); } .highslide-controls { position: static !important; margin-bottom: 0; width: 210px !important; } .large-dark .highslide-controls { background: url(/js/highslide/graphics/controlbar-black-border.gif) left bottom no-repeat; width: 210px; height: 40px; overflow: hidden; } .large-dark .highslide-controls ul { display: block; margin: 5px 14px 5px 14px; } .large-dark .highslide-controls a { background-image: url(/js/highslide/graphics/controlbar-black-border.gif); } .highslide-controls ul { list-style: none; padding: 0 0 0 0; margin: 0 0 0 0;} .highslide-controls ul li { display: block; float: left; list-style: none; padding: 0 0 0 0; margin: 0 0 0 0;} /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /* End */ /* Start:/bitrix/templates/huntandfish/styles.css?154106250638*/ .menu-hamburger { display: none; } /* End */ /* Start:/bitrix/templates/huntandfish/template_styles.css?1794564236250*/ .box{ margin: 0 auto; } .advTop a{ display: table; margin: 0 auto; } .magazineObj a.addLinkRed { border-bottom: 2px solid; font-size: 14px; transition: .3s; } a, div, img { transition: .3s; } .mt-12 { margin-top: -15px; } /* End */ /* /css/style.css?168427328956016 */ /* /js/highslide/highslide.css?134756039721801 */ /* /bitrix/templates/huntandfish/styles.css?154106250638 */ /* /bitrix/templates/huntandfish/template_styles.css?1794564236250 */