* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #6D6655;}
 .link:hover {
	text-decoration: none;
	color: #6D6655;
}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }

 .clearer { height: 0.1em; clear: both;}

 #container {background: #FFFFFF; width: 858px; height: 400px; margin: 0 auto;  position: absolute; top: 45%; left: 50%; margin-left: -415px; margin-top: -215px;  }
 #wrapper { background: #FFFFFF; border: 1px solid #6D6655; }
 #page {width: 830px; height: 438px;  background: #FFFFFF;  }
 #page_top {background: #FFFFFF; background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 0px solid #DED1B8; }
 #real_page {background: #FFFFFF; height: 400px; margin-top: 13px; position: relative; overflow: hidden; border: 0px solid #712A2A; }
 
 h1 {
	width: 183px;
	height: 151px;
	position: absolute;
	top: 59px;
	left:587px;
	z-index: 10000;
}
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/adriella.png); display: block; height: 100%; width: 100%;}
 h2 {width: 352px; height: 150px; position: absolute; top: 0px; right: 1px; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 h4.noutati {margin-bottom: 5px;}
 

 #main_menu {
	width: 142px;
	position: absolute;
	top: 232px;
	left: 648px;
	padding: 1px 0 0;
	background:url(../images/dot_hor.gif);
	background-repeat: repeat-x;
}
 #main_menu li {padding: 0 0 1px; background:url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a {display: block; height: 20px; background-position: 5px 6px; text-indent: -3000px; background-repeat: no-repeat;  }
 .rezervacije {background:url(../images/rezervacije.gif);}
 .ponuda {background:url(../images/ponuda.jpg);}
 .onama {background:url(../images/onama.jpg);}
  #main_menu .galerija {background:url(../images/galerija.gif); background-repeat: no-repeat; background-position: 5px 6px;}
 .otokhvar {background:url(../images/otokhvar.jpg);}
 .putdonas {background:url(../images/putdonas.jpg);}
 .kontakt {background:url(../images/kontakt.jpg);} 
 
 #contents_wrapper {
	width: 600px;
	height: 404px;
	position: absolute;
	overflow: hidden;
	margin-left: 13px;
}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 600px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}
 

 #ponuda h6{
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	margin-top: 23px;
	text-decoration: none;
	font-weight: normal;
	color: #b43a3a;
}
 
  #onama h6{
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	margin-top: 23px;
	text-decoration: none;
	font-weight: normal;
	color: #b43a3a;
}
 
 
  #otokhvar h6{
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	margin-top: 23px;
	text-decoration: none;
	font-weight: normal;
	color: #b43a3a;
}
 
  #putdonas h6{
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	margin-top: 23px;
	text-decoration: none;
	font-weight: normal;
	color: #b43a3a;
}
 
 #kontakt h6{
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	margin-top: 23px;
	text-decoration: none;
	font-weight: normal;
	color: #b43a3a;
} 
 
 #ponuda {left: 1800px; top: 0; background-color: #FFFFFF; background-image:url(../images/ponudamala.jpg); padding: 150px 0 0;}
 #ponuda h2 { background-image:url(../images/ponuda.gif); background-position: center center;}
 #ponuda .description {background-color: #FFFFFF; height: 700px; padding: 10px 30px 20px 30px; color: #6D6655;}
 #ponuda h3 {background-image:url(../images/ponudah3.gif);}
 
 #onama {left: 1200px; top: 0; background-color: #FFFFFF; background-image:url(../images/onamamala.jpg); padding: 150px 0 0;}
 #onama h2 {background-image:url(../images/onamah2.gif); background-position: center center;}
 #onama .description {background-color: #FFFFFF; height: 700px; padding: 10px 30px 20px 30px; color: #6D6655;}
 #onama h3 { background-image:url(../images/onamah3.gif);}
 
 #galerija {left: 2400px; top: 0; height: 400px; overflow: hidden;    }
 #slika_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
  #slika_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #slika_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #fot_inapoi { background-image:url(../images/strelicagore.png); visibility: hidden;}
 #fot_inainte { background-image:url(../images/strelicadole.png);}
 #slika_wrapper {width: 494px; height: 400px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #slika {  width: 494px; position: absolute; top: 0; left: 0;  }
 #slika li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #slika li img {display: block;}
 #slika li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #slika_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #galerija:hover #slika_nav2 {visibility: visible;} 
 
 #slika_nav2 ul {float: right; padding: 5px;}
 #slika_nav2 li {float: left; padding-right: 1px;}
 #slika_nav2 li a:link, #slika_nav2 li a:visited , #slika_nav2 li a:active, #slika_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(../images/navigacijapozadina.png);}
  #slika_nav2 li a:hover, #slika_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #slika_nav2 h4 {height: 23px; width: 107px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 
 #otokhvar {left: 600px; top: 0; background-color: #FFFFFF; background-image:url(../images/otokhvarmala.jpg); padding: 150px 0 0;}
 #otokhvar h2 { background-image:url(../images/otokhvarh2.gif); background-position: center center;}
 #otokhvar .description {background-color: #FFFFFF; height: 700px; padding: 10px 30px 20px 30px; color: #6D6655;}
 #otokhvar h3 {background-image:url(../images/otokhvarh3.gif);}
 #otokhvar ul {line-height: 19px;}
 
 #putdonas {left: 3600px; top: 0; height: 494px; background-color: #FFFFFF; background-image:url(../images/putdonasmala.jpg); padding: 150px 0 0;}
 #putdonas h2 { background-image:url(../images/putdonash2.gif); background-position: center center;}
 #putdonas .description {background-color: #FFFFFF; height: 700px; padding: 10px 30px 20px 30px; color: #6D6655;}
 #putdonas h3 {background-image:url(../images/putdonash3.gif);}
 #putdonas dt, #putdonas dd {display: inline; }
 #putdonas dt { color: #fff;}
 #putdonas dl, #putdonas p {line-height: 14px ; }
 #tipuri_putdonas {padding: 7px 0;}
 
 #kontakt { left: 3000px;  top: 0; height: 494px; overflow: hidden;}
 #formular_kontakt {position: absolute; left: 0;  top: 0; background-color: #FFFFFF; background-image:url(../images/kontaktmala.jpg); padding: 150px 0 0; height: 300px; overflow: hidden; width: 600px; }
 #formular_kontakt h2 { background-image:url(../images/kontakth2.gif); background-position: center center;}
 #formular_kontakt .description {background-color: #FFFFFF; height: 700px; padding: 10px 30px 20px 30px; color: #6D6655;}
 #formular_kontakt h3 {background-image:url(../images/kontakt-h3.gif); position: relative; top: 0; left: 0; display: block; width: 200px;}
 #kontakt_link { background-image:url(../images/locatie.gif); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 3px;   }
 #kontakt_link:hover {background-position: 0 -33px;}
 

 
  .formular {width: 333px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #9C3D3D; padding: 3px; margin: 0 0 4px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #9C3D3D; display: block; color: #fff;}
  .formular2 {width: 193px; float: left;}
 .formular2 input.text,  .formular2 textarea {width: 147px;}
 input.button {float: right;}
 .formular textarea {height: 50px; overflow: auto;}
 #rezervacije .formular  input.text {width: 240px;}
 #rezervacije .nr {width: 100%; float: left;}
 #rezervacije .formular .nr input.text {width: 73px;}
 #rezervacije .nr_1 {float: left; width: 166px;  }
 #rezervacije .nr_2 {float: right; width: 159px;  }
 #rezervacije .nr span { position: relative; top: 0; left: 0;}
 #rezervacije .nr_1 iframe {top: 10px; left: 10px;}
  .rezervacije_select {width: 100%; float: left; position: relative; left: 0; top: 0; padding-bottom: 4px; z-index: 100;}
  iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
  select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
  select.replaced { display: none; }
  ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 87px; z-index: 100;}
  ul.selectReplacement li { background: #432C26; color: #fff; cursor: pointer; display: none; font-size: 10px;padding-left: 5px;}
  ul.selectOpen li {display: block;}
  ul.selectReplacement li.selected { background-color: #6A4F48; background-image:url(../images/select_arrow.gif); background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
  ul.selectOpen li.selected { background: #301D17; display: block;}
  ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #301D17; color: #fff; }
  
  #footer {position: absolute; top: 530px; left: 497px; width: 328px; border: solid #E3D0AF; border-width: 0 0 0 1px; text-indent: 7px; line-height: 16px; color: #978158; font-size: 9px;}
  #footer #desero {text-indent: -3000px; overflow: hidden; width: 70px; height: 16px; background-image:url(../images/desero.gif); background-position: left center; position: absolute; right: 0; top: 0; display: block;}
 
   .alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left;}
  .potvrda, .greska {width: 269px; height: 88px; border: 1px solid #9A835E; background-color: #2D331F; position: absolute; top: 0; left: 43px; padding: 15px; z-index: 1000;  }
  .greska {background-color: #6B3030;}
  .potvrda h4, .greska h4 {height: 18px; text-indent: -3000px; overflow: hidden;}
  .potvrda h4 { background-image:url(../images/potvrda.gif);}
  .greska h4 { background-image:url(../images/greska.gif);} 
  .potvrda p, .greska p {line-height: 14px;}
  .potvrda .inchide, .greska .inchide {display: block; text-indent: -3000px; width: 92px; height: 17px; overflow: hidden; position: absolute; top: 83px; left: 15px;  }
  .potvrda .inchide {background-image:url(../images/inchide_potvrda.gif);}
  .greska .inchide {background-image:url(../images/inchide_greska.gif);}

  .inchide_btn { position: absolute; top: 83px; left: 15px;}

 .loading {width:370px; display:block; height:120px; background-position:center;}
 #rezervacije .loading {color:#5B423B; background-image:url(../images/loader_rezervacije.gif); }
 #kontakt .loading {color:#4C413F; background-image:url(../images/loader_kontakt.gif);}
 .fot {background-image:url(../images/loader_kontakt.gif); background-position: center; background-color: #4C413F;}
 
 #kontakt_div {width: 600px;}
 #kontakt_info {padding-left: 30px; float: left; width: 300px; white-space:normal;  line-height: 18px;}


 #kontakt_div input.button {
	background: #312D25;
	color:#DAD1B4;
	padding: 2px 0 2px 0;
	font-size: 11px;
	font-family: "Microsoft Sans Serif", Arial, Verdana;
	font-style:normal;
	margin: 3px 0px 0 0;
	float: right;
	clear: both;
	border: 0;
	width: 60px;
	line-height: 14px;
}






























#overlay {
	/* REQUIRED */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	/* REQUIRED */

}

	/* REQUIRED */
	#overlay[id] {
   		position: fixed;
	}
	/* REQUIRED */

#lightWindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100002;
	/* REQUIRED */
}

	/* REQUIRED */
	#lightWindow[id] {
		position: fixed;
	}
	/* REQUIRED */

