:root {
    
--font30-15:30px;
--font50-30:45px;
--linija36-18:36px;
--linija62-37:62px;

--font20-18:20px;

--visinaslike:60vh;

--margina24:24px;

--boja1:#201E1C;
--boja2:#302C29;
--boja3:#3C3632;
--boja4:#4D4641;
--boja5:#5E5855;
--boja6:#F5EDE8;
--boja7:#FFFDFC;
--padding24:24px;
--paddingpocetna:100px;

--paddingpocetnax:20%;

--text_sirina:calc(100%/6*5);
--pocetna_text_sirina:calc(100%/6*3);
--zaglavlje_visible:inline;
--zaglavlje_logoveliki_visible:inline;
--zaglavlje_logomali_visible:none;

--zaglavlje_display:flex;
--zaglavlje_position:static;

--sirina:1440px;
--main-flex:row;
--main-sirina1:60%;
--main-sirina2:40%;

--main-sirina3:50%;
--main-sirina4:33%;

--alinks_width1:calc(25% - 52px);
--alinks_width2:100%;

}

a, a:visited, a:hover, a:active {
  color: inherit;
}

body {
  background-color: var(--boja1);
  padding:auto;
  margin:auto;
  text-align:centre;
}




ul {
  margin: 20px;
}
.sticky {
  position: fixed;
  top: 0;
width: var(--sirina);;
}





.links_veliki {
overflow:hidden;
margin:0 auto;
width: 100%;
border-radius: 0px;
background: #F5EDE8;
}

.links_panel_flex {
display:flex;
justify-content:center; 
flex-wrap: wrap;
gap: 24px;
margin-bottom:24px;



}

.links_panel {
position: relative;
white-space: pre-line;
width: var(--alinks_width1);
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
text-align: center;
background: #302C29;
border: 1px solid #302C29;
border-radius: 5px;
padding: 10px;
gap: 10px;
}

.links_panel_slika {
  margin-bottom: 12px;
  width:calc(var(--alinks_width2) + 1px);
  object-fit: cover;

box-sizing: border-box;

border: 1px solid #FFFDFC;
border-radius: 5px;


  
  
  
}

.links_panel_2 {
    height:40px;
    margin-left:16px;
margin-right:16px;
  margin-top: 4px;
  margin-bottom: 8px;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #FFFDFC;
}

.links_panel_3 {
height:75px;
margin-left:16px;
margin-right:16px;
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFDFC;
}


.oprojektu1 {
text-align: center;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font50-30);
line-height: var(--linija62-37);
color: #F5EDE8;
}

.oprojektu2 {
    padding:10px;
text-align: center;
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
color: #FFFDFC;
}


.oprojektu3 {
text-align: center;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font20-18);
line-height: 30px;
color: #FFFDFC;
}


.oprojektu4 {
text-align: center;
    padding-left:10px;
    padding-right:10px;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font20-18);
line-height: var(--linija36-18);
color: #201E1C;
}

.oprojektu5 {
    margin:auto;
    padding-left:10px;
    padding-right:10px;
text-align: center;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: var(--font20-18);
line-height: 20px;
color: #201E1C;
max-width:800px;
}


.flex {
    display: flex;
    align-items: stretch;
}

.dodatni_intro_sadrzaj1 {
transition: all 300ms ease-in-out;
align-items: left;
text-decoration: none;
float:left;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #5E5E5F;



}



.dodatni_intro_sadrzaj2 {
transition: all 300ms ease-in-out;
align-items: left;
padding-left:12px;
text-decoration: none;
text-align:left;
width:100%;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #26A5DD;
}






.pocetna_slika_okvir {
align-items: center;
background: var(--boja6);
border: 1px solid var(--boja6);
border-radius: 10px;    
margin: 24px;
width: calc(100%-24px);
height: var(--visinaslike);
background-image: url("/foto/01-02-ante-markovic-jugoslavija.jpg");
background-repeat: no-repeat;
background-size:cover;
}

