﻿html, body {background: #FFFFFF url(/images/bg.jpg) no-repeat 50% 0;font: 0.777em/150% Verdana, Geneva, Arial, Helvetica, sans-serif;margin: 0;padding: 0;height: 100%;margin: 0;padding: 0;height: 100%;}
html.ng, html.ng >body {background: none;}
html.ng >body {background: url(/images/merry-christmas.jpg) no-repeat fixed 0 0;background-size: 100% auto;}
html.ng >body >#wrapper{background-color: #FFFFFF;-moz-box-shadow: 0 0 10px #000000;-webkit-box-shadow: 0 0 10px #000000;box-shadow: 0 0 10px #000000;padding: 0 1em;}
html.ng >body >.footer{padding: 0 1em 1em;z-index: 20;}
html.ng >body >#wrapper >#header {margin: 0 -1em;}

body{overflow-y:scroll;}
img {border:0;}
fieldset {margin: 0;padding: 0;border: 0;}
p {margin: 0.9em 0;}
h1 {color: #4571AE;font-size: 1.5em;font-weight: normal;margin: 0 auto 1em;padding: 1em 0 0;text-transform: uppercase;}
.crumbs +h1 {background: url(/images/pic.jpg) no-repeat 0 1em;border-top: 1px solid #7CA6CE;padding: 1em 0 0 24px;}
.crumbs +#catalog_form +h1 {border-top:2px solid #93c1de; margin: 2em auto 1em;}
h2 {color: #5E7CCC;font-size: 1.6em;font-weight: normal;margin: 0 auto 1em;padding: 1em 0 0;text-transform: uppercase;text-align:center;}
h3 {color: #393939;font-size: 1.1em;font-weight: normal;margin: 0 auto 1em;padding: 1em 0 0;text-transform: uppercase;}
a {color: #6E6E6E;text-decoration: underline;transition: all 0.5s ease 0s;}
a:hover {color: #929292;text-decoration: none;}
button::-moz-focus-inner {padding:0;border:0;}
table {border-collapse: collapse; width: 100%;}
th {padding: 10px; text-align: center; color: #4571AE;}
td {padding: 5px; text-align: center;}
td:first-child {text-align: left;}
.inline-block {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

/*Стили шапки*/
#wrapper {background: url(/images/bgsh.png) repeat-x 0 0;line-height: 16px;margin:0 auto;width:982px;position:relative;z-index: 20;}
#wrapper.home #header{margin: 0 0 2em;}
#wrapper.home .content{padding: 0 0 2em;}
#header {border: 1px solid #EAEAEA;border-top: 0;height:134px;position: relative;}
#header:after{background: url(/images/ugol.png) repeat-x 0 0;bottom: 23px;content: " ";height: 23px;position: absolute;left: 0;width: 19px;}
#logo {background: url(/images/logo.png) no-repeat 50% 0;color: #1D3E6B;font-size: 1.4em;left: 28px;padding: 75px 0 0;position: absolute;text-decoration: none;text-transform: uppercase;top: 9px;}
#logo:hover {color: #566E90;text-decoration: none;}
#phone {background: url("/images/phone.png") no-repeat 0 0; color: #575859; font-size: 18px; line-height: 24px; padding: 0 0 0 30px; position: absolute; right: 38px; top: 25px;}
#tmenu {float: right;margin: 59px 0 0;padding: 0 2em 4px 0;position: relative;}
#tmenu:after{background: url(/images/ugol.png) repeat-x 0 -23px;bottom: 0;content: " ";height: 23px;position: absolute;right: 0;width: 19px;}
#tmenu >li{float: left;height: 47px;line-height: 64px;list-style: none;list-style-type: none;margin: 0 1em;padding: 0 0.6em;position: relative;}
#tmenu >li >a{color: #646464;font-size: 1.1em;text-decoration: none;text-transform: uppercase;}
#tmenu >li >a:hover{color: #4571AE;}
#tmenu >li.tact{background-color: #C1C1C1;}
#tmenu >li.tact a{color: #FFFFFF;}
#tmenu >li.tact:after{border-top: 20px solid #FFFFFF;border-right: 20px solid transparent;content: " ";height: 0;left: 0;position: absolute;top: 0;width: 0;}
/*Стили контента*/
.content {background-color: #FFFFFF;overflow: hidden;padding: 2em 0;}
/*Стили левой колонки*/
#left {background: url(/images/pages/p1.jpg) no-repeat 0 100%;border: 1px solid #E1EBF4;float: left;font-size: 1.2em;padding: 24px 0 150px;position: relative;width: 242px;}
#left:after {border-top: 20px solid #FFFFFF;border-right: 20px solid #E1EBF4;content: " ";height: 0;left: -1px;position: absolute;top: -1px;width: 0;}
#left ul#lmenu{margin: 0;padding: 0;}
#left ul#lmenu li{border-left: 4px solid transparent;list-style: none;list-style-type: none;padding: 6px 10px 0 6px;margin: 0 0 1px}
#left ul#lmenu li:hover{border-color: #C1C1C1;}
#left ul#lmenu li a{border-bottom: 1px dotted #E9E9E9;color: #565656;display: block;text-decoration: none;padding: 0 0 6px;}
#left ul#lmenu li a:hover{color: #919191;text-decoration: none;}
#left ul#lmenu li.lact a {color: #4571AE;}
#left ul#lmenu li.lact{border-color: #1D72B2;}
/*Стили центра*/
#center {color: #6E6E6E;font-size: 1.2em;margin: 0 0 0 260px;min-height: 226px;padding: 0;text-align: justify;}
#center.noleft {margin: 0;}
.crumbs{color: #7C7C7C;font-size: 0.95em;font-style: italic;left: 0;position: absolute;top: 112px;}
.crumbs a{color:#888888;text-decoration: none;}
.crumbs a:first-child{margin: 0 0 0 23px;}
.crumbs a:hover{color:#A6A6A6;text-decoration: none;}
.crumbs a.last span{color:#FF4E00;}
#center ul{margin: 0;padding: 0;}
#center ul li{background: url(/images/str.jpg) no-repeat 18px 9px;list-style: none;list-style-type: none;padding: 2px 0 2px 32px; text-align: left;}
/*контакты*/
.conblock {margin: 1.2em 0 0;overflow: hidden;}
.conmap {border: 1px solid #CCCCCC;float: left;height: 352px;overflow: hidden;padding: 4px;width: 652px;}
.conmap .ymaps-map {border: 1px solid #828282;}
.conmap .ymaps-copyrights-pane {display: none;}
.coninfo {float: right;width: 302px;}
.coninfo p {background: url("/images/conmap.jpg") no-repeat 4px 2px;border-top: 1px dotted #E9E9E9;color: #444444;margin: 0;padding: 0.9em 0 0.9em 34px;text-align: left;}
.coninfo p a{color: #444444;}
.coninfo p.conphn {background-position: 4px -37px;}
.coninfo p.contwk {background-position: 4px -110px;}
.coninfo p.conmail {background-position: 4px -73px;}
.coninfo p:first-child {border: 0;}
/*каталог*/
.clist {border: 1px solid #E2E1E1;float: left;margin: 1em 0 1em 6px;position: relative;text-align: center;text-decoration: none;width: 136px;}
.clist:first-child {margin-left: 0;}
.clist span{background-color: #ECECEC;color: #88A4CB;display: block;font-size: 0.9em;font-style: italic;height: 34px;line-height: 34px;position: relative;}
.clist span em{display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;line-height: 12px;padding: 4px 0 0;}
.clist:hover{border-color: #C3C3C3;}
.clist:hover span{background-color: #C3C3C3;color: #FFFFFF;}

#catalog_form {margin:0 0 10px 0; background:#BFD1E7 url('/images/form_bg.png') right top no-repeat; padding:10px 0 0 0; font-size:1em; color:#4A5054; text-align: center; position:relative; overflow:hidden;}
#catalog_form .l {border-left: 1px dotted #4a5054;    content: "";    height: 100%;    left: 50%;    position: absolute;    top: 47px;    width: 1px;    z-index: 10;}
#catalog_form .head {font-size:1.4em; text-align:center; font-weight:bold; color:#212121; margin: 0 0 10px;}
#catalog_form .block {width:45%; display:inline-block; text-align:center; margin:0; padding: 0 1%; vertical-align: top;}
#catalog_form .block .title {color:#1D72B2; font-style:italic; font-size:1.1em; font-weight:bold; line-height: normal;}
#catalog_form p {margin: 0 0 0.8em; line-height: 2em;}
#catalog_form .italic {font-style:italic;}
#catalog_form .big {font-size:1.4em;}
#catalog_form .bold {font-weight:bold;}
#catalog_form .black {color:#212121;}

#catalog_form #formsend {display: inline-block;margin:0px; padding:0px;}
#catalog_form #formsend .line {margin:0 0 14px 0; height: 23px; line-height:23px; text-align:right;}
#catalog_form #formsend a {text-decoration:none;}
#catalog_form #formsend label {padding:0 10px 0 0; width:75px; height: 23px; display: inline-block; position: relative;}
#catalog_form #formsend label sup {color: #ff4e00;}
#catalog_form #formsend label small {bottom: -19px; color: #ff4e00; position: absolute; left: 95px; z-index: 10; white-space:nowrap;}
#catalog_form #formsend input {border: 1px solid #C5C3C1; height:23px; width:215px; padding:0 5px; color: #4a5054;display: inline-block;vertical-align:top;outline:none;}
#catalog_form #formsend input.input_error {border: 1px solid #ff4e00;}
#catalog_form #formsend #order {width:auto; background-color:#323232; padding:0 23px; line-height:23px; border-radius:5px; color:#FFFFFF; border:0px; cursor:pointer;  margin: 0 0 10px;}
#catalog_form .message {color: #1d72b2;}

/*товары*/
.ltov {border-top: 1px solid #C0D5F2;padding: 0 1em;margin: 0 0 2px;}
.ltov:last-child {border-bottom: 1px solid #C0D5F2;}
.ltov h2{background: #E6EFF8 url("/images/point.jpg") no-repeat 12px 50%;color: #5E7CCC;font-size: 1.3em;margin: 0 -1em;padding: 0.6em 0 0.6em 28px;}
.ltov h2 + div{padding: 0 0 0 12px;}
.ltov h2 + div p:first-child{color: #393939;font-size: 13px;}
.dload {background: #F5F1F1 url(/images/pdf.jpg) no-repeat 24px 50%;border-top: 1px dotted #CECECE;height: 26px;line-height: 26px;margin: 0 -1em;padding: 0.5em 0 0.5em 54px;}
.dload a{color: #808080;text-decoration: underline;}
.dload a:hover{color: #A0A0A0;text-decoration: none;}
/*товары на seo страницах*/
.products {overflow: hidden;}
.products .item {border: 1px solid #e0e0e0; margin: 0 5px 5px 0; width: 232px; display: inline-block;}
.products .item .name {background-color: #e6eff8; height: 38px; line-height: 38px; overflow: hidden; padding: 0 5px; text-align: center;}
.products .item .name h2 {color: #5e7ccc; font-size: 12px; font-weight: normal; line-height: 18px; margin: 0; padding: 0; text-transform: uppercase;}
.products .item .image {height: 132px; line-height: 132px; overflow: hidden; text-align: center;}
.products .item .image img {vertical-align: middle;}
.products .item .description {background-color: #ececec; height: 34px; line-height: 34px; overflow: hidden; padding: 0 5px; text-align: center;}
.products .item .description span {color: #5e7ccc; font-size: 12px; line-height: 16px;}
.products .item .instruction {background-color: #f5f1f0; border-top: 1px dotted #808080; height: 34px;}
.products .item .instruction a {background: url("/images/pdf.jpg") no-repeat 5px 50% #f5f1f1; color: #808080; display: block; height: 34px;line-height: 34px; padding: 0 0 0 40px; text-align:left;}
.products .item .instruction a span {text-decoration: underline;}
.products .item .instruction a:hover span {color: #a0a0a0; text-decoration: none;}
.products .item .buy, .products .item .know_price {color: #ffffff; cursor: pointer; display: block; font-size: 12px; height: 36px; line-height: 36px; margin: 0 2px 2px; overflow: hidden; padding: 0 0 0 30px; text-align: center; text-decoration: none;}
.products .item .buy span, .products .item .know_price span {line-height: 16px;}
.products .item .buy {background: url("/images/buy.png") no-repeat 0 50% #ee885d; }
.products .item .buy:hover {background-color: #ff4e00;}
.products .item .know_price {background: url("/images/know_price.png") no-repeat 0 50% #4571AE;}
.products .item .know_price:hover {background-color: #005baa;}
/*Стили футера*/
div.clear {clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
div.footer {height:112px;}
div.footer {background-color: #FFFFFF;margin:0 auto;position:relative;text-align:left;width:982px;}
#countr {float: right;margin: 0 0.3em 0 1em;padding-top: 1.4em;}
#countr img {margin: 0 3px;vertical-align: middle;}
#copyr {color: #7F7F7F;float: left;font-size: 1.1em;padding: 16px 0 0 0.3em;}
#nlink {color: #7F7F7F;font-size: 1.1em;padding: 0 0 0 1.7em;}
#nlink a{color: #7F7F7F;text-decoration: none;}
#nlink a:hover{color: #9F9F9F;text-decoration: underline;}

/*Нижнее меню для продвижения*/
#seo_menu {border-bottom: 1px dotted #c2c2c2; padding: 0 0 10px; width: 100%;}
#seo_menu ul {list-style: none; margin: 0; padding: 0;}
#seo_menu > ul {border-top: 1px solid #7ca6ce; margin-top: 25px; position: relative;}
#seo_menu > ul > li {float: left; height: 25px; width: 25%; position: relative;}
#seo_menu > ul > li:hover {background-position: 0 -25px;}
#seo_menu > ul > li.header {border-bottom: 1px solid #6e6e6e; left: 0; position: absolute; top: -26px;}
#seo_menu > ul > li.header + li {margin-left: 25%;}
#seo_menu > ul > li > span {background: url("/images/m_arrow.jpg") no-repeat 0 0; color: #6e6e6e; cursor: pointer; display: block; padding: 0 0 0 13px; line-height: 25px;}
#seo_menu > ul > li.header > span {background: none; cursor: default;}
#seo_menu > ul > li > .warp {padding: 0 0 7px; display: none; bottom: 25px; left: 0; position: absolute; width: 230px; z-index: 1001;}
#seo_menu > ul > li:hover > .warp {display: block;}
#seo_menu > ul > li > .warp > ul {background-color: #ffffff; border: 1px solid #7ca6ce;  padding: 5px 0;}
#seo_menu > ul > li > .warp > ul > li {line-height: 20px; margin: 0 10px;}
#seo_menu > ul > li > .warp > ul > li > a {background: url("/images/m_arrow2.jpg") no-repeat 0 50%; color: #171717; padding: 0 0 0 7px; text-decoration: none;}
#seo_menu > ul > li > .warp > ul > li > a:hover {color: #4571ae; text-decoration: none;}