body {
	margin:					0;
	padding:					0;
	background-color:		#ffffff;
	background-image:		url(/img/body.png);
	background-repeat:	repeat-x;
	font-size:				12pt;
	font-family:			sans-serif;
	color:					black;
/* 	width:					100%; */
/* 	font-size-adjust:.5; */
}
a {
	color:					black;
}

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

img {
	border:					0;
}
#screen {
	min-height:				800px;
	background-image:		url(/img/layout.jpg);
	background-repeat:	no-repeat;
	background-position:	top center;
 	padding-left:			50%;
 	width:					50%;
}
#frame {
	width:					1000px;
	margin-left:			-500px;
}

#printFooter {
	display:none;
}
.printable {
	display:none;
}
/* -------------------------- HEADER ---------------------------------------- */

#headerFrame {
	height:					90px;
}
#logo {
	position:				absolute;
	margin-left:			240px;
}
#contact {
	position:				absolute;
	margin-left:			845px;
	margin-top:				8px;
}
#contact a {
	color:					white;
	font-weight:			bold;
	font-size:				13pt;
	letter-spacing:		0.1em;
	text-decoration:		none;
}
#contact a:hover {
	text-decoration:		underline;
}

#menuFrame-bott {
	width:					203px;
	height:					36px;
	background:				url(/img/menu-bottom.png) no-repeat top right;
	margin-left:			6px;
}
#menuFrameOverlay1 {
	background:				url(/img/menu-bkg.png) repeat-y right;
}
#menuFrameOverlay2 {
	background:				url(/img/menu-top.png) no-repeat top right;
	padding-top:			20px;
}

#menuFrame {

 	margin-top:				4px;

	margin-left:			30px;


}
#menuFrame a, #menuFrame span {
	display:					block;
	height:					27px;
	line-height:			27px;
	vertical-align:		middle;
	text-decoration:		none;
	color:					#025F71;
	padding-left:			35px;
	font-size:				11pt;
	background:				url(/img/menu_sep.gif) no-repeat top center;
	letter-spacing:		-0.01em;
}
#menuFrame a.no-sep {
	background:				none !important;
}
#menuFrame a.pl {
	margin-top:				5px;
	padding-top:			5px;
}

#menuFrame a.sklop, #menuFrame span.sklop {
	background:				url(/img/menu_sklop.png) no-repeat top right;
	color:					white;
	padding-left:			20px;
	font-size:				12pt;
	letter-spacing:		0.07em;
}
#menuFrame a:hover {
	text-decoration:		underline;
}
#menuFrame b, #menuFrame b {
	font-size:				10px;
	font-weight:			normal;
	white-space:			nowrap;
}

/* ------------------------- Body frame --------------------------------------*/
#sideFrame {
	width:					240px;
	float:					left;
/* 	background: green; */
/* 	height:300px; */
}
#logos {
	text-align:		center;
	padding:					10px;
	padding-left:			40px;
}
#logos img {
	margin-top:				10px;
}
#logos div h3 {
	margin:0;
}
#logos div a {
	color:white;
}
#logos div {
	padding:					10px;
	color:					white;
	background:				#6C9229;
	font-size:				11pt;
}

#bodyFrame {
	width:					755px;
	float:					left;
	padding-top:			4px;
/* 	height:300px; */
/* 	background: red; */
}
#contentFrame {
	padding:					15px;
}

/*	------------------ Navigator ----------------------------------------------*/

div#navigator {
	font-size:				11pt;
	padding-left:			5px;
}

/* ------------------- Subjects(content headers) -----------------------------*/

#contentFrame div.subject {
	height:					42px;

	color:					white;
	font-size:				20pt;
	line-height:			42px;
	vertical-align:		middle;
	margin-top:				10px;
	width:					725px;
}
#contentFrame div.subject h1 {
	float:					left !important;
	padding-left:			10px;
	font-size:				16pt;
	margin:					0;
	padding:					0;
	font-weight:			normal;
	letter-spacing:		0.2em;
/* 	font-weight:			bold; */
}
/*#contentFrame div.subject h1 span {
	position:				absolute;
	width:					400px;
	margin-top:				1px;
	height:					40px;
/* 	background-color:		#6b922a; */
/* 	-moz-opacity:			.4;
	background:				url(/img/hdr-overlay.png) repeat-x top;
}*/

#contentFrame div.subject div.content {
	background:				url(/img/hdr.gif) repeat-x top;
	width:					707px;
	float:					left;
	padding-left:			10px;
}
#contentFrame div.subject div.content div {
	font-size:12pt;
}

