/* ================================================================================
  Система: Impera CMS                                                             |
  Сайт системы: https://imperacms.ru/                                              |
                                                                                  |
                                                                                  |
                                                                                  |
  Библиотека: TemplateMonster Impera Finery                                       |
  Модуль: Electronics 42351 slider - баннер слайдер                               |
  Версия модуля: 1.0                                                              |
  Автор: Hermes, TemplateMonster                                                  |
  Сайт автора: https://templatemonster.com/                                        |
                                                                                  |
                                                                                  |
                                                                                  |
  Тип: файл стилей модуля                                                         |
                                                                                  |
================================================================================ */



/* контейнер */
#tmnivoslider {
    width: 1024px;
    height: 431px;
    overflow: hidden;
    background: #fff url('../images/slider-bg.gif') left top repeat-x;
    padding: 17px 20px;
    margin: 0px auto;
}



    /* контейнер изображений */
    #tmnivoslider #slider {
        width: 1024px;
        height: 431px;
    }



    .nivoSlider {
        position: relative;
    }
    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 60;
        display: none;
    }



    .nivo-slice {
        display: block;
        position: absolute;
        z-index: 50;
        height: 100%;
    }



    /* контейнер описания изображения */
    .nivo-html-caption {
        display: none;
    }



    .nivo-caption {
        width: 783px;
        height: 380px;
        background: none;
        position: absolute;
        left: 0;
        top: 40px;
        z-index: 89;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
    }



    .nivo-caption > p {
        margin: 0;
        padding: 8px 0 0 0;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
    }
    .nivo-caption > p > div {
        position: relative;
        left: 0;
    }

    /* текст заголовка */
    .nivo-caption h2 {
        margin: 0px;
        padding: 0px;
        font: normal 50px "Open Sans";
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        color: #2f2f2f;
        text-transform: uppercase;
    }

    /* текст описания */
    .nivo-caption h3 {
        margin: 7px 540px 0px 20px;
        padding: 0px;
        font: 15px Arial, Helvetica, sans-serif;
        line-height: 20px;
        max-height: 180px;
        overflow: hidden;
        color: #9c9c9c;
    }

    /* текст цены */
    .nivo-caption .from {
        font: normal 20px Arial, Helvetica, sans-serif;
        color: #2f2f2f;
        padding: 10px 0 0 8px;
    }
    .nivo-caption .from .price {
        display: inline-block;
        color: #78a305;
        font: normal 30px Arial, Helvetica, sans-serif;
        padding-left: 12px;
    }



    /* кнопка Купить (подробнее) */
    .nivo-caption a.slide_btn {
        width: 161px;
        height: 43px;
        float: left;
        margin: 22px 0 0 10px;
        background: url('../images/slider_btn.png') 0 0 no-repeat;
        font: normal 20px/41px Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        text-align: center;
        text-transform: capitalize;
    }
    .nivo-caption a.slide_btn:hover {
        background-position: 0 bottom;
    }



    /* фикс бага (пустая панель в описании после первого кольца) */
    .nivo-caption .nivo-controlNav {
        display: none;
    }



    .nivo-controlNav {
        width: 241px;
        height: 431px;
        padding: 0;
        background: url('../images/slider_bg.jpg') 0 top no-repeat;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 100;
    }
    .nivo-controlNav a {
        width: 241px;
        height: 108px;
        display: block !important;
        float: none;
        margin: 0 0 0 0;
        text-decoration: none;
        position: relative;
        cursor: pointer;
        background: url('../images/thumb-hor.png') left top no-repeat;
        position: relative;
    }
    .nivo-controlNav a span {
        display: block;
        position: absolute;
        width: 0;
        height: 26px;
        left: -13px;
        top: 42px;
        background: url('../images/nivo_active.gif') left top no-repeat;
    }
    .nivo-controlNav a.active span {
        width: 13px !important;
    }
    .nivo-controlNav a:first-child {
        background: none;
        height: 107px;
    }
    .nivo-controlNav a .nivo-thumb-wrapper {
        float: left;
        width: 100px;
        height: 84px;
        margin: 10px 10px 8px 0px;
        padding: 0px;
        position: relative;
        overflow: hidden;
        border: #ddd 2px solid;
        border-left: 0px solid;
        border-radius: 0px 4px 4px 0px;
    }
    .nivo-controlNav a img {
        width: 152px;
        height: 84px;
        margin: 0px 0px 0px -47px;
        padding: 0px;
        position: relative;
    }
    .nivo-controlNav a .fleft {
        float: left;
        width: 115px;
    }
    .nivo-controlNav a h2 {
        margin: 10px 0px 5px 0px;
        padding: 0px;
        font: 17px "Arial";
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        color: #78a305;
        text-transform: none;
    }
    .nivo-controlNav a h2:first-child {
        margin: 10px 0px 5px 0px;
        padding: 0px;
    }
    .nivo-controlNav a h3 {
        font: 12px "Arial";
        line-height: 16px;
        height: 64px;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
        color: #737373;
        text-transform: none;
    }