* { margin:0; padding:0;}
html, body {
	height: 100%;
}

body {
	background-color:#131313;
	margin: 0px;
	padding: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #fff;
}
background img { background-position: center;
}

img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#contentall {
  position:relative;
  z-index:1;
}  

h1, h2, h3 {
	margin-top: 0px;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 170%;
}

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

a {
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
}

img.alignleft {
	float: left;
	padding-right: 25px;
}
img.alignleftborder {
	float: left;
	margin-right: 25px;
}
img.alignleftborderS {
	float: left;
	margin-right: 15px;
}
img.alignrightborder {
	float: right;
	margin-left: 25px;

}
img.alignright {
	float: right;
	padding-left: 25px;
}

img.aligncenter {
	margin-left: 45px;
}
.centercenter {
	margin-left: 175px;
}

img.alignslika1 {
	margin-left: 150px;
}
img.alignslika2 {
	margin-left: 9px;
}
hr {
	display: none;
}

/** WRAPPER */

#wrapper {
}
#sve {
	width: 880px;
	margin: 0px auto;
}

.container {
	width: 900px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	width: 880px;
	height: 246px;
	margin: 0px auto;
}

#home {
	width: 880px;
	height: 13px;
}

#home .desno { float:right; padding-right: 4px;}
#home .desno a { color:#ffffff; text-decoration: none; background:#4b4d52; padding: 0 5px 0 5px; margin-left: 1px;}
#home .desno a:hover{ color:#000; text-decoration: none; background:#999; padding: 0 5px 0 5px;}

/** LOGO */

#logo {
	float: left;
	height: 60px;
	margin: 0px auto;
	text-transform: uppercase;
}

#logo h1 a {
	display: block;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	font-size: 36px;
	color: #fff;
}

#logo p {
	margin: -22px 0px 0px 5px;
	padding: 0px;
	font-size: 11px;
	color: #B6AA43;
}

#logo a {
	text-decoration: none;
}

/** MENU */

#menu {
	width: 198px;
	height: 24px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	width: 198px;
	float: left;
}

#menu a {
	display: block;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 48px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	background-image:url(images/img5cc.gif);
	float: left;
}

#menu a:hover {
	background: #323232 url(images/img05z.gif) no-repeat left;
	text-decoration: none;
	color: #FFFFFF;
}
#menu .first a:hover {
	background: #323232 url(images/img05xx.gif) no-repeat left;
	color: #FFFFFF;
}
#menu .fir a:hover {
	background: #323232 url(images/img05xx.gif) no-repeat left;
	color: #FFFFFF;
}
#menu .first a {
	background: #323232 url(images/img05xx.gif) no-repeat left;
	color: #FFFFFF;
}
#menu .open a {
	background: #323232;
	color: #FFFFFF;
}

#flashmuz {
	width: 75px;
	height: 20px;
	text-align:center;
	float:right;
	margin-right: 75px;
}


/** PAGE */

#page {
	width: 880px;
	margin: 0px auto;
	padding: 85px 0px 8px 0px;
}

/** CONTENT */

#content {
	float: right;
	width: 630px;
	padding-left: 30px;
	background-color:#131313;
	border-top:3px solid #ccc;
	-khtml-opacity:.9;
	-moz-opacity:.9;
	-ms-filter:”alpha(opacity=90)”;
	filter:alpha(opacity=90);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
	opacity:.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

/** SIDEBAR */

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

#sidebar h2 {
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 18px;
}

#sidebar li ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#sidebar li li {
	padding: 0px 0px 5px 0px;
}

#sidebar p {
	margin: 0px 0px 20px 0px;
}

/** POST */

.post {
	background: url(images/img05.gif) repeat-x left bottom;
}

