/*
    Document   : style
    Created on : 11 лют 2013, 16:51:15
    Author     : Web
    Description:
        Purpose of the stylesheet follows.
*/
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

body {
    color: #5D5D5D;
    font: 14px/22px Arial, Helvetica, sans-serif;
}

/*-------------------------------- header ------------------------------------*/
.logo {
    background: url("img/logo.png") 0 0 no-repeat;
    text-indent: -9999px;
    width: 244px;
    height: 76px;
}

.logo a {
    display: block;
    height: 76px;
}

.phone {
    color: #FFFFFF;
    background: url("img/phone_icon.png") 0 6px no-repeat;
    padding-left: 38px;
    float: right;
}

.phone2 {
    font-size: 20px;
    font-weight: bold;
}

.phone p {
    margin-bottom: 4px;
}

#header {
    background: #438dc8 url("img/header_top.jpg") 50% 0 no-repeat;
    /*    margin-bottom: -27px;
        position: relative;*/
}

#header .logo, #header .phone {
    margin-top: 60px;
}

.navbar-red {
    background-color: #C50006;
    border-color: #C50006;
}

.navbar-red .navbar-brand {
    color: #FFFFFF;
}

.navbar-red .navbar-brand:hover,
.navbar-red .navbar-brand:focus {
    color: #FFFFFF;
}

.navbar-red .navbar-toggle {
    border-color: #C50006;
}

.navbar-red .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-red .navbar-toggle:hover,
.navbar-red .navbar-toggle:focus {
    background-color: #C50006;
}

.navbar-red .navbar-collapse,
.navbar-red .navbar-form {
    border-color: #C50006;
}

.navbar-red .navbar-nav a {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    display: block;
}

.navbar-red .navbar-nav > .active > a,
.navbar-red .navbar-nav > .active > a:hover,
.navbar-red .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #990000;
}

.navbar-red .navbar-nav a,
.navbar-red .navbar-nav > li > a {
    color: #FFFFFF;
    text-decoration: none;
}

.navbar-red .navbar-nav a:hover,
.navbar-red .navbar-nav a:focus,
.navbar-red .navbar-nav > li > a:hover,
.navbar-red .navbar-nav > li > a:focus {
    color: #000000;

}

.navbar-red .navbar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar-red .nav a {
    position: relative;
    display: block;
}

.navbar-red .navbar-nav ul a {
    padding: 10px 15px 10px 30px;
}

.navbar-red .navbar-nav ul ul a {
    padding: 10px 15px 10px 45px;
}

#slider-box {
    background: #1A3E58 url("img/slider_bg.jpg") 50% 0 no-repeat;
}

/*#header input.search-query {
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 0;
    padding: 2px 10px;
}
#header .btn-search {
    width: 26px;
    height: 25px;
    text-indent: -9999px;
    background-image: url("img/bg_button_search.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    padding: 0;
    text-shadow: none;
}*/
.block-menu {
    background: #D3D3D3 url("img/main_menu.jpg") 0 0 repeat-x;
    height: 54px;
    margin-top: 54px;
}

#menu {
    font-size: 14px;
    margin-bottom: 0;
}

#menu .first {
    background: none;
    padding-left: 0;
}

#menu > li {
    padding-left: 2px;
}

#menu > .submenu > a {
    /*background: url("img/arr_menu.png") 13px 50% no-repeat;*/
    padding: 20px 30px 20px 33px;
}

#menu > .submenu > a:hover,
#menu > .submenu > a:focus,
#menu > li.sfHover > a,
#menu > li.active > a {
    color: #FFFFFF;
}

#menu > li.sfHover > a,
#menu > li.active > a {
    background: url("img/main_menu_hover.jpg") 0 0 repeat-x;
}

#menu .level1 {
    background-color: #29A3F7;
    padding: 12px 0;
}

#menu .level1 li {
    line-height: normal;
    margin-bottom: 1px;
}

#menu .level1 a {
    font-weight: normal;
    font-size: 12px;
    padding: 6px 15px;
    display: block;
    margin-bottom: 1px;
}

#menu .level1 span {
    display: block;
}

/* slider */
.slider-wrapper {
    position: relative;
}

.theme-default .nivoSlider {
    margin-bottom: 0;
}

