/*
фиолетовый светлый #868CE5

*/

@import url(moonkake.css);

html,
body {
    height: 100%;
}

select {
    color: #999;
}

select:focus {
    color: #494950;
}

textarea,
input[type=""],
input[type="text"],
input[type="search"],
input[type="password"] {
    border: 1px solid #666;
    padding: 4px;
    width: 290px;
    background: url(../i/x.gif) #fff;
    color: #999;
}

textarea:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
    border-color: #000;
    color: #494950;
}


body {
    background: #fff;
}

body a {
    color: #333;
    text-decoration: none;
}

body a:hover {
    color: #333;
    text-decoration: none;
}

body p {
    margin: 0;
}

#header,
#catalog-nav,
#carousel {
    width: 100%;
    clear: both;
}

#catalog-nav .catalog-nav-item-0,
#catalog-nav .catalog-nav-item-1,
#catalog-nav .catalog-nav-item-2,
#catalog-nav .catalog-nav-item-3,
#catalog-nav .catalog-nav-item-4 {
    background: url(../i/tizers.jpg);
}

#catalog-nav .catalog-nav-item-0 {
    background-position: 0 0;
}

#catalog-nav .catalog-nav-item-1 {
    background-position: 25% 0;
}

#catalog-nav .catalog-nav-item-2 {
    background-position: 50% 0;
}

#catalog-nav .catalog-nav-item-3 {
    background-position: 75% 0;
}

#catalog-nav .catalog-nav-item-4 {
    background-position: 98% 0;
}

#catalog-nav .catalog-nav-item-0:hover {
    background-position: 0 179px;
}

#catalog-nav .catalog-nav-item-1:hover {
    background-position: 25% 179px;
}

#catalog-nav .catalog-nav-item-2:hover {
    background-position: 50% 179px;
}

#catalog-nav .catalog-nav-item-3:hover {
    background-position: 75% 179px;
}

#catalog-nav .catalog-nav-item-4:hover {
    background-position: 98% 196px;
}

.bottomShadow {
    height: 1px;
    width: 100%;
    background: #e5e5e5;
    border-bottom: 1px solid #f7f7f7;
    display: block;
    position: absolute;
    top: 328px;
    left: 0;
}


.callback {
    position: relative;
    margin: 10px 0 0;
    color: #a8a8be;
    font-style: italic;
    text-align: right;
}

.callback > span {
    display: inline-block;
    padding: 5px 10px;
    background: #4e2f95;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
}

.callback > span:hover {
    background: linear-gradient(to bottom, #868CE5, #4e2f95, #868CE5);
}


.callback-form {
    display: none;
    position: absolute;
    top: 35px;
    right: 0px;
    background: #f1f0ff;
    font-size: 11px;
    box-shadow: 1px 1px 5px #bbb;
    padding: 15px;
    text-align: right;
}

.callback-form #ajax_submit {
    display: inline-block;
    margin: 10px 0 0;
    padding: 5px 25px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #4e2f95;
    border-radius: 3px;
}

.callback-form #ajax_submit:hover {
    background: linear-gradient(to bottom, #868CE5, #4e2f95, #868CE5);
}

.callback-form form {
}

.callback-form p {
    margin: 0;
}

.callback-form p#error_block {
    color: #FF0000;
}

.callback-form input[type="text"] {
    max-width: 150px;
}

.error-marked {
    border: 1px solid red !important
}

.success {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #f1f0ff;
    display: block;
    font-size: 12px;
    z-index: 2;
    width: 194px;
    height: 182px;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 182px;
    color: #2D2D65;
    font-weight: bold;
}

.close {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    line-height: 1;
    cursor: pointer;
}


#header {
    display: block;
    position: relative;
    z-index: 100;
    background: #eee;
    padding: 15px 0;
}

#header .logo {
}

#header .headerDelete {
    width: 469px;
    height: 95px;
    margin: 10px auto 0 auto;
    background: url(../i/header-background.jpg) no-repeat;
}


#nav {
    text-align: center;
}

.nav-menu {
    font-size: 0;
}

.nav-menu-item {
    vertical-align: top;
    height: 30px;
}

.nav-menu-item-link {
    font-size: 14px;
    display: block;
    padding: 0 10px;
    line-height: 30px;
}


.phone {
    display: block;
    overflow: hidden;
    color: #646488;
    font-size: 19px;
    font-style: italic;
    text-align: right;
    font-size: 16px;
}

.phone .callback-pic {
    display: block;
    float: right;
    width: 37px;
    height: 46px;
    margin: 0 0 0 15px;
    cursor: pointer;
    background: url(../i/phone-background.png) 100% 0 no-repeat;
}

.phone .callback-pic:hover {
    background: url(../i/phone-background2.gif) 100% 0 no-repeat;
}


#catalog-nav {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 99;
}

.catalog-nav-item {
    display: inline-block;
    width: 210px;
    height: 173px;
    padding: 0;
    border: 1px solid #f2f2f6;
    text-align: center;
    position: relative;
}

