@charset "utf-8";
/* CSS Document */

html
	{
		padding:0px;
	}

body
	{
		background-color:black;
		font-family:Arial, Verdana, sans-serif;
		padding:0px;
		margin:0px;	
		overflow:hidden;
		background-image:url(images/bg.png);
		background-repeat:repeat;
		text-align:center;
	}
	
.body_kontakt, .body_onama, .body_partners, .body_projekti
	{
		overflow:auto;
	}
	
	
a img
	{
		border:none;
	}
	
:-moz-any-link:focus
	{
 		outline: none;
	}

	
#levi_meni
	{
		position:absolute;
		top:15px;
		left:15px;
		width:auto;
		height:50px;
		display:block;
		
	}
	
#levi_meni a
	{
		color:white;
		text-decoration:none;
		cursor:pointer;
		position:relative;
		float:left;
		margin-right:3px;
		width:55px;
		height:auto;
		padding:2px 0px;
		background-color:red;
		font-size:11px;
		text-align:center;
		
	}
    
.active
    {
        opacity: 0.7;
    }
	
#desni_meni
	{
		position:absolute;
		top:15px;
		right:10px;
		width:auto;
		height:50px;
	}
	
.linkovi_desno
	{
		color:white;
		text-decoration:none;
		width:60px;
		height:48px;
		cursor:pointer;
	}

.icon_home
	{
		position:relative;
		width:60px;
		height:32px;
		background-image:url(images/home.png);
		background-position: center center;
		background-repeat:no-repeat;
	}	

.icon_project
	{
		position:relative;
		width:60px;
		height:32px;
		background-image:url(images/project.png);
		background-position: center center;
		background-repeat:no-repeat;
	}	
	
.icon_onama
	{
		position:relative;
		width:60px;
		height:32px;
		background-image:url(images/onama.png);
		background-position: center center;
		background-repeat:no-repeat;
	}
	
.icon_kontakt
	{
		position:relative;
		width:60px;
		height:32px;
		background-image:url(images/contact.png);
		background-position: center center;
		background-repeat:no-repeat;
	}
	
.icon_partner
	{
		position:relative;
		width:60px;
		height:32px;
		background-image:url(images/partneri.png);
		background-position: center center;
		background-repeat:no-repeat;
	}
	
.meniji
	{
		position:relative;
		float:left;
		margin-right:3px;
		width:60px;
		height:48px;
		background-color:red;
	}
	
.naziv
	{
		width:100%;
		height:12px;
		color:white;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		padding-top:1px;
	}
	
	
	
	
									/*POCHINJE CSS ZA VESTI*/
	
	
	
#news
	{
		position:absolute;
		right:10px;
		bottom:10px;
		width:247px;
		height:180px;
		background-color:black;
		color:white;
		font-size:11px;
		padding:0px 2px 2px 2px;
	}
	
#close_news
	{
		position:absolute;
		top:2px;
		right:2px;
		cursor: pointer;
	}
	
#news h1
	{
		font-size:11px;
		margin:0px;
		padding:0px;
		text-align:center;
		padding:3px 0px;
	}
	
#vest
	{
		padding:3px;
		text-align:justify;
		border:1px solid #333;
		height:135px;
		*height:140px;
		_height:140px;
		line-height:13px;
		letter-spacing:0px;
		overflow:hidden;
	}
	
#vest a
	{
		color:red;
		font-style:italic;
		text-decoration:none;
	}

#vest a:hover
	{
		text-decoration:underline;
	}
	
#ka_vestima
	{
		padding-top:2px;
		text-align:left;
		
	}
	
#ka_vestima a
	{
		color:white;
		text-decoration:none;
	}

#ka_vestima a:hover
	{
		text-decoration:underline;
	}
	
#pojedinachna_vest
	{
		position:absolute;
		bottom:320px;
		left:35%;
		width:450px;
		height:250px;
		z-index:50;
		color:white;
		background-color:black;
		font-size:11px;
		line-height:13px;
		letter-spacing:0px;
		padding:0px 2px 2px 2px;
		display:none;
	}       
	
