<script type="text/javascript">
    $(function(){
    var $slidilidzi = $('#slidilidzi').offset().top;
    $(window).scroll(function() {
    if($(this).scrollTop() > $slidilidzi){
    $('.slidilidzi').addClass('slidilidzi-fixed');
    }
    if($(this).scrollTop() < $slidilidzi){
    $('.slidilidzi').removeClass('slidilidzi-fixed');
    }
    });
    });
    </script>
<div style="margin-left:2%;">    
<div class="slidilidzi" id="slidilidzi">
ucozweb meistars
    </div><style>
       
.slidilidzi {
display:block;
width:70px;
height:60px;
background:#FF9D00;
text-align:center;
font:14px Cuprum;
text-transform:uppercase;
box-shadow:inset 0 1px 2px -1px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,1);
padding:10px 0;
margin:0 0 15px
}

.slidilidzi-fixed {
position:fixed;
top:5px;
box-shadow:0 0 0 5px rgba(0,0,0,.7),inset 0 1px 2px -1px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,1)
}

.slidilidzi,.slidilidzi-fixed {
transition:all .3s ease;
-webkit-ransition:all .3s ease;
-o-transition:all .3s ease
}

.slidilidzi:hover {
background:rgba(0,0,0,.7)
}

.slidilidzi-fixed:hover {
box-shadow:0 0 0 5px #FF9D00,inset 0 1px 2px -1px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,1)
}

.slidilidzi a:link,.slidilidzi a:visited,.slidilidzi a:hover {
display:block;
color:#FFF
}

.slidilidzi a span {
display:block;
font-size:10px;
padding:6px 0 0;
color:#EEE
    }</style></div>

<div style="margin-left:2%;">