@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,cyrillic);
html {width:100%; height:100%;}
body {padding:0;margin:0;height:100%;}
* {font-family:'Open Sans', sans-serif; color:#222;font-size:14px;font-weight:normal;line-height:1.4;}
a {text-decoration:underline;cursor:pointer; color:#075f9c;}
a:hover {color:#da5005;}


/* reset */
form, input, textarea {margin:0 !important;padding:0;color:#000;}
table {border:0px;border-collapse:collapse;border-spacing:0;}
th, td {padding:0px;text-align: left;font-weight: normal;vertical-align:top;}
:focus {outline: 0;}
ul {list-style:none; line-height:1.6; padding:0 0 7px 0; margin:0 0 7px 0;}
ul li { position:relative; margin-left:13px; padding:0 0 3px 30px; background-image:url(../data/li.gif); background-repeat:no-repeat; background-position:17px 9px;}
img {border:0 !important;}
sup {font-size:10px;}
b, b *, strong, strong * {font-weight:bold;}
i, i *, em, em * {font-style:italic;}
p {padding:0 0 7px 0 !important;margin:0 !important; }
input.itext, textarea {font-size:14px}
h1, h2, h3, h4, h5, h6 {margin:0 !important; padding:0 0 6px 0 !important; line-height:1; font-weight:bold;}
h1 {padding:0 0 31px 0 !important;}
h1, h1 * {font-size:22px !important;}
h2 {padding:13px 0 11px 0 !important;}
h2, h2 * {font-size:18px !important;}
h1 a, h2 a { color:#84b94d !important;}
h3 {padding:20px 0 16px 0 !important;}
h3, h3 * {font-size:16px !important;}
h4 {padding:11px 0 8px 0 !important;}
h4, h4 * {font-size:14px !important;}
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first { padding-top:0 !important;}

/* page */

form input::-ms-clear {display:none;}
form.form .inp {padding:0 0 7px 0; position:relative;}
form.form .inp .l {padding:0 12px 0 0; position:relative;}
form.form .inp font {color:#F00; font-size:12px;}
form.form .t {padding:0 0 2px 0; font-size:11px;}
form.form .t.error {color:#F00;}
form.form .t.ok {color:#06C;}
form.form input.ftext { width:60%;}
form.form .ps { font-size:10px; color:#444 !important;}
form.form textarea { width:80%; height:120px;}
form.form .comment { padding-bottom:12px; font-size:12px;}
form.form .comment font {color:#F00;}
form.form select {width:auto;}
form.form select, form.form select * { color:#000;}
form.form .button {padding-top:6px;}
form.form .rad { padding-top:2px;}
form.form .rad * { font-size:11px; color:#444;}

#body {position: relative; width: 100%; text-align: center; min-height:100%;}
#body:after {content:''; display:block;}
.bodywidth {width:960px; position: relative; padding:0 11px; margin: 0 auto; text-align: left; z-index:1;}
#bm {position:relative;text-align:left; z-index:1002; width: 960px; padding:0 11px; margin: 0 auto; text-align: left;}

/* footer height */
#body:after {height:277px;}
#bm {height:277px; margin-top:-277px;}

.option-error #body:after {height:0;}

/* page */
.clear {clear:both;}
.relative {position:relative;}
.floatl { float:left;}

.main-image {position:absolute; left:0; top:118px; width:100%; overflow:hidden;}
#main-image {width:100%; min-width:1000px; height:233px; overflow: hidden; position: relative;}

.bgtop {position:absolute; left:0; top:0; width:100%; height:118px; background-color:#fafafa;}
.bgbot {position:absolute; left:0; top:100%; margin-top:-227px; width:100%; height:135px; background-color:#f7f7f7;}

.select-but {position:fixed; left:2px; top:291px; width:34px; height:183px; background:url(../data/select-but.gif) no-repeat; cursor:pointer; z-index:1003;}
.select-but:hover {background-position:-34px 0;}

#head {position: relative; width:100%; height:118px; margin-bottom:18px;}
#head .tel {font-size:20px;position:absolute; left:326px; top:34px;}
#head .tel .phonefree { display: block; font-size: 10px; color: #000;}
#head .contacts {position:absolute; left:785px; top:34px;}
#head .contacts div a {font-size:12px;}

#head .partners {position:absolute; left:518px; top:27px; width:280px; clear:both;}
#head .partners:after { clear:both; content:''; display:block;}
#head .partners .one {width:140px; position:relative; float:left; font-weight:bold; font-size:10px; color:#bababa;}
#head .partners .one div {font-size:12px; color:#000; font-weight:bold;}

#head .skype-but {position:absolute; top:39px; left:741px; width:171px; height:35px; line-height:2.4; padding-left:47px; background:url(../data/buttons.jpg) no-repeat; cursor:pointer; display:block; text-decoration:none; color:#222;}
#head .skype-but:hover {background-position:-218px 0;}

.option-main #head, .option-error #head {height:351px;}

#logo {position:absolute; top:39px; left:0; width:205px; height:44px; background:url(../data/logo.gif) no-repeat; display:block;}

.fs12 td, .fs12 td * {font-size:12px;}
.fs12 td, .fs12 th {font-size:12px; padding:7px 25px 6px 12px;}
.single-col .left {width:100% !important;}

#mmenu {position:relative; left:235px; width:725px; clear:both; margin-bottom:50px;}
#mmenu:after { clear:both; content:''; display:block;}
#mmenu .par {float:right; position:relative; padding-left:40px; color:#8b8b8a;}
#mmenu .par, #mmenu .par a {text-transform:uppercase;}
#mmenu .par a {color:#222; text-decoration:none;}
#mmenu .par a:hover {color:#365f99;}
#mmenu .request-but {position:absolute; left:-235px; top:-4px; width:168px; height:35px; background:url(../data/buttons.jpg) no-repeat; background-position:0 -35px; cursor:pointer;}
#mmenu .request-but span {color:#fff; font-weight:bold; border-bottom:1px dashed #fff; margin-left:39px; line-height:2; position:relative;}
#mmenu .request-but div {position:absolute; left:14px; top:9px; width:16px; height:16px; background:url(../data/icon-plus.png) no-repeat;}
#mmenu .request-but:hover {background-position:-168px -35px;}

.main-sep {width:100%; height:38px; position: relative; overflow:hidden; background:url(../data/sep.gif) no-repeat; background-position:center top; z-index:1;}

.caption {padding-bottom:2px;}
.caption a {font-size:22px;}

#sorting {position:relative; width:960px; padding-bottom:54px;}
#sorting .tabs {position:relative; width:960px; clear:both; height:56px; margin-bottom:3px; z-index:1;}
#sorting .tabs:after { clear:both; content:''; display:block;}
#sorting .tabs .one {position:absolute; cursor:pointer; top:0;}
#sorting .tabs .one div {float:left; background:url(../data/tabs.png) no-repeat; height:56px;}
#sorting .tabs .one .l-end, #sorting .tabs .one .r-end {width:29px;}
#sorting .tabs .one .l-end {background-position:-29px 0;}
#sorting .tabs .one .center {background-repeat:repeat-x; background-position:0 -56px; font-size:18px; width:194px; text-align:center; line-height:3; text-shadow:0 1px rgba(255,255,255, 0.75);}
#sorting .tabs .sel .r-end {background-position:0 -112px;}
#sorting .tabs .sel .l-end {background-position:-29px -112px;}
#sorting .tabs .sel .center {background-position:0 -168px;}

#sorting .box {position:relative; width:960px; background-color:#fafafa; padding:40px 0; z-index:1; border-bottom:1px solid #ebebeb; border-bottom-left-radius:16px; border-bottom-right-radius:16px; -webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius:16px; -moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px;}
#sorting .box .item {display:none;}
#sorting .box .inp {position:relative; width:650px; height:63px; left:155px; background:url(../data/inputs.gif) no-repeat; margin-bottom:10px;}
#sorting .box .inp .name {position:absolute; left:39px; top:13px; font-size:22px; font-weight:bold;}
#sorting .box .selector {position:absolute; left:335px; top:8px; width:310px; background:url(../data/inputs.gif) no-repeat; padding:4px; height:51px; background-position:0 -260px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#sorting .box select {opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size:18px; position:absolute; height:65px; left:0; top:-8px; width:315px; /*z-index:10*/}
#sorting .select-width-fix {border-bottom:41px solid #000 !important;}
#sorting .box .selector span {font-size:18px; line-height:2;}
#sorting .box .button {position:relative; width:650px; height:63px; left:155px; background:url(../data/inputs.gif) no-repeat; background-position:0 -130px; font-size:22px; font-weight:bold; text-align:center; line-height:2.6; text-shadow:0 1px rgba(255,255,255, 0.70); cursor:pointer;}
#sorting .box .disabled {background-position:0 -65px;}
#sorting .box .disabled .selector {background-position:-313px -260px;}
#sorting .box .disabled-but {background-position:0 -195px; color:#bababa; cursor:default;}

#sorting .remark {position:relative; width:600px; text-align:right; font-size:10px; left:155px; padding-top:3px;}
#sorting .bot-end {position:relative; width:960px; height:16px; background:url(../data/inputs.gif) no-repeat; background-position:0 -318px;}

#sorting .preload {position:absolute; left:0; width:100%; top:21px; text-align:center; z-index:2;}

.brands {position:relative; width:100%; clear:both; padding-bottom:45px;}
.brands:after { clear:both; content:''; display:block;}
.brands .inf {width:315px; position:relative; float:left; margin-right:80px;}
.brands .banners {width:565px; float:left; position:relative; height:127px;}
.brands .banners .images {position:relative; width:500px; height:127px; overflow:hidden;}
.brands .banners .images img {position:absolute; left:500px; top:0;}
.brands .banners .l-but, .brands .banners .r-but {position:absolute; left:-26px; top:56px; width:16px; height:16px; background:url(../data/but-ban.gif) no-repeat; cursor:pointer; display:none;}
.brands .banners .r-but {background-position:0 -16px; left:510px;}

.brands .allbanners {width:565px; float:left; position:relative;}
.brands .allbanners img {margin:0 10px 6px 0;}

.banner {padding-bottom:40px; position:relative; width:100%;}

.orders {position:relative; width:755px; clear:both; padding-bottom:18px;}
.orders:after { clear:both; content:''; display:block;}
.orders .item {position:relative; width:220px; float:left; margin:0 40px 29px 0; height:177px;}
.orders .item .border, .orders .item a {z-index:2; display:block; position:absolute; left:-11px; top:0; width:242px; height:177px; background:url(../data/border.png) no-repeat;}
.orders .item a {background:url(../data/x.gif) repeat; z-index:4;}
.orders .item .name {position:absolute; top:90px; left:0; width:220px; z-index:3;}
.orders .item .name table {width:220px; height:70px;}
.orders .item .name table, .orders .item .name table * {color:#fff; font-weight:bold;}
.orders .item .name td {font-size:16px; text-align:center; vertical-align:bottom;}
.orders .item .name td div {font-size:10px; padding-top:1px;}

.orders {width:845px; left:115px;}
.orders .item {margin:0 60px 18px 0;}

.right .orders {width:755px; left:0;}
.right .orders .item {margin:0 40px 29px 0;}

.blog {position:relative; width:755px; clear:both; padding-bottom:68px;}
.blog:after { clear:both; content:''; display:block;}
.blog .item {position:relative; width:220px; float:left; margin:0 30px 18px 0;}
.blog .item span {display:block;}
.blog .item .image {position:relative; width:220px; padding-bottom:3px;}
.blog .item .border {z-index:2; display:block; position:absolute; left:-11px; top:0; width:242px; height:81px; background:url(../data/border-blog.png) no-repeat;}
.blog .item a * {color:#075f9c;}
.blog .item a:hover .msg {color:#da5005;}
/*.blog .item .image a {background:url(../data/x.gif) repeat; z-index:4;}*/
.blog .item .date {position:relative; padding-left:25px; background:url(../data/calc.gif) no-repeat; font-size:12px; color:#888; margin-bottom:9px;}
.blog .sep {position:relative; clear:both; width:100%; height:18px;}

.option-main .blog {left:115px; width:845px; padding-bottom:18px;}
.option-main .blog .item {margin:0 60px 18px 0;}

.main-about {position:relative; width:770px; left:115px;}

#content {position:relative; width:978px; clear:both;}
#content:after {content:''; clear:both; display:block;}
#content .left, #content .right {float:left; position:relative;}
#content .left {width:205px; min-height:100px;}
#content .right {width:755px;}

.add-menu {position:relative; width:168px;}
.add-menu div, .add-menu a {padding:6px 14px; margin-bottom:1px; font-size:12px; font-weight:bold; text-decoration:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.add-menu div {border:1px solid #e12e2c; background-color:#e12e2c; color:#fff;}
.add-menu a {background-color:#f7f7f7; color:#365f99; border:1px solid #f1f0f0; display:block;}
.add-menu a:hover, .add-menu .capt {background-color:#e75050; color:#fff ; border:1px solid #e75050;}
.add-menu .par:first-child, .add-menu .capt {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}
.add-menu .par:last-child {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}

.crumbs {position:relative; padding-bottom:11px;}
.crumbs a {font-weight:bold;}

.text {position:relative; padding-bottom:40px;}
.text .date {font-size:12px; font-style:italic; margin-top:-19px; padding-bottom:5px;}
.text .citation {font-style:italic;}
.text .gal {padding-bottom:14px;}
.content-once-image {margin:8px 0 17px 0; border:1px solid #e8e8e8 !important;}

.content-table {position:relative; margin:21px 0; border-collapse: separate;}
.content-table td, .content-table th {padding:10px 50px 6px 16px; border:1px solid #e8e8e8; vertical-align:middle;}
.content-table tbody tr:last-child td:first-child {-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;}
.content-table  tbody tr:last-child td:last-child {-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;}
.content-table tbody tr:first-child th:first-child {-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;}
.content-table  tbody tr:first-child th:last-child {-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;}
.content-table tbody tr th:first-child, .content-table tbody tr td:first-child {border-left:2px solid #e8e8e8;}
.content-table tbody tr th:last-child, .content-table tbody tr td:last-child {border-right:2px solid #e8e8e8;}
.content-table tbody tr:last-child td {border-bottom:2px solid #e8e8e8;}
.content-table th {background-color:#fcfcfc; border-top:2px solid #e8e8e8;}

.skype-but {position:relative; margin:3px 0 2px 0; width:171px; height:35px; line-height:2.4; padding-left:47px; background:url(../data/buttons.jpg) no-repeat; cursor:pointer; display:block; text-decoration:none; color:#222;}
.skype-but:hover {background-position:-218px 0;}

.link-map {position:relative; padding-left:21px; margin-bottom:15px; clear:both; width:100%;}
.link-map:after { clear:both; content:''; display:block;}
.link-map div {float:left; cursor:pointer;}
.link-map span {position:relative; color:#075f9c; border-bottom:1px dotted #075f9c;}
.link-map .icn {position:absolute; border-bottom:none; display:block; width:16px; height:15px; left:0; top:3px; background:url(../data/icon-map.gif) no-repeat;}
.link-map .sel span {color:#bababa; border-color:#bababa;}
.link-map .sel .icn {background-position:0 -15px;}

#map {width:755px; height:370px; margin-bottom:16px; display:none; position:relative;}
.mcapt {margin-bottom:8px; font-weight:bold; color: #444; font-size:18px;}
.mimage {margin-bottom:4px;}
.mbm { font-size: 12px; color: #444;}
#map .close {position:absolute; left:706px; top:8px; width:41px; height:41px; background:url(../data/close-map.png) no-repeat; z-index:1; cursor:pointer;}
#map .close:hover {background-position:0 -41px;}

#forma {position:relative; width:720px; background-color:#fafafa; padding:22px 0 28px 0; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-bottom:1px solid #ebebeb; margin-bottom:100px;}

#forma form {padding:0 30px;}
#forma .capt {font-size:18px; font-weight:bold; padding-bottom:28px;}
#forma .inp {position:relative; padding-bottom:7px; font-weight:bold; left:84px;}
#forma .inp .name {position:relative; padding-bottom:2px; font-weight:bold; left:12px; color:#bababa;}
#forma .star {color:#e12d2d;}
#forma .itext, #forma textarea {position:relative; width:492px; border:1px solid #d9d9d9; padding:4px;}
#forma .itext {height:47px;}
#forma textarea {height:127px; overflow:hidden; resize:vertical;}
#forma .button {text-align:center; padding-top:16px; left:0;}
#forma .button div {cursor:pointer; padding:0 11px; height:37px; display:inline-block; background-color:#ebda37; line-height:1.8; font-size:18px; font-weight:bold; text-shadow:0 2px rgba(255,255,255, 0.75);}
#forma .button .disabled {cursor:default; background-color:#dedede; color:#bababa;}

#forma .itext, #forma textarea, #forma .button div {border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#forma .button div {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.win-close {position:absolute; left:913px; top:10px; width:37px; height:37px; background:url(../data/close.gif) no-repeat; z-index:2;}

.popup {background-color:#fafafa; padding-top:34px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; box-shadow:0 1px rgba(0,1,1, 0.08); -webkit-box-shadow:0 1px rgba(0,1,1, 0.08); -moz-box-shadow:0 1px rgba(0,1,1, 0.08);}
.popup #sorting {padding:40px 0 0 0; border-bottom:none;}
.popup #sorting .bot-end {display:none;}
.popup #sorting .preload {top:5px;}

.popup #forma {left:121px; padding:0 0 28px 0;}
.popup #forma .capt {text-align:center; font-size:24px;}

.option-error #logo {left:377px; background-position:0 -44px;}
.error {text-align:center; font-size:40px; font-weight:bold; /*top:164px;*/}
.error div {padding-top:40px;}
.error div a {font-size:24px; font-weight:bold;}

/**/
#bm .bm_in {position:relative; top:50px;}
#bm, #bm * {font-size:10px;}
#bm .copy {position:relative; left:0; padding-top:51px; width:306px;}
#bm .copy div {position:relative; width:149px; height:17px; background:url(../data/logo-bm.gif) no-repeat; margin-bottom:5px;}
#bm .milax {position:absolute; left:755px; top:50px; width:205px; text-align:right;}
#bm .menu {position:absolute; left:315px; width:440px; top:50px;}
#bm .menu .col {position:relative; float:left; padding-right:52px;}
#bm .menu .col a, #bm .menu .col div {text-transform:uppercase; color:#222; text-transform:uppercase; text-decoration:none;}
#bm .menu .col a:hover {color:#365f99;}
#bm .menu .col div {padding-bottom:9px;}
/*#bm .contacts {position:absolute; left:336px; width:588px; top:0; font-style:italic;}*/
/*#bm .contacts p {font-style:normal; padding:12px 0 11px 0 !important;}*/

.pagegallery { width: 100%; position: relative; clear: both;}
.pagegallery:after {content: ""; display: block; clear: both;}
.pagegallery .pagegallery-item { float: left; margin: 0 2px 2px 0;}

.fullwidth-dmenu { margin-bottom: 14px; position: relative;}
.fw-dmenu-item { display: inline-block; margin: 0 30px 10px 0; font-weight: bold;}