
@font-face {
    font-family: 'book_antiquaregular';
    src: url('/fonts/bkant-webfont.eot');
    src: url('/fonts/bkant-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bkant-webfont.woff') format('woff'),
         url('/fonts/bkant-webfont.ttf') format('truetype'),
         url('/fonts/bkant-webfont.svg#book_antiquaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'book_antiquabold';
    src: url('/fonts/antquab-webfont.eot');
    src: url('/fonts/antquab-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/antquab-webfont.woff') format('woff'),
         url('/fonts/antquab-webfont.ttf') format('truetype'),
         url('/fonts/antquab-webfont.svg#book_antiquabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Akko W02 Medium";
	src: url("/fonts/akkow01-medium.eot");
	src: url("/fonts/akkow01-medium.eot#iefix") format("embedded-opentype"),
	url("/fonts/akkow01-medium.woff") format("woff"),
	url("/fonts/akkow01-medium.ttf") format("truetype"),
	url("/fonts/akkow01-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Akko W02 Thin";
	src: url("/fonts/akkow01-thin.eot");
	src: url("/fonts/akkow01-thin.eot#iefix") format("embedded-opentype"),
	url("/fonts/akkow01-thin.woff") format("woff"),
	url("/fonts/akkow01-thin.ttf") format("truetype"),
	url("/fonts/akkow01-thin.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.video-mat {
	margin: 15px 0 35px;
}

.video-mat h2 {
	margin-top: 10;
	min-height: 58px;
}

.video-mat .videoDesc {
	margin-bottom: 15px;
}

body {
	background:#f4f4f4 url(/images/bg.jpg) repeat-x 0 0;
	color: #5b5959;
	font-size: 17px;
	font-family: Arial, sans-serif;
}

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #2a87c4;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #54a8df;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4 {
	font-family:'Akko W02 Thin';
	color: #145885;
	word-wrap: break-word;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	font-family:'Akko W02 Medium';
	margin-bottom: 5px;
}

h3 {
	font-size: 17px;
	font-family:'Akko W02 Medium';
	margin-bottom: 5px;
	margin-top: 10px;
}

.pushRight{
	float: right;
}

.fbpagelink{
	display: block; 
	float: right; 
	margin: 1px 5px 0 0;
}

.toplinks{
	top:0; 
	right:165px;
	position: absolute; 
	width: 448px;
}
a.outlinkhead{
	float: right;
	color: white;
	font-size: 12px;
	font-family: 'Akko W02 Medium';
	margin-right: 10px;
	margin-top: 6px;
}
	a.outlinkhead:hover{
		color: #a0c7e7;
	}



.shadow-slider {
	width: 100%;
	height: 220px;
	z-index: 1000;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/shadow.png) repeat-x 0 0;
}

.slidebox {
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 688px;
	text-align: center;
}

.slidebox h1 {
	position: absolute;
	bottom: 0px;
	left: 0;
	font-size: 40px;
	padding: 40px 0 120px;
	background: rgba(0, 53, 92, 0.75);
	color: #fff;
	width: 100%;
	z-index: 1005;
}

.slidebox h1 span {
	width: 940px;
	margin: 0 auto;
	display: block;
}

.cycle-pager {
	position: absolute;
	bottom: 235px;
	left: 0px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 60px;
	cursor: pointer;
	z-index: 2000;
	max-width: 940px;
	text-align: right;
}

.cycle-pager span.cycle-pager-active {
	color: #00355c;
}

p.intro {
	font-family: 'book_antiquaregular';
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 20px;
	/*text-align: justify;*/
}

.homepage-sliderLogos {
	/*-moz-border-radius: 9px;*/
	/*border-radius: 9px;
	border:2px solid #002E5F;*/
	position: relative;
	margin: 30px 0;
	padding: 10px 0;
}
div.wrp {
	width: 140px;
	height: 140px;
	overflow: hidden;
	margin:0 9px;
	
}

p {
	line-height: 26px;
	font-family: 'book_antiquaregular';
	margin-bottom: 20px;
}

.col1 p a {
	text-decoration: underline;
}

.container {
	position: relative;
	max-width: 970px;
}

#wrap {
	overflow: hidden;
}

#slideshow {
	width: 100%;
	height: 650px;
	overflow: hidden;
	text-align: center;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}

.slk {
	width: 100%;
	height: 650px;
}

.newsLabel{
	 background: #df0606; 
	 position:absolute;
	 top:0;
	 left: 0;
	 color:white; 
	 font-size:11px;
	 padding:5px;
	 font-family: "Akko W02 Medium";
}
.newsLabelMobile{
	background: #df0606; 
	color:white; 
	font-size:12px;
	padding:5px 5px 0 5px;
	font-family: "Akko W02 Medium";
	width:40px;
	margin-bottom: 15px;

}
#slideshow.home {
	width: 100%;
	text-align: left;
}

