/*-------------------------------------------------------------------------- 

[Master Stylesheet] 

 

Project:     

Version: 

Last change:	05/02/08 

--------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------- 

[Table of contents] 

 

1. Body 

2. Header / #header 

3. Navigation / #navbar 

4. Content / #content 

5. Left column / #leftcolumn 

6. Right column / #rightcolumn 

7. Sidebar / #sidebar 

10. Boxes / .box 

13. Footer / #footer 

--------------------------------------------------------------------------*/  



/*--------------------------------------------------------------------------

# [Color codes]



box-shadow: 0 -6px 6px -6px rgba(0,0,0, 0.33), 0 6px 6px -6px rgba(0,0,0, 0.22);



.revija:link:nth-of-type(2n), .revija:visited:nth-of-type(2n) { margin: 0 0 30px 0; }



background: url(slike/) center center no-repeat fixed;

	

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;



.intro {

	position: relative;

	height: 100vh;

	display: table;

	width: 100%;

}



.absolute {

	display: table-cell;

	vertical-align: middle;

}



-webkit-box-decoration-break: clone;

  box-decoration-break: clone;



*/



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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



body { 

	color: #1f1f1f; 

	font-family: 'Work Sans', sans-serif;

	font-size: 16px;

	background: #DEEEF8;

}



h1, h2, h3 { font-weight: normal; }



h1 {

	font-size: 28px;

	padding: 41px 0 0;

	letter-spacing: -1px;

	color: #1080c7;

	border-top: 9px solid #2D3895;

	border-top: 9px solid #1080c7;

}

.naslov {

	font-size: 30px;

	color: #66AFDE;

	background: #1080c7;

	padding: 4px 20px 10px;

	line-height: 1;

	margin: 0 -80px;

	display: block;

	font-weight: 700;

	letter-spacing: -1px;

	text-transform: uppercase;

	text-align: right;

}

.naslov span {

	position: relative;

	top: -4px;

}

.intro {

	height: 400px;

	position: relative;

	color: white;

	text-shadow: 0 1px 4px rgba(0,0,0,0.33);

	overflow: hidden;

}

.intro .huge {

	font-weight: 800;

	font-size: 48px;

	letter-spacing: -1px;

	line-height: 1.3;

	padding: 0;

}

.introTxt {

	position: absolute;

	bottom: 48px;

	left: 50%;

	margin: 0 0 0 -480px;

	width: 960px;

}

.underline {

	font-size: 18px;

	border-bottom: 1px solid white;

	padding: 0 0 9px;

	margin: 0 0 4px;

	display: inline-block;

}

.absolute {

	display: table-cell;

	vertical-align: middle;

}


h2 {

	font-size: 28px;

	padding: 1.25em 0 0;

	line-height: 1.35;

}



p { line-height: 1.6; padding-top: 1.5em; }



ul, ol { padding-top: 1.5em; }



li { line-height: 1.6; }



.title_rss span {

	background: #1080c7;

	color: white;



	display: block;

	position: relative;

	padding: 4px 22px;

}



.title_rss span::after {

	content: '';

	width: 0;

	height: 0;

	border-left: 11px solid transparent;

	border-right: 11px solid transparent; 

	border-top: 11px solid #1080C7;

	position: absolute;

	bottom: -11px;

	right: 22px;

}

#results { background: rgba(16, 128, 199, 0.11); }

.list_rss {

	list-style-type: none;

}

.list_rss li {

	padding: 0 1.5em 1.5em;

}



a:link, a:visited { color: #1080C7; }



a:hover {  text-decoration: none; }



img { display: block; }

a img { border: 0; }



.wrap {

	width: 960px;

	margin: 0 auto;

	padding: 0 0 51px;

}



/*--------------------------------------------------------------------------

#header

*/



.header .wrap { position: relative; }



.header { background: white; }

.logo {

	width: 224px;

	float: left;

	padding: 20px 0;

}

.nav {

	float: right;

	list-style-type: none;

	padding: 0;

}

.nav li {

	float: left;

	margin: 0 40px 0 0;

}

.nav li:last-child { margin: 0; }

.nav li a:link, .nav li a:visited {

	text-decoration: none;

	font-weight: 400;

	line-height: 124px;



	display: block;

	position: relative;





}

.nav li #select span, .nav li:hover span {

 	width: 0;

 	height: 0;

 	border-left: 10px solid transparent;

 	border-right: 10px solid transparent;

	border-bottom: 10px solid #1080C7; 

	position: absolute;

	bottom: 0;

	left: 50%;

	margin: 0 0 0 -10px;

}

