* {
  box-sizing: border-box;
}




@font-face {
font-family: "Foundry Monoline ExtraBold";
src: url("./FoundryMonolineOT3/FoundryMonolineOT3-ExtraBold.otf");

}

@font-face {
font-family: "Rubik Medium";
src: url("./Rubik-Medium/Rubik-Medium.ttf");

}



body {
        background-color: #FAB96E !important;

}

h1 {
    font-size: 22px;
    color: #2D46A0;
}
h2 {
    font-family: 'Foundry Monoline ExtraBold', Arial, sans-serif;
    font-size: 24px;
    color: #2D46A0;
}
h3,h4 {
    font-size: 14px;

}

h3 {
    font-family: 'Rubik Medium', Arial, sans-serif;
}


h4 {
    font-family: 'Rubik', Arial, sans-serif;
}

strong {
    font-size: 13px;
    color: black;
}

.priprema {
    color:  #E64B7D;
    margin: auto;
}


.h2prvi{
    background-color: #E64B7D;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
    color: #FAB96E;
    min-height: 58px;
}

.h2drugi{
    background-color: #2D46A0;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
    color: #FAB96E;
    min-height: 58px;
}

.h2treci{
    background-color: #E64B7D;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
    min-height: 58px;

}

.prijavi {
    color: #FAB96E;
}


.marginb {
    margin-bottom: 20px;
    padding: 0 !important;
}

.datum{
    color: #E64B7D;
    
}


p {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.text {
    
    font-size: 12px;
}

.belo {
    background-color: white;
    margin-bottom: 20px;
}

.naziv{
    color: #2D46A0;
}

article {
    padding: 20px;
}

section article {
    
    padding: 20px 20px 0 20px;
}

section article:last-child {
    
    padding: 20px;
}
    
section {
    
    background-color: white;
}

.kolone {
    margin-right: 30px;
    padding: 0;
    margin-bottom: 20px;
    
}

.kolone:last-child {
  margin-right: 0;
}

.skolske {
    margin-bottom: 0;
}


.containers {
    background-color: #FAB96E;
}



button {
    background-color: transparent;
    border: transparent;
    color: #E64B7D;
}



#wrapp {
    
    
    width: 545px;
    
}

#wrapp img {
    width: 545px;
    position: fixed;
}


.srbija {
    width: 545px;
    
      
}
.glavna {
    max-width: 100%;
    margin-bottom: 25px;
}

.izlozba {
    margin-bottom: 20px;
    padding: 0;
    margin-right: 30px;
}

.izlozba:last-child {

    margin-right: 0;
}


.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.meni {
   
    width: 235px;
    margin-left: 40px;
    margin-right: 55px;
    
    
    
}

.row {
    width: 100%;
    margin: 0;
}


.sadrzaj {
    
    width: 930px;
    margin-top: 45px;
    margin-right: 60px;
    
    
}

.sidebars {
    
    width: 545px;
    margin-top: 45px;
    
}


.navbar { 
    
    background-color: transparent !important;
    padding: 0;
  
}

.logo {
    background-image: url(jakov/LOGO.png);
    background-repeat: no-repeat;
    width: 235px;
    height:330px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER.png);
    transition: 2s;
}

.sponzori {
    
   background-color: white;
   padding-top: 50px;    
    padding-bottom: 50px;
    
    
}

.sponzor {
    
   background-color: white;   
    
    
}


