/**
 * @author      Djordje Savic
 * @date		04/2010
 * @url			djordjesavic.com 
 *
 */
/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0;}

ul,li{list-style:none;}
a{text-decoration:underline; color:#000; outline: none; }
a:hover{text-decoration:underline}
img{border:0;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	background:#dbdbdb;	
}
.inner{
	width:940px;
	margin:0 auto;
}
#header{
	height:170px;
	background: url(images/head-bg.png) repeat-x;
}

#header,#header a, #footer, #footer a{color:#fff;}
#header .inner,#footer .inner{position:relative;}

#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer-menu{ text-align:right;}
#footer #footer-menu a{  text-transform:uppercase;}
#footer p{margin-bottom:4px;}

#logo,#language,#menu,#contactinfo{position:absolute;}
#logo{
	width:283px;
	height:63px;
	left:10px;
	top:46px;
}
#language,#menu,#contactinfo{right:22px;}
#language{top:10px;}
#menu{top:65px;}
#contactinfo{top: 100px; text-align:right;}


/*Nav Menu*/
#menu{ padding-bottom:5px; background:url(images/2px-line-brown.png) bottom repeat-x;}
#menu ul li, #menu ul li a{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-transform:uppercase;}
#menu ul li{ float:left; padding-left:5px;}
#menu ul li.first{margin-left:0;}
#menu ul li a{ display:block; color:#fff; text-decoration:none; padding:5px 5px 5px 0;}
#menu ul li a:hover{ color:#bdae95;}

#menu ul li.active a{  background:transparent url(images/menu-bg-r.png) right no-repeat; color:#f0eae1;}
#menu ul li.active{  background: transparent url(images/menu-bg-l.png) left no-repeat;}


#content{ position:relative; }
#content h2{ color:#666666; font-family:Tahoma, Geneva, sans-serif; font-size:19px; font-weight:normal; margin-bottom:13px; line-height:21px; }
#content h3{ font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:13px; font-size:13px;}
#content,#main{ font-family:Verdana, Geneva, sans-serif;font-size:13px; color:#666666; position:relative; }

#main ul,#main li{list-style: disc; margin-left:1em;}
#main ul{ padding-top:12px;}
#main li{ margin-bottom:12px;}
#main p{ margin-bottom:12px;}

#intro-text{ padding-bottom:0px; padding-left:9px;}

#footer{
	height:170px;
	width:100%;
	background: #5f5142 url(images/head-bg.png) repeat-x;
	font-size:11px;
	bottom:0;
}
#copyright,#footer-menu{position:absolute;}
#copyright{left:0; top:70px;}
#footer-menu{right:0; top:70px;}

.footer_btm{position:absolute; bottom:0; width:100%;}


/*global classes*/
.fl { float:left;}
.fr { float:right;}
.clr { clear:both;}
.none{display:none;}
.w500{
	width:492px;
	padding:20px 10px;
}
/*padding*/
.p10{ padding:0 10px;}
.p2010{ padding:20px 10px;}
.ptop20{padding-top:20px;}

.center{ text-align:center;}
.right{text-align:right;}
.paddright80{padding-right:80px;}
.paddright60{padding-right:60px;}
.paddleft80{padding-left:80px;}
.paddleft60{padding-left:60px;}
.paddleft33{ padding-left:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr60{margin-right:60px;}
.mr80{margin-right:80px;}
.m10{margin:0 10px;}

/*cols*/
.col4{ width:340px;}
.col7{ width:400px;}
.col8{ width:440px;}
.col9{width:520px;}
.col10{ width:580px;}

.nopic{ 
	width:468px; height:368px; margin-top:20px;
	background: #ccc url(images/bez-slike.png) center no-repeat;
}
a.noline,a:hover.noline{text-decoration:none;}
/*errors*/
p.error{ font-weight:bold;}
label.error, span.error{ color:#F00;}

/*Buttons*/
.btn{
	width:119px;
	height:38px;
	border:0 none;
	cursor:pointer;
	display: inline-block;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#3f3f3f;
	text-transform:uppercase;
	line-height:40px;
	text-align:center;
	outline:none;
	float:left;
}

* + html .button-div{ padding-top:10px;}

.submit{
	background:url(images/btn-go.png) 0 2px no-repeat;
}
.go{
	background:url(images/btn-submit.png) 0 2px no-repeat;
}
.reset{
	background:url(images/btn-reset.png) 0 2px  no-repeat;
}
.star{
	background:url(images/btn-star.png) 0 2px  no-repeat;
	}
.reset-shd{
	background:url(images/btn-reset-shd.png) 0 2px  no-repeat;
}
.submit-shd{
	background:url(images/btn-go-shd.png)  0 2px no-repeat;
}



/*Pretraga*/
#pretraga {
	width:418px;
	height:669px;
	background: url(images/search-bg.png) no-repeat;
	margin-top:-41px;
	position:relative;
}
#pretraga-inner{
	padding:15px 10px 10px 15px;
	margin:91px 20px 20px 20px;
}
#pretraga h2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#55493b;
	position:absolute;
	top:68px;
	left:19px;
	padding:0;
	margin:0;
}
#pretraga form {
	margin:0;
	padding:0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#pretraga form fieldset div label{
	font-weight:normal;
	}
