@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	html {
	  height: 100%;
	}
	body{
      height: 100%;
	  text-align: center;
	  font: 400 0.8em verdana, arial, sans-serif; 
	  /* line-height: 170%; */ 
	  /* font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; */
	  color: #4b4942;
	  background-color: #9E9FA3;
	  background-color: #888;
	/*  background-image: url(../images/bground1.jpg); /** Link to the image you created **/
	   background-image: url(../images/grad1.png); /** Link to the image you created **/
        background-repeat: repeat-x; /** Repeats the image vertically **/
        background-position: top; /** Centers the Background image **/
        /**background-color: #f7f4ee; /** Website BG colour (matches canvas colour in Step 1) **/
	}
	a{text-decoration: none;color: #000000;}
	a:hover{color: #4b4942;}
	
/* =LAYOUT - the main layout styles */
	/* container je sadrzaj i 100px sa lijeve i desne strane */
	.container{ 
		width:960px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	
	/* kolona sa tekstom */
	.column{
		float: left;
		text-align: left;
		
		margin-right: 20px;
		margin-bottom: 20px;
		
		font-size: 10px;
		padding: 10px;
		/* -moz-border-radius: 10px; */
		margin-top: 5px;
		font: verdana, arial, sans-serif;
		font-size: 10px;
		line-height: 180%; 
	}
	
	.column img{
		margin-right: 10px;
	}
	
	.column1{
		overflow: hidden;
		width:200px;
		height: 413px;
		background-color: #FFDEAA;
		border: 1px solid #FFB94D;
		color: #000000;
		float: left;
		font-size: 12px; 		
	}
	
	.naslov{
		color: #666;
		font-weight: 600;
		text-align: left;
		margin: 0px;
		padding: 0px;
		border-bottom: 1px solid #FFB94D;
		font-size: 13px; 
		width: 170px;
		display: block;
		background-image: url(../images/news.png);
		background-repeat: no-repeat;
		min-height: 25px;
		background-position: 0px center;
		padding-left: 30px;
	}
	
	.naslov a{
		color: #333;
		padding-top: 8px;
		vertical-align: middle;
		font-size: 9px;
	}
	
	.naslov a:hover{
		color: #999;
	}
	
	.tekst {
	   margin: 0px;
	   margin-bottom: 18px;
	   text-align: justify;
	   
	   color: #666;
	   font-size: 12px; 
	   line-height: 150%;
	   padding-left: 5px;
	   padding-right: 5px;
	}
	

	
	
	.column2{
		width:450px;
		height: 370px;
		float: left;
		background-color: #A0C1EF;
		background-color: #ccc;
		border: 1px solid #7DA9E7;
		border: 1px solid #ccc;
		padding: 0px;		
	}
	
	.column2 h3{
		color: #666;
		font-size:1.5em;
		text-align: left;
		margin: 0px;
		padding: 0px;
		border-bottom: 1px dotted #efefef;  
	}
	
	#krilatice{
		width: 696px;
		height: 40px;
		float: right;
		margin: 0px;
		margin-top: 6px;
		margin-bottom: 15px;
		padding: 0px;
		background-color: #D2E0FF;
		/* background-color: #ddd; */
		border: 1px solid #ddd;
		text-align: center;
		vertical-align: middle;
		font-size: 1.9em;
		font-weight: bold;
		color: #f00;
		color: #005EB1;
		color: #555;
		overflow: hidden;
	}
	
	
	#fragment-1, #fragment-2, #fragment-3, #fragment-4 {
		margin: 0px;
		margin-top: 5px;
		width: 428px;
		height: 297px;
		background-color: #D2E0FF;
		background-color: #efefef;
		border: 1px solid #ccc;
		/* -moz-border-radius: 10px; */
		text-align: justify;
		padding: 10px;
		/* border-bottom: 1px solid #A0C1EF; */
		
	}
	

	.column3{
		width: 210px;
		height: 350px;
		background-color: #D1D5D8;
		border: 1px solid #bbb;		
		color: #000000;
		margin-right:1px;
		float: right;
		padding: 10px;
		padding-top: 0px;
	}
	
	.column3 h2{
		text-align: left;
		padding-top: 5px;
		padding: 3px;
		margin-top: 5px;
		background-color: #ddd;
		border: 1px solid #999;
		margin-bottom: 5px;
	}
	
	#faq h2{
		text-align: left;
	}
	
	.column3 h2:hover{
		background-color: #eee;
	}
	
	#stavke{
		position: relative;
		float: left;
		top: 170px;
		border-top: 1px dashed #999;
		width: 100%;
	}
	
	#stavke h2{
		text-align: left;
		padding: 3px;
		margin-top: 5px;
		background-color: #ddd;
		border: 1px solid #999;
	}
	
	#stavke h2:hover{
		background-color: #eee;
	}
	
	
	
	/* baner sa krilaticama */
	#baner1{
		height: 60px;
		float: right;
		background-color: #A7DDFB;
		color: #FFFFFF;
		width: 100%;
	}
	#slogan{
		font-size: 2.5em;
		font-family: cursive;
		display: inline;
		position: relative;
		top: 20px;
	}
	
	/* header layout */
	#header{
		height: 120px; 
		background-color: #FFFFFF;
		position: relative;
		border-bottom: 1px solid #666;
	}
	
