/* svi pravokutnici sa dodacima margina*/
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }


/* Općenite postavke tijela stranice*/
  body{
    width: 100vw;
    height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1vw;
    overflow: hidden;
  }  
 
 /* Hide the images by default */
 .mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}


  /* Sakrij slike */
  .f2{
  display: block;
  overflow: hidden;
}

  .f{
    width: 100%;
    height: 85%;
    display: grid;
    grid-template-columns: 8vw auto 8vw;
    grid-template-rows: 85vh;
    position: fixed;
    top:2vh;
    left:0;
    background-color: white;

  }

  .f1{
    display: block;
  }

  .f2{
    margin: auto;
  }

  .f3{
    display: block;
    }

  .gumb_l, .gumb_d{
    position: absolute;
    top: 39vh;
    background-color: gray;
    color: white;
    height: 4vh; 
    width: 4vh;
    font-size: 2vh;
    text-align: center;
    line-height: 4vh;
    border-radius: 3px;
   }
 
  .gumb_l{
    left: 0;
    }

  .gumb_d{
  right: 0;
  }

  /* Darker background on mouse-over */
  .gumb_l:hover, .gumb_d:hover {
    background-color: goldenrod;
  }


  .g{
    width:100%;
    height: 12vh;  
    position: fixed;
    bottom: 0.5vh;
    left:0px;
    display: inline-block;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space:nowrap;


    
    
   }


  /* 10 sličica u retku 
.g1 {
  display: inline-block;
  width: 10%;
  display: inline-block;
  overflow-y: hidden;
  overflow-x: scroll;
}*/

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.3;
}

.active,
.demo:hover {
  opacity: 1;
}  

.minijatura{
  width: 10%;
}  

  
.c3_n{
  display: block;
  position: fixed;
  left: 20%;
  top: 12vh;
  height:83vh;
  width: 60%;
  font-size: medium;
  background-color: white;
  text-align: center;
}

.c3_naslovna{
  display: block;
  position: fixed;
  top: 12vh;
  left:15%;
  height:83vh;
  width: 60%;
  margin: auto;
  font-size: medium;
  background-color: white;
  text-align: center;

}