#contentFrame div.subject div.left {
	float:					left;
	height:					42px;
	background:				url(/img/hdr-left.gif) no-repeat top left;
	width:					4px;
}
div.blue div.left {
	background-image:		url(/img/th-left.gif) !important;
}
div.blue div.right {
	background-image:		url(/img/th-right.gif) !important;
}
div.blue div.content {
	background-image:		url(/img/th.gif) !important;
}
div.blue h1 {
	font-size:				14pt !important;
}
div.blue {
	height:					30px !important;

	color:					white;
	font-size:				20pt;
	line-height:			30px !important;
	vertical-align:		middle;
	margin-top:				10px;
	width:					725px;
}

#contentFrame div.subject div.right {
	float:					right;
	height:					42px;
	background:				url(/img/hdr-right.gif) no-repeat top right;
	width:					4px;
}
#contentFrame div.subject div.filter {
	float:					right;
	font-size:				11pt;
	padding-right:			10px;
}


/* --------------------- BLOCK -----------------------------------------------*/

#contentFrame div.block {
	background:				#dff2bd;
	width:					723px;
	margin-left:			1px;
	margin-top:				10px;
}
#contentFrame div.block div.overlay {
	min-height:				96px;
	background:				url(/img/block-overlay.png) no-repeat top left;
}
#contentFrame div.block div.bottom{
	background:				url(/img/block-bottom.png) no-repeat bottom left;
	height:					4px;
}

/* ------------------------------ Footer -------------------------------------*/

#footerFrame a {
	color:					#067293;
/* 	color:					#77bcca; */
}

#footerFrame hr{
	border:					0;
	height:					1px;
	background:				url(/img/menu_sep.gif) repeat-x top;
}

#footerFrame {
	color:					#77bcca;
	background:				#c0dee4;
	width:					723px;
	margin-left:			256px;
	font-size:				10pt;
}
#footerFrame div.overlay {
	background:				url(/img/footer-overlay.png) no-repeat top left;
	min-height:				114px;
	padding:					20px;
}
#footerFrame div.overlay {
	background:				url(/img/footer-overlay.png) no-repeat top left;
	height:4px;
}

/* ---------------------------- Promocija ------------------------------------*/

#promocija {
	margin-left:			6px;
	color:white;
}
#promocija a {
	color:					white;
	text-decoration:		none;
}
#promocija div.oglas {
	width:					241px;
	height:					282px;
	float:					left;
	background:				url(/img/prom.png) no-repeat;
	margin-left:			5px;
}
#promocija div.slika {
	width:					240px;
	height:					158px;
}
#promocija div.slika-overlay {
	width:					240px;
	height:					158px;
	background:				url(/img/oglas-overlay.png) no-repeat;
}

#promocija div.naslov {
	padding:					5px 10px 5px 10px;
	font-size:				16pt;
}
#promocija div.opis {
	padding:					0 10px 5px 10px;
	font-size:				10pt;
	height:					50px;
}

#promocija div.cena {
	text-align:				right;
	font-weight:			bold;
	font-style:				italic;
	padding-right:			10px;
	font-size:				20pt;
}

/* ------------------------- Table ------------------------------------------ */

div.table {
	margin-top:				10px;
	padding:					0 10px 0 10px;
}
div.table tr.alt {
	background:				#DBECEF;
}

div.table td {
	vertical-align:		bottom;
/* 	color:					#025f71; */
	font-size:11pt;
}

div.table table {
	width:					100%;
}
div.table td.section {
	font-size:				14pt;
	letter-spacing:		0.1em;
	border-bottom:			1px dotted #067394;
}
div.table td.subsection {
	padding-top:			10px;
	font-size:				13pt;
	border-bottom:			1px dotted #067394;
}

div.table td.title {
	padding-left:			20px;
	font-size:				11pt;
}
div.table td.program {
/* 	padding-left:			10px; */
	font-size:				10pt;
	vertical-align:		top;
	padding:					5px;
}
div.table td.image {
	height:					75px;
	vertical-align:		top;
	width:					1px;
	padding-right:			10px;
	padding:					5px;
}

div.table td.count {
	width:					150px;
	text-align:				right;
}
div.table td.price {
	width:					150px;
	font-style:				italic;
	text-align:				center;
	vertical-align:		top;
	padding:					5px;

}
div.table td.price span {
	font-size:				14pt;
	font-weight:			bold;
}

/* ---- */

div.description {
	padding:					10px;
	font-size:				11pt;
/* 	line-height:			12pt; */
	text-align:				justify;
}


/* ---------------------- Table commons -------------------------- */

