@charset "utf-8";
/* CSS Document */
body {margin:0px; padding:0px;}
#top{float:left; height:100px; width:100%; background-image:url(images/uzorak_header.png); background-repeat:repeat-x;}
#header {height:100px; width:960px; background-image:url(images/header.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto;}

#logo {float: left; width:310px; height:100px; background-image:url(images/&.png); background-repeat:no-repeat; background-position:center;}

#sanic {float:left; width:140px; height:100px; text-align:center; padding-top:15px;}
#creshendo {float:left; width:140px; height:100px; text-align:center; padding-top:15px; margin-left:30px; }
.vece {font-family:Trebuchet MS; font-size:28px; text-decoration:none; color:#63493a; }
.manje {font-size:20px; font-family:Trebuchet MS; text-decoration:none; color:#d1bbb3; }


.menu {
	float:left; margin-left:500px; margin-top:-40px; margin-bottom:5px;}

/*IZBORNIK*/
#izbornik {float:left; width:650px; height:100px;}
#izbornik ul {float:left; width:650px; margin:0px; padding:0px;  margin-top:30px;}
.active {background-image:; background-repeat:repeat-x;}
#nav { /* all lists */ font-family:Trebuchet MS; position:absolute; list-style: none;  padding: 0px 0px 0px 0px;  width: 650px; z-index:100; }
#nav li { /* all list items */ float: left;  width:92px; text-align:center; font-family:Trebuchet MS; height:27px;}
#nav li a { display:block; width:92px; height:20px; text-decoration: none; color:#63493a; text-align:center; padding:0px; margin:0px; }
#nav li a:hover, #nav li a.active { color: #acabaa; text-decoration: none; background-image:url(images/active_izb.png); background-repeat:repeat-x;}
#nav ul { -moz-box-shadow:1px 1px 2px #63493a; -webkit-box-shadow:1px 1px 2px #63493a; box-shadow:1px 1px 2px #63493a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:130px; background: #FFF; position: absolute; left: -999em; margin: 0px 0px 0px 0px; padding: 2px 0px 0px; list-style: none; border: 1px solid #baa69b; text-transform: none; font-size: 14px; }
#nav ul li {width: 130px;}
#nav ul li a { color: #acabaa; text-align: left; line-height: 20px; margin: 0px; padding: 2px 10px 4px; display: block; width: 110px; border-bottom: 1px solid #63493a; }
#nav li ul li a:hover {color: #63493a;}
#nav li ul ul { margin: -1em 0 0 10em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav-left li.hover {  position: static;  }

/*SREDINA*/
#sredina {float:left; height:auto; width:100%; background-color:#9d877f; background-image:url(images/pozadina.jpg); background-repeat:repeat-x;}
#main {width:960px; height:auto; margin-left:auto; margin-right:auto; background-color:#06C;}
#langs {float:left; width:24px; height:136px; margin-top:15px;}
#langs a {float:left; display:block; width:24px; height:24px; background-image:url(images/langs.png); background-repeat:no-repeat; background-position:left; color:#63493a; text-decoration:none; text-align:center; text-transform:uppercase; font-family:Trebuchet MS; font-size:11px; line-height:24px; margin-bottom:10px;}
#langs a:hover {background-position:right; color:#FFF;}

#content {float:left; width:926px; height:auto; background-color:#FFF; margin-top:15px; margin-left:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#shadow {float:left; margin-left:30px; width:924px; height:14px; background-image:url(images/content_shadow.png); background-repeat:no-repeat;}

#kontakt_podaci {width:215px; height:130px; background-color:#FFF; position:absolute; z-index:200; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:-670px; margin-left:20px; -moz-box-shadow:0px 0px 10px 0px #c2c4c4 -webkit-box-shadow: 0px 0px 10px 0px #c2c4c4; box-shadow:0px 0px 10px 0px #c2c4c4; padding-left:5px; padding-right:5px;}
#kontakt_podaci h2 {font-family:Trebuchet MS; font-size:20px; color:#63493a; text-align:center; margin-top:10px; background-image:url(images/tocke.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-bottom:0px;}
#kontakt_podaci p {text-align:center; font-family:Trebuchet MS; font-size:14px; margin-top:5px; color:#63493a;}
#kontakt_podaci p a {text-decoration:none; color:#acabaa;}
#kontakt_podaci p a:hover {color: #63493a;}

#posebna_ponuda {width:215px; height:auto; background-color:#FFF; position:absolute; z-index:200; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:-670px; margin-left:680px; -moz-box-shadow:0px 0px 10px 0px #c2c4c4 -webkit-box-shadow: 0px 0px 10px 0px #c2c4c4; box-shadow:0px 0px 10px 0px #c2c4c4; padding-left:5px; padding-right:5px;}
#posebna_ponuda h2 {font-family:Trebuchet MS; font-size:20px; color:#63493a; text-align:center; margin-top:10px; background-image:url(images/tocke.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-bottom:0px;}
#posebna_ponuda p {text-align:center; font-family:Trebuchet MS; font-size:14px; margin-top:5px; color:#63493a;}
#posebna_ponuda p a {text-decoration:none; color:#acabaa;}
#posebna_ponuda p a:hover {color: #63493a;}

#dobrodosli {width:600px; height:auto; background-image:url(images/prozirno.png); position:absolute; z-index:200; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:-400px; margin-left:0px; padding-left:5px; padding-right:5px; }
#dobrodosli h1 {font-family:Trebuchet MS; font-size:28px; color:#63493a; margin-top:10px; margin-left:15px; margin-bottom:10px;}
#dobrodosli p {font-family:Trebuchet MS; font-size:14px; color:#63493a; margin-top:10px; margin-left:15px; margin-bottom:10px; background-image:url(images/prozirno_p.png); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px; margin-right:10px;}

#apartmani {width:213px; height:auto; position:absolute; z-index:200; margin-top:-400px; margin-left:680px; }
.apartman {float:left; width:213px; height:35px; background-image:url(images/apartman.png); background-repeat:no-repeat; text-align:center;  margin-bottom:10px; background-position:left;}
.apartman:hover {background-position:right;}
.apartman a {font-family:Trebuchet MS; font-size:15px; color:#63493a; text-decoration:none; display:block; widows:213px; height:35px; line-height:35px;}
.apartman a:hover {color:#acabaa;}
.apartmaninovo {padding: 0 25px; }
.apartmaninovo a {font-family:Trebuchet MS; font-size:15px; background:#63493a;padding: 0 25px; color: #fff; text-decoration:none; display:block; widows:213px; height:35px; line-height:35px; text-align: center;}
.apartmaninovo a:hover {color:#fff;background: #63351a !important;}
/*SLIDESHOW*/
#slideshow { position:relative; height:680px; width:914px; margin-left:6px; margin-top:5px; margin-bottom:5px;}
#slideshow img {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#slideshow img.active {z-index:10;opacity:1.0;}
#slideshow img.last-active {z-index:9;}

/*FOOTER*/
#bottom {float:left; width:100%; height:auto; background-image:url(images/footer_decor.png); background-repeat:repeat-x;}
#footer {width:960px; margin-left:auto; margin-right:auto; height:200px; margin-top:10px; background-image:url(images/footer_bijelo.png); background-repeat:no-repeat; background-position:right;}

.item {float:left; width:286px; height:174px; background-image:url(images/item.png); background-repeat:no-repeat; margin-left:34px;}
.item img {float:left; margin-left:5px; margin-top:5px; border:none;}
.tekst_l {float:left; font-family:Trebuchet MS; font-size:12px; color:#63493a; margin-left:34px;}
.tekst_r {float:right; font-family:Trebuchet MS; font-size:12px; color:#63493a;}
.tekst_r a {color:#63493a; text-decoration:none;}
.tekst_r a:hover {color: #acabaa;}

.label_pizza {width:257px; height:44px; background-image:url(images/pizzeria.png); z-index:10; position:absolute; margin-top:90px; margin-left:-5px; text-align:center; background-repeat:no-repeat;}
.label_pizza a {text-decoration:none; color:#FFF; font-family:Trebuchet MS; line-height:40px; padding-left:30px;}
.label_pizza a:hover {color:#d1bbb3;}
.label_virtual {width:257px; height:44px; background-image:url(images/virtual_tour.png); z-index:10; position:absolute; margin-top:90px; margin-left:-5px; text-align:center; background-repeat:no-repeat;}
.label_virtual a {text-decoration:none; color:#FFF; font-family:Trebuchet MS; line-height:40px; padding-left:30px;}
.label_virtual a:hover {color:#d1bbb3;}
.label_lokacija {width:257px; height:44px; background-image:url(images/lokacija.png); z-index:10; position:absolute; margin-top:90px; margin-left:-5px; text-align:center; background-repeat:no-repeat;}
.label_lokacija a {text-decoration:none; color:#FFF; font-family:Trebuchet MS; line-height:40px; padding-left:30px;}
.label_lokacija a:hover {color:#d1bbb3;}

/*PODSTRANICA*/

#podstranica {float:left; width:703px; height:155px; background-color:#FFF; margin-left:10px; margin-top:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#podstranica img {margin-left:5px; margin-top:5px;}

#content_podstranica {float:left; width:703px; height:auto; background-color:#FFF; margin-top:0px; margin-left:34px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#shadow_podstranica {float:left; margin-left:30px; width:703px; height:14px; background-image:url(images/content_shadow_podstranica.png); background-repeat:no-repeat;}

#kontakt_podaci_podstranica {width:215px; height:130px; background-color:#FFF; position:absolute; z-index:200; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:-137px; margin-left:20px; -moz-box-shadow:0px 0px 10px 0px #c2c4c4 -webkit-box-shadow: 0px 0px 10px 0px #c2c4c4; box-shadow:0px 0px 10px 0px #c2c4c4; padding-left:5px; padding-right:5px;}
#kontakt_podaci_podstranica h2 {font-family:Trebuchet MS; font-size:20px; color:#63493a; text-align:center; margin-top:10px; background-image:url(images/tocke.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-bottom:0px;}
#kontakt_podaci_podstranica p {text-align:center; font-family:Trebuchet MS; font-size:14px; margin-top:5px; color:#63493a;}
#kontakt_podaci_podstranica p a {text-decoration:none; color:#acabaa;}
#kontakt_podaci_podstranica p a:hover {color: #63493a;}

#sadrzaj {float:left; width:683px; height:auto; background-image:url(images/podstranica_decor.png); background-position:top; background-repeat:no-repeat; font-family:Trebuchet MS; color:#63493a;}
#sadrzaj h1 {font-family:Trebuchet MS; font-size:27px; color:#63493a; margin-top:10px; margin-left:15px; margin-bottom:10px;}
.tekst {font-family:Trebuchet MS; color:#63493a; margin-top:10px; margin-left:15px; margin-bottom:10px; background-color:#d1bbb3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px; margin-right:10px; width:650px; float:left; font-size:13px;}
.tekst a {color:#FFF;}
#sadrzaj p { font-size:13px;}
#sadrzaj p a {color:#FFF;}
#sadrzaj h2 {float:left; width:650px; font-size:20px; background-image:url(images/h2_tocke.png); background-position:bottom; background-repeat:repeat-x;padding-bottom:10px; margin-bottom:0px;}
#sadrzaj h3 {float:left; width:650px; font-size:15px; background-image:url(images/h2_tocke.png); background-position:bottom; background-repeat:repeat-x;padding-bottom:10px; margin-bottom:0px;}
#sadrzaj ul {float:left;}

.image {float:left; width:149px; height:110px; background-image:url(images/frame.png); background-repeat:no-repeat; margin-top:10px; margin-right:10px; margin-left:3px;}

.image img {width:139px; height:92px; float:left; border:none; margin-left:5px; margin-top:5px;}

#sjena_podstranica {float:left; width:703px; height:20px; background-image:url(images/sjena_podstranica.png); background-repeat:no-repeat;}

#right {float:right; width:223px; height:auto; }

#posebna_ponuda_podstranica {width:200px; height:auto; background-color:#FFF; float:left;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:0px; margin-left:0px; -moz-box-shadow:0px 0px 10px 0px #c2c4c4 -webkit-box-shadow: 0px 0px 10px 0px #c2c4c4; box-shadow:0px 0px 10px 0px #c2c4c4; padding-left:5px; padding-right:5px; margin-left:10px; margin-top:25px;}
#posebna_ponuda_podstranica h2 {font-family:Trebuchet MS; font-size:20px; color:#63493a; text-align:center; margin-top:10px; background-image:url(images/tocke.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-bottom:0px;}
#posebna_ponuda_podstranica p {text-align:center; font-family:Trebuchet MS; font-size:14px; margin-top:5px; color:#63493a;}
#posebna_ponuda_podstranica p a {text-decoration:none; color:#acabaa;}
#posebna_ponuda_podstranica p a:hover {color: #63493a;}

#apartmani_podstranica {width:213px; height:auto; float:left; margin-top:15px; margin-left:10px; }

#sadrzaj table{float:left; margin-top:20px; width:640px;border:1px solid #d2d2d2;background-color:#fff; color: #63493a;  text-align:center; font-family:Trebuchet MS; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#sadrzaj td{border:1px solid #d1bbb3;padding:5px; font-size:12px;}
#sadrzaj tr:first-child{background-color:#d1bbb3;color:#63493a;border:1px solid #fff; font-weight:bold;}	
#sadrzaj tr:first-child a {
color:#63493a; text-decoration:none; font-size:13px;		
}

.tlocrt {float:left; width:310px; height:200px; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:15px; margin-top:20px;}
.tlocrt img {float:left; margin-left:5px; margin-top:5px;}

/*FORMA*/


.clear {float:left; height:10px; width:650px;} 

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}