@media only screen and (max-width: 1206px)  {

}

@media only screen and (max-width: 1100px)  {

#menu2 {

background-position: -45px !important;

}

}



@media only screen and (max-width: 945px)  {


  .dokumentacija_lijevo {
width: 100% !important;
clear: both !important;
}

.dokumentacija_desno {
width: 100% !important;
clear: both !important;
}


#menu2 {

background-position: -40px !important;

}

#tagline {
    width: 27% !important;

}

#menu2 {
    width: 43% !important;

    }

}







@media only screen and (max-width: 845px)  {


  #header {


height: 225px !important; 

}


.fond_krug_crta {

width: 150px !important;
height: 50px !important;
margin-left: 20px !important;
margin-right: 20px !important;

}	

	.fond_krug {

width: 150px !important;
height: 150px !important;
margin-left: 20px !important;
margin-right: 20px !important;

}

  .slika_slajder_desktop {

display: none !important;

}

.slika_slajder_mobile {

display: inline-block !important;

}



  .w3-display-middle {

width: 70% !important;
background-size: 30px, 30% !important;

  }


  .w3-container, .w3-panel {

    padding:0px !important;

  }

  .quote {

font-size: 17px !important;
max-width: 750px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
line-height: 21px !important;
font-style: italic;

}

.quote_sig {

font-size: 20px !important;

line-height: 25px !important;

}

    #top_izbornik {

    display: inline-block !important;
  }

  #izbornik_gumb {

    display: inline-block !important;

  }

  #page {

margin-top: 50px !important;

  }


#middle {

display: none !important;

}


#middle_mobile {

display: inline !important;

}

}




@media only screen and (max-width: 700px)  {


	.ikona_dokument_tekst {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 80px !important;
    font-size: 16px !important;
    line-height: 18px !important;
}


	.ikona_dokument_krug {

margin-top: 20px;
width: 80px !important;
height: 80px !important;
margin-top: 1px !important;

}

.ikona_dokument {
    width: 80px !important; 
    height: 80px !important;
margin-top: 1px !important;
margin-bottom: 70px !important;
    }


	.fond_krug_crta {

width: 100px !important;
height: 30px !important;
margin-left: 10px !important;
margin-right: 10px !important;

}	



		.fond_krug {

width: 100px !important;
height: 100px !important;
margin-left: 10px !important;
margin-right: 10px !important;

}



	.tri_koraka {
display: none !important;
}

.tri_koraka_mobile {

display: inline !important;

}


	#header {


height: 225px !important; 

}


  .title {

    font-size: 40px !important;
    line-height: 50px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;


  }


  #mail_kontakt {

background-image: none  !important;

  }


  #mail_kontakt_lijevo {

display: none  !important;


  }

    #mail_kontakt_desno {

    width: 90% !important;
    clear: right !important;
    

  }





  #top_page {

    background-size: cover !important;
    background-position: center !important;

  }


  #lines_below {


    display: none !important;
  }



  #lines_below_mobile {

    display: inline-block !important;

  }

.uprava_lijevo {
width: 100% !important;
clear: right !important;
}

.uprava_desno {
width: 100% !important;
clear: right !important;
}



  }



@media only screen and (max-width: 550px)  {

    #page {

margin-top: 1px !important;

  }


		#strelica{


width: 80px !important;
height: 80px !important;

}


  .text_black {

text-align: justify !important;

  }


  .text_black h1 {

text-align: left !important;

  }



}


@media only screen and (max-width: 400px)  {



	.fond_krug_crta {

width: 80px !important;
height: 20px !important;
margin-left: 5px !important;
margin-right: 5px !important;

}	

		.fond_krug {

width: 80px !important;
height: 80px !important;
margin-left: 5px !important;
margin-right: 5px !important;

}


}






a {color: inherit; }

body {

margin: 0px;
font-family: "Roboto";
background-color: #ededed;

}



#page {
max-width: 1980px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
}


