.routing-icon {
    background-image: url('routing.icons.png');
    -webkit-background-size: 240px 20px;
    background-size: 240px 20px;
    background-repeat: no-repeat;
    margin: 0;
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.routing-icon-continue         { background-position: 0 0; }
.routing-icon-sharp-right      { background-position: -20px 0; }
.routing-icon-turn-right       { background-position: -40px 0; }
.routing-icon-bear-right       { background-position: -60px 0; }
.routing-icon-u-turn           { background-position: -80px 0; }
.routing-icon-sharp-left       { background-position: -100px 0; }
.routing-icon-turn-left        { background-position: -120px 0; }
.routing-icon-bear-left        { background-position: -140px 0; }
.routing-icon-depart           { background-position: -160px 0; }
.routing-icon-enter-roundabout { background-position: -180px 0; }
.routing-icon-arrive           { background-position: -200px 0; }
.routing-icon-via              { background-position: -220px 0; }

/* icone manovre più complete */
.maneuvers-icon {
    background-image: url('maneuvers-2x.png');
    -webkit-background-size: 19px 630px;
    background-size: 19px 630px;
    background-repeat: no-repeat;
    margin: 0;
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 18px;
}

.maneuvers-icon-1 { background-position: 0 0px; }
.maneuvers-icon-2 { background-position: 0 -16px; }
.maneuvers-icon-3 { background-position: 0 -34px; }
.maneuvers-icon-4 { background-position: 0 -50px; }
.maneuvers-icon-5 { background-position: 0 -67px; }
.maneuvers-icon-6 { background-position: 0 -86px; }
.maneuvers-icon-7 { background-position: 0 -104px; }
.maneuvers-icon-8 { background-position: 0 -124px; }
.maneuvers-icon-9 { background-position: 0 -141px; }
.maneuvers-icon-10 { background-position: 0 -160px; }
.maneuvers-icon-11 { background-position: 0 -178px; }
.maneuvers-icon-12 { background-position: 0 -196px; }
.maneuvers-icon-13 { background-position: 0 -213px; }
.maneuvers-icon-14 { background-position: 0 -230px; }
.maneuvers-icon-15 { background-position: 0 -248px; }
.maneuvers-icon-16 { background-position: 0 -267px; }
.maneuvers-icon-17 { background-position: 0 -285px; }
.maneuvers-icon-18 { background-position: 0 -304px; }
.maneuvers-icon-19 { background-position: 0 -320px; }
.maneuvers-icon-20 { background-position: 0 -339px; }
.maneuvers-icon-21 { background-position: 0 -359px; }
.maneuvers-icon-22 { background-position: 0 -377px; }
.maneuvers-icon-23 { background-position: 0 -394px; }
.maneuvers-icon-24 { background-position: 0 -414px; }
.maneuvers-icon-25 { background-position: 0 -429px; }
.maneuvers-icon-26 { background-position: 0 -446px; }
.maneuvers-icon-27 { background-position: 0 -465px; }
.maneuvers-icon-28 { background-position: 0 -481px; }
.maneuvers-icon-29 { background-position: 0 -499px; }
.maneuvers-icon-30 { background-position: 0 -516px; }
.maneuvers-icon-31 { background-position: 0 -532px; }
.maneuvers-icon-32 { background-position: 0 -550px; height: 16px;}
.maneuvers-icon-33 { background-position: 0 -565px; }
.maneuvers-icon-34 { background-position: 0 -582px; }
.maneuvers-icon-35 { background-position: 0 -598px; height: 16px;}
.maneuvers-icon-36 { background-position: 0 -614px; }