.centar{  margin: 2%; padding: 5px; align-content: center;}
.tekst{font-size:large; font-weight: bold; padding-top: 5%;}
#strana{margin-bottom: 5%; background-color: yellow; text-align: center; font-size:large; font-weight: bold;}
#centralno{overflow: hidden; }
.sodrzina{height:200px;width:300px;}

.box{ border: 1px solid gray; padding-left: 3%; width: 400px;}
.oddeli{ margin-top: 1%;margin-bottom:1%; padding-top: 2%;}

#pratiemail { border-radius: 25px; border: 2px solid #161615; padding-left: 15%;padding-top: 5%;padding-bottom: 5%;}
#oglas { padding-left: 5%;}
.prebaruvanje{background-color: gray;margin-top: 5%;margin-bottom: 5%;padding-top: 1%;padding-bottom: 1%;padding-left: 1%;padding-right: 1%;margin-left:6%; margin-right: 13%; text-align: center;overflow: hidden;}
.levo{float: left;margin-left: 20%;}
.desno{float: right;margin-right: 10%; margin-left: 1%; }
#resetka{margin-bottom: 5%;}
#paginacija {  bottom: 0;margin-top: 3%;margin-bottom: 3%; padding-top: 1%; margin-left: 35%;  width:30%; margin-top: 3%; background-color: aqua;}

.oddelikopcinja{display: inline;padding-right: 10px;}
#naslovnica{margin-bottom: 50px;font-family: 'Courier New', Courier, monospace;text-align: center;padding-left: 10px;padding-right: 10px;}
#linkovi{text-align: center;background-color:rgb(121, 121, 120);padding-top: 0.5%;padding-bottom: 0.5%;color: white;}
#naslovnica{background-color: #aba6a6;padding-top: 3%;padding-bottom: 3%;}
a{color: white;}
#footertekst{margin-top: 1%; background-color: rgb(150, 147, 147);text-align:center;}
#datumnaslovsodrzina{ margin-bottom: 10em; width:35em ;} 
.redquckgrid{ border-bottom: 1px dotted black;}
#flex-container{display: flex;flex-direction: column;}
.dno{position: relative;right: 0;bottom: 0;left: 0;margin-top: 1%; background-color: rgb(150, 147, 147);text-align:center;}
.kopce{background-color: #6e6e6e; border: none;color: white;padding: 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}
.kopcezaobleno {border-radius: 12px;}
.ureduvanjetekstcenriranje{margin-left: 1%;}
.textareadimenzii{height: 200px;width: 400px;}
.ureditekstbox{border: 1px solid gray;width: 300px;padding-left: 3%;}
.ureditekstnaslov{width: 400px;}
#placeholdeureditekst{height: 30%;width: 5%; }
.crveno{color: red;}
/* za resetkata */
.koloni{ height: 500px; width: 500px; margin-right: 1px; margin-bottom: 5px; overflow:auto;  text-align: center;}
.sodrzinawrap{margin-left:4%; width: 100%;}
#grid{width:100%;}
#redovigrid{width: 90%;}

.gridborder{ border-color: grey; border-style:solid; border-width: 1px;}
#slikagrid{height: 250px; width: 270px;  text-align: center; }
#naslovgrid{height:50px;}
/*karj resetka */
#nemarezultati{margin-left: auto;margin-right:auto; width: 30%; margin-top: 10%;}
.link{color: black; padding-left: 1%;}
#obvivka{margin-left: 1%;}
.kontrolinovoglas{width: 300px;}
#obvivkavnatresna{margin-left: 3%;}
#vnatresnakonpocetok{margin-left: 4%; margin-bottom: 2%;}
  .slika {
        width: 350px;
        height: 350px;
        /*
        object-fit: cover; *//* keeps aspect ratio while filling */
         object-fit: contain; /* keeps aspect ratio */
  background-color: #000; /* fills empty space */
    }