/*
==================== TEXTS ======================= */

.brojac{
	position:fixed;
	background: none;
	margin: 10px 1050px;
	font-family: 'Raleway thin italic', sans-serif;
	padding:0px 0px;
	text-align:center;
	width: 20%;
	font-size:19px;
}

.verticalScroll{
	color: red;
}

.bold-font{
		font-family: "Raleway bold", sans-serif;
		font-size: 20px;
	}

.bold-orange{
		font-family: "Raleway black", sans-serif;
		font-size: 60px;
		color:#f58220;
		text-align:left;	
	}

.bold-white{
		font-family: "Raleway black", sans-serif;
		font-size: 40px;
		color:#fff;
		text-align:left;	
	}

.text-sivi{
	color: #58585B;
	font-family: 'Raleway light', sans-serif;
	padding:0px 0px;
	text-align:justify;
	width: 100%;
	font-size:19px;
}

.text-beli{
	color: #FFF;
	font-family: 'Raleway light', sans-serif;
	padding:0px 0px;
	text-align:justify;
	width: 100%;
	font-size:19px;
}

.text-beli-i{
	color: #FFF;
	font-family: 'Raleway light italic', sans-serif;
	padding: 25px 0px;
	padding-bottom: 25px;
	text-align:justify;
	width: 100%;
	font-size:19px;
	border-bottom:#fff;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-top:#fff;
	border-top-style:solid;
	border-top-width:thin;
	border-right:#fff;
	border-right-style:solid;
	border-right-width:thin;
}

.text-tamnosivi{
	color: #333333;
	font-family: 'Raleway light', sans-serif;
	margin-right: 0px;
	padding:0px;
	text-align:justify;
	width: 100%;
	font-size:19px;
	border:none;
}


.text-tamni{
	color: #808284;
	font-family: 'Raleway light', sans-serif;
	padding:0px 0px;
	text-align:center;
	width: 100%;
	font-size:19px;
	border:none;
	border-bottom: #666 solid 3px;
}

.text-menu{
	font-family: 'Raleway light', sans-serif;
	text-decoration: none;
	text-transform: none;
	text-align:center;
	width: 100%;
	height: 85px;
	font-size:20px;
}

.text-tdugme{
	font-family: 'Raleway light', sans-serif;
	text-decoration: none;
	text-transform: none;
	text-align:left;
	width: 100%;
	height: 25px;
	font-size:19px;
}

.text-tdugme a{
	color:#fff;
	margin: 50px;
	padding:0px 0px;
	width: 100%;
	height: 25px;
	background-color: #A7A9AB;
	cursor: pointer;
}

.text-tdugme a:hover{
	color:#E6E7E8;
	padding:0px 0px;
	cursor: pointer;
}

.text-tdugme a span{
	display:block;
	width: 100%;
	height: 25px;
	color: #fff;
	font-family: 'Raleway light', sans-serif;
	font-size:19pt;
	text-decoration:none;
	text-align:center;
	background-color: #A7A9AB;
	cursor: pointer;
	padding-top: 5px;
}
.text-tdugme a:hover span{
	color: #000000;
	background-color: #A7A9AB;
	padding-top: 5px;
}

/*
==================== BIG TOPICS ================== */

.black-font1{
	font-family: "Raleway black", sans-serif;
	font-size: 90px;
	text-align: left;
	color: black;
	opacity: 1;
	position:fixed;
	margin: 600px 80px;
	padding: 0px;
	width: 98%;
	height: 100%;
	overflow-style:marquee-block;
}


/*
====================== LAYERS ===================== */

/* Basic */
#layer_00_content{
	position: absolute;
	color: #fff;
	width:100%;
	height: 18150px;
}
/* Layer 1 HIGHLIGHTS */
#layer_01_text{
	position:fixed;
	margin: 100px 0px;
	background-position: left;
	background-repeat:no-repeat;
	width: 60%;
	height: 150px;
	opacity: 1;
}