#slideshow.small {
	height: 450px;
}

#slideshow.news-hd {
	height: 400px;
	background: url(/images/pattern.jpg) no-repeat center top;
}
/* pagination news */
div#pagination{
	/*width:727px; */
	font-size:13px; 
	color:#828282;
	height:50px;
	line-height:20px;
	font-family: 'Akko W02 Thin'
}
	div#pagination #pag_items{
		float:right;
		text-align:right;
	}
		div#pagination #pag_items a{
			text-decoration:none;
			color:#a9a9a9;
		}
		div#pagination #pag_items a:hover{
			text-decoration:none;
			color:#145885;
		}


.top-hd {
	height: 30px;
	z-index: 5;
}

.top-hd p {
	color: #fff;
	font-family: 'book_antiquabold';
	font-size: 13px;
	margin: 1px 0 0 20px;
	float: left;
}

.lang {
	top: 2px;
	right: 20px;
	float: right;
	position: relative;
}

.lang a {
	color: #fff;
	font-size: 10px;
}

.lang ul {
	
}

.lang ul li a {
	font-size: 13px;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.up {
	z-index: 4;
}

.upper {
	z-index:10;
}

.uppper {
	z-index: 20;
}

.hd {
	height: 137px;
	background: url(/images/hd-bg.png) repeat-y 0 0;
	z-index: 4;
}

.logo {
	float: left;
	margin: 38px 0 0 20px;
}

.logo a {
	display: block;
	width: 220px;
	height: 79px;
}

.right-side {
	float: right;
	padding-right: 20px;
	width: 665px;
}

.right-side.clanovi {
	float: left;
	width: 540px;
	padding:0 0 0 25px;
}

.right-side.clanovi.course {
	padding:0 25px 0 0;
	border-right: 1px solid #ccd8e1;
}

.right-side.clanovi.course .text {
	margin: 0;
}

.right-side.clanovi.course .text h1 {
	margin: 0 0 15px;
}

.right-side.clanovi h2 {
	font-size: 34px;
	line-height: 34px;
	margin: 0 0 48px;
	font-family:'Akko W02 Thin';
}

.right-side.clanovi h2 span {
	display: block;
	font-family:'Akko W02 Medium';
	font-size: 24px;
}

.hd .right-side ul {
	float: right;
}

.hd .right-side ul li {
	float: left;
	margin-left: 18px;
}

.hd .right-side ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-family:'Akko W02 Medium';
}

.hd .right-side ul.main-nav li.other {
	position: relative;
}

.hd .right-side ul.main-nav li a {
	padding-bottom: 60px;
}

.hd .right-side ul.sub-nav li a {
	font-family:'Akko W02 Thin';
	font-size: 16px;
}

.hd .right-side ul.sub-nav li a:hover, .hd .right-side ul.sub-nav li a.active {
	color: #a0c7e7;
}

.hd .right-side ul.sub-nav li  {
	margin-left: 25px;
}

.hd .right-side ul.sub-nav {
	margin-top: 30px;
	margin-bottom: 13px;
}

.hd .right-side ul.main-nav li a:hover, .hd .right-side ul.main-nav li a.active {
	background: url(/images/main-nav-hover.png) no-repeat center 51px;
}

.hd .right-side ul.main-nav li.other:hover a {
	background: url(/images/main-nav-hover.png) no-repeat center 51px;
}

.container.big {
	margin-top: 334px;
}

.container.home {
	margin-top: 505px;
}

.container.small {
	margin-top: 134px;
}

.container.news-hd {
	margin-top: 80px;
}

.container.news-hd.big {
	margin-top: 334px;
} 

.col1 {
	background-color: #fff;
	padding: 25px;
}

.news-hd .left-side {
	width: 600px;
	float: left;
}

.left-side.list {
	border-right:1px solid #e1e1e1;
	width: 620px;
}

.left-side.clanovi {
	width: 350px;
	padding-right: 25px;
	border-right:1px solid #ccd8e1;
}

.left-side.clanovi.course {
	padding: 0 0 0 25px;
	/*border-left:1px solid #ccd8e1;*/
	border-right:none;
	float: right;
}

.left-side.clanovi h1 {
	font-size: 40px;
	line-height: 42px;
}

.left-side.clanovi ul li {
	line-height: 18px;
}

.left-side.clanovi ul li a {
	color: #145885;
	font-family:'Akko W02 Medium';
	font-size: 18px;
}

.left-side.clanovi ul li a:hover {
	color: #3485bb;
}

.left-side.clanovi ul li ul {
	margin: 3px 0 10px;
	border-bottom: 1px solid #aabecc;
	padding-bottom: 10px;
}

