body { background-color:#f7f7f7; padding:0px; margin:0px; font-size:13px; color:#535456; font-family:Arial, Helvetica, sans-serif; }
.h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 28px; line-height:35px; text-decoration:none; margin:0px; padding:0px; }
img { border:none; }
a { text-decoration:none; }
h3 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 28px; margin:0px; padding-top:5px; padding-bottom:5px; }
hr  { border: 0; margin-top:-5px; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); }

input { padding-left:3%; padding-right:3%; margin-bottom:10px; height:35px; line-height:35px; border:1px #CCCCCC solid; color:#535456; font-size:13px; width:94%; }
textarea { padding:3%; margin-bottom:10px;  line-height:18px; border:1px #CCCCCC solid; color:#535456; font-size:13px; width:94%; }
select {  height:39px; margin-bottom:10px; line-height:39px; border:1px #CCCCCC solid; color:#535456; font-size:13px; width:100%; }

.meni { float:right; margin-left:20px; margin-top:25px; }
.meni a { font-size:15px; color:#ffffff; text-decoration:none; }
.meni a:hover { color:#FDEC06; }

.meni_selected { float:right; margin-left:20px; margin-top:25px; }
.meni_selected a { font-size:15px; color:#FDEC06; text-decoration:none; }
.meni_selected a:hover { color:#FDEC06; }

.meni_sve {   }
.meni_sve a { float:left; padding:10px; font-size:15px; color:#ffffff; text-decoration:none; }
.meni_sve a:hover { float:left; padding:10px; color:#ffffff; background-color:#C87B09;  }

.meni_sve_selected { }
.meni_sve_selected a { float:left; font-size:15px; padding:10px; color:#ffffff; background-color:#C87B09; }
.meni_sve_selected a:hover {  }


.meni_galerija { float:right; margin-left:20px; margin-top:20px; }
.meni_galerija a { font-size:15px; color:#999999; font-weight:bold; text-decoration:none; }
.meni_galerija a:hover { color:#0088D2; }

.meni_galerija_selected { float:right; margin-left:20px; margin-top:20px; }
.meni_galerija_selected a { font-size:15px; color:#0088D2; font-weight:bold; text-decoration:none; }
.meni_galerija_selected a:hover { color:#0088D2; }

@media only screen and (min-width: 300px) and (max-width: 1000px) {
	.centar_ispis { margin-top:0px; }
	.trazilica { width:100%; display:block; background-color:#FFFFFF; }
	.trazilica_ispis { position:relative; width:100%; min-height:150px; background-color:#FFFFFF; font-size:12px; }
	.trazilica_prva { float:left; width:100%; }
	.trazilica_druga { float:left; width:100%; }
	.trazilica_druga li { list-style:none; float:left; width:100%; }
	.glavni_meni { display:none; }
	.mobilni_meni {  display:block;  }
}
@media only screen and (min-width: 1001px)  {
	.centar_ispis { margin-top:190px; }
	.trazilica { max-width:980px; margin-top:-190px; display:block; } 
	.trazilica_ispis { position:absolute; z-index:2; width:970px; border:5px #333333 solid; height:150px; background-color:#FFFFFF; font-size:12px; }
	.trazilica_prva { float:left; width:30%; }
	.trazilica_druga { float:left; width:70%; }
	.trazilica_druga li  { list-style:none; float:left; width:18%; margin-left:2%; }
	.glavni_meni { display:block; }
	.mobilni_meni {  display:none;  }
}

.trazilica_prva li { list-style:none;  }
.trazilica_druga li { list-style:none;  } 
 

 
.breadcrumbs { max-width:980px; padding:10px; }
.breadcrumbs li { list-style:none; float:left; padding-left:10px; }
.breadcrumbs a { color:#535456; }

.rub { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(PIE.php); }
.rub_gore { border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-right-radius:10px; -moz--top-right-top-radius:10px; -webkit-border-top-right-radius:10px; behavior:url(PIE.php); }

.za_sliku { opacity: 1.0;
    filter: alpha(opacity=100);  }
.za_sliku:hover { opacity: 0.6;
    filter: alpha(opacity=60); }  
 
.klik_detalji a{
	color: #ffffff;
	text-decoration:none;
	background: #6B94C0;
	padding: 5px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  behavior: url(PIE.php);
}
.klik_detalji a:hover{
	background:#9DC02E;
}

@media only screen and (min-width: 300px) and (max-width: 1000px) {
	.test { }
	.test span { width: 100%; float:left; }
	.test strong {  width: 100%; float:left; padding-bottom:10px;  font-weight:normal; }
	.test li { width:100%; list-style:none; }
	.footer { }
	.footer li {
		width:100%;
		list-style:none;
	}
	.hotel_lijevo {
	width:100%;
	float:left;
	list-style:none;
	text-align:left;
	}
	.hotel_desno {
		width:100%;
		float:left;
		list-style:none;
		text-align:left;
	}
}
@media only screen and (min-width: 1001px)  {
	.test { }
	.test span { width: 30%; float:left; }
	.test strong {  width: 69%; float:left; padding-left:1%; padding-top:0px; font-weight:normal; }
	.test li { width:50%; float:left; list-style:none; }
	.footer { }
	.footer li {
		width:33%;
		float:left;
		list-style:none;
		text-align:left;
	}
	.hotel_lijevo {
	width:30%;
	float:left;
	list-style:none;
	text-align:left;
	}
	.hotel_desno {
		width:70%;
		float:left;
		list-style:none;
		text-align:left;
	}
}

.smjestajne_jedinice { background-color:#ffffff; padding:10px; font-size:15px; text-align:left; }
.smjestajne_jedinice_selected { background-color:#F7F7F7; padding:10px; font-size:15px; text-align:left; }
 
.broj_slikica { position:absolute; width:40px; height:20px; background-color:#ffffff; color:#333333; font-size:10px; line-height:20px; text-align:center; }

.linkovi_tab { padding:5px; float:left; margin-right:10px; border-bottom:2px #ffffff solid; font-size:17px; color:#222222;}
.linkovi_tab a { font-size:17px; color:#222222;   }

.linkovi_tab_selected { padding:5px; float:left; margin-right:10px; border-bottom:2px #DD4B39 solid; font-size:17px; color:#DD4B39;}
.linkovi_tab_selected a { font-size:17px; color:#DD4B39;   }

.gornji_linkovi {
background-color:#6C97C3; cursor:pointer; padding:10px; border-top:1px #53BFE6 solid; color:#ffffff;  text-decoration:none;
}
.gornji_linkovi:hover {
	background-color:#205D7C;  
}
.gornji_linkovi a {
	color:#ffffff;  text-decoration:none;
}
.gornji_linkovi a:hover {
	color:#ffffff;  text-decoration:none;
}

.gornji_linkovi_selected {
	background-color:#205D7C; cursor:pointer; padding:10px; border-top:1px #53BFE6 solid; color:#ffffff;  text-decoration:none;
}
.gornji_linkovi_selected:hover {
	background-color:#205D7C;  
}
.gornji_linkovi_selected a {
	color:#ffffff;  text-decoration:none;
}
.gornji_linkovi_selected a:hover {
	color:#ffffff;  text-decoration:none;
}
.paination {
	width:30px; height:30px;
	text-align:center;
	float:left;
	cursor:pointer;
	 
	background: #fff;
	border: 1px solid #e9e9e9;
	margin-right:10px; margin-bottom:10px; 
}
.paination a {
	color:#999999; text-decoration:none; line-height:30px;
}
.paination_active {
	width:30px; height:30px;
	text-align:center;
	float:left;
	cursor:pointer;
	 
	background: #EFEFEF;
	border: 1px solid #e9e9e9;
	margin-right:10px; margin-bottom:10px;   
}
.paination_active a {
	color:#999999; text-decoration:none; line-height:30px;
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
.meni_jezik { display:block; margin:10px; padding:0px; float:right; background-color:#2C9DC7; }
.meni_jezik_full { display:none; }
}
@media only screen and (min-width: 601px)  {
.meni_jezik { display:none; }
.meni_jezik_full { display:block; float:right; margin-right:25px; }
.meni_jezik_full img { border:1px #FFF solid; margin-left:10px; margin-top:25px; }
}

.meni_jezik ul { list-style: none; padding: 0px; margin: 0px; }
.meni_jezik ul li { display: block; position: relative; float:left; padding: 0px; margin: 0px; }
.meni_jezik li ul { display: none; }
.meni_jezik ul li a { display: block; text-decoration: none; padding:10px; color:#FFFFFF; font-size:16px; }
.meni_jezik ul li a:hover { display: block; }
.meni_jezik li:hover ul { display: block; min-width:120px; right:0px;  position: absolute; z-index:999; border-left:1px #f3f3f3 solid; border-right:1px #f3f3f3 solid; border-bottom:1px #f3f3f3 solid; }
.meni_jezik li:hover li { float: none; margin:0px; text-align:left; }
.meni_jezik li:hover a { background: #ffffff; color: #0000FF;  }
.meni_jezik li:hover li a:hover { background: #F3F3F3; }

.header-unit {
  height: 620px;
  border-right:none;
  border-left: none;
  position: relative;
}

@media only screen and (min-width: 300px) and (max-width: 1000px) {
.video_ide { display:none; }
.velike_slike_destinacije { display:block; }
}
@media only screen and (min-width: 1001px)  {
.video_ide { display:block; }	
.velike_slike_destinacije { display:none; }
.header-unit {
  height: 620px;
  border-right:none;
  border-left: none;
  position: relative;
}	
#video-container {
  position: absolute;
}
#video-container {
  top:0%;
  left:0%;
  height:100%;
  width:100%;
  overflow: hidden;
}
video {
  position:absolute;
  z-index:0;
}
video.fillWidth {
  width: 100%;
  background:transparent url('back_image.jpg') no-repeat 0 0; 
   -webkit-background-size:cover; 
   -moz-background-size:cover; 
   -o-background-size:cover; 
   background-size:cover; 
}
}