/* DEFINIRANJE OSNOVNIH ELEMENATA */

* { margin: 0; padding: 0;} /* pocetne vanjske i unutarnje margine za sve elemente: 0 */

body {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000;
	background: #d9d8d8 url(dizajn/bg_top.gif) repeat-x scroll 0 0;
	padding-bottom: 20px; } /* razmak od dna stranice do zadnje tocke sadrzajnog dijela */
	
img { border: 0; } /* izbjegavanje bordera na svim img tagovima koji se po defaultu dodaju na svaki img:link */

h1, h2 { font: bold 11px verdana, arial, helvetica, sans-serif; color: #000; margin-bottom: 12px;}
a, img, a img { outline: none; }	
/* STILOVI NAMJENJENI SADRZAJNOM DIJELU WEBA */

.slink, .slink:visited, .slink:hover, .slink:active { font-family:Verdana, Arial, Helvetica, sans-serif; color: #000;}

.slink            { text-decoration: underline;}
.slink:visited    { text-decoration: underline; }
.slink:hover      { text-decoration: none; }
.slink:active     { text-decoration: underline; }

#desna #linkvrh { 
	float: right;
	margin-top: 5px; 
	width: auto;
	text-align: right; } /* P i slika za link na vrh stranice */

#desna #linkvrh a:link, 
#desna #linkvrh a:visited      { font-size: 10px; color: #c2c1c1; text-decoration: none; }
#desna #linkvrh a:hover 	  { text-decoration: underline; color: #000;}

/* RASPORED I DEFINICIJE ELEMENATA NA STRANICI */

#layout {
	width: 960px; height: auto;
	margin: 0 auto 0 auto; }
#header {
	height: 115px;
	background: url(dizajn/logo.gif) no-repeat 0 0;}
#trazilica {
	width: 940px;
	padding: 10px 20px 0 0;
	text-align: right;
	vertical-align: text-bottom; }