#close_one
	{
		position:absolute;
		top:2px;
		right:2px;
		cursor: pointer;
	}
	
#vest_zaglavlje
	{
		font-size:11px;
		margin:0px;
		padding:0px;
		text-align:left;
		padding:3px 0px;
		cursor:move;
	}
	
#vest_body
	{
		padding:3px;
		text-align: justify;
		border:1px solid #333;
		height:205px;
		*height:212px;
		_height:212px;
		line-height:13px;
		letter-spacing:0px;
		overflow:hidden;
	} 
	
#vest_body a
	{
		color:red;
		text-decoration:none;
	}

#vest_body a:hover
	{
		text-decoration:underline;
	}
    
#scroll_div
    {
        height: 205px;
    }  
	
#vest_prev
	{
		position:absolute;
		bottom:5px;
		*bottom:3px;
		_bottom:3px;
		left:3px;
		text-decoration:none;
		color:white;
	}
	
#vest_next
	{
		position:absolute;
		bottom:5px;
		*bottom:3px;
		_bottom:3px;
		right:3px;
		text-decoration:none;
		color:white;
	}
	
#vest_prev:hover span
	{
		text-decoration:underline;
	}

#vest_next:hover span
	{
		text-decoration:underline;
	}


#sve_vesti
	{
		position:absolute;
		left:0px;
		bottom:0px;
		width:100%;
		height:300px;
		background-color:black;
		border-top:4px solid #EAEAEA;
		text-align:left;
		display:none;
	}
	
#vesti_close
	{
		position:absolute;
		top:5px;
		right:5px;
		cursor:pointer;
	}
	
#sve_vesti ul
	{
		position:relative;
		top:15px;
		float:left;
		color:white;
		list-style-type:square;
		font-size:11px;
		margin-right:15px;
	}
	
#sve_vesti ul li
	{
		margin-bottom:5px;
	}
	
#sve_vesti ul li a
	{
		color:white;
		text-decoration:none;
	}
	
#sve_vesti ul li a:hover
	{
		text-decoration:underline;
	}
	
	
	
	
	
														/*KRAJ CSS ZA VESTI*/
														
														
														
														
														
														/*POCHETAK CSS ZA KONTAKT*/
														
														
														
														
#container
		{
			position:relative;
			margin: 0 auto;
			width: 999px;
			height:500px;
			text-align: left;
			top:130px;
			z-index:10;
		}													
		
#logo
		{
			position:absolute;
			top:6px;
			left:4px;
			width:166px;
			height:56px;
		}
		
#kontakt_logo
		{
			position:absolute;
			top:0px;
			left:15px;
		}
		
#kontakt_div
		{
			position:relative;
			top:28px;
			left:15px;
			font-size:12px;
			color:white;
			border-right:1px solid #929396;
			width:205px;
			height:240px;
			text-align:right;
			padding-top:150px;
		}
		
#kontakt_podaci
		{
			margin-right:20px;
			font-size:16px;
			line-height:21px;
		}
		
#kontakt_podaci a
		{
			text-decoration:none;
		}
		
#kontakt_podaci a:hover
		{
			text-decoration:underline;
		}
		
.dart_mail
		{
			color:white;
		}
		
.dart_www
		{
			color:red;
		}
		
#container h1
		{
			color:red;
			padding:0px;
			margin:0px;
			margin-left:10px;
			font-weight:normal;
			font-size:20px;
		}
		
#building_pics
		{
			position:absolute;
			top:0px;
			left:240px;
			width:240px;
		}

#building_pics img
		{
			width:210px;
			height:auto;
			border:1px solid #929396;
			margin-bottom:9px;
			*margin-bottom:3px;
			_margin-bottom:3px;
		}
		
	
#lokacija
		{
			position:absolute;
			left:470px;
			top:0px;
			z-index:1000;
		}
		
#lokacija_tabela
		{
			border:1px solid red;
			width:523px;
			height:399px;
			background-color:white;
		}
		


		
		
															/*KRAJ CSS ZA KONTAKT*/
															
															
															
															
															/*POCHETAK CSS ZA PARTNERE*/
															
															
