/* reset */
.musli *{
        padding:0;
        margin:0;
        list-style:none;
}
.musli{
        position:fixed;
        right:0px;
        top:60%; /* tutaj można ustawić odległość od góry strony dla zakładek znajdujących się po prawej stronie  */
        z-index:200;
        list-style:none;
}

.musli > li{
        cursor:pointer;
        width:35px;
        height:35px;
        margin-bottom:1px;
        position:relative;
}
.musli-bottom > li, .musli-top > li{
        margin-right: 1px;
        margin-bottom: 0;
        float:left;
}

/* Zaokrąglone rogi dla obrazków zakładek - skasuj, jeżeli nie chcesz zaokrąglać rogów przez CSS */
.musli > li > img{
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 2px 0 0 2px;
}
/* Koniec Zaokrąglone rogi dla obrazków zakładek */

.musli > li > div{
        padding:5px;
        background: #fff;
        float:left;
        width:286px;
        height:260px;
        -moz-border-radius: 0 0 0 8px;
        -webkit-border-radius: 0 0 0 8px;
        border-radius: 0 0 0 8px;
        position:absolute;
        top:0;
        left:35px;
        z-index:200;
        border: solid #0170cf 3px;
}
.musli-ango{
        border: solid #000 3px !important;
}
.musli-facebook{
        border: solid #0170cf 3px !important;
}

/** transitions **/
/** wymiary diva - width:286px; height:296px; **/
.musli>li{
        right:0;
        -moz-transition:.5s linear;
        -webkit-transition:.5s linear;
        transition:.5s linear;
}
.musli>li:hover{
        right:286px; /* szerokosc diva w którym znajduje się LikeBox */
}

/** END transitions **/