* { margin: 0; padding: 0; list-style: none;}

body { 
font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #3f3f3f;
background: #fff url(../dizajn/bg.gif) repeat-x 0 0;
padding-bottom: 20px;
text-align: center; /* ie 5 fix */ }

table { font-size: 12px; }
a img { border: none; outline: none; }
a, img { outline: none; }

#header,
#contNav,
#footer { width: 940px; margin-left: auto; margin-right: auto; text-align: left; }

#header { height: 100%; overflow: hidden; margin-bottom: 10px; }

#flashHeader { position: absolute; width: 732px; height: 212px; top: 0; right: 0px; }

#top { margin: 12px 0 10px 0; height: 68px; }
#top a,
#top ul li { display: inline; }

#top a { float: left; }
#top ul { float: right; margin: 30px 30px 0 0 !important; margin: 30px 15px 0 0; }

#nav a { padding: 0 6px; border-left: 1px solid #28166f;  }
#nav a.mapaBorder { border-right: 1px solid #28166f; }

#nav a:link,
#nav a:visited { font-size: 10px; color: #28166f; text-decoration: none; }
#nav a:hover,
#nav a:active { text-decoration: underline; }

#menuNav {
width: 914px; height: 246px; float: right;
background: transparent url(../dizajn/menuBg.gif) no-repeat left bottom;
position: relative;
}

#menu, #path { display: inline; }
#menu { float: left;  width: 173px; height: 161px; margin: 40px 0 0 9px; padding-top: 10px; background: transparent url(../dizajn/menuListBg.gif) no-repeat 0 0;}
#path { float: right; width: 732px; padding-top: 210px; background: transparent url(../dizajn/headerImg2.jpg) no-repeat 0 0;}
#path li { display: inline; }

#menuNav a:link,
#menuNav a:visited { background: transparent url(../dizajn/arrow.gif) no-repeat left center; padding-left: 21px; color: #00923f; text-decoration: none; }
#menuNav a:hover,
#menuNav a:active { color: #3f3f3f;   }

#menuNav #menu a { font: normal 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; display: block; height: auto !important; height: 14px; padding: 5px 0 7px 0; text-indent: 35px; background: transparent url(../dizajn/arrow.gif) no-repeat 15px center; }
#menuNav #menu a:hover { background-color: #e2eff6; }

#menu a#menuCatOn { background-color: #e2eff6;}

#path a { font-size: 10px; margin-right: 10px; }
#path0 { margin-left: 10px; }

#menuNav #menu li { margin-left: 0 !important; margin-left: -15px; background: transparent url(../dizajn/menuBorder.gif) no-repeat left bottom !important; background: transparent url(../dizajn/menuBorder.gif) no-repeat 15px bottom; }

#contNav h2 { font-size: 14px; color: #28166f; }

#container { float: left; width: 728px; font-size: 12px; line-height: 150%;   } /* +4 px za IE 5 */
#container h2 {
background: url(../dizajn/h2Container.gif) no-repeat;  
padding: 13px 0 16px 51px; }
#container p,  
#objekti,
.kat,
#prostor,
#content { padding: 10px 18px;}

#container a:link { color: #3f3f3f; text-decoration: underline; }
#container a:visited { color: #909090; text-decoration: underline }
#container a:hover, 
#container a:active { color: #00923f; text-decoration: none }

#objekti h2 { background: none; font-size: 18px; color: #00923f; padding: 0;}
#objekti p,
#objekti h2 { padding: 8px; }
#objekti a,
#objekti ul { margin: 8px;}
#objekti li { background: transparent url(../dizajn/arrowNav2.gif) no-repeat left 7px; padding-left: 20px; }

#container h3 { font: bold 14px Tahoma  Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; background-color: #f1f1f1; padding: 4px; clear: both;  }
#container h4 { font: bold 12px Tahoma  Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#content p { padding: 0 0 10px 0;}