.left-side.clanovi ul li ul li a {
	color: #2a87c4;
	font-size: 14px;
}

.left-side.clanovi ul li ul li a:hover {
	color: #54a8df;
}

.share {
	margin-bottom: 11px;
	margin-top: -10px;
	height: 29px;
	position: relative;
}

.share a {
	float: left;
	color: #fff;
	font-size: 14px;
	padding-left: 1px;
	font-family: 'book_antiquabold';
}

.share .addthis_native_toolbox {
	float: right;
	margin-bottom: 4px;
}

.addthis_button_tweet {
	width: 85px;
}

.addthis_button_facebook_share {
	margin-top: 0px;
	margin-right: 1px;
}

.col1 h1, .share h1 {
	font-size: 52px;
	line-height: 60px;
	margin-top: 0;
	margin-bottom: 20px;
}

.share h1 {
	color: #fff;
	position: absolute;
	bottom:40px;
	line-height: 70px;
	left:0px;
	font-size: 80px;
}

.col1 .main-img {
	width: 274px;
	height: 233px;
	overflow: hidden;
	float: left;
	margin-right: 25px;
}

.news-hd .col1 .main-img {
	width: 600px;
	height: auto;
	margin-bottom: 20px;
}

.col1 .main-img img {
	max-height: 233px;
}

.news-hd .col1 .main-img img {
	max-width: 600px;
	max-height: none;
}

.shadow {
	background: url(/images/shadow-right-left.png) no-repeat top right;
}

.controls {
	margin-bottom: 40px;
	height: 131px;
	margin-top: 29px;
}

.left-btn, .right-btn {
	border: 2px solid #fff;
	font-size: 80px;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 94px;
	display: block;
	float: left;
	color: #fff;
	cursor: pointer;
}

.right-btn {
	margin-left: 10px;
}

.left-btn:hover, .right-btn:hover {
	background-color: #fff;
	color: #145885;
}

.col2 .sub-nav ul li {
	clear: both;
}

.col2 .sub-nav ul li a {
	font-family:'Akko W02 Medium';
	font-size: 17px;
	padding-bottom: 5px;
}

.col2 .sub-nav ul li a i {
	float: left;
	margin: 3px 5px 0 0;
}

.col2 .sub-nav ul li a span {
	float: left;
    width: 165px;
    line-height: 23px;
}