/* =HEADER - the header styles */
	/* #header .container{height: 284px;} */ 
	
	/* navigacija na vrhu */
	#top_navigation{
		height: 35px;
		background-color: #9E9FA3;
		padding-right: 14px;
		width: 980px;
	}
	
	#navigation{
		float: right;
		margin-top: 10px;
	}
	
	#navigation li{
		float: left;
		padding-right: 10px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
	}
	
	#navigation li a{color: #FFFFFF;}
	#navigation li a:hover,#navigation li.active a{color: #2c2c2c;}
	
	/*baner tj. logo  slogan */
	#baner{
		height: 120px;
	}
	
	#inventivnost{
		margin: 0px;
		float: left;
	}
	
	/* glavna navigacija */
	#main_navigation{
		overflow: visible;
		z-index: 499; 
		background-color: #666;
		height: 32px;
		border-top: 1px solid #555;		
	}

/* =CONTENT - the content styles */
    #content{
		/* height: 800px; */
		background-color: #efefef;
		background: #eee;	
		padding: 10px;
		/* zbog padding-a u firefox ovaj dio ima 20px vise
		a sa ovim u IE ima 20px manje
		*/
		width: 940px !important;  
		width: 960px;
	}
	
	#inner-content{
		/* height: 800px; */
		background-color: #efefef;
		background: #fff;	
		padding: 10px;
		/* zbog padding-a u firefox ovaj dio ima 20px vise
		a sa ovim u IE ima 20px manje
		*/
		width: 940px !important;  
		width: 960px;
	}
	
	/* slideshow stanara inkubatora */
	#firme{
		height: 200px;
		border-top: 1px solid #555;
		border-bottom: 1px solid #ccc; 
	}
	
	.column h2{
		color: #818286;
		color: #666;
		font-weight: bold;
		font-size:1.4em;
		text-align: left;
		padding-bottom: 5px;
		text-align: center;
	}
	
	.column p{
		padding: 10px 15px 10px 5px;
		font-size: 1.2em;
		text-align: justify;
	}
	
	/*
	.column3 h2{
		background-color: #FF7F54;
		color: #000000;
		font-size:1.5em;
		font-family: sans-serif;
		text-align: left;
		height: 25px;
		padding-left: 5px;
		padding-top: 3px;
	}
	*/
	
	/* meni u prvoj koloni */
	div.menu ul{
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-align: left;
		float: left;
		width: 225px;
		list-style: none;
		text-indent: 0px;
		margin-bottom: 10px;
	}
	div.menu li{
		background-color: #FFB94D;
		height: 25px;
		margin-bottom: 2px;
	}
	div.menu a{
		font: 16px Verdana;
		display:block;
		color: #000000;
		height: 15px;
		position: relative;
		top: 3px;
		text-decoration: none;
		text-transform: capitalize;
		padding: 0 0px 0 10px;
		/* border-bottom: 1px solid #e8e8e8; */
		/* background: url('../../public/images/background.gif'); */
	}
	div.menu a:hover{
		/*background: url('../../public/images/highlight.gif') no-repeat right;
		padding: 6px 40px;*/
		color: #4b4942;
	}
	
	div.menu a span{
		background-image: url('../../public/images/sqr-off.gif');
		background-repeat: no-repeat;
		width: 15px;
		height: 10px;
		position: relative;
		top: 5px;
		padding: 0 5px 0 5px;	
		margin-right: 5px;		
	}
	div.menu a:hover span{
		background-image: url('../../public/images/sqr-on.gif');
	}
	
	/* Dio za prikazivanje slideshow iz galerije slika */
	#hgallery img{		
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	.novosti_link{
		display: block;
	}
	.novosti_link img{
		margin-right: 5px;
	}
	
	
