/*-----------------------------------------------------
   mainContainer, mainContent & Typ.
------------------------------------------------------ */
#mainContainer                                         { background: transparent url(../images/layout/box-bg.gif) repeat-y -685px 0; }
#mainContent                                           {
	padding: 20px;
	background: transparent url(../images/layout/box-bg.gif) no-repeat right bottom;
	line-height: 1.5em;
	height: 100%;
	overflow: hidden;
}	
	
#mainContent h1                                        {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: -20px -20px 15px -20px;
	padding: 3px 25px 5px 25px;
	background: #ededed url(../images/layout/box-bg.gif) no-repeat 0 0;
}
#mainContent h2                                        { font-size: 1.2em; font-weight: bold; margin: 25px 0 10px 0; }
#mainContent h3, #mainContent h4,
#mainContent h5, #mainContent h6                       { font-size: 1em; font-weight: bold; margin: 15px 0 10px 0; }

#mainContent h1 a, #mainContent h2 a,
#mainContent h3 a, #mainContent h4 a,
#mainContent h5 a, #mainContent h6 a                   { text-decoration: none; }
#mainContent h1 a:hover, #mainContent h2 a:hover,
#mainContent h3 a:hover, #mainContent h4 a:hover,
#mainContent h5 a:hover, #mainContent h6 a:hover       { text-decoration: underline; }

#mainContent p, #mainContent ul, #mainContent ol       { margin: 10px 0; }

#mainContent ul li                                     { background: transparent url(../images/layout/path-arrow.gif) no-repeat 0 7px; padding-left: 10px; margin: 0 10px; }
#mainContent ol li                                     { list-style: outside decimal; margin: 0 10px 0 40px; }
#mainContent ol ol li                                  { margin-left: 25px; }

#mainContent table                                     { margin: 10px 5px; border-collapse: collapse; border: 1px solid #ededed; }
#mainContent td, #mainContent th                       { padding: 5px 10px; border: 1px solid #ededed; }
#mainContent th                                        { background: #ededed; font-weight: bold; }

#mainContent img                                       { display: inline; margin: 5px 10px; }

#mainContent a                                         { color: #c34f27; text-decoration: underline; }
#mainContent a:hover                                   { color: #c34f27; text-decoration: none; }

/*-----------------------------------------------------
   GROUP Spec.
------------------------------------------------------ */
.group #mainContainer                                  { background: none; margin-bottom: 0; }
.group #mainContent                                    { background: none; padding: 0; }
	
.group #mainContent h2 a                               { color: #333; }
.group #mainContent ul li                              { background: none; margin: 0; padding: 0; }

.boxWrapper                                            {
	background: transparent url(../images/layout/box-bg.gif) repeat-y -685px 0;
	width: 685px;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.box                                                   {
	padding: 20px;
	height: 100%;
	overflow: hidden;
	background: transparent url(../images/layout/box-bg.gif) no-repeat right bottom;
}	
#mainContent .box h2                                   {
	font-size: 14px;
	font-weight: bold;
	margin: -20px -20px 15px -20px;
	padding: 3px 25px 5px 25px;
	background: #ededed url(../images/layout/box-bg.gif) no-repeat 0 0;
}
#mainContent .box img                                  { margin: 0; padding: 0; border: none; }
#mainContent .box .content h2                          { font-size: 1.2em; font-weight: bold; margin: 25px 0 10px 0; padding: 0; background: none;} 
.box .image                                            {
	display: inline;
	float: left;
	width: 156px;
	overflow: hidden;
	margin-right: 20px;
}
	
.box .content                                          {
	display: inline;
	float: left;
	width: 470px;
	height: 100%;
	overflow: hidden;
	margin: -13px -25px 0 0;
	padding-bottom: 10px;
}	
	
.details                                               { position: absolute; right: 15px; }

/*-----------------------------------------------------
   FeaturedBOX (Nekretnine tjedna)
------------------------------------------------------ */
#featuredBoxWrapper                                    {
	width: 685px;
	height: 200px;
	background: transparent url(../images/layout/featured-box.gif) no-repeat 0 0;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
}
#featuredBoxTitle                                      {
	display: inline;
	float: left;
	width: 165px;
	text-align: right;
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	padding: 0 0 0 5px;
	margin-top: 50px;
}

#mainContent #featuredBoxTitle h2                      { letter-spacing: -1px; line-height: 1.2em; margin-top: 0; }