.col2 .sub-nav li {
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.col2 .sub-nav li:last-child {
	border: none;
}

.col2 .sub-nav ul li.active a {
	color: #145885;
}

.col2 .sub-nav ul li.active {
	border: none;
	border-bottom: 1px solid #cfcfcf;
}

.col2 .sub-nav ul li.active ul {
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.col2 .sub-nav ul li.active ul ul {
	margin-bottom: 0;
	margin-top: 0;
}

.col2 .sub-nav ul li.active ul li a {
	font-family: Arial, sans-serif;
	font-size: 13px;
}

.col2 .sub-nav ul li.active ul li a:hover, .col2 .sub-nav ul li.active ul li a.active {
	color: #5182a2;
}

.col2 .sub-nav ul li.active ul li {
	line-height: 20px;
	border: none;
	padding: 0;
	margin: 0;
}

.col2 .sub-nav ul li.active ul li a i {
	font-size: 14px;
}

.col1 .text {
	padding-right: 50px;
}

.left-side.list .text {
	padding-right: 25px;
}

a.homeWhy:link,  a.homeWhy:visited{
	font-size: 14px;
	line-height: 20px;
	color: #5b5959
}
	a.homeWhy:hover{
		color:#54a8df;
		text-decoration:none;
	}

.info-box {
	background-color: #eee;
	margin-left: 0px;
	margin-top: 35px;
}

.info-box.second {
	margin-top: 20px;
}

.info-box h1 {
	margin: 0!important;
	background-color: #4788ba;
	color: #fff!important;
	line-height: 24px;
	padding: 5px 5px 5px 10px;
}

.news-hd .info-box .inner.none {
	padding-left: 0;
}

.info-box .inner.none h1 {
	background: none;
	color: #4788ba!important;
	margin: 0 0 10px!important;
	padding: 0!important;
}

.search {
	float: right;
	margin-top: 12px;
	position: relative;
	margin-right: 20px;
	clear: both;
}

.search input {
	border: none;
	color: #afaeae;
	font-size: 12px;
	padding: 4px 40px 4px 10px;
	width: 150px;
}

.search span{
	color: #fff;
	font-size: 13px;
	padding-right: 10px;
	font-family: 'Akko W02 Thin';
}

.search-btn {
	position: absolute;
	top: 7px;
	right: 8px;
	background: url(/images/icon-search.png) no-repeat 0 0 white;
	width: 14px;
	height: 15px;
	text-indent: -9999px;
	border: none;
	display:block;
}

.news-hd .info-box {
	float: left;
	margin-left: 25px;
	padding: 0px 0px 0px 0;
	width: 265px;
	margin-top: 5px;
}

.info-box.list {
	width: 245px;
	margin-top: 0;
	background: none;
}

.info-box.list.none {
	width: 264px;
}

.info-box.list ul {
	margin-left: 0;
	list-style: none!important;
}

.info-box.list ul li {
	border-bottom: 1px solid #d4dfe6;
	padding-bottom: 2px;
	margin-bottom: 2px;
	list-style: none!important;
}

.info-box.list ul li:last-child {
	border: none;
}

.info-box.list ul li a {
	font-family:'Akko W02 Medium';
	font-size: 16px;
}

.info-box.list .inner.none ul li a {
	font-family: Arial, sans-serif;
	font-size: 15px;
}

.info-box.list ul li a i {
	font-size: 15px;
}

.info-box.list h2 {
	font-family:'Akko W02 Thin';
	margin: 0 0 20px 0;
	font-size: 30px;
}

.info-box .inner.first {
	margin-bottom: 100px;
	border-left: 1px solid #dadada;
}

.info-box .inner.first p {
	padding-left: 10px;
}

.info-box ul li {
	list-style: none!important;
}

.info-box ul li a {
	font-family: Arial, sans-serif;
}

.news-hd .info-box .inner  {
	padding-left: 15px;
}

.info-box h1 {
	font-size: 19px;
	color: #3089c5;
	font-family:'Akko W02 Medium';
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 15px;
}

.news-hd .info-box .inner h1 {
	line-height: 20px;
}

.gallery {
	margin-bottom: 15px;
}

.second .gallery {margin-bottom: 10px;}

.second .gallery-img {
	margin-left: 10px;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 0;
}

.gallery-img {
	width: 73px;
	height: 73px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.gallery-img img {

}

.info-box ul {
	margin-left: 10px;
	margin-top: -5px;
}

.info-box ul li a {
	font-size: 15px;
}

.info-box ul li a i {
	color: #145885;
	font-size: 17px;
	margin-right: 3px;
}

.menu-btn {
	float: right;
	color: #fff;
	font-size: 37px;
	margin-top: 20px;
	cursor: pointer;
}

.menu-btn a {
	color: #fff;
}

.dropdown {
	position: absolute;
	top: 74px;
	left: -50px;
	width: 250px;
	display: none;
	z-index: 2000;
	padding: 20px 20px 10px;
	background: url(/images/main-nav-hover-small.png) repeat-y 0 0;
}

li:nth-child(3n+3) .dropdown {
	left: -60px;
}

li:last-child .dropdown {
	left: 0;
}

.programs {
	width: 940px;
	position: absolute;
	left: 10px;
	display: none;
	top: 120px;
	z-index: 50;
}

#wrapper {
	width: 100%;
	overflow: hidden;
}

.programs-wrapper {
	background: url(/images/programs-bg.jpg) no-repeat top left/cover;
	padding: 25px 20px 20px 20px;
/*	height: 324px;*/
	margin-top: 50px;
}
.programs .col {
	border-left: 1px solid #4d7189;
	float: left;
	margin-left: 25px;
	padding-left: 25px;
	width: 230px;
	min-height: 274px;
}

.programs .col.third {
	width: 285px;
}

.programs .col.last {
	width: 200px;
}

.programs .col.first {
	border-left: none;
	width: 150px;
	font-size: 11px;
	margin-left: 0;
	padding-left: 0;
}

.programs .col h1 {
	font-size: 19px;
	line-height: 20px;
	color: #fff;
	font-family:'Akko W02 Medium';
	margin-top: 0;
	margin-bottom: 8px;
}

.programs .col.first h1 {
	color: #6d94b0;
}

.programs .col.first p {
	color: #6d94b0;
	font-family: Arial, sans-serif;
	line-height: 16px;
}

.programs .col.first a {
	color: #6d94b0;
	padding-bottom: 0;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-transform: none;
}

.programs .col.first a:hover {
	color: #7da1bb;
}

.hd .programs ul {
	float: none;
}

.hd .programs ul li {
	line-height: 21px;
	float: none;
	margin-left: 0;
}

.hd .programs ul li a, .hd .right-side ul.main-nav li .dropdown li a {
	font-size: 13px;
	color: #fff;
	font-family: Arial, sans-serif;
	text-transform: none;
	padding-bottom: 0px;
}

.hd .right-side ul.main-nav li .dropdown li a {
	display: block;
	border-bottom: 1px solid #4d7189;
	background: none!important;
}

.hd .right-side ul.main-nav li .dropdown li a:hover {
	background: none!important;
}

.hd .right-side ul.main-nav li .dropdown li {
	padding-bottom: 0px;
}

.hd .right-side ul.main-nav li .dropdown li {
	font-size: 12px;
}

.hd .programs ul li, .hd .right-side ul.main-nav li .dropdown li {
	clear: both;
}

.hd .right-side ul.main-nav li .dropdown li a {
	padding-bottom: 5px;
	margin-bottom: 5px;
	line-height: 20px;
}

.hd .right-side ul.main-nav li .dropdown li:last-child a {
	border-bottom: 0;
}

.hd .right-side ul.main-nav li .dropdown li a i {
	float: left;
	margin:5px 5px 0 0;
	font-size: 7px;
}

.hd .programs ul li a i {
	margin:4px 5px 0 0;
	float: left;
}


.hd .programs ul li a span.move-it {
	float: left;
	width: 145px;
	line-height: 16px;
	margin-bottom: 5px;
}

.hd .programs ul li a:hover, .hd .right-side ul.main-nav li .dropdown li a:hover {
	color: #bbdaf8;
}

.hd .right-side ul.main-nav li .programs a:hover, .hd .right-side ul.main-nav li .programs a.active {
	background: none;
}

.hd .right-side ul.main-nav li .dropdown li {
	margin: 0;
	float: none;
}

.hd .programs ul.first {
	margin-bottom: 30px;
}

/* ################## tecaji in seminarji */
.tecaji {
	width: 670px;
	position: absolute;
	left: 280px;
	display: none;
	top: 120px;
	z-index: 50;
}

.tecaji-wrapper {
	padding: 25px 20px 0px 0;
	min-height: 50px;
	background: url(/images/main-nav-hover-middle.png) repeat-y #003F7A 0 0;
	margin-top: 50px;
}
.tecaji .col {
	
	float: left;
	margin-left: 25px;
	padding-left: 25px;
	width: 180px;
	min-height: 104px;
	border-right: 1px solid #4D7189;
    margin-bottom: 20px;
}
.tecaji .col:nth-child(3){
	border-right: none;
}

.tecaji .col h2 {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-family:'Akko W02 Medium';
	margin-top: 0;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.hd .tecaji ul {
	float: none;
}

.hd .tecaji ul li {
	line-height: 21px;
	float: none;
	margin-left: 0;
}

.hd .tecaji ul li a, .hd .right-side ul.main-nav li .dropdown li a {
	font-size: 13px;
	color: #fff;
	font-family: Arial, sans-serif;
	text-transform: none;
	padding-bottom: 0px;
}


.hd .tecaji ul li a i {
	margin:4px 5px 0 0;
	float: left;
}


.hd .tecaji ul li a span.move-it {
	float: left;
	width: 145px;
	line-height: 16px;
	margin-bottom: 5px;
}

.hd .tecaji ul li a:hover, .hd .right-side ul.main-nav li .dropdown li a:hover {
	color: #bbdaf8;
}

.hd .right-side ul.main-nav li .tecaji a:hover, .hd .right-side ul.main-nav li .tecaji a.active {
	background: none;
}


.hd .tecaji ul.first {
	margin-bottom: 30px;
}

.lang .dropdown-menu {
	width: 100%;
}

.sidr .lang {
	position: relative;
	right: 0;
}

.sidr .lang a {
	width: 265px;
	font-size: 11px;
	padding: 0px 45px 0px 30px;
	font-weight: normal;
	line-height: 40px;
	font-family: Arial, sans-serif;
}

.sidr .lang a strong {
	font-weight: normal;
}

.sidr .lang a i {
	margin-right: 3px;
}

.sidr .dropdown-menu {
	border-radius: 0;
	padding: 0;
	left: 15px;
	margin-top: -2px;
	width: 235px;
	overflow: hidden;
	position: relative;
}

.sidr .dropdown-menu a {
	padding: 3px 30px 3px 30px;
	color: #515150!important;
	line-height: 18px;
	font-size: 13px;
}

.language-selector {
    height: 42px;
    border-bottom: none;
}



.language-selector a {
	border-top: none;
}

.dropdown-mobile {
	display: none;
}

.user {
	width: 240px;
	float: left;
	margin: 0 30px 25px 0;
	text-wrap: none;
}

.user.last {
	margin: 0 0 25px 0;
}

.user .user-image {
	width: 80px;
	height: 80px;
	float: left;
	overflow: hidden;
	margin-right: 15px;
	border: 1px solid #ccd8e1;
}

.user-main-img {
	border: 1px solid #ccd8e1;
	float: left;
	margin-bottom:10px;
}

.user .user-image img {
	max-width: 78px;
}

.user span{font-size:12px; font-family: 'Akko W02 Medium'; padding:0;}
.users h3 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 0 0;
}

.user h4 {
	font-size: 12px;
	color: #145885;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

.user a h3 {
	color:#2a87c4;
}

.user a:hover h3 {
	color:#54a8df;
}

.user-info {
	float: left;
	padding-left: 10px;
}

.right-side.clanovi .user-info h2 {
	font-size: 27px;
	line-height: 24px;
	margin-bottom: 15px;
}

.right-side.clanovi .user-info h2 span {
	font-size: 19px;
}

.right-side.clanovi .user-info p, .other-info p {
	font-size: 15px;
	font-family:'Akko W02 Medium';
	line-height: 20px;
	color: #145885;
	margin-bottom: 5px;
}

.right-side.clanovi .user-info h3, .other-info h3 {
	font-size: 20px;
	font-family:'Akko W02 Medium';
	margin-top: 15px;
}

.right-side.clanovi .user-info p a.more, .other-info p a.more, .more-articles a {
	text-decoration: none;
	border:2px solid #2a87c4;
	text-align: center;
	padding: 5px 15px;
	margin-left: 10px;
	font-size: 13px;
}

.more-articles {
	text-align: center;
	width: 100%;
	margin: 30px 0 20px;
}

.more-articles a {
	font-size: 16px;
	font-family:'Akko W02 Medium';
	text-transform: uppercase;
	margin-left: 0;
}

.right-side.clanovi .user-info p a.more i, .other-info p a.more i {
	font-size: 12px;
	margin-right: 1px;
}

.other-info {
	border-bottom: 1px solid #ccd8e1;
	padding-bottom: 25px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.right-side.clanovi .text {
	margin-top: 20px;
	padding-right: 0;
}

.right-side.clanovi .text h2, .shadow .text h2 {
	font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
    font-family:'Akko W02 Medium';
    margin-top: 0;
}

.left-side.list .select-mobile {
	margin-bottom: 25px;
}

.browse p {
	font-size: 15px;
	font-family:'Akko W02 Medium';
	color: #145885;
	margin: 15px 0 5px;
}

.browse a {
	font-size: 13px;
	padding: 0 20px 0 0;
	line-height: 20px;
	display: block;
	float: left;
}

.select-mobile {
	width: 100%;
	position: relative;
}

.select-mobile.second {
	margin: 10px 0 20px;
}

.select-mobile select option {
	padding-left: 15px;
}

.select-mobile select optgroup {
	padding: 0 15px;
}

.select-mobile.project-managment {
	border-radius: 0;
	padding-top: 0;
}

.article {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.article .date {
	position: absolute;
	top: 90px;
	left: 0;
	width: 80px;
	text-align: center;
	font-size: 11px;
	color: #a6a6a6;
	font-family: Arial, sans-serif;
}

.article .image {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
	overflow: hidden;
}

.article .image img {
	max-height: 80px;
}

.article .text-field {
	float: left;
	width: 450px;
}

.article h2 {
	margin: 0 0 2px;
	font-size: 16px;
	line-height: 20px;
}

.article p {
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 4px;
	font-family: 'book_antiquaregular';
}

.article a p {
	color: #353535;
}

.article span {
	font-family: 'book_antiquaregular';
	font-size: 12px;
}

.article span i {
	font-size: 11px;
}

.course-menu.project-managment {
	background-color: #650051;
	padding: 13px 20px;
}

.course-menu ul li {
	float: left;
	background: url(/images/sep.png) no-repeat top right;
	padding-right: 20px;
	margin-right: 20px;
}

.course-menu ul li.last {
	background: none;
}

.course-menu ul li a {
	font-size: 17px;
	font-family:'Akko W02 Medium';
	color: #fff;
}

.course-menu.project-managment ul li a:hover, .course-menu.project-managment ul li a.active {
	color:#003c70;
}

a.banner {
	display: block;
	width: 324px;
	padding: 23px 25px 22px;
	margin: 10px 0 0;
	text-transform: uppercase;
	background-color: #000;
}

a.banner.project-managment {
	background-color: #650051;
}

a.banner span.title {
	font-size: 29px;
	line-height: 39px;
	font-family: 'book_antiquaregular';
	width: 241px;
	color: #fff;
	display: block;
	float: left;
}

a.banner span.questionmark {
	font-size: 46px;
	line-height: 37px;
	font-family: 'book_antiquaregular';
	float: left;
	color: #fff;
	display: block;
}

a.banner span.now {
	border: 2px solid #fff;
	padding: 5px 0;
	color: #fff;
	display: block;
	margin: 10px 0 0;
	text-align: center;
	width: 175px;
}

a.banner:hover span.title, a.banner:hover span.questionmark  {
	opacity: 0.75;
}

.course-list ul li {
	font-family:'Akko W02 Medium';
	font-size: 24px;
	margin-bottom: 15px;
}

.course-list ul li span {
	color: #145885;
	font-family: "book_antiquaregular";
	display: block;
	font-size: 16px;
	margin: 5px 0 0;
}

.course-list.project-managment ul li {
	color: #650051;
}

.text ul {
	margin: 15px 0 15px 15px;
}

.text ul li {
	list-style: disc;
	font-family: 'book_antiquaregular';
}

small, .small {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	margin: 10px 0 30px;
	width: 100%;
}

table td {
	border-bottom:1px solid #e6e6e6;
	padding: 5px 8px;
	font-size: 12px;
	font-family: 'book_antiquaregular';
}

#eu_cookie_notice table {
	margin: 0 0 10px;
}

#eu_cookie_notice table td {
	border: none;
}

table th, table td.title {
	padding: 3px 8px;
	background-color: #4788ba;
	color: #fff;
	font-size: 13px;
	border-bottom:1px solid #fff;
	font-family: "Akko W02 Medium";
}

table th.big, table td.big {
	font-size: 13px;
	background-color: #2a6b9d;
	padding: 10px 8px;
	text-transform: uppercase;
}

tfoot td, table td.sum {
	padding: 5px 8px;
	background-color: #e6e6e6;
	color: #6a6a6a;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}



.cnt-form {
	padding: 20px 20px 30px 20px;
	background: url(/images/pattern.jpg) repeat 0 0;
	margin-top: 30px;
}

.cnt-form.home {
	margin-top: 0;
}

.cnt-form h2 {
	color: #fff;
	margin: 3px 0 20px;
	font-size: 23px;
	line-height: 26px;
}

.cnt-form.home h2 {
	font-size: 18px;
	line-height: 22px;
}

.cnt-form input {
	border: none;
	border-radius: 0;
	font-family: "book_antiquaregular";
}

.cnt-form textarea {
	border: none;
	border-radius: 0;
	font-family: "book_antiquaregular";
}

.cnt-form button {
	background-color: #21567e;
	border-radius: 0;
	border:none;
	font-family: "Akko W02 Medium";
	text-transform: uppercase;
	font-size: 18px;
	width: 100%;
}

.cnt-form.home button {
	font-size: 12px;
}
}

.cnt-form button:hover {
	background-color: #2a638e;
}

#footer {
	margin: 20px 0 0;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul.first {
	margin-bottom: 20px;
}

#footer ul li {
	line-height: 16px;
}

#footer ul li a {
	font-size: 11px;
	line-height: 16px;
}

#footer h2 {
	font-size: 17px;
	margin: 0 0 0px;
}

