body {
	margin:					0;
	padding:					0;
	background-color:		#fffdde;
	background-image:		url(/img/bkg.png);
	background-repeat:	repeat-x;
	font-size:				11pt;
	font-family:			georgia,serif;
	color:					#6b351a;
/* 	width:					100%; */
/* 	font-size-adjust:.5; */
}
img {
	border:					0;
}

/*h1.center {
	text-align:				center;
	margin:					0;
}*/

div {
/* 	border:					1px solid red; */
/* 	width:					1px; */
}

div.l {
	float:					left;
}
div.r {
	float:					right;
}
div.c {
	clear:					both;
}


#screen {
	min-height:				800px;
	background-image:		url(/img/layout6.jpg);
	background-image:		url(/img/layout7.jpg);
	background-repeat:	no-repeat;
	background-position:	top center;
 	padding-left:			50%;
 	width:					50%;
}
#frame {
	width:					1000px;
	margin-left:			-500px;
}
#contact {
	height:					24px;
	/* border:				1px solid red; */
	padding-top:			8px;
	color:					#fffdde;
	height:					64px;
}
#contact a.open {
	text-decoration:		underline !important;
	padding-left:			20px;
	background:				url(/img/contact.gif) center left no-repeat !important;
/* 	margin-left:			-20px; */
}
#contact div.phone {
	width:					210px;
	text-align:				center;
	padding-top:			7px;
	margin-top:				3px;
	font-size:				13pt;
	font-weight:			bold;
	letter-spacing:		-0.05em;
	margin-left:			-5px;
	background:				url(/img/hr.png)	top center no-repeat;
}
#contactFrame {
	top:						0;
	padding:					20px;
	padding-top:			10px;
	padding-left:			40px;
	position:				absolute;
/*	margin-top:				-8px;*/
	margin-left:			-28px;
	background-image:		url(/img/contact.png);
	background-repeat:	no-repeat;
	width:					680px;
	height:					365px;
	z-index:					1;
}
.contactFrame div.confirmation {
	margin-left:			-40px;
	color:					#fffdde;
	font-size:				16pt;
	text-align:				center;
	line-height:			100%;
	vertical-align:		middle;
}
div#contactFrame div.confirmation {
	padding-top:			130px;
}
div#reservation div.confirmation {
	padding-top:			230px;
}

.contactFrame input.err, .contactFrame textarea.err {
	border:					1px solid #84151c;
	background:				url(/img/warning.png);
}

.contactFrame td.title {
	font-size:				20pt;
}
.contactFrame td.title span {
	font-size:				10pt;
}

.contactFrame div.close {
	position:				absolute;
	right:					80px;
}
.contactFrame div.close  a {
	display:					block;
	background:				url(/lib/fancybox/fancy_closebox.png) center center no-repeat;
	height:					30px;
	width:					30px;
}


.contactFrame td {
	color:					#fffdde;
	font-family:			sans-serif;
	vertical-align:		top;
	padding:					5px;
	font-size:10pt;
}
.contactFrame input, textarea {
	border:					1px solid #676767;
	font-size:				11pt;
	width:					250px;
	background-color:		black;
	color:					#fffdde;
	padding:					3px;
}
.contactFrame input:focus, textarea:focus {
	border:					1px solid white !important;
}
form {
	padding:					0;
	margin:					0;
}

textarea {
	height:					100px;
	width:					300px;
	padding:					5px;
}
input.submit {
	width:					100px !important;
/* 	height:					50px; */
/* 	background-image:		url(/img/submit.png); */
	background-repeat:	no-repeat;
/* 	border:					0 !important; */
	background-color:		#84151c !important;
	border-top:				1px solid white !important;
	border-left:			1px solid white !important;
}

#contact a {
	color:					#fffdde;
	font-family:			sans-serif;
	text-decoration:		none;
	margin-left:			70px;
	margin-top:				8px;
}

/* ---------------------- Header ---------------------------------------------*/

