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

	body {
	background-color:#FFFFFF;
	 
	margin:0;
	font-family: 'Inder', sans-serif;
	overflow:hidden;
}
	a {color:#FFF; text-decoration:none;}
	a:hover {color:#aaa;}
	/* Firefox Dotted Outline Fix */
	a:active {outline: none;}

	/* Firefox Dotted Outline Fix */
	a:focus {-moz-outline-style: none;}
	.clear{clear:both;}
	#gradijentGore {
		/*background:red;*/
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e6eee4));
	background: -webkit-linear-gradient(top, #FFFFFF, #e6eee4);
	background: -moz-linear-gradient(top, #FFFFFF, #e6eee4);
	background: -ms-linear-gradient(top, #FFFFFF, #e6eee4);
	background: -o-linear-gradient(top, #FFFFFF, #e6eee4);
	position:absolute;
	top:210px;
	left:50%;
	margin-left:-50%;
	width:70%;
	height:175px;
	z-index:-1;
	/*-moz-box-shadow: 5px 10px 10px #888;
	-webkit-box-shadow: 5px 10px 10px #888;
	box-shadow: 5px 10px 10px #888;*/}
	#gradijentDole {
		/*background:red;*/
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6eee4), to(#FFFFFF));
	background: -webkit-linear-gradient(top, #e6eee4, #FFFFFF);
	background: -moz-linear-gradient(top, #e6eee4, #FFFFFF);
	background: -ms-linear-gradient(top, #e6eee4, #FFFFFF);
	background: -o-linear-gradient(top, #e6eee4, #FFFFFF);
	position:absolute;
	top:384px;
	left:50%;
	margin-left:-50%;
	width:70%;
	height:175px;
	z-index:-1;
	/*-moz-box-shadow: 5px 10px 10px #888;
	-webkit-box-shadow: 5px 10px 10px #888;
	box-shadow: 5px 10px 10px #888;*/}
	#strafta { position:absolute; z-index:-1; margin-left:50%; padding-left:151px;
	-moz-box-shadow: 5px -10px 10px #888;
	-webkit-box-shadow: 5px -10px 10px #888;
	box-shadow: 5px -10px 10px #888;}
	#zaglavlje {margin:0 auto; padding:0; width:802px;}
	#logoEPL {margin:10px auto 20px auto; padding:0; width:530px; height:154px; background:#FFF; position:relative; float:left; z-index:1;}
	#logoIF {margin:10px 36px 20px auto; padding:0; width:180px; height:154px; position:relative; float:right; z-index:1;}
	#navigacija {margin:0px auto 0px auto; padding:0; width:100%; height:27px; background:#01200e; z-index:20;}
	
	ul#menu {
		width:802px;
		height:30px;
		list-style:none;
		margin:0 auto;
		padding:0;}

	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;}

	/* Link - common attributes */
	ul#menu li a {
		background:url(../pics/sprite.png) no-repeat scroll top left;
		display:block;
		height:27px;
		position:relative;}

	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {width:80px;}
	ul#menu li a.general {width:80px; background-position:-80px 0px;}
	ul#menu li a.generalAktivan {width:80px; background-position:-80px -81px;}
	ul#menu li a.research {width:80px; background-position:-160px 0px;}
	ul#menu li a.researchAktivan {width:80px; background-position:-160px -81px;}
	ul#menu li a.projects {width:80px; background-position:-240px 0px;}
	ul#menu li a.projectsAktivan {width:80px; background-position:-240px -81px;}
	ul#menu li a.facilities {width:80px; background-position:-320px 0px;}
	ul#menu li a.facilitiesAktivan {width:80px; background-position:-320px -81px;}
	ul#menu li a.publications {width:80px; background-position:-400px 0px;}
	ul#menu li a.publicationsAktivan {width:80px; background-position:-400px -81px;}
	ul#menu li a.staff {width:72px; background-position:-480px 0px;}
	ul#menu li a.staffAktivan {width:72px; background-position:-480px -81px;}
	ul#menu li a.collaborations {width:96px; background-position:-552px 0px;}
	ul#menu li a.collaborationsAktivan {width:96px; background-position:-552px -81px;}
	ul#menu li a.news {width:72px; background-position:-648px 0px;}
	ul#menu li a.newsAktivan {width:72px; background-position:-648px -81px;}
	ul#menu li a.contact {width:82px; background-position:-720px 0px;}
	ul#menu li a.contactAktivan {width:82px; background-position:-720px -81px;}
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../pics/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;}
.nedostaje {color:red;}
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;}

	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -81px;}

	/* Shift background position on hover for the class: "general" */
	ul#menu li a.general span {background-position:-80px -81px;}
	ul#menu li a.generalAktivan span {background-position:-80px -81px;}
	ul#menu li a.research span {background-position:-160px -81px;}
	ul#menu li a.researchAktivan span {background-position:-160px -81px;}
	ul#menu li a.projects span {background-position:-240px -81px;}
	ul#menu li a.projectsAktivan span {background-position:-240px -81px;}
	ul#menu li a.facilities span {background-position:-320px -81px;}
	ul#menu li a.facilitiesAktivan span {background-position:-320px -81px;}
	ul#menu li a.publications span {background-position:-400px -81px;}
	ul#menu li a.publicationsAktivan span {background-position:-400px -81px;}
	ul#menu li a.staff span {background-position:-480px -81px;}
	ul#menu li a.staffAktivan span {background-position:-480px -81px;}
	ul#menu li a.collaborations span {background-position:-552px -81px;}
	ul#menu li a.collaborationsAktivan span {background-position:-552px -81px;}
	ul#menu li a.news span {background-position:-648px -81px;}
	ul#menu li a.newsAktivan span {background-position:-648px -81px;}
	ul#menu li a.contact span {background-position:-720px -81px;}
	ul#menu li a.contactAktivan span {background-position:-720px -81px;}