.post .title {
	margin: 0px;
	padding-bottom: 10px;
	letter-spacing: -1px;
	font-size: 22px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.post2 {
	margin-bottom: 20px;
	margin-left: 40px;
	background: url(images/img05.gif) repeat-x left bottom;
}
.post .title a {
	border: none;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	color: #FFFFFF;
}
.slike_galerija { float:left; margin: 8px 8px 9px 8px; width: 152px; height: 122px; background-color: #333333}
.content_slike {margin: 0 0 0 40px}
.slikaa {margin: 8px 0 0 11px}
.slikaa a img { border: solid 1px #494949;}
.slikaa a:hover img { border: solid 1px #787878;}
.num {margin: 2px 0 0 11px; color: #999999}
.slikaa img { border:0;}
.slikab {margin: 8px 0 0 11px}
.slikab a img { border: solid 2px #494949;}
.slikab a:hover img { border: solid 2px #ac5087;}
.slikak img { border:0;}
.slikak {margin: 8px 0 0 11px}
.slikak a img { border: solid 2px #494949;}
.slikak a:hover img { border: solid 2px #ac5087;}
.slikak img { border:0;}
.style1 {
	color: #923107;
}
.style3 {
	color: #923107; font-size: 15px;
}
.sucess {
	margin: 95px 0 120px 0;
	color: #fff;
}
.kalend {
	margin: 5px 0 10px 0;
	color: #CCCCCC;
}
.kalendar {
	margin: 0 0 10px 100px;
	color: #fff;
}
.uskoro {
	margin: 95px 0 120px 0;
	color: #fff;
}

.post .meta {
	display: block;
	margin-top: -15px;
	padding: 5px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #fff;
}
.post2 .meta {
	display: block;
	margin-top: -15px;
	padding: 5px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #fff;
}

.post .meta a {
}

.post .entry {
	text-align: justify;
	padding: 10px 0px 0px 0px;
}

.entry {
	margin-right: 25px;
}

.veza {
	background-color:#080808;
	margin-bottom: 20px;
	border-right:2px solid #a5a5a5;
}
.veza3s {
	background-color:#080808;
	margin-bottom: 20px;
	border-right:2px solid #a5a5a5;
	padding-left: 20px;
}

.veza img { 
	margin-right: 12px;
}
.veza2 {
	background-color:#080808;
	margin-bottom: 20px;
	border-right:2px solid #a5a5a5;
	height: 130px;
	text-align: left;
}

.veza2 img { 
	margin-right: 12px;
}

.desnok {
	width: 250px;
	background: #ccc url(images/naran_s.jpg);
	margin: 15px 0px 0px 15px;
	text-decoration: none;
	border-top:2px solid #fff;
	color: #000000;
	float:right;
	text-align: justify;
	padding: 10px 5px 5px 25px;
	font-size: 15px;
}
.desnokk {
	width: 120px;
	color: #fff;
	float:right;
}

.style2 a {
	color: #000;
	text-decoration:none;
}
.style2 a:hover {
	text-decoration: none;
}



/** FOOTER */

#footer {
	background-color:#131313;
	width: 880px;
	height: 40px;
	margin: 0px auto;
	color: #b7b7b7;
	border-top:2px solid #ccc;
	-khtml-opacity:.7; 
	-moz-opacity:.7; 
	-ms-filter:”alpha(opacity=70)”;
 	filter:alpha(opacity=70);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
	opacity:.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#footer p {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color: #b7b7b7;
}

.backgroundimg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
	text-align: center;
    height: 242px;
    width: 100%;

}


#back1s {
    background: url("images/zaglavlje/images/005s.jpg") no-repeat top ;
	margin-top: 73px;
}

#back2s {
    background: url("images/zaglavlje/images/004s.jpg") no-repeat top ;
	margin-top: 73px;
}

#back3s {
    background: url("images/zaglavlje/images/003s.jpg") no-repeat top ;
	margin-top: 73px;
}

#back4s {
    background: url("images/zaglavlje/images/002s.jpg") no-repeat top ;
	margin-top: 73px;
}

#back5s {
    background: url("images/zaglavlje/images/001s.jpg") no-repeat top ;
	margin-top: 73px;
}


#back1f {
    background: url("images/zaglavlje/images/005f.jpg") no-repeat top ;
	margin-top: 73px;
}

#back2f {
    background: url("images/zaglavlje/images/004f.jpg") no-repeat top ;
	margin-top: 73px;
}

#back3f {
    background: url("images/zaglavlje/images/003f.jpg") no-repeat top ;
	margin-top: 73px;
}

#back4f {
    background: url("images/zaglavlje/images/002f.jpg") no-repeat top ;
	margin-top: 73px;
}

#back5f {
    background: url("images/zaglavlje/images/001f.jpg") no-repeat top ;
	margin-top: 73px;
}



@keyframes backgroundchangeFadeInOut {
  0% {
    opacity:1;
  }
  13% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes backgroundchangeFadeInOut {
  0% {
    opacity:1;
  }
  13% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}



#backgroundchange div:nth-of-type(1) {
  animation-delay: 28s;
  -webkit-animation-delay: 28s;
}
#backgroundchange div:nth-of-type(2) {
  animation-delay: 21s;
  -webkit-animation-delay: 21s;
}
#backgroundchange div:nth-of-type(3) {
  animation-delay: 14s;
  -webkit-animation-delay: 14s;
}
#backgroundchange div:nth-of-type(4) {
  animation-delay: 7s;
  -webkit-animation-delay: 7s;
}
#backgroundchange div:nth-of-type(5) {
  animation-delay: 0;
  -webkit-animation-delay: 0;
}

#backgroundchange div {
animation-name: backgroundchangeFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 35;

-webkit-animation-name: backgroundchangeFadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 35s;

}