/*   **************** slide style za html *********************/
  
 
 .highslide-html 
			{
			background-color: white;
			border: 2px solid gray;
			}
.highslide-html-content 
			{
			position: absolute;
			display: none;
			padding: 10px;
			}

.control 
			{
			float: right;
			display: block;
			/*position: relative;*/
			margin: 0 5px;
			font-size: 9pt;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			color: #999;
			}
		
 /* ***************** Rotator slika ********************/
 
 #randomPicContainer
 			{
			width:900px;
			height:203px;
			display:block;
			margin-left:10px;
			}
			
 /* ***************** Rotator slika End ********************/

 
  /*   **************** KRAJ slide style za html *********************/
  
  
  
html,body 
			{
			margin:0;
			padding:0;
			height:100%; 
			background-color:#354046;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #5a5a5a;
			text-align:left;
			}
A          { color:#000000;text-decoration: none}
A:visited  { text-decoration: none;color:#6c6a6a;}
A:link     {color:#6c6a6a;text-decoration: none}
A:active   { color:#6c6a6a;text-decoration: none}
A:hover    { color:#000000;text-decoration: none}


h1, h2, h3,h4
			{
			margin-top: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #666666;
			font-size: 150%;
			}

h1 
			{
				font-size: 170%;
			}
p
			{
			margin-bottom: 1.6em;
			line-height: 180%;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #7F7772;
			}

h2 
			{
			font-size: 150%;
			}
h3 
			{
			font-size: 130%;
			font-weight: bold;
			color:#003399;
			}
h4 
			{
			font-size: 120%;
			font-weight: bold;
			}
h6
			{
			font-size: 120%;
			font-weight: bold;
			padding:6px;
			margin:0px;
			
			}
.title 
			{
			padding-bottom: 5px;
			border-bottom: 1px solid #EDEBD5;
			}
.underline	
			{
			padding-bottom: 5px;
			border-bottom: 1px solid #EDEBD5;
			width:80%;
			}
#content ul,ol
			{
			margin-bottom: 1.6em;
			line-height: 180%;
			}

#container 
			{
			position:relative; 
			margin:0 auto; 
			width:918px;
			background:#f0f0f0;
			height:auto !important; 
			height:100%;
			min-height:100%; 
			background-image:url(images/bodyBackground.gif);
			}
#top 
			{
			width:918px;
			height:98px;
			background-image:url(images/logo.gif);
			}
#top p 
			{
			font-style:italic;
			font-size:1.1em;
			margin:0;
			}

.BigLinksSpace
			{
			margin-left:45px;
			}
#headerImage
			{
			width:918px;
			height:300px;
			}
#bodyContainer
			{ 
			width:918px;
			background-image:url(images/bodyBackground.gif);
			background-repeat:repeat;
			}	
#containerPonude
			{
			 border:1px solid #333333;
			 background:#FFCC33;
			 width:240px;
			}
.ponudaTitle
			{
			 height:35px;
			 background-image:url(images/ponudaBack.gif);
			 background-repeat:no-repeat;
			}
.mainTitle	
			{
			 background-image:url(images/titleBack.gif); 
			 background-repeat:no-repeat;
			 height:39px;
			}
#ponudaHolder
			{
			 background-image:url(images/ponudaRightBorder.gif);
			 background-repeat:repeat-y;
			 background-position:right;
			}
#containerSadrzaja
			{
			position:relative;
			width:100%;
			background: darkgreen;
			}
#content 
			{
			padding:1.5em 1.5em 7em; 
			}
#content  a 
			{
			padding: 0 8px;
			font-weight: 300;
			color: #006699;
			text-decoration: underline;
			}
#content p 
			{
			text-align:justify;
			padding:0 1em;
			}
			
.addressHolder
			{
			width:300px; 
			float:left;
			line-height: 120%;
			}
.galeryHolder
			{
			width:90%; 
			float:left;
			margin-left:10px;
			}					
							/* Footer */
	/* --------------------------------------------------- */	
#footer 
			{
			position:absolute;
			clear:both;
			width:100%;
			bottom:0;
			text-align:center;
			}
#footerLinkHolder
		   { 
			width:918px;
			height:30px;;
			background-image:url(images/bodyBackground.gif);
			background-repeat:repeat;
			font-family:Tahoma,Arial, Helvetica, sans-serif;
			font-size:8pt;
			font-weight:300;
			color:#999999;
		   }
#footerLinks
			{
			 background-image:url(images/fiooterTop.gif);
			 background-repeat:repeat-x;
			 background-position:top;
			 position:relative;	
			 margin-left:230px;
			 padding:20px 30px 20px 30px;
			}
#copyrightText
			{
			position:relative;	
			margin-left:230px;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			color:#CCCCCC;
			top:-8px;
			}
#footer p 
			{
			padding:1em;
			margin:0;
			}
#footerSpacer
			{
			 background-image:url(images/footer.gif);
			 height:38px;
			}

#footer a 
			{
			padding: 0 8px;
			font-weight: 600;
			/*border-right: 1px solid #0099cc;*/
			color: #006699;
			text-decoration: none;
			}
#footer a:hover
			{
			padding: 0 8px;
			font-weight: 600;
			/*border-right: 1px solid #0099cc;*/
			color: #006699;
			text-decoration: underline;
			}
#footer a:active
			{
			padding: 0 8px;
			font-weight: 600;
			/*border-right: 1px solid #0099cc;*/
			color: #006699;
			text-decoration: underline;
			}
#footer .last a 
			{
			border: none;
			}
#footer .last a:hover
			{
			border: none;
			}

	/* --------------------------------------------------- */	
	
	
		
			
			
							/* Menu */
	/* --------------------------------------------------- */	

#navMenu
			{
	position:absolute;
	padding:0px;
	margin:0px;
	top:230px;
	left:41px;
	width: 830px;
	height: 43px;
			}
#navMenu ul
			{
			list-style: none;
			padding: 0;
			margin: 0;
			} 
#navMenu li
			{			
			float: left;
			margin: 0 0.15em;
			} 
#navMenu li a
			{
		    color:#FFF;
			background-repeat:no-repeat;
			background-position:left;
			height: 53px;
			float: left;
			width: 9em;
			display: block;
			text-decoration: none;
			text-align: left;
			outline:none;
			} 
#navMenu li a:hover
			{
				color:#0C0;
			background-repeat:no-repeat;
			background-position:left;
			height: 53px;
			float: left;
			width: 9em;
			display: block;
			text-decoration: none;
			text-align: left;
			//border-bottom:5px solid #fb9005;
			outline:none;
			} 
#navMenu li a:active
			{
			background-repeat:no-repeat;
			background-position:left;
			height: 53px;
			float: left;
			width: 9em;
			display: block;
			text-decoration: none;
			text-align: left;
			//border-bottom:5px solid #fb9005;
			outline:none;
			} 
.jedan
			{
			 background-image:url(images/1.gif);
			}
.active
			{
			 border-bottom:5px solid #fb9005;
			}
.dva
			{
			 background-image:url(images/2.gif);
			}
.tri
			{
			 background-image:url(images/3.gif);
			 background-repeat:no-repeat;
			}
.cetiri
			{
			 background-image:url(images/4.gif);
			}
.pet
			{
			 background-image:url(images/5.gif);
			}
.sest
			{
			 background-image:url(images/6.gif);
			}
.sedam
			{
			 background-image:url(images/7.gif);
			}
.osam
			{
			 background-image:url(images/8.gif);
			}
.navMenuText
			{
			position:relative;
			top:25px;
			left:10px;
			//color:#ffffff;
			font: bold 16px Trebuchet MS,Tahoma,Arial,Helvetica,sans-serif;
			text-align:left; 
			text-transform:capitalize;
			}
.marker{font: bold 16px Trebuchet MS,Tahoma,Arial,Helvetica,sans-serif;}
 #imageUl
 			{
 			list-style-image:url(images/bullet.gif)
			margin-left:0px;
			margin-top:0px;
			_margin-left:30px;
			}
#imageUl li
			{
			margin:0px;
			padding:0px;
			/*display:inline;*/
			}
 
	/* --------------------------------------------------- */	

.input1 {
	font-family: tahoma;
	text-indent:4px;
	font-size: 10px;
	height: 13px;
	width: 190px;
	margin-left:5px;
	margin-top:2px;
	
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CFDFEA;
	border-left-color: #CFDFEA;
	border-right-color: #CFDFEA;
	border-bottom-color: #CFDFEA;
	
	/*border:none;*/
	float:right;
}
 .input2 {
	font-family: tahoma;
	text-indent:4px;
	font-size: 10px;
	height: 13px;
	width: 170px;
	margin-left:5px;
	margin-top:2px;
	
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CFDFEA;
	border-left-color: #CFDFEA;
	border-right-color: #CFDFEA;
	border-bottom-color: #CFDFEA;
	
	/*border:none;*/
	float:left;
}
input.dugme 
    {
	 width:80px; 
	 background-color:#f8f8f8;
	 border:1px solid #CFDFEA;
	 font-family: Tahoma;
	 font-size: 10px;
	 color: #59574A;
	} 
textarea.kontakt  
 {
  
     border:1px solid #CFDFEA; font-weight:300px; margin-top:8px;
	 padding:5px; overflow: auto; width:180px; height:120px; background-color:#ffffff;
  
    white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
	
	font-family: Tahoma;
	font-size: 10px;
	color: #59574A;
	line-height: 12px;
	text-decoration:none;
	margin-right:20px;
	margin-left:20px;
 }
  textarea.kontakt2 
 {
  
     border:1px solid #CFDFEA; font-weight:300px; margin-top:8px;
	 padding:5px; overflow: auto; width:210px; height:120px; background-color:#ffffff;
  
    white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
	
	font-family: Tahoma;
	font-size: 10px;
	color: #59574A;
	line-height: 12px;
	text-decoration:none;
	margin-right:20px;
	margin-left:6px;
 }

 
 
 
 
 
 /*   ****************  slide style za slike *********************/
 
 
 
 
 
.highslide {
	cursor: url(highslide/graphics/zoomin.cur) , pointer;
    outline: none;
	font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid navy;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

 /*   **************** KRAJ slide style za slike *********************/
 
 
 
 
 
 /*   **************** Style za listu ponuda *********************/
.ponudaContainer
			{
			 width:90%;
			 margin-left:10px;
			 margin-top:20px
			}
#ponudaHolder A:visited 
			{
			 color: #27748e;
			 text-transform:capitalize;
			 text-decoration:none;
			 font-size: 105%;
			 font-weight: bold;
			 outline:none;
			}
#ponudaHolder A:link 
			{
			 color: #27748e;
			 text-transform:capitalize;
			 text-decoration:none;
			 font-size: 105%;
			 margin-left:0px;
			 position:relative;
			 top:-4px;
			 font-weight: bold;
			 outline:none;
			}
#ponudaHolder A:active
			{
			 color: #0b4052;
			 text-transform:capitalize;
			 text-decoration:none;
			 font-size: 105%;
			 font-weight: bold;
			 outline:none;
			}
#ponudaHolder A:hover
			{
			 color: #0b4052;
			 text-transform:capitalize;
			 text-decoration:none;
			 font-size: 105%;
			 font-weight: bold;
			 text-decoration:underline;
			 margin-left:1px;
			 outline:none;
			}
.list 
			{
			margin-left: 0;
			margin-top:-3px;
			padding-left: 0;
			list-style: none;
			}
.StavkaPonudeSlika
			{
			float:left; 
			padding:20px 40px 0px 10px; 
			display:block;
			}
.list li 
			{
			padding-left: 8px;
			padding-bottom:0px;
			padding-top:-10px;
			background:url(images/flowerbullet.gif);
			background-repeat:no-repeat;
			background-position:center left; 
			}
.podaciListeContainer li
			{
			list-style:square;
			padding-left:6px;
			}
.detalji
			{
			font-family:Tahoma,Arial, Helvetica, sans-serif;
			font-size:8pt;
			padding:8px;
			text-transform:capitalize;
			font-weight:bold;
			outline:none;
			}
.VrijemeGeneriranja
			{
			position:relative;	
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			color:#CCCCCC;
			padding-bottom:8px;
			outline:none;
			padding-top:50px;
			}
.detalji a 
			{
			padding: 0 8px;
			font-weight: bold;
			color: #006699;
			text-decoration: none;
			text-transform:capitalize;
			outline:none;
			}
.detalji a:hover
			{
			padding: 0 8px;
			font-weight: bold;
			color: #006699;
			text-decoration: none;
			text-transform:capitalize;
			outline:none;
			}
.detalji a:active
			{
			padding: 0 8px;
			font-weight: bold;
			color: #006699;
			text-decoration: underline;
			text-transform:capitalize;
			outline:none;
			}
.podaciH4
			{
			margin:0px; padding:0px;position:relative;left:-30px; top:10px;
			}
.TrenutnaStranica
			{
			position:relative;	
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			color:#CCCCCC;
			padding-bottom:8px;
			}
.UkupnoNekretnina
			{
			position:relative;	
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			color:#CCCCCC;
			padding-bottom:8px;
			}
.spacer
			{
			 width:100%;
			 height:35px;
			}
.redniBroj
			{
			font-size: 100%;
			font-weight: bold;
			display:inline;
			padding-bottom:20px;
			}
.detailHolder
			{
			background-color:#f7f7ed
			}
.Navigacija
			{
			font-weight: bold;
			text-align:center
			}
.Navigacija a 
			{
			padding: 0 8px;
			font-weight: bold;
			color: #006699;
			text-decoration: none;
			outline:none;
			}
.Navigacija a:hover
			{
			padding: 0 8px;
			font-weight: bold;
			color: #006699;
			text-decoration: none;
			outline:none;
			}
.Navigacija a:active
			{
			padding: 0 8px;
			font-weight: bold;
			color: #006699;
			text-transform:capitalize;
			outline:none;
			text-decoration: none;
			}
.itemId
			{
			 padding-top:6px;
			}
.thumbFrame
			{
			border:2px solid #c2bfb8;
			}
 /*   **************** Style za listu ponuda *********************/
 
 
 
 
 /*   **************** Style za prikaz detalja *********************/
 
 .TablicaSlika
 			{
			 width:100%;
			 text-align:center;
			}
.Minijatura
			{
			border:2px solid #c2bfb8;
			}
 
 
   /*   **************** Style za prikaz detalja *********************/
   
   
   
.newsHolder
			{
			 width:195px;
			 margin:3px;
			 display:block;
			}
.newsHolder p
			{
			text-decoration: none;
			font-size:11px;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			color:#333333;
			margin:0px;
			padding:3px;
			line-height:normal;
			}
.naslovNovosti
			{
			color: #006699;
			text-decoration: none;
			font-size:12px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			margin:0px; 
			padding:0px;
			margin-left:6px;
			}
.novostiSpacer
			{
			 height:12px;
			 width:190px;
			}
/*- Menu 3--------------------------- */
	
#menu3 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu3 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #8BADCF;
	display: block;
	background:  url(menu3.gif);
	padding: 8px 0 0 10px;
	}
	
#menu3 li a:hover {
	color: #627EB7;
	background:  url(menu3.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}