#headerFrame {
	margin-top:				5px;
	height:					240px;
	/* border:				1px solid red; */
}

#logo {
	float:					left;
	height:					220px;
	width:					202px;
	vertical-align:		middle;
	text-align:				center;
	padding-top:			5px;
}
#logo div {
	margin-top:				-5px;
}
#header {
	margin-top:				35px;
	float:					left;
	width:					794px;
}
#headerImage {
	height:					149px;
}

div#navigator {
	position:				absolute;
/* 	font-weight:			bold; */
	font-size:				11pt;
	color:					white;
/* 	font-family:			"Lucida grande"; */
/* 	font: bold 100%/100% "Lucida Grande"; */
	margin-top:				119px;
	background-color:		black;
	width:					777px;
	height:					30px;
	line-height:			30px;
	padding-left:			17px;
	-moz-opacity:			0.8;
	opacity:					0.8;
	letter-spacing:		0.01em;
}
div#navigator span {
	font-size:				9pt;
}

div#navigator a {
	color:					white;
	text-decoration:		none;
}
div#navigator a:hover {
	text-decoration:		underline;
}

/* FLAGS */

div#navigator div#flags a {
	padding:					0;
	border:					2px solid black;
	display:					block;
	float:					right;
	margin-top:				8px;
	margin-left:			4px;
}
div#navigator div#flags a:hover, div#navigator div#flags a.selected {
	border:					2px solid white;
}

/* ------------ MENU ----------------*/

div#menu {
	font-size:				10pt;
	color:					white;
	font-family:			sans-serif;
	width:					794px;
	height:					30px;
	vertical-align:		bottom;
	padding-top:			5px;
	padding-left:			7px;
}
div#menu div {
	float:					left;
	line-height:			18pt;
	vertical-align:		middle;
/* 	padding-left:			8px; */
	display:					none;
}

/* version 1 */

div#menu a {
	color:					#f1e6db;
	text-decoration:		none;
	float:					left;
	display:					block;
	line-height:			18pt;
	vertical-align:		middle;
	width:					130px;
	text-align:				center;
}
div#menu a:hover, div#menu a.selected, div#menu a.selected:hover {
	color:					white;
	text-decoration:		none;
	font-size:				16pt;
	font-weight:			bold;
	vertical-align:		top;
}

/* version 2 */
div#menu a {
	text-decoration:		none;
	float:					left;
	display:					block;
	line-height:			18pt;
	vertical-align:		middle;
	padding-left:			10px;
	padding-right:			10px;
	width:					auto;
}
div#menu a:hover {
	color:					white;
	text-decoration:		none;
	font-size:				16pt;
	font-weight:			bold;
	padding:					0;
	padding-left:			10px;
}

div#menu a.selected:hover {
	padding-right:			10px;
}


/* content stuff */

div.center {
	text-align:				center;
}
img.indexs {
	border:					1px solid #75441b;
	padding:					2px;
	background-color:		white;
}

#bodyFrame {
	padding-left:			25px;
	/* border:				1px solid red; */
}
#sidebar {
	width:					160px;
	float:					left;
	/* border:				1px solid red; */
	margin-top:				5px;
	padding-left:			10px;
	padding-right:			10px;
	background:				url(/img/vr.png) no-repeat top right;
	min-height:				250px;
}
#sidebar h2,h3,h4,h5 {
	margin:					0;
	font-weight:			normal;
	text-align:				center;
	width:					150px;
	letter-spacing:		-0.05em;
/* 	font-size:				12pt; */
}
#sidebar h3.sp {
	margin-top:				10px;
	margin-right:			10px;
}

#sidebar a {
	display:					block;
	margin-top:				5px;
	padding-top:			5px;
	padding-bottom:		5px;
	padding-left:			10px;
	color:					#6b351a;
	font-size:				10pt;
}
#sidebar a:hover, #sidebar a.selected {
	background-color:		#6b351a;
	color:					white;
	text-decoration:		none;
}