#footer h1 {
	font-size: 17px;
	margin:  0 0 5px;
}

#footer p {
	font-size: 11px;
	line-height: 17px;
	font-family: Arial, sans-serif;
	color: #7d7b7b;
	margin: 0 0 5px;
}

#footer a.active {
	font-size: 11px;
	color: #7d7b7b;
}

#footer a.active:hover, .copyright a:hover {
	text-decoration: underline;
}

.copyright {
	border-top: 1px solid #ccc;
	margin: 20px 0 20px;
	padding: 20px 0 0;
	font-size: 11px;
	color: #7d7b7b;
}

.ft-links {
	color:#b4b2b2;
}

.ft-links a, .ft-links {
	display: inline-block;
}

.copyright span {
	float: right;
}

.copyright a {
	color:#b4b2b2;
}

.idea a {
	display: inline!important;
}

.copyright a.dsk {
	text-align: center;
	margin: 10px 0 0;
}

.select-mobile {
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 12px;
}

.select-mobile.project-managment {
	background-color: #650051;
}

.select-menu {
	background-color: #00355c;
	padding: 20px;
	/*height: 170px;*/
	width: 100%;
}

.select-menu select.slcbx {
	cursor: pointer;
}

.customSelect {
	border-radius: 0;
	border: none;
	height: 33px;
	background: #fff url(/images/arrow.jpg) no-repeat right 0px;
}
.customSelect.customSelectHover {
	background-color: #eee;
}
.customSelect.customSelectOpen {
	background-color: #eee;
}
.customSelect.customSelectFocus {
	background-color: #eee;
}
.customSelectInner {

}

