/* Basics
-------------------------------------------------- */
#site-wrapper {
	width: 100%;
}

.main-page-container {
	margin-right: 30px;
}

.main-page-container :first-child {
	margin-top: 0;
}

/* Header
-------------------------------------------------- */
#site-header {
	width: 100%;
	height: 174px;
	background: url('/static/img/default/header-bg.png') repeat-x;
}

	#site-header #topbar,
	#site-header #site-logos,
	#site-header #quick-links {
		width: 1400px;
		margin: 0 auto;
	}
	
	#topbar {
		height: 22px;
		padding: 4px 0 0 0;
		color: #ffffff;
		font-size: 12px;
		text-transform: uppercase;
		text-align: right;
	}
	
		#topbar a.topbar-a {
			color: #ffffff;
			font-size: 12px;
		}
		
	#site-logos {
		height: 111px;
	}
	
		#site-logos #logo-main {
			float: left;
			height: 59px;
			margin: 26px 0 0 0;
		}
		
			#site-logos #logo-main a#logo{
				width: 221px;
				height: 59px;
				display: block;
				float: left;
				background: url('/static/img/default/logo.png') no-repeat;
			}
			
			#site-logos #logo-main #site-names{
				float: left;
				margin: 0 0 0 29px;
				letter-spacing: 2px;
			}
				#site-logos #logo-main #site-names h1#site-name{
					color: #ffffff;
					font-family: 'Open Sans', sans-serif;
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					margin: 12px 0 9px 0;
				}

				#site-logos #logo-main #site-names h2#site-name-sub{
					color: #ffffff;
					font-family: 'Open Sans', sans-serif;
					font-size: 13px;
					font-weight: normal;
					margin: 0;
					text-transform: none;
				}

		#site-logos #logo-right {
			float: right;
			width: 292px;
			height: 87px;
			margin: 10px 60px 0 0;
		}

		#site-logos .vik-logo {
			background: url('/static/img/default/vik-logo.png') no-repeat;
		}

		#site-logos .vik-logo-en {
			background: url('/static/img/default/vik-logo-en.png') no-repeat;
		}

/* Quick Links
-------------------------------------------------- */
#quick-links-btn {
	display: none;
}

.quick-ul {
	margin: 6px 0 0 0;
	padding: 0;
	list-style: none;
}

	li.quick-item {
		float: left;
		background: url('/static/img/default/quicklink-sep.png') no-repeat;
		background-position: right center;
		padding: 0 15px;
	}
	
	li.quick-item-first {
		padding: 0 15px 0 0;
	}
	
	li.quick-item-last {
		background: none;
	}
	
		a.quick-item-a {
			color: #ffffff;
			font-family: 'Open Sans', sans-serif;
			font-size: 15px;
			letter-spacing: 1px;
			/* text-transform: uppercase; */
		}

/* Content
-------------------------------------------------- */
#site-content {
	width: 1400px;
	margin: 18px auto 0 auto;
}

#sidebar-left {
	float: left;
	width: 200px;
}

#main {
	float: left;
	width: 970px;
	margin: 0 0 0 30px;
}

	#main img {
		max-width: 100%;
	}


#sidebar-right{
	float: right;
	width: 200px;
}

/* Slider
-------------------------------------------------- */
#slider {
	margin: 0 30px 30px 0;
}

#slider,
#slider-items,
.slider-item,
.slider-image {
	width: 940px;
	height: 530px;
}

	.slider-image {
		position: absolute;
	}

	.slider-content {
		width: 880px;
		height: 140px;
		position: absolute;
		/* background: url('/static/img/default/slider-bg.png') repeat; */
		background: black;
		background: rgba(0,0,0,0.7);
		margin-top: 390px;
		padding: 0 30px;
		color: #ffffff;
	}

	.slider-item:hover .slider-content {
		background: rgba(0,0,0,0.9);
	}

		h2.slider-title {
			margin: 10px 0 0 0;
			padding: 0;
			font-size: 20px;
			font-weight: normal;
			font-family: 'Open Sans', sans-serif;
		}

			h2.slider-title a {
				color: #ffffff;
			}

		.slider-date {
			font-size: 14px;
			color: #3867b0;
			margin: 4px 0;
			display: block;
		}

		.slider-excerpt {
			font-size: 16px;
			margin: 0;
		}

#slider-items {
	position: absolute;
}

#slider-pager {
	position: absolute;
	margin: 230px 0 0 690px;
}

	.slider-pager-btn {
		display: block;
		width: 18px;
		height: 18px;
		background: url('/static/img/default/slider-pager.png') no-repeat;
		margin-bottom: 4px;
	}

		.slider-pager-btn:hover {
			background: url('/static/img/default/slider-pager-active.png') no-repeat;
		}

	.slider-pager-btn-active {
		background: url('/static/img/default/slider-pager-active.png') no-repeat;
	}

/* Page
-------------------------------------------------- */
#page {
	margin-right: 30px;
}

h1.page-title {
	font-size: 24px;
	margin: 0 0 16px 0;
}


/* Sidebar Left
-------------------------------------------------- */
#sidebar-left {
}