/* PARTNERI */
	#partneri{
		border-top: 1px dashed #d2d2d2;
		height: 75px;
		clear: both;
		background-color: #eeeeee;
	}
	
	#partneri img{
		margin-top: 15px; 
		margin-right:15px;
		/* border: 1px solid #C3D6FF; */
		border: 1px solid #ccc;
		
		/* margin-bottom: auto; */
	}

	
/* FOOTER */
	#footer {
		background-color: #666;
		height:30px;
		color: #ccc;
		border-top: 1px solid #333;

	}
	
	#footer a{
		color: #ccc;
	}
	
	#footer div{
		float: left;
		padding-top: 5px;
		margin-left: 90px;
	}
	
/* MAPA SAJTA */
	#mapa, #footer-mapa{
		background-color: #444;
		border-top: 1px solid #666;
		font-size: 1.0em;
		line-height: 180%;
	}
	
	#mapa ul, #footer-mapa ul{
		margin: 20px 0px 20px 30px;
		float: left;
	}
	.ul-left{
		margin-left: 15px;
	}
	.ul-right{
		margin-right: 15px;
	}
	
	#mapa li, #footer-mapa li{ 
		display: block;
		text-align: left;
		text-transform: lowercase;
	}
	
	.li-uvuceno{
		padding-left:0px;
	}
	
	#mapa li a, #footer-mapa li a{
		color: #9BA8BF;
		color: #999;
		font-size: 12px;
	}
	#mapa li a:hover, #footer-mapa li a:hover{
		color: #eee;
	}
	
	#li-first{
		font-weight: bold;
		font-size: 12px;
		border-bottom: 1px solid #666;
	}
	
	#w3c-validator{
		text-align: center;
		clear: both;
		padding-top: 3px;
		border-top: 1px dashed #444;
	}
	
	
	