.pocetna_slika_okvir2 {
align-items: center;
background: var(--boja6);
border: 1px solid var(--boja6);
border-radius: 10px;    
margin: 24px;
width: calc(100%-24px);
height: var(--visinaslike);
background-image: url("/foto/02-01-sednica-predsednistva sfrj-25-jan-1991.jpg");
background-repeat: no-repeat;
background-size:cover;
}

.pocetna_text1 {
margin-left:24px;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: var(--font30-15);
line-height: var(--linija36-18);
color: #F5EDE8;
}

.pocetna_text2 {
margin-left:24px;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font50-30);
line-height: var(--linija62-37);
color: #E66B18;
}

.pocetna_text3 {
margin-left:24px;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: var(--font50-30);
line-height: var(--linija62-37);
color: #F5EDE8;
margin-bottom:24px;
}


.pocetna_ornament {
position:relative;
    margin-left:auto;
    margin-right:auto;
    top:-25px;
    width:50px;
    height:50px;
}

.pocetna_ornament2 {
position:absolute;
   right:40px;
    top:-205px;
    width:200px;
    height:200px;
}

.pocetna_ornament3 {
position:relative;
   margin-left:auto;
    width:400px;
    max-width:30%;
    top:-70px;
    right:-70px;
}

.pocetna_ornament4 {
position:relative;
    width:200px;
    max-width:30%;
top:48px;
    left:48px;
}

.pocetna_slika_slika {
float:left;
position: relative;
object-fit: contain;
width: 100%;

}




.zaglavlje_pocetna_dugme {
  border: none;
  padding: 0;
  cursor: pointer;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
text-decoration-line: underline;
color: #F5EDE8;
leading-trim: both;
text-edge: cap;
align-items: center;
background: none;

}


.zaglavlje_pocetna_dugme2 {
  border: none;
  padding: 0;
  cursor: pointer;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
text-decoration-line: underline;
color: #F5EDE8;
leading-trim: both;
text-edge: cap;
align-items: center;
background: none;
}




.pocetna_jezici1 {
display: flex;
width: 80%;
margin:auto;
padding-top:24px;
padding-bottom:24px;
}

.pocetna_jezici {
font-family: 'Raleway';
padding-right:24px;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
text-decoration-line: underline;
color: #F5EDE8;
}


.pocetna_okvir {
padding: 0px;
max-width: 80%;
margin:auto;
border: 5px solid #A82B2B;
border-radius: 20px;
}

.master_veliki_glavna {
margin:auto;
width: var(--sirina);
background-image: url("/pozadine/pozadina-uvod.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
min-height: 100vh;
}

.pocetni_text_sadrzaj1a {
padding-left:var(--paddingpocetna);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #201E1C;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--pocetna_text_sirina);
}

.pocetni_text_sadrzaj1 {
padding-left:var(--paddingpocetna);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #201E1C;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--pocetna_text_sirina);
}


.pocetni_text_sadrzaj1::first-letter {
  initial-letter: 3;
}


.pocetni_text_sadrzaj2 {
padding-left:var(--paddingpocetna);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #201E1C;
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--pocetna_text_sirina);
}



.pocetni_text_sadrzaj1x {
padding-left:var(--paddingpocetna);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #201E1C;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--text_sirina);
}


.pocetni_text_sadrzaj1x::first-letter {
  initial-letter: 3;
}

.pocetni_text_sadrzaj1ax {
padding-left:var(--paddingpocetna);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #201E1C;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--text_sirina);
}

.pocetni_text_sadrzaj1ax2 {
padding-left:var(--paddingpocetnax);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #FFFDFC;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--text_sirina);
}

.pocetni_text_upozorenje {


}

.div80 {
height: 80px;
} 

.div50 {
height: 50px;
} 

.div30 {
height: 30px;
} 

.div20 {
height: 20px;
} 

.text_naslov1 {
padding-left:var(--padding24);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: var(--boja6);
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: var(--font30-15);
line-height: var(--linija36-18);
}