#layer_01_bejn{
	position: fixed;
	margin: 0px 0px;
	background: url(../img/Bejn_odelce.png);
	background-position: right;	
	background-repeat:no-repeat;
	width: 95%;
	height: 110%;
}

#layer_01_slika{
	position: fixed;
	margin: 0px 0px;
	width: 3000px;
	height: 1200px;
}
.layer_01_slika{
	position: fixed;
	background: url(../img/back_img_01.jpg);
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	width: 2000px;
	height: 1000px;
}

#layer_01_color{
	position: fixed;
	margin: -10px 0px;
	width: 100%;
	height: 900px;
}
.layer_01_color{
	position: fixed;
	margin: -10px 0px;
	background:#6c665c;
	width: 100%;
	height: 900px;
	opacity: 0.8;
}

/* Layer 2 HONORS*/

#layer_02_traka{
	position: fixed;
	margin: 950px 0px;
	background: #404040;
	width: 100%;
	border-bottom: #f58220;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-top: #f58220;
	border-top-style: solid;
	border-top-width: medium;
	height: 650px;
	opacity: 0.9;
}

#layer_02_text{
	position: fixed;
	margin: 950px 0px;
	background: none;
	width: 60%;
	height: 650px;
	opacity: 1;
}

/* Layer 3 RESEARCH */


#layer_03_traka{
	position: fixed;
	margin: 1920px 0px;
	background: #404040;
	width: 100%;
	border-bottom: #f58220;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-top: #f58220;
	border-top-style: solid;
	border-top-width: medium;
	height: 800px;
	opacity: 1;
}

#layer_03_text{
	position: fixed;
	margin: 1920px 0px;
	font-family: "Raleway bold", sans-serif;
	font-size: 18px;
	color:#fff;
	text-align: center;	
	background: none;
	width: 100%;
	height: 800px;
	opacity: 1;
}

/* Researchers */


#layer_03_slika_1{
	position: absolute;
	margin: 0px 100px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_1{
	position: absolute;
	margin: 0px 100px;
	background: url(../img/01_David.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 150px;
	height: 200px;
}
#layer_03_name_1{
	position: absolute;
	margin: 210px 100px;
	width: 150px;
	height: 50px;
}
.layer_03_name_1{
}

#layer_03_slika_2{
	position: inherit;
	margin: 0px 340px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_2{
	position: inherit;
	margin: 0px 340px;
	background: url(../img/02_Pedja.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 150px;
	height: 200px;
}
#layer_03_name_2{
	position: absolute;
	margin: 210px 340px;
	width: 150px;
	height: 50px;
}
.layer_03_name_2{
}

#layer_03_slika_3{
	position: inherit;
	margin: 0px 580px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_3{
	position: inherit;
	margin: 0px 580px;
	background: url(../img/03_Xinmiao.jpg);
	background-size: contain;
	background-position: top;
	width: 225px;
	height: 300px;
	border: #f58220;
	border-style: solid;
	border-width: thin;
}
#layer_03_name_3{
	position: absolute;
	margin: 210px 580px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_3{
}