/* TEMPLATE PAGE */
	.stanari{
		min-height:560px;
		background-color: #fff;
		overflow: auto;
	}
	#left{
		display: inline;
		float: left;
		background-color: #ffffff;
		/* border-right: 1px solid #ccc; */
		text-align: right;
		/* width: 20%; */
		width: 165px;
		min-height: 100%;
		/* hegiht: 695px */
	}
	
	#right{
		text-align: left;
		display: inline;
		background-color: #fff;
		float: left;
		text-align: center;
		/* width: 75.7%; */
		width: 730px;
		padding: 19px;
		min-height:340px;
		overflow: visible;
		border-left: 1px solid #ccc;
		}
	
	#left img{
		float: right;
	}
	
	/* stanari */
	div#right div.stanar{
		border-bottom: 1px solid #000;
		overflow: auto;
		text-align: left;
		padding-top: 7px;
	}
	div.stanar_main,
	div.stanar_contact,
	div.stanar_info{
		display: inline;
		padding: 5px;
		margin-bottom: 5px;
		float: left;
	}
	div.stanar_main{
		width: 300px;
		border-right: 1px #ccc dashed;
		padding-right: 10px;
	}
	div.stanar_main h1{
		font-size: 1.5em;
		margin-bottom: 7px;
	}
	div.stanar_main a{
		float: right;
		color: blue;
	}
	div.stanar_contact{
		width: 200px;
		padding-left: 10px;
	}
	div.stanar_info{
		width: 150px;
	}
	.stanar_strong{
		color: #000;
	}
	
	
	
	
	/* galerija*/
	.galerija-item{
		margin: 7px;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		padding: 10px;
		padding-top: 0px;
		padding-bottom: 15px;
		width: 200px;
		height: 170px;
		float: left;
		background-color: #eee;
		overflow: hidden;
	}
	
	.galerija-item h2{
		border:1px solid #ddd;
		margin: 2px;
	}
	
	
	
		/*  inkubator  */
	
	
	.inkubator{
		/* min-height:543px; */
		min-height:370px;
		background-color: #fff;
		overflow: auto;
	}

	
	#inkubator-right{
		text-align: left;
		display: inline;
		background-color: #eee;
		float: left;
		text-align: center;
		border: 1px solid #ccc;
		/* width: 78.2%; */
		/* padding-top: 10px; */
		/* min-height:560px; */
		overflow: visible;
	}
	
	#fragment-11, #fragment-22, #fragment-33, #fragment-44 {
		margin: 0px;
		margin-top: 5px;
		/*width: 660px;*/
		height: 500px; 
		background-color: #D2E0FF;
		font-size: 12px;
		/*border: 1px solid #ccc;*/
		/* -moz-border-radius: 10px; */
		text-align: justify;
		padding: 10px;
		/*border-bottom: 1px solid #A0C1EF;*/
		
	}
	
	#fragment-111, #fragment-222, #fragment-333, #fragment-444 {
		margin: 0px;
		margin-top: 5px;
		/*width: 660px;*/
		height: 250px; 
		background-color: #D2E0FF;
		font-size: 12px;
		/*border: 1px solid #ccc;*/
		/* -moz-border-radius: 10px; */
		text-align: justify;
		padding: 10px;
		/*border-bottom: 1px solid #A0C1EF;*/
		
	}
	
	#header{
          padding-left:0px;
		  font-weight:bold; 
		  font-size:16px;
		  font: verdana, arial, sans-serif;
	}
	
	
	
	.kolona{
		float: left;
		text-align: left;
		display: inline;
		
		
		/*margin-right: 10px;
		margin-bottom: 10px;*/
		
		font-size: 10px;
		/*padding: 10px;
		 -moz-border-radius: 10px; */
		margin-top: 5px;
		font: verdana, arial, sans-serif;
		font-size: 10px;
		line-height: 180%; 
	}
	
	.kolona2{
		/*width:450px;*/
		height: 522px;
		float: left;
		
		background-color: #A0C1EF;
		/*border: 1px solid #7DA9E7;*/
		padding: 0px;		
	}
	
	.list{
		margin-left: 15px;
		list-style:disc;
		list-style-position:inside;
	}
	.numb{
		margin-left: 15px;
		list-style:decimal;
		list-style-position:inside;
	}
	.list li, .numb li{
		margin-bottom: 4px;
	}
	
	/*  end inkubator  */
	
	
	/*  aktivnosti  */
	
		.aktivnosti, .aktuelnosti	{
		/* min-height:300px; */
		background-color: #fff;
		overflow: auto;
	}
		div#right div.aktivnosti1{
		overflow: auto;
		text-align: left;
		padding-top: 0px;
		line-height:normal;
	}
	div.aktivnosti_stubac{
		display: inline;
		padding: 0px 15px;
		margin-bottom: 5px;
		float: left;
		width: 320px;
		text-align:justify;
		font-size: 1em;
	}
		
	div.aktivnosti_stubac p, div.stanar_main p, div.stanar_text p{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	div.aktivnosti_stubac p.strong, div.stanar_main p.strong, div.stanar_text p.strong, .strong{
		font-weight: bold;
	}

	/* end aktivnosti */ 

	
	
	
	/* aktuelnosti */
	
	.aktuelnosti{
		/* min-height:560px; */
		background-color: #fff;
		overflow: auto;
	}
	
	
	div#right div.vijest{
		border-bottom: 1px dashed #000;
		overflow: auto;
		text-align: left;
		padding-top: 0px;
	}
	div.vijest_content{
		display: inline;
		padding: 5px;
		margin-bottom: 5px;
		float: left;
		text-align:justify;
		width: 700px;
		/*border-right: 1px #ccc dashed;*/
		padding-right: 10px;
		font-size:12px;
	}
	
	div.vijest_content h1{
	text-align:	center;
		font-size: 1.5em;
		margin-bottom: 7px;
	}
	
	div.vijest_content img{
		margin:10px;
	}
	
	div.vijest_datum{
		margin-top:0px;
		margin-bottom:5px;
		display:block;
			
	}
	
	div.vijest_datum span{
		font:bold;
		font-style:italic;
	}	
	
	div.vijest_content a{
		float: right;
		color: blue;
	}
	
	/* end aktuelnosti */
	
	
	/* aktuelnosti_opsirnije */
	
	.aktuelnost_opsirnije{
		/* min-height:400px; */
		background-color: #fff;
		overflow: auto;
	}
	
	
	div#right div.vijest_opsirnije{
		/*border-bottom: 1px dashed #000;*/
		overflow: auto;
		text-align: left;
		padding-top: 0px;
	}
	div.vijest_content_opsirnije{
		display: inline;
		padding: 5px;
		margin-bottom: 5px;
		float: left;
		text-align:justify;
		width: 700px;
		/*border-right: 1px #ccc dashed;*/
		padding-right: 10px;
		font-size:12px;
	}
	
	div.vijest_content_opsirnije h1{
		text-align:	center;
		font-size: 1.5em;
		margin-bottom: 7px;
	}
	
	div.vijest_content_opsirnije img{
		margin:10px;
	}
	
	div.vijest_datum_opsirnije{
		margin-top:0px;
		margin-bottom:25px;
		display:block;
			
	}
	
	div.vijest_datum_opsirnije span{
		font:bold;
		font-style:italic;
	}	
	
	div.vijest_content_opsirnije a{
		color: blue;
		text-decoration:none;
	}
	
	div.vijest_content_opsirnije a:hover{
		text-decoration:underline;
	}

	
	/* end aktuelnosti_opsirnije */
	
	
	#kontakt{
	   text-align: left;
	   padding-top :20px;
	   padding-left: 200px;
	}
	
	#partneri-inner{
	   text-align: left;
	}
	
	#partner{
	   height: 70px;
	   padding: 10px 0px 0px 0px;
	   border-top: 1px solid #ccc;
	   border-bottom: 1px solid #ccc;
	   margin: 20px 0px 20px 0px;
	   vertical-align: middle;
	}
	
	#partner .logo{
		position: relative;
		top: 7px;
		height: 45px;
		float: left;
		border: 1px solid #ccc;
		margin: 0px 0px 0px 20px;
		
	}
	
	#partner .link{
		float: left;
		position: relative;
		top: 20px;
		left: 20px;
	}
	
	
	
	#osnivaci-inner{
	   text-align: left;
	}
	
	#osnivac{
	   height: 70px;
	   padding: 10px 0px 0px 0px;
	   border-top: 1px solid #ccc;
	   border-bottom: 1px solid #ccc;
	   margin: 20px 0px 20px 0px;
	   vertical-align: middle;
	}
	
	#osnivac .logo{
		position: relative;
		top: 7px;
		height: 45px;
		float: left;
		border: 1px solid #ccc;
		margin: 0px 0px 0px 20px;
		
	}
	
	#osnivac .link{
		float: left;
		position: relative;
		top: 17px;
		left: 20px;
	}