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

/*
tamno plava #025A79
svetlo plava #0499CD
*/

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



html{
	 height:100%;
 	min-height:100%;	
}
	
body{
	font-size:12px;
	font-family:"Lato", 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:#999; 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}

.klik_plavo{text-decoration:none; color:#025A79}
.klik_plavo:hover{color:#777}

.more_btn{ padding:5px 8px; color:#FFF; text-decoration:none; font-size:12px; background-color:#0499CD; margin-top:5px}
.more_btn:hover{ background-color:#025A79;}

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


.btn{ text-decoration:none; display:inline-block; color:#0499CD; font-size:14px; text-transform:uppercase; letter-spacing:1px; background-color:#FFF; padding:8px 16px; border:2px #0499CD solid;
	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:#0499CD; color:#FFF}




.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{ text-align:left; padding-left:20px;}
.tekst_polje_podstrana_desno{text-align:right; padding-right:20px;}

/*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:#fafafa; font-size:14px; text-align:left}
.forma_text{ font-size:16px; padding:5px; color:#fafafa; width:100%; background-color:transparent; border:1px #fafafa solid; box-sizing:border-box; -moz-box-sizing:border-box;}

input{font-family:font-family:"Lato", Arial, Helvetica, sans-serif;}
textarea,input {font-family:font-family:"Lato", 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}

#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 rgba(0,0,0,.5)}
h1{font-weight:normal; text-align:left; color:#0499CD; letter-spacing:1px; font-size:32px; }

h2{font-weight:normal; color:#0499CD; letter-spacing:1px; }
/*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(4,153,205,1); }

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

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

#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); }
/*meni.*/

#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_natpis{padding:15px; z-index:120}

.slajder_naslov{color:rgba(255,255,255,1); font-size:70px; letter-spacing:3px; text-transform:uppercase; text-shadow:1px 1px rgba(0,0,0,.5)}
.slajder_tekst{color:rgba(255,255,255,1); font-size:26px; letter-spacing:1px;  text-shadow:1px 1px rgba(0,0,0,.5)}

.infowindow{ color:#006AB6; font-size:14px; padding:10px;}

.table_h2{text-align:left; padding:40px 0px 20px 0px}
.tabela{width:100%}
.tabela tbody tr td{ padding:5px; border-bottom:#0499CD 1px dotted}

.tekst{padding-top:20px; font-size:16px; text-align:left; line-height:140%}
.tekst p{ margin-bottom:10px}

		@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% }
			
			.btn.rasiri{width:100%}
			
			.mapa_desktop{display:none}
			.mapa_mob{display:block}
			
			/*meni*/
			#meni{position:fixed; width:100%; z-index:2000; 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:10px; 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;}
			
			/*meni.*/
			
			/*zaglavlje*/
			#logo_polje{ text-align:left; padding-right:70px }
			#slogan{display:none}
			/*zaglavlje.*/
			
			
			.tekst_polje_podstrana{ padding:20px 0px; border-bottom:#0499CD 3px solid}
			.tekst_polje_podstrana_desno{ 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); }
			

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