#top_page {
max-width: 100%;
background-image: url("images/1.jpg");
background-size: cover;
margin-left: auto;
margin-right: auto;
background-position: center;





}


#top_push {

max-width: 100%;
height: 80px;

}

#lines_abowe {

max-width: 100%;
height: 80px;
background-image: url("images/crte-gore.svg");
background-repeat: repeat-x;


}

#middle {

max-width: 100%;
height: 295px;
background-image: url("images/pozadina.gif");
background-repeat: no-repeat;

}


#middle_mobile {

max-width: 100%;
height: 295px;
background-image: url("images/pozadina.gif");
background-repeat: no-repeat;
display: none;

}


#lines_below {

width: 100%;
height: 80px;
background-image: url("images/crte-dole.svg");
background-repeat: repeat-x;
margin-top: 10px;

}


#lines_below_mobile {

width: 100%;
height: 80px;
background-image: url("images/crte-dole.svg");
background-repeat: repeat-x;
margin-top: 10px;
display: none;


}

#header {

max-width: 1180px;
margin-left: auto;
margin-right: auto;
height: 295px;

}


#logo_left {
width: 30%;
background-color: #233b78;
float: left;
}

#tagline {
width: 33%;
background-color: #233b78;
float: left;
}

#menu2 {
width: 37%;

float: left;

background-image: url("images/krivulja.svg");
background-repeat: no-repeat;
height: 295px;



}

.img_100 {

width: 100%;


}

.tagline_text {

font-size: 30px;
color: #FFFFFF;
font-family: "Lora";
max-width: 100%;



}




.centar_element {
    height: 295px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}


.centar_element p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.white_box {
display: inline-block;
margin-top: 30px;
width: 100%;
margin-bottom: 70px;

}

.blue {

background-color: #233b78;

}

.white {

color: #ffffff !important;

}




#menu_inner {

margin-top: 0px;
width: 315px;

float: right;
margin-right: 20px;

}

.button {

max-width: 100%;
background-image: url("images/izbornik.png");
height: 44px;
background-repeat: no-repeat;
background-size: 100%;
padding-top: 7px;
text-align: right;
font-family: "Roboto";
font-weight: bold;
color: #FFFFFF;
font-size: 18px;
margin-bottom: 20px;
text-decoration: none !important;
}

.selected {

color: #233b78;

}



.button:hover {

text-decoration: underline !important;

}


.menu_link {

text-decoration: none !important;

}



.title {

font-size: 45px;
color: #233b78;
font-family: "Lora";
max-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
margin-top: 30px;
line-height: 55px;

}


.title_izbornik {

margin-top: 70px;
font-size: 30px;
color: #233b78;
font-family: "Lora";
max-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;


}

.manji {

  font-size: 38px;
  line-height: 48px;
}

.text_black {

font-size: 17px;
color: #5d5d5d;
font-family: "Roboto";
max-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
line-height: 25px;
padding-left: 20px;
padding-right: 20px;


}


.firstcharacter {
	margin-top: 5px;
  color: #233b78;
  float: left;
  font-family: "Lora";
  font-size: 90px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}


.button_text_wrapper {
  text-align: center;
}

.button_text {

display: inline-block;
height: 44px;
font-family: "Roboto";
font-weight: bold;
color: #FFFFFF;
font-size: 18px;
border-radius: 12px;
background-color: #233b78;
padding-left: 20px;
padding-right: 35px;

height: 45px;
padding-top: 10px;

background-image: url("images/strelica.png");
background-repeat: no-repeat;
background-position: right;

}

.download {

background-image: url("images/download.svg") !important;
padding-right: 45px;
}

.up {

background-image: url("images/strelica3.png") !important;
padding-right: 45px;
}

.uplatnica {

background-image: url("images/uplatnica.svg") !important;
padding-right: 58px;

}

.button_text_white {

background-color: #ffffff;
color: #233b78;
background-image: url("images/strelica2.png");

}

.button_text:hover {

text-decoration: underline;

}



.quote {

font-size: 20px;
color: #FFFFFF;
font-family: "Lora";
max-width: 750px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
font-style: italic;
line-height: 25px;

}

