@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);

* {
	padding: 0px;
	margin: 0px;	
}

html{
	overflow-x:hidden;
	background: url('../img/site/bg.jpg') #d0d1d3 no-repeat center top fixed;
}

body,
html {
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	padding: 0;
	margin: 0;
}

.display-none {
	display: none;
}

h3 {
	font-size: 15px;
}
	
.content-holder img:not(.news-item-icon) {
	border-radius: 5px;
}

.unselectable {
	/*user-select:         none;
	cursor: default;*/
}

.float-left { float: left; }
.float-right { float: right; }

.clear { clear: both; }

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 1280px;
}

.website-name {
	margin-bottom: 0px;
	margin-top: 15px;
	text-align: center;
	font-size: 19px;
	line-height: 18px;
	color: #fff;
	font-family: WarnockPro-Regular;
}

.website-name a{
	color: #fff;
	text-decoration: none;
}

.website-name a #faculty{
	margin-bottom: 53px;
	margin-top: 5px;
	height: 40px;
}

.banner-holder {
	-webkit-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	transform:rotate(-10deg);

	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;

	border-radius: 150px;

	margin-top: -220px;
	margin-left: -50px;

	position: relative;
	overflow: hidden;

	height: 790px;	/*800*/
	width: 1400px;
}

	.banner-holder .banner {
		-webkit-transform:rotate(10deg);
		-ms-transform:rotate(10deg);
		transform:rotate(10deg);

		background-color: #000;

		position: absolute;
		display: none;

		right: -100px;
		left: -90px;
		top: 80px;
	}

	.banner-holder .banner.active {
		display: block;
	}

.main-menu {
	position: relative;
	margin-left: 20px;
	margin-top: -200px;
	width: 925px;
	z-index: 50;
}