.godine {
	position:absolute;
	top:251px;
	right:50%;
	margin-right:-152px;
	width:100%;
	height:28px;
	background:#01200e; 
	opacity:0.7;
	z-index:10;
	-moz-box-shadow: inset 5px 5px 5px 0px #000;
	-webkit-box-shadow: inset 5px 5px 5px 0px #000;
	box-shadow: inset 5px 5px 5px 0px #000;}
#zaRedjanje {
	position:relative;
	float: right;
	/*margin-right:350px;*/
	margin-right:190px;
	width:400px;}
.godina {
	position:relative;
	float: right;
	width:60px;
	padding: 4px 0;
	font-size:13px;
	color:#FFF;
	text-align:center;
	border-right:#FFF solid 1px;
	
	/*margin-left:10px;*/}
.godinaAktivna {
	position:relative;
	float: right;
	font-size:13px;
	width:60px;
	color:#000;
	height:30px;
	padding: 4px 0;
	background:#FFF;
	text-align:center;}
.godinaAktivna a {color:#000;}
.godinaAktivna a:hover {color:#aaa;}
.beloNews {position:absolute;
	top:279px;
	right:50%;
	margin-right:-140px;
	width:100%;
	height:30px;
	background:#FFF; 
	z-index:10;}
.beloColaborations {position:absolute;
	top:229px;
	right:50%;
	margin-right:-140px;
	width:100%;
	height:30px;
	background:#FFF; 
	z-index:10;}
.sadrzajDesno {margin-top:40px; z-index:100; }
.prekoStrafte {margin:0px 0px 0px 50%; padding:0; width:100%;}
.more {position:relative; float:right; margin: 14px 18px 2px 0px; width:30px; height:14px; font-weight:bold;}
.more a {color:#000;}
.more a:hover {color:#aaa;}
#generalNaslov, #newsNaslov {background:#01200e; color:#FFF; opacity:0.7; height:20px; width: 60%; margin:10px 0px 0px 152px; padding:4px;font-size:14px;z-index:100;-moz-box-shadow: inset 5px 5px 5px 0px #000;
	-webkit-box-shadow: inset 5px 5px 5px 0px #000;
	box-shadow: inset 5px 5px 5px 0px #000;}
#general, #news {/*background:#01200e;*/ color:#000; opacity:1; /*height:20px;*/ width: 242px; margin:6px 0px 0px 152px; padding:4px;font-size:12px; z-index:10;}

#logoIF, #logoEPL, .more {
	background: transparent;
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE 6 & 7 */      
   zoom: 1;}
.linija {
	position:absolute;
	width:520px;
	top:251px;
	left:50%;
	margin-left:-400px;
	border-top:#000 solid 1px;}
#sadrzajLevo {
	position:absolute;
	margin-left:50%;
	left:-402px;
	top:252px;
	width:510px;
	height:268px;
	/*background:#000;*/
	-moz-box-shadow: 4px 4px 14px #888;
	-webkit-box-shadow: 4px 4px 14px #888;
	box-shadow: 4px 4px 14px #888;}
#sadrzajLevoBezSenke {
	position:absolute;
	margin-left:50%;
	left:-402px;
	top:230px;
	/*width:410px;*/
	height:268px;
	/*-moz-box-shadow: 4px 4px 14px #888;
	-webkit-box-shadow: 4px 4px 14px #888;
	box-shadow: 4px 4px 14px #888;
	background:#000;
	-moz-box-shadow: 4px 4px 14px #888;
	-webkit-box-shadow: 4px 4px 14px #888;
	box-shadow: 4px 4px 14px #888;*/}
.senkaOkvir {
	position:absolute;
	top:250px;
	width: 100%;
	height:268px;
	background:#FFFFFF;
	z-index:0;
	-moz-box-shadow: 4px 4px 30px #666;
	-webkit-box-shadow: 4px 4px 30px #666;
	box-shadow: 4px 4px 30px #666;
	opacity:0.5;filter:alpha(opacity=50);
	}
/*.senkaOkvir {
	position:absolute;	width: 0; 
	top:0px;
	left:50%;
	margin-left:-500px;
   	height: 0;
  	border-top: 600px solid #CC6600;
  	border-left: 500px solid transparent; 
  	border-right: 500px solid transparent;
  	opacity:0.2; 
   	filter:alpha(opacity=20);}*/

.trougaoDesno	{ 
	position: absolute;
	right:50%;
	top: 488px;
	margin-right:-394px;
	width: 0;
   height: 0;
   border-right: 30px solid #CC6600;
   border-top: 24px solid transparent;
   border-bottom: 0px solid transparent;
   z-index:10;
   /*opacity:0.2; 
   	filter:alpha(opacity=20);*/}
.trougao	{ 
	position: absolute;
	left:50%;
	top: 260px;
	margin-left:-428px;
	width: 0;
   height: 0;
   border-left: 30px solid #CC6600;
   border-top: 0px solid transparent;
   border-bottom: 24px solid transparent;
   z-index:10;
   /*opacity:0.2; 
   	filter:alpha(opacity=20);*/}
#fles {
	position:relative;
	padding:0;
	float:left;
	margin:0px 0px 0px 0px;
	width:520px;
	height:268px;}
.tekst {
	position:absolute;
	width:440px;
	padding:30px 10px;
	font-family: 'Inder', sans-serif;
	font-size:12px;
	color:#000;
	}
.tekst a {color:#000; font-weight:bold;}
.tekst a:hover {color:#aaa;}
.tekstStaff a {color:#000; font-weight:bold;}
.tekstStaff a:hover {color:#aaa;}
.tekstStaff {
	position:absolute;
	width:510px;
	padding:30px 10px;
	font-family: 'Inder', sans-serif;
	font-size:12px;
	color:#000;
	}

.pasus {
	padding:10px 4px 0px 18px;}
.pasus ul {margin:0;
	padding-left: 0;}
.pasus li {
	list-style:circle;
	padding-bottom:4px;
	}
.zaPretragu {
	position:absolute;
	/*margin:0 auto*/;
	padding:0;
	top:560px;
	right:50%;
	width:100%;
	height:28px;
	/*margin-right:-150px;*/
	margin-right:-401px;
	background:#01200e; z-index:20;
	opacity:0.7;
	-moz-box-shadow: inset 5px 5px 5px 0px #000;
	-webkit-box-shadow: inset 5px 5px 5px 0px #000;
	box-shadow: inset 5px 5px 5px 0px #000;}
.pretraga {
	padding-top:1px;
	position:relative;
	float:right;
	/*left:50%;*/
	margin-right:513px;}

.res { /*position:absolute;*/ top:0px; left:0px; height:100%;}
.resSadrzaj {padding:0px 10px;
	font-family: 'Inder', sans-serif;
	font-size:12px;
	color:#000;
	/*position:relative; float:left;*/ width: 740px;}
.resStavka {margin:0px 0px 10px 0px;
	padding:0;
	position:relative;
	float:left;
	width:340px;}
.resStavka a {}
.resStavka a:hover {opacity:0.9;}
.resStavka img {
	width:320px; height:150px;
	/*-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	margin-right:30px;*/}
.resStavka .senkaPrekoImg {
	position:absolute;
	top:0;
	left:0;
	width:320px;
	height:150px;
	-moz-box-shadow: /*inset*/ 4px 4px 10px 4px #ddd;
	-webkit-box-shadow: /*inset*/ 4px 4px 10px 4px #ddd;
	box-shadow: /*inset*/ 4px 4px 10px 4px #ddd;}

#researchKontejner { position: relative; float:left;/* top:0px; left:0px;*/ margin-top:2px;}
#research img { width:152px; height:70px;}
#research { position:relative; float:left; margin:14px 14px 0px 0px;}
#research a {}
#research a:hover {opacity:0.9;}
.researchNatpis {position:relative; float: left;width: 110px;/*bottom:10px; background:#C60;*/ color:#000; line-height:16px; font-family: 'Inder', sans-serif; font-size:12px; /*padding:2px;*/ opacity:0.9; font-weight:bold; margin-left:10px; /*margin-top:10px;*/
/*-moz-box-shadow: 0px 2px 5px #000;
	-webkit-box-shadow: 0px 2px 5px #000;
	box-shadow: 0px 2px 5px #000;
	margin-left:1px;*/
	z-index:10;}
#facilities {width:560px;
margin-left:10px;
margin-top:0px;
	/*padding:0px 10px*/;}

#facilitiesSlike { position:relative; float:left; margin:0px 16px 14px 0px; width: 230px;/*-moz-box-shadow: 4px 4px 10px 3px #ddd;
	-webkit-box-shadow: 4px 4px 10px 3px #ddd;
	box-shadow: 4px 4px 10px 3px #ddd;*/}
#facilitiesSlika { position:relative; float:left;}
#facilitiesSlika img { width:90px; height:50px;-moz-box-shadow: 0px 2px 5px #000;
	-webkit-box-shadow: 0px 2px 5px #000;
	box-shadow: 0px 2px 5px #000;}
#facilities a {}
#facilities a:hover {opacity:0.8;}
.facilit ul {margin:0;
	padding-left: 0;}
.facilit li { list-style:circle;}

.lis {
	padding:0px 4px 0px 18px;}
.lis ul {margin:0;
	padding-left: 0;}
.lis li {
	list-style:circle;
	padding-bottom:0px;
	}

.collaborationIme {width: 484px; font-family: 'Inder', sans-serif; font-size:12px; border-bottom:#000 solid 1px; text-align:left; margin-left:8px;}
.collaborationInstitucija {width: 484px; font-family: 'Inder', sans-serif; font-size:10px; text-align:right; color:#777; margin-bottom:4px;margin-left:8px;}

.vestIme {width: 470px; font-family: 'Inder', sans-serif; font-size:12px; border-bottom:#000 solid 1px; text-align:left;margin-bottom:20px;}
/*.vestInstitucija {width: 470px; font-family: 'Inder', sans-serif; font-size:10px; text-align:right; color:#777; margin-bottom:14px;}*/
.footer {color:#FFF;
	position:absolute; bottom:0px; height:16px; width:100%; background:#000000; color:#fff; font-size:10px; opacity:1; padding:4px 0 0 0;z-index:20;}
.footerStavka {/*width:300px;*/ float: left; /*text-align:left;*/ border-right:#FFF solid 1px; height:14px; margin-right:4px; padding-right:4px}
.footerStavkaKraj {/*width:300px;*/ float: left; /*text-align:left;*/ /*border-right:#FFF solid 1px;*/ height:14px; margin-right:4px; padding-right:4px}