.quote_sig {

font-size: 35px;
color: #FFFFFF;
font-family: "Lora";

margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 15px;
padding-bottom: 10px;

}


.w3-content {
    max-width: 100%;
    margin: auto;
}

.w3-black, .w3-hover-black:hover {
    color: #fff!important;
    background-color: #233b78!important;
}

.w3-button:hover{color:#000!important;background-color:#fff!important}


.w3-display-middle {


background-image: url("images/navodnici.png"), url("images/navodnici2.png");
background-repeat: no-repeat, no-repeat;
background-position: top left, right;
background-size: 70px, 30%;
width: 60%;


}

.w3-btn, .w3-button {
   
background-color: #233b78!important;

}

#footer {

margin-left: auto;
margin-right: auto;
font-family: "Roboto";
color: #000000;
font-size: 18px;
text-align: center;
margin-bottom: 80px;
color: #949494 !important;
    padding-left: 20px;
    padding-right: 20px;
}




.footer_link:link {

color: #949494 !important;
text-decoration: none !important;

}

.footer_link:visited {

color: #949494 !important;
text-decoration: none !important;

}

.footer_link:hover {

color: #233b78 !important;
text-decoration: none !important;

}



#copyright {

margin-left: auto;
margin-right: auto;
font-family: "Roboto";
color: #949494 !important;
font-size: 15px;
text-align: center;
margin-bottom: 80px;

}


#strelica{


width: 90px;
height: 90px;
margin-left: auto;
margin-right: auto;
background-image: url("images/strelice.png");
margin-top: 30px;
background-size: 100%;

}


#menu_sec {

padding-top: 14px;
width: 100%;
height: 50px;
margin-right: auto;
margin-left: auto;
text-align: center;

}


.button_sec {

font-family: "Roboto";
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-decoration: none !important;
background-image: url("images/tocka.png");
background-repeat: no-repeat;
padding-left: 30px;
margin-right: 12px;
background-position: 0px -1px;

}

.button_sec:hover {

text-decoration: underline !important;

}

.button_sec_selected {

color: #25aae1;

}

.postani_ulagatelj {

margin-top: 40px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
min-height: 295px;
margin-bottom: 80px;

}





.postani_ulagatelj_lijevo {

float: left;
width: 25%;
min-height: 255px;
background: url('images/jedan.svg');
background-repeat: no-repeat;
background-position: top center;
background-size: 85%;
}

.postani_ulagatelj_desno {

float: left;
width: 75%;
min-height: 295px;

}



.postani_ulagatelj_naslov {

font-size: 38px;
color: #ffffff;
font-family: "Lora";
margin-left: 24px;
line-height: 42px;
margin-bottom: 20px;
}


.postani_ulagatelj_desno li {

color: #FFFFFF;
font-family: "Roboto";
font-size: 20px;
background: url("images/tocka.png") 0px 4px no-repeat;
padding-left: 29px;
margin-left: 1px;
margin-bottom: 2px;
font-weight: 300;

}


.postani_ulagatelj_desno ul {

margin-left: 17px;
margin-bottom: 17px;
}


.postani_ulagatelj_tekst {

color: #FFFFFF;
font-family: "Roboto";
font-weight: bold;
font-size: 24px;
padding-left: 29px;
margin-left: 1px;
}

.grafovi {

max-width: 850px;
    margin-left: auto;
    margin-right: auto;

}



#fond_krug_wrap {

margin-right: auto;
margin-left: auto;
display: table;
text-align: center;


}

#fond_krug_wrap_center {

width: 100%; /* or anything other than auto */
margin-left: auto;
margin-right: auto;

}

.fond_krug {

width: 200px;
height: 200px;
border-radius: 50%;
background-color: #233b78;
float: left;
margin-left: 30px;
margin-right: 30px;
background-position: center;

}


.fond_krug_crta {

width: 200px;
height: 70px;
float: left;
margin-left: 30px;
margin-right: 30px;
background-position: center;
background-repeat: none;
background-size: 100%;
}