/* Menu
-------------------------------------------------- */
#menu {
	margin: 0 0 30px 0;
}

	#menu #nav-btn{
		display: none;
	}

	.nav-ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nav-level-1 {
		margin-left: 6px;
	}

	.nav-level-2 {
		margin-left: 6px;
	}

	.nav-level-3 {
		margin-left: 6px;
	}

	.nav-level-0 .nav-item a.nav-item-a {
		font-size: 17px;
		color: black;
	}

	.nav-level-1 .nav-item a.nav-item-a {
		font-size: 14px;
		color: #676767;
	}

	.nav-level-2 .nav-item a.nav-item-a {
		font-size: 12px;
		color: #676767;
	}

	.nav-level-3 .nav-item a.nav-item-a {
		font-size: 11px;
		color: #676767;
	}

	#nav {
	}

		#nav .nav-item {
			padding: 6px 0 6px 0;
		}

			#nav ul.nav-level-2 .nav-item {
				padding: 0px;
			}

			#nav .nav-item a.nav-item-a {
				font-family: 'Open Sans', sans-serif;
				letter-spacing: 1px;
				/* text-transform: uppercase; */
			}

			#nav .nav-item a.nav-item-a:hover {
				color: #1c4c97;
			}

	ul.nav-ul li.active > a.nav-item-a {
		color: #1c4c97;
	}

/* Interaction Box
-------------------------------------------------- */
#interaction-box {
	margin: 0 0 30px 0;
}

	#interaction-box #login-btn {
		display: block;
		float: left;
		width: 180px;
		height: 32px;
		background: url('/static/img/default/login-retina.png') no-repeat;
		background-size: 180px 32px;
		margin-top: 4px;
	}
	
	#rss-btn {
		display: block;
		float: right;
		width: 27px;
		height: 28px;
		background: url('/static/img/default/rss.png') no-repeat;
		margin-left: 10px;
	}

/* Sidebar Right
-------------------------------------------------- */
.sidebar-box{
	margin: 0;
}

	.sidebar-box h2.sidebar-title{
		font-size: 16px;
	}
	
	.sidebar-box .sidebar-content{
		margin: 0 0 30px 0;
	}
	
	.sidebar-box .search-form{
		text-align: center;
	}
	
	.sidebar-box input[type="text"],
	.sidebar-box input[type="password"]{
		width: 194px;
		margin-bottom: 20px;
	}

#bme-vik-start-app-link {
	display: block;
	padding: 10px;
	text-align: center;
	background: #1c4c97;
	color: white;
	font-size: 16px;
}


/* Events
-------------------------------------------------- */
.events {
	font-size: 13px;
	/* text-transform: uppercase; */
}

	.events .event {
		margin: 0 0 12px 0;
	}

	.events .event .event-date {
		font-weight: bold;
		color: #1c4c97;
		display: block;
	}
	
	.events .event .event-title {
		display: block;
		color: #000000;
	}
	
		.events .event .event-title:hover {
			color: #1c4c97;
		}
	
	.more-events {
		background: url('/static/img/default/more.png') no-repeat;
		background-position: right center;
		color: #000000;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		padding-right: 16px;
		/* text-transform: uppercase; */
	}
	
		.more-events:hover {
			color: #1c4c97;
		}

div.events-detailed div.event {
	margin-bottom: 20px;
}

div.events-detailed h3 {
	margin: 0px 0px 4px 0px;
	font-size: 14px;
}

div.events-detailed p.date {
	margin: 0px 0px 8px 0px;
}

div.events-detailed div.description {
}

div.events-detailed div.description p {
	margin: 4px 0px;
}

/* Department List
-------------------------------------------------- */
.department-list{
	margin: 0;
	padding: 0;
	list-style: none;
}

	.department-list li{
		margin: 0 0 12px 0;
	}
	
		.department-list li a {
			color: #000000;
			text-transform: uppercase;
			font-size: 12px;
			font-family: 'Open Sans', sans-serif;
			letter-spacing: 1px;
		}
		
		.department-list li a:hover{
			color: #1c4c97;
		}

#site-footer p.copyright span.bme {
	display: inline;
}
#site-footer p.copyright span.bme-short {
	display: none;
}


div.jubileumi-diploma {
	border-top: 1px solid #e0e0e0;
	margin: 10px;
	padding: 10px 0px 10px 0px;
}

	div.jubileumi-diploma h3 {
		font-family: 'Open Sans', sans-serif;
		font-size: 12pt;
		font-weight: bold;
		margin: 5px 0px;
		text-transform: none;
	}

	div.jubileumi-diploma span.label {
		display: inline-block;
		width: 220px;
	}

div.sidebar-box-otdk25 {
	text-align: center;
}

	#sidebar-right div.sidebar-box-otdk25 img {
		max-width: 160px;
		margin: auto;
	}

div.sidebar-box-mta {
	text-align: center;
}

	#sidebar-right div.sidebar-box-mta img {
		max-width: 160px;
		margin: auto;
	}

div.sidebar-box-mi_a_vikn {
	text-align: center;
}

	#sidebar-right div.sidebar-box-mi_a_vikn img {
		max-width: 160px;
		margin: auto;
	}