#lightWindow-contents {
	/* REQUIRED */
	display: none;
	position: absolute;
	overflow: hidden;
	/* REQUIRED */

	background-color: #111111;
	/* Of Note - If you specify a padding or border be sure to adjust the 'cushion' option, by default its set to 10 */
	border: 0px solid #D6D5D3;
	padding: 20px;
}
	
#lightWindow-loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999; 
	/* REQUIRED */
	
	background-color: #111111;
	padding: 10px;
	color: #3C3C3C;
}

	#lightWindow-loading-message {
    	font-size: 10px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightWindow-loading-options {
    	font-size: 10px;
		color: #444444;
		float: left;
		border-left: 2px solid #cccccc;
		padding: 0 0 0 10px;
	}	

	#lightWindow-loading-options a,
	#lightWindow-loading-options a:link, 
	#lightWindow-loading-options a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightWindow-loading-options a:hover,
	#lightWindow-loading-options a:active {
		text-decoration: underline;
	}


	#lightWindow-loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightWindow-close {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 151;
	width: 17px;
	height: 17px;
	background: transparent url(images/close.png) no-repeat; /* Trick IE into showing hover */
	cursor: pointer;
}

#lightWindow-navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 150000;
	/* REQUIRED */

	height: 100%;
	width: 100%;
}

	#lightWindow-navigation a,
	#lightWindow-navigation a:link,
	#lightWindow-navigation a:visited,
	#lightWindow-navigation a:hover,
	#lightWindow-navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightWindow-previous, 
	#lightWindow-next {
		width: 20px;
		height: 100%;
		background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightWindow-previous { 
		float: left;
		left: -20px;
	}

	#lightWindow-next { 
		/*float: right;
		right: 50px;*/
		position: absolute;
		right: 0px;
	}
	* html #lightWindow-next { 
		right: -40px;
	}

	#lightWindow-previous, 
	#lightWindow-previous:hover, 
	#lightWindow-previous:active { 
		background: url(images/prevlabel.gif) left 50% no-repeat; 
	}

	#lightWindow-next, 
	#lightWindow-next:hover, 
	#lightWindow-next:active { 
		background: url(images/nextlabel.gif) right 50% no-repeat; 
	}
	 	
