@charset "utf-8";
/* CSS Document */

/*
tamno plava #0f5791
svetlo plava #009cd5
crvena #eb6468

traka levo i polje #f5f4f0
tamnija #eae8e0
*/

.polje_pozadina{ background-color:#f5f4f0}


*{
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}



html{
	 height:100%;
 	min-height:100%;	
}
	
body{
	font-size:12px;
	font-family:"PT Sans", Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fafafa;
}

.main{
	width:100%;
	margin:0 auto;
	}
	


img{
	max-width:100%;
	height:auto;
	}

div{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	
.blok{
	float:left;
	clear:both;
	width:100%;
	
	box-sizing:border-box;
    -moz-box-sizing: border-box;
	}

.columns{
	float:left;
	
	text-align:center;
	
	box-sizing:border-box;
    -moz-box-sizing: border-box;
	
	}

.columns.one		{ width:8.33% }
.columns.two		{ width:16.66% }
.columns.three		{ width:25% }
.columns.four		{ width:33.33% }
.columns.five		{ width:41.66% }
.columns.six		{ width:50% }
.columns.seven		{ width:58.33% }
.columns.eight		{ width:66.66% }
.columns.nine		{ width:75% }
.columns.ten		{ width:83.33% }
.columns.eleven		{ width:91.66% }
.columns.twelve		{ width:100% }


.clearfix:after,
.main:after, main2.after{
	content:'';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	clear:both;
	}

.main{
	zoom:1;
}




.boxsize{box-sizing:border-box; -moz-box-sizing:border-box;}

.oval{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.oval_bottom{
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.oval_top{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.oval_left{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.oval_right{
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.krug{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.click_path{ text-decoration:none; color:#555; font-size:13px; letter-spacing:1px}
.click_path:hover{color:#555;}

.sirina_sajta{max-width:2200px; }
.sirina{max-width:1000px; }

.zum{
	
	-webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	
	
	}

.podstranica_plast{
	opacity:.2;
	transition: opacity .4s ease-in-out;
}

.podstranica_plast:hover{ 
	opacity:1;
}

.podstranice_podnaslov{
	opacity:.0;
	transition: opacity .6s ease-in-out;
	}
	
.klik_belo{text-decoration:none; color:#FFF}
.klik_belo:hover{color:#CCC}

.klik_crno{text-decoration:none; color:#333}
.klik_crno:hover{color:#777}


.mapa_desktop{display:block}
.mapa_mob{display:none}

.no_pointer{ pointer-events:none}


.btn{ text-decoration:none; display:inline-block; color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:1px; text-align:left; background-color:#f66; padding:8px 20px;
	transition: 			background-color .5s;
	-webkit-transition: 	background-color .5s;
    -moz-transition: 		background-color .5s;
    -o-transition: 			background-color .5s;
    -ms-transition: 		background-color .5s;

}

.btn:hover{ background-color:#d55; color:#FFF}

.btn.bicon{ padding-left:40px; background-position:7px 7px; background-repeat:no-repeat; background-size:22px 22px}




.btn_white{ text-decoration:none; display:inline-block; color:#444; font-size:14px; text-transform:uppercase; letter-spacing:1px; background-color:#ffffff; padding:8px 16px;
	transition: 			background-color .5s;
	-webkit-transition: 	background-color .5s;
    -moz-transition: 		background-color .5s;
    -o-transition: 			background-color .5s;
    -ms-transition: 		background-color .5s;

}

.btn_white:hover{ background-color:#ED0677; color:#ffffff}

.btn_ciklama{ text-decoration:none; display:inline-block; color:#ffffff; font-size:14px; text-transform:uppercase; letter-spacing:1px; background-color:#ED0677; padding:8px 16px;
	transition: 			background-color .5s;
	-webkit-transition: 	background-color .5s;
    -moz-transition: 		background-color .5s;
    -o-transition: 			background-color .5s;
    -ms-transition: 		background-color .5s;

}

.btn_ciklama:hover{ background-color:#ffffff; color:#444}

/*zaglavlje*/
#logo_polje{}
/*zaglavlje.*/

.tekst_polje_podstrana{ padding:0px 0px}

/*rezervacija veza*/
.tab_naslov{color:#444; text-transform:uppercase; font-size:15px; }

.form_element{}
.tab_label{ padding-top:15px; padding-bottom:3px; color:#444; font-size:14px}
.form_label{ padding-top:15px; padding-bottom:3px; color:#333; font-size:16px; text-align:left}
.forma_text{ font-size:18px; padding:5px; color:#333; width:100%; background-color:#fff; border:1px #ccc solid; box-sizing:border-box; -moz-box-sizing:border-box;}

input{font-family:"Open Sans Condensed", Arial, Helvetica, sans-serif; letter-spacing:1px;}
textarea,input {font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;}

/*rezervacija veza.*/

.drugi_font_light{ font-family:"Montserrat"; font-weight:100}
.drugi_font_bold{ font-family:"Montserrat"; font-weight:bold}
/*standard*/

.poljex-mini{
	-webkit-box-shadow:#999 0px 0px 1px;
	-moz-box-shadow: #999 0px 0px 1px;
	box-shadow: #999 0px 0px 1px;
	behavior: url(/PIE.htc);
	}

.poljex{
	-webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 10px;
	-moz-box-shadow: rgba(0,0,0,.4) 0px 0px 10px;
	box-shadow: rgba(0,0,0,.4) 0px 0px 10px;

	behavior: url(/PIE.htc);
	}


.podaci_levo{padding:5px}
.podaci_desno{padding:5px}

.desktop_show{display:block}
.desktop_inline_show{display:inline-block}
.mob_show{display:none}
.mob_inline_show{display:none}

.infowindow{ color:#333}			

#home_gore{height:45%;  position:fixed; background-color:rgba(3,26,42,.5);}
#home_gore_blok{position:absolute; bottom:0px;}

#zastavice_home_desktop{ display:block}
#zastavice_home_mob{ display:none}

.tsenka{text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.60);}
h1{font-weight:bold; text-align:left; color:#009cd5; letter-spacing:1px; font-size:32px; text-transform:uppercase }

h2{font-weight:normal; color:#0499CD; letter-spacing:1px; }

.tekst{padding-top:20px; font-size:17px; text-align:left; line-height:140%}
.tekst p{ padding-bottom:20px}
/*standard.*/

/*meni*/
/*#meni{position:fixed; width:100%; z-index:2000; text-align:right; background-color:rgba(0,0,0,.4); font-size:0px; padding:0px 50px}*/
#meni{position:fixed; top:0px; width:100%; z-index:2000; text-align:right; background-color:rgba(255,255,255,.9); font-size:0px; 
	  
	  transition:  background-color .5s;
}

.meni_polje{display:inline-block; position:relative;
	transition:  background-color .5s;
}
.meni_polje:hover{ background-color:rgba(0,0,0,.5); }

.meni_polje_x{display:inline-block; position:relative;
}

.meni_polje_kontra{display:inline-block; position:relative; background-color:rgba(255,255,255,1);
	transition:  background-color .5s;
}
.meni_polje_kontra:hover{ background-color:rgba(255,255,255,.3); }

.klik_meni{ text-decoration:none; font-size:14px; display:block; letter-spacing:2px; color:#fff; text-transform:uppercase;  padding:25px 17px; background-color:rgba(0,0,0,0);
	
}
.klik_meni:hover{ color:#fafafa;}

.klik_meni_icon{ text-decoration:none; font-size:28px; display:block; letter-spacing:2px; color:#fff; text-transform:uppercase;  padding:7px 17px; background-color:rgba(0,0,0,0);
	
}
.klik_meni_icon:hover{ color:#fafafa;}


.klik_meni_social{ text-decoration:none; font-size:16px; display:block; letter-spacing:2px; color:#fff; text-transform:uppercase;  padding:15px 7px; background-color:rgba(0,0,0,0);
	
}
.klik_meni_social:hover{ color:#ccc;}




.klik_meni_kontra{ text-decoration:none; font-size:12px; display:block; letter-spacing:1px; color:#333; text-transform:uppercase;  padding:15px 17px; background-color:rgba(0,0,0,0);
	
}
.klik_meni_kontra:hover{ color:#333;}


#meni_mob{display:none;}
#meni_btns{display:block}

#social_buttons{display:inline-block; margin-left:50px; margin-right:50px; text-align:center;}

#choose{width:100%; position:absolute; background-color:rgba(0,0,0,.4); display:none}

#gornja_traka{display:block}
#logo_traka{padding:0px 50px;}

.submenu{display:none; position:absolute; width:200px; z-index:1000; }
.submenu_btn{display:block; padding:7px 10px; text-decoration:none; color:#fafafa; border-top:1px #999 solid; text-align:left; font-size:12px; letter-spacing:1px; color:#fafafa; background-color:rgba(0,0,0,.5);
transition:  background-color .5s;
}

.submenu_btn:hover{ background-color:rgba(0,0,0,.8); }

.head_home{  padding:0px 10px}

/*meni.*/

/*restoran*/
.dva_dugmeta{ float:right}
.polje{ padding:20px; margin-bottom:20px; background-color:#FFF; font-size:16px; color:#555; letter-spacing:0.5px; text-align:left; line-height:140%;}
/*restoran.*/

#trazi{width:100%; padding:7px 18px; float:right; color:#FFF; letter-spacing:2px; font-size:14px; text-decoration:none; background-color:#0f5791}

#levo_polje{border-right:1px #FFF solid}

#plast{
	
	position:fixed;
	top:0px;
	background-color:rgba(0,0,0,.9);
	width:100%;
	height:100%;
	opacity:1;
	background-image:url(images/oval.svg);
	background-position:center;
	background-repeat:no-repeat;
	pointer-events:none;
	z-index:2000;
	
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;

}


.slajder_polje{position:absolute; display:block; font-size:18px; z-index:2000; top:0px; right:0px; text-align:right; width:100%; padding:20px 20px; color:#FFF; }

		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			.columns.one		{ width:100% }
			.columns.two		{ width:100% }
			.columns.three		{ width:100% }
			.columns.four		{ width:100% }
			.columns.five		{ width:100% }
			.columns.six		{ width:100% }
			.columns.seven		{ width:100% }
			.columns.eight		{ width:100% }
			.columns.nine		{ width:100% }
			.columns.ten		{ width:100% }
			.columns.eleven		{ width:100% }
			.columns.twelve		{ width:100% }
			
			.columns.three.podve		{ width:50% }
			.columns.four.podve		{ width:50% }
			
			#home_gore{height:auto;  position:static; background-color:rgba(3,26,42,.5);}
			#home_gore_blok{position:relative; bottom:0px;}
			
			.columns.three.tim		{ width:25% }
			.columns.nine.tim		{ width:75% }
			
			#zastavice_home_desktop{ display:none}
			#zastavice_home_mob{ display:block; padding-bottom:10px}
			
			
			.columns.six.dvekolone		{ width:50% }
			.columns.three.dvekolone		{ width:50% }
			.columns.four.dvekolone		{ width:50% }
			
			.btn.rasiri{width:100%}
			
			.mapa_desktop{display:none}
			.mapa_mob{display:block}
			
			/*meni*/
			#meni{position:fixed; width:100%; z-index:500; text-align:right; background-color:rgba(255,255,255,1); font-size:0px; padding:0px}
			#meni_btns{display:none; overflow-y:auto}
			#meni_mob{display:block; position:absolute; top:0px; right:10px}
			
			.meni_polje{display:block}
			.klik_meni{ text-decoration:none; font-size:16px; letter-spacing:1px; color:#0499CD; text-transform:uppercase; display:block; padding:25px 17px; background-color:rgba(0,0,0,0);
				transition:  background-color .5s;
			}
			.klik_meni:hover{ color:#fafafa; background-color:#0499CD; }
			
			
			
			#choose{width:100%; position:relative; background-color:rgba(0,0,0,.4); display:none; }
			
			#gornja_traka{display:none;}	
			#logo_traka{padding:0px 10px;}
			
			.head_home{ width:50%; text-align:center}
			.klik_meni_social{ text-decoration:none; font-size:26px; display:block; letter-spacing:2px; color:#fff; text-transform:uppercase;  padding:15px 15px; background-color:rgba(0,0,0,0);
			}
			
			/*meni.*/
			
			/*zaglavlje*/
			#logo_polje{ text-align:left; padding-right:70px }
			#slogan{display:none}
			/*zaglavlje.*/
			
			
			.tekst_polje_podstrana{ padding:20px 0px}
			
			/*.slajder_natpis{position:absolute; bottom:20%; padding:15px; text-align:center}*/

			.slajder_naslov{color:rgba(255,255,255,1); font-size:30px; letter-spacing:2px; text-transform:uppercase}
			.slajder_tekst{color:rgba(255,255,255,1); font-size:18px; letter-spacing:1px;}
			
			#levo_polje{border-right:0px #FFF solid; border-bottom:1px #FFF solid;}
			
			/*podmeni*/
			.submenu{display:none; position:relative; width:100%; z-index:1000; }
			.submenu_btn{display:block; padding:7px 10px; text-decoration:none; color:#fafafa; border-top:0px #999 solid; text-align:right; font-size:15px; letter-spacing:1px; color:#fafafa; background-color:rgba(0,0,0,.0);
			transition:  background-color .5s;
			}
			
			.submenu_btn:hover{ background-color:rgba(0,0,0,.8); }
			
			.desktop_show{display:none}
			.desktop_inline_show{display:none}
			.mob_show{display:block}
			.mob_inline_show{display:inline-block}
			#social_buttons{display:block; margin-top:40px}
			
			#choose{display:block; text-align:center; margin-top:40px}
			#choose_lang{display:none}
			.lng_btn{display:inline-block}
			
			.slajder_polje{position:absolute; display:block; font-size:18px; z-index:2000; top:0px; right:0px; left:0px; margin-left:auto; margin-right:auto; text-align:right; width:100%; padding:20px 50px; color:#FFF; }
			
			/*restoran*/
			.dva_dugmeta{ float:none; padding:10px 0px}
			.pola{width:45%}
			.mob_float_right{float:right}
			/*restoran.*/
			#trazi{width:100%; padding:12px 18px; float:right; color:#FFF; letter-spacing:2px; font-size:14px; text-decoration:none; background-color:#0f5791}

		}
		
		@media only screen and (max-width:490px){
			.columns.three.podve		{ width:100% }
			.columns.four.podve		{ width:100% }
		}

/*TOOL TIPS*/
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: #F90;
	border: 0px solid red;
	border-radius: 6px;
	box-shadow: rgba(0,0,0,.4) 0px 0px 10px;
	font-size:16px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	color: #FFF;
	padding: 8px;
	letter-spacing:1px;
}

.tooltipster-arrow-background{
	border-top-color:#F90 !important;
	}
.tooltipster-arrow-border{
	 display:none;
	}