#objektLeft, #objektRight { display: inline; width: 335px; background: transparent url(../dizajn/objektBg.gif) repeat-x; margin-bottom: 15px;}
#objektLeft { float: left; }
#objektRight { float: right;}

.kat { clear: both; }
.kat h3 { margin-top: 0;}

.prostori a { background:url(../dizajn/arrowNav2.gif) no-repeat left center; padding-left: 20px; }

.tlocrtKat, .podaciKat { display: inline;  } 
.tlocrtKat { width: 310px; float: left; }
.podaciKat { width: 350px; float: right; }
.podaciKat  ul { margin-bottom: 10px;}

#contNav #container .kat .tlocrtKat .mouseOver { font-size: 10px; margin: 5px 0 0 0; padding: 0; text-align: center; }

#prostorContent, #podaciDetail { display: inline; }

#podaciDetail { float: left; width: 380px; text-align: center;  }

#prostorTablica { border: 1px solid #ccc; margin-bottom: 10px; text-align: left; font-size: 11px; }
#prostorTablica td,
#prostorTablica th { padding: 2px 4px; background-color: #f1f1f1; }
#prostorTablica th { background-color: #d9d7d7;}
#prostorTablica .povrsina { text-align: right;}
#prostorTablica .ukupnaPovrsina { background-color: #d9d7d7; font-weight: bold; text-align: right; }
#prostorTablica .koef { text-align: right; }

#podaciContent { float: right; width: 265px; text-align: center; }
#podaciContent ul, #podaciContent h3 { text-align: left; }
#podaciContent ul { margin-bottom: 10px; }
#podaciContent li { background: transparent url(../dizajn/list-content.gif) no-repeat left center; padding-left: 20px; }

#tlocrtMargin { margin-top: 10px;}
li#tlocrtMargin, #podaciContent li.tlocrtList { background-image: url(../dizajn/arrowNav2.gif); }

#tlocrti { clear: both; }
#tlocrti h3 { text-align: left; }
.tlocrtiImg { margin-bottom: 15px;  }

p#lokacijaImg { text-align: center; padding: 0; margin: 0; margin-bottom: 10px;  font-size: 11px;   }
#lokacijaImg img { padding: 3px; border: 1px solid #ccc; margin-bottom: 10px;  }
#lokacijaPdf { width: 100%; text-align: center;  }
#lokacijaPdf li { display: inline; margin-right: 15px; }
#lokacijaPdf li a { background: transparent url(../dizajn/arrowNav2.gif) no-repeat left center; padding-left: 20px; }