.theme-default .nivo-controlNav {
    padding: 8px;
}

.nivo-controlNav {
    bottom: 104px;
    left: 50%;
    margin-left: 0;
    position: absolute;
    z-index: 999;
    background-color: #7ECEFD;
}

.theme-default .nivo-controlNav a {
    background: url("img/slider_btn.png") no-repeat 0 0 transparent;
    margin: 0 6px 0;
    background-position: -28px 0;
}

.theme-default .nivo-controlNav a:hover,
.theme-default .nivo-controlNav a.active {
    background-position: 0 0;
}

.nivo-caption {
    position: relative;
    background: #FFFFFF url("img/slider_caption.jpg") 0 0 repeat-x;
    color: #2185C5;
    text-align: center;
    padding: 41px 0;
    font-size: 32px;
}

/* content */
.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 4px 15px 0 0;
    font-size: 12px;
}

.breadcrumb > li > .divider,
.breadcrumb > .active {
    color: #3B362E;
}

.breadcrumb a {
    color: #3B362E;
    text-decoration: underline;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
    text-decoration: none;
}

.pagination-centered {
    text-align: center;
}

#baners > li > div {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px #665C49 solid;
}

.baners-inside > div {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px #665C49 solid;
}

.breadcrumb-home a {
    /*    display: inline-block;
        text-align: left;
        text-indent: -9000px;
        width: 14px;*/
    padding-right: 4px;
    color: #2185C5;
}

#home h1 {
    margin-top: 15px;
}

h1 {
    /*    font-size: 20px;
        line-height: 24px;*/
    color: #2185C5;
    margin: 0 0 15px 0;
}

.blue-ul {
    padding: 0;
    margin: 30px 0;
    list-style: none;
    line-height: normal;
}
.blue-ul li {
    position: relative;
    padding: 0 0 0 15px;
    margin: 8px 0;
}

.blue-ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 4px;
    background-image: url(img/bg_ul_li.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 7px;
    height: 9px;
}

.content-block ul {
    margin : 0 0 15px 15px;
}

#ajax_result {
    display: none;
}

.btn-delete {
    display: inline-block;
    padding: 8px 10px;
}

.inner-container {
    padding-bottom: 50px;
}

.container-block {
    border-top: 1px solid #F2F2F2;
    padding-bottom: 50px;
}

.container-block h2 {
    color: #2185C5;
    text-align: center;
    margin-bottom: 20px;
}

.container-block img {
    margin-bottom: 20px;
}

.content-block a,
.content-block a:visited {
    color: #2185C5;
    text-decoration: underline;
}

.content-block a:hover,
.content-block a:focus {
    text-decoration: none;
}

.content-block a.btn-primary {
    color: #FFFFFF;
    text-decoration: none;
}

.inner-content {
    padding-right: 20px;
}

#category .first {
    clear: left;
    margin-left: 0;
}

#menu-catalog > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px #DDDDDD solid;
    padding: 18px 18px 18px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

#menu-catalog ul ul {
    padding: 0;
    margin: 0 0 0 12px;
    list-style: none;
}

#menu-catalog li {

}

#menu-catalog ul a {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 2px 18px;
    margin: 1px 0;
    display: block;
    text-decoration: none;
}

#menu-catalog li.active a,
#menu-catalog ul a:hover,
#menu-catalog ul a:focus {
    text-decoration: none;
    color: #2185C5;
}

#category, #fotogallery {
    padding-top: 12px;
}

#category h2, #fotogallery h2 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
}

#category h2 a, #fotogallery a {
    color: #2185C5;
    text-decoration: none;
}

#category h2 a:hover,
#category h2 a:focus,
#fotogallery a:hover,
#fotogallery a:focus {
    color: #29A3F7;
    text-decoration: none;
}

#fotogallery .thumbnail {
    margin-bottom: 20px;
}

#category .image-category {
    margin-bottom: 15px;
}

#category-products .title {
    margin: 0 0 8px 0;
}

#category-products .title a {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #C50006;
    text-transform: uppercase;
    text-decoration: none;
}

#category-products .title a:hover,
#category-products .title a:focus {
    color: #000000;
    text-decoration: none;
}

#category-products.thumbnails > li {
    margin-bottom: 28px;
}