.text_naslov2 {
padding-left:var(--padding24);
padding-right:var(--padding24);
padding-top:var(--padding24);
padding-bottom:var(--padding24);
color: var(--boja6);
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font50-30);
line-height: var(--linija62-37);
}


.text_naslov2black {
padding-left:var(--padding24);
padding-right:var(--padding24);
padding-top:var(--padding24);
padding-bottom:var(--padding24);
color: #201E1C;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font50-30);
line-height: var(--linija62-37);
}


.text_naslov3 {
padding-left:var(--padding24);
padding-right:var(--padding24);
padding-top:var(--padding24);
padding-bottom:var(--padding24);
color: var(--boja6);
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: var(--font50-30);
line-height: var(--linija62-37);
}


.text_sadrzaj1 {
padding-left:var(--padding24);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: var(--boja7);
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--text_sirina);
}

.text_sadrzaj1black {
padding-left:var(--padding24);
padding-right:var(--padding24);
padding-top:var(--padding24);
color: #201E1C;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
width:var(--text_sirina);
}

.slika_okvir {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px;
background: var(--boja7);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;    
margin-top: 24px;
margin-left: 24px;
margin-right: 24px;
}


.slika_okvirx2 {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px;
background: var(--boja7);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;    
margin-top: 24px;
margin-left: 24px;

}


.slika_okvirx3 {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px;
background: var(--boja7);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;    
margin-top: 24px;
margin-left: 24px;
margin-right: 24px;
}

.link_okvir {
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 20px;
background: var(--boja7);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;    
margin-top: 24px;
margin-left: 24px;
margin-right: 24px;
}

.slika_okvir2 {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 10px 10px;
background: var(--boja7);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;    
margin-top: 24px;
margin-left: var(--paddingpocetna);
margin-right: 24px;
}


.slika_okvir2xx {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 10px 10px;
background: var(--boja7);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;    
margin-top: 24px;
margin-left: var(--paddingpocetnax);
margin-right: 24px;
}

