/* НОВАЯ СИСТЕМА Obi Vlad Kenobe 18.02.2010 */ /*- STRUCTURA -*/ #site {max-width:1280px; min-width:995px; background:#fff; font:12px/14px Arial;} #osnovnoi {min-height:100%; width:100%; background:#11498e no-repeat 930px 231px url(../images/rightfon.jpg); position:relative;} .ffox #osnovnoi {height:100%;} #header {height:231px; background:no-repeat top left url(../images/topfon.jpg); vertical-align:top;} .header {height:231px; position:relative; } #text {height:100%; background:#FFFFFF no-repeat left top url(../images/contfon.gif); width:820px; vertical-align:top; } .content {margin:0px 20px 20px 20px;} #left {width:250px; height:234; background:no-repeat left top url(../images/left-fon.jpg); vertical-align:top; } .leftc {width:250px; margin:0px 0px 20px 0px;} #right {height:100%; vertical-align:top; vertical-align:bottom; padding-top:620px; text-align:left; } .rright {height:222px; background:no-repeat left top url(../images/snuri.png);} .rasp {width:40px; } .ie6 .rright {height:222px; overflow:hidden; background:no-repeat left top url(../images/snuri.jpg);} .ie6 #right {padding-top:842px;} #footer {height:97px; vertical-align:top; background:no-repeat left top url(../images/futerfon.jpg);} td.bot-right {height:97px; } td.bot-left {width:250px; } td.bot-left div {width:250px; } td.bot-center {width:820px; _width:820px; vertical-align:top; } .rasp2 {width:40px; } /*- FUTER -*/ .rounded-bot, .rounded-bot div {height:32px;} .rounded-bot-center {margin:0px 10px; background:#ffffff;} .rounded-bot-left {float:left; width:10px; background:no-repeat left top url(../images/rc3.png); margin-right:-10px;} .rounded-bot-right {float:right; width:10px; background:no-repeat left top url(../images/rc4.png); margin-left:-10px;} .grx {padding-top:37px; text-align:center; } .grx, .grx a {color:#000000; font-size:11px;} /*- HEADER -*/ /*logo*/ a.logo{display:block; width:387px; height:102px; position:absolute; left:0px; top:18px; background:no-repeat left top url(../images/logo.gif);} /*mini_panel*/ .ie6 div#min-panel { width:45px;} div#min-panel {position:absolute; left:15px; top:199px; width:43px; height:21px; background:no-repeat left top url(../images/mpn.gif);} div#min-panel a {display:block; width:21px; height:21px; margin:0;padding:0;} div#min-panel a img {width:22px; height:21px; margin:0; border:0;} div#min-panel a.home {float:left; } div#min-panel a.mail {float:right; } .topte {height:19px; padding-top:121px;color:#0039ba; font-size:14px; font-weight:bold; width:788px; padding-left:14px; overflow:hidden; } .topte span {font-size:18px;line-height:18px; } div.pod-top-menu {margin:0px 10px 0px 11px;} /*menu_top*/ .foldingtop {list-style:none; } .foldingtop li {float:left; width:108px; height:49px; margin-right:4px; } .foldingtop li a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; } .safari .foldingtop li a {font-size:11px;} .foldingtop li a {display:block; width:108px; height:37px; padding-top:22px; background:no-repeat left top url(../images/tmfon.png); } .foldingtop li a:hover {background:no-repeat left top url(../images/tmfon2.png);} /*- LEFT -*/ /* left-menu */ .pdlm {margin:0px 0px 0px 15px; width:214px; padding:27px 0px 5px 7px; background:#FFFFFF no-repeat left top url(../images/lmfon.gif); } .lmbot {width:221px; height:13px; margin:0px 0px 30px 15px; background:no-repeat left top url(../images/botmfon.gif); } ul.leftmenu {} ul.leftmenu ul {margin-left:5px; padding:7px 5px 0px 0px; } /* level 1 */ ul.leftmenu li {padding:4px 5px 7px 2px; background:repeat-x left bottom url(../images/vmlifon.gif);} .ie6 ul.leftmenu li {zoom:1;} ul.leftmenu li a {display:block; padding:0px 0px 0px 5px;} ul.leftmenu li a {color:#17487a; font-size:13px; font-weight:bold; text-decoration:none; } ul.leftmenu li a:hover, ul.leftmenu li.opened a, ul.leftmenu li.opened a:hover {color:#555555;} /* level 2 */ ul.leftmenu li li, ul.leftmenu li.opened li {padding:0px 0px 4px 8px; background:no-repeat left 5px url(../images/vmm2.gif); } ul.leftmenu li li a, ul.leftmenu li.opened li a {display:inline; padding:0; background:0;} ul.leftmenu li li a, ul.leftmenu li.opened li a {color:#000000; font-size:12px; font-weight:normal; } ul.leftmenu li li a:hover, ul.leftmenu li.opened li a:hover, ul.leftmenu li.opened li.opened a, ul.leftmenu li.opened li.opened a:hover {color:#656565;} /* level 3 */ ul.leftmenu li li li, ul.leftmenu li.opened li.opened li {padding:0px 0px 4px 7px; background:no-repeat left 5px url(../images/vmm3.gif); } ul.leftmenu li li li a, ul.leftmenu li.opened li.opened li a {color:#000000; font-size:12px; } ul.leftmenu li li li a:hover, ul.leftmenu li.opened li.opened li a:hover, ul.leftmenu li.opened li.opened li.opened a, ul.leftmenu li.opened li.opened li.opened a:hover {color:#757575; } /* level 4 */ ul.leftmenu li li li li, ul.leftmenu li.opened li.opened li.opened li {padding:0px 0px 3px 7px; background:no-repeat left 6px url(../images/vmm4.gif); } ul.leftmenu li.opened li.opened li.opened li.opened {background:no-repeat left 6px url(../images/vmm4op.gif);} ul.leftmenu li li li li a, ul.leftmenu li.opened li.opened li.opened li a {color:#000000; font-size:12px; text-decoration:underline; font-weight:normal; } ul.leftmenu li li li li a:hover, ul.leftmenu li.opened li.opened li.opened li a:hover {color:#d6143d; text-decoration:none; } ul.leftmenu li.opened li.opened li.opened li.opened a, ul.leftmenu li.opened li.opened li.opened li.opened a:hover {text-decoration:none; color:#d6143d;} /*-RIGHT-*/ /*-FORMS-*/ input.text, textarea {padding:0px 2px 3px 2px; border:1px solid #a7b6bf; } p.alert {color:#ee2128; font-size:12px; font-weight:bold; font-family:Tahoma; margin-bottom:10px; padding-left:1px;} /* feedback */ .content .feedback table {margin-bottom:15px;} .content .feedback table td {padding-bottom:10px; border:0; vertical-align:top; } .content .feedback table td.left {padding-left:0px;padding-top:4px; padding-right:20px;} .feedback input.text, .feedback textarea , .feedback select {width:285px; border:1px solid #909090;background:#d8d0c8; } .feedback input.text, .feedback textarea {padding:0px 3px 3px 3px;} .feedback select {height:22px;} .feedback textarea {height:85px;} .feedback td.captcha img {border:1px solid #353535; margin:0;} .feedback td.captcha a, .star .feedback td span {color:#ee2128; } .feedback span {color:#ee2128; } /*- CONTENT PAGE -*/ .cont-top {position:relative; } .cc {width:1px; height:1px; position:absolute; right:-10px; top:0px; background:#205c99; font-size:0px; line-height:0px; overflow:hidden; } .mtop {width:137px; margin-bottom:26px; padding-top:6px;} .mtop div {float:right; width:43px; height:42px; background:no-repeat left top url(../images/novznak.png); } .mtop h1 {clear:none; padding-top:6px;} h1, h2, h3, h4, h5, h6 {clear:both;} h1 {margin-bottom:16px; font-size:18px; line-height:18px; padding-bottom:7px; padding-top:30px; color:#000000; } .safari h1 {font-size:16px;} h1 span {padding:0px 0px 7px 3px; background:no-repeat left bottom url(../images/h1fon.gif); } h2, h3, h4, h5, h6 {padding-top:9px; margin-bottom:12px;} h2 {color:#2fbcdf; font-size:14px; } h3 {color:#000000; font-size:12px; } h4 {color:#11498e; font-size:12px; } h5 {color:#000000; font-size:12px; text-transform:uppercase; } h6 {color:#11498e; font-size:16px; } .hferst {padding-top:0px;} p {padding:0;margin-bottom:11px;} a {color:#084d9b;} img {border:1px solid #adadad;} .content {padding-left:1px;} .content table {margin:10px 0px 20px;} .content th,.content td {border:1px solid #a7b6bf; padding:5px 10px;} .content th {background:#58c7f9; color:#FFFFFF; } .content td {} .content table.zero, .content table.zero td {border:0;background:0;padding:0px;} .content ol {clear:both; margin-left:34px;} .content ol li {margin-bottom:7px;} .content ul {clear:both; margin-left:20px;} .content ul li {margin-bottom:7px; padding-left:14px; background:#FFFFFF no-repeat left 4px url(../images/mark.gif);} .content ul.red li div { display:inline; padding:0; margin:0;} .content blockquote { padding:5px 10px; margin:10px; font-style:italic; } /*links*/ div.more , div.back {margin-top:-2px; background:no-repeat right top url(../images/mbfon.gif); float:left; } div.all {margin-top:-7px;background:no-repeat right top url(../images/mbfon.gif); float:left; } div.more div {height:21px; padding:0px 3px 0px 3px; background:no-repeat left top url(../images/mbfon2.gif); float:left;} div.back div {height:21px; padding:0px 3px 0px 3px; background:no-repeat left top url(../images/mbfon2.gif); float:left;} div.all div {height:21px; padding:0px 3px 0px 3px; background:no-repeat left top url(../images/mbfon2.gif); float:left;} div.more a, div.back a , div.all a {font:normal 11px/11px Arial; color:#FFFFFF; display:block; float:left; margin-top:0px; } .safari div.more a, .safari div.back a , .safari div.all a {font-size:10px; } .ie div.more a, .ie div.back a , .ie div.all a {padding-top:1px;} div.more a, div.all a {padding:0px 11px 0px 0px; background:url(../images/more.gif) right 4px no-repeat;} div.back a {padding-left:11px; background:url(../images/back.gif) left 4px no-repeat;} a.spright {color:#000000; padding-right:10px; background:url(../images/more-list.gif) right 6px no-repeat;} /*- MAIN BLOCKS -*/ /*block*/ .block {overflow:auto;margin:-2px 0px 20px; padding:2px 0px 14px 0px; background:repeat-x left bottom url(../images/block-line.gif); } .block h1, .block h2, .block h3, .block h4, .block h5, .block h6 {clear:none; padding-top:0px;} .blockimg {float:left; text-align:center; margin-top:3px; padding-left:1px;} .blockimg img {margin-bottom:-3px; } .blockimg span {padding-left:16px;background:no-repeat left 3px url(../images/zuma.gif); color:#000000; font-size:11px;} .blockimg a {text-decoration:none; } .blockimg a span {text-decoration:underline;} .blockimg a:hover span {text-decoration:none;} .blockinf {padding-top:18px; clear:both; width:130px;} .blockimg2 {margin-bottom:9px; text-align:center; padding-right:12px;} .block.blockvn {background:0;} .block p {margin-bottom:8px;} .block p.more, .block p.back {margin-bottom:0px; } div.blocktext {margin-left:142px;} div.noimg div.blocktext {margin-left:0px;} div.block h3 { margin-bottom:8px; color:#2fbcdf; font-size:14px; } .content .blocktext ul {clear:none; margin-left:2px; margin-bottom:15px;} /*kardupr*/ div.cena {margin-bottom:11px; color:#d6143d; font-weight:bold; } div.inkard {margin-bottom:9px; width:135px; } div.inkard input {width:30px; height:15px; margin:0px 9px 0px 1px; text-align:center; float:left; padding:2px 2px 1px 2px;} div.inkard a {display:block; width:54px; padding:2px 21px 6px 0px; background:no-repeat right 5px url(../images/fkorz.gif); color:#cb1944; font-size:12px; margin-left:49px;} .safari div.inkard a {width:64px;} /*kontacts*/ .kontakts {margin-bottom:20px;} .content .kontakts p {margin-bottom:4px;} /*gallery*/ #text ul.gallery {width:100%; padding-top:10px; margin-left:0px;} #text .content .gallery li div { display:block !important;} #text .gallery li { display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 55px 10px 0px; background:0; padding:0px;} .ie6 #text .gallery li {float:left; height:170px; overflow:hidden;} .ie6 #text .gallery li div {float:left; display:block !important;} .ie7 #text .gallery li {display:inline;} .gallery li img { margin-bottom:-1px;} .gallery li a { color:#000000; } .gallery li a span { display:block; font-size:11px; margin:0 auto 5px; width: 60px; font-weight:normal; } .gallery li a span {text-decoration:underline; } .gallery li a:hover span {text-decoration:none; } #text .gallery li a span {padding-left:16px;background:no-repeat left 4px url(../images/zuma.gif);} .gallery li span {font-weight:bold; display:block; clear:both; } #text .gallery li p.name {padding-top:6px; _padding-top:0px; font-weight:bold; margin-bottom:9px;} #text .gallery li p {clear:left; } /*listing*/ #text .content table#listing td {padding:0;border:0;} #listing {margin:20px auto 20px;} td.listleft {width:15px; height:21px; background:no-repeat right top url(../images/list-left.gif); } td.listright {width:15px; height:21px; background:no-repeat left top url(../images/list-right.gif); } td.listcenter {background:#eceded;} #text .content table#listing td.listcenter {_padding-top:2px;} #listing span {font-weight:bold; padding:2px 7px; background:no-repeat center top url(../images/lisfon.gif); color:#FFFFFF; font-size:11px;} #listing a {text-decoration:none; color:#000000; font-weight:bold; padding:2px 7px; font-size:11px;} #listing a:hover {background:no-repeat center top url(../images/lisfon.gif); color:#FFFFFF;} #listing a.back-list, #listing a.forward-list {text-decoration:underline; color:#000000; font-size:11px; font-weight:normal; } #listing a.back-list:hover, #listing a.forward-list:hover {color:#7b7b7b; text-decoration:none; } #listing a.back-list {padding-left:10px;background:no-repeat left 7px url(../images/back-list.gif); } #listing a.forward-list {padding-right:10px;background:no-repeat right 7px url(../images/more-list.gif); } #listing a.back-list:hover {padding-left:10px;background:no-repeat left 7px url(../images/back-list.gif); } #listing a.forward-list:hover {padding-right:10px;background:no-repeat right 7px url(../images/more-list.gif); } /*katalog*/ #text table.kat {width:100%; margin-bottom:12px;} #text .content table.kat th {padding:1px 1px 1px 1px !important; background:#FFFFFF; text-align:center;} #text .content table.kat th div {padding:5px 10px 5px 10px; background:repeat-x top url(../images/thkatfon.jpg); } #text table.kat td {} #text table.kat td {vertical-align:top; } #text table.kat th.katfoto {width:34px; } #text table.kat td.katfoto {text-align:center;} #text table.kat td.katfoto img { border:none; margin:0;} #text table.kat th.katimg {width:56px; } #text table.kat td.katimg {padding:2px;} #text table.kat th.name {text-align:left; } #text table.kat td.name {text-align:left; } #text table.kat td.name a {color:#000000;} #text table.kat th.cena { } #text table.kat td.cena {width:68px; text-align:right; padding-right:15px;} #text table.kat th.kol {width:70px;} #text table.kat th.zak {width:63px;} #text table.kat td.zak {text-align:center; } #text table.kat td.zak a {color:#d6143d; } #text table.kat input {width:30px; height:15px; text-align:center; padding:2px 2px 1px 2px;} #text table.kat td.itogo {font-weight:bold; color:#ee2128; text-align:right; padding:6px 154px 10px 10px;} .butper {width:85px; height:21px; background:#CCCCCC no-repeat left top url(../images/perecf.gif); color:#FFFFFF; font-size:11px; line-height:11px; border:0; cursor:pointer;} .otpr{width:85px; height:21px; background:#CCCCCC no-repeat left top url(../images/otprf.gif); color:#FFFFFF; font-size:11px; line-height:11px; border:0; cursor:pointer;} /*katalog2*/ #text ul.katalog {width:100%; padding-top:10px; margin-left:0px;} #text .katalog li {display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 24px 3px 0px; background:0; padding:0px; } .ie6 #text .katalog li {float:left; height:186px; overflow:hidden;} .ie6 #text .katalog li div {float:left; display:block !important;} .ie7 #text .katalog li {display:inline;} .katalog li img { margin-bottom:4px;} .katalog li span { display:block; line-height:14px; width:150px; padding-bottom:8px; font-weight:bold; padding-left:1px;} .katalog li a { color:#144a5e;} /*rez poiska*/ .po {margin-bottom:14px; color:#d6143d; font-size:14px; font-weight:bold; } .po span {color:#d6143d;} p.razpo {margin-bottom:14px; color:#000000; font-size:14px; font-weight:bold; } p.naires {margin-bottom:14px;} .content .rezpo {margin-bottom:15px;} .content .rezpo li {margin-bottom:5px;} .rezpo li a {color:#d6143d; } .content .rezpo2 {margin-bottom:15px;} .rezpo2 li div {display:block; background:0;margin-bottom:3px; } .rezpo2 li div a {color:#d6143d; } .rezpo2 li p {margin-bottom:0px;} /*avtorizaciy*/ .avtoriz {width:187px; height:125px; margin:0px 0px 20px 33px; } .avtoriz div {float:left;} .avtoriz .top {display:block; padding:0px 0px 7px 0px; color:#000000; font-size:14px; font-weight:bold; text-align:right;} .avtoriz .login, .avtoriz .password {clear:left; width:49px; padding:8px 0px 10px 0px; } .avtoriz input.i-login, .avtoriz input.i-password {width:132px; margin:5px 0px 5px 0px;} .avtoriz .reg {padding:0px 0px 0px 49px; clear:left; margin-top:-7px; width:88px; } .ie6 .avtoriz .reg {padding-left:52px; margin-top:-5px;} .avtoriz .reg a {color:#000000; font-size:11px;} .avtoriz .reg p {margin-bottom:5px; } .avtoriz input.button {width:48px; height:21px; float:right; margin:-3px 0px 0px 0px; } .ie6 .avtoriz input.button {margin:-2px 0px 0px 0px; } .ie6 .avtoriz {width:190px;} /*dow price*/ .dowprice {margin:0px 0px 21px 10px; } .dowprice h1 {color:#FFFFFF; padding-top:5px;} .pricezg {padding:1px 53px 6px 6px; margin-bottom:-14px; background:no-repeat right top url(../images/mr-price.gif); width:68px; } .dowprice a {display:block; width:172px; padding:23px 2px 23px 65px; color:#75d1f1; font-size:12px; font-family:Tahoma; } a.dow-exl {background:no-repeat 6px top url(../images/dwl-exl.gif); } a.dow-rar {background:no-repeat left top url(../images/dwl-rar.gif); } a.dow-pdf {background:no-repeat left 1px url(../images/dwl-pdf.gif); } /*search*/ .search {width:250px; height:54px;padding-top:0px; margin-bottom:3px;} .search {background:no-repeat left bottom url(../images/searchfon.jpg); } .search div {float:left;} .search-left {padding:3px 9px 0px 16px; _padding-top:5px; color:#FFFFFF; font-size:12px;font-weight:bold; } .search-center {padding-top:0px;} .search-right {padding:0px 0px 0px 6px; _padding-top:1px;} .search-center input.text {width:115px; height:17px; border:1px solid #436692; } .search-right input.button {width:50px; height:21px;cursor:pointer;} .search-right input.button {background:no-repeat left top url(../images/searf.png); border:0;} .search2 {width:199px; height:36px;} .search2 div {float:left;} /*kardinfo*/ .kardinfo {height:27px; position:absolute; right:-10px; top:-31px; _width:455px; } .kd-left {float:left; width:7px; height:27px; background:no-repeat left top url(../images/kdfon-left.gif); margin-right:-7px; } .kd-ctnter {margin:0px 7px 0px 7px; padding-right:8px; height:27px; background:repeat-x left top url(../images/kdfon-center.gif); } .kd-right {float:right; width:7px; height:27px; background:no-repeat left top url(../images/kdfon-right.gif); margin-left:-7px; } a.kardznak {float:left; display:block; width:31px; height:23px; margin:2px 12px 0px 0px; background:no-repeat left top url(../images/kardznak.gif); } .kd-ctnter div {padding:5px 0px 3px 9px; white-space:nowrap; } .ffox .kd-ctnter div {margin-right:28px;} .kd-ctnter div a {color:#000000; } .kd-ctnter span {padding:0px 0px 0px 28px; color:#b40600; white-space:nowrap; } .kd-ctnter span span.price_total{font-size:12px; font-weight:bold;} .kd-ctnter.fright {margin-bottom:-30px; } .safari .kd-ctnter div {padding:5px 39px 3px 9px; white-space:nowrap;} /*docdow*/ ul.docdow {margin-left:11px; } ul.docdow li {line-height:11px; padding-bottom:3px;} /*- INC -*/ .botcont, .botcont input { width: 85px; box-sizing: border-box; } .check-box { display: inline-block; cursor: pointer; } .wrapPrivacy { margin-bottom: 10px; } /* web-analitica */ .web-analit { box-sizing: border-box; display: block; opacity: 0; position: fixed; z-index: 10000; left: 50%; margin-left: 30px; bottom: 80px; align-items: center; width: 94%; max-width: 340px; background-color: #d5f7f9; padding: 12px 18px; transition: opacity linear 300ms; box-shadow: 0px 0px 6px rgba(0,0,0,0.27); border-bottom: 2px solid #0039ba; border-radius: 5px; } @media screen and (max-width: 768px){ .web-analit { right: auto; left: 50%; transform: translateX(-50%); } } .web-analit__show { display: block; opacity: 1; transition: opacity linear 300ms; } .web-analit_cont { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .web-analit_text { font-size: 12px; line-height: 1.45; color: #000; text-align: justify; padding-bottom: 15px; } .web-analit_text a { color: #000; text-decoration: underline; } .web-analit_text a:hover { text-decoration: none; } .web-analit_button { width: 100%; height: 30px; font-size: 14px; line-height: 11px; padding: 4px 10px; color: #fff; background: linear-gradient(#7dc7f1, #3285d2); border: 1px solid #3285d2; border-radius: 3px; cursor: pointer; } .web-analit_start { background-color: #e1e1e1; padding: 3px 18px; color: #000; position: fixed; right: 3.1%; bottom: 2px; border-bottom: 2px solid #941e47; border-radius: 5px; cursor: pointer; opacity: 0; } .web-analit_start:hover { text-decoration: underline; } .footer-bottom { padding-left: 10px; padding-right: 10px; clear: both; display: flex; justify-content: space-between; align-items: center; margin: 0 120px; } @media screen and (max-width: 768px){ .footer-bottom { flex-direction: column; justify-content: center; align-items: center; padding-bottom: 20px; margin: 0 0px; } } .ps-link, .ps-link:hover, .ps-link:visited { color: #333; font-size: 12px; } .ps-link { text-decoration: underline; } .ps-link:hover { text-decoration: none; } /* /web-analitica */