.input { 
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #58585a;
	width: 139px; height: 14px;
	background-color: #fff;
	border: 1px solid #58585a; }
.gumb {
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #58585a;
	width: 68px; height: 16px;
	background-color: #fff;
	border: 1px solid #58585a; }
#nnbilic {
	font-size: 10px;
	color: #625e6c;
	width: auto;
	text-align: right;
	padding: 7px 20px 0 0; }
	
.nnbilic 		{ color: #625e6c; text-decoration: underline;}
.nnbilic:visited        { color: #000; text-decoration: underline;}
.nnbilic:hover 	        { color: #000; text-decoration: none;}
.nnbilic:active         { color: #625e6c; text-decoration: underline;}

#header p,
#header ul li 	{ display: inline; }
#header li 	{ list-style-type: none; margin-left: 5px;}

#header .path,
#header .ikone  { padding-top: 34px; } /* poravnanje za path i ikone po visni */

#header .path {
	width: 625px;
	float: left;
	padding-left: 235px;
	color: #8f8f8f;
	text-decoration: none; }

a.pathlink 		{ color: #8f8f8f; text-decoration: underline; }
a.pathlink:visited	{ color: #8f8f8f; text-decoration: underline; }
a.pathlink:hover 	{ color: #000; text-decoration: underline; }
a.pathlink:active 	{ color: #8f8f8f; text-decoration: none; }

a.pathlinkon 		{ color: #8f8f8f; text-decoration: none; }
a.pathlinkon:hover 	{ color: #000; text-decoration: underline; }
a.pathlinkon:visited 	{ color: #8f8f8f; text-decoration: none; }



#header .ikone {
	width: 75px;
	float: right;
	padding-right: 20px; }

.nnbilic, .gumb, .path, .pathlink, .pathlinkon { font-size: 10px; }
	
/* SADRZAJNI DIO WEBA */
	
#container {
	background: #fff url(dizajn/c_border.gif) repeat-y scroll 0 0;
	width: 960px; height: auto;
	position: relative; }
	
/* LIJEVA KOLONA */

#lijeva {
	display: inline; float: left;	
	width: 195px;
	margin: 0 14px 0 20px; }
	
/* LIJEVA KOLONA // GLAVNI IZBORNIK */	

#layout #container #lijeva #menunav 	{ margin: 18px 0 25px 0; }
#layout #container #lijeva #menunav ul 	{
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #fff;
	list-style-type: none; }
#layout #container #lijeva #menunav li 	{ margin-bottom: 1px;}
#layout #container #lijeva #menunav a 	{
	background: url(dizajn/menu.gif) no-repeat left top;
	width: 193px; height: 18px;
	display: block;
	text-align: left;
	text-indent: 28px;
	color: #fff;
	text-decoration: none;
	 padding-top: 4px; }
#menunav a:link, #menunav a:visited      { color: #fff; text-decoration: none; }
#layout #container #lijeva #menunav a:hover,
#layout #container #lijeva #menunav a:active {
	background: url(dizajn/menu.gif) no-repeat right top;
	color: #fff500; }
	
/* LIJEVA KOLONA // GLAVNI IZBORNIK / AKTIVNI LINK (trenutna rubrika) */
	
#layout #container #lijeva #menunav .menuon,
#layout #container #lijeva #menunav .menuon:visited,
#layout #container #lijeva #menunav .menuon:hover,
#layout #container #lijeva #menunav .menuon:active {
	background: url(dizajn/menu-on.gif) no-repeat left top;
	color: #fff;
	text-decoration: none; }
	
/* LIJEVA KOLONA // GLAVNI IZBORNIK / RAZINE IZBORNIKA */

#layout #container #lijeva #menunav #menulist .menu2,
#layout #container #lijeva #menunav #menulist .menu2on,
#layout #container #lijeva #menunav #menulist .menu3,
#layout #container #lijeva #menunav #menulist .menu3on,
#layout #container #lijeva #menunav #menulist .menu4,
#layout #container #lijeva #menunav #menulist .menu4on {
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	background: url(dizajn/strelica-2.gif) no-repeat -4px 3px;
	padding-left: 15px;
	width: auto; height: auto;
	text-indent: 0;
	display: inline;
	line-height: 14px; }
	
#layout #container #lijeva #menunav #menulist .menu2on,
#layout #container #lijeva #menunav #menulist .menu3on,
#layout #container #lijeva #menunav #menulist .menu4on        { font-weight: bold; }
	
#layout #container #lijeva #menunav #menulist .menu2:link,
#layout #container #lijeva #menunav #menulist .menu3:link,
#layout #container #lijeva #menunav #menulist .menu4:link     { color: #1f1a17; text-decoration: underline; }
	
#layout #container #lijeva #menunav #menulist .menu2:visited,
#layout #container #lijeva #menunav #menulist .menu3:visited,
#layout #container #lijeva #menunav #menulist .menu4:visited  { color: #999999; text-decoration: underline; }

#layout #container #lijeva #menunav #menulist .menu2:hover,
#layout #container #lijeva #menunav #menulist .menu3:hover,
#layout #container #lijeva #menunav #menulist .menu4:hover    { color: #999999; text-decoration: none; }
	
#layout #container #lijeva #menunav #menulist .menu2,
#layout #container #lijeva #menunav #menulist .menu2on        { margin: 5px 0 -10px 28px; } /* druga razina izbornika: Objekt */
#layout #container #lijeva #menunav #menulist .menu3,
#layout #container #lijeva #menunav #menulist .menu3on        { margin: 5px 0 -10px 48px; } /* treca razina izbornika: Kat, lokacija ...*/
#layout #container #lijeva #menunav #menulist .menu4,
#layout #container #lijeva #menunav #menulist .menu4on        { margin: 5px 0 10px 68px; } /* cetvrta razina izbornika: Stan */

#layout #container #lijeva #menunav #menulist .zadnja_li      { margin-bottom: 5px; } /* donja margina zadnjeg LI elementa u nizu -> za stvaranje razmaka i vizualno odvajanje od glavnog izbornika*/
	
/* LIJEVA KOLONA // IZDVOJENI STANOVI */
	
#izdvojeno {	border: 1px solid #c2c1c1; padding: 2px; margin-bottom: 15px;}
#izdvojeno .h2izdvojeno,
.izdvojeno .h2izdvojeno {
	background: url(dizajn/izdvojeno_bg.gif) no-repeat 2px 1px;
	text-indent: 25px;
	height: 22px;
	padding: 5px 0 0 2px;
	font-weight: bold;
	color: #000; }

#izdvojeno ul { margin: -10px 0 10px 0; }
#izdvojeno li { list-style-image: url(dizajn/strelica-2.gif); margin: 0 0 5px 25px; }

#izdvojeno a:link,
#izdvojeno a:visited,
#izdvojeno a:hover,
#izdvojeno a:active 	{ font-size: 11px; }

#izdvojeno a:link 	{ text-decoration: underline; color: #1f1a17; }
#izdvojeno a:visited { text-decoration: underline; color: #625e5c;}
#izdvojeno a:hover 	{ text-decoration: none; }
#izdvojeno a:active 	{ text-decoration: underline; }

/* LIJEVA KOLONA // POTRAZUJEMO ZEMLJISTA */

.izdvojeno {	border: 1px solid #c2c1c1; padding: 2px;  margin: 25px 0 15px 0;}
.izdvojeno p {
	padding: 0 10px 5px 5px; margin-top: -10px;
}


/* DESNA KOLONA */

#desna {
	display: inline; float: right;
	width: 709px;
	margin-right: 19px;
	padding-bottom: 7px; }
	
/* DESNA KOLONA // SADRZAJ */
	
#cont_nav {
	width: 709px;
	float: left;
	padding: 10px 0px 28px 0;
	background: #c2c1c1 url(dizajn/c_bg.gif) repeat-x scroll left bottom;
	margin-bottom: 5px; }

#nasl_slika 			{ width: 218px; float: left; padding-left: 17px; display: inline;  }
#cont_nav #nasl_tekst 	{ float: left; padding-top: 23px;  margin-right: 16px; display: inline; }
#cont_nav #nasl_slike_gr 	{ float: left; padding: 48px 0 0 10px; display: inline; }
.nasl_slike 						{ margin-right: 15px; border: 1px solid #625e5c; }

/* DESNA KOLONA // ZAVRSENI OBJEKTI */

#zavrseni {
	width: 692px;
	display: block; float: left;
	margin-top: 6px;
	padding: 17px 0 25px 17px;
	background: #c2c1c1 url(dizajn/c_bg.gif) repeat-x scroll left bottom; }
	
#zavrseni a:link,
#zavrseni a:visited,
#zavrseni a:hover 	{ font: bold 11px verdana, arial, helvetica, sans-serif; }

#zavrseni a:link, 
#zavrseni a:visited 	{ color: #000; text-decoration: underline; }
#zavrseni a:hover 	{ color: #666666; text-decoration: none; }

#zavrseni p {
	display: inline; float: left;
	margin-right: 24px;
	text-indent: 14px;
	background: url(dizajn/strelica-1.gif) no-repeat left 2px;  }

#footer {
	text-align: center;
	padding-top: 24px;
	clear: both; display: block !important; display: inline-block;
	background: #d9d8d8 url(dizajn/c_bottom.gif) no-repeat left top; }

#footer p 				  { margin-top: 10px; }
#footer #footermenu 			  { font-size: 10px; color: #999999; }
#footer #footermenu ul 		  { margin-top: 15px; }
#footer #footermenu li 		  { list-style-type: none; display: inline; margin: 0 1px 0 0px; }

#footer #footermenu a:link,
#footer #footermenu a:visited,
#footer #footermenu a:hover,
#footer #footermenu a:active 	  { font-size: 10px; }

#footer #footermenu a:link, a:visited  { color: #999; text-decoration: none; }
#footer #footermenu a:hover 		  { color: #000; text-decoration: underline; }
#footer #footermenu a:active 	  { color: #999; text-decoration: none; }

#footer .wem 	{ color: #979797; text-decoration: underline; font-size: 10px; }
#footer .wem:hover 	{ text-decoration: none; }

/* Dio CSS-a namjenjen iskljucivo stranicama Novi objekti, Zavrseni objekti, O nama, Financiranje, ... */

#cont_nav #content 	  { width: 699px; }
#cont_nav #content2 	  { width: 699px; height: 437px; float: left; } /* financiranje, prodaja, o nama */
#cont_nav #content3 	  { width: 699px; height: 795px; float: left; } /* stranice lokala */
#cont_nav #content4     { width: 699px; height: 581px; float: left; } /* novi objekti */
#cont_nav #content5     { width: 699px; height: 581px; float: left; } /* 3d vizualizacija, stanje na gradilistu, tlocrti */

#cont_nav h1  { margin: 0 0 5px 10px; padding-top: 5px; clear: both; }

#cont_nav  .slika,
#cont_nav  .slika {
	margin: 20px 10px 20px 10px;
	float: left;
	border: 1px solid #625e5c; }

#content_nasl h1 	{ margin: 0 0 5px 10px; padding-top: 5px; }
#content_nasl .slika {
	margin: 20px 10px 20px 10px;
	float: left;
	border: 1px solid #625e5c; }
	
.detalji { margin: 10px 0 10px 0;} /* link 'detalji o objektu' na index.html */

#content_nasl .opis 	{ float: left;	margin: 15px 0 0 20px; } /* lista s detalji objekta na index.html*/
#content_nasl .opis li 	{ list-style-image: url(dizajn/list-kvadrat.gif); list-style-position: inside; }

.preload { display: none; } /* uitavanje slike menu-o.gif */
.sadrzaj { padding: 10px;}  /* uravnoteenje odmaka sadraja svih tekstovnih stranica */

#cont_nav #listenav { 
	width: 300px;
	padding: 20px 0 0 20px;
	float: left; }

#cont_nav #listenav li { margin-bottom: 3px; list-style-position: inherit; list-style-image: url(dizajn/list-kvadrat.gif); } /*  liste na stranici Novi objekti */ 

#cont_nav .zavrseniframe .zavrseni_tekst,
#cont_nav .zavrseniframe2 .zavrseni_tekst { float: left; margin-left: 10px; }

#cont_nav #content .zavrseniframe {
	width: 709px;
	float: left;
	margin: 10px 0 5px 0;
	padding-bottom: 15px;
	background: url(dizajn/dotted.gif) repeat-x scroll left bottom; }
	
#cont_nav #content .zavrseniframe2 {
	width: 709px;
	float: left;
	background: none;
	margin-top: 10px;
	padding-bottom: 10px; }

#cont_nav .zavrseniframe .zavrseni_slike,
#cont_nav .zavrseniframe2 .zavrseni_slike {
	width: auto;
	float: right;
	margin:24px 50px 0 0; }
	