.slika_okvir3 {
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 30px;
gap: 10px;
background: linear-gradient(190deg, #FFFFFF 4.09%, #FFFDFC 97.38%);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;
margin-top: 24px;
margin-left: var(--paddingpocetna);
margin-right: 24px;
}



.slika_okvir3x {
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 30px;
gap: 10px;
background: linear-gradient(190deg, #FFFFFF 4.09%, #FFFDFC 97.38%);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;
margin-top: 24px;
margin-left: var(--paddingpocetnax);
margin-right: 24px;
}


.slika_okvir3black {
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 30px;
gap: 10px;
background: linear-gradient(190deg, #FFFFFF 4.09%, #FFFDFC 97.38%);
border: 1px solid rgba(94, 88, 85, 0.6);
border-radius: 10px;
margin-top: 24px;
margin-left: var(--padding24);
margin-right: 24px;
}


.slika_potpis2 {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
font-size: var(--font20-18);
line-height: 30px;
color: #201E1C;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


}






.slika_slika {
float:left;
position: relative;
object-fit: contain;
width: 100%;
border-radius: 10px;
}

.slika_linija {
align-items: center;
margin-top: 10px;
width: 100%;
border-top: 1px solid rgba(94, 88, 85, 0.3);
}

.slika_potpis {
color: var(--boja2);
padding-top:5px;
float:left;
width: 100%;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
}


.crni_flexy {
display: flex;
flex-direction: var(--main-flex);
}

.crni_flexy_1 {
    width:var(--main-sirina1);
}

.crni_flexy_2 {
    width:var(--main-sirina2);
}

.crni_flexy_1x {
    width:var(--main-sirina3);
}

.crni_flexy_2x {
    width:var(--main-sirina3);
}


.crni_flexy_1xblack {
    width:var(--main-sirina4);
}

.crni_flexy_2xblack {
    width:var(--main-sirina4);
}

.master_veliki {
margin:0 auto;
width: var(--sirina);
background-image: url("/pozadine/pozadina-kraj.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
min-height: 100vh;
}

.master_veliki2 {
margin:0 auto;
width: var(--sirina);
background-image: url("/pozadine/pozadina-misija.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
min-height: 100vh;
}

.master_veliki_bijela {
margin:0 auto;
width: var(--sirina);
background:#F5EDE8;
}

.master_veliki_upozorenje {
margin:auto;
text-align: center;
width: var(--sirina);
background: #201E1C;
padding-top:24px;
padding-bottom:24px;

font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
align-items: center;
color: #F5EDE8;

}

.izbor_panel_veliki {
padding-top:52px;
padding-bottom:52px;
background: rgba(255, 253, 252, 0.5);
}

.izbor_flex {
display: flex;
flex-direction: var(--main-flex);
gap: 24px;
margin-left:24px;
margin-right:24px;
}

.izbor_panel_main {
width:100%; 
}



.izbor_panel_flex:hover {
background: linear-gradient(180deg, #F9C5A3 0%, #E66B18 60%);
}

.izbor_panel_flex {
margin: auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width:100%;
max-width: 448px;
height: 135px;
background: linear-gradient(180deg, #F9C5A3 0%, #E66B18 100%);
border: 1px solid rgba(94, 88, 85, 0.3);
box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
border-radius: 10px;

}

.izbor_panel_text {
margin:auto;
padding:24px;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
color: #052929;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}

.scenawhite {
    align-items: center;
text-align: center;
    width:100%;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font30-15);
line-height: var(--linija36-18);
color: #FFFDFC;
}

.scenablack {
    align-items: center;
text-align: center;
    width:100%;
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-size: var(--font30-15);
line-height: var(--linija36-18);
color: #201E1C;
}

.ornament {
position:relative;
    margin-left:auto;
    margin-right:24px;
    top:70px;
    width:100px;
    height:100px;
}

.ornament_ {
position:relative;
    margin-left:100px;
    margin-right:auto;
    top:70px;
    width:100px;
    height:100px;
}

@media only screen and (min-width: 768px) and  (max-width: 991px) {
  /* For tablets: */
:root {

--sirina:100%;
--main-flex:column;
--text_sirina:calc(100%-32px);
--pocetna_text_sirina:calc(100%-32px);
--zaglavlje_visible:none;
--zaglavlje_logoveliki_visible:none;
--zaglavlje_logomali_visible:inline;

--paddingpocetnax:24px;
--paddingpocetna:24px;

--main-sirina1:calc(100% - 20px);
--main-sirina2:calc(100% - 20px);
--main-sirina3:calc(100% - 20px);
--main-sirina4:calc(100% - 20px);



--alinks_width1:calc(50% - 42px);
--alinks_width2:100%;
--margina24:0px;
}

}

@media only screen and (min-width: 100px) and  (max-width: 767px) {
  /* For phones: */
:root {
    
 --margina24:0px;
 
--font30-15:15px;
--font50-30:30px;
--linija36-18:18px;
--linija62-37:37px;     

--font20-18:18px;

--visinaslike:35vh;

--sirina:100%;
--main-flex:column;
--text_sirina:calc(100%-32px);

--pocetna_text_sirina:calc(100%-32px);

--paddingpocetna:24px;
--paddingpocetnax:24px;

--zaglavlje_visible:none;
--zaglavlje_logoveliki_visible:none;
--zaglavlje_logomali_visible:inline;

--zaglavlje_display:block;
--zaglavlje_position:fixed;

--main-sirina1:calc(100% - 20px);
--main-sirina2:calc(100% - 20px);
--main-sirina3:calc(100% - 20px);
--main-sirina4:calc(100% - 20px);

--alinks_width1:calc(100% - 46px);
--alinks_width2:100%;

}

}


@media only screen and (min-width: 992px) and  (max-width: 1460px) {
  /* For desktop-do 1440: */
:root {
    
  

--sirina:100%;
--main-sirina1:calc(60% - 20px);
--main-sirina2:calc(40% - 20px);
--main-sirina3:calc(50% - 20px);
--main-sirina4:calc(33% - 20px);

--alinks_width1:calc(25% - 52px);
--alinks_width2:100%;
}

}