.nav_side {

	background: #1080c7;

	width: 960px;

	width: 920px;

	margin: 0 auto;

	text-align: right;

	padding: 20px 20px 0;

}

.nav_side li {

	display: inline-block;

	margin: 0 0 0 15px;

}

.nav_side a {

	color: white;

	background: rgba(255, 255, 255, 0.25);

	padding: 4px 11px;

	display: inline-block;

	text-decoration: none;

}

.nav_side a:hover, #side_select {

	background: #ffffff;

	color: #1080c7;

}



/*



.language {

    height: 15px;

    width: auto;

    position: absolute;

    top: 15px;

    right: 0;

}

.language img { float: left; margin: 0 0 0 1px; border:1px solid #f5f5f5; width: 20px;}

.language a{display: inline-block; text-decoration:none;}

.language a:after{content:"|";padding-left:5px; text-decoration:none; color:#e2e2e2; font-size:14px; vertical-align:top; line-height: 14px;}

.language a:last-of-type:after{content:"";margin-right:-5px;}



*/



.language {

	padding: 5px 0;

	width: 960px;

	margin: 0 auto;

	text-align: right;

}



.language img { float: left; margin: 0 0 0 1px; width: 24px; }

.language a{display: inline-block; text-decoration:none;}

.language a:after{content:"|";padding-left:5px; text-decoration:none; color:#ffffff; font-size:14px; vertical-align:top; line-height: 20px;}

.language a:last-of-type:after{content:"";margin-right:-5px;}



/*--------------------------------------------------------------------------

#main

*/



.intro {

	background:  url(img/bg-1-luminosity.jpg) center center no-repeat fixed; ;

	color: white;

}

.intro-wrap {

	width: 286px;

	height: 286px;

	margin-right: 51px;

	float: left;

	position: relative;

	background: white;

	margin-top: 50px;

}

.intro-wrap .introTxt {

	color: #1080C7;

	padding: 20px;

}



/*

.intro-wrap img {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;



	width: 286px;

	height: 286px;



	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;



	-webkit-transition: all 0.35s;

	-moz-transition: all 0.35s;

	transition: all 0.35s;

}



*/





.intro-wrap .introLink {

	background: #1080C7;

	color: white;

	position: absolute;

	line-height: 50px;

	height: 50px;

	bottom: 0;

	left: 0;

	z-index: 2;

	width: 246px;

	padding: 0 20px;

	font-size: 20px;

}

.intro-wrap .introLinkSmaller { font-size: 18px; }

.introLink span {

	width: 0;

	height: 0;

	border-left: 11px solid transparent;

	border-right: 11px solid transparent; 

	border-bottom: 11px solid #1080C7;

	position: absolute;

	top: -11px;

	right: 22px;

}

/*

.intro-wrap:hover .introImg {



	-webkit-transform: translateY(-286px);

	transform: translateY(-286px);





}



@-webkit-keyframes slideOut {

	0% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

	100% {

		-webkit-transform: translate(-250px);

		transform: translate(-250px);

	}

}

@keyframes slideOut {

	0% {transform: translateY(0);}

	100% {transform: translateY(-250px);}

}



*/



.slideIn {

	-webkit-animation-name: slideIn;

	animation-name: slideIn;

	-webkit-animation-duration: 0.5s;

	animation-duration: 0.5s;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

	-webkit-animation-timing-function: ease-in-out;

	animation-timing-function: ease-in-out;

}

.slideOut {

	-webkit-animation-name: slideOut;

	animation-name: slideOut;

	-webkit-animation-duration: 0.25s;

	animation-duration: 0.25s;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

	-webkit-animation-timing-function: ease-in-out;

	animation-timing-function: ease-in-out;

}



@-webkit-keyframes slideIn {

	0% {

		-webkit-transform: translate(0);

		transform: translate(0);

	}

	100% {

		-webkit-transform: translate(250px);

		transform: translate(250px);

	}

}

@keyframes slideIn {

	0% {transform: translate(0);}

	100% {transform: translate(250px);}

}



.half {

	width: 480px;

	float: left;

}

.clmn {

	width: 286px;

	margin-right: 51px;

	float: left;

}

.clmn-2 {

	width: 50%;

	float: left;

}

.clmn-3 {

	width: 33%;

	float: left;

}

.clmn-4 {

	width: 25%;

	float: left;

	margin: 39px 0 0;

}

.ico {

	margin: 0 auto 15px;

	width: 75px;

}

.clmn-4 a:link, .clmn-4 a:visited {

	background: white;



	background: rgba(16,128,199,0.11);

	margin: 0 5px;

	display: block;

	padding: 1em 0 1.5em;

	text-decoration: none;



	-webkit-transition: all 0.35s;

	-moz-transition: all 0.35s;

	transition: all 0.35s;

}



.clmn-4 a:hover {

	

	background: rgba(16,128,199,0.33);

}



.bg-white { background: white; }



.slika {

	float: left;



	width: 400px;

	margin: 0 51px 25px -80px;

}



.video {

	width: 960px;

	height: 450px;

}

#map {

	width: 100%; height: 450px;

	position: relative;

	z-index: 1;

}