#cont_nav .zavrseniframe .zavrseni_slike img,
#cont_nav .zavrseniframe2 .zavrseni_slike img { margin-right: 5px; border: solid 1px #000;}
#cont_nav #content #mapaweba 		        { padding: 15px 0 0 10px; }
#cont_nav #content #mapaweba li 		{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: inside; }
#cont_nav #content #mapaweba .li1 		{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: inside; margin-left: 15px; } /* druga razina - objekt */
#cont_nav #content #mapaweba .li1_prva 		{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: inside; margin-left: 15px; margin-top: 10px; }
#cont_nav #content #mapaweba .li1_zadnja 		{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: inside; margin-left: 15px; margin-bottom: 10px; }

#cont_nav #content #mapaweba .li2 		{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: outside; margin-left: 55px; } /* treca razina - kat, 3d vizualizacija, lokacija, stanje na gradilistu ... */
#cont_nav #content #mapaweba .li2prva		{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: outside; margin-left: 55px; margin-top: 5px; }
#cont_nav #content #mapaweba .li2zadnja 	{ list-style-image: url(dizajn/strelica-mw.gif); list-style-position: outside; margin-left: 55px; margin-bottom: 5px; }

/* Namjenjeno linkovima koji su rezultati pretraga */ 

.trazilica_rezultat { text-align: center; }

