@font-face { font-family: 'Calibri'; font-style: normal; font-weight: 400; src: local('Calibri'), url(http://web.archive.org/web/20171002002350im_/http://zabmix.ru/fonts/calibri.woff) format('woff'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { position: relative; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } header, nav, section, article, aside, footer { display: block; } body { position: relative; font: 14px/18px Calibri, Tahoma, Verdana, sans-serif; color: #343520; background: #9fbabe; cursor: default; } a { color: #af0089; outline: none; text-decoration: underline; cursor: pointer; } a:hover { color: #5f004a; } p { margin: 0 0 18px 0; } img { border: none; } input { vertical-align: middle; } center {display: block; position:relative; z-index: 1; width: 100%; text-align: center; line-height: 12px;} sup, sub { vertical-align:baseline; position:relative; font-size: 10px; line-height:1em; } sup { bottom:4px; } sub { top: -4px; } span.p { opacity: 0.7; font-size: 90%; } .fl_l { float: left; } .fl_r { float: right; } .clear { clear: both; } .ta_l { text-align: left; } .ta_r { text-align: right; } .ta_c { text-align: center; } .clear_fix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } * html .clear_fix { height: 1%; } .clear_fix { display: block; } a.link { border: none; text-decoration: underline; } a.nostyle { border: none; text-decoration: none; border: 0; border-bottom: none; } a.invert { text-decoration: none; } a.invert:hover { text-decoration: underline; } h1,h2,h3,h4,h5,h6 { position: relative; color: #0f0f0f; } h1 {font-size:20px; padding-bottom: 14px; color: #555;} h2 {font-size:18px;} h3 {font-size:19px; text-transform:uppercase; font-weight: normal; padding-bottom: 10px;} h4 {font-size:15px; text-transform:uppercase; color: #e14a04; padding-bottom: 8px;} h5 {font-size:12px;} h6 {font-size:9px;} font[size="1"] {font-size:8pt;} font[size="2"] {font-size:9pt;} font[size="3"] {font-size:10pt;} font[size="4"] {font-size:12pt;} font[size="5"] {font-size:14pt;} font[size="6"] {font-size:18pt;} font[size="7"] {font-size:24pt;} header, section, footer, aside, nav, menu, article { display: block; } .none {display:none;} .inline { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; zoom: 1; } /* background image */ .imbg { position: absolute; left:0; bottom: 0; width: 100%; height: auto; z-index: -1; } h3 { position: relative; } h3 a { position: relative; top: 0; float: right; padding: 2px 6px; background: #af0089; color: #fff; text-decoration: none; font-size: 13px; } h3 a:hover { background: #bd1b99; color: #fff; } /* MapStyle */ #body_wrap { position: relative; z-index: 1; } #wrapper { position: relative; width: 1000px; margin: 0 auto; padding-bottom: 30px; } header { position: relative; display: block; padding-top: 25px; height: 175px; } #wrap_page { background: #ffffff; /* padding-bottom: 10px; border-bottom: 5px solid #af0089; */ box-shadow: 0px 2px 5px #d9d9d9; -moz-box-shadow: 0px 2px 5px #d9d9d9; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.15); } aside { float: left; width: 245px; background: url('../../themes/default/pic/aside.border.gif') right top no-repeat; } #wrap_content { margin-left: 260px; } /* Begin style */ header .container_logo { height: 50px; padding: 40px 0px 0px; float: left; } header .container_logo .logo { height: 50px; background: url('../../themes/default/pic/logo.png') no-repeat; padding-left: 54px; cursor: pointer; } header .container_logo h2 { font-family: Tahoma, Arial; font-size: 32px; color: #fff; height: 30px; } header .groups_wrap { margin-left: 370px; } header .groups_wrap section { float: left; width: 300px; padding-top: 80px; border-bottom: 5px solid; background: #ffffff; background-repeat: no-repeat; box-shadow: 0px 2px 5px #d9d9d9; -moz-box-shadow: 0px 2px 5px #d9d9d9; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.15); } header .groups_wrap .jdc { background-image: url('../../themes/default/pic/in1.png'); border-color: #af0089; } header .groups_wrap .cst { background-image: url('../../themes/default/pic/in2.png'); border-color: #400681; margin-left: 30px; } header .groups_wrap .text { padding: 12px 10px; line-height: 17px; font-size: 12px; font-weight: bold; } header .groups_wrap .text div { font-size: 13px; } header #topnav { position: absolute; left: 250px; top: 35px; width: 120px; } header #topnav a { display: block; float: left; width: 17px; height: 16px; margin-right: 20px; background: url('../../themes/default/pic/topnav.png'); } header #topnav a.home { background-position: 0px 0px; } header #topnav a.mail { background-position: -32px 0px; } header #topnav a.map { background-position: -66px 0px; } #wrap_page menu.navigate { margin: 0; padding: 0; height: 49px; padding: 0 10px; border-bottom: 4px solid #f2f2f2; background: url('../../themes/default/pic/nav.bg.png') repeat; } #wrap_page menu.navigate ul li { float: left; } #wrap_page menu.navigate a { color: #545454; text-shadow: 1px 1px 1px #fff; line-height: 49px; height: 49px; padding: 0px 15px; text-decoration: none; font-weight: bold; font-size: 15px; display: block; float: left; } #wrap_page menu.navigate a:hover { color: #fff; text-shadow: -1px -1px 1px #ca7e1b; background: #fa9c22 url('../../themes/default/pic/nav.hover.gif'); box-shadow: inset 0px 1px 0px #fea026; -moz-box-shadow: inset 0px 1px 0px #fea026; -webkit-box-shadow: inset 0px 1px 0px #fea026; } #wrap_page .footer_border { margin-top: 10px; height: 5px; border-left: 333px solid #af0089; border-right: 333px solid #fa9c22; background: #400681; } aside { width: 225px; float: left; min-height: 336px; _height: 336px; background: url('../../themes/default/pic/aside.shadow.png') right top no-repeat; padding: 20px 20px 20px 15px; } aside section.block { margin-bottom: 25px; } aside section.widget { margin: 0 -7px; } /* SideBar */ menu.services { margin: 0; padding: 0; } menu.services li { margin: 0 -7px; padding: 0; list-style: none; } menu.services li a { display: block; padding: 5px 7px; } menu.services li a:hover { background: #af0089; text-decoration: none; color: #fff; } #page { margin-left: 270px; margin-right: 10px; } #content { float: left; width: 100%; } #content nav.map { padding: 10px 0; color: #979797; } footer { clear: both; margin-top: 20px; position: relative; display: block; background: #fff; box-shadow: 0px 2px 5px #d9d9d9; -moz-box-shadow: 0px 2px 5px #d9d9d9; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.15); } footer div.bottom { position: relative; border-top: 1px solid #d0d0d0; height: 47px; line-height: 47px; font-size: 13px; background: url('../../themes/default/pic/footer.bg.gif') left bottom repeat-x; text-shadow: 1px 1px 1px #eeeeee; } footer div.bottom div.fl_l { padding: 0 20px; } footer .wrap_info { padding: 10px 20px; overflow: hidden; } footer section { overflow: hidden; width: 1000px; } footer section ul { float: left; width: 300px; margin-right: 10px; overflow: hidden; } footer section ul li { padding: 1px 0; list-style: square inside; list-style-image: url('../../themes/default/pic/footer.li.gif?1'); } footer section ul li a { color: #707070; text-decoration: none; } footer section ul li a:hover { color: #272727; text-decoration: underline; } footer .counter { padding: 8px; padding-bottom: 0; } .htmlcontent { line-height: 22px; } /* используется в связке с input и textarea */ div.box_word { background: #f8f8f8; padding: 4px; padding-right: 12px; margin: 1px 0; } div.box_word input, div.box_word select, div.box_word textarea { border: 1px solid #cccccc; background: #fff; padding: 2px 3px; margin: 0; width: 100%; font: 14px/18px Calibri, Tahoma, Verdana, sans-serif; } div.box_word.not { padding-right: 4px; } div.box_word textarea { margin-bottom: -4px; } div.box_word *:focus { border-color: #aaa; -webkit-box-shadow: 0px 0px 3px #ccc; -moz-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc; } /* @sitemap */ div.sitemap { font-size: 11px; color: #636060; margin-bottom: 15px; } div.sitemap * { float: left; } div.sitemap a { font-size: 11px; margin-right: 2px; color: #636060; } div.sitemap span { margin-right: 2px; width: 16px; height: 16px; background: url('../../themes/default/pic/arrow_small.gif?1') 3px 4px no-repeat; } /* :sitemap */ .wrap_button { display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 1px; zoom: 1; *display: inline; line-height: 14px; margin: 2px 1px; overflow: hidden; } button.link { padding: 6px 20px; border: none; background: #af0c8b; color: #fff; text-shadow: 1px 1px 1px #8a096e; cursor: pointer; margin: 0; } button.link:hover { background-color: #bd1b99; } button.link:active { background-color: #a20880; } /* use in group button */ div.progress { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; zoom: 1; background: url('../../images/loader.gif') center center no-repeat; width: 20px; height: 16px; margin: 6px 10px 0; opacity: 0; filter: alpha(opacity=0); } div.aside-load { width: 16px; height: 16px; background: url('../../themes/default/pic/aside-load.png') center center no-repeat; } div.page_content { line-height: 20px; } div.page_content ol { margin: 3px 0; margin-left: 20px; list-style: decimal outside; } div.page_content ul { margin: 3px 0; margin-left: 20px; list-style: square outside; } div.page_content ol li, div.page_content ul li { padding: 1px; } /* используется в ответе на форму (например в заказе услуг текст с благодарностью) */ .gray_box { padding: 7px; background: #f2f2f2; } form label { display: block; padding-top: 5px; } hr { height: 1px; border: none; border-top: 1px dotted #bbb; margin: 10px 0; } img.shade { -webkit-box-shadow: 1px 1px 4px #a6a6a6; -moz-box-shadow: 1px 1px 4px #a6a6a6; box-shadow: 1px 1px 4px #a6a6a6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: white; padding: 3px; } /* филиалы */ div.branches { margin-bottom: 20px; padding: 3px 0; } div.branches .item { position: relative; margin-right: 20px; line-height: 22px; width: auto; } div.branches .lopup { position: absolute; left: 50%; margin-left: -60px; z-index: 1; width: 120px; height: 120px; opacity: .15; filter:alpha(opacity=15); background: url(../../images/map-chita-lopup.png) no-repeat; display: none; } div.branches .item_lopup { cursor: pointer; } div.branches .item_lopup .lopup { display: block; } div.branches .item:hover .lopup { opacity: 1; filter:alpha(opacity=100); }