body {
	margin:0;
	padding: 0;
	font-family: "Trebuchet MS", verdana, tahoma, sans-serif;
	font-size: 70%;
	color: #4F8365;
	background: #fff url(../img/body-bg.jpg) left top; 
	background-repeat: repeat-x;
	text-align: center;
}
div#container {
	line-height: 1.25em;
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;	
}

/* ----------------[ common elements ]---------------- */
h1{font-size:2em; font-weight:normal; margin:0 0 10px 0; line-height:1.2em; border-bottom:solid 1px #4F8365;}
h2{font-size:1.4em;}
*:first-child+html h2{font-weight:normal;}

h3{font-size:1.3em; margin:0;}
h4{font-size:1.2em; text-transform:uppercase; margin:0;}
a:link, a:visited {color:#044E23; text-decoration:none;}
a:hover {text-decoration:underline;}

a:link img, a:visited img, a:hover img{border:none;}

.whiteLink a:link, .whiteLink a:visited{color:#FFF}
.whiteLink a:hover{color:#4F8365; text-decoration:none;}

.underlineLink a:link, .underlineLink a:visited{color:#FFF}
.underlineLink a:hover{text-decoration:underline;}

#searchForm div.field.loading { background: url(/img/ui/loader-search.gif) no-repeat 110px center; height: auto; }
div.loading { background: url(/img/ui/loader.gif) no-repeat center 50px; height: 200px; }

/* ----------------[ header ]---------------- */
#mainLogo{height:70px; width:100%; text-align:right;}

#languageBar{height:24px; text-align:right; background:#4F8365 url(/img/house-top.jpg) no-repeat top left;}
#languageBar a {padding:0 10px 0 0; line-height:2em;}
#languageBar a:link img, #languageBar a:visited img{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; vertical-align:middle; margin-left:8px;} 
#languageBar a:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
* html #languageBar{ height:19px; padding-top:5px;}

#fastSearch{width:100%; height:190px; background:url(/img/header-bg.jpg) no-repeat}
#fastSearch form{padding:65px 0 0 315px; float:left;}
#fastSearch form label{display:block; font-size:1.4em; font-weight:bold; font-style:italic; margin-bottom:2px;}
#fastSearch form input{font-size:1.4em; padding:3px; width:165px; float:left;}
*:first-child+html #fastSearch form input{}
#fastSearch form .buttonSearch{width:90px; height:26px; background-color:#044E23; color:#fff; border:none; font-weight:bold; margin-left:10px;}

#shortContacts{float:right; color:#FFF; font-size:1.25em;}
#shortContacts .contact{ float:left; background:url(/img/contact-box-bg.jpg) repeat-x; height:130px; width:230px; padding:10px 0 0 10px; margin:25px 30px 0 0;}
* html #shortContacts .contact{margin:25px 17px 0 5px;}
#shortContacts .contact img{margin-bottom:5px;}
#shortContacts .contact ul{margin:0; list-style:none; padding:0;}
#shortContacts .contact li{margin:0 0 4px 0;}
#shortContacts .line{width:10px; height:140px; float:left; background:url(/img/contact-line-bg.jpg) repeat-x; margin:25px 5px 0 0;}

/* ----------------[ navigacija ]---------------- */
#nav, #footerNav{background-color:#044E23; height:32px; padding-left:5px; text-align:center;}
#nav ul, #footerNav ul{list-style:none; margin:0; padding:5px 0 0 5px; font-size:1.4em;}
#nav li, #footerNav li{margin:0; display: inline; line-height:20px; max-width:100px; text-transform: uppercase; position: relative; font-weight:bold;}

/* drugi nivo */
#nav li ul, #footerNav li ul {
		position: absolute;
		z-index: 25;
		left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li.iehover ul, #nav li li.iehover ul {
	left: auto;
}
#footerNav li:hover ul{left: auto; margin:0;}
#nav li a.active{color:#4F8365;}

/* ----------------[ content ]---------------- */
#content{background:url(/img/content-bg.jpg) repeat-y; padding-bottom:25px;}
#contentTop{height:27px; background:url(/img/content-top-bg.jpg) no-repeat; padding:6px 0 0 10px; line-height:1.5em;}

#news-container { min-height: 140px; }

#news{margin:0 0 0 30px; padding:0; list-style:none; clear:both;}
#news li{margin:0 0 6px 0; background:url(/img/news-line.jpg) no-repeat left bottom; padding-bottom:3px;}
#news a:link, #news a:visited{color:#4F8365;}
#news a:hover{color:#044E23; text-decoration:none;}
#news h2{ background:url(/img/arow-news.gif) no-repeat top left; font-size:1.1em; font-weight:normal; margin:0 0 5px 0; padding-left:15px; line-height:1.2em;}
#news h2 img{vertical-align:middle; margin-right:4px;}
#news p{margin:0 0 0 15px;}
#news p.date{text-align:right; clear:both; font-size:1em; margin:3px 0 4px 0;}
#news span{float:right; margin-top:5px;}
#detailNewsCont{font-size:1.2em;}
p.newsDate{text-align:right; margin-right:20px;}

#nav-container{text-align:center; text-align:center; margin-bottom:10px; color:#4F8365;}
#news-nav, #results-nav{list-style:none; margin:10px 0 0 0; padding:0; font-size:1.3em; font-weight:bold;}
#news-nav li, #results-nav li{display:inline; padding:3px;}

/* ----------------[ main-content ]---------------- */
#mainContent{float:right; width: 550px; margin:10px 25px 0 25px;}
* html #mainContent{width: 550px; margin:10px 20px 0 20px;}
#mainContent p{font-size:1.2em;}

/* ----------------[ detaljni prikaz ]---------------- */
#description{width:170px; float:left;}
#description a:link, #description a:visited { border: 0; width:160px; height:120px;}
#description img { border:solid 1px #044E23; width:160px; height:120px;}
#description span{font-weight:bold;}
#description .text{margin:8px 5px 0 0; font-weight:normal;}

#gallery{width:120px; float:left; border-right:solid 1px #4F8365; border-left:solid 1px #4F8365; text-align:center}
* html #gallery{width:100px;}
* html #gallery img{margin-left:7px;}
#gallery p{margin:0 0 5px 10px; font-weight:bold; text-align:left; text-transform:uppercase; border:none;}
.imageopacity a{clear:both; display:block;}
.imageopacity a:link img{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; border:0; margin-bottom:4px;}
.imageopacity a:visited img{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;border:0; margin-bottom:4px;}
.imageopacity a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;border:0; margin-bottom:4px;}

#parameters{ float:left; margin-left:10px;}
#parameters ul{margin:0; padding:0; list-style:none;}
#parameters li{padding:2px 0 2px 0; width:245px; margin-bottom:4px; background:url(/img/detail-list.jpg) no-repeat left bottom;}
#parameters li.price{text-align:right; font-size:1.1em; font-weight:bold;}

/* ----------------[ rezultati pretraživanja ]----------- */
.resultsCont{margin-top:15px;border:solid 1px #4F8365;}
.resultsTitle{background-color:#4F8365; height:16px; font-size:1.1em; color:#FFFFFF; padding-top:4px;}
.titleText{float:left; width:75%; margin-left:5px;}
.resultsCode{float:left; width:20%; text-align:right; margin-left:6px;}
.resultsImg{width:20%; float:left; text-align:center; margin:5px 2px 3px 2px;}
.resultsText{float:left; width:45%; min-height:82px; border-left:solid 1px #4F8365; border-right:solid 1px #4F8365; margin:3px 5px 0 0; padding: 0 4px 0 4px;}
.seeDetail{width:100%; text-align:right; background:#4F8365 url(img/look1.gif) bottom right no-repeat; font-size:1.1em; color:#FFFFFF; padding:1px 0 1px 0;}
.resultsPrice{margin:3px 1px 3px 3px; line-height:1.4em; min-height:82px;}
#mainContent .seeDetail .imgNewWindow{ border:none; padding:0 5px 0 5px; margin:0 0 0 5px; }

/* ----------------[ teasers ]---------------- */
#teasers h3{margin: 0 0 10px 0; background:url(/img/content-line.jpg) no-repeat left bottom; padding-bottom:5px;}
#teasers .teaser{border-bottom:solid 3px #4F8365; margin-bottom:15px;}
#teasers .teaser img{float:left;}
#teasers .teaser .teaser-title{background:url(/img/teaser-title-bg.jpg) repeat-x; height:25px; width:382px; color:#FFF; padding:2px 4px 0 4px; float:right; line-height:18px;}
#teasers .teaser .teaser-title span{float:right; margin-top:-15px;}
#teasers .teaser .teaser-text{ width:382px; float:right; padding:4px 4px 0 4px;}
#teasers .teaser a{float:right; width:189px; height:32px; background:url(/img/teaser-button.jpg) no-repeat; margin:15px 0 -6px 0; color:#FFF; font-size:1.2em; padding-top:6px; text-align:center; font-weight:bold;}

#teasers .teaser1{border-bottom:solid 3px #C8AE4F;}
#teasers .teaser1 .teaser-title{background:url(/img/teaser-title-bg1.jpg) repeat-x;}
#teasers .teaser1 .teaser-text{ color:#C8AE4F;}
#teasers .teaser1 a{background:url(/img/teaser-button1.jpg) no-repeat;}

/* ----------------[ sidebar ]---------------- */
#sidebar{float:left; width:300px; color:#FFF;}
#sidebar h5{font-size:1.4em; margin:0 0 5px 30px; color:#4F8365; line-height:1.2em; border-bottom:solid 1px #4F8365;}
#sidebar .sidebar-owners{height:50px; width:270px; font-size:1.6em; color:#FFF; margin:0 0 5px 30px; display:block; clear:both; background:url(/img/sidebar-owners-bg.jpg) repeat-x; }
#sidebar .sidebar-owners span{float:left; margin:3px 0 0 10px; line-height:1.2em;}
#sidebar .sidebar-owners img{float:right;}

/* ----------------[ search form ]---------------- */
#searchType{height:25px; background: url(/img/search-buttons-bg.jpg); margin-left:30px; width:270px;}
#searchType a:link, #searchType a:visited {
	width:134px;
	height:21px;
	float:left;
	padding:4px 0 0 0;
	background: url(/img/icons/arow_up.gif) no-repeat 110px center; 
	text-align:center; 
	color:#FFF; 
	font-size:1.3em; 
	font-weight:bold;
	}
#searchType a.active:link, #searchType a.active:visited { background:#044E23 url(/img/icons/arow_down.gif) no-repeat 110px center; }
#searchType a:hover, #searchType a.active:hover { background-color: #044E23; text-decoration:none;}
#searchForm{width:270px; float:right; background-color:#4F8365; margin:0 0 10px 0;}
#searchForm .radios{width:145; float:left; text-align:left;}
.hidden {display: none;}
option.hidden {display: none};

#detailSearch{
	height:3px;
	background-color:#044E23;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	clear: both;
	margin: 10px 0 0;
}
#searchForm .field select{float:right; margin-right:6px; width:125px; font-size:1.1em}
#newsletter .field label, #searchForm .field label{font-size:1.1em; float:left; width:120px; background: url(/img/arow-newsletter.gif) no-repeat; padding-left:10px;}
#searchForm .field label{background: url(/img/arow-search-form.gif) no-repeat;}
#newsletter .field input, #searchForm .field input{float:right; margin-right:6px; width:120px;}
#searchForm .field label.to{background:none; width:27px; padding:2px 2px 0 2px; text-align:center;}

#newsletter{background:url(/img/newsletter-bg.jpg) repeat-x; width:270px; float:right;}
#newsletter form, #searchForm form{margin:8px 0 4px 8px;}
#newsletter .field, #searchForm .field {margin:5px 0 5px 0;}
#newsletter .field img{vertical-align:middle}
.button {
	width: 90px;
	float: none;
	display: block;
	margin: 10px auto;
	text-align: center;
	background: #044E23;
	color: #FFF;
	font-size: 1.2em;
	border: 1px solid;
	border-color: #74AB8B #057434 #057434 #74AB8B;
}
#newsletter .button{background: #C7AD4D; border-color: #E6D891 #B79A39 #B79A39 #E6D891;}

#searchForm .field input.smallInput{display: block; width: 40px; float: left; font-size:11px; margin-right:0;}

/* ----------------[ for owners ]---------------- */
#ownContainer { padding: 0 10px; width:420px; float: left;}
.ownTitle{font-size:1.05em; border-bottom:solid 1px #044E23; margin:0 0 15px;}
#ownForm{width:400px; float:left; margin:0; }
#ownForm form { margin: 0; padding: 0; border-bottom:solid 1px #044E23;}
#ownForm h2 {font-size:1.3em; font-weight:bold; margin: 0 0 .25em; }
#ownName{background-image:url(/img/form-bg.jpg); min-height: 95px; background-repeat:repeat-x; font-size:1.2em; font-weight:normal; color:#FFFFFF; padding:10px 6px 0 6px; margin-bottom: 1em; }
* html #ownName { padding-bottom: 6px; }
#ownContainer label{width:190px; float:left;}
#ownContainer label span { display: inline; color: #EDFF23; float: none; width: auto; }
#ownContainer input{width:170px; float:left; background-color:#FFFFFF; padding-left:3px;}
input#buttOwn{
	width: 120px;
	float: none;
	display: block;
	margin: 6px auto;
	text-align: center;
	padding: 2px 4px;
	background: #044E23;
	color: #D4D9E0;
	font-size: 12px;
	border: 1px solid;
	border-color: #D4D9E0 #044E23 #044E23 #D4D9E0;
}
#ownContainer select{width:148px; float:left; background-color:#FFFFFF; padding-left:2px;}
#ownContainer span{width:148px; float:left;}
#ownReal{padding:10px 6px 0 6px; font-size:1.2em; font-weight:normal; background-color:#4F8365; color:#FFF;}

.napomena{font-size: 10px;}
#ownReal div.radio{width:100%; margin:5px 0 5px 0;}
#ownReal .radios{width:170px; float:right;}
#ownReal select{width:177px}
#ownName, #ownReal{padding:10px 5px 0 15px;}

#ownReal .field, #ownName .field{min-height:30px;}
#ownReal .kratkiOpis{height:100px}
#ownReal .kratkiOpis textarea{width:350px; height: 80px;}

#ownContainer  input, #ownContainer select, #ownContainer textarea {
margin-bottom: .35em;
}

#container .field.radio input { width: auto; float: none; display: inline; border: 0; vertical-align: middle; margin: -2px 0 0 4px; background: transparent; }

#container #ownContainer #ownersForm span.error, #newsletterForm span.error { display: block; float: none; width: auto;  color: #EDFF23; width: 95%; font-size: .9em; padding: .25em 1em; margin: 0 0 .75em; clear: both; text-align: right;}
#newsletterForm span.error { margin-bottom: 0; padding: .25em 0 .25em .25em; color: red; font-size: 1em; }
/* ----------------[ for owners ]---------------- */

.allContacts{list-style: square inside; font-size:1.2em; clear:both; line-height:1.5em; letter-spacing: 1px; margin:0; padding:0;}
.allContacts li{float:left; width:27%;}
.allContacts li.contAnswer{list-style:none; width:70%}

/* ----------------[ footer ]---------------- */
#footer{color:#FFF; margin:0 0 20px 0; width:100%;}
#footer #footerNav{background-color:#4F8365; height:24px; text-align:center; margin:auto;}
#footer #footerNav ul{font-size:1.1em; text-align:center; padding:2px 0 0 0;}
#footer .footerBottom{background-color:#044E23;}
.footerText{float:left; width:60%; margin:5px 0 0 8px;}
.footerIcons{float:right; width:35%; text-align:right; margin:5px 10px 0 0;}

/* ----------------[ float clears & fixes ]---------------- */
#content, #footer .footerBottom, #newsletter .field, #searchForm .field, #news li, #nav-container, #results-nav, #teasers .teaser
 { overflow: hidden;}

/* IE5-6 */
* html #content, * html #newsletter .field, * html #searchForm .field, * html #footer .footerBottom, * html #teasers .teaser
	{ overflow: visible; height: 1%; }

/* IE7 */
*:first-child+html #footer .footerBottom { min-height: 0; }