#pretraga fieldset{
	margin:0;
	padding:0;
	border:0;
}

#pretraga label,#pretraga legend{ 
	font-size:11px;
	line-height:17px;
	color:#473E32;
	font-weight:bold;
	}
	
* + html #pretraga legend{margin-left: -6px;}

#pretraga .checklist label, 
#pretraga option,
#pretraga select{
	color:#5a5a5a;
	font-size:11px;
	line-height:1em;
	}
.checklist,
#pretraga option,
#pretraga select{
	background-color:#f4f4f4;
}
.checklist,
#pretraga select,#rb,#ulica{
	/*border: inset 1px #B8A084;*/
	border: inset 1px #b2b2b2;
	border: none;
}
#pretraga option{ font-size:12px;}	
#pretraga select{ padding:1px;}

/*Check it dont select - CSS for checklists */
.checklist {
	list-style: none;
	overflow: auto;
}
.checklist, .checklist li, div#sadrzaj_full div .checklist li {
	margin: 0;
	padding: 0;
}
.checklist li {
	background:none repeat scroll 0 0 transparent;
	padding-left:0;
}
/*.checklist input{ margin:3px 3px 3px 4px;}*/

#pretraga .checklist label {
	display: block;
	padding: 0 0.2em 0 25px;
	text-indent: -25px;
	font-weight:normal;
	line-height:1.5em;
}


#pretraga .checklist label:hover, #pretraga .checklist label.hover {
	background: #8F7E62;
	color: #fff;
}


#rb{  width:44px; color:#5a5a5a;padding:2px;}

#ulica{ width:158px; color:#5a5a5a; padding:2px 0;}

#lokacija .checklist{ 
	height:208px;
	width:170px;
	}	
#tip .checklist{ 
	height:78px;
	width:157px;
	}	
#namena .checklist{ 
	height:107px;
	width:157px;
	}	
#sobe .checklist{ 
	height:78px;
	width:107px;
	}
#sprat .checklist{
	width:111px;
	height:78px;
}
#grejanje{width:89px;}
#tel .checklist{ 
	height:60px;
	width:107px;
}
#nam .checklist{ 
	height:60px;
	width:111px;
}	
#pretraga fieldset.pad10left,
.pad10left{
	padding-left:17px;
}
#namena legend,.ptop6{ padding-top:6px;}



/*Scrollable*/
#slideshow{
	width:484px;
	height:373px;
	overflow:hidden;
	position:relative;
	background: url(images/slide-bg.png) no-repeat;
	padding:0px;
	}
.scrollable {
	width:448px;
	height:356px;
	overflow:hidden;
	position:relative;
	margin:18px;
	float:left;
	}
	

	
.scrollable .items {
	clear:both;
	position:absolute;
	width:20000em;
	}
div.navi {
	display:block;
	width:28px;
	height:28px;
	cursor:pointer;
	position:absolute; top:162px;
	z-index:10;
}
.disabled {	visibility:hidden;}
.nextPage {	background:url(images/arrow-right.png) no-repeat; right:0px; }
.prevPage {	background:url(images/arrow-left.png) no-repeat; left:0px;}
.items div.hidden {
	position:		absolute;
	bottom:			0;
	left:           0px;
	width:			448px; 
}
.items div.item:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.items div.item {
	float:			left;
	position:		relative;
}
div.hidden {
	/*background: url(images/caption-transparent-bg.png);*/
	background-color:#000;
	padding: 10px;
	width:428px!important;
	display: none;
	color:#fff;
	line-height:1.5em;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
}
.items a{ color:#ec6321;}
.slide-link{position:absolute; bottom:0; right:10px;}


/*Opis stana*/
#image_wrap{width:448px; padding:10px 10px 0 10px; background:#fff; text-align:center;}
#stan-slike #slideshow{
	width:468px;
	height:102px;
	background: #fff;
	}
#stan-slike .scrollable {
	height:85px;
	margin:10px;
	}
	

#stan-slike div.navi { top:37px; }
#stan-slike .items div.item{ margin-right:2px;}
#stan-slike .scrollable img { cursor:pointer;}
#stan-slike .active{border:1px solid #ec6321;}
#stan-slike .items{color:#fff;}
#opis_stana{width:400px;}
#opis_stana p{ display:block; width:400px; float:left; padding:4px 0; border-bottom:1px solid #CCCCCC;}
#opis_stana p strong,#opis_stana p span{display:block; overflow:hidden;}
#opis_stana p strong{width:120px; float:left;}
#opis_stana span{width:280px; float:left;}