.crta {

background-image: url("images/crta.svg");

}

.fond_krug:hover {

border: 4px solid #00aeef;

}

.siva {

background-color: #d1d3d4;

}

.fond_container {

max-width: 950px;

margin-right: auto;
margin-left: auto;

background-color: #ffffff;

border-style: solid;
border-width: 1px;
border-color: #cacaca;

padding: 20px;


}

.fond_container h1 {

font-size: 25px;
color: #233b78;
font-family: "Lora";

}

.fondovi_veci {

font-size: 34px;
line-height: 40px;

}

.fond_container p {

font-size: 17px;
color: #5d5d5d;
font-family: "Roboto";
line-height: 27px;
margin-bottom: 40px;

}

.ikona_dokument {
    margin-top: 20px;
    width: 100px;
    height: 80px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Roboto";
    color: #233b78;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 70px;
}

.ikona_dokument_krug:hover {

background-color: #00aeef;

}

.ikona_dokument_krug {
    margin-top: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #233b78;
    float: left;
    font-family: "Roboto";
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 20px;
    float: left;
    background-image: url(images/doc.svg);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.ikona_dokument_tekst {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 90px;
}


#mail_kontakt {

max-width: 1100px;
margin-left: auto;
margin-right: auto;
min-height: 500px;
background-image: url("images/a.png");
background-repeat: no-repeat;
background-size: 40%;
background-position: 50px;

}

#mail_kontakt_lijevo {

float: left;
width: 47%;
height: 400px;


}

#mail_kontakt_desno {

float: left;
width: 48%;
height: 400px;
color: #FFFFFF;
font-family: "Roboto";
font-size: 18px;
padding-top: 50px;
font-weight: normal;
margin-right: 20px;
}

.forma_polja {

margin: 10px;
margin-bottom: 5px;
padding: 3px;
width: 100%;
padding: 9px;


}


.box_wrap {

  max-width: 900px;
  margin-left: auto;
  margin-right: auto;

}

.box_dokumenti {

width: 47%;
min-height: 170px;
background-color: #00aeef;
float: left;
margin-right: 20px;
font-family: "Lora";
font-size: 24px;
padding-left: 20px;
color: #FFFFFF;
padding-top: 10px;
padding-right: 20px;
  margin-top: 40px;
  line-height: 27px;
}

.box_dokumenti select {
  font-family: "Roboto";
font-size: 18px;
padding: 4px;
width: 100%;
background-color: #FFFFFF;

   background: url("images/br_down.png") no-repeat right #FFFFFF;
  -webkit-appearance: none;

  margin-bottom: 20px;
  margin-top: 20px;

  }

#graf {
max-width: 950px;
margin-right: auto;
margin-left: auto;
margin-top: 50px;
margin-bottom: 10px;


}


.tri_koraka {

max-width: 900px;
margin-right: auto;
margin-left: auto;

}

.tri_koraka_mobile {

max-width: 900px;
margin-right: auto;
margin-left: auto;
display: none;

}


.naslov_povijest {

font-size: 30px;
color: #233b78;
font-family: "Lora";

}


.text_black h1 {

font-size: 28px;
font-weight: 400;
font-family: "Lora";
line-height:32px;
color: #233b78;
}


.text_black li {


font-family: "Roboto";
font-size: 17px;
background: url("images/tocka.png") 0px 2px no-repeat;
padding-left: 29px;
margin-left: 1px;
text-align: left;
margin-top: 6px;
}

.uprava {

max-width: 800px;
margin-left: auto;
margin-right: auto;
color: #5d5d5d;
}

.uprava_desno {
width: 50%;
float: left;
padding: 20px;
text-align: justify;
}

.uprava_lijevo {
width: 50%;
float: left;
padding: 20px;
text-align: justify;
}




.uprava h1 {
text-align: left;
font-size: 28px;
font-weight: 400;
font-family: "Lora";
line-height:32px;

}