#partners_div
		{
			position:relative;
			top:0px;
			left:10px;
			font-size:12px;
			color:white;
			width:100%;
			height:597px;
		}
		
#linkovi_ka_partnerima
	{
		overflow:hidden;
		margin-top:60px;
	}

		
#partners_logo
		{
			text-align:center;
			margin-bottom:10px;
		}
		
#partners_logo span
 		{
			position:relative;
			top:3px;
			color:red;
			margin-left:-25px;
			font-size:15px;
			letter-spacing:1px;
		}
		
.partneri
		{
			position:relative;
			float:left;
			width:156px;
			height:60px;
			text-align:center;
			border:1px solid #929396;
			margin:0px 5px 5px 0px;
			padding:0px;
			padding-bottom:1px;
			text-decoration:none;
			background-color:black;
		}
		
		
.partneri span
		{
			text-decoration:none;
			color:white;
			font-size:11px;
			color:#e7e6e6;
		}
		

		
.partneri img
		{
			height:45px;
			width:auto;
			margin:0px;
			margin-top:2px;
		}
		

															
															
															
															/*KRAJ CSS ZA PARTNERE*/
															
															
															
															
															/*POCHETAK CSS ZA O NAMA*/
															
															
#container_onama
		{
			position:relative;
			*top:130px;
			margin: 0 auto;
			width: 999px;
			height:auto;
			text-align: left;
			margin-top:130px;
			z-index:10;
			overflow:hidden;
			
		}
		
.osoba
		{
			position:relative;
			float:left;
			width:195px;
			height:195px;
			margin-right:4px;
			*margin-right:2px;
			margin-bottom:4px;
			*margin-bottom:-1px;		
		}
		

		
.osoba img
		{
			border:1px solid #929396;
			cursor:pointer;
			margin:0px;
		}
		
.osoba img:hover
		{
			border:1px solid red;
		}	
		
.osoba_empty
		{
			position:relative;
			float:left;
			width:195px;
			height:195px;
			margin-right:4px;
			margin-bottom:4px;
		}
		
.osoba_boss
		{
			position:relative;
			float:left;
			width:195px;
			height:195px;
			margin-right:4px;
			*margin-right:2px;
			margin-bottom:4px;
			*margin-bottom:-1px;
		}
		
.osoba_boss img
		{
			border:1px solid red;
			cursor:pointer;
			margin:0px;
		}
		
.dupla_slika
		{
			position:relative;
			float:left;
			width:394px;
			height:195px;
			margin-right:4px;
			*margin-right:2px;
			margin-bottom:4px;
			*margin-bottom:-1px;
		}
		
.dupla_slika img
		{
			width:394px;
			height:195px;
			border:1px solid #929396;
			cursor:pointer;
			margin:0px;
		}
		
.dupla_slika img:hover
		{
			border:1px solid red;
		}
		
	
.osoba_opshirno
		{
			position:relative;
			float:left;
			width:780px;
			height:560px;
			background-color:black;
			margin-left:2px;
			display:none;
		}
		
.osoba_ime
		{
			position:absolute;
			top:10px;
			left:15px;
			width:250px;
			height:25px;
		}
		
.osoba_ime_left
		{
			position:relative;
			float:left;
			top:0px;
			left:0px;
			height:25px;
			width:auto;
			padding:0px 5px;
			background-color:white;
			margin:0px;
			color:black;
			font-size:10px;
			font-weight:bold;
		}
		
.osoba_ime_left span
		{
			position:relative;
			top:6px;
		}
		
.osoba_ime_right
		{
			position:relative;
			float:left;
			width:9px;
			height:25px;
			background-image:url(images/trougao.png);
			margin:0px;
			margin-left:-1px;
		}
		
.osoba_rech
		{
			position:absolute;
			top:45px;
			left:15px;
			font-size:12px;
			color:red;
			display:none;
		}
		
.osoba_slika_projekta
		{
			position:absolute;
			top:70px;
			left:15px;
			width:750px;
			height:440px;
			border:1px solid #4D4D4D;
		}
		
.osoba_slika_projekta img
		{
			width:750px;
			height:440px;
		}
		
