@charset "utf-8";

/*MARGINS*********************************************/

/*Margin top*/
.mt_20 {
    margin-top: 20px
}

/*Margin left*/
.ml_10 {
    margin-left: 10px
}

/*Margin Right*/
.mr_10 {
    margin-right: 10px
}

/*COLOR********************************************/

/*Backgroun*/

.bc_blue {
    /*background-color: color: #0066b3 !important;*/
    background-color: #0066b3 !important;
}

/*Color*/

.light_blue {
    color: #0079d4
}

.dark_blue {
    color: #0066b3
}

.green {
    color: #00AB48
}

.green_l {
    color: #00b345;
}

.red {
    color: #E90003
}

.red_l {
    color: #ff0003;
}

.orange {
    color: #ff6700;
}

.orange_l {
    color: #ff9619;
}

.gray {
    color: #A7A7A7;
}

.gray_l {
    color: #dcdcdc;
}

.white {
    color: #FFFFFF
}

/*FONT SIZE*****************************************/

.fs_12 {
    font-size: 12px
}

.fs_14 {
    font-size: 14px
}

.fs_16 {
    font-size: 16px
}

.fs_18 {
    font-size: 18px
}

.fs_20 {
    font-size: 20px
}

.fs_22 {
    font-size: 22px
}

/*TEXT DECORATION***********************************/

.bold {
    font-weight: bold
}

.arial {
    font-family: Arial
}

/*Media Rules*/

@media only screen and (max-width: 1024px) {

    #header_left_cont {
        width: 40%;
        float: left;
    }

    #header_right_cont {
        width: 60%;
        float: right;
    }

    #header_slogan {
        height: 40px;
        width: 100px;
        display: table;
        vertical-align: middle;
        font-family: 'extrasquare';
        font-size: 14px;
        letter-spacing: 1px;
        color: #A7A7A7;
        margin-left: 30px;
        float: left;
    }

    .icon {
        font-size: 11px;
    }

    .shablon_menu_nav ul li {
        max-width: 14%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        text-decoration: none;
        padding: 0.5em;
        display: inline-block;
        vertical-align: middle;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .shablon_basket_container table {
        width: 90%;
        border-collapse: collapse;
        border-spacing: 0px;
        border: none;
        text-align: center;
    }

    .shablon_basket_container tr, .shablon_basket_container td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 4px;
        padding-right: 4px;
        word-wrap: break-word;
        max-width: 90px;
    }

}