/*---------------------------------------------
--- 1. ГЛОБАЛЬНЫЕ НАСТРОЙКИ И ШРИФТЫ       ---
----------------------------------------------*/
.clr { 
    clear: both; 
    visibility: hidden; 
}

/* Принудительное назначение шрифта */
div#mod_menuck146 li a, 
div#mod_menuck146 li span,
div#mod_menuck146 ul.mod_menuck2 li a, 
div#mod_menuck146 ul.mod_menuck2 li span,
div#mod_menuck146 span.titreck { 
    font-family: 'Open_sans', sans-serif !important;
}

/* Фиксация ширины основного макет-контейнера */
div#mod_menuck146.mod_menuckh ul.mod_menuck div.maxidrop-main, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li div.maxidrop-main { 
    width: 260px !important; 
} 

/* Сдвиг выпадающего контейнера */
div#mod_menuck146.mod_menuckh ul.mod_menuck div.floatck, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck div.floatck { 
    margin-top: 1px !important; 
}

/*---------------------------------------------
--- 2. ГЛАВНАЯ ЛИНИЯ МЕНЮ (УРОВЕНЬ 1)      ---
----------------------------------------------*/

div#mod_menuck146.mod_menuckh ul.mod_menuck { 
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
    display: block !important;
    clear: both !important;
    overflow: visible !important; /* Обязательно: разрешает подменю выпадать наружу */
    background: #44AEED !important;
    background: -webkit-linear-gradient(top, #44AEED 0%, #2E94D0 100%) !important;
    background: linear-gradient(to bottom, #44AEED 0%, #2E94D0 100%) !important; 
    border: #2687BF 1px solid !important; 
    border-radius: 0px !important;
    box-shadow: 0 1px 0 #81D1FF inset, 1px 0 0 #54BCF8 inset, -1px 0 0 #54BCF8 inset, 0 -1px 0 #54BCF8 inset;
}

/* Кнопки меню первого уровня */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.parent { 
    display: inline-block !important;
    float: none !important;
    vertical-align: middle !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding: 0 !important;
    list-style: none !important;
    cursor: pointer !important;
    background: #44AEED !important;
    background: -webkit-linear-gradient(top, #44AEED 0%, #2E94D0 100%) !important;
    background: linear-gradient(to bottom, #44AEED 0%, #2E94D0 100%) !important; 
    box-shadow: inset 1px 0px 0px 0px #2687BF !important;
    border-top: #81D1FF 1px solid !important;
    border-right: none !important;
    border-bottom: #54BCF8 1px solid !important;
    border-left: #54BCF8 1px solid !important; 
} 

/* Ссылки внутри кнопок первого уровня */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 a, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 span.separator { 
    display: block !important;
    float: none !important;
    padding: 15px 32px 14px 32px !important; 
    text-decoration: none !important;
    outline: none !important;
} 

/* Точечный увеличенный паддинг для родительского пункта "О нас" */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.parent a,
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.parent span.separator,
div#mod_menuck146 ul.mod_menuck li.mod_menuck.item148.level1.parent a,
div#mod_menuck146 ul.mod_menuck li.mod_menuck.item148.level1.parent span.separator { 
    padding-right: 39px !important; 
} 

/* Текст внутри кнопок первого уровня */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 a span.titreck, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 span.separator span.titreck { 
    color: #FFFFFF !important;
    font-size: 16px !important;
    text-shadow: 0px 1px 1px #000000 !important; 
} 

/* Наведение мыши на кнопку (Hover) */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1:hover, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.parent:hover { 
    background: #2C96D0 !important;
    background-image: none !important;
    border-top: #54BCF8 1px solid !important;
    border-right: none !important;
    border-bottom: #54BCF8 1px solid !important;
    border-left: #54BCF8 1px solid !important; 
} 

div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1:hover a span.titreck, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1:hover span.separator span.titreck { 
    color: #FFFFFF !important; 
} 

/* Активный пункт меню (Текущая страница) */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.active { 
    background: #2C96D0 !important;
    background-image: none !important;
    box-shadow: 1px 0px 0px 0px #2687BF !important;
    border-top: #81D1FF 1px solid !important;
    border-right: none !important;
    border-bottom: #54BCF8 1px solid !important;
    border-left: #54BCF8 1px solid !important; 
} 

div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.active a span.titreck, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1.active span.separator span.titreck { 
    text-shadow: 0px 1px 1px #000000 !important; 
} 

/*---------------------------------------------
--- 3. ВЫПАДАЮЩИЙ БЛОК (УРОВЕНЬ 2)         ---
----------------------------------------------*/
/* Подложка выпадающего списка */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck div.floatck, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck div.floatck div.floatck,
div#mod_menuck146 .maxipushdownck div.floatck { 
    display: none; 
    position: absolute;
    z-index: 999999 !important; 
    padding: 3px 6px 4px 6px !important;
    background: #379FDC !important;
    border-radius: 0px 0px 3px 3px !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15) !important;
    border-top: #2687BF 1px solid !important; 
    width: 270px !important;
} 