.select-menu p {
	font-size: 12px;
	margin: 0 0 15px;
	height: 51px;
	overflow: hidden;
	line-height: 17px;
	color: #fff;
}

.select-menu h1 {
	font-size: 22px;
	font-family:'Akko W02 Medium';
	margin: 0 0 5px;
	color: #fff;
}

.banners a {
	display: block;
	margin-top: 20px;
}

.nw-article {
	margin-top: 20px;
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 20px;
	margin-bottom: 20px;
}

.nw-article:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.nw-article .nw-image {
	width: 120px;
	height: 90px;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
} 

.nw-article h1 {
	text-transform: uppercase;
	font-size: 19px;
	margin: 0 0 5px;
	line-height: 19px;
	font-family:'Akko W02 Medium';
}

.nw-article p {
	font-size: 13px;
	line-height: 17px;
	margin: 0px;
}

.nw-article .nw-text {
	width: 325px;
	float: left;
}

.nw-article a.more {
	background: url(/images/icon-arrow.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
	font-size: 13px;
	font-family: "book_antiquaregular";
}

.nw-article .date {
	width: 57px;
	height: 36px;
	background:  url(/images/icon-date.png) no-repeat 0 0;
	position: absolute;
	bottom: -18px;
	left: 30px;
	text-align: center;
	font-size: 12px;
	padding: 2px 0 0 15px;
	color:#fff;
	line-height: 15px;
	font-family:'Akko W02 Medium';
}

.nw-article .date i {
	font-family:'Akko W02 Thin';
	font-size: 13px;
	font-style:normal;
}

.video {
	margin: 20px 0;
}

.left-side ul li {
	list-style: disc;
	margin-left: 13px;
}

.white {
	background-color: #fff;
}

.pull-up {
	margin-top: -55px;
}

.why h2 {
	font-family:'Akko W02 Thin';
}

.why h2 span {
	font-family:'Akko W02 Medium';
}

.why p {
	font-size: 14px;
	line-height: 20px;
}

.logos {
	height: 220px;
	background: url(/images/logos-bg.jpg) repeat-x 0 0;
	text-align: center;
	margin: 40px 0 0;
}

.sidr ul li.dwn a {
	font-weight: bold;
	font-family: Arial!important;
	font-size: 13px;
}

.dropdown-mobile a {
	font-weight: normal!important;
	font-family: Arial!important;
	font-size: 12px!important;
}

.sidr ul li ul li a, .sidr ul li ul li span {
	padding-left: 20px;
}

.sidr ul li a {
	font-family:'Akko W02 Medium';
	font-size: 16px;
}

.sidr i {
	margin-right: 2px;
}

#mobile-menu ul {
	margin-bottom: 0;
	border-bottom: none;
}