td.c {
	text-align:				center;
}
td.r {
	text-align:				right;
}

.formWidget td {
	padding:					5px;
}
.formWidget td.title {
	width:					100px;
}
.formWidget textarea {
	width:					300px;
	height:					200px;
}
div.form {
	margin-top:				20px;
}

h2 {
	font-weight:			normal;
	padding-left:			10px;
	letter-spacing:		0.2em;
}

/* ------------------------ Balloons -------------------------------------*/
div.ballon {
	background:	url(/img/balloon2.png) no-repeat top left;
	padding-top:9px !important;
	margin:		5px;
	margin-top:	0;
	width:		auto;
	float:		left;
}
div.ballon div.content {
	background:	#077394;
	padding:		10px;
	color:		white;
}

tr.not-valid input, tr.not-valid textarea {
	background:				url(/img/warning.png) !important;
}
tr.not-valid span {
	background:				url(/img/warning.png) !important;
	border:					1px solid #077394;
	padding:					5px;
}

input {
	width:300px;
	padding:3px;
	font-size:12pt;
	border: 1px solid #077394;
}
textarea {
	width:450px !important;
	height:100px !important;
	padding:3px;
	font-size:12pt;
	border: 1px solid #077394;
}
td.title {
	width:250px;
}
input.submit {
	width:70px;

}

/* --- display thingy ---*/
		div.productInfo {
			float:left;
			color:white;
			padding-top:10px;
			padding-left:10px;
		}
		div.productInfo a {
			color:white;
			line-height:18px;
			vertical-align:bottom;
			text-decoration:none;
		}
		div.productInfo a:hover {
			text-decoration:underline;
		}
		div.productInfo span {
/*			font-size:16pt;
			font-weight:bold;
			font-style: italic;
			*/
		}

		div.display {
			width:725px;
			margin-top:5px;
			color:white;
		}

		div.display div.top {
			height:18px;
			background:	url(/img/dsp-top.gif) no-repeat top left;
		}
		div.display div.frame {
/* 			background: ; */
/* 			min-height:350px; */
			padding-left:18px;
			padding-right:18px;
			padding-bottom:8px;
			background:	#067293 url(/img/dsp-sp2.png) no-repeat 24% 30%;
		}
		div.display div.frame div.gallery {
			float:right;
		}
		div.display div.frame div.info {

		}

		div.display div.bottom {
			height:10px;
			background:	url(/img/dsp-btm.gif) no-repeat bottom left;
		}
 /* --- */

		.opombe {
		padding:10px;
		}
.opomba {
	margin-top:5px;
	margin-bottom:10px;
}

		.opomba .naziv {
			font-size:12pt;
			font-weight:bold;
			letter-spacing:0.2em;
		}
		.opomba .besedilo {
			font-size:10pt;
		}




div.productGallery {
	float:right;
}
div.productGallery div.icons {
	width:100px;
	float:left;
}
div.productGallery div.icons a {
	padding:5px;
	background:white;
	border: 1px solid black;
	display:block;
	float:left;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;
}
div.productGallery div.icons a.current {
	background:#749e2d;
}

div.productGallery div.icons img {
}
div.productGallery div.pane a img {
/*	padding:5px;
	border:1px solid black;
	background:white;
	width:auto;*/
}
div.productGallery div.pane {
	height:244px;
	width:325px;

	vertical-align:middle;
	text-align:center;
}
div.productGallery div.pane a {
	background:white;
	background-position:center center  !important;
	background-repeat:no-repeat !important;
	height:244px;
	width:325px;
	display:block;
	border: 1px solid black;
	text-align:right;
}
div.productGallery div.pane a img {
	margin-top:190px;
	padding:10px;
	background:white;
}

div.productGallery div.pane a:hover {
/* 	background-color: #749e2d; */
}
div.no-media {
	height:100px;
	padding:20;
	background:white;
}
div.productGallery div.pane {
	float:left;
}
div.productGallery div.no-media {
	width:380px;
	text-align:center;
}


/** ---------- steps ---- */

div.steps .content{
	background:none !important;
}

div.steps {
	width:723px;
	background: url(/img/steps.gif) repeat-x top;
	margin-top:5px;
	margin-bottom:20px;
	color:white;
	height:42px;
}
div.steps div.left {
}
div.steps div.content div {
	background:none;
	float:left;
	width:30%;
	padding:5px;
	height:32px;
	padding-left:15px;
	vertical-align:middle;
}
div.steps span {
	font-size:23pt;
	font-weight:bold;
}
div.steps div.content div.on {
	background: url(/img/steps-onb.gif) no-repeat top right;
}
div.steps div.content div.onn {
	background: url(/img/steps-onb.gif) no-repeat top left;
}
div.steps div.content {
	background: url(/img/th.gif);
}