.main-menu-item-image {
	margin-top: -130px;
	position: absolute;
	display: none;
	height: 130px;
	width: 130px;
}

	.main-menu > ul {
		word-spacing: -2px;
		height: 90px;
		display: flex;
	}

	.main-menu ul,
	.main-menu li {
		list-style: none;
	}

	.main-menu > ul > li {
		-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
		-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 4px rgba(0,0,0,0.4);

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;

		background-color: rgba(6,21,47,0.65);
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		word-spacing: 1px;
		line-height: 70px;
		transition: 400ms;
		height: 70px;
		
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0;
	}

	.main-menu > ul > li:hover {
		background-color: rgba(6,21,47,0.90);
	}

		.main-menu > ul > li > a,
		.main-menu > ul > li > .a {
			text-transform: uppercase;
			vertical-align: middle;
			text-decoration: none;
			display: inline-block;
			text-align: center;
			line-height: 14px;
			font-size: 13px;
			/* width: 130px; */
			color: #fff;
		}

		.main-menu > ul > li > ul {
			position: absolute;
			line-height: 20px;
			display: none;
			height: auto;
		}

		.main-menu > ul > li ul:after {
			display: block;
			height: 30px;
			content: '';
			width: auto;
		}

		.main-menu > ul > li ul:before {
			margin-left: -10%;
			margin-top: -30px;
			display: block;
			height: 30px;
			content: '';
			width: 120%;
		}
		
			.main-menu > ul > li > ul > li:after {
				content: '';
				display: block;
				height: 40px;
				width: 140%;
			}

			.main-menu > ul > li > ul > li {
				margin-top: -40px;
			}
			
			.main-menu > ul > li > ul > li:first-child {
				margin-top: 1px;
			}

			.main-menu > ul > li:hover > ul {
				padding-top: 0px;
				display: block;
			}

					.main-menu > ul > li > ul > li > a,
					.main-menu > ul > li > ul > li > .a {
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						-ms-border-radius: 3px;
						border-radius: 3px;

						background-color: rgba(6,21,47,0.95);
						text-transform: uppercase;
						text-decoration: none;
						padding: 5px 10px;
						text-align: left;
						font-size: 12px;
						display: block;
						color: #fff;

						min-width: 110px;

						margin-bottom: 1px;
					}

					.more-menu-arrow {
						background-image: url(../img/site/more-menu-arrow.png);
						background-position: center right;
						background-repeat: no-repeat;
					}

						.main-menu > ul > li > ul > li > ul {
							position: absolute;
							line-height: 20px;
							margin-top: -31px;
							display: none;
							right: -300px;
							height: auto;
							width: 300px;
						}

							.main-menu > ul > li > ul > li {
								padding-top: 0px;
							}

							.main-menu > ul > li > ul > li:hover ul {
								display: block;
							}

								.main-menu > ul > li > ul > li > ul > li > a,
								.main-menu > ul > li > ul > li > ul > li > .a {
									-webkit-border-radius: 3px;
									-moz-border-radius: 3px;
									-ms-border-radius: 3px;
									border-radius: 3px;

									background-color: rgba(6,21,47,0.85);
									text-transform: uppercase;
									text-decoration: none;
									margin-bottom: 0px;
									padding: 5px 10px;
									text-align: left;
									font-size: 12px;
									display: block;
									width: auto;
									color: #fff;

									margin-bottom: 1px;
								}
							
			.main-menu > ul > li > ul > li a:hover,
			.main-menu > ul > li > ul > li .a:hover {
				background-color: rgba(6,21,47,1);
			}

			.main-menu a.mouse-hand {
				cursor: pointer;
			}

	.upis {
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
		-ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 8px rgba(0,0,0,0.6);

		background-color: rgba(6,21,47,0.62);

		width: 200px;
		height: 150px;

		-webkit-transform:rotate(10deg);
		-ms-transform:rotate(10deg);
		transform:rotate(10deg);

		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		border-radius: 50px;

		transition: 667ms;

		top: 180px;

		position: absolute;
		display: block;
		z-index: 200;
	}

		.upis-label {
			background: url(../img/site/upis.png) no-repeat center;

			display: block;
			height: 52px;
			width: 134px;

			margin-left: 40px;
			margin-top: 70px;

			-webkit-transform:rotate(-10deg);
			-ms-transform:rotate(-10deg);
			transform:rotate(-10deg);

			transition: 667ms;

			cursor: pointer;
		}

		.upis-label.sr { background: url(../img/site/sr-upis.png) no-repeat center; }
		.upis-label.en { background: url(../img/site/en-upis.png) no-repeat center; }

		.upis:hover,
		.upis.active {
			background-color: rgba(6,21,47,0.7);
			-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			transform:rotate(0deg);
		}

			.upis:hover .upis-label,
			.upis.active .upis-label {
				-webkit-transform:rotate(0deg);
				-ms-transform:rotate(0deg);
				transform:rotate(0deg);
			}

	.banner-information-strip-background {
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
		-ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 8px rgba(0,0,0,0.6);

		background-color: rgba(6,21,47,0.62);
		padding: 20px 10px 0px 10px;
		position: absolute;
		height: 100%;
		width: 260px;
		bottom: 0px;
		right: 0px;
		top: 0px;

		transition: 500ms;

		/*z-index: 10;*/

		padding-bottom: 15px;

		min-height: 920px;
	}

	.banner-information-strip {
		padding: 20px 10px 0px 10px;
		position: absolute;
		height: 100%;
		width: 260px;
		bottom: 0px;
		right: 0px;
		top: 0px;

		transition: 500ms;

		z-index: 10;

		padding-bottom: 15px;
	}

	.banner-information-strip-background:hover {
		background-color: rgba(6,21,47,0.67);
	}

		.banner-navigation {
			text-align: center;
		}

			.banner-navigation-item	{
				background: url(../img/site/banner-buttons.png) no-repeat top right;
				display: inline-block;
				margin: 0px 2px;
				cursor: pointer;
				height: 11px;
				width: 12px;
			}

			.banner-navigation-item.active {
				background-position: top left;
			}

		.banner-title {
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			padding: 0px 10px;
			margin-top: 20px;
			font-size: 18px;
			display: block;
			height: 81px;
			color: #fff;
		}

		.banner-title:hover {
			text-decoration: underline;
		}

		.banner-subtitle {
			text-align: center;
			min-height: 195px;
			padding: 0px 3px;
			overflow: hidden;
			margin-top: 5px;
			font-size: 13px;
			display: block;
			color: #fff;
			line-height: 14px;
		}
			.banner-subtitle a{
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}
			.banner-subtitle ul li{
				font-size: 13px;
			}

		.search-form {
			text-align: center;
		}

			.search-box {
				background: url(../img/site/search-box.png) no-repeat center;
				vertical-align: bottom;
				text-align: left;
				padding: 8px 6px;
				font-size: 12px;
				color: #414d61;
				border: none;
				height: 15px;
				width: 136px;
			}

			.search-submit {
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px;
				-ms-border-radius: 7px;
				border-radius: 7px;

				background: rgba(168,1,29,0.9);
				vertical-align: bottom;
				cursor: pointer;
				border: none;
				display:inline-block;
				width: 21px;
				height: 16px;
				padding: 7px 21px;
			}

			.univerzitet-singidunum-logo {
				background: url(../img/site/univerzitet-singidunum-logo-sr.png) no-repeat center;
				background-size: contain;
				text-decoration: none;
				cursor: pointer;
				display: block;
				height: 78px;
				z-index: 20;
			}

			.member-list {
				text-align: left;
			}

				.member-list .member-list-item {
					letter-spacing: -.5px;
					text-decoration: none;
					transition: .4s;
					font-size: 12px;
					display: block;
					padding: 2px;
					color: #FFF;
					margin: 3px 0px;
				}

				.member-list .member-list-item:last-child {
					border-bottom: none;
				}

				.member-list .member-list-item:hover {
					background-color: rgba(243,243,243,0.16);
					border-color: #fff;
				}

	.languages {
		position: absolute;
		right: 25px;
		width: 23px;
		top: 240px;
	}

		.language-link {
			background-image: url(../img/site/languages.png);
			background-repeat: no-repeat;
			display: inline-block;
			margin-bottom: 4px;
			height: 13px;
			width: 23px;
		}

		.language-link-sr { background-position: 0px    0px; }
		.language-link-en { background-position: 0px  -13px; }
		.language-link-gr { background-position: 0px  -26px; }
		.language-link-de { background-position: 0px  -39px; }
		.language-link-it { background-position: 0px  -52px; }
		.language-link-fr { background-position: 0px  -65px; }
		.language-link-ru { background-position: 0px  -78px; }
		.language-link-zh { background-position: 0px  -91px; }
		.language-link-jp { background-position: 0px -104px; }
		.language-link-ar { background-position: 0px -117px; }

	.networks {
		position: absolute;
		right: 25px;
		width: 23px;
		top: 705px;
	}

	.networks:hover .network-link {
		opacity: 0.67;
	}

		.network-link {
			background-image: url(../img/site/networks.png);
			background-repeat: no-repeat;
			display: inline-block;
			margin-bottom: 4px;
			transition: 500ms;
			height: 23px;
			width: 23px;
		}

		.network-link-fb { background-position: 0px     0px; }
		.network-link-gp { background-position: 0px   -23px; }
		.network-link-tw { background-position: 0px   -46px; }
		.network-link-yt { background-position: 0px   -69px; }
		.network-link-rss { background-position: 0px  -92px; }
		.network-link-and { background-position: 0px -115px; }
		.network-link-ing { background-position: 0px -136px; }
		.network-link-lin { background-position: 0px -158px; }

		.network-link:hover {
			opacity: 1.0 !important;
		}

	.euro-holder {
		position: absolute;
		display: block;
		right: -35px;
		width: 80px;
		top: 920px;
	}

		.euro-value {
			font-size: 9px;
			color: #414d61;
			display: none;
		}
			.euro-value a{
				color: #414d61;
				text-decoration: none;
				font-weight: bold;
			}

		.euro-sign {
			background: url(../img/site/euro.png) no-repeat center;
			display: inline-block;
			margin-bottom: 5px;
			height: 16px;
			width: 16px;
		}

		.euro-holder:hover .euro-value {
			margin-left: -10px;
			display: block;
		}

	.sidebars {
		position: absolute;
		margin-left: 45px;
		margin-top: 45px;
		left: -70px;
		top: 700px;
		font-size: 14px;
	}

	.left-sidebar-holder-box {
		background-color: rgba(228,229,233,0.61);

		-webkit-transform:rotate(10deg);
		-ms-transform:rotate(10deg);
		transform:rotate(10deg);

		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		-ms-border-radius: 80px;
		border-radius: 80px;
		margin-bottom: 20px;
		overflow: hidden;

		width: 230px;
	}

		.left-sidebar-holder {
			-webkit-transform:rotate(-10deg);
			-ms-transform:rotate(-10deg);
			transform:rotate(-10deg);

			margin: 20px 10px 30px 5px;
		}
		.left-sidebar-holder ul li{
			list-style: none;
		}

			.left-sidebar-item {
				margin-bottom: 13px;
				margin-left: 50px;
				cursor: pointer;
				display: block;
				text-transform: uppercase;
			}
			
			.left-sidebar-item-img {
				margin-bottom: 13px;
				margin-left: 50px;
				cursor: pointer;
				display: block;
			}

	.content-holder-box {
		margin-top: -10px;
		margin-left: 0px;

		background: url(../img/site/news-back.png) center no-repeat;

		position: relative;
		overflow: hidden;

		font-size: 14px;
		height: 460px;
		width: 955px;

	}

	.content-holder-box:not(.no_rotation_propagate) {
		height: 393px;
		width: 940px;

		margin-left: 10px;
		margin-top: 20px;

		background-image: none;
		background-color: rgba(168,1,29,0.88);

		-webkit-transform:rotate(-3deg);
		-ms-transform:rotate(-3deg);
		transform:rotate(-3deg);

		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		-ms-border-radius: 80px;
		border-radius: 80px;
	}

		.content-holder-box a {
			text-decoration: none;
			font-weight: 700;
			color: #fff;
			display: inline-block;
		}

		.content-holder-box a:hover {
			text-decoration: underline;
		}

		.content-holder {
			margin-top: 45px;
		}
		
		.content-holder-box:not(.no_rotation_propagate) .content-holder {
			-webkit-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
		}

			.content-holder-top-right-title {
				position: absolute;
				font-size: 25px;
				color: #fff;
				
				right: 50px;
				top: -70px;
				
				font-size: 50px;
				font-weight: bold;
				opacity: 0.7;
			}

			.content {
				position: absolute;
				overflow: visible;
				color: #fff;
				
				height: 323px;

				right: 50px;
				left: 250px;
				top: 70px;
			}

			.content-holder-box:not(.no_rotation_propagate) .content {
				top: -10px;				
			}

			.content ul,
			.content ol {
				margin-bottom: 10px;
				margin-left: 30px;
			}

			.page-content-right-image {
				margin: 0px 0px 10px 10px;
				float: right;
			}

			.page-content-left-image {
				margin: 0px 10px 10px 0px;
				float: left;
			}

			.width-16 { width: 16px; height: auto; }
			.width-32 { width: 32px; height: auto; }
			.width-48 { width: 48px; height: auto; }
			.width-64 { width: 64px; height: auto; }
			.width-92 { width: 92px; height: auto; }
			.width-150 { width: 150px; height: auto; }
			.width-200 { width: 200px; height: auto; }
			.width-250 { width: 250px; height: auto; }
			.width-300 { width: 300px; height: auto; }
			.width-350 { width: 350px; height: auto; }

			.copyright {
				text-align: center;
				font-size: 11px;
				display: block;
				padding: 10px;
				color: #000;
				margin-top: 20px;
			}

			.content-holder-box .copyright {
				color: #fff;
			}

	.news {
		overflow: visible;
	}

		.news-slider-holder {
			position: relative;
			overflow: hidden;
			height: 322px;
		}

			.news-item {
				border-bottom: 1px solid #fff;
				height: 80px;
			}

				.news-item-icon {
					padding-right: 2px;
					border: none;
					height: 80px;
					width: 90px;
					float: left;
					border-right: 1px solid #fff;

					-webkit-border-radius: 0px !important;
					-moz-border-radius: 0px !important;
					border-radius: 0px !important;
				}

				.news-item-body {
					margin-left: 20px;
					height: 80px;
					float: left;
				}

				.news-item-excerpt {
					overflow: hidden;
					font-size: 12px;
					width: 525px;
					height: 17px;
				}

					.news-item-date-time {
						background: url(../img/site/clock.png) no-repeat top left;
						color: rgba(255,255,255,0.5);
						padding-left: 20px;
						font-size: 12px;
						display: block;

						margin-bottom: 5px;
						margin-top: 10px;
					}

					.news-item-title,
					.news-item-title h1,
					.news-item-title h2 {
						text-transform: uppercase;
						text-decoration: none;
						font-weight: bold;
						overflow: hidden;
						font-size: 12px;
						display: block;
						height: 20px;
						width: 520px;
						color: #fff;
					}

					.news-item:hover .news-item-title {
						text-decoration: underline;
					}

		.news-scroll-arrow {
			position: absolute;
			cursor: pointer;
			display: block;
			height: 10px;
			width: 14px;
			left: 85px;
			padding: 2px;
		}

		.news-scroll-arrow.arrow-up {
			background: url(../img/site/arrows.png) no-repeat top;
			top: -15px;
		}

		.news-scroll-arrow.arrow-down {
			background: url(../img/site/arrows.png) no-repeat bottom;
			bottom: -15px;
		}

	.paper-left-shadow {
		-webkit-box-shadow: 10px 0px 30px 0px rgba(0,0,0,.65);
		-moz-box-shadow: 10px 0px 30px 0px rgba(0,0,0,.65);
		box-shadow: 10px 0px 30px 0px rgba(0,0,0,.65);

		border-right: 1px solid #d0d1d3;
		background-color: #D0D1D3;

		position: fixed;
		width: 0px;
		bottom: 0px;
		left: 0px;
		top: 0px;

		z-index: 20;
	}

	.paper-right-shadow {
		-webkit-box-shadow: -10px 0px 30px 0px rgba(0,0,0,.65);
		-moz-box-shadow: -10px 0px 30px 0px rgba(0,0,0,.65);
		box-shadow: -10px 0px 30px 0px rgba(0,0,0,.65);

		border-left: 1px solid #d0d1d3;
		background-color: #D0D1D3;

		position: fixed;
		width: 0px;
		bottom: 0px;
		right: 0px;
		top: 0px;

		z-index: 20;
	}

	.search_icon_news,
	.search_icon_page,
	.search_icon_books,
	.search_icon_subject,
	.search_icon_thesis,
	.search_icon_teacher {
		display: inline-block;
		width: 22px;
		height: 22px;
		margin-top: 1px;
		margin-right: .3em;
		line-height: 14px;
		vertical-align: text-top;
		background-image: url("../img/site/shapes.png");
		background-position: 22px 22px;
		background-repeat: no-repeat;
		vertical-align: text-top;
	}

    .search_icon_teacher {
        background-position: -5px -5px;
    }

    .search_icon_subject {
        background-position: -5px -42px;
    }
    
    .search_icon_books {
        background-position: -5px -80px;
    }
    
    .search_icon_page {
        background-position: -5px -118px;
    }
    
    .search_icon_news {
        background-position: -5px -154px;
    }

    .search_icon_thesis {
        background-position: -5px -191px;
    }

	.page {
		padding: 5px 0px;
	}

		.page-title {
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 10px;
			font-weight: bold;
			font-size: 24px;
		}

		.page-content {
			padding-right: 25px;
		}

			.page-content {
				-webkit-user-select: text;
				-moz-user-select:    text;
				-ms-user-select:     text;
				-o-user-select:      text;
				cursor: default;

				text-align: justify;

				margin-bottom: 5px;
				font-size: 14px;
			}

			.page-content p {
				margin-bottom: 15px;
			}

	.page-content p .page-image {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;

		overflow: hidden;

		margin-right: 10px;
		margin-top: 5px;
	}

	.main-menu ul li a {
		cursor: default;
	}

	.main-menu ul li .a {
		cursor: default;
	}

	.main-menu ul li:last-child a {
		cursor: pointer;
	}

	.strapped-table {
		border-collapse: collapse;
		width: 100%;
	}

	.strapped-table th,
	.strapped-table td {
		padding: 2px 5px;
	}

	.strapped-table tr:first-child th,
	.strapped-table tr:first-child td {
		border-bottom: 2px solid #fff;
	}

	.strapped-table tr:nth-child(even) {
		background-color: rgba(255,255,255,0.05);
	}

	.paper {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;

		font-family: 'Times New Roman';
		padding: 45px 55px !important;
		background: #fff !important;
		text-align: left !important;
		color: #000 !important;
	}

	.person {
		display: inline-block;
		text-align: center;
		padding: 5px;
		width: 300px;
	}

	.align-left { text-align: left; }
	.align-center { text-align: center; }
	.align-right { text-align: right; }
	.align-justify { text-align: justify; }

	.cut-out-region {
		background-position: center top;
		background-repeat: no-repeat;
		z-index: 2005;
		bottom: 0px;
		width: 100%;
	}

	.hide-on-home {
		display: none;
	}

	.vesti-title-image {
		background-image: url(../img/site/vesti.png);
		background-repeat: no-repeat;
		display: inline-block;
		height: 33px;
		width: 130px;
	}

	.switch-to-site{
		padding-bottom: 15px;
		text-align: center;
		position: fixed;
		display: block;
		width: 100%;
		top: 0px;
	}

		.switch-to-site-link {
			background-color: rgba(168,1,29,0.88);

			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-bottomleft: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;

			text-decoration: none;
			display: inline-block;
			padding: 4px 20px;
			color: #fff;
		}

	.glow-on-hover {
		cursor: pointer;
		opacity: 0.85;
	}

	.glow-on-hover:hover {
		opacity: 1;
	}
	
	/*
	.sinteza-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 130px;
		height: 30px;
		background-position: -14px -5px;
	}
	.sinteza-srb:hover{
		background-position: -10px -45px;
	}
	*/
	
	.journal-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 130px;
		height: 38px;
		margin-left: 22px;
		background-position: -888px -2px;
	}
	.journal-srb:hover{
		background-position: -888px -40px;
	}
	
	.libija-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 150px;
		height: 30px;
		background-position: -152px -5px;
	}
	.libija-srb:hover{
		background-position: -148px -44px;
	}
	
	.singipedia-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 110px;
		height: 33px;
		background-position: -319px -5px;
	}
	
	.singipedia-srb:hover{
		background-position: -317px -42px;
	}

	.csj-srb {
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 130px;
		height: 35px;
		background-position: -458px -4px;
	}
	
	.csj-srb:hover {
		background-position: -448px -42px;
	}
	
	.ppm-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 110px;
		height: 35px;
		background-position: -619px -4px;
	}
	
	.ppm-srb:hover{
		background-position: -613px -42px;
	}
	
	.gimnazija-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 145px;
		height: 32px;
		background-position: 0 -5px;
	}
	
	.gimnazija-srb:hover{
		background-position: 0 -44px;
	}
	
	.video-galerija-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 145px;
		height: 32px;
		background-position: 0 -5px;
	}

	.center-win {
		background-image: url('https://repository.singidunum.ac.rs/images/2023/10/small/center-win.png');
		width: 145px;
		height: 42px;
        background-size: cover;
        background-position: 0 -5px;
        background-repeat: no-repeat;
	}

    .center-win:hover {
        filter: grayscale(1) brightness(0.6);
    }
	
	.video-galerija-srb:hover{
		background-position: 0 -44px;
	}
	
	.sertifikati-srb{
		background-image: url('../img/site/sidebar_logo_sr.png');
		width: 140px;
		height: 35px;
		background-position: -753px -2px;
		margin-left: 52px;
	}
	
	.sertifikati-srb:hover{
		background-position: -744px -42px;
	}

	.e404 {
		background: url(../img/404/404.png) no-repeat center;
		-webkit-user-select: none;
		-moz-user-select:    none;
		-ms-user-select:     none;
		-o-user-select:      none;
		user-select:         none;
		display: inline-block;
		cursor: default;
		height: 519px;
		width: 653px;
	}

	.course_page_select_smer {
		text-decoration: none !important;
		background-color: rgba(255,255,255,0.2);
		padding: 15px 20px;
		margin: 10px 0px;
		display: block;
	}

	.course_page_select_smer.active {
		background-color: rgba(255,255,255,0.3);
	}