#cont_nav #content #listenav_home {
	width: 350px; float: left;
	padding: 20px 0 0 20px; }
	
#cont_nav #content #listenav_home 		{ list-style-image: url(dizajn/list-kvadrat.gif); }
	
/* STRANICE KATA */

#content #tablice {
	font-size: 10px;
	float: none;
	display: block;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px; }

#content #tablice table 		{ display: inline; line-height: 140%; }
#content #tablice td 		{ padding: 2px 4px 2px 4px; }
#content #tablice .gornji td 	{ background-color: #4d4d4d; color: #fff; font-weight: bold; }
#content #tablice #tableft 		{ margin-right: 20px; }
#content #tablice .rezervirano 	{ background-color: #d9d8d8; }

#content #podaci 			{ margin-top: 20px; }
#content #podaci div 		{ width: auto; float: left; margin: 10px; }

#cont_nav #content #status 			{ float: right;	margin: -23px 15px 0 0; font-size: 10px; font-weight: bold; line-height: 20px; }
#cont_nav #content #status img 		{ border: solid 1px #000; }

#tlocrt_kata 					{ text-align: center; }
#tlocrt_kata .tlocrt_odmak 			{ padding-top: 10px; }
#kompas_img 			{ float: right;	margin-right: 40px; }

/* stilovi za primjenu na stranicama stanova */	

#tablestan {
	margin: 0;
	font-size: 10px;
	float: none;
	width: 100%;
	}

#tablestan tr 	{ background-color: #fff; }
#stanlijeva table 		{ line-height: 140%; text-align: left; }
#stanlijeva td 		{ padding: 2px 4px 2px 4px; }
#stanlijeva .gornji td 	{ background-color: #4d4d4d; color: #fff; font-weight: bold; }
#stanlijeva {
	width: 54%; float: left;
	text-align: center;
	padding-left: 6px; }