#vizualizacija { text-align: center; font-size: 11px; }
#vizualizacija img { margin: 0 10px 10px 0; padding: 2px; border: 1px solid #ccc;  }
.procelja { width: 155px; border: 1px solid #ccc; display: inline; float: left; margin: 0 10px 10px 0; padding: 3px; }

.kadar { margin-left: 30px; }
.kadarZadnja { margin: 0 0 5px 30px; }
.kadarNaslov { margin-bottom: 5px; font-weight: bold; }
.kadarNaslovZadnja { margin-bottom: 0; font-weight: bold; }

#reference, #referenceSlike { display: inline; }
#reference { float: left; width: 460px;  }
#referenceSlike { float: right; width: 210px; }
#referenceSlike img { margin: 5px 0 32px 0 !important; margin: 5px 0 36px 0; }
#reference ul { margin-bottom: 10px; }
#reference li { background: transparent url(../dizajn/list-content.gif) no-repeat left 7px; padding-left: 20px; }

#referenceSlike2 p { display: inline; float: left; }
#referenceSlike2 img { margin-top: 5px; }
p#refSlikeRight { margin-left: 34px; }

#referenceSlike2 img, #referenceSlike img { padding: 2px; border: 1px solid #ccc; }

#kontaktOsobe { border: 1px solid #ccc; margin-bottom: 20px; text-align: left; }
#kontaktOsobe td { padding: 2px 4px; background-color: #f1f1f1; }

#prodajaKontakt, #prodajaObjekti { display: inline; }
#prodajaKontakt { width: 100%;  }
#prodajaObjekti { width: 100%; }
#prodajaObjekti h3, #prodajaObjekti table { text-align: left; }
#prodajaObjekti h3 { width: 255px;}

#mapaweba li { background: transparent url(../dizajn/arrowNav2.gif) no-repeat left center; padding-left: 20px; }
.mapaOdmak { margin-top: 10px; }

#mapaLeft, #mapaRight { display: inline; }
#mapaLeft { float: left; width: 150px;}
#mapaRight { float: right; width: 500px; }
#mapaRight ul { margin-bottom: 10px; }
#mapaRight li { background: transparent url(../dizajn/arrowNav2.gif) no-repeat left center; padding-left: 20px; }
.mapaNav2 { margin-left: 20px; }
.mapaNav3 { margin-left: 40px;  }
#firstobject {width: 300px; float: left;}
#secondobject {width: 300px; float: right;}

#sp1, #sp2 { display: inline; width: 335px; }
#sp1 { float: left; }
#sp2 { float: right; }
ul.noviObjekti { width: 310px; margin: 10px 0; }
.noviObjekti li { background: transparent url(../dizajn/arrowNav2.gif) no-repeat left 7px; padding-left: 20px; }
.objektiImg { padding: 2px; border: 1px solid #ccc; }

#banke li { background: transparent url(../dizajn/list-content.gif) no-repeat left center; padding-left: 20px; }
img#objektiPriprema { float: left; padding: 2px; border: 1px solid #ccc; margin: 0 10px 10px 0; }

#noviProjekti { 
float: right;  }
#noviProjekti h2 { padding: 9px 0 12px 10px; background-color: #f1f1f1;  }

#noviProjekti ul {
width: 188px; 
border-top: 3px solid #f1f1f1;
border-right: 4px solid #f1f1f1;
border-left: 3px solid #f1f1f1;
padding: 11px 1px 45px 1px;
 }
#noviProjekti li { width: 157px; margin: 0 0 1px 15px; border-bottom: 1px solid #e2eff6; }

#noviProjekti a:link,
#noviProjekti a:visited { font: normal 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; display: block; height: auto !important; height: 14px;  color: #00923f; text-decoration: none; padding: 4px 0 4px 10px; }
#noviProjekti a:hover,
#noviProjekti a:active { color: #3f3f3f; background-color: #f6f9fb;  }
#contNav #noviProjekti .nav2 #menuOn { color: #3f3f3f; background-color: #f6f9fb; }
#contNav #noviProjekti li.nav2 { margin: 0; padding: 0; background: none; border: none; padding-left: 25px; }

#contNav #noviProjekti li.nav3 { margin: 0 0 0 40px; padding: 0; background: none; border: none; width: auto; }

#contNav #noviProjekti li.nav2 a:link,
#contNav #noviProjekti li.nav2 a:visited { color: #00923f; text-decoration: none; padding: 3px 0; font-size: 12px; background: transparent url(../dizajn/arrowNav2.gif) no-repeat left center; padding-left: 20px; width: 126px;}
#contNav #noviProjekti li.nav2 a:hover,
#contNav #noviProjekti li.nav2 a:active { color: #3f3f3f; background-color: #f6f9fb; }

#contNav #noviProjekti li.nav3 a:link,
#contNav #noviProjekti li.nav3 a:visited { color: #00923f; text-decoration: none; padding: 3px 0; font-size: 12px; background: transparent url(../dizajn/arrowNav2.gif) no-repeat left center; padding-left: 20px; width: 111px;}
#contNav #noviProjekti li.nav3 a:hover,
#contNav #noviProjekti li.nav3 a:active { color: #3f3f3f; background-color: #f6f9fb; }

#contNav #noviProjekti .nav3 #nav3on {color: #3f3f3f; background-color: #f6f9fb;}