#mobile-menu ul li {
	border-bottom: none;
}

.pageSelect {
	margin-bottom: 20px!important;
}

a.banner-mobile {
	display: block;
	padding: 20px 20px 20px 20px;
	background: url(/images/pattern.jpg) repeat 0 0;
	color:#fff;
	font-size: 18px;
	line-height: 23px;
	font-family: "Akko W02 Medium";
}

.slide.visible-xs {
	height: 90px;
	overflow: hidden;
}

/* multimedia */
h1.multiMainTitle{
	font-family:  "Akko W02 Thin";
	font-size: 53px;
	color: #fff;
	padding: 15px 15px;
	background: #00365f;
}
h2.multiMainIntro{
	/*font-family: 'book_antiquaregular';*/
	font-family:  "Akko W02 Thin";
	font-size: 18px;
	color: #787676;
	line-height: 25px;
}
.titleSeparator{
	background: #265477;
	padding: 20px;
	font-family: "Akko W02 Thin";
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
	margin: 30px 0;
}
	.titleSeparator i{
		padding-right: 5px;
	}
	.titleSeparator a{
		color: white;
		float: right;
	}
	h2.multiThinTitle{
		font-family: "Akko W02 Thin";
		font-size: 25px;
		color: #2a87c4;
	}
	.videoDesc{
		font-size: 16px;
		color: #787676;
		line-height: 21px;
		font-family: "Akko W02 Thin";
		margin: 0 0 15px 0;
	}

.nlBox{
	background: #265477;
	text-align: center;
	padding: 30px;
}

	.nlBox h2{
		font-size: 25px;
		color: #fff;
		line-height: 26px;
		font-family: "Akko W02 Thin";
		margin-top: 0;
	}

	.nlBox h3{
		font-size: 20px;
		color: #fff;
		line-height: 22px;
		font-family: "Akko W02 Thin";
	}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.mmlinks{
	color: white;
	background-color: #21567e;
	font-family: "Akko W02 Medium";
	margin: 10px 0;
	text-transform: uppercase;
}

.wrapper-404 {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60vh;
    width: 100%;
}

.wrapper-404 h1{
    font-size: 8rem;
    font-weight: 600;
}

.wrapper-404 h2{
    font-size: 3rem;
    margin-top: 20px;
    line-height: 1;
}

.wrapper-404 p{
    font-size: 2rem;
    margin-top: 20px;
}

.wrapper-404 img{
    max-width: 300px !important;
    margin-bottom: 50px;
}