#featuredBoxWrapper .image                             {
	display: inline;
	float: left;
	width: 156px;
	overflow: hidden;
}
#featuredBoxWrapper .content                           {
	display: inline;
	float: right;
	width: 285px;
	height: 100%;
	overflow: hidden;
}	
	
#mainContent #featuredBoxWrapper h3                    { margin-top: 0; }
#mainContent #featuredBoxWrapper h3 a                  { color: #333; text-decoration: none; }
#mainContent #featuredBoxWrapper p                     { margin: 0; }
#mainContent #featuredBoxWrapper h3 a:hover            { color: #333; text-decoration: underline; }

/*-----------------------------------------------------
   FeaturedBOX // ContentSlider
------------------------------------------------------ */
.sliderwrapper                                         {
	position: relative;
	overflow: hidden;
	width: 460px;
	height: 158px;
	top: 30px;
	left: 30px;
}
.sliderwrapper .contentdiv                             {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 460px;
	height: 145px;
	overflow: hidden;
}
.pagination                                            {
	text-align: right;
	float: right;
	padding: 0 24px 0 0;
	font-size: 11px;
	line-height: 1em;
	position: relative;
	z-index: 2000;
	top: 22px;
}
#mainContent .pagination a                             {
	text-decoration: none; 
	background: #fff;
	text-decoration: none;
	margin-left: 4px;
}

#mainContent .pagination a:hover, 
#mainContent .pagination a.selected                    { color: #333; text-decoration: underline; }

/*-----------------------------------------------------
   Paginator (Group, Search)
------------------------------------------------------ */
#mainContent .paginator                                { margin: 0; padding: 0 0 10px 10px; color: #581514; font-size: 12px; line-height: 16px; }
#mainContent .paginator ul                             { height: 100%; overflow: hidden; }
#mainContent .paginator ul li                          { float: left; }
#mainContent .paginator ul a                           {
	display: block;
	line-height: 20px;
	width: 20px;
	height: 20px;
	margin: 0 4px;
	border: 1px solid #581514;
	overflow: hidden;
	color: #581514;
	text-decoration: none;
	text-align: center;
	background: #fff;
}
	
#mainContent .paginator ul a:hover,
#mainContent .paginator ul .on                         { background: #581514; color: #fff; }

#mainContent .paginator ul .firstPage a,
#mainContent .paginator ul .lastPage a                 { text-indent: -9999px; border: none; width: 20px; height: 20px; margin: 0 1px; }

#mainContent .paginator ul .prevPage a,
#mainContent .paginator ul .nextPage a                 { border: none; height: 20px; margin: 0 1px; }

#mainContent .paginator ul .firstPage a, 
#mainContent .paginator ul .firstPage a:hover          { background: #fff url(../images/layout/first.gif) no-repeat center center; }
#mainContent .paginator ul .firstPage a.off,
#mainContent .paginator ul .firstPage a.off:hover      { background: #fff url(../images/layout/first-off.gif) no-repeat center center;   }

#mainContent .paginator ul .prevPage a,
#mainContent .paginator ul .prevPage a:hover           { background: #fff url(../images/layout/prev.gif) no-repeat left center; color: #581514; padding-left:15px; margin-right:5px; }
#mainContent .paginator ul .prevPage a.off,
#mainContent .paginator ul .prevPage a.off:hover       { background: #fff url(../images/layout/prev-off.gif) no-repeat left center; color: #999999; padding-left:15px; margin-right:5px; }

#mainContent .paginator ul .nextPage a,
#mainContent .paginator ul .nextPage a:hover           { background: #fff url(../images/layout/next.gif) no-repeat right center; color: #581514; padding-right:15px; margin-left:5px; }
#mainContent .paginator ul .nextPage a.off,
#mainContent .paginator ul .nextPage a.off:hover       { background: #fff url(../images/layout/next-off.gif) no-repeat right center; color: #999999; padding-right:15px; margin-left:5px; }

#mainContent .paginator ul .lastPage a,
#mainContent .paginator ul .lastPage a:hover           { background: #fff url(../images/layout/last.gif) no-repeat center center;  }
#mainContent .paginator ul .lastPage a.off,
#mainContent .paginator ul .lastPage a.off:hover       { background: #fff url(../images/layout/last-off.gif) no-repeat center center;  }

/*-----------------------------------------------------
   DETAIL
------------------------------------------------------ */
#detailWrapper                                         { height: 100%; overflow: hidden; margin-bottom: 20px; }