#contentFrame {
	float:					left;
	width:					750px;
	/* border:				1px solid red; */
	padding:					0 10px 0 20px;
	text-align:				justify;
	font-size:				10pt;
	background:				url(/img/content-bkg.png) no-repeat bottom right;
	min-height:				450px;
}

#contentFrame ttt {
	font-size:				12pt !important;
	text-align:				justify !important;
	line-height:			20pt !important;
}

#contentFrame h1 {
	font-size:				20pt !important;
	margin-bottom:			20px;
	margin-top:				0px;
	border-bottom:			1px solid #dec89f;
	border-bottom:			1px solid #709d3e;
	font-weight:			normal;
	letter-spacing:		0.2em;
/*  font-family: "univers bold condensed",
    impact, haettenschweiler, sans-serif;*/

}




/*#contentFrame h1 {
  font: bold 330%/100% "Lucida Grande";
  position: relative;
}
#contentFrame h1 span {
  background: url(/img/gradient-dark.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}*/


#slides {
	position:				absolute;
	margin-left:			8px;
	margin-top:				-21px;
	height:					340px;
}
#slides img {
	display:					none;
	position:				absolute;
}




div.meni {
	float:					left;
	width:					238px;
	border:					1px solid #8d734e;
	margin-left:			5px;
	margin-top:				5px;
	background-color:		white;
	padding:					2px;
	text-align:				center !important;

}
div.meni div.naziv {
	background-color:		#642e08;
	color:					white;
	font-weight:			bold;
	padding:					5px;
	padding-top:			10px;
	height:					45px;
	background:				url(/img/meni-header.png) repeat-x top;
}

div.meni div.vsebina {
	padding:					10px;
	font-size:				11pt !important;
/*	height:					300px; */
	background:				url(/img/meni.png) no-repeat center center;
	padding-bottom:		30px;
}

div.meni div.cena {
	font-size:				20pt;
	font-style:				italic;
	font-weight:			bold;
	padding-bottom:		10px;
	padding-top:			10px;
}

div.gallery {
	margin-top:				20px;
	background-color:		#8d734e;
	background-color:		#6b351a;
	padding:					5px 5px 5px 0;
/* 	height:70px; */
}

div.gallery img {
/* 	clip: rect(10px 10px 10px 10px); */
	background-color:		white;
	padding:					4px;
	border:					1px solid black;
/* 	width:					50px; */
	height:					50px;
	margin-left:			5px;

}
div.gallery img:hover {
	background-color:		black;
}


/* ********************************* */

div.calendars {
/* 	margin-top:				20px; */
/*	background-color:		#8d734e;
	background-color:		#6b351a;*/
	padding:					0px 5px 5px 5px;
}

div.month {
	border:					1px solid #676767;
	border-top:				1px solid #ababab;
	border-left:			1px solid #ababab;
	padding:					2px;
	margin-left:			8px;
	margin-bottom:			8px;
	background:				white;
}

#koledar {
	background-color:		white;

}
#koledar td {
	width:					32px;
	padding:					2px;
/* 	padding:					0 !important; */
	text-align:				center;
/* 	border-right:1px solid #ababab; */
/* 	border-bottom:1px solid #ababab; */
}
#koledar td.day {
	padding:					0 !important;
}


#koledar td.weekDayHeader {
	background-color:		black;
/* 	color:					white; */
	font-size:				10pt;
	font-weight:			bold;
	padding-left:			6px;
	padding-right:			5px;
	background:				url(/img/meni-header.png) repeat-x bottom;
	border:					0;
	height:					36px;
	border-bottom:			1px solid #ababab;
}
#koledar td a, #koledar td span {
/* 	padding:					5px; */
	display:					block;
	height:					25px !important;
	width:					100% !important;
	text-decoration:		none;
	color:					black;
	padding-top:			5px;
	font-size:				11pt;
}
#koledar td span {
	color:					#ababab;
}
.zasedeno {
	background-color:		#84151c;
	color:					white !important;
}
.povprasevanje {
	background-color:		#fbcc60;
	color:					white;
}
.prosto {
	background-color:		white;
	color:					black;
}

