.prikaz_lokacija_ureda{
	padding-top:20px;
	height: 500px;
	background-color: #FFFFFF;
	}
	
	.zaglavlje {
    background-color: #9FB6CD;
    padding-top: 15px;
	height: 130px;
    text-align: center;
	width:100%;
	}
	
	.izbornik {
	background-color:#cc00cc;
	position:top; 
	position: sticky;
	top: 0;
	height:55px;
	z-index: +1;
	width: 80%;
	margin-left:10%;
	padding-bottom: 30px;
	}
	
	.izbornik_slova{
	 font-size:1.35vw;
	 color:#FFFFFF;
	 text-shadow: 1px 1px #000000;
	 font-family: 'Roboto Slab',Arial,Tahoma,Helvetica,sans-serif;
	 }
	
	.izbornik_button {
    cursor: pointer;
	width: 17.37%;
	height: 100%;
	}	

	.button {
	float: left;	
    border: none;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 0px;
    cursor: pointer;
	}

	/*.izbornik_button:hover	{
	background-color:#e3e0f9;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	box-shadow: 0px 10px red;
	}*/
	.izbornik_button1 {
	background-color: #00F5FF;
	}
	.izbornik_button1:hover {
	box-shadow: 0px 10px #00c5cc;
	}
	
	.izbornik_button2 {
	background-color:  #E60000;
    	}
	.izbornik_button2:hover {
	box-shadow: 0px 10px #CC0000;
		}
	
	.izbornik_button3 {
    background-color: #00ff55;
	}
	.izbornik_button3:hover {
	box-shadow: 0px 10px #00cc44;
	}
	
	.izbornik_button4 {
    background-color:  #cc0044;
	}
	.izbornik_button4:hover {
	box-shadow: 0px 10px #990033;
	}

	.izbornik_button5 {
    background-color: #cc00cc;
	}
	.izbornik_button5:hover {
	box-shadow: 0px 10px #990099;
	}
	
	.stupac_5{
	float:left;
	width:4.9%;
    align:center;
	}
	.stupac_10{
	float:left;
	width:9.9%;
	margin-bottom:50px;
	}
	.stupac_20{
	float:left;
	width:19.9%;
    align:center;
	}
	.stupac_25{
	float:left;
	width:24.9%;
    align:center;
	}
	.stupac_30{
	float:left;
	width:30%;
	}
	.stupac_33{
	position:relative;
	float:left;
	width:33.30%;
	}
	.stupac_40{
	float:left;
	width:39.9%;
    align:center;
	}
	.stupac_50{
	float:left;
	width:49.9%;
    align:center;
	}	
	.stupac_60{
	float:left;
	width:59.9%;
    align:center;
	}
	.stupac_90{
	float:left;
	width:89.9%;
    align:center;
	}	
	.stupac_100{
	float:left;
	width:100%;
	margin-bottom:50px;
	}
	
	.galerija{
	max-width:100%;
	margin:auto;
	position:relative;
	}
	
	.galerija-polje{
	text-align:center;
	font-size:40px;
	color:#FFFFFF;
	}
	
	.prikaz-sredina{
	position:absolute;
	left:50%;
	bottom:50%;
	transform:translate(-50%,0%);
	}
	
	.galerija-tekst {
    position: absolute;
    top:20%;
    left:50%;
    transform: translate(-50%, -50%);
	font-size:2vw;
	}

	.prikaz-sredinadole{
	position:absolute;left:	50%;
	bottom:4%;
	transform:translate(-50%,0%);
	}

	.strelica-lijevo{
	cursor:pointer;
	float: left;
	}
	.strelica-desno{
	cursor:pointer;
	float: right;
	}
	
	.strelica-hover:hover{color:#b4aa50;}
	
	.galerija-slika {
		display:none;
	}
	
	.krug {
	height:15px;
	width:15px;
	padding:0px;
	background-color:transparent;
	color:#ffffff;
	display:inline-block;
	display:-ie-block;
	text-align:center;
	border:1px solid #ccc;
	border-radius:50%;
	behavior: url(css/pie.htc);
	}
	
	.krug-bijelo{color:#000!important;background-color:#fff!important;}
	
	.hover-odabrano:hover{color:#000!important;background-color:#b4aa50!important;}
	
	.galerija-tekst-polje {
	margin: 5px;
	background-color: #ffffff;
	border: 1px solid black;
	opacity: 0.7;
	filter: alpha(opacity=50);
	width:105%;
	} 
	
	.galerija-tekst-polje p {
	margin: 5px;
	font-weight: bold;
	color: #000000;
	text-align:center;
	}
	
	#crtaKreni {
	width: 100%;
	height: 30px;
	background-color: #FFFFFF;
	opacity: 1;
	position: absolute;
	bottom:0%;
	left:0%;
	}
	
	.opisapartmana_polje_tekst{
	background-color:#FFFFFF;
	height:150px;
	text-align:center;
	margin:auto;
	position:relative;
	}
	
	.opisapartmana_polje_galerija{
	background-color:#FFFFFF;
	height:500px;
	text-align:center;
	margin:auto;
	position:relative;
	}
	
	.prijelaz_krugovi{
	padding-top:20px;
	height: 200px;
	background-color: #FFFFFF;
	text-align:center;
	}
	.prijelaz_prikaz_krugovi{
	position: relative;
	background-color: #FFFFFF;
	height:300px;
	padding-bottom:20px;
	padding-top:20px;
	}
	.krug_veliki {
	width: 300px;
	height: 300px;
	border-radius: 150px;
	margin: 0 auto;
	behavior: url(css/pie.htc);
	}
	
	.krug_veliki1 {
	background: #40E0D0;
	}

	.krug_veliki2 {
	background: #00F5FF;
	}

	.krug_veliki3 {
	background: #00E5EE;
	}
	.krug-slika{
     width: 300px;
    height: 300px;
    border-radius: 150px;
    behavior: url(css/pie.htc);
   }
  
    .krug-tekst{
	position: absolute;
	display: table-cell;	
	top:50%;
    left:50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size:40px;
	}
	
	.slika-video {
	display:block;
	position:relative;
	padding-bottom:34.25%;
	background-size:cover;
	background-attachment:fixed;
	background-position:50% 50%;
	}
	
	.podnozje{
	height: 100px;
	background-color:#9FB6CD;
	}
	
	.video-polje{
	background-color:white;
	display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.video-polje100{
	width: 100%;
	}
	.video-polje60{
	width: 60%;
	}

	
	.prikaz_lokacija_apartmana{
	padding-top:20px;
	height: 500px;
	background-color: #FFFFFF;
	}
	
	.prijelaz_prikaz_zgrade{
	padding-top:20px;
	height: 400px;
	background-color: #FFFFFF;
	text-align:center;
	padding-left:10%;
	padding-right:10%;
	}
	
	.prikaz_zgrada{
	position: relative;
	background-color: #FFFFFF;
	height:200px; 
	}
	
	.zgrada_naslov{
	font-size:40px;
	font-color:black;
	}
	.zgrada_tekst{
	font-size:20px;
	font-color:black;
	}
	.zgrada_galerijatekst{
	font-size:16px;
	}
	.slika_okvir {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
	}
	.slika_okvir:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
	}
	
	.prikaz_zgrada_slika {
	width: 320px;
	height:250px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 25px;
	}

	.prikaz_zgrada_tekst {
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	}	
	
	.prijelaz_bijelo{
	width:100%;
	height:100px;
	background-color:white;
	}
	
	.kontakt_polje{
	background-color:#9FB6CD;
	height:350px;
	padding-top:50px;
	text-align:center;
	}
	.prijevoz_polje_tekst{
	background-color:white;
	height:50px;
	text-align:center;
	}
	.prijevoz_polje_slike{
	background-color:white;
	height:200px;
	text-align:center;
	}
	
	.sadrzaj_polje{
		width:100%;
		height:700px;
		background-color:#FFFFFF;
		padding-top:50px;
		
	}
	
	.znamenitosti_polje{
		width:100%;
		background-color:#FFFFFF;
		height:2700px;
	}
	
	.zanamenitosti_polje_tekst{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	
	.zanamenitosti_polje_tekst:hover{
		background-color:#000000
		
	}
	
        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 106 css*/
        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.5;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

        /*jssor slider thumbnail skin 101 css*/
        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}


	@media only screen and (max-width: 991px) {	
	.izbornik{
		height:40px;
	}	
	
	.izbornik_slova{
		font-size:1.5vw;
	}	
	
	.izbornik_button {
	width: 14.62%;
	}
	.krug {
		height:10px;
		width:10px;
	}
	
	.prijelaz_prikaz_krugovi{
		height:200px;
	}
	
	.prijelaz_krugovi{
		height: 50px;
		padding-bottom:5px;
		padding-top:5px;
	}	
	
    .krug_veliki {
		width: 200px;
		height: 200px;
		border-radius: 100px;
	}	
	
	  .krug-slika{
		width: 200px;
		height: 200px;
		border-radius: 100px;
	}
	
    .krug-tekst{
		font-size:20px;
	}
	
	.video{
		height:450px;
	}

	.video-polje60{
	width: 100%;
	}

	.prikaz_lokacija_apartmana{
		height: 250px;
	}

	.zgrada_naslov{
		font-size:20px;
	}
	.zgrada_tekst{
		font-size:12px;
	}

	.prikaz_zgrada{
	height:150px;
	}
	.prijelaz_prikaz_zgrade{
	height:200px;
	}

	.prikaz_zgrada_slika{
	width:192px;
	height:150px;
	}
	.prikaz_zgrada_tekst {
	padding: 0px 0px;
	}	
	.zaglavlje {
	height: 90px;
	}
	
	.kontakt_polje{
	height:200px;
	}
	
	.prijevoz_polje_tekst{
	height:20px;
	}
	
	.prijevoz_polje_slike{
	height:150px;
	}
	
	.prijelaz_bijelo{
	height:50px;
	}

	}
	
.cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;			
  margin: 0;
  background-color: black;
  opacity: 0.85;  
}
.buttonCookie {
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;    
  margin: 4px 2px;
  cursor: pointer;
  background-color: #ff0000;  
}

.buttonCookie:hover {
  background-color:#990000;
}