.btn {
    background-color: #333333;
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;

    font-size: 15px;
    border: 0px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
}
.btn.big {
    padding:10px 15px;
}

.btn.red {
    background-color: #E63329;
}

.btn.red:hover {
    background-color: #C82C27;
}

.btn.green {
    background-color: #27ae60;
}

.btn.grey {
    background-color: #808080;
}

.btn.grey:hover {
    background-color: #6A6B6B;
}

.btn.blue {
    background-color: #0061A7;
}

.btn.blue:hover {
    background-color: #206999;
}

.btn.orange {
    background-color: #F39200;
}

.btn.orange:hover {
    background-color: #D1812D;
}

a.btn {
    display: inline-block;
    color: #FFFFFF !important;
}

.btn .icon,
#topmenu a .icon {
    display: inline-block;
    background-image: url('//resources.pegasohosting.net/img/sprites/icons.png');
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}

.icon-order {
    display: inline-block;
    background-image: url('//resources.pegasohosting.net/img/sprites/icons_order.png');
    background-repeat: no-repeat;
    margin-left: 3px;
    vertical-align: middle;
    font-weight: bold;
}

.icon-order.add {
    background-position: 0 0;
    width: 10px;
    height: 7px;
}

.icon-order.remove {
    background-position: 0 -208px;
    width: 7px;
    height: 6px;

}

.icon-order.delete {
    background-position: 0 -63px;
    width: 17px;
    height: 16px;
}

.icon-order.back {
    background-position: 0 -154px;
    width: 8px;
    height: 11px;
    margin-left:0px;
    margin-right:3px;
}

.icon-order.plus {
    background-position: 0 -9px; width: 12px; height: 11px;
}

.icon.cart {
    background-position: 0px -34px;
    width: 25px;
    height: 17px;
}

.icon.cart2 {
    background-position: 0px -212px;
    width: 27px;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;

}

.icon.access {
    background-position: 0 0;
    width: 14px;
    height: 17px;
    vertical-align: middle !important;
}

.has_sub:hover .icon.access {
    background-position: 0px -17px;
}

.icon.dropdown {
    background-position: 0px -156px;
    width: 8px;
    height: 4px;
    margin-left: 10px;
    vertical-align: middle !important;
}

.has_sub:hover .icon.dropdown {
    background-position: 0px -165px;
}

.btn .icon.callback {
    background-image: url('//resources.pegasohosting.net/img/sprites/icons2.png');
    background-position: 0px 0px;
    width: 23px;
    height: 18px;
    margin-right: 5px;
}