html{
height:100%;
background:url(back.png);
}
body{
margin:0px;
}
#kaj{
position:absolute;
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,from(rgb(50, 50, 50)),to(rgb(0, 0, 0)));
background:-webkit-linear-gradient(top, rgb(50, 50, 50), rgb(0, 0, 0));
background:   -moz-linear-gradient(top, rgb(50, 50, 50), rgb(0, 0, 0));
background:     -o-linear-gradient(top, rgb(50, 50, 50), rgb(0, 0, 0));
background:        linear-gradient(top, rgb(50, 50, 50), rgb(0, 0, 0));
height:385px;
bottom:0px;
width:100%;
}
input{
-webkit-appearance:none;
-moz-appearance:none;
border:none;
outline:none;
width:700px;
height:56px;
position:relative;
left:50%;
top:20px;
/*box-shadow*/
-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, 1) inset;
   -moz-box-shadow:0px 2px 5px rgba(0, 0, 0, 1) inset;
        box-shadow:0px 2px 5px rgba(0, 0, 0, 1) inset;
margin-left:-360px;
background:#fff;
font-size:30px;
padding:0px 10px 0px 10px;
font-family:helvetica;
}
#nikaj{
position:absolute;
background:rgba(0,0,0, .85);
background-image:linear-gradient(top, rgba(255, 255, 255, .4), rgba(153, 153, 153, .2) 50%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, .4), rgba(153, 153, 153, .2) 50%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
background-image:-moz-linear-gradient(top, rgba(255, 255, 255, .4), rgba(153, 153, 153, .2) 50%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, .4), rgba(153, 153, 153, .2) 50%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
height:100px;
bottom:385px;
width:100%;
/*box-shadow*/
-webkit-box-shadow:0px -1px 0px 0px rgba(0, 0, 0, .5),0px -2px 0px 0px rgba(255, 255, 255, .3);
   -moz-box-shadow:0px -1px 0px 0px rgba(0, 0, 0, .5),0px -2px 0px 0px rgba(255, 255, 255, .3);
        box-shadow:0px -1px 0px 0px rgba(0, 0, 0, .5),0px -2px 0px 0px rgba(255, 255, 255, .3);
border-top:1px solid rgba(255,255,255, .5);
}
ul{
top:10px;
padding:0px;
width:1001px;
position:absolute;
}
.first{
left:50%;
margin:10px auto auto -505px;
}
.second{
left:50%;
margin:100px auto auto -465px;
}
.third{
left:50%;
margin:190px auto auto -505px;
}
.four{
left:50%;
margin:280px auto auto -505px;
}
li{
list-style:none;
margin-left:10px;
float:left;
height:74px;
width:79px;
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(50, 50, 50, 1),0),to(rgba(0, 0, 0, 1)));
background:-webkit-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1));
background:   -moz-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1));
background:     -o-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1));
background:        linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1));
/*box-shadow*/
-webkit-box-shadow:0px 3px 2px -2px rgba(0, 0, 0, 0.7),0px 1px 0px rgba(158, 158, 158, 1) inset;
   -moz-box-shadow:0px 3px 2px -2px rgba(0, 0, 0, 0.7),0px 1px 0px rgba(158, 158, 158, 1) inset;
        box-shadow:0px 3px 2px -2px rgba(0, 0, 0, 0.7),0px 1px 0px rgba(158, 158, 158, 1) inset;
/*border-radius*/
-webkit-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;
border:1px solid rgba(0,0,0, 1);
}
li:hover{
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(80, 80, 80, 1),0),to(rgba(30, 30, 30, 1)));
background:-webkit-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(30, 30, 30, 1));
background:   -moz-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(30, 30, 30, 1));
background:     -o-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(30, 30, 30, 1));
background:        linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(30, 30, 30, 1));
}
.zarezi{
width:70px;
line-height:20px;
text-align:center;
font-weight:normal;
color:#fff;
font-family:helvetica;
font-size:25px;
}
li p{
text-align:center;
line-height:25px;
font-weight:normal;
color:#fff;
font-family:helvetica;
font-size:25px;
}