/* Строки (li) внутри выпадающего списка */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 li.mod_menuck:not(.headingck), 
div#mod_menuck146 li.mod_menuck.maximenuflatlistck:not(.level1):not(.headingck),
div#mod_menuck146 .maxipushdownck li.mod_menuck:not(.headingck) { 
    display: block !important;
    float: none !important;
    background: transparent !important;
    border-radius: 0px !important;
    box-shadow: 0px 1px 0px 0px #54BCF8 !important;
    border-bottom: #2687BF 1px solid !important; 
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
} 

.mod_menuck2 {
    padding: 0px 10px !important;
}

/* Ссылки внутри выпадающего списка */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 li.mod_menuck:not(.headingck) a, 
div#mod_menuck146 li.mod_menuck.maximenuflatlistck:not(.level1):not(.headingck) a,
div#mod_menuck146 .maxipushdownck li.mod_menuck:not(.headingck) a, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 li.mod_menuck:not(.headingck) span.separator, 
div#mod_menuck146 li.mod_menuck.maximenuflatlistck:not(.level1):not(.headingck) span.separator,
div#mod_menuck146 .maxipushdownck li.mod_menuck:not(.headingck) span.separator { 
    display: block !important;
    float: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important; 
    padding-left: 15px !important;
    padding-right: 15px !important;
    background: transparent !important;
} 

/* Текст подпунктов */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 li.mod_menuck a span.titreck, 
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 li.mod_menuck span.separator span.titreck, 
div#mod_menuck146 li.mod_menuck.maximenuflatlistck:not(.level1) span.titreck,
div#mod_menuck146 .maxipushdownck li.mod_menuck a span.titreck, 
div#mod_menuck146 .maxipushdownck li.mod_menuck span.separator span.titreck {
    font-size: 14px !important;
    color: #FFFFFF !important;
    text-shadow: 0px 1px 1px #0B2F40;
}

/* Наведение мыши на подпункты списка */
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level1 li.mod_menuck:not(.headingck):hover {
    background: #2C96D0 !important;
}

/*---------------------------------------------
--- 4. ИКОНКИ-СТРЕЛOCHKИ И АНИМАЦИЯ         ---
----------------------------------------------*/
div#mod_menuck146.mod_menuckh ul.mod_menuck > li.mod_menuck.level1.parent {
    position: relative !important;
}

/* Отрисовка стрелки-картинки на 1-м уровне */
div#mod_menuck146.mod_menuckh ul.mod_menuck > li.mod_menuck.level1.parent > div.mod_menuck-link-wrapper > a:after, 
div#mod_menuck146.mod_menuckh ul.mod_menuck > li.mod_menuck.level1.parent > div.mod_menuck-link-wrapper > span.separator:after { 
    border: none !important;
    display: block !important;
    position: absolute !important;
    background-image: url(/templates/theme/images/arrow-active.png) !important;
    background-repeat: no-repeat !important;
    width: 12px !important;
    height: 7px !important;
    top: 50% !important;
    margin-top: -3px !important;
    right: 12px !important;
    content: "" !important;
    transition: transform .3s linear !important;
    transform: rotate(0deg) !important;
} 

/* Анимация плавного разворота при наведении */
div#mod_menuck146.mod_menuckh ul.mod_menuck > li.mod_menuck.level1.parent:hover > div.mod_menuck-link-wrapper > a:after, 
div#mod_menuck146.mod_menuckh ul.mod_menuck > li.mod_menuck.level1.parent:hover > div.mod_menuck-link-wrapper > span.separator:after {
    transform: rotate(180deg) !important;
}

/* Полный сброс фантомных стрелочек во вложенных подменю */
div#mod_menuck146.mod_menuckh ul.mod_menuck div.floatck a:after,
div#mod_menuck146.mod_menuckh ul.mod_menuck div.floatck span:after,
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level2 a:after,
div#mod_menuck146.mod_menuckh ul.mod_menuck li.mod_menuck.level2 span.separator:after {
display: none !important;
content: none !important;
background-image: none !important;
border: none !important;
}