#content #standesna {
	width: 42%; float: left;	
	padding-left: 15px; }

#tipovi {
	font-size: 10px;
	float: left;
	text-align: left;
	margin-top: 20px; }

#tipovi div 				{ display: inline; }
#tipovi #tiplijeva 			{ float: left; margin: 5px 0 0 5px; }
#tipovi #tipdesna 			{ float: right; margin: 5px 0 0 5px;  }

#content #standesna #stanpodaci #stanpodacilijeva 	        { width: 47%; float: left; }
#content #standesna #stanpodaci #stanpodacidesna 		{ width: 50%; float: left; margin-left: 0px; }
#content #standesna #opremljenostana 			{ width: 100%; float: left; margin-top: 10px; }
#content #standesna #opremljenostana #tlocrtistana 		{ margin-top: 10px; }

#tipovi #statusstana 			{ width: 100%; float: left; margin-top: 15px; font-weight: bold; }
#tipovi #statusstana #stanstatus img 	{ border: 1px solid #000; vertical-align: text-bottom; }

#content #standesna #opremljenostana li {
	list-style-position: outside;
	list-style-image: url(dizajn/list-kvadrat.gif);
	margin-left: 18px; }

#tlocrt_stana 		{ width: 490px; float: left; margin: 15px 0 15px 0; text-align: center; }
#pozicija 			{ width: 200px; float: right; text-align: right; }
#pozicija .kompas 		{ margin: 15px 0 15px 0; }
#pozicija .pozicijanakatu 	{ margin-top: 15px; }
#tlocrti { float: left; width: 709px; }

#tipovi a:link,
#tipovi a:visited,
#tipovi a:hover,
#tipovi a:active 	{ font: 10px Verdana, Arial, Helvetica, sans-serif; }

#tipovi a:link 		{ color: #000; text-decoration: underline;}
#tipovi a:visited 	{ color: #666; text-decoration: underline;}
#tipovi a:hover 	{ color: #000; text-decoration: none;}

.koef 			{ font-size: 8px; } /* koeficijent u tablici kvadrature stana */

/* stranice stanova / podaci o stanu / status */

.podaci_prodani,
.podaci_zaprodaju	{ font-weight: bold; font-size: 10px; }
.podaci_prodani 	{ color: #fff500; } /* Status stana: Stan prodan */
.podaci_zaprodaju 	{ color: #fff; } /* Status stana: Stan za prodaju */

.statuslegenda { margin-left: 10px; }

/* tlocrti / tablice - popis katova i stanovi | PDF tlocrti */

.tlocrti 		{ margin: 10px 0 0 10px; line-height: 140%; font-size: 10px; }
.tlocrti td 		{ padding: 2px 4px 2px 4px; }
.tlocrti .gornjitd 	{ background-color: #4d4d4d; color: #fff; font-weight: bold; }

.tlocrti a:link 	{ text-decoration: underline; color: #000; }
.tlocrti a:visited 	{ text-decoration: underline; color: #666;}
.tlocrti a:hover 	{ text-decoration: none; color: #000;}
.tlocrti a:active 	{ text-decoration: underline; color: #000;}

.imgborder 		{border: 1px solid #625e5c;} /* definiranje bordera na slikama vizulizacija.html, lokacija.html */
.gradiliste		{border: 1px solid #625e5c; margin: 0 5px 5px 0;}

#cont_nav #popisStanova { width: 680px; float: left; margin-left: 10px; padding-top: 15px;}
#cont_nav #popisStanova ul { display: inline; float: left; margin-right: 30px; width: auto; }
#popisStanova li { margin-bottom: 1px; background: transparent url(dizajn/strelica-mw.gif) no-repeat left center; list-style: none; float: left; clear: both; padding-left: 10px; }
#popisStanova a:link { color: #000; text-decoration: underline; }
#popisStanova a:visited { color: #666; text-decoration: underline; }
#popisStanova a:hover, #popisStanova a:hover  { color: #000; text-decoration: none; }
#popisStanova li.kat { font-weight: bold; margin-bottom: 7px;}
#popisStanova a.slobodan { background-color: #FFF; }
#popisStanova a.slobodan:hover { background: none; }

#tlocrt-kataWrapper {
	padding-top: 40px;
	text-align: center;}

/*Slike stanova*/
	
#gallery { width: 100%; }
#gallery #photos { text-align: center; margin: 0 auto; }
#gallery #photos a img { margin: 0 5px; border: 1px solid #625e5c; }

ul.inner li { margin: 5px 0 5px 20px; }