html{
     font-family: 'Josefin Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
     scroll-behavior: smooth;
}

body{
    background: #FBF9F9 url('images/page.jpeg') top center no-repeat fixed;
    background-size: cover;
    
}

h1{
    font-size: 26px;
   
    font-weight: normal;
    font-style: normal;
    line-height: 120%;
}

a{
    
    color: #000;
}

p{
    margin: 0 0 5px 0;
}

#glava{
    width: 1166px;
    height: 113px;
    margin: 20px auto;
}

#page{

    width: 800px;
    padding: 20px 50px;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px #000;
}

div.izdelek{
    
    width: 206px;
    min-height: 450px;
    padding: 10px 20px;
    background-color: #fff;
    float: left;
    margin: 10px;
    box-shadow: 0 0 3px #aaa;
}

div.izdelek p{
    height: 32px;
}

div.izdelek img{
    margin: 10px 0;
}

#kosarica{
    border: 1px solid #aaa; background-color: #f5f5f5; padding: 5px; box-shadow: 0px 0px 5px #ccc;  z-index: 3;
}

.gumb{ line-height: 24px; border: 1px solid rgb(206, 247, 159); border-radius: 4px; padding: 4px; background-color: rgb(214, 245, 178); text-decoration:none;}
.gumb:hover{
    color: #000;
    box-shadow: 1px 1px 3px #aaa;
}


.g_dodaj{color: forestgreen; margin-top: 6px;}

.gumb_zlat{
    background-color:#f3c81e; color: #fff;font-size: 25px; border-radius: 3px; padding: 8px; text-decoration: none; box-shadow: 1px 1px 4px #aaa;
}

.gumb_zlat:hover{
    box-shadow: 1px 1px 5px #777;
}