.uprava h2 {
text-align: left;
font-size: 22px;
font-weight: 400;
font-family: "Lora";
line-height:25px;
margin-top: 10px;


}





.postani_ulagatelj h1 {

font-size: 22px;
color: #ffffff;
font-family: "Lora";
margin-left: 24px;
line-height: 25px;
margin-bottom: 20px;
}

.postani_ulagatelj h2 {

font-size: 15px;
color: #ffffff;
font-family: "Roboto";
margin-left: 24px;
line-height: 21px;
margin-bottom: 20px;
font-weight: 300;

}

.svijetlo_plava {


color: #00aeef !important;


}

.plavi_box {

  width: 100%;
  padding: 15px;
  background-color: #00aeef;
  font-size: 17px;
  line-height: 24px;


}

.fond_container li {

color: #5d5d5d;
font-family: "Roboto";
font-size: 17px;
background: url("images/tocka.png") 0px 2px no-repeat;
padding-left: 29px;
margin-left: 1px;
text-align: left;
margin-top: 6px;
color: #5d5d5d;
}


.fond_container h2 {

font-size: 17px;
color: #5d5d5d;
font-family: "Roboto";
line-height: 17px;
margin-bottom: 40px;
font-weight: bold;

}


#page h3 {
  display: inline-block;
  text-align: center;
    font-size: 17px;
    color: #5d5d5d;
    font-family: "Roboto";
    line-height: 17px;
    margin-bottom: 40px;
    font-weight: bold;
width: 100%;

}


#prozor1 {
visibility: hidden;
width: 380px;

position: absolute;

z-index: 1000;
background-color: #FFFFFF;

border-radius: 25px;

box-shadow: 10px 15px 10px #12234d;

padding: 17px;
padding-bottom: 21px;

}

#prozor1 ul {

  list-style-type: circle;
  margin-left: 20px;
}

.link_plavi {

color: #233b78;

}

.link_bijeli {

color: #ffffff;
text-decoration: underline;
}

.link_bijeli:hover {

color: #00aeef;
text-decoration: underline;

}


.uprava_lijevo a:link {

  color: #233b78 !important;
}


.uprava_lijevo a:visited {

  color: #233b78 !important;
}

.text_black a:link {

  color: #233b78;

  }

  .text_black a:visited {

  color: #233b78;

  }

.text_black select {

color: #949494;
font-size: 14px;
border: 1px solid #bcbcbc;
padding: 4px;

}

.text_black select:hover{

color: #233b78;
border: 1px solid #233b78;

}

#top_izbornik {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 60px;
background-color: #FFFFFF;
z-index: 9000;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.5);
display: none;
background-image: url("images/logo_mobile.png");
background-position: center;
background-size: 210px;
background-repeat: no-repeat;
}

#izbornik_gumb {

position: fixed;
right: 0;
top: 0;
width: 60px;
height: 60px;
background-color: #FFFFFF;
z-index: 9001;
display: none;
background-image: url("images/menu.svg");
background-repeat: no-repeat;
background-size: 100%;
}

.slika_slajder_desktop {

display: inline-block;
width: 100%;

}

.slika_slajder_mobile {

display: none;

}


#izbornik_mobile {

position: fixed;
right: 0px;
top: 60px;
width: 100%;
height: 100%;
background-color: #FFFFFF;
z-index: 9001;
display: none;
opacity: 0.94;

}

#izbornik_mobile_inner {

position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);

}

.mobile_izbornik_link {

width: 100%;
height: 40px;
text-align: center;
color: #233b78;
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;



}

.mobile_izbornik_link a:link {

text-decoration: none;

}

.mobile_izbornik_link a:visited {

text-decoration: none;

}

.tagline_2 {
width: 100%;
height: 80px;
background-image: url("images/tagline_2.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;

}

.fond_container_wrap {

padding-left: 30px;
padding-right: 30px;

}



.dokumentacija_lijevo {
width: 50%;
float: left;
}

.dokumentacija_desno {
width: 50%;
float: left;
}