* {margin: 0px;padding: 0px;}
@font-face {
	font-family: 'Century';
	src: url('fonts/gothic-webfont.eot');
	src: local('☺'), url('fonts/gothic-webfont.woff') format('woff'), url('fonts/gothic-webfont.ttf') format('truetype'), url('fonts/gothic-webfont.svg#webfontQ0ewW9f7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyBold';
	src: url('fonts/gothicb-webfont.eot');
	src: local('☺'), url('fonts/gothicb-webfont.woff') format('woff'), url('fonts/gothicb-webfont.ttf') format('truetype'), url('fonts/gothicb-webfont.svg#webfontQ0ewW9f7') format('svg');
	font-weight: normal;
	font-style: normal;
}
img {border: none;}
a {color: #86670d; text-decoration: underline;}
a:hover {text-decoration: underline;color: #000;}
p {padding-bottom: 5px; font-size:11px; line-height:25px; padding-top:5px;}
body { background: #fff; color: #000; font: 13px/21px "Century"; }
ul, ol {margin: 0px 0px 10px 10px;padding: 0px;}
hr {border-bottom: 1px solid #f6dfa9; margin-top:10px; margin-bottom: 10px;border-top-style: none;border-right-style: none;border-left-style: none;}
h1 { font-size: 24px; line-height: 30px; font-weight: normal; padding-bottom:10px; color:#876616; }
h2 { font-size: 20px; line-height: 27px; font-weight: normal; padding: 10px 0px; color: #876616; }
h3 { padding-bottom: 10px; padding-top: 10px;  font-size: 16px; line-height: 22px; color:#000; font-weight:normal; }
h4 {font-size: 11px;line-height: 18px;font-weight: bold;padding-bottom: 10px;padding-top: 10px;}
.right table{width:100%;border:1px solid #f0d9a3;background-color:#fff;color:#000;margin:15px 0; }
			.right td{border:1px solid #f0d9a3; padding:4px; }
			.right tr:first-child{background-color:#856619;color:#FFF;border:1px solid #f0d9a3; font-weight:bold;}
.text10 {font-size: 10px;line-height: 16px;}
.text11 {font-size: 11px;line-height: 17px;}
.text12 {font-size: 12px;line-height: 18px;}
.text13 {font-size: 13px;line-height: 17px;}
.text14 {font-size: 14px;line-height: 18px;}
.text15 {font-size: 15px;line-height: 18px;}
.text16 {font-size: 16px;line-height: 19px;}
.text17 {font-size: 17px;line-height: 20px;}
.text18 {font-size: 18px;line-height: 20px;}
.text20 {font-size: 20px;line-height: 24px;}
.text22 {font-size: 22px;line-height: 26px;}
.text24 {font-size: 24px;line-height: 29px;}
.text35 {font-size: 35px;line-height: 42px;}
.text65 { font-size:65px; line-height:80px; }
.float-left {float: left;}
.float-right {float: right;}
.bold { font-weight: normal; font-family: "CenturyBold"; }
.italic {font-style: italic;}
.clear {clear: both;}
.align-image-left { float: left; margin: 3px 10px 10px 0px; }
.align-image-right { float: right; margin: 3px 0px 10px 10px; }
.image-border {border-bottom: 4px solid #ab8733; }
.image-border:hover { border-bottom: 4px solid #5e4916; }
.align-left {text-align:left;}
.align-right {text-align:right;}
.center {text-align:center;}
.underline {text-decoration:underline;}
.nounderline {text-decoration:none;}
.padding0{padding: 0;}
.padding-b5 { padding-bottom:5px; }
.padding-b10 { padding-bottom:10px; }
.margin0{margin:0;}
.margin-b5 { margin-bottom:5px; }
.margin-b10 { margin-bottom:10px; }
.letter-spacing { letter-spacing:6px; }
.uppercase { text-transform:uppercase;}
strong { font-family: "CenturyBold"; font-weight: normal; }



html { background-position: center center; height:100%;}
.googlemap { border:4px solid #f6ecd5; height:300px; margin-bottom:10px; width:644px; }

.top{ background-image: url(images/header-bg.png); background-repeat: repeat-x;	height: 129px;}
.header { background-image: url(images/top.jpg); background-repeat: no-repeat; background-position: center top; height:129px;}
	.logo { font-family: 'CenturyBold'; font-size:22px; text-decoration: none; text-shadow:1px 1px #fff; letter-spacing:5px; margin:22px 0px 0px 0px; float:left; position:absolute; }
		.logo span { font-size: 11px; letter-spacing:1px;}
		a.logo:hover, a.contact:hover { text-decoration:none; color:#6c5207; }
	.contact { position:absolute; text-align:right; float:right; font-family: 'CenturyBold'; font-size:22px; text-shadow:1px 1px #fff; letter-spacing:5px; margin:22px 0px 0px 724px; text-decoration: none; color:#86670d; }
		.contact span a { font-size: 11px; letter-spacing:1px; text-decoration:none;}
			.contact span a:hover { color:#6c5207; }
		
	#nav { /* all lists */ font-family: 'CenturyBold'; text-transform:uppercase; letter-spacing:2px; float:left; list-style: none; margin: 20px 0px 0px 0px; padding: 5px 0px 5px 0px; height: 41x; width: 870px; font-size:12px; position:absolute; margin-top:89px; }
	#nav li { /* all list items */ float: left; }
	#nav li a { display:block; color: #fff; text-decoration: none; padding: 5px 20px 5px 20px; text-shadow:1px 1px #604810;}
	#nav li a:hover, #nav li a.active { color: #fce5af; text-decoration: none; }
	#nav ul { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:185px; position: absolute; left: -999em; margin: -4px 0px 0px; padding: 6px 0px 0px 6px; list-style: none; z-index: 45; font-size: 12px; border: 1px solid #6b6b6b; background-color: #f8e1ab; }
	#nav ul li { width: 185px; padding-bottom: 2px; }
	#nav ul li a { color: #86670d; text-shadow:1px 1px #fff; text-align: left; line-height: 17px; margin: 0px; padding: 3px 4px 9px; display: block; width: 163px; }
	#nav li ul li a:hover {color: #000;}
	#nav li ul ul { /* third-and-above-level lists */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 { /* lists nested under hovered list items */left: auto;}
	#nav a.sub { background-image: url(images/sub-arrow.png); background-repeat: no-repeat; background-position: right 15px; padding-right: 10px; margin-right:7px; }
	#nav a.sub:hover {}
	#nav li:hover, #nav-left li.hover {  position: static;  }
	
	.langs { float:right; margin-top:102px; margin-left:882px; width:120px; position:absolute; }
		.hr, .slo, .sk, .it, .en, .de { display:block; background-image: url(images/hr.gif); float: left; height: 11px; width: 16px; margin-right: 4px; }
			.slo { background-image: url(images/slo.gif); }
			.sk { background-image: url(images/sk.gif); }
			.it { background-image: url(images/it.gif); }
			.de { background-image: url(images/de.png); }
			.en { background-image: url(images/en.png); }
			
			
			
.wrapper { width:960px; margin:auto }
.left { width: 219px; float:left; margin-top:22px; }
.ponuda { background:#fff; padding:12px; width:195px; float:left; font-size:11px; }
	.ponuda .lb { text-transform:uppercase; font-size:12px; color:#876616; font-family: 'CenturyBold'; padding:0px 0px 5px 0px; }
	.ponuda .title { text-decoration:none; color:#876616; font-size:19px; font-family: 'CenturyBold';  }
		.ponuda a.title:hover { color:#000; }
	.ponuda .price { font-size:24px; font-family: 'CenturyBold'; padding-top:0px; color:#876616; float:left; }
	.ponuda .more { float:right; font-size: 12px; text-transform:uppercase; text-align:right; text-decoration:none; padding-top:4px; font-family: 'CenturyBold';}
.video, .virtualna { font-family: 'CenturyBold'; width:207px; height:30px; padding:9px 0px 0px 12px; display:block; background-image: url(images/video.gif); background-repeat: no-repeat; background-position: left top; float: left; margin-top:4px; text-decoration:none; }	
.kontakt {  font-family: 'CenturyBold'; width:207px; height:30px; padding:9px 0px 0px 12px; display:block; background-image: url(images/kontakt.png); background-repeat: no-repeat; background-position: left top; float: left; margin-top:4px; text-decoration:none; color:#fff; }	
	a.video:hover, a.virtualna:hover { text-decoration:none; }
	a.kontakt:hover, a.signature:hover { text-decoration:none; color:#fce5af; }

.apartment { position:absolute; height:50px; display:block; width:210px; padding:28px 0px 0px 10px; background-image: url(images/apartman-bg_1.png); background-repeat: no-repeat; background-position: left top; font-size:12px; text-decoration:none; line-height:18px; color:#FFF; }
.apartment span { font-family: 'CenturyBold'; font-size:18px; }
a.apartment:hover { background-position:right top; text-decoration:none; color:#86670d; }
.ap-image { position:absolute; border-radius: 6px; moz-border-radius: 6px; -webkit-border-radius: 6px; margin:-21px 0px 0px 135px; }

.ap-image_eng { position:absolute; border-radius: 6px; moz-border-radius: 6px; -webkit-border-radius: 6px; margin:-21px 0px 0px 185px; }

.biserka { margin:-110px 0px 0px 247px; *margin-left: 30px;  }
.irena { margin:-110px 0px 0px 490px; *margin-left: 276px; }
.ankica { margin:-110px 0px 0px 740px; *margin-left: 523px; }

.eng { margin:-110px 0px 0px 440px; background-image: url(images/apartman-bg_2.png); background-repeat: no-repeat; background-position: left top; width:260px;}

.right { width:669px; margin-top:22px; float:right; color:#2c2c2c; font-size:13px; padding:12px 22px 12px 22px;  }
.bc { font-size:10px; text-transform:uppercase; margin-bottom:5px; }
.bc a { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: right 5px; margin-right: 10px; padding-right: 15px; text-decoration:none; color:#876616; font-size:10px; }
.bc a:hover { color:#000; }

.album { width:159px; background-image: url(images/album-bg.gif); background-repeat: repeat; padding-bottom:5px; color:#fff; font-size:13px; text-align:center; }
.album a { color:#fff; text-shadow:1px 1px #604810; text-decoration:none; }
	.album a:hover { color:#fce5af; text-decoration:none; }
.album-float-left { float: left; margin: 3px 10px 10px 0px;}
	.virtual-home { text-shadow:1px 1px #fff; float:right; display:block; background-image: url(images/virtual-home.gif); height: 30px; width: 235px; text-decoration:none; padding:8px 0px 0px 12px; font-family: 'CenturyBold'; font-size:14px; margin-right:-22px; margin-top:-12px; }
	a.virtual-home:hover { text-decoration:none; color:#6c5207; }
.white { background:#fff; }
.white table {text-align:center; border:none;}
.white table tr { border:1px solid color:#919191;}
.white table tr:first-child{color:#FFF;  background-image:url(images/trans_black.png); background-color:#FFF; border:none; font-weight:normal;}	
.footer { height: 24px; width: 100%; position: fixed; bottom: 0px; z-index:1; background-repeat: no-repeat; background-position: center; }
.black {float:right; width:669px; height:5px; background-image:url(images/trans_black.png); padding:0px 22px 0px 22px; margin-bottom:24px;  }
.signature { letter-spacing:2px; font-size:10px; width:217px; text-align:center; background-image: url(images/footer.png); height: 24px; text-transform:uppercase; height:24px; display:block; color: #fff; text-decoration: none; text-shadow:1px 1px #604810; float:left; padding-top:2px; }
ul {
		width:250px;
		float:left;
	}
.clear_list {
		float:left;
		height:50px;
		width:90px;
	}	
	
.kontakt_podaci {float:left; width:330px;}