.boss_cv
		{
			text-align:justify;
			color:#e7e6e6;
			font-size:11px;
			padding:5px;
			overflow:hidden;
			line-height:12px;
			width:740px;
			height:465px;
		}
        
#boss_rezime
        {
            width:740px; 
			*width:730px;
            height: 465px;
			*height:453px;
        }
		
.osoba_projekti
		{
			position:absolute;
			left:15px;
			bottom:17px;
			display:none;
		}
		
.osoba_projekti img
		{
			position:relative;
			top:-1px;
		}
		
.osoba_projekti a
		{
			color:gray;
			font-size:11px;
			text-decoration:none;
		}
		
.osoba_projekti a:hover
		{
			color:red;
		}
		
		
.osoba_close
		{
			position:absolute;
			top:2px;
			right:2px;
			z-index:500;
			cursor:pointer;
			display:none;
		}
		
#tim_opshirno
		{
			width:999px;
			height:512px;
		}
		
#tim_slika
		{
			position:absolute;
			top:50px;
			left:15px;
			width:965px;
			height:440px;
		}
		
#tim_slika img
		{
			width:965px;
			height:440px;
			*margin-bottom:-3px;
		}

#gray_down
		{
			font-family:Verdana;
			/*position:relative;*/
			color:#929396;
			font-size:13px;
			text-align: center;
			letter-spacing:2.5px;
			position:absolute;
			top:754px;
			left:0px;
			width:100%;
		}
		
#tim_opshirno .osoba_close
		{
			position:absolute;
			top:2px;
			right:6px;
			z-index:500;
			cursor:pointer;
			display:none;
		}
        
#portfolio_middle_omiljeni
        {
            position:relative;
            top:0px;
            left:0px;
            width:990px;
            /*height:auto;*/
            height:593px;
            background-image:url(images/left_bg.png);
            background-repeat:repeat;
            border:1px solid #929396;
        }
        
#container_projekat
        {
            position:relative;
            margin: 0 auto;
            width: 999px;
            height:577px;
            text-align: left;
            margin-top:130px;
            z-index:10;
            
        }    

															
															
															/*KRAJ CSS ZA O NAMA*/
															
															
															
															
															
															/*POCHETAK CSS ZA O PROJEKTE*/
															
															

#container_projekti
		{
			position:relative;
			*top:150px;
			margin: 0 auto;
			width: 999px;
			height:577px;
			text-align: left;
			margin-top:150px;
			z-index:10;
			
		}	

#portfolio_main
		{
			position:relative;
			top:-20px;
			left:174px;
			width:824px;
			height:auto;
			min-height:596px;
			z-index:50;
		
		}
		
#container_projekat
		{
			*position:relative;
			*top:130px;
			*height:593px;
		}
		
		

		
#portfolio_middle
		{
			position:relative;
			top:0px;
			left:0px;
			width:816px;
			/*height:auto;*/
			height:593px;
			background-image:url(images/left_bg.png);
			background-repeat:repeat;
			border:1px solid #929396;
			_background-image:none;
			_background-color:black;
		}
		
.visina_portfolio
		{
			min-height:425px;
			
		}
		
.visina_usluge
		{
			min-height:235px;
		}
		
.portfolio_ispis
		{
			position:relative;
			left:14px;
			top:14px;
			width:797px;
			height:auto;
		}
		
#portfolio_pics a
		{
			position:relative;
			float:left;
			margin-right:7px;
			margin-bottom:7px;
			width:192px;
			height:183px;
			text-decoration:none;
		}

.ime_projekta
		{
			position:absolute;
			bottom:0px;
			left:0px;
			width:192px;
			height:auto;
			font-size:10px;
			color:#e7e6e6;
			background-color:black;
			padding:2px;
			z-index:500;
		}

#portfolio_pics a img
		{
			width:192px;
			/*height:auto;*/
			height:183px;
		}
		
	

		
