/*@import 'core/core.css';*/
@import 'MCEstyle.css';




:active, :focus, a, img { outline: 0; outline-style: none;}

body {background: #0f0b00;}


div#page { width: 1517px; height: 1800px; position: absolute; margin-left: -758px; left: 50%; background: url('/img/bg.jpg');}

div#layout { width: 987px; margin: 0px auto;}

div#layout div#header {width: 987px; height: 150px; position: relative; z-index: 20;}

div#layout div#header div.logo {width: 594px; height: 100px; position: absolute; top: 0; left: 0; z-index: 0;}
div#layout div#header div.logo a {display: block; width: 594px; height: 100px; background: url('/img/logo.png') no-repeat;}
div#layout div#header div.contact {position: absolute; top: 0; right: 7px; width: 325px; height: 150px; overflow: hidden;}
div#layout div#header div.contact table {float: right;}
div#layout div#header div.contact p {margin: 0px; padding: 0px;}
div#layout div#header div.contact p.tel {font-size: 24px; color: #fff; font-weight: bold; margin-top: 30px;}
div#layout div#header div.contact p.address {font-size: 12px; color: #b6b0a1; text-align: right; margin-top: 30px;}
div#layout div#header div.contact p.address a {color: #c65027; font-style: italic;}

div#layout div#header div.seo {position: absolute; top: 60px; left: 142px; width: 500px; height: 40px; overflow: hidden;}
div#layout div#header div.seo p {font-size: 12px; color: #b6b0a1; padding: 0px; margin: 0px;}

div#layout div#header div.top-menu {position: absolute; left: 0; top: 105px; z-index: 100;}
div#layout div#header div.top-menu ul {list-style: none; height: 45px;}
div#layout div#header div.top-menu ul li {float: left; width: 129px; height: 45px; margin-right: 5px; text-align: center; line-height: 45px; font-size: 12px; color: #d7cc9f; font-weight: bold; position: relative; background: url('/img/menu.png') no-repeat;}
div#layout div#header div.top-menu ul li.selected,
div#layout div#header div.top-menu ul li:hover {background: url('/img/menu-s.png') no-repeat; color: #fff;}
div#layout div#header div.top-menu ul li.selected a {color: #fff;}

div#layout div#header div.top-menu ul li a {font-size: 12px; color: #d7cc9f; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 129px; height: 45px; display: block;}
div#layout div#header div.top-menu ul li a:hover {font-size: 12px; color: #fff; text-decoration: none; font-weight: bold;}

div#layout div#header div.top-menu ul li ul {display: none;}
div#layout div#header div.top-menu ul li ul li ul {display: none;}
div#layout div#header div.top-menu ul li ul li {float: none;}
div#layout div#header div.top-menu ul li:hover ul {display: block; position: absolute; left: 0; top: 100%; height: auto; opacity: 0.9; filter: alpha(opacity=90); }
div#layout div#header div.top-menu ul li:hover ul li {margin-top: 1px; text-align: left; padding-left: 10px; background-image: none; background-color: #e45927; height: 34px; width: 186px; line-height: 34px; position: relative;}
div#layout div#header div.top-menu ul li:hover ul li a {width: 186px; height: 34px; display: block; color: #d7cc9f;}
div#layout div#header div.top-menu ul li:hover ul li a:hover {color: #fff;}
div#layout div#header div.top-menu ul li:hover ul li:selected {background: none;}
div#layout div#header div.top-menu ul li:hover ul li ul {display: none;}
div#layout div#header div.top-menu ul li ul li:hover ul {display: block; position: absolute; left: 196px; top: 0px;}
div#layout div#header div.top-menu ul li ul li:hover ul li {margin-left: 1px;}


div#layout div#content {z-index: 10; position: relative;}
div#layout div#content div.t {width: 987px; height: 10px; background: url('/img/main-t.png') no-repeat;}
div#layout div#content div.c {width: 987px; background: url('/img/main-c.png') repeat-y;}
div#layout div#content div.c div.c {width: 972px; background: url('/img/main-cc.png') no-repeat; padding-left: 15px;}
div#layout div#content div.c div.c div.padding {padding-left: 10px; padding-right: 30px; }
div#layout div#content div.b {width: 987px; height: 20px; background: url('/img/main-b.png') no-repeat;}

div#layout div#content div.c div.c div.left {float: left; width: 657px; margin: 0px; padding: 0px;}
div#layout div#content div.c div.c div.right {float: left; width: 315px; margin: 0px; padding: 0px; font-size: 12px; color: #676352;}

.right h2 {width: 260px; height: 56px; background: url('/img/right-heading.png'); padding: 0 0 0 55px; margin: 0px; font-size: 20px; font-weight: bold; color: #fff; line-height: 52px; display: block; margin-bottom: 10px;}
.right .news h2 {background: url('/img/right-news.png');}
.right .news p {padding: 0 20px 0 0; line-height: 18px; margin: 0;}
.right .news p.heading {margin-bottom: 5px;}
.right .news p.text {margin-bottom: 15px;}
.right .news p span.date {background: url('/img/date-bg.png'); width: 69px; height: 18px; display: block; float: left; line-height: 20px; color: #fff; font-size: 10px; text-align: center; margin-right: 10px;}

.right .references h2 {background: url('/img/right-clients.png'); margin-top: 10px;}
.right .references p {padding: 0 20px 0 0; margin: 0;}
.right .references p.heading {margin-bottom: 5px;}
.right .references p.text {margin-bottom: 10px;}

.right .why h2 {background: url('/img/right-products.png'); margin-top: 10px;}
.right .why table {margin-right: 10px;}
.right .why table td {padding-right: 10px;}

div#layout div#footer {width: 987px; height: 94px; position: relative; z-index: 1; margin-top: -20px; background: url('/img/footer.png') no-repeat;}
div#layout div#footer .footer-menu {position: absolute; top: 35px; left: 30px;}
div#layout div#footer .footer-menu a, div#layout div#footer .footer-menu a:hover {font-size: 11px; color: #a29a7b; text-transform: uppercase; text-decoration: none;}
div#layout div#footer .footer-menu div {float: left;}
div#layout div#footer .footer-menu div.separator {margin: 0 10px 0 10px; width: 2px; height: 15px; background: url('/img/sep.png') ;}
div#layout div#footer .copyright {position: absolute; top: 60px; left: 30px;}
div#layout div#footer .copyright a, div#layout div#footer .copyright a:hover, div#layout div#footer .copyright p {font-size: 11px; color: #595445; text-decoration: none; text-transform: uppercase; margin: 0px; padding: 0px;}
a.button-all, a.button-all:hover {background: url('/img/arrow.png'); width: 146px; height: 27px; display: block; color: #fff; font-size: 11px; text-decoration: none; font-style: italic; padding-left: 10px; line-height: 27px;}

.f-right {float: right; margin: 0 20px 10px 0;}

span.button-send {width: 116px; height: 36px; background: url('/img/but-send.png'); display: block; cursor: pointer; float: right;}

.photos img {border: 2px solid #7b7553; /*#e45927;*/ margin-right: 3px; margin-bottom: 3px;}

/**default style**/

.paginator {
    margin: 0px auto;
    padding: 0px;
    margin-top: 10px;
    text-align: center;
}

.paginator a {
    text-decoration: none;
    color: #fff;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}

.paginator .wrapper {
    display: inline-block;
}
.paginator div {line-height: 23px;}

.paginator .active {
    padding: 0px;
    margin: 0px;
    width: 26px;
    height: 24px;
    background: url(/img/p_active.png) no-repeat 0 -4px;
    text-align: center;
    float: left;
    margin-left: 2px;
}

.paginator .in_active {
    padding: 0px;
    margin: 0px;
    width: 26px;
    height: 24px;
    background: url(/img/p_inactive.png) no-repeat;
    text-align: center;
    float: left;
    margin-left: 2px;
    color: #b42323;
}

.paginator .left_active {
    padding: 0px;
    margin: 0px;
    width: 26px;
    height: 24px;
    background: url(/img/p_active.png) no-repeat 0 -4px;
    text-align: center;
    float: left;
    margin-left: 0px;
    margin-right: 2px;

}

.paginator .right_active {
    padding: 0px;
    margin: 0px;
    width: 26px;
    height: 24px;
    background: url(/img/p_active.png) no-repeat 0 -4px;
    text-align: center;
    float: left;
    margin-left: 4px;
}

.paginator p {
    margin: 0px 0px 0px 20px;
    padding: 2px 0px 0px 0px;
}

.input-text {
    width: 203px;
    height: 21px;
    background: url('/img/i-text.png');
    border: 0px;
    padding: 3px;
}

.input-num {
    width: 32px;
    height: 18px;
    background: url('/img/input-num.png');
    border: 0px;
    padding: 3px;
    text-align: center;
}

.input-captcha {
    width: 60px;
    height: 27px;
    background: url('/img/i-captcha.png');
    text-align: center;
    border: 0px;
}

.input-captcha-text {
    width: 54px;
    height: 21px;
    background: url('/img/i-captcha.png');
    text-align: center;
    border: 0px;
    padding: 3px;
}

#captcha-loading img {
    margin-top: 3px;
}

.input-textarea {
    width: 441px;
    height: 81px;
    background: url('/img/i-textarea.png');
    border: 0px;
    resize: none;
    padding: 3px;
}

.input-checkbox {
    width: 17px;
    height: 17px;
    border: 0px;
    background: url('/img/input-check.png') no-repeat 100%;
}

.input-button {
    width: 96px;
    height: 28px;
    line-height: 28px;
    border: 0px;
    background: url('/img/button_small.png') no-repeat;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.alert {
    color: red;
    font-size: 20px;
}

.hidden {
    display: none;
}

.noborder {
    border: 0px !important;
}

.cleaner {
    clear: both;
    height: 1px;
}

/*eshop*/

#catalog div.list div.item {width: 170px; float: left; margin: 0 10px 10px 0; border: 1px solid #C5C0B3; background: #E7DBBE; padding: 10px;}
#catalog div.list div.item.last {margin-right: 0;}
#catalog div.list div.item h2 {margin: 0 0 10px 0; padding: 0; font-size: 15px; line-height: 17px; height: 34px; overflow: hidden;}
#catalog div.list div.item p.productImage {width: 170px; height: 115px; background: #fff; text-align: center; overflow: hidden;}
#catalog div.list div.item p.productImage img{height: 130px;}

#catalog div.price {width: 300px;}
#catalog div.price div.priceText {float: left;font-weight: bold;}
#catalog div.price div.priceVal {float: right;}

div.pr_left {float: left;width: 250px; overflow: hidden; margin-right: 20px;}
div.pr_right {float: left; width: 330px;}
div.pr_left div.mainimage img {max-width: 250px;}
div.pr_left div.mainimage {margin-bottom: 10px;}
div.pr_left div.image {float: left; width: 80px; height: 110px; overflow: hidden; margin-right: 5px;}
div.pr_left div.image div.img_wrapper{border: 3px solid #716A47; width: 74px; height: 74px; overflow: hidden;}
div.pr_left div.image div.img_wrapper img {max-width: 74px;}
div.pr_left div.image p {overflow: hidden; height: 30px; background: #f2eee2; font-size: 12px; line-height: 14px; padding: 0 3px;}
div.pr_left div.image.last {margin: 0;}

a.button-all2, a.button-all2:hover {background: url('/img/arrow.png') -65px 0; width: 81px; height: 27px; display: block; color: #fff; font-size: 11px; text-decoration: none; font-style: italic; padding-left: 10px; line-height: 27px;}

#shopFormDialog {width: 340px;}
#shopFormDialog table {
    width: 340px;
    margin: 0px;
    padding: 0px;

}
#shopFormDialog .input-text, #shopFormDialog .input-captcha-text,
#shopFormDialog .input-captcha {
    margin-top: 5px;
    background: none;
    border: 1px solid #ccc;
}

#shopFormDialog table td.note {padding-top: 10px;}


#shopFormDialog textarea {
    width: 284px;
    height: 102px;
    resize: none;
    padding: 3px;
    margin-top: 3px;
    border: 1px solid #ccc;
}

#shopFormDialog table table td {
    width: 65px;
}

#shopFormDialog table table td input.val {
    width: 65px;
}

#shopFormDialog table td.r {
    text-align: right;

    padding-left: 10px;

}

#shopFormDialog .alert {
    color: red;
    font-size: 16px;
    margin-right: 4px;
}

#shopFormDialog table tr.firm-detail {
    display: none;
}