.catalog-nav-item a {
    text-decoration: none;
    font-size: 14px;
}

.catalog-nav-item-image {
    padding: 16px 0 0 0;
    display: block;
    width: 190px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 16px;
}

.catalog-nav-item-name {
    line-height: 37px;
    height: 37px;
    display: block;
}

.catalog-nav-item:hover .catalog-sub-nav {
    display: block;
}

.catalog-nav-item:hover .catalog-nav-item-name {
    background: #f7f7f7;
    border: 1px solid #ceced4;
    margin: -1px -1px -1px -1px;
    color: #555566;
}

.catalog-nav-item:hover .catalog-nav-item-name:hover {
    background: #eaeaf0;
}

.catalog-sub-nav {
    display: none;
    position: absolute;
    top: 171px;
    left: -1px;
    width: 210px;
    border: 1px solid #ceced4;
    border-top: 0;
    background: #f7f7f7;
}

.catalog-sub-nav-item {
    border-top: 1px solid #ebebeb;
}

.catalog-sub-nav-item:hover {
    background: #eaeaf0;
}

.catalog-sub-nav-item-link {
    padding: 10px;
    color: #555566;
}


#section {
    background: #fff;
    margin-right: 0.5%;
    padding: 30px 0 15px 0;
    overflow: hidden;
    clear: both;
}

.aside {
    width: 303px;
    float: left;
}

.aside h2 {
    font-size: 16px;
    padding: 0;
}

.article h3 {
    padding: 7px 0
}

.order-equipment {
    background: url(../i/leftMenu-bckg.png) 100% 0 no-repeat;
    padding: 9px 30px 20px 33px;
    min-height: 216px;
}

.order-equipment h2 {
    padding: 0 0 0 43px;
    line-height: 22px;
    height: 22px;
    color: #fff;
}

.table-width {
    width: 630px;
}

.order-equipment-nav {
}

.order-equipment-nav-item {
    padding-top: 10px !important;
}

.order-equipment-nav-item-link {
    font-size: 12px;
}

.news {
    background: url(../i/leftMenu-bckg.png) 100% -304px no-repeat;
    padding: 12px 30px 20px 33px;
    min-height: 188px;
    margin-top: 9px;
}

.news h2 {
    font-weight: bold;
}

.news-item {
    padding-top: 5px;
}

.news-item p {
    padding: 0;
}

.news-item span {
    color: #191969;
}

.news-item a {
    color: #686869;
}

.ral-colors {
    padding: 12px 30px 12px 33px;
    background: url(../i/leftMenu-bckg.png) 100% -245px no-repeat;
    margin-top: 9px;
}

.ral-colors-edit {
    background-position-y: -250px;
    padding-top: 17px;
    font-size: 16px;
    font-weight: bold;
    height: 22px;
}

.ral-colors p {
    padding: 0;
    padding-top: 1em;
}

.ral-colors p:first-child {
    padding-top: 0;
}

.change-color {
    background: url(/images/img47.png) 0 0 no-repeat;
    color: #fff;
    padding: 10px 0 10px 3px;
    font-weight: bold;
    display: block;
    height: 15px;
    width: 156px;
}

.change-color span {
    display: block;
    text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
    width: 200px;
}

.article {
    margin: 0 6px 0 336px;
    overflow: hidden;
}

.breadcrumbs {
    margin: 0 0 13px;
}

.type-callback {
    display: block;
    color: #a8a8be;
    line-height: 25px;
    height: 25px;
    font-style: italic;
    background-color: #4e2f95;
    text-align: center;
    float: left;
    margin-right: 20px;
}

