@charset "utf-8";


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #999999;
	line-height: 1.9em;
	margin-bottom: 0.75em;
	margin: 0;
	padding: 0;
	padding-bottom: 0.75em;
	font-weight: normal;
	text-align: left;
 }


.pading_ispod{
	padding-bottom: 4em;
}

.ikone {
	width:40px;
	height:40px;
	padding-bottom:20px;
}

.podnaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.75em;
	color: #999;
}

.podnaslovmali {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	color: #333;
}

.scrolldemo_vt {

}

.malilink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	letter-spacing: normal;
}


.imena_bold{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #ACACAC;
	line-height: 1.6em;
}

.imena {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.95em;
	font-weight: lighter;
	color: #C3C3C3;
	line-height: 1.5em;
}




a:link, a:visited {
	color: #999999;
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
	color: #000000;
}


body {
    height: 100%;
    text-align: center;
    width: 99%;
}

body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
	text-align:left;
}

#glavni {
	position:relative;
	width:900px;
	padding:0px;
	z-index: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}


#header {
	float:right;
	width:420px;
	margin:0 0 25px 0;
}

#logo {
	width:204px;
	height:34px;
	padding-top:15px;
}

#enghrv{
	margin:67px 0 0 5px;
	width:60px;
	float:right;
}

#enghrv a{
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CCC;
	font-weight: bolder;
}

#linkovi {
	margin:15px 0 0 0;
}
#linkovi a {
	/*margin:0 20px 0 0;*/
}

#linkovi a + a::before {
	content: '/';
	padding: 0 10px;
}


#ikonegodine {
	width:40px;
}


#container {
	position:relative;
	margin:200px 5px 0 0;
	float:right;
	text-align: right;
	width:170px;
	height:300px;
	z-index:0;
	overflow:auto; /* for non-javascript */
    }

#container_dva {
	position:relative;
	margin:200px 5px 0 0;
	float:right;
	text-align: right;
	width:70px;
	height:300px;
	z-index:0;
	overflow:auto; /* for non-javascript */
    }


#slikazivotopis {
	margin:58px 0 0 0;
	float:left;
	width:360px;
}


#zivotopis {
	float:right;
	width:485px;
}


#skupa {
	width:710px;
}

#sadrzaj {
	width:620px;
	height:1270px;
	margin:0 0 0 0;
}

#sadrzaj_dva {
	width:380px;
	height:1065px;
	margin:0 0 0 0;
}

#sadrzaj_indeks {
	width:900px;
	height:700px;
	margin:15px 0 0 0;
}

#fusnote {
	width:68px;
	float: right;
	margin:157px 0 0 0;
}

#fusnote_dva {
	width:250px;
	float: right;
	margin:185px 46px 0 0;
}

#cf {
	position:relative;
	height:530px;
	width:900px;
	margin:0 0 0 0;
}
#cf img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

@keyframes cf4FadeInOut {
	0% {
		opacity:1;
	}
	17% {
		opacity:1;
	}
	25% {
		opacity:0;
	}
	92% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

#cf4a img:nth-of-type(1) {
	animation-delay: 9s;
}
#cf4a img:nth-of-type(2) {
	animation-delay: 10s;
}
#cf4a img:nth-of-type(3) {
	animation-delay: 10s;
}
#cf4a img:nth-of-type(4) {
	animation-delay: 0;
}



#lyr1 {
	/* show first div */
    visibility:visible;
	}


#wn p:first-child, #wn1 p:first-child, #wn2 p:first-child {
    margin-top:0;
    }