#layer_03_slika_4{
	position: inherit;
	margin: 0px 820px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_4{
	position: inherit;
	margin: 0px 820px;
	background: url(../img/04_Valentin.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_4{
	position: absolute;
	margin: 210px 820px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_4{
}

#layer_03_slika_5{
	position: inherit;
	margin: 0px 1060px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_5{
	position: inherit;
	margin: 0px 1060px;
	background: url(../img/05_Francois.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_5{
	position: absolute;
	margin: 210px 1060px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_5{
}

#layer_03_slika_6{
	position: inherit;
	margin: 0px 1300px;;
	width: 150px;
	height: 200px;
}
.layer_03_slika_6{
	position: inherit;
	margin: 0px 1300px;
	background: url(../img/06_Francisco.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_6{
	position: absolute;
	margin: 210px 1275px;
	width: 200px;
	height: 50px;
	background: none;
}
.layer_03_name_6{
}

#layer_03_slika_7{
	position: absolute;
	margin: 270px 100px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_7{
	position: absolute;
	margin: 270px 100px;
	background: url(../img/07_Vida.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 150px;
	height: 200px;
}
#layer_03_name_7{
	position: absolute;
	margin: 480px 100px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_7{
}

#layer_03_slika_8{
	position: inherit;
	margin: 270px 340px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_8{
	position: inherit;
	margin: 270px 340px;
	background: url(../img/08_Seyad.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 150px;
	height: 200px;
}
#layer_03_name_8{
	position: absolute;
	margin: 480px 340px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_8{
}

#layer_03_slika_9{
	position: inherit;
	margin: 270px 580px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_9{
	position: inherit;
	margin: 270px 580px;
	background: url(../img/09_Mohsen.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_9{
	position: absolute;
	margin: 480px 555px;
	width: 200px;
	height: 50px;
	background: none;
}
.layer_03_name_9{
}

#layer_03_slika_10{
	position: inherit;
	margin: 270px 820px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_10{
	position: inherit;
	margin: 270px 820px;
	background: url(../img/10_Xin.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_10{
	position: absolute;
	margin: 480px 820px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_10{
}

#layer_03_slika_11{
	position: inherit;
	margin: 270px 1060px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_11{
	position: inherit;
	margin: 270px 1060px;
	background: url(../img/11_Nithin.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_11{
	position: absolute;
	margin: 480px 1035px;
	width: 200px;
	height: 50px;
	background: none;
}
.layer_03_name_11{	
}

#layer_03_slika_12{
	position: inherit;
	margin: 270px 1300px;
	width: 150px;
	height: 200px;
}
.layer_03_slika_12{
	position: inherit;
	margin: 270px 1300px;
	background: url(../img/12_Brkic.jpg);
	background-size: contain;
	background-position: top;
	border: #f58220;
	border-style: solid;
	border-width: thin;
	width: 225px;
	height: 300px;
}
#layer_03_name_12{
	position: absolute;
	margin: 480px 1300px;
	width: 150px;
	height: 50px;
	background: none;
}
.layer_03_name_12{
}

/* Layer 4 RESEARCH */

#layer_04_traka{
	position: fixed;
	margin: 4650px 0px;
	background: #404040;
	width: 100%;
	border-bottom: #f58220;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-top: #f58220;
	border-top-style: solid;
	border-top-width: medium;
	height: 600px;
	opacity: 0.9;
}

#layer_04_text{
	position: fixed;
	margin: 4600px 0px;
	font-family: "Raleway bold", sans-serif;
	font-size: 18px;
	color:#fff;
	text-align: center;	
	background: none;
	width: 100%;
	height: 800px;
	opacity: 1;
}


/* Layer 5 TEACHING */

#layer_05_slika{
	position: fixed;
	margin: 5250px 0px;
	width: 2400px;
	height: 1100px;
}
.layer_05_slika{
	position: fixed;
	background: url(../img/back_img_05.jpg);
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	width: 2400px;
	height: 1100px;
	border-top: #f58220;
	border-bottom: #f58220;
	border-style: solid;
	border-width: medium;
}


#layer_05_traka{
	position: fixed;
	margin: 5250px 0px;
	background: #404040;
	width: 100%;
	border-bottom: #f58220;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-top: #f58220;
	border-top-style: solid;
	border-top-width: medium;
	height: 600px;
	opacity: 0.9;
}

#layer_05_text{
	position: fixed;
	margin: 5250px 0px;
	font-family: "Raleway bold", sans-serif;
	font-size: 18px;
	color:#fff;
	text-align: center;	
	background: none;
	width: 100%;
	height: 800px;
	opacity: 1;
}



/* Layer 6 PUBLICATIONS */