.content {

	padding-left: 160px;

	padding: 0 80px;

}

.content-top {

	border-top: 9px solid #1080C7;

}

.full-bg {

	background: white;

}

.separator {

	border-top: 9px solid #CDE6F5;

	margin: 39px 0 0;

	padding: 39px 0 0;

}

.file_link a {

	background: #CDE6F5;

	padding: 4px 11px 4px 43px;

	display: inline-block;

	text-decoration: none;

	position: relative;

}

.file_link a:hover {

	background: #1080C7;

	color: white;

}

.file_link .fa {

	background: #1080C7;

	color: white;

	display: inline-block;

	padding: 4px;

}

.file_link a::after {

	font-family:'FontAwesome';

	content:"\f1c1";

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	background: #1080C7;

	color: white;

	line-height: 34px;

	width: 32px;

	text-align: center;

}

.novica {

	border-bottom: 9px solid #CDE6F5;

	padding: 0 0 39px;

}

.separator-white {

	border-top: 9px solid #ffffff;

	/*

	margin: 51px 0 0;

	padding: 39px 0 0;

	*/

}

.finakos {

	width: 192px;

	margin: 0 0 0;

	float: left;

}

.contactus {

	margin: 39px 0 0;

	background: #FCDC21;

	padding: 0 0 1.5em;

}

.contactus a:link, .contactus a:visited {

	color: black;

	text-decoration: none;

}

.contactus a:hover {

	text-decoration: underline;

}

.contactus .kontaktlink:link, .contactus .kontaktlink:visited {

	background: black;

	color: #FFF200;

	text-decoration: none;

	display: inline-block;

	padding: 0 15px;

}

.contactus .kontaktlink:hover { color: white; }

.gallery img {

	width: 170px;

	margin: 40px 40px 0 0;

	float: left;

}

.gallery:nth-child(4n) img { margin: 40px 0 0; }



/*--------------------------------------------------------------------------

#footer

*/



.footer {

	background: #1080C7;

	color: white;

	padding: 39px 0;

}

.footer a:link, .footer a:visited {

	color: white;

	text-decoration: none;

}

.footer a:hover { text-decoration: underline; }



/*--------------------------------------------------------------------------

#various

*/



.intro-wrap figcaption {

	word-spacing: -1px;

}



.iso9001 {

	width: 200px;

	margin: 1.5em auto 0;

}

.fullscreen {

	position: relative;

	height: 100vh;

	display: table;

	width: 100%;

}

.absolute {

	display: table-cell;

	vertical-align: middle;

}

.logo-wrap {

	width: 159px;

	margin: 0 auto;

}

.success {

	margin: 0 auto;

	width: 580px;

	padding: 0 0 23px;

}

.mail:link, .mail:visited {

	text-decoration: none;

	color: #1f1f1f;

}

.mail:hover { color: #66AFDE; }



.fa {

	position: relative;

	top: 1px;

}



.brand { color: #82BEE5; }



strong, .debele { font-weight: 700; }



.vecje { font-size: 20px; }

.huge { font-size: 30px; }



.tiskane { text-transform: uppercase; }



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

.align-right { text-align: right; }



.no-padding { padding: 0; }

.no-padding-top { padding-top: 0; }

.no-padding-bottom { padding-bottom: 0; }



.no-mrg-top { margin-top: 0; }

.no-mrg-bottom { margin-bottom: 0; }

.no-mrg-right { margin-right: 0; }



.mrg-top { margin-top: 50px; }



.spacer { clear: both; }