#detailContent                                         {
	display: inline;
	float: left;
	width: 310px;
	margin-right: 10px;
}
#detailImages                                          {
	display: inline;
	float: left;
	width: 335px;
	height: 100%;
	overflow: hidden;
	line-height: 16px;
	margin-right: -20px;
}
#mainContent #detailImages img                         {
	margin: 0 5px 5px 0;
	width: 156px;
	height: 116px;
	overflow: hidden;
	display: block;
	float: left;
}
#mainContent #detailInfoList                           { margin: 15px 0 0 0; }
#mainContent #detailInfoList li                        { background: #fff; padding: 3px 7px; margin: 0; }
#mainContent #detailInfoList .bgGray                   { background: #ededed; }

#detailsMapWrapper                                     {
	width: 645px;
	height: 100%;
	overflow: hidden;
	text-align: left;
	font-size: .9em;
	margin-bottom: 5px;
	text-align: center;
}

#mainContent #detailsNav                               { text-align: center; }

#detailsMapWrapper a { display: block; float: left; width: auto; }

#detailsMapWrapper a, 
#detailsMapWrapper a:hover,
#mainContent #detailsNav a, 
#mainContent #detailsNav a:hover                       { color: #333; }

/* INACTIVE */
#mainContainer.inactiveHR                              { background: transparent url(../images/layout/na_hr.gif) 0 0; }
#mainContainer.inactiveEN                              { background: transparent url(../images/layout/na_en.gif) 0 0; }
#mainContainer.inactiveIT                              { background: transparent url(../images/layout/na_it.gif) 0 0; }
#mainContainer.inactiveRU                              { background: transparent url(../images/layout/na_ru.gif) 0 0; }

/*-----------------------------------------------------
   SORT
------------------------------------------------------ */
#sort                                                  {
	width: 665px;
	height: 30px;
	background: transparent url(../images/layout/sort-bg.gif) no-repeat 0 0;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0 10px;
	font-size: 11px;
	color: #fff;
	line-height: 12px;
}
#loaderDiv											   {
	margin: 0 0 -34px 0;
}

.sortItemWrapper                                       { display: inline; float: left; width: auto; margin: 9px 11px; }

.sortItemTitle, .sortItemNav                           { display: inline; float: left; }
#sort ul, #sort ul li                                  { margin: 0; padding: 0; display: inline; }

.sortSilazno a, .sortUzlazno a                         {
	display: block;
	width: 10px;
	height: 12px;
	text-indent: -9999px;
	margin-left: 5px;
}
.sortSilazno a                                         { background: transparent url(../images/layout/silazno.gif) no-repeat center center; }
.sortUzlazno a                                         { background: transparent url(../images/layout/uzlazno.gif) no-repeat center center; margin-left: 0; }
.sortSilazno a.on                                      { background: transparent url(../images/layout/silazno-on.gif) no-repeat center center; }
.sortUzlazno a.on                                      { background: transparent url(../images/layout/uzlazno-on.gif) no-repeat center center; margin-left: 0; }

.sortItemNav                                           { margin-left: 0; }
.sortItemNav li                                        { float: left; }

#sort a                                                { color: #fff; text-decoration: none; font-weight: bold; }
#sort a:hover                                          { color: #6a1d1b; text-decoration: none; }
#sort a.on, #sort a.on:hover                           { color: #6a1d1b; }

/*-----------------------------------------------------
   FORMS Typ.
------------------------------------------------------ */
.basicForm                                             { margin: 0 0 20px 0; }
.basicForm fieldset                                    { overflow: hidden; height: 100%; border: none; }