#contNav #noviProjekti a.noviObjektiMenu { background: transparent url(../dizajn/arrow.gif) no-repeat 5px center; padding-left: 25px; }
#contNav #noviProjekti a.noviObjektiMenuOn { background: #f6f9fb url(../dizajn/arrow.gif) no-repeat 5px center; padding-left: 25px;}

#zemljista { 
width: 158px; margin-top: 20px;
border: 3px solid #f1f1f1;
border-right-width: 4px;
font-size: 12px;
padding: 15px;
color: #28166f;
 }

.clear { clear: both; margin: 0; padding: 0; }
.clearVizualizacija { clear: both; margin: 0; padding: 0; font-size: 11px; text-align: center; }

#copyright, .vrh { display: inline; font-size: 10px; color: #adadad; margin: 5px 0; }

#copyright { float: left; font-size: 10px; color: #adadad;}

.vrh:link,
.vrh:visited { float: right; background: transparent url(../dizajn/vrh.gif) no-repeat right center; padding-right: 20px; text-decoration: none; }
.vrh:hover,
.vrh:active { text-decoration: underline; }

#footerMenu { clear: both; width: 940px; height: 43px; margin-bottom: 5px; background: transparent url(../dizajn/footerBg.gif) no-repeat; text-align: center; padding-top: 13px;  }

#footerMenu li { display: inline; }
#footerMenu a:link,
#footerMenu a:visited { padding: 0 5px; border-left: 1px solid #959595; color: #959595; text-decoration: none; }
#footerMenu a:hover,
#footerMenu a:active { text-decoration: underline;  }
a.mapaFooterBorder { border-right: 1px solid #959595;}

#wem { text-align: center; }

#wem a:link,
#wem a:visited { color: #adadad; text-decoration: underline; }
#wem a:hover,
#wem a:active { text-decoration: none; }

.zaProdaju { font-weight:bold; color: #00923f; }
.prodano { font-weight:bold; color: #cc0000; }
.rezervirano { font-weight:bold; color: #28166f; }

td .zaProdaju,
td .prodano,
td .rezervirano { font-weight: normal; }

#katalog { display: block; float: right; margin: 0 0 10px 10px; }

#vizualizacija-stana { text-align: center; }
#vizualizacija-stana img { padding: 3px; border: 1px solid #ccc; margin: 0 6px 7px 6px; }
#vizualizacija-stana p { font-size: 10px; }

img.gradiliste { padding: 2px; border: 1px solid #ccc; margin: 0 5px 10px 0; }

/* Villa Zenta - najava */

#villa-zentaWrapper {
	height: 100%;
	overflow: hidden;
	margin: 10px 0 20px 0;
	}
	
#villa-zentaWrapper .images { display: inline; float: left; width: 425px; }	
#villa-zentaWrapper .content { display: inline; float: right; width: 280px; } 
#villa-zentaWrapper .images img { margin-bottom: 5px; }

li.bullet {
	margin-bottom: 5px;
	padding-left: 25px;
	background: transparent url(../dizajn/arrowNav2.gif) no-repeat 5px 6px; padding-left: 20px;
	}
	
#oprema { clear: both;}
#oprema ul { float: left; margin-left: 50px; margin-top: 20px; margin-bottom: 10px;}

.presjeci img { padding: 2px; border: 1px solid #ccc;}
#first { width: 506px; margin: 0 auto; margin-bottom: 10px; }
#second { width: 406px; margin: 0 auto;}

div.apartments { margin-bottom: 20px; height: 100%; overflow: hidden; width: 700px; }
div.apartments img { float: left;}
div.apartments table { border: 1px solid #ccc; padding: 1px; border-collapse: separate; float: right; margin-right: 110px; margin-top: 20px; display: table !important; display: inline; }
div.apartments table td { background-color: #f1f1f1; padding: 2px; border: 1px solid #fff;}
div.apartments table th { background-color: #d9d7d7; padding: 2px; border: 1px solid #fff; text-align: center;}