body,html,div,p {
    margin:0;
    padding: 0;
    font-family: Arial;
}

body {
    background-image: url(pics/topleft.png);
    background-repeat: repeat-y;
    font-size: 12pt;
    min-height:calc(100vh - 10px);
}

#top {
    background: url(pics/top.png);
    background-repeat: repeat-x;
    height:48px;
    opacity: .8;
}


/****  SATNICE  ******************/
#kv0, #kv1, #kv2, #kv3, #kv4, #kv5, #kv6, #kv7, #kv8, #kv9 {
    display: block;
    margin:0;
    padding: 0;
}

#kv0 {
    width: 132px;
    height: 106px;
}
#kv1 {
    width: 250px;
    height: 81px;
}
#kv2 {
    width: 250px;
    height: 75px;
}
#kv3 {
    width: 133px;
    height: 106px;
}
#kv4 {
    width: 132px;
    height: 100px;
}
#kv5 {
    width: 250px;
    height: 75px;
}
#kv6 {
    width: 133px;
    height: 100px;
}
#kv7 {
    width: 132px;
    height: 108px;
}
#kv8 {
    width: 250px;
    height: 83px;
}
#kv9 {
    width: 133px;
    height: 108px;
}

div.satnica {
    display: inline-block;
}
/******************************************************/

/****   LOGIN   */
#login {
    border: solid 1px #E77D01;
    width: 300px;
    height: 100px;
    margin-left: calc(50vw - 151px);
    margin-top: calc(50vh - 48px - 51px);
    border-radius: 4pt;
    background: #fff;
}

#login .naslov {
    background-color: #F1A00B;
    background-image: url(pics/bg-dark.png);
    color: #FFF;
    font-weight: bold;
    padding:3px;
    border-top-left-radius: 3pt;
    border-top-right-radius: 3pt;
    border-bottom: solid 1px #E77D01;
    font-size: 10pt;
}
/*********************************************************************/

/**********   MENU   **********************************/
a.btn,a.btn:active {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width:128px;
    max-width:15vw;
    max-height: 15vw;
    height:128px;
    margin-left: 2vw;
    margin-top: 2vh;
    background-repeat: no-repeat;
    background-position: top left;
    filter: grayscale(50%);
    background-size: contain;
}

a.btn:hover {
    filter: none;
}