/*Najnovije ponude*/
#new-offer{padding:21px 0 10px 9px;}
.new-item{ width:110px; margin-left:10px; background:#fff; color:#666666; font-size:11px; line-height:18px; position:relative;}
.first{margin-left:0;}
.new-item sup{ font-size:8px;}
.new-item-inner{ background:#fff url(images/lines-bg.png) 0 17px; margin:8px 8px 0 8px; padding:0 0 10px 0;}
.new-item img{border-bottom:10px solid #998d7c;}
.new-item p{padding:0 8px 10px 8px;}
.new-item a{ color:#666; font-weight:bold; text-decoration:none;}
.new-item-id{position:absolute; top:79px; left:8px;}
.new-item-id a{ font-size:11px; font-weight:bold; color:#473E32;}


/*Vasa ponuda / potraznja*/
#vasa-ponuda {
	width:510px;
	position:relative;
}
#vasa-ponuda label, #potraznja label {
	display:block;
	padding-top:6px;
}
#vasa-ponuda input.text,
#vasa-ponuda select,
#vasa-ponuda textarea{ padding:4px 2px; width:210px;color:#666666;}

#vasa-ponuda select{ width:217px;}



#vasa-ponuda select#struktura{ width:50px;}
#vasa-ponuda p{margin-bottom:6px;}
#vasa-ponuda ul, #vasa-ponuda li{
	list-style:none;
	margin:0;
	padding:0;
}
#vasa-ponuda fieldset{
	margin:0;
	padding:0;
	border:0;
}



#vasa-ponuda .checklist label {
	display: block;
	padding: 0 0.2em 0 25px;
	text-indent: -25px;
	font-weight:normal;
}



#vasa-ponuda .checklist label:hover, #vasa-ponuda .checklist label.hover {
	background: #8F7E62;
	color: #fff;
}



/*Kontakt*/
#kontakt_frm{padding-bottom:100px; padding-top:10px;}
#kontakt_frm input.text{  padding:4px 2px; width:350px;color:#666666;}
#kontakt_frm textarea{padding:4px 2px;width:350px; height:180px;color:#666666;}
#kontakt_frm label{display:block; float:left; width:120px; padding:5px 10px;}
.form-element{ margin:1em 0;}
#kontakt_frm  input#email,#kontakt_frm input#telefon{ width:134px;}
#kontakt-text p{ margin-bottom:12px;}
#kontakt-text h3{ font-size:13px; font-weight:bold; margin-bottom:0px;}
#kontakt-text{ width:330px;}
#kontakt-text img{margin-bottom:18px;}
#kontakt-text h3, #kontakt-text p{ padding-left:15px;}

/*Zapamceno*/
#zapamcen{ position:relative; top:-20px; background:#FFC;padding:7px 8px; }
#zapamcen,#zapamcen a{color:#666666; font-size:11px!important;}
#stan_zap{ /*padding-left:141px; width:495px;*/ width:350px;}



#stan_zap td{padding:5px; border-bottom:1px solid #ccc;}
#stan_zap .h_table{ font-weight:bold;}

/*Rezultat pretrage*/
#pretraga-list{ width:510px; padding:20px 5px;}
.list-item{ width:478px; height:115px; background:url(images/list-item-bg.png) no-repeat; overflow:hidden; margin-bottom:10px;
position:relative; padding:15px;}
.list-item,
.list-item a{color:#666666;}
.list-title a{ text-decoration:none;  font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
.list-title{ border-bottom:1px solid #666666; margin-bottom:10px;}

.list-save{position:absolute; top:15px; right:15px;}
.list-save a{ text-indent:-999em; display:block; overflow:hidden; width:12px; height:13px; background:url(images/stars.png) 0 0 no-repeat;}
.list-save a.saved{background-position:0 -13px;}

.list-img{ float:left; position:relative; bottom:0; margin-right:10px;}
.list-desc{ width:330px;}
.list-desc,.list-price{ width:330px; float:left;}

.list-link{position:absolute; bottom:0; right:15px;}
.pagination a{ display:inline-block; padding:2px 5px; margin:0 0 0 4px; text-decoration:none; color:#dbdbdb; background:#999;}
.pagination a:hover{color:#fff; background:#666;}
.pagination span{ display:inline-block; padding:3px; margin:0 0 0 4px; text-decoration:none; color:#999999;}





/*Autocomplete*/
.ac_results {
	padding: 0px;
	background-color: #FFF;
	border:1px solid #5A5A5A;
	margin-left:-1px;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	cursor:default;
	display:block;
	font:menu;
	font-size:12px;
	line-height:15px;
	color:#5A5A5A;
	margin:0;
	overflow:hidden;
	padding:3px 3px;
	text-transform:lowercase;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {

}

.ac_over {
	background-color: #3399ff;
	color: #fff!important;
}


/*Side Image*/
#side-image{
	text-align:center;
	padding-top:39px;
	}
#side-image img.border10{
	border:10px solid #fff;
}



.star-img { display:block; overflow:hidden; width:12px; height:13px; background:url(images/stars.png) 0 -12px no-repeat;}