#category-products .thumbnail {
    margin-bottom: 25px;
}

#category-products .cost {
    float: left;
    width: 50%;
}

#category-products .add-to-cart {
    float: right;
    width: 50%;
    text-align: right;
}

#category-products .cost,
#container-product .cost-product {
    white-space: nowrap !important;
    font-size: 14px;
    line-height: 16px;
    color: #4D4338;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 8px;
}

#category-products .add-to-cart a,
#container-product .add-to-cart a {
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    background: #C50006;
    border-radius: 16px;
    margin-bottom: 8px;
    display: inline-block;
    text-decoration: none;
    padding: 0 16px;
}

#category-products .add-to-cart a:hover,
#category-products .add-to-cart a:focus,
#container-product .add-to-cart a:hover,
#container-product .add-to-cart a:focus {
    text-decoration: none;
}

#category-products .image {
    margin-bottom: 8px;
}

.container-product {
    padding: 30px 15px 25px 30px;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
}

.image-product a {
    display: block;
}

.image-product {
    /*border: 1px solid #DDDDDD;*/
}

.dopimage-product {
    margin-top: 15px;
}

.container-product-inner {
    padding-left: 20px;
}

.desc-product {
    margin-bottom: 8px;
}

.alert-darkred {
    padding: 0;
    border: 0;
    background: none;
}

#content-cart ul {
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: normal;
    color: #000000;
    list-style-position: inside;
}

/* sidebar */
.block-cart {
    padding: 15px 20px;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 9px;
    color: #000000;
}

.title-cart {
    background: url("img/bg_title_cart.gif") 0 50% no-repeat;
    color: #C50006;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 4px 0 2px 33px;
    margin-left: 10px;
}

.empty {
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}

.content-cart {
    padding-top: 5px;
}

.subtotal,
.cost-item,
.total-price,
.subtotal-content {
    font-weight: bold;
    font-size: 14px;
}

.subtotal-content {
    text-align: right;
    display: block;
}

#nav-cart ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav-cart a,
#nav-cart a:hover,
#nav-cart a:focus {
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    background: #C50006;
    border-radius: 16px;
    margin-bottom: 8px;
    display: inline-block;
    text-decoration: none;
    padding: 0 16px;
}

.in-cart {
    text-align: center;
    white-space: nowrap;
    color: #665C49;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    background: #DDDDDD;
    border-radius: 16px;
    margin-bottom: 8px;
    display: inline-block;
    padding: 0 16px;
}

.date-news, .date-news2 {
    font-weight: bold;
    margin-bottom: 5px;
}

#wrapperLoader {
    display: none;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -120px;
    /* Pad bottom by footer height */
    /*padding: 0 0 205px;*/
}

/* Set the fixed height of the footer here */
#footer, #push {
    height: 120px;
}

/* footer */
#footer {
    background: url("img/pattern.png") 0 0 repeat;
    color: #5D5D5D;
}

#footer .form-search {
    margin: 25px 0;
}

.social-networks {
    padding-top: 24px;
}

.social-networks .nav-tabs {
    border-bottom: 0;
}

.social-networks .nav-tabs > li > a {
    border: 0;
    margin-left: 15px;
}

.social-networks .nav > li > a {
    padding: 0;
}

.copyright {
    padding-top: 24px;
}

.copyright a {

}

/* Lastly, apply responsive CSS fixes as necessary */
@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
    .navbar {
        display: none;
    }
}

@media (max-width: 320px) {
    .media-object {
        display: none;
    }
}

@media (max-width: 767px) {
    #menu {
        display: none;
    }

    #baners div {
        margin: 15px 0;
    }

    #baners img {
        margin: 0 auto;
    }

    .visible-xs {
        height: 15px;
    }
}

@media (max-width: 768px) {
    .block-menu {
        background: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #menu {
        display: none;
    }

    .block-menu {
        background: none;
    }

    .block-bottom-menu h2 {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar {
        display: none;
    }
}

/*@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    #menu {
        display: none;
    }
    .navbar .brand {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    #menu {
        display: none;
    }
}

@media (max-width: 979px) {

}

@media (min-width: 980px) {
    .navbar {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #menu {
        display: none;
    }
}

@media (min-width: 1200px) {}*/