


*				{ margin: 0; padding: 0; }
html			{ font: 12px/18px Arial, sans-serif; color: #191e21; background-color: #191e21; overflow-y: scroll; height: 100%; }

body			{ text-align: center; height: 100%; }

img				{ border: 0; background: url(img/ajax-loader.gif) no-repeat 50% 50%; }
a				{ text-decoration: none; color: #000; }
a:hover         { text-decoration: underline; }
ul				{ list-style-type: none; }
p               { margin-bottom: 1em; }

a#language_switch { position: absolute; top: -50px; right: 0; background: url(img/lang.gif); width: 61px; height: 14px; text-indent: -9999px; overflow: hidden; }
a#language_switch.hr { background-position: 0 0; }
a#language_switch.en { background-position: 0 -14px; }


.cvjetni { background-color: #fff; color: #cf047d;}

#wrap { position: relative; min-height: 100%; }
#wrapper		{ width: 960px; text-align: left; margin: 0 auto; position: relative;  }
* html #wrap { height: 100%; }

#header			{ float: left; width: 960px; display: none; }
#header #logo	{ margin-left: 0px; width: 830px; margin-top: 5px; font-size: 48px; font-weight: normal; letter-spacing: -1px; color: #666; text-align: right; }
#header #logo a { color: #666; }
#header #logo a span { color: #c00; }
#header #logo a:hover { color: #444; text-decoration: none; /*padding-right: 60px;*/ }

#main-nav       { text-align: center; background: #8a9aa1; margin-bottom: 20px; }
#main-nav ul    { height: 42px; margin: 0 auto; width: 960px; }

#main-nav li	{ text-align: left; display: inline; font-size: 14px; text-transform: uppercase; line-height: 42px; height: 42px; float: left; }
#main-nav li a	{ color: #000; font-size: 1.1em; display: block; height: 42px; border-right: 1px solid #626f74; overflow: hidden; }
#main-nav li a:hover	{  text-decoration: none; }
#main-nav li.active {  }
#main-nav li li a { color: #aaa; }
#main-nav li.active li a { text-decoration: none; }
#main-nav li.active li.active a { text-decoration: underline; }

#main-nav li  { background: url(img/main_nav_hr.gif) no-repeat; text-indent: -9999px; }

#main-nav #cat_naslovnica	{ width: 42px; border-left: 1px solid #626f74; }
#main-nav #cat_hoto-grupa 	{ width: 135px; background-position: -42px 0; }
#main-nav #cat_cvjetni		{ width: 103px; background-position: -176px 0; }
#main-nav #cat_hoto-ville	{ width: 130px; background-position: -280px 0; }
#main-nav #cat_hoto-centar	{ width: 140px; background-position: -410px 0; }

#main-nav #cat_naslovnica:hover 	{ width: 42px;  background-position: 0 -42px; }
#main-nav #cat_hoto-grupa:hover 	{ width: 135px; background-position: -42px -42px; }
#main-nav #cat_cvjetni:hover 		{ width: 103px; background-position: -176px -42px; }
#main-nav #cat_hoto-ville:hover 	{ width: 130px; background-position: -280px -42px; }
#main-nav #cat_hoto-centar:hover 	{ width: 140px; background-position: -410px -42px; }

#main-nav #cat_naslovnica.active 	{ width: 42px;  background-position: 0 -42px; }
#main-nav #cat_hoto-grupa.active 	{ width: 135px; background-position: -42px -42px; }
#main-nav #cat_cvjetni.active 		{ width: 103px; background-position: -176px -42px; }
#main-nav #cat_hoto-ville.active 	{ width: 130px; background-position: -280px -42px; }
#main-nav #cat_hoto-centar.active 	{ width: 140px; background-position: -410px -42px; }

#main-nav #cat_naslovnica:active 	{ width: 42px;  background-position: 0 -84px; }
#main-nav #cat_hoto-grupa:active 	{ width: 135px; background-position: -42px -84px; }
#main-nav #cat_cvjetni:active 		{ width: 103px; background-position: -176px -84px; }
#main-nav #cat_hoto-ville:active 	{ width: 130px; background-position: -280px -84px; }
#main-nav #cat_hoto-centar:active 	{ width: 140px; background-position: -410px -84px; }

#section_nav         { position: relative; min-height: 28px; }
#section_nav ul      { list-style: none; margin: 0; height: 28px; position: absolute; bottom: 0; right: 0;  }
#section_nav ul li   { float:left; color: #fff; height: 28px; border-left: 1px solid #32393d; padding: 0 12px; }
#section_nav ul li:first-child   { border-left: 0px; }
#section_nav ul li a { color: #fff; line-height: 28px; font-size: 12px; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
#section_nav ul li.active a { color: #8a9aa1; }

#footer			{ clear: both; background: #8a9aa1; text-align: center; height: 42px; position: relative; margin-top: -42px; overflow: hidden;  }
#footer #copy	{ margin: 0 auto; color: #4d575c; width: 960px; font-size: 10px; text-align: left; height: 42px; line-height: 42px; }
#footer a { color: #101518; }
#footer p#copyright { float: left; width: 400px;  }
#footer p#foot_links { float: right; width: 400px; text-align: right; color: #101518; }






h1, p#abstract { font-size: 24px; line-height: 36px; font-weight: normal; margin-bottom: .5em; }
h2 { clear: left;  }


#content		{ float: left; width: 960px; margin-left: 0px; padding-top: 0px; margin-bottom: 42px; }

#content ul { margin-bottom: 10px;  }

.sitemap ul { margin-left: 25px; list-style-type: square; }

#header_bg { width: 960px; height: 330px; position: absolute; top: 0; left: 0; z-index: 0; }

#content_holder { margin-top: 34px; clear: both; background: url(img/bg_cvjetni.jpg) no-repeat top left; padding-top: 212px; min-height: 400px; /*overflow: auto;*/ position: relative; }
#content_holder.apartment { padding-top: 0px; background-image: none; }
#content_inner { width: 632px;  float: right; background: url(img/content_top.png) repeat; padding-top: 10px; position: relative; top: 0px; right: 0; z-index: 10; }
#content_holder.apartment #content_inner { width: 320px; }
#content_inner .inner { background: #fff; padding: 26px; }
#content_holder.apartment #content_inner .inner { padding: 24px; min-height: 412px; }

.inner a { text-decoration: underline; }
.inner a:hover { text-decoration: none; }

#apartment_properties { width: 328px; margin-top: 138px; color: #fff; }
#apartment_properties a { color: #fff; }
h3#stan_kat { background: url(img/new/stanovi_kat_hr.gif) no-repeat; text-indent: -9999px; width: 328px; height: 35px; margin-bottom: 8px; overflow: auto; outline: none; cursor: pointer; }
h3#stan_search { background: url(img/new/stanovi_search_hr.gif) no-repeat; text-indent: -9999px; width: 328px; height: 35px; margin-bottom: 8px; overflow: auto; outline: none; cursor: pointer; }

#stan_pdf { background: url(img/new/stan_pdf_hr.gif) no-repeat; display: block; width: 266px; height: 36px; margin-bottom: 14px; text-indent: -9999px; overflow: auto; outline: none; }
#stan_pdf:active { background-position: 0 -36px; }

#apartment_properties ul { margin: 16px; }
#apartment_properties li { height: 30px; border-bottom: 1px solid #333; margin-bottom: 10px;  }
#apartment_properties li a { font-size: 11px; color: #ef2c9a; display: block; }
#apartment_properties li a:hover { text-decoration: none; }
#apartment_properties li a strong { font-size: 24px; color: #fff; font-weight: normal; margin-right: 10px; }
#apartment_properties li label, #apartment_properties li select { width: 100px; display: block; float: left; }
#apartment_properties li select { width: 150px; }

table.apartment_properties { width: 98%; border-collapse: collapse; margin-top: 14px; margin-bottom: 14px; }
table.apartment_properties td { padding: 4px; }
table.apartment_properties.small td { padding: 4px; font-size: 11px; }
table.apartment_properties td.property { color: #8a9aa1; }
table.apartment_properties tr.odd td { background: #e7e7e7; }

#search_results table.apartment_properties { width: 390px; margin-top: 0px; }
#search_results h2 { font-weight: normal; clear: none; border-bottom: 1px solid #8a9aa1; padding-bottom: 10px; margin-bottom: 10px; }
.inner #search_results h2 a, .inner h1 a, .inner td a { text-decoration: none; }
.inner #search_results h2 a:hover, .inner h1 a:hover, .inner td a:hover { text-decoration: underline; }
#search_results a.img_link { width: 160px; height: 160px; display: block; float: left; padding-right: 20px; margin-bottom: 40px; background: #fff; }
#search_results img { float: left; border: 1px solid #c6ced5;}
#search_results a.img_link:hover img { border: 1px solid #8a9aa1;}
#search_results a.more { color: #f739a5; font-weight: bold; background: url(img/news_cvjetni_hr.gif) no-repeat; padding-left: 70px; font-size: 11px; text-decoration: none; }
#search_results a.more.ville { color: #c7b66a; font-weight: bold; background: url(img/news_hoto-ville_hr.gif) no-repeat; padding-left: 70px; font-size: 11px; }

h1#free_villy { margin-top: 20px; }

#search_results .result { clear: both; margin-bottom: 24px; }
#search_results table.apartment_properties td.property { width: 100px; }
#search_results table.apartment_properties td { width: 90px; padding: 4px 10px; }

#apartment_by_floor { width: 580px; height: 500px; background: #999; margin-bottom: 20px; }

#floor_toggle a { width: 244px; height: 36px; background: url(img/new/tlocrt_switch_hr.gif) no-repeat; text-indent: -9999px; display: block; cursor: pointer; }
#floor_toggle a:hover, #floor_toggle a.active { background-position: 0 -36px;  }

#pregled_stana { margin-bottom: 14px; }
#pregled_stana.cvjetni h3 { background: url(img/new/stan_pregled_hr.gif) no-repeat; text-indent: -9999px; width: 266px; height: 36px; margin-bottom: 8px; overflow: auto; outline: none; cursor: pointer; }
#pregled_stana.hoto-ville h3 { background: url(img/new/stan_pregled_ville_hr.gif) no-repeat; text-indent: -9999px; width: 266px; height: 36px; margin-bottom: 8px; overflow: auto; outline: none; cursor: pointer; }
#pregled_stana h3.ui-state-active { background-position: 0 -36px; }


#slideshow { margin-top: 34px; clear: both; margin-bottom: 15px; }

p#stan_img_status { background: #32373b; margin-bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 246px; padding: 4px 10px; color: #fff; font-size: 11px; }

#stan_img_switch li  { background: url(img/stan_img_switch.gif) no-repeat; text-indent: -9999px; height: 55px; float: left; margin-right: 6px; }
#stan_img_switch li a { display: block; height: 55px; overflow: auto; outline: none; cursor: pointer; }

#stan_img_switch #is_bubbles:hover { width: 48px; }
#stan_img_switch #is_floor:hover   { width: 58px; background-position: -62px 0; }
#stan_img_switch #is_rotate:hover  { width: 44px; background-position: -129px 0; }
#stan_img_switch #is_zoom:hover    { width: 44px; background-position: -184px 0; }

#stan_img_switch #is_bubbles { width: 48px; background-position: 0 -55px; }
#stan_img_switch #is_floor   { width: 58px; margin-left: 4px; background-position: -62px -55px; }
#stan_img_switch #is_rotate  { width: 44px; background-position: -129px -55px; }
#stan_img_switch #is_zoom    { width: 44px; background-position: -184px -55px; }

#stan_img_switch #is_bubbles:active, #stan_img_switch #is_bubbles.active { width: 48px; background-position: 0 -110px; }
#stan_img_switch #is_floor:active,   #stan_img_switch #is_floor.active   { width: 58px; background-position: -62px -110px; }
#stan_img_switch #is_rotate:active,  #stan_img_switch #is_rotate.active  { width: 44px; background-position: -129px -110px; }
#stan_img_switch #is_zoom:active,    #stan_img_switch #is_zoom.active    { width: 44px; background-position: -184px -110px; }

#apartmant_images { width: 640px; }
#apartmant_images_bubbles { position: relative; }
#apartmant_images_bubbles2 { position: relative; }
#apartmant_images_zoom { background: #272B2E; }

.bubble_holder { position: relative; }
.bubble_holder .bubble { background: url(img/bubble_tm.png) no-repeat; width: 25px; height: 25px; z-index: 1; }
.bubble_holder .bubble:hover { background: url(img/bubble_tm_hover.png) no-repeat; }
/*.bubble_holder .bubble.grp { background: #f00 url(img/bubble_tm.png) no-repeat; width: 25px; height: 25px; z-index: 1; }*/
.bubble_holder .bubble.grp.active { background: url(img/bubble_tm_active.png) no-repeat;  }
.bubble_holder .bubble .bubble_text { background: white; width: 160px; min-height: 10px; padding: 10px; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;	border: 1px solid #ef2c9a;	margin: 12px 0 0 26px; }
.bubble_holder .bubble:hover .bubble_text {	display: block; }
.bubble_holder .bubble:hover {	z-index: 10; }
span.bub_povrsina { color: #8a9aa1; }

#apartmant_images_slide,
#apartmant_images_slide_1, #apartmant_images_slide_2 { position: relative; }
.slide_holder { z-index: 1; position: relative; }
#apartmant_images_slide_1 .slide_holder a.slideshow_prev { border: 3px solid red; opacity: .5; position: absolute; height: 570px; width: 320px; display: block; top: 0px; left: 0px; background: red url(img/slideshow_prev.png) no-repeat left center; z-index: 20; cursor: pointer; }
#apartmant_images_slide_1 .slide_holder a.slideshow_next { border: 3px solid red; opacity: .5; position: absolute; height: 570px; width: 320px; display: block; top: 0px; right: 0px; background: red url(img/slideshow_next.png) no-repeat right center; z-index: 20; cursor: pointer; }
#apartmant_images_slide_1 .slide_holder a.slideshow_prev:hover { opacity: 1; }
#apartmant_images_slide_1 .slide_holder a.slideshow_next:hover { opacity: 1; }


#novosti, #press { color: #e2e2e2; width: 480px; float: left; }
#novosti h1, #press h1 {  color: #fff; font-size: 12px; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;  }
#novosti li, #press li { padding-left: 70px; margin-bottom: 10px; line-height: 12px; height: 14px; font-size: 11px; }
#novosti a, #press a { color: #e2e2e2; }
.news_hoto-grupa  { background: url(img/news_hoto-grupa_hr.gif) no-repeat; }
.news_cvjetni     { background: url(img/news_cvjetni_hr.gif) no-repeat; }
.news_hoto-ville  { background: url(img/news_hoto-ville_hr.gif) no-repeat; }
.news_hoto-centar { background: url(img/news_hoto-centar_hr.gif) no-repeat; }

#press_switch { background: #e4e4e4 url(img/new/filtriraj_hr.gif) no-repeat; float: left; width: 606px; position: relative; left: -354px; height: 35px; padding-left: 354px; display: inline; }
#press_switch li { float: left; padding-left: 0; height: 14px; width: 70px; margin-top: 10px;  }
#press_switch li:hover, #press_switch li.active { opacity: 0.5; }
#press_switch li a { display: block; height: 14px; width: 70px; text-indent: -9999px; cursor: pointer; }

#press_items { clear: both; padding-top: 20px; }

#content_inner #press, #content_inner #novosti { width: 580px; margin-top: 24px; }
#content_inner #press a, #content_inner #novosti a { color: #191e21; }
#content_inner #press li { margin-bottom: 24px; color: #999; line-height: 16px; }
#content_inner #novosti li { margin-bottom: 10px; color: #999; line-height: 16px; }

.mr, .item.mr, .image_item.mr { margin-right: 10px; }
.mm { margin: 0 20px; }

#images_gallery .pseudo_row { width: 580px; clear: left; }
#images_gallery .pseudo_row .image_item { width: 180px; min-height: 180px; float: left; display: inline; margin-bottom: 20px; }
/*

#images .pseudo_row .image_item.mr { margin-right: 11px; }
#images .pseudo_row .image_item .image_caption { width: 150px; display: block; }
*/

#images .image_item { margin-bottom: 24px; }

p#admin_link { background: #ffffcc; padding: 10px; border-bottom: 1px solid #000; margin-bottom: 0; position: absolute; top: 10px; right: 10px; z-index: 1000; }
p#admin_link a { text-decoration: underline; }

.content_image img { margin-bottom: 10px; }

.quicktime_movie { text-align: center; clear: both; margin-bottom: 25px; }
.quicktime_movie object,
.quicktime_movie embed { margin: 0 auto; }

.text-center { text-align: center; }

#contact_form {  clear: both; padding: 10px; }
#contact_form input, #contact_form textarea { width: 240px; padding: 3px; margin-bottom: 10px; font-family: Arial, sans-serif; font-size: 1em; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #666; }
#contact_form input:focus, #contact_form textarea:focus { border: 1px solid #ef2c9a; }
#contact_form textarea { width: 240px; margin-bottom: 10px; }
#contact_form #captcha { width: 40px; margin-bottom: 0; }
#contact_form #captcha_holder { display: block; margin: 0 auto; width: 240px; text-align: right; }
#contact_form label { font-style: normal; }

br.clear { clear: both; }