body {
	overflow-y:scroll;
}
#background {
	width:100%;height:100%;position:fixed;right:0px;top:0px;
	background:url(../img/place/armon2.jpg);
	background-size:100% 100%;
	-webkit-filter:blur(3px);
	opacity:1;
	animation-name: background;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	z-index:-1;
}
@-webkit-keyframes background {
    0%   {left:0px; top:0px;}
    50%  {left:100px; top:50px;}
    100% {left:0px; top:0px;}
}
#background2 {
	width:100%;height:100%;position:fixed;right:0px;top:0px;
	background:url(../img/bg.jpg);
	z-index:-1;
	opacity:0.4;
}
#login {
	z-index:0;width:100%;
	text-align:center;
	color:#fff;
	position:absolute;
}
#center {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
header {
	width:100%;height:69px;top:0px;z-index:3;
	background:url(../img/login/footer.jpg);
	position:fixed;
	box-shadow:0px 24px 32px rgba(0,0,0,0.5);
	}
footer {
	width:100%;height:69px;bottom:0px;z-index:3;
	background:url(../img/login/header.jpg);
	position:fixed;
	box-shadow:0px -24px 32px rgba(0,0,0,0.5);
}
.pxlworld {
	position:fixed;right:16px;top:90px;height:100px;
}
.input {
	background:url(../img/login/input.jpg);
	width:200px;height:32px;
	border:none;color:#ffcf4e;text-shadow:1px 1px 3px #000;
	margin-top:10px;
	border-radius:4px;
	padding-right:10px;padding-bottom:4px;
	font-weight:bold;
	font-family:open sans hebrew;
}
.character {
	width:146px;
	height:276px;
}
.register {
	background:url(../img/login/register.jpg);
	border:none;
	width:95px;height:37px;
	border-radius:4px;
	box-shadow:1px 1px 3px #000;
	opacity:0.7;
	cursor:pointer;
	transition:0.3s;
	margin-top:9px;
	font-weight:bold;
	font-size:14px;
	font-family:open sans hebrew;
	text-shadow:1px 1px 2px #fff;
	color:#550800;
}
.buttonreg {
	display:inline-block;
	padding-top:10px;
	height:28px;
	text-decoration:none;
}
.audio {
	margin-top:15px;
	width:48px;
	position:fixed;
	right:10px;
	top:73px;
	border:solid 1px #fff;
	border-radius:4px;
	opacity:0.8;
}
.register:hover, .login:hover {
	opacity:1.0;
}
.image1,.image2 {
	background:rgba(0,0,0,0.3);width:200px;margin-right:-200px;
	margin-top:15px;border-radius:3px;border:solid 1px rgba(0,0,0,0.3);
	height:100px;position:absolute;display:inline-block;padding:5px;
	font-size:14px;height:78px;text-shadow:1px 1px 0px #000;
	box-shadow:0px 2px 0px rgba(0,0,0,0.4);
}
.image2 {
	margin-top:120px;height:220px;
}
#div2,#div3,#div4 {
position:absolute;
height:calc(100% - 69px);
top:100%;
background:#fff;
z-index:1;
background:url(../img/place/ordan3.jpg);
background-size:cover;
width:100%;
}
#div2 {
-webkit-filter:blur(15px);
}
#div3 {
background: url(../img/bg.jpg);
opacity: 0.4;
}
#div4 {
z-index:2;
background:none;
text-align:center;
}
.newsmain {
background:url(../img/newsmain.png);
width:calc(505px - 60px);
height:262px;
margin-top:10px;
padding:30px 30px;
color:#000;
}
.buttonlmain {
background:url(../img/buttonlmain.png);
width:153px;
height:60px;
display:inline-block;
text-decoration:none;
color:#ffd272;
font-size:22px;
padding-top:26px;
font-weight:bold;
text-shadow:1px 1px 2px #000;
margin-top:25px;
}
.buttonregister {
width:210px;
display:inline-block;
height:29px;
padding-top:5px;
background:url(../img/login/buttonregister.png);
color:#fff;
margin-top:25px;
text-shadow:1px 1px 2px rgba(0,0,0,0.8);
text-align:center;
text-decoration:none;
}
.imgweb {
	width:70px;
	left:10px;
	bottom:10px;
	position:fixed;
}