#koledar a:hover {
	background-color:		black;
	color:					white;
}

div.kvadrated {
	display:					inline;
	width:					20px;
	height:					20px;
	border:					1px solid black
}
div.legenda {
	/* color:				white; */
	/* text-align:right; */
	padding-left:			10px;
	padding-top:			10px;
	font-size:				10pt;
}
div.legenda span{
	border:					1px solid black;
}

td.month {
	background-color:		#642e08;
	color:					white;
	font-weight:			bold;
	padding:					5px;
	padding-top:			10px;
	height:					35px;
	background:				url(/img/meni-header.png) repeat-x top;
}


div#footerFrame {
	text-align:				center;
	font-size:				11pt;
	margin-top:				25px;
/* 	border-top:1px solid #e9dcb9; */
	padding:					10px 0px 20px 20px;
	margin-right:			5px;
/* 	border-right:			1px solid #aca086; */
/* 	border-right:			1px solid #d7c8a8; */

/* 	width:					700px; */
/* 	float:					right; */
	color:					#aca086;
}
div#footerFrame a {
	color:					#aca086;
}


div.cenik span.date {
	font-size:				12pt;
}
div.cenik span.price {
	font-size:				20pt;
}

div.calendars div.info {
	font-size:				16pt;
	padding-left:			20px;
	margin-bottom:			10px;
}

div#fancy_close {
	right:					10px;
	top:						10px;
}


div#reservation {
	color:white;
	width:					500px;
	height:					500px;
	position:				absolute;
	background-image:		url(/img/contact.png);
	background-repeat:	no-repeat;


	padding:					20px;
	padding-top:			40px;
	padding-left:			40px;
	position:				absolute;
	margin-top:				15px;
	margin-left:			30px;
	background-image:		url(/img/reservation.png);
	background-repeat:	no-repeat;
	width:					680px;
/* 	height:					365px; */
	z-index:					1;
}

div#reservation span.em {
/* 	margin-left:			10px; */
	margin-right:			10px;
	font-size:				16pt;
	font-style:				italic;
}

table.aktivnosti {
	margin-left:			-3px;
	margin-top:				-10px;
	background:				black;
	border:					2px solid black;
}
table.aktivnosti td {
	padding:					2px;
}

div#news {
	position:				absolute;
	background:				black;
	width:					180px;
	color:					white;
	font-size:				10pt;
	height:					309px;
	padding:					20px 30px 10px 30px;
	margin-top:				-20px;
	margin-left:			731px;
	-moz-opacity:			0.8;
	opacity:					0.8;
	text-align:				justify;
	line-height:			14pt;
/* 	border-left:			1px solid #f5e5ce; */

}
div#news h1{
	margin:					0;
	margin-bottom:			10px;
	letter-spacing:		0.2em;
}

hr {
	border:					0;
	height:					4px;
	background:				url(/img/hr.png) center	right no-repeat;
}

ul {
	padding-left:			0;
}
li {
	margin-left:			20px;
	margin-bottom:			20px;
}

img.contentRight {
	margin-left:			20px;
	border:					1px solid black;
}

div.page_links a {
	color:					#6b351a;
	padding-left:			20px;
	background:				url(/img/link.gif) center left no-repeat;
	display:					block;
	margin-bottom:			5px;
}

div.page_ambient li strong {
	font-size:				14pt;
}

div.page_ambient img {
/* 	clip: rect(10px 10px 10px 10px); */
	background-color:		white;
	padding:					4px;
	border:					1px solid black;
/* 	width:					50px; */
	height:					50px;
	margin-left:			5px;
	margin-top:				10px;
}
div.page_ambient img:hover {
	background-color:		black;
}

div#footerFrame span {
	font-size:				10pt;
}

a#print {
	position:				absolute;
	margin-left:			730px;
	margin-top:				8px;
}

#contentFrame a {
	color:					#6b351a;
}