/*.type-callback {background:url(/i/call_r.png) center right no-repeat;}
.type-callback>div{background:url(/i/call_l.png) center left no-repeat; line-height:25px; height:25px;}
.type-callback>div>div{background:url(/i/call.png) repeat-x; margin:0 5px; line-height:25px; height:25px;}
.type-callback:hover {background:url(/i/call_r_a.png) center right no-repeat; line-height:25px; height:25px;}
.type-callback:hover>div{background:url(/i/call_l_a.png) center left no-repeat; line-height:25px; height:25px;}
.type-callback:hover>div>div{background:url(/i/call_a.png) repeat-x; margin:0 5px; line-height:25px; height:25px;}*/
.type-callback a { /*text-align:right; cursor:pointer; border-bottom:1px dashed #a8a8be; background:#A5B9F6;*/
    display: block;
    color: #FFF;
    font-size: 13px;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

.type-callback2 {
    display: block;
    color: #a8a8be;
    line-height: 25px;
    height: 25px;
    font-style: italic;
    background-color: #4e2f95;
    width: 245px;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.type-callback2 {
    background: url(/i/call_r.png) center right no-repeat;
}

.type-callback2 > div {
    background: url(/i/call_l.png) center left no-repeat;
    line-height: 25px;
    height: 25px;
}

.type-callback2 > div > div {
    background: url(/i/call.png) repeat-x;
    margin: 0 5px;
    line-height: 25px;
    height: 25px;
}

.type-callback2:hover {
    background: url(/i/call_r_a.png) center right no-repeat;
    line-height: 25px;
    height: 25px;
}

.type-callback2:hover > div {
    background: url(/i/call_l_a.png) center left no-repeat;
    line-height: 25px;
    height: 25px;
}

.type-callback2:hover > div > div {
    background: url(/i/call_a.png) repeat-x;
    margin: 0 5px;
    line-height: 25px;
    height: 25px;
}

.type-callback2 a { /*text-align:right; cursor:pointer; border-bottom:1px dashed #a8a8be; background:#A5B9F6;*/
    display: block;
    color: #FFF;
    font-size: 13px;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

.tizers {
    overflow: hidden;
    font-size: 0;
    margin: 0px 0 15px 0;
}

.tizers-item {
    width: 260px;
    padding: 10px;
    background: #fff;
    font-size: 11px;
    margin: 5px 0 0 5px;
    vertical-align: top;
    overflow: hidden;
    height: auto !important;
}

.tizers-item img {
    float: left;
    width: 88px;
    height: auto;
    margin: 0 10px 10px 0;
}

.tizers-item h4 {
    font-size: 14px;
}

.tizers-item p {
    padding: 0;
}

.order-button {
    padding: 5px;
    text-decoration: none;
    display: block;
    height: 18px;
    width: 145px;
    border: 1px solid;
    border-radius: 4px;
    background-color: #f5f5f1;
}

.galleryItem {
    vertical-align: top;
    width: 33%;
    margin-bottom: 10px;
    position: relative;
}

.galleryItem > div {
    width: 140px;
    margin: 0 auto;
}

.galleryItem a {
    display: block;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.galleryItem span {
    display: block;
    margin-top: 3px;
}

.galleryItem1 {
    vertical-align: top;
    margin-bottom: 10px;
    display: block;
    float: left;
    margin: 5px !important;
    width: auto !important;
}


.new_table td {
    text-align: center
}

.tbl_price tr.green td {
    background-color: #CCFFCC;
}

.tbl_price tr.yellow td {
    background-color: #FFFF99;
}

.tbl_price tr.yellow:hover td,
.tbl_price tr.green:hover td {
    background-color: transparent;
}

.tbl_price1 tr:hover td,
.tbl_price3 tr:hover td,
.tbl_price1 tr.blue:hover td,
.tbl_review tr:hover td {
    background-color: #F8F7F2;
}

.tbl_price1 tr.blue td {
    background-color: #CCE4FF;
}

.compact_tbl {
    width: auto !important;
}

.footerWrap p {
    text-align: center;
}

p.fas {
    font-weight: bold;
}

#RalCode {
    background-color: #CCCCCC;
    width: 165px;
    text-align: center;
    color: #000000;
    margin-left: 350px;
}

.scrollTop {
    position: fixed;
    height: 80px;
    width: 64px;
    bottom: 50px;
    right: 15px;
    text-align: center;
    color: #000;
    background: url(/i/arrow-up.png) 0 0 no-repeat;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    z-index: 999;
}

.scrollTop:hover {
    color: #494950;
    text-decoration: underline;
    cursor: pointer;
    background: url(/i/arrow-up.png) 0 -4px no-repeat;
}

.scrollTop span {
    text-align: center;
    padding: 60px 0 0 0;
    color: #ABA8D8;
}

.scrollTop span :hover {
    color: #2F2F69;
}

/* End Buttons */

.satellite {
    display: none;
}

/* документ  Word*/
.doc {
    background: url('/i/doc.png') 0 0 no-repeat;
    min-height: 32px;
    padding-left: 40px;
    padding-top: 8px;
    display: block;
    vertical-align: middle;
}

/* документ  Excel*/
.xls {
    background: url('/i/xls.png') 0 0 no-repeat;
    min-height: 32px;
    padding-left: 40px;
    padding-top: 8px;
    display: block;
    vertical-align: middle;
}

/*/документы*/
.violet {
    background: #a597ca /*#4E2F95#4e2f95*/;
}

.radius {
    border-radius: 7px;
}

.gallery_with_loupe {
    position: relative;
}

.gallery_with_loupe a.loupe {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/i/loupe.png);
    background-position: 0 25px;
    position: absolute;
    left: 20px;
    bottom: 10px;
    cursor: pointer;
}

.gallery_with_loupe a.loupe:hover {
    background-position: 0 0;
}

.gallery_with_loupe:hover a.loupe {
    background-position: 0 0;
}

.justify_P p {
    text-align: justify !important;
}

.imgLoupe {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 5px;
    width: 25px;
    height: 25px;
    background: url(../i/loupes.png) 0 0;
    cursor: pointer;
}

.imgLoupe:hover {
    background-position: 0px -25px;
}

table tr td.galleryItem a {
    position: relative;
}

table tr td .imgLoupe {
    bottom: -3px;
    left: 28px;
}

.catalog-sub-nav-item {
    text-align: left;
    padding: 0 10px !important;
}

.catalog-sub-nav-item-link {
    padding: 0;
}