html {scroll-behavior: smooth;}

@font-face {
	font-family: bahnschrift;
	src: url(../font/bahnschrift.ttf);
}



body {/*background:url('../../img/bck.jpg');*/
	background-repeat: no-repeat;
  background-size: 100% 100%;
  	font-family: bahnschrift;
	color:green;;}

.prva {position:fixed;
	top:0px; left:0px;
	width:100%;
	height:100%;
	font-family: bahnschrift;
	background: white;
	background:url('../../img/bck.jpg');
	background-repeat: no-repeat;
  background-size: 100% 100%;
	}
	
.prva_about {position:fixed;
	top:0px; left:0px;
	width:100%;
	height:100%;
	font-family: bahnschrift;
	background: white;
	/*background:url('../../img/bck.jpg');*/
	background-repeat: no-repeat;
  background-size: 100% 100%;
	}

.prva p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.druga{position:absolute;
	top:100%; left:0px;
	width:100%;
	height:100%;
	background:cyan;
	background:url('../../img/bck4.jpg');
	background-repeat: no-repeat;
  background-size: 100% 100%;
	}

.druga p {color:white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.treca {position:absolute;
	top:200%; left:0px;
	width:100%;
	height:100%;
	font-family: Verdana;
color:white;
background:white;
	background:url('../../img/bck3.jpg');
	background-repeat: no-repeat;
  background-size: 100% 100%;
	}

.treca p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cetvrta {position:absolute;
	top:300%; left:0px;
	width:100%;
	height:100%;
	font-family: Verdana;
color:white;
	background:url('../../img/bck2.jpg');
	background-repeat: no-repeat;
  background-size: 100% 100%;
	}

.cetvrta p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center { text-align:center;
  	font-family: Verdana;
color:white; vertical-align:middle;}

.gumbic {border:none;
	background:white;
	border-style: 5px solid green;
	border-radius:5px;
	font-size:14pt;
	font-weight:bold;
	height:50px; color:green;
	text-decoration:none;
	}

.gumbic td a {display:tablecell;
	border-radius:5px;
	background:white;
	color:green;
	text-decoration:none;
	border-style: 2px solid green;
	}

.gumbic:hover {
	background:silver;
  transition: 0.3s;
	}
	
	.footer {
		background:white;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width:100%;
  height: 50px;
  color:black;
  font-family: "Arial Narrow";
  z-index:201; vertical-align:middle;
  border-top:2px solid cyan;
}



.employer:hover {background-image:url('../../img/poslodavac-on.gif');}

.worker:hover {background-image:url('../../img/poslopirmac-on.gif');}


.header {position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		background:black;
		font-size:14pt;
		z-index:10;
		padding-top:10px;}
		

.logo {position:fixed;
		top:5px;
		left:20px;
		width:250px;
height:40px; z-index:200; background:black; font-size:14pt; vertical-align:middle;}

.formular {position: absolute;
		  top: 50%;
			left: 50%;
		transform: translate(-50%, -50%);
		width:auto;
		height:auto;
		z-index:201; 
		background-color:black; 
		font-size:14pt;
		padding:20px;
		border-radius:10px;}

.lng {position:fixed;
		top:13px;
		right:0px;
		width:200px;
		
height:30px; z-index:200; background:black; font-size:14pt; vertical-align:middle;}

.partners {position:fixed;
		bottom:13px;
		right:0px;
		width:200px;
		
height:30px; z-index:203;  font-size:14pt; vertical-align:middle;}

.back {position:fixed;
		bottom:13px;
		left:0px;
		width:200px;
		
height:30px; z-index:2034;  font-size:14pt; vertical-align:middle;}

.partners-lnk {font-family: bahnschrift; font-size:18pt; color:blue; text-decoration:none;}
.partners-lnk:hover {text-decoration:underline;}