.ng {
    background-image: url(LOGO/Medijski/ng.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}



.rts {
    background-image: url(LOGO/Medijski/RTS.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.rbg2 {
    background-image: url(LOGO/Medijski/rbg2.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.n1 {
    background-image: url(LOGO/Medijski/n1.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.seecult {
    background-image: url(LOGO/Medijski/SEEcult_logo.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}
.city {
    background-image: url(LOGO/Medijski/city_logo_2014.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}
.designed {
    background-image: url(LOGO/Medijski/DesignedWhite.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.ba {
    background-image: url(LOGO/Medijski/ba.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.danas {
    background-image: url(LOGO/Medijski/DANAS.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.vreme {
    background-image: url(LOGO/Medijski/vreme.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.gradbeograd {
    background-image: url(LOGO/partneri/beograd.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.akademija {
    background-image: url(LOGO/partneri/akademija.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.milankovic {
    background-image: url(LOGO/partneri/milankovic.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.australija {
    background-image: url(LOGO/partneri/australija.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.gsp {
    background-image: url(LOGO/partneri/gsp.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.info {
    background-image: url(LOGO/partneri/info.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.aq {
    background-image: url(LOGO/partneri/aq.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.extreme {
    background-image: url(LOGO/partneri/extreme.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.eset {
    background-image: url(LOGO/partneri/eset.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.ski {
    background-image: url(LOGO/partneri/ski.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.scientix {
    background-image: url(LOGO/partneri/scientix.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.mozak {
    background-image: url(LOGO/partneri/mozak.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.arabic {
    background-image: url(LOGO/partneri/arabic.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}

.sputnik {
    background-image: url(LOGO/partneri/sputnik.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}



.arhiva2018 {
    
    background-image: url(arhiva/ARHIV-01.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2018:hover{
    background-image: url(arhiva/ARHIVHOVER-01.jpg);
    
}

.arhiva2017 {
    
    background-image: url(arhiva/ARHIV-02.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2017:hover{
    background-image: url(arhiva/ARHIVHOVER-02.jpg);
    
}

.arhiva2016 {
    
    background-image: url(arhiva/ARHIV-03.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2016:hover{
    background-image: url(arhiva/ARHIVHOVER-03.jpg);

}

.arhiva2015 {
    
    background-image: url(arhiva/ARHIV-04.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2015:hover{
    background-image: url(arhiva/ARHIVHOVER-04.jpg);
    
}

.arhiva2014 {
    
    background-image: url(arhiva/ARHIV-05.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2014:hover{
    background-image: url(arhiva/ARHIVHOVER-05.jpg);
    
}

.arhiva2013 {
    
    background-image: url(arhiva/ARHIV-06.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2013:hover{
    background-image: url(arhiva/ARHIVHOVER-06.jpg);
    
}

.arhiva2012 {
    
    background-image: url(arhiva/ARHIV-07.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2012:hover{
    background-image: url(arhiva/ARHIVHOVER-07.jpg);
    
}

ul {
    list-style-type: none;
    padding: 0;
    width: -webkit-fill-available;
    
}

.nav-item {
    
    padding: 0;
    
}


.nav-link {
    
    padding: 8px 0 8px 0;
    
}

ul a {
    
    font-family: 'Foundry Monoline ExtraBold', Arial, sans-serif;
    margin-top: 15px;
    color: #FAB96E;
    background: #E64B7D;
    position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
    padding: 0;
    font-size: 24px;
	
   
}

ul a:hover{
    
    color: #FAB96E;
    background-color: #2D46A0;
    
}


ul a:focus{
    
    color: #FAB96E;
    background-color: #2D46A0;
   
}

.mali {
    flex: 0 0 46.666667%;
    max-width: 46.666667%;    
    
}

.mali a {
    
    font-size: 14px;
    
}


.m3 {
    position: sticky;
    top: 0px;
    margin: 0;
}




.navbar-toggler {
    
   
    
}

.cpn a {
    background-image: url(jakov/cpn.jpg);
    width: 118px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
}

.sanu a {
    background-image: url(jakov/sanu.jpg);
    width: 117px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
    
}








.tacka{
    
    position: fixed;
    font-size: 27px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    
    
}

.obrenovac {

    top: 480px;
    margin-left: 187px;

}

.valjevo {

    top: 537px;
    margin-left: 151px;

}


.smederevo {

    top: 481px;
    margin-left: 265px;
}

.cacak {

    top: 598px;
    margin-left: 203px;
}


.bajina-basta {

    top: 586px;
    margin-left: 120px;
}

.gornji-milanovac {

    top: 575px;
    margin-left: 214px;
}

.kanjiza {

    top: 268px;
    margin-left: 171px;
}

.kikinda {

    top: 304px;
    margin-left: 214px;
}

.knjazevac {

    top: 643px;
    margin-left: 409px;
}


.kragujevac {

    top: 581px;
    margin-left: 264px;
}


.krajisnik {

    top: 360px;
    margin-left: 244px;
}


.krusevac {

    top: 644px;
    margin-left: 308px;
}

.kucevo {

    top: 505px;
    margin-left: 346px;
}


.leskovac {

    top: 729px;
    margin-left: 375px;
}

.nis {

    top: 681px;
    margin-left: 369px;
}

.novi-pazar {
    
    top: 708px;
    margin-left: 221px;
}

.pancevo {
 
    top: 448px;
    margin-left: 236px;
}

.ranovac {
 
    top: 513px;
    margin-left: 325px;
}

.ruma {

    top: 427px;
    margin-left: 147px;
}


.ruski-krstur {

    top: 345px;
    margin-left: 104px;
}

.sabac {

    top: 468px;
    margin-left: 133px;
}

.sivac {

    top: 322px;
    margin-left: 100px;
}


.uzice {
    
    top: 605px;
    margin-left: 149px;
}

.vladicin-han {
    
    top: 771px;
    margin-left: 388px;
}

.zitoradja {

    top: 702px;
    margin-left: 350px;
}


.zrenjanin {
       
    top: 372px;
    margin-left: 207px;
}

.b-petrovac {
       
    top: 374px;
    margin-left: 121px;
}

.beograd {

    top: 461px;
    margin-left: 213px;
}

.blace {

    top: 681px;
    margin-left: 304px;
}

.bor {

    top: 564px;
    margin-left: 392px;
}

.d-strizevac {

    top: 710px;
    margin-left: 426px;
}

.zitkovac {
    
    top: 651px;
    margin-left: 350px;
}

.k-mitrovica {
    
    top: 744px;
    margin-left: 262px;
}

.lazarevac {
       
    top: 520px;
    margin-left: 195px;
}

.priboj {
    
    top: 642px;
    margin-left: 115px;
}

.prokuplje {
    
    top: 692px;
    margin-left: 337px;
}


.zajecar {
       
    top: 595px;
    margin-left: 410px;
}

.kraljevo {
       
    top: 622px;
    margin-left: 236px;
}

.resavica {
       
    top: 572px;
    margin-left: 337px;
}

.s-mitrovica {
       
    top: 435px;
    margin-left: 124px;
}
.s-palanka {
       
    top: 523px;
    margin-left: 269px;
}


.sefkerin {
    
    top: 424px;
    margin-left: 218px;
    
}

.sombor {
       
    top: 312px;
    margin-left: 71px;
}

.sonta {
       
    top: 333px;
    margin-left: 67px;
}

.trupale {
    
    top: 671px;
    margin-left: 359px;
}

.v-gradiste {
    
    top: 467px;
    margin-left: 327px;
}

.v-banja {
    
    top: 636px;
    margin-left: 262px;
}











/*Mobilni*/








 @media only screen and (min-width: 576px) and (max-width: 990px) { 

.kolone {
    margin-right: 0;
    
}
     
.izlozba {

    margin-right: 0;
}     
     

     
.logo {
    background-image: url(jakov/LOGO80.png);
    background-repeat: no-repeat;
    width: 80px;
    height:113px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER80.png);
    transition: 2s;
}       
     
     
     
.navbar-toggler {
         
     margin: 0 0 0 75%;
 }
     
     
     
    
    
    .flex {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 
}
    
.meni {
    
    width: 100%;
    padding: 0 10px;
    margin: 0;
    
}
.sadrzaj {
    
    width: 100%;
    padding: 10px;
    margin: 0;
    
}

.sidebars {
    
    width: 100%;
    padding: 10px;
    margin: 0;
}
    
#wrapp {
    
    
    width: 700px;
    
}

#wrapp img {
    width: 700px;
    position: relative;
}


.srbija {
    
    width: 700px;
    
    
    }
    
.tacka{
    
    position: relative;
    font-size: 27px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    
    
}
  

.obrenovac {

    top: -543px;
    margin-left: 241px;

}
     
.valjevo {

    top: -461px;
    margin-left: 195px;

}     


.smederevo {

    top: -554px;
    margin-left: 341px;
}

.cacak {

    top: -413px;
    margin-left: 262px;
}


.bajina-basta {

    top: -439px;
    margin-left: 155px;
}

.gornji-milanovac {

    top: -463px;
    margin-left: 277px;
}

.kanjiza {

    top: -865px;
    margin-left: 221px;
}

.kikinda {

    top: -831px;
    margin-left: 277px;
}

.knjazevac {

    top: -403px;
    margin-left: 526px;
}


.kragujevac {

    top: -495px;
    margin-left: 340px;
}


.krajisnik {

    top: -790px;
    margin-left: 314px;
}


.krusevac {

    top: -435px;
    margin-left: 397px;
}

.kucevo {

    top: -621px;
    margin-left: 446px;
}


.leskovac {

    top: -345px;
    margin-left: 482px;
}

.nis {

    top: -416px;
    margin-left: 475px;
}

.novi-pazar {
    
    top: -391px;
    margin-left: 285px;

}

.pancevo {
 
    top: -736px;
    margin-left: 304px;
}

.ranovac {
 
    top: -662px;
    margin-left: 418px;
}

.ruma {

    top: -782px;
    margin-left: 190px;
}


.ruski-krstur {

    top: -897px;
    margin-left: 135px;
}

.sabac {

    top: -750px;
    margin-left: 171px;
}

.sivac {

    top: -947px;
    margin-left: 129px;
}


.uzice {
    
    top: -594px;
    margin-left: 192px;
}

.vladicin-han {
    
    top: -391px;
    margin-left: 499px;
}

.zitoradja {

    top: -491px;
    margin-left: 450px;
}


.zrenjanin {
       
    top: -923px;
    margin-left: 267px;
}

.b-petrovac {
       
    top: -929px;
    margin-left: 158px;
}

.beograd {

    top: -827px;
    margin-left: 275px;
}

.blace {

    top: -556px;
    margin-left: 393px;
}

.bor {

    top: -714px;
    margin-left: 504px;
}

.d-strizevac {

    top: -537px;
    margin-left: 548px;
}

.zitkovac {
    
    top: -625px;
    margin-left: 450px;
}

.k-mitrovica {
    
    top: -516px;
    margin-left: 336px;
}

.lazarevac {
       
    top: -812px;
    margin-left: 251px;
}

.priboj {
    
    top: -665px;
    margin-left: 149px;
}

.prokuplje {
    
    top: -610px;
    margin-left: 434px;
}


.zajecar {
       
    top: -756px;
    margin-left: 528px;
}
     
.kraljevo {
       
    top: -711px;
    margin-left: 305px;
}
     
     

.resavica {
       
    top: -796px;
    margin-left: 434px;
}

.s-mitrovica {
       
    top: -982px;
    margin-left: 160px;
}
.s-palanka {
       
    top: -879px;
    margin-left: 346px;
}


.sefkerin {
    
    top: -1018px;
    margin-left: 281px;
    
}

.sombor {
       
    top: -1171px;
    margin-left: 92px;
}

.sonta {
       
    top: -1154px;
    margin-left: 87px;
}

.trupale {
    
    top: -728px;
    margin-left: 463px;
}

.v-gradiste {
    
    top: -1002px;
    margin-left: 421px;

}

.v-banja {
    
    top: -795px;
    margin-left: 338px;
}
    
    
    
}



@media only screen and (min-width: 991px) and (max-width: 1601px) {
    

h2 {
    font-size: 19px;

}
h3,h4 {
    font-size: 14px;

}    
     
    
section article {
    
    padding: 10px 10px 0 10px;
}

section article:last-child {
    
    padding: 10px;
}
    
    
    
    
.meni {
    
    width: 160px;
    
    
    
}
    
    
#wrapp {
    
    
    width: 435px;
    
}

#wrapp img {
    width: 435px;
    position: fixed;
}


.srbija {
    width: 435px;
    
    
   
}
    
    
    
.cpn a {
    background-image: url(jakov/cpn81.jpg);
    width: 81px;
    height: 80px;
    text-indent: -9999px;
    background-color: white;
    color: white;
}

.sanu a {
    background-image: url(jakov/sanu80.jpg);
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    background-color: white;
    color: white;
    
}        
    
    
    
    
    
.logo {
    background-image: url(jakov/LOGO160.png);
    background-repeat: no-repeat;
    width: 160px;
    height:225px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER160.png);
    
}    
    
ul a {
    
    font-size: 19px;
    
    }
    
    .mali {
    flex: 0 0 45.666667%;
    max-width: 45.666667%;    
    
}
    
    .mali a {
        
        font-size: 9px;
    }    
    
    .nav-link {
    padding: 7px 0;
}
    
    

.obrenovac {

    top: 391px;
    margin-left: 148px;

}
    
.valjevo {
    top: 437px;
    margin-left: 119px;
    
}


.smederevo {

    top: 391px;
    margin-left: 210px;
}

.cacak {

    top: 485px;
    margin-left: 161px;
}


.bajina-basta {

    top: 475px;
    margin-left: 95px;
}

.gornji-milanovac {

    top: 466px;
    margin-left: 171px;
}

.kanjiza {

    top: 223px;
    margin-left: 136px;
}

.kikinda {

    top: 250px;
    margin-left: 171px;
}

.knjazevac {

    top: 523px;
    margin-left: 325px;
}


.kragujevac {

    top: 471px;
    margin-left: 210px;
}


.krajisnik {

    top: 295px;
    margin-left: 194px;
}


.krusevac {

    top: 520px;
    margin-left: 245px;
}

.kucevo {

    top: 411px;
    margin-left: 276px;
}


.leskovac {

    top: 590px;
    margin-left: 298px;
}

.nis {

    top: 552px;
    margin-left: 295px;
}

.novi-pazar {
    
    top: 574px;
    margin-left: 176px;

}

.pancevo {
 
    top: 365px;
    margin-left: 187px;
}

.ranovac {
 
    top: 417px;
    margin-left: 258px;
}

.zajecar {
    top: 483px;
    margin-left: 326px;
} 
    
.kraljevo {
    top: 504px;
    margin-left: 188px;
}     
    
.ruma {

    top: 349px;
    margin-left: 116px;
}


.ruski-krstur {

    top: 284px;
    margin-left: 82px;
}

.sabac {

    top: 381px;
    margin-left: 104px;
}

.sivac {

    top: 264px;
    margin-left: 79px;
}


.uzice {
    
    top: 490px;
    margin-left: 117px;
}

.vladicin-han {
    
    top: 623px;
    margin-left: 308px;
}

.zitoradja {

    top: 567px;
    margin-left: 279px;
}


.zrenjanin {
       
    top: 304px;
    margin-left: 164px;
}

.b-petrovac {
       
    top: 307px;
    margin-left: 97px;
}

.beograd {

    top: 376px;
    margin-left: 169px;
}

.blace {

    top: 551px;
    margin-left: 242px;
}

.bor {

    top: 459px;
    margin-left: 311px;
}

.d-strizevac {

    top: 575px;
    margin-left: 339px;
}

.zitkovac {
    
    top: 527px;
    margin-left: 278px;
}

.k-mitrovica {
    
    top: 601px;
    margin-left: 207px;
}

.lazarevac {
       
    top: 423px;
    margin-left: 155px;
}

.priboj {
    
    top: 520px;
    margin-left: 91px;
}

.prokuplje {
    
    top: 562px;
    margin-left: 268px;
}


.resavica {
       
    top: 465px;
    margin-left: 268px;
}

.s-mitrovica {
       
    top: 355px;
    margin-left: 98px;
}
.s-palanka {
       
    top: 426px;
    margin-left: 214px;
}


.sefkerin {
    
    top: 346px;
    margin-left: 173px;
    
}

.sombor {
       
    top: 258px;
    margin-left: 56px;
}

.sonta {
       
    top: 274px;
    margin-left: 52px;
}

.trupale {
    
    top: 542px;
    margin-left: 285px;
}

.v-gradiste {
    
    top: 380px;
    margin-left: 260px;

}

.v-banja {
    
    top: 514px;
    margin-left: 208px;
}
    
    
    
    
    
    
    
    
    

}


/*
@media only screen and (min-width: 1290px) and (max-width: 1449px) { 


.meni {
    
    width: 205px;
    
    
    
}
    
    
    
    
#wrapp {
    
    
    width: 490px;
    
}

#wrapp img {
    width: 490px;
    position: fixed;
}


.srbija {
    width: 490px;
    
    
   
}    
    
    
    
    
.cpn a {
    background-image: url(jakov/cpn.jpg);
    width: 103px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
}

.sanu a {
    background-image: url(jakov/sanu.jpg);
    width: 102px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
    
}    
    
    
.logo {
    background-image: url(jakov/LOGO200.png);
    background-repeat: no-repeat;
    width: 205px;
    height:288px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER200.png);
    transition: 2s;
}    

}
*/


/* @media only screen and (min-width: 1602px) and (max-width: 1799px) { 


.meni {
    
    width: 205px;
    
    
    
}
    
    
#wrapp {
    
    
    width: 510px;
    
}

#wrapp img {
    width: 510px;
    position: fixed;
}


.srbija {
    width: 510px;
    
    
   
}    
    
    
.cpn a {
    background-image: url(jakov/cpn.jpg);
    width: 103px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
}

.sanu a {
    background-image: url(jakov/sanu.jpg);
    width: 102px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
    
}        
    
    
    
.logo {
    background-image: url(jakov/LOGO200.png);
    background-repeat: no-repeat;
    width: 205px;
    height:288px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER200.png);
    transition: 2s;
}   
    
    
ul a {
    
    font-size: 22px;
    
    }
    
    .mali a {
        
        font-size: 12px;
    }        
    
    .nav-link {
    padding: 7px 0;
}

} */



/*
@media only screen and (min-width: 1600px) and (max-width: 1799px) { 


.meni {
    
    width: 235px;
    
    
    
}
    
    
#wrapp {
    
    
    width: 517px;
    
}

#wrapp img {
    width: 517px;
    position: fixed;
}


.srbija {
    width: 517px;
    
    
   
}        
    

}
*/

@media (max-width: 1199px) {
    
    .kolone {
    
    margin-right: 0;
    }
    
    
    .izlozba {

    margin-right: 0;
}   
}






@media (min-width: 1800px) {
    
    .meni {
    
    width: 235px;
    
    
    
}
}



@media (min-width: 1865px) {
    
    
    body {
        
        width: 1865px;
        margin: 0 auto;
        
        
    }
    
    
    
}




@media (min-width: 992px) {
 
    .hide {
        
        display: none;
        
    }
    
} 






@media (max-width: 576px) {
    

.kolone {
    margin-right: 0;
    
}    
    

.logo {
    background-image: url(jakov/LOGO80.png);
    background-repeat: no-repeat;
    width: 80px;
    height:113px; 
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    
}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER80.png);
    transition: 2s;
}       
    
    

.navbar-toggler {
         
     margin: 0 0 0 75%;
 }
         
    
    
    
    
    
.flex {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 
}
    
.meni {
    
    width: 100%;
    padding: 0 10px;
    margin: 0;
    
}
.sadrzaj {
    
    width: 100%;
    padding: 10px;
}

.sidebars {
    
    width: 100%;
    padding: 10px;
    margin: 0;
}
    
#wrapp {
    
    
    width: 387px;
    
}

#wrapp img {
    width: 387px;
    position: relative;
}


.srbija {
    width: 387px;
    
    }
    
.tacka{
    
    position: relative;
    font-size: 27px;
    width: 5px;
    height: 5px;
    background-color: transparent;
    
    
}
  

.obrenovac {

    top: -301px;
    margin-left: 134px;

}

.valjevo {

    top: -256px;
    margin-left: 108px;

}    

.smederevo {

    top: -305px;
    margin-left: 189px;
}

.cacak {

    top: -227px;
    margin-left: 146px;
}


.bajina-basta {

    top: -241px;
    margin-left: 86px;
}

.gornji-milanovac {

    top: -253px;
    margin-left: 154px;
}

.kanjiza {

    top: -476px;
    margin-left: 122px;
}

.kikinda {

    top: -456px;
    margin-left: 154px;
}

.knjazevac {

    top: -220px;
    margin-left: 291px;
}


.kragujevac {

    top: -270px;
    margin-left: 188px;
}


.krajisnik {

    top: -432px;
    margin-left: 174px;
}


.krusevac {

    top: -235px;
    margin-left: 220px;
}

.kucevo {

    top: -337px;
    margin-left: 247px;
}


.leskovac {

    top: -184px;
    margin-left: 268px;
}

.nis {

    top: -223px;
    margin-left: 263px;
}

.novi-pazar {
    
    top: -208px;
    margin-left: 158px;

}

.pancevo {
 
    top: -399px;
    margin-left: 168px;
}

.ranovac {
 
    top: -358px;
    margin-left: 232px;
}

.ruma {

    top: -424px;
    margin-left: 105px;
}


.ruski-krstur {

    top: -487px;
    margin-left: 75px;
}

.sabac {

    top: -405px;
    margin-left: 95px;
}

.sivac {

    top: -513px;
    margin-left: 72px;
}


.uzice {
    
    top: -317px;
    margin-left: 107px;
}

.vladicin-han {
    
    top: -204px;
    margin-left: 276px;
}

.zitoradja {

    top: -259px;
    margin-left: 249px;
}


.zrenjanin {
       
    top: -498px;
    margin-left: 148px;
}

.b-petrovac {
       
    top: -501px;
    margin-left: 88px;
}

.beograd {

    top: -444px;
    margin-left: 152px;
}

.blace {

    top: -293px;
    margin-left: 218px;
}

.bor {

    top: -380px;
    margin-left: 279px;
}

.d-strizevac {

    top: -282px;
    margin-left: 303px;
}

.zitkovac {
    
    top: -330px;
    margin-left: 249px;
}

.k-mitrovica {
    
    top: -269px;
    margin-left: 186px;
}

.lazarevac {
       
    top: -432px;
    margin-left: 140px;
}

.priboj {
    
    top: -350px;
    margin-left: 83px;
}

.prokuplje {
    
    top: -319px;
    margin-left: 241px;
}


.zajecar {
       
    top: -399px;
    margin-left: 292px;
}
    
.kraljevo {
       
    top: -375px;
    margin-left: 168px;
}    

.resavica {
       
    top: -420px;
    margin-left: 240px;
}

.s-mitrovica {
       
    top: -523px;
    margin-left: 89px;
}
.s-palanka {
       
    top: -465px;
    margin-left: 191px;
}


.sefkerin {
    
    top: -541px;
    margin-left: 156px;
    
}

.sombor {
       
    top: -625px;
    margin-left: 51px;
}

.sonta {
       
    top: -615px;
    margin-left: 48px;
}

.trupale {
    
    top: -379px;
    margin-left: 257px;
}

.v-gradiste {
    
    top: -531px;
    margin-left: 233px;

}

.v-banja {
    
    top: -415px;
    margin-left: 187px;
}
       
    
    
    
    
    
    

}