#lightWindow-photo-galleries {
	/* REQUIRED */
	height: 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99999; 
	/* REQUIRED */
}

	#lightWindow-photo-tab-container {
		width: 100%;
		height: 20px;
	}

	a#lightWindow-photo-galleries-tab,		
	a:link#lightWindow-photo-galleries-tab,
	a:visited#lightWindow-photo-galleries-tab {
		display: block;
		height: 20px;
		width: 70px;
		float: right;
		-moz-opacity:  0.70;
		opacity: .70;
		filter: alpha(opacity=70);
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 7px;
		font-size: 11px;
	}

	a:hover#lightWindow-photo-galleries-tab,
	a:active#lightWindow-photo-galleries-tab {
		color: #ffffbe;
	}

	.up	{
		background: url(images/arrow-up.gif) no-repeat 60px 5px #000000;
	}

	.down {
		background: url(images/arrow-down.gif) no-repeat 60px 6px #000000;
	}

	#lightWindow-photo-galleries-list {
		background-color: #000000;
		-moz-opacity:  0.70;
		opacity: .70;
		filter: alpha(opacity=70);
		overflow: hidden;
	}

	.lightWindow-photo-gallery-listing {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightWindow-photo-gallery-listing h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		margin: 5px 0 10px 0;
		font-size: 16px;
	}

	.lightWindow-photo-gallery-listing li {
		margin: 0 0 5px 0;
	}

	.lightWindow-photo-gallery-listing a, 
	.lightWindow-photo-gallery-listing a:link, 
	.lightWindow-photo-gallery-listing a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightWindow-photo-gallery-listing a:hover, 
	.lightWindow-photo-gallery-listing a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightWindow-data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
	
	background-color: #111111;
	color: #3C3C3C;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
}

	#lightWindow-data-slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightWindow-data-title {
		width: 75%;
		padding: 0 0 0 20px;
		font-weight: bold;
		color: #666666;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	#lightWindow-data-caption {
		width: 75%;
		padding: 0 0 0 20px;
		color: #666666;
		line-height: 1.4em;
		font-size: 14px;
		font-weight: bold;
	}
	
	#lightWindow-data-author {
		position: absolute;
		width: 100px;
		top: 0px;
		right: 10px;
		text-align: right;
		color: #666666;
		line-height: 1.4em;
	 	font-style: italic;
		font-size: 9px;
	}
	
	#lightWindow-data-image {
		/*position: absolute;
		font-size: 9px;
		width: 100px;
		top: 15px;
		right: 10px;
		text-align: right;
		color: #666666;
		line-height: 1.4em;*/
		color: #666666;
		line-height: 1.4em;
		font-size: 11px;
		position: absolute;
		right: 20px;
		bottom: 25px;
	}
	
#lightWindow-title-bar {
	/* REQUIRED */
	position: absolute;
	top: 0;
	left: 0;
	/* REQUIRED */
	display: none;
}
	
	#lightWindow-title-bar-title {
		/* REQUIRED */
		z-index: 50;
		/* REQUIRED */
		float: left;
		color: #ffffbe;
		font-size: 14px;
		width: 80%;
		line-height: 25px;
		text-align: left;
	}
	
	#lightWindow-title-bar-close {
		/* REQUIRED */
		z-index: 50;
		/* REQUIRED */
		float: left;
		width: 20%;
		text-align: right;
		line-height: 25px;
	}
	
	a#lightWindow-title-bar-close-link,	
	a:link#lightWindow-title-bar-close-link,
	a:visited#lightWindow-title-bar-close-link {
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightWindow-title-bar-close-link,
	a:active#lightWindow-title-bar-close-link {
		color: #ffffff;
	}
	#podmeni {
        font: 11px arial,sans-serif;
	}