#catalog_category_main_list {
    display: table;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
}

#catalog_category_main_list .item {
    margin-bottom: 20px;
    height: 175px;
    text-align: center;
    text-decoration: none;
}

#catalog_category_main_list .item:hover img {
    box-shadow: 0px 2px 3px #888888;
}

#catalog_category_main_list .item span {
    color: #525252;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    font-family: 'PTSans-Regular',Arial,sans-serif;
}

#catalog_category_main_list .item .img-border {
    width: 127px;
    height: 125px;
    display: block;
    margin: 0 auto;
} 

#catalog_section_root .menu {
    display: table;
    width: 100%;
    border-bottom: 3px solid #303030;
}
 
#catalog_section_root .menu a {
    padding-top: 10px;
    height: 40px;
    width: 100%;
    display: block;
    color:#545454;
    font-size: 16px;
    text-decoration: none;
    background-color: #fff;
    font-family: 'PTSans-Bold',Arial,sans-serif;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; 
    cursor: pointer;
    padding-left: 20px;
}

#catalog_section_root .menu a.active  {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#636363+0,2f2f2f+100 */
    background: #636363; /* Old browsers */
    background: -moz-linear-gradient(top,  #636363 0%, #2f2f2f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #636363 0%,#2f2f2f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #636363 0%,#2f2f2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
    color:#fff;
}

#catalog_section_root .items {
    background-color: #fff;
    display: table; 
    width: 100%;
}

#catalog_section_root .items .section {
    height: 200px;
    text-decoration: none;
}

#catalog_section_root .section .item { 
    padding: 20px;
    text-decoration: none;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #d7d7d7;
}

#catalog_section_root .section .item .wrapper_image {
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat; 
}

#catalog_section_root .section .item  img { 
    max-width: 100%;
}

#catalog_section_root .items .section span {
    display: block;
    color: #525252;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    font-family: 'PTSans-Regular',Arial,sans-serif;
    text-decoration: none;
}

#catalog_element_list {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
}

#catalog_element_list .button_black {
    display: block;
}

#catalog_element_list .price {
    white-space: nowrap;
}

#catalog_element_list .name span { 
    display: block;
}

#catalog_element_list .name img { 
    margin-top: 10px;
    display: block;
    float: left;
}

#catalog_element_list table {
    width: 100%;
}

#catalog_element_list thead {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#636363+0,313131+100 */
    background: #636363; /* Old browsers */
    background: -moz-linear-gradient(top,  #636363 0%, #313131 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #636363 0%,#313131 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #636363 0%,#313131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#catalog_element_list thead tr th { 
    border-left: 1px solid #f7f7f7;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    padding: 10px 8px;
    color:#fff;
    text-shadow: 1px 1px 2px #505152; 
}

#catalog_element_list tbody tr td { 
    border-left: 1px solid #f7f7f7;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    padding: 10px 8px;
}

#catalog_element_list tr:nth-of-type(even) {
    background-color: #dedede;
}

#catalog_element_list .note {
    margin-top: 20px; 
}

#catalog_element_list .model {
    white-space: nowrap;
}

#catalog_element_list .model span {
    display: block;
/*   // white-space: nowrap;*/
    font-size: 9px;
    padding: 0px 3px;
}

@media (max-width: 991px) { 
    #catalog_element_list tbody tr {
        border:1px solid #bfbfbf;
        display: block;
        margin-top: 20px;
    }
    
    #catalog_element_list tbody tr td {
        display: block;
        border: none;
        margin-top: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #catalog_element_list .price {
        text-align: center;
        font-size: 18px;
    }
    
    #catalog_element_list .model span {
        display: inline-block !important;
    /*   // white-space: nowrap;*/
        font-size: 10px;
        padding-right: 10px;
    }
    
    #catalog_element_list .order {
        padding-bottom: 10px;
    }
    
    #catalog_element_list .picture img {
        width: 200px;
        height: auto;
    }
}

.catalog_section_level .menu {
    display: table;
    width: 100%;
    border-bottom: 3px solid #303030;
}
 
.catalog_section_level .menu a {
    padding-top: 10px;
    height: 40px;
    width: 100%;
    display: block;
    color:#545454;
    font-size: 16px;
    text-decoration: none;
    background-color: #fff;
    font-family: 'PTSans-Bold',Arial,sans-serif;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; 
    cursor: pointer;
    padding-left: 20px;
}

.catalog_section_level .menu a.active  {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#636363+0,2f2f2f+100 */
    background: #636363; /* Old browsers */
    background: -moz-linear-gradient(top,  #636363 0%, #2f2f2f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #636363 0%,#2f2f2f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #636363 0%,#2f2f2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
    color:#fff;
}

.catalog_section_level .items {
    background-color: #fff;
    display: table; 
    width: 100%;
}

.catalog_section_level .items .section {
    height: 200px;
    text-decoration: none;
}

.catalog_section_level .section .item { 
    padding: 20px;
    text-decoration: none;
    height: 210px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #d7d7d7;
}

.catalog_section_level .section .item .wrapper_image {
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat; 
}

.catalog_section_level .section .item  img { 
    max-width: 100%;
}

.catalog_section_level .items .section span {
    display: block;
    color: #525252;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    font-family: 'PTSans-Regular',Arial,sans-serif;
    text-decoration: none;
}



@media (max-width: 768px) {    
    #catalog_section_root .menu a {
        height: 30px;
        padding-top: 5px;
        font-size: 14px; 
    }
    
    #modal_add .modal-dialog .button_red,
    #modal_add .modal-dialog .button_black
    {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {   
    
    #catalog_category_main_list .item {
        text-align: center;
        width: 50%;
    }
    
    #catalog_section_root .menu a {
        height: 30px;
        padding-top: 5px;
        font-size: 14px;
        padding-left: 5px;
    }
    
    #catalog_section_root .section .item .wrapper_image { 
        background-size: contain;
    }
    
    .catalog_section_level .menu a {
        height: 30px;
        padding-top: 5px;
        font-size: 14px;
        padding-left: 5px;
    }
    
    .catalog_section_level .section .item .wrapper_image { 
        background-size: contain;
    }
}

.stock ul {padding-left: 1px !important;}