input.radio{
	border:0 !important;
	width:		auto !important;
}


/* gumb za rezervacijo */

td.rezervacija {
	padding:0 !important;
}

td.rezervacija a, a.rezervacija {
	display:block;
	font-size:11pt;
	background:	url(/img/btn.gif) no-repeat top left;
	color:white;
	text-decoration:none;
	width:100px;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;
}
td.rezervacija a:hover {
	text-decoration:underline;
/* 	background:	url(/img/btn-hover.gif) no-repeat top left; */
}

/* cenik */

table.cenik {
	border-collapse:collapse;
	border-spacing:0;
}

table.cenik tbody {
	margin-top:5px;
}

table.cenik thead {
	margin-bottom:5px;
}
table.cenik  th {
	padding:6px;
	color:white;
	margin:0;
	margin:0;
	background:	url(/img/th.gif) repeat-x top;
}
table.cenik th.left {
	background:none;
	background:	url(/img/th-left.gif) no-repeat left top;
	width: 4px;
}
table.cenik td.left {
	width: 4px !important;
	padding:0 !important;
}
table.cenik th.right {
	background:none;
	background:	url(/img/th-right.gif) no-repeat right top;
	width: 4px;
}
table.cenik td.right {
	width: 4px !important;
	padding:0 !important;
}

table.cenik td {
	padding:5px;
	margin:0;
	border-spacing:0;
	vertical-align:middle;
}
table.cenik tr.odd {
	background:	#d9ebee;
}

table.cenik td.cena {
/*	font-weight:bold;
	font-style:italic;
	font-size:14pt; */
	text-align:right;
	white-space:nowrap;
}

/* Gallery */

div.gallery {
padding:10px;
}

div.gallery div.category,
div.gallery div.item {
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding:5px;
	border:1px solid black;
	background:white;
}
div.gallery div.category div.title {
	font-size:10pt;
	text-align:center;
	margin-top:5px;
}

/* ---.------------------ Mali �krati --------------------------------------- */

div.maliskrati {
	width:235px;
	float:left;
}
div.maliskrati div.list {
	padding:10px;
}
div.maliskrati div.list a {
	display:block;
	margin-bottom:10px;
}
div.maliskrati div.subject {
	width: 230px !important;
}
div.maliskrati div.subject div.content {
	width: 212px !important;
	font-size:14pt;
}

div.maliskrati-opis {
	float:left;
	width:60%;
	line-height:25px;
	font-size:11pt;
}
div.maliskrati-cenik {
	float:left;
	width:34%;
	font-size:10pt;
	margin-left: 20px;
	padding-left:20px;
	border-left: 1px dotted #067293;
}
div.maliskrati-cenik div.znesek {
	font-size:14pt;
	margin-bottom:20px;
}
div.maliskrati-cenik div.znesek span {
	font-size:18pt;
	font-weight:bold;
	font-style:italic;
	color:#9a2748
}

div#razpolozljivost {
	margin-top:20px;
}
div#razpolozljivost div.header {
	text-align:center;
	background:#087ea2;
	color:white;
	font-size:12pt;
	font-weight:bold;
	padding:5px;
}
div#razpolozljivost div.header select {
	width:100%;
}

div#razpolozljivost table {
	width:100%;
}
div#razpolozljivost thead {
	background:#087ea2;
}

div#razpolozljivost th {
	font-size:10pt;
	text-align:right;
	color:white;
	padding-top:3px;
	padding-bottom:3px;
}
div#razpolozljivost td {
	font-size:11pt;
	text-align:right;
	background: #d5e9ed;
	padding: 3px 5px 5px 0;
}
div#razpolozljivost td.prosto {
	background:#b1c391;
}
div#razpolozljivost td.zasedeno {
	background:#cd4462;
}


td.formSection {
	font-size:16pt;
}

div.submitPlacefolder input.submit {
	display:block;
	font-size:11pt;
	background:	url(/img/btn.gif) no-repeat top left;
	color:white;
	text-decoration:none;
	width:100px;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;	
	border:0;
}

div.poslovalnica {
	border-top: 1px dotted white;
}


a.programName {
	font-weight:bold !important;
}
div.table td.title,
div.table td.destinacija {
	vertical-align:top;
	padding-top:	10px;
}

div.rezervacijaOpozorilo {
	font-size:10pt;padding-left:20px
}