.error {
	color: #FF0000;
}
.stretch{
	width:10vw;height:8vw
}

input::placeholder,
textarea::placeholder {
	font-size: inherit;
	font-family: inherit;
	color: grey;
	opacity: 0.8;
}

.inpf1 {
	font-family: Arial;
	font-size: 2.0vw;
	width: 45%;
	margin: 1%;
	border-radius: 1.5vw;
	padding: 0.3vw 1.2vw;
	border: 0.3vw solid #bbb;
	outline: none;
	transition: border-color 0.5s ease;
}
.inpf1:focus {
  border-color: #007BFF;
  box-shadow: 0 0 0.2vw rgba(0, 123, 255, 0.5);
}

.inpf2 {
	font-family: Arial;
	font-size: 2.0vw;
	width: 65%;
	margin: 1%;
	border-radius: 1.5vw;
	padding: 0.3vw 1.2vw;
	border: 0.3vw solid #bbb;
	outline: none;
	transition: border-color 0.5s ease;
}
.inpf2:focus {
  border-color: #007BFF;
  box-shadow: 0 0 0.2vw rgba(0, 123, 255, 0.5);
}

.inpbut1 {
	font-size: inherit;
	font-family: inherit;
	font-weight: bold;
	color: #555;
	width: 35%;
	margin: 1%;
	border-radius: 1.5vw;
	padding: 0.3vw 0.3vw;
	border: none;
	cursor: pointer;
}
.inpbut1:hover {
  color: #fff;
  background-color: #3366cc;
}

.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}
a, p {
  white-space: pre-wrap;
}

h1, h2 {
	padding-left: 5vw;
}

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;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.slideshow li {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slideshow li span {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  animation-name: imageFade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* Fade-in/out keyframes */
@keyframes imageFade {
  0%   { opacity: 0; }
  8%   { opacity: 1; }
  25%  { opacity: 1; }
  33%  { opacity: 0; }
  100% { opacity: 0; }
}