.basicForm legend                                      { font-size: 1em; font-weight: bold; padding: 0 0 10px 0; color: #333; }
	
.basicForm .input, .basicForm .textarea, 
.basicForm .select, .basicForm .radio, 
.basicForm .checkbox, .basicForm .file                 { overflow: hidden; height: 100%; clear: both; padding: 10px 0 1px 0; }

.basicForm .input input, .basicForm textarea,
.basicForm select, .captchaInput input                 {
	font: normal .9em Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #501211;
	padding: 3px;
	vertical-align: middle;
}

.basicForm .input input                                { width: 150px; }
.basicForm .input input.small                          { width: 50px; }
.captchaInput input                                    { width: 100px; }

.basicForm .select select                              { width: 290px; }
.basicForm .select select.small                        { width: 50px; }
.basicForm .input select.small                         { width: 60px; margin-left: 5px; }

.basicForm .input select                               { padding: 2px 3px; width: 60px; }
	
.basicForm .input label, 
.basicForm .textarea label,
.basicForm .select label, 
.basicForm .captchaInput label,
.basicForm .captchaInput label, 
.basicForm .file label                                 {
	display: block;
	float: left;
	width: 175px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
}	
	
.basicForm .textarea label, 
.basicForm textarea                                    { vertical-align: top; }
.basicForm textarea                                    { overflow: hidden; width: 300px; height: 150px; }

.basicForm .checkbox input                             { width: auto; border: none; background: inherit; font-size: inherit; }
.calendar                                              { vertical-align: middle; position: relative; top: 2px; }
.basicForm .input input.checkbox,
.basicForm .checkbox input                             {
	display: inline;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	vertical-align: middle;
}

.basicForm .select select option                       { padding-right: 10px; margin-bottom: 2px; }
.basicForm  div.checkbox                               { overflow: hidden; height: 100%; }
.basicForm .captchaWrapper                             { overflow: hidden; height: 100%; }

.basicForm .captchaImageWrapper                        { margin: 15px 0 15px 185px !important; margin: 15px 0 15px 190px; }

#mainContent .basicForm .captchaImageWrapper img       { display: block; margin: 0 0 5px 0; padding: 0 0 0 0; border: none; }

.basicForm .captchaError                               { margin: 15px 0 15px 200px; padding: 10px; border: 1px solid red; }
.basicForm .submit                                     { padding: 20px 0 10px 185px !important; padding: 20px 0 10px 188px; }
.basicForm .submit .button                             {
	background: transparent url(../images/layout/search-button-content.gif) no-repeat 0 0; 
	border: none; 
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 100px;
	height: 25px;
}

.basicForm .errorMessage                               { color: #cc0000; font-size: 1em; }

.basicForm .notice                                     {
	height: 100%;
	overflow: hidden;
	margin: 10px 0 10px 185px !important;
	margin: 10px 0 10px 188px;
}

.basicForm .radioTitle                                 {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	text-align: right;

}
.basicForm .radioButtons label                         { margin: 0 10px 0 0; }

.basicForm .checkboxTitle,
.basicForm .checkboxKatTitle {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .checkbox .checkboxTitle label,
.basicForm .checkbox .checkboxKatTitle label           { margin: 0; padding: 0; }
.basicForm .checkbox input                             { padding: 0; margin: 3px 0 0 0; }

.basicForm .checkboxWrapper,
.basicForm .checkboxKatWrapper                         { width: 500px; height: 100%; overflow: hidden; padding: 15px 0 5px 0 !important; padding: 15px 0 5px 0; }
.basicForm .checkboxKatWrapper                         { width: 650px; }
.basicForm .checkboxWrapper div.checkbox               { float: left; padding: 0; clear: none; width: 210px; margin-bottom: 5px; }

.basicForm .checkboxKatWrapper .checkboxWrapper        {
	display: inline;
	float: left;
	width: 400px;
	margin-top: -15px !important;
	margin-top: 0;
	padding: 0;
}

.basicForm .checkboxKatWrapper .checkboxWrapper div.checkbox                   { width: 150px; }
.basicForm .checkboxKatWrapper .checkboxWrapper div.checkbox .checkboxTitle    { width: 120px; text-align: right; float: left; display: inline; }
.basicForm .checkboxKatWrapper .checkboxWrapper div.checkbox .checkboxButtons  { float: right; display: inline; }

.basicForm .checkboxKatLeft                            { display: inline; float: left; width: 110px; margin-right: 25px; }
.basicForm .checkboxKatRight                           { display: inline; float: left; width: 175px; }

.basicForm .checkboxKatWrapper .checkboxKatLeft div.checkbox                   { width: 110px; }
.basicForm .checkboxKatWrapper .checkboxKatLeft div.checkbox .checkboxTitle    { width: 80px; text-align: right; float: left; display: inline; }

.basicForm .checkboxButtons select                     { margin-left: 10px; vertical-align: top; width: 260px; }

.basicForm .checkboxButtons label                      { margin: 0 10px 0 0; }
.basicForm .multipleSelect                             { overflow: hidden; height: 100%; padding: 15px 0 0 0; }
.basicForm .multipleSelectTitle                        {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .multipleSelect select                      { margin: 0 10px 0 0; }

#wait												   {
	margin: 100px 0;
}

/*-----------------------------------------------------
   searchParameters
------------------------------------------------------ */
#mainContent #searchParameters table                   { margin: 0 0 10px 0; border: none; font-size: 11px; line-height: 18px; }
#mainContent #searchParameters td                      { border: none; padding: 0 5px; width: 220px; vertical-align: top; }
.highlight                                             { color: #c34f27; }