/* @font-face {
	font-family: "Chill Font 1";
	src: url('fonts/tahoma.ttf') format('truetype');
	font-weight: normal; font-style: normal;
} */
.stretch{width:10vw;height:8vw}
.fs1{font-family: Arial;font-size:1.1vw}
.fs2{font-family: Arial;font-size:1.2vw}
.fs3{font-family: Arial;font-size:1.4vw}
.fs4{font-family: Arial;font-size:1.6vw}
.fs7{font-family: Arial;font-size:2.0vw}
.fs8{font-family: Arial;font-size:3.0vw}
.fs9{font-family: Arial;font-size:4.0vw}
.fst{font-family: Arial;font-size:1.7vw;color:#fc3030;text-align:center;font-weight:bold}
.fsh1{font-family: Arial;font-size:1.7vw;color:#ccccea;text-align:left;font-weight:bold;padding-left:3vw}
.fsh2{font-family: Arial;font-size:1.7vw;color:#99c999;text-align:center;font-weight:bold}
.sysm{text-align:left}
/*.search{font-family: Arial";font-size:1vw;width:5vw;height:1vw;color:#ffffff;text-align:center;text-shadow:1px 1px #000}*/
.search-submit{position:fixed;top:0.7vw;left:92vw;font-family: Arial;font-size:0.9vw;width:4vw;height:auto;color:#fff4ef;background:#CfAf4f;text-align:center;text-shadow:1px 1px #000}
.search-words{position:fixed;top:0.6vw;left:80vw;font-family: Arial;font-size:0.9vw;width:10vw;height:auto;color:#CfAf4f;background:#fff8f4;text-align:left;text-shadow:1px 1px #000}
.fsfooter{font-family: Arial;font-size:1.6vw;color:#ffffff;text-align:left;text-shadow:1px 1px #000;margin-top:1vw;margin-bottom:1vw}
a.fsfooter:link{color:#ffffff;text-decoration:none;font-family: Arial;font-size:1.6vw;text-shadow:1px 1px #000}
a.fsfooter:visited{color:#ffffff;text-decoration:none;font-family: Arial;font-size:1.6vw;text-shadow:1px 1px #000}
a.fsfooter:hover{color:#ffff70;text-decoration:none;font-family: Arial;font-size:1.6vw;font-weight:bold;text-shadow:1px 1px #000}
a.fsfooter:active{color:#ffffff;text-decoration:none;font-family: Arial;font-size:1.6vw;text-shadow:1px 1px #000}
/* html{background:url('images/pozadina.jpg') no-repeat fixed center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} */
/* body{padding-bottom:4vw} */
.wrapper{	/*  Golemina na ramka za sodrzina */
	left:0.5vw;width:99%;margin:4vw 0 0 0;position:absolute;float:center}
a:link, a:visited{color:rgb(255,200,127);text-decoration:underline}
a:hover, a:focus{color:#C0D0F0;text-decoration:underline}
div{color:#ffffff}
.header{	/*  Golemina na meni */
	background:url('images/foot_bg.png');top:0;left:0;height:4vw;border-bottom:#C9C9C9 1px solid;width:100%;position:fixed;z-index:9999;box-shadow:2px 2px 10px rgba(0,0,8, .3)
}
header .breadcrumbs{font-family: Arial;text-transform:uppercase;font-size:1.3vw;height:16px;line-height:16px;overflow:hidden;color:#666;width:100%}
header .breadcrumbs a:link,
header .breadcrumbs a:visited{color:#888;font-family: Arial;text-transform:uppercase}
header .breadcrumbs a:focus,
header .breadcrumbs a:hover{color:#444;font-family: Arial;text-transform:uppercase}
span.wrapper a:link, span.wrapper a:visited, span.wrapper{font-family: Arial;text-transform:uppercase;font-size:1.2vw;color:#ffffff;text-decoration:none}
/*header #logo{}
header #logo:link,
header #logo:visited,
header #logo:hover,
header #logo:focus{text-decoration:none}*/
header nav{float:left;width:100%}
header nav ul{list-style:none}
header nav li{margin-top:0vw;display:block;float:left;margin-left:2.2vw}
header nav li:hover{margin-top:0vw;display:block;float:left}
header nav li a{	/*  Font vo meni */
	display:block;font-size:2vw;font-family: Arial;text-transform:uppercase;padding:0.3vw 0.6vw 0.3vw 0.6vw;letter-spacing:0.1vw;font-weight:bold;text-shadow:1px 1px #000
}
header nav li a:link,
header nav li a:visited{color:#f1f1f1;text-decoration:none}
header nav li a:hover,
header nav li a:focus{color:#f0f0f0;text-decoration:none;padding:0.3vw 0.6vw 0.3vw 0.6vw;box-shadow:0px 2px 3px rgba(0,0,0, .3);border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px;background:#604020}
header nav li.current a{color:#888;background:#444 !important;text-decoration:none;border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px}
article{float:center;width:89%;margin:0 3vw 6vw 3vw;min-height:10vw;background:url('images/content_bg.png');padding:2vw;box-shadow:3px 2px 8px rgba(0,0,0, .3);border:1px solid #786858;font-family: Arial;font-weight:normal;color:#ffffff;font-size:2.2vw;text-shadow:3px 3px #000;text-align:justify}
article section{padding:0.3vw;line-height:22px;font-size:1.5vw;color:#ffffff}
article_left_sidebar{
	float:left;left:0.5vw;width:73vw;margin:0 3vw 6vw 3vw;min-height:10vw;background:url('images/content_bg.png');padding:2vw;box-shadow:3px 2px 8px rgba(0,0,0, .3);border:1px solid #786858;font-family: Arial;font-weight:normal;color:#ffffff;font-size:1.4vw;text-shadow:1px 1px #000;text-align:justify
}
article_left_sidebar section{padding:0.3vw;line-height:22px;font-size:1.4vw;color:#ffffff}
desensidebar{float:right;width:16vw;margin:0px 0.9vw 0px -3vw;min-height:10vw;padding:0px;font-family: Arial;font-weight:normal;color:#ffffff;font-size:1.3vw;text-shadow:1px 1px #000}
footer{
	height:auto;padding:0;color:#888;font-size:1.2vw;width:100%;background:url('images/foot_bg.png');border-top:#C9C9C9 1px solid;position:fixed;bottom:0;left:0;z-index:9999;box-shadow:2px -2px 10px rgba(0,0,8, .3)
}
footer .left{float:left;width:50%;padding-left:0.6vw;text-align:left;padding-top:0.2vw}
footer .right{float:right;width:50vw;text-align:right;padding-top:0.2vw}
.clear{clear:both}
#line_top{height:30px;border-bottom:1px solid #ccc;width:98%;margin:0 auto}
#line_bottom{height:30px;border-top:1px solid #ccc;width:98%;margin:0 auto}
#line_top_sidebar{height:10px;border-bottom:1px solid #ccc;width:98%;margin:0 auto}
.scroll_top{bottom:5vw;right:0;position:fixed;z-index:9999;opacity:0}
/*img{box-shadow:0px 2px 6px rgba(0,0,0, .5)}*/
.pl_img_left{float:left;margin-right:14px}
.pl_img_right{float:right;margin-left:14px}
.pl_img_center{margin:14px;float:none;clear:both}
.pl_img_none{margin:14px}
@font-face{font-family: Arial}
#nav li ul{z-index:9999;position:absolute;background:url("images/pl_eg_ul_bg.png") 0px -11px no-repeat;padding:4px 4px 4px 4px;min-width:180px;max-width:280px;border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px;}
#nav li ul li{width:auto;margin-bottom:4px}
#nav li ul li a{FILTER:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#d7e6f5;background:#807050;font-size:0.8vw;font-family: Arial;font-weight:normal;display:block;padding:5px 10px 5px 10px;text-transform:capitalize;min-width:180px;max-width:280px;margin-left:-24px;border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px;text-shadow:1px 1px #000}
#nav ul{ist-style:none}
#nav li ul{position:absolute;width:3vw;max-width:10vw;left:-999em;z-index:100;margin-top:0px}
#nav li ul li:hover a{color:#ffffff;background:#604020;font-weight:bold;border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px}
#nav li:hover ul{left:auto}
#nav li:hover ul, #nav li.sfhover ul{left:auto}

html {min-height: 100%;}
body {height: 100%;background-color: #121010;}
.slideshow {
  list-style: none;
  z-index: 1;
}
.slideshow li span {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  color: transparent;
  background-position: 50% 50%;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: imageAnimation 24s linear infinite 0s;
  -moz-animation: imageAnimation 24s linear infinite 0s;
  animation: imageAnimation 24s linear infinite 0s;
  background:url('') no-repeat fixed center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.slideshow li h3 {
  position: absolute;
  text-align: center;
  z-index: 2;
  bottom: 150px;
  left: 0;
  right: 0;
  opacity: 0;
  font-size: 4.0625em;
  font-family:  Arial;
  text-transform: uppercase;
  color: #fff;
  -webkit-animation: titleAnimation 24s linear 1 0s;
  -moz-animation: titleAnimation 24s linear 1 0s;
  animation: titleAnimation 24s linear 1 0s;
}
@media only screen and (min-width: 768px) {
  .slideshow li h3 {
    bottom: 30px;
    font-size: 8.125em;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow li h3 {
    font-size: 10.9375em;
  }
}
.slideshow li:nth-child(1) span {
  background-image: url(/images/bckg1.jpg);
}
.slideshow li:nth-child(2) span {
  background-image: url(/images/bckg2.jpg);
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
  background-image: url(/images/bckg3.jpg);
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
  background-image: url(/images/bckg4.jpg);
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s;
}
@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  12.5% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
  }
  12.5% {
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  12.5% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes titleAnimation {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes titleAnimation {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes titleAnimation {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.no-cssanimations .slideshow li span {
  opacity: 1;
}