#portfolio_levi_kvadrat
		{
			position:absolute;
			top:171px;
			left:23px;
			width:150px;
			z-index:10;
			background-image:url(images/left_bg.png);
			_background-image:none;
			_background-color:black;
			background-repeat:repeat;
			border-top:1px solid #929396;
			border-left:1px solid #929396;
			border-bottom:1px solid #929396;
			padding-bottom:10px;
			z-index:500;
		}
		
#pdf_broshura
		{
			position:absolute;
			top:385px;
			*top:400px;
			_top:400px;
			left:23px;
			font-size:12px;
		}
		
#pdf_broshura a
		{
			position:relative;
			top:-5px;
			color:#e7e6e6;
			font-size:11px;
		}
		
#pdf_broshura a:hover
		{
			text-decoration:none;
		}
		
.levi_middle ul
		{
			list-style-type:none;
			margin-left:10px;
			padding-left:0px;
			font-size:12px;
			color:#e7e6e6;
		}
		
.levi_middle ul li
		{
			margin-bottom:15px;
			
		}
		
.levi_middle ul li ul
		{
			padding-left:0px;
			margin-left:-15px;
		}
		
.levi_middle ul li ul li
		{
			margin-bottom:5px;
			margin-top:10px;
			
		}
		
.levi_middle ul li ul li a
		{
			text-decoration:none;
			padding:2px;
			
			margin-bottom:-5px;
		}

	
.neaktivan
		{
			color:#e7e6e6;
		}
		
.aktivan
		{
			color:red;
		}
		
.levi_middle ul li ul li a:hover
		{
			color:red;
		}
		
.levi_middle ul li ul
		{
			color:#e7e6e6;
			list-style-type:none;
			padding-left:30px;
		}

															
															/*KRAJ CSS ZA O PROJEKTE*/
															
															
															
															
															
															/*POCHETAK CSS ZA JEDAN PROJEKAT*/
															


#projekat_slichice
		{
			position:absolute;
			top:1px;
			left:0px;
			width:330px;
			height:340px;
		}
		
#projekat_slichice img
		{
			height:80px;
			width:102px;
			margin:0px;
            margin: 0px 4px 4px 0px;
		}
        
#projekat_slichice .proj_thumb
        {
            cursor: pointer;
        }
		
.ostale
		{
			border:1px solid #929396;
		}

#projekat_slichice .proj_thumb:hover
		{
			border:1px solid red;
		}
		
.pochetna
		{
			border:1px solid red;
		}
		
#projekat_slichice_navigacija
		{
			position:absolute;
			top:450px;
			left:0px;
			width:320px;
			height:auto;
			text-align:center;
			color:#e7e6e6;
			font-size:11px;
		}
		
#link_back
		{
			position:absolute;
			top:550px;
			left:0px;
			color:#e7e6e6;
			font-size:11px;
			z-index:500;
			display:block;
			cursor:pointer;
		}
		
#link_back a
		{
			color:white;
			text-decoration:none;
		}
		
#link_back:hover span
		{
			color:red;
		}
		
#projekat_slichice_navigacija img
		{
			cursor:pointer;
			width:8px;
			height:8px;
		}
		
#projekat_velika_slika
		{
			position:absolute;
			top:1px;
			left:325px;
			height:500px;
			width:635px;
			border:1px solid #929396;
			background-color:black;
			text-align:center;
			*padding:0px;
		}

#projekat_velika_slika table
		{
			width:635px;
			height:500px;
			text-align:center;
			margin:0px;
			padding:0px;
		}
		
#projekat_velika_slika img
		{
			/*max-height:494px;
			*height:494px;
			max-width:629px;
			*width:629px;  */
		}
															
#projekat_opis
		{
			position:absolute;
			top:505px;
			*top:510px;
			left:330px;
			width:625px;
			height:65px;
			color:#e7e6e6;
			font-size:11px;
			text-align:justify;
		}
		
/* NAKNADNO */
.display_none, .display_none_link
        {
		    display: none;
	    }				
															
															
															
															/*KRAJ CSS ZA JEDAN PROJEKAT*/
															
															
#true_blue
		{
			position:absolute;
			bottom:2px;
			left:2px;
		}
		
#true_blue a
		{
			color:#333;
			font-size:11px;
			text-decoration:none;
		}