/* 
    Created on : 2014-03-13, 21:37:36
    Author     : Piotr Musioł
*/

#doradztwo .image{
    background:center 64% no-repeat url("doradztwo/legs.png");
    background-size:27% 29%;
}



#doradztwo .image:after, #doradztwo .image:before{
    content:" ";
    display:block;
    position:absolute;
    background:center center no-repeat;
    background-size: contain;
}
#doradztwo .image:before{
    background-image: url("doradztwo/head.png");
    width:20%;
    height:19%;
    left:41%;
}
#doradztwo .image:after{
    background-image: url("doradztwo/mid.png");
    width:42%;
    height:34%;
    left:29%;
    top:16%;
}
#doradztwo:hover .image:before{
    -webkit-animation:head_anim 1s;
    animation:head_anim 1s;
}
#doradztwo:hover .image:after{
    -webkit-animation:mid_anim 1s;
    animation:mid_anim 1s;
}

@-webkit-keyframes head_anim{
    0%{top:0%;}
    50%{top:5%;}
    100%{top:0%;}
}
@keyframes head_anim{
    0%{top:0%;}
    50%{top:5%;}
    100%{top:0%;}
}

@-webkit-keyframes mid_anim{
    0%{top:16%;}
    50%{top:19%;}
    100%{top:16%;}
}

@keyframes mid_anim{
    0%{top:16%;}
    50%{top:19%;}
    100%{top:16%;}
}