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

/*
blue
*/

.ctext{color:#6CF !important}
.cback{ background-color:#6CF !important}

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



html{
	 height:100%;
 	min-height:100%;	
}
	
body{
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#333;
	background-color:#eee;

}

.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:1200px; }

.desktop_show{display:block}
.mob_show{display:none}

/*zaglavlje*/
#logo_field{position:absolute; top:0px; left:0px; width:20%; height:auto; padding:0px 30px 0px 40px}
#logo_mob{display:none}

#meni{background-color:rgba(255,255,255,.8); padding-left:20px;  text-align:left; }


#podaci_zaglavlja{width:100%; position:absolute; top:0px; left:0px;}
/*zaglavlje.*/

/*home*/
#kruzici{padding:20px; position:absolute; bottom:0px; width:100%; background-image:url(images/talasic2.png); background-position:top; background-size:cover; background-repeat:no-repeat}


#logo_slajder{width:380px; height:auto;}
#natpis_slajder{color:#FFF; font-size:18px; letter-spacing:1px}

#home_3_polja{height:250px; background-color:#fff; position:relative; }
#set_3_polja{padding:10px 80px 10px 80px; position:absolute; bottom:0px}

.reservation_blok{padding:20px 150px 20px 150px}

/*
#home_zaglavlje{width:100%; position:absolute; top:0px; left:0px;}*/
.krug_polje{ background-color:#fafafa}
.krug_opis{padding:15px; color:#555; font-size:14px; letter-spacing:1px; line-height:140%; height:120px; overflow:hidden}
/*home.*/

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

/*tables*/
tbody tr:nth-child(odd) {
   background-color: #f9f9f9;
}
.table_row_clickable {
    background-color: #eee;
}

.table_row_clickable:hover {
    background-color: #ddd;
	cursor: pointer;
}



.table_cell{ font-size:14px; color:#333; padding:5px 10px 5px 10px;}
.table_cell.table_header{ color:#FFF; background-color:#C00}

/*tables.*/

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

}
	
.dugme_crveno{display:inline-block; background-color:#C00; color:#FFF; font-size:14px; text-decoration:none; padding:6px 15px 6px 15px; letter-spacing:2px; text-transform:uppercase;
		transition:  background-color .5s;
}
.dugme_crveno:hover{ background-color:#F00}

.dugme_crno{display:inline-block; background-color:#333; color:#FFF; font-size:14px; text-decoration:none; padding:6px 15px 6px 15px; letter-spacing:2px; text-transform:uppercase;
		transition:  background-color .5s;
}
.dugme_crno:hover{ background-color:#777}

.dugme_sivo{display:inline-block; background-color:#555; color:#FFF; font-size:14px; text-decoration:none; padding:6px 15px 6px 15px; letter-spacing:2px; text-transform:uppercase;
		transition:  background-color .5s;
}
.dugme_sivo:hover{ background-color:#777}

.slajder_dugme{display:block; padding:10px 20px 10px 20px; background-color:#333; color:#fafafa; font-size:18px; letter-spacing:2px; text-decoration:none; text-transform:uppercase;
transition:  background-color .3s;
}
.slajder_dugme:hover{ background-color:#777}

.slajder_dugme_crveno{display:block; padding:10px 20px 10px 20px; background-color:#C00; color:#fafafa; font-size:18px; letter-spacing:2px; text-decoration:none; text-transform:uppercase;
transition:  background-color .3s;
}
.slajder_dugme_crveno:hover{ background-color:#F00}

.glavno_polje{max-width:1200px; background-color:#fff; margin-top:20px}
.sadrzaj_polje{ padding:20px}
.naslov_stranice{ text-align:left; text-transform:uppercase; font-size:22px; letter-spacing:2px; color:#333; margin-bottom:10px}
.tekst_stranice{text-align:left; font-size:14px; letter-spacing:1px; line-height:140%; color:#555 }
.tekst_stranice p{ margin-bottom:10px}

.tekst > p{padding-bottom:15px}

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

.klik_crveno{text-decoration:none; color:#C00}
.klik_crveno:hover{color:#777}

.klik_belo{text-decoration:none; color:#fafafa}
.klik_belo:hover{color:#ddd}

.klik_putanja{text-decoration:none; color:#fafafa}
.klik_putanja:hover{color:#ccc}

.klik_meni{display:inline-block; padding:30px 15px 30px 15px; color:#555; letter-spacing:1px; text-decoration:none; font-size:14px; text-transform:uppercase;
	transition: 			background-color .5s;
	-webkit-transition: 	background-color .5s;
    -moz-transition: 		background-color .5s;
    -o-transition: 			background-color .5s;
    -ms-transition: 		background-color .5s;
}
.klik_meni:hover{color:#fafafa; background-color:#6CF}

.klik_meni.klik_mail{ margin-left:35px}

.klik_meni.kontra{color:#fafafa; background-color:#6CF}
.klik_meni.kontra:hover{color:#fafafa; background-color:#069}

/*
.btn{ text-decoration:none; display:inline-block; color:#fafafa; font-size:14px; text-transform:uppercase; letter-spacing:1px; background-color:#a44e8b; 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:hover{ background-color:#fafafa; color:#444}*/

h1{font-weight:normal; text-align:left; color:#555; letter-spacing:1px; font-size:32px !important; margin:0 !important; line-height:100% !important; }
h2{font-weight:normal; text-align:left; color:#555; letter-spacing:1px; font-size:24px !important; margin:0 !important; line-height:100% !important; }

.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;
}

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

/*standard.*/

/*loger*/
/*loger.*/



/*forma*/
.form_element{padding-top:15px}
.form_label{padding-bottom:3px; text-align:left; font-size:14px; color:#333; letter-spacing:1px}
.form_field{width:100%; background-color:#fff;  letter-spacing:2px; padding:5px !important; font-size:14px; color:#777}
/*forma.*/

/*meni artikala*/
.men_dugme{ text-decoration:none; display:block; background-color:#fafafa; color:#333; font-size:15px; text-align:left; padding:5px 10px 5px 10px; border-top:1px #ddd solid}
.men_dugme:hover{ color:#C00}
/*meni artikala.*/

		#logo_z{width:320px; height:auto; margin-top:70px}

		@media only screen and (max-width:980px){
			
		.columns.three.dvekolone		{ width:50% }
		
		
		#logo_z{width:320px; height:auto; margin-top:70px}
		
			
		}
		
		
		@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.three.dvekolone		{ width:50% }
			.columns.six.dvekolone		{ width:50% }
			.columns.four.podve		{ width:50% }
			.columns.four.dvekolone		{ width:50% }
			
			.columns.one.fix		{ width:8.33% }
			.columns.two.fix		{ width:16.66% }
			.columns.three.fix		{ width:25% }
			.columns.four.fix		{ width:33.33% }
			.columns.five.fix		{ width:41.66% }
			.columns.six.fix		{ width:50% }
			.columns.seven.fix		{ width:58.33% }
			.columns.eight.fix		{ width:66.66% }
			.columns.nine.fix		{ width:75% }
			.columns.ten.fix		{ width:83.33% }
			.columns.eleven.fix		{ width:91.66% }
			.columns.twelve.fix		{ width:100% }
			
			.desktop_show{display:none}
			.mob_show{display:block}
			
			/*zaglavlje*/
			
			#logo_field{display:none}
			#logo_mob{display:block}
			
			#podaci_zaglavlja{width:100%; position:relative; top:0px; left:0px;}
		
			
			/*zaglavlje.*/
			
			#meni{display:none; padding-left:0px;}
			
			/*home*/
			#logo_slajder{width:300px; height:auto; margin-top:40px}
			#natpis_slajder{color:#FFF; font-size:16px; letter-spacing:1px}
			
			#home_3_polja{height:auto; background-color:#fff; position:relative; }
			#set_3_polja{padding:10px 10px 10px 10px; position:relative; bottom:0px}
			
			.reservation_blok{padding:20px 20px 20px 20px}
			
			#mapa_desktop{display:none}
			#mapa_mob{display:block}
			
			#home_zaglavlje{width:100%; position:relative; top:0px; left:0px;}
			.krug_polje{padding-left:20px; padding-right:20px}
			
			
			.klik_meni{display:block; padding:10px 15px 10px 15px; color:#3e3643; margin:10px 0px;  }
			.klik_meni.klik_mail{ margin-left:0px}
			
			

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