/* Experimental options */

.upis-options {
	position: absolute;
	margin-top: 311px;
	margin-left: 35px;
	z-index: 1000;

	transition: 750ms;

	display: none;
}

.upis-options:before {
	display: block;
	height: 20px;
	content: '';
}

	.upis-options ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

		.upis-options ul li a {
			background-color: rgba(6,21,47,0.65);
			margin-bottom: 1px !important;
			-moz-border-radius: 5px;
			text-decoration: none;
			border-radius: 5px;
			padding: 5px 10px;
			text-align: left;
			min-width: 110px;
			font-size: 12px;
			display: block;
			color: #fff;
		}

		.upis-options ul li a:hover {
			background-color: rgba(6,21,47,0.75);
		}

.upis-options:hover,
.upis:hover + .upis-options,
.upis:hover + .upis-options:hover {
	display: block;
}

.no-link-underline-within a {
	text-decoration: none !important;
}

.no-bold-link-within a {
	font-weight: normal !important;
}

.snow {
    background: url(http://repository.singidunum.ac.rs/images/2015/12/big/snow-transparent.gif);
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
}

span.titular-role {
    font-size: 10px;
}

:not(.special_videos_list)>.youtube::after {
    display: block;
    content: '';
    position: relative;
    top: -181px;
    left: 0px;
    width: 327px;
    height: 181px;
    padding: 0px;
    background: url(https://repository.singidunum.ac.rs/images/2019/07/big/youtube-png.png);
    z-index: 900;
    opacity: 0.75;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
}

#watermark { display: none !important; }

.youtube { height: 180px; }

.page-content a {
    display: initial;
}

a.youtube { display: inline-block; }

.gdpr-form-holder {
    position: fixed;
    bottom: 0px;
    background: white;
    padding: 10px;
    font-size: 11px;
    border: 1px solid darkgrey;
	z-index: 9000;
	line-height: 1em;
}

.gdpr-group {
    width: 33%;
    display: inline-block;
}

.gdpr-group button {
    padding: 3px 20px;
    font-size: 11px;
    font-weight: bold;
    width: 100%;
}

.gdpr-group span.big-info {
    font-size: 20px;
    display: inline-block;
    margin-left: 5px;
    color: darkblue;
}

.gdpr-groups {
    margin: 0px auto;
    max-width: 50vw;
}