*{padding:0;margin:0;}
body{background:#809DA3 url(../images/bg1.jpg) no-repeat center 0;animation-duration:1s;animation-name:slidein;}


ul{
	list-style-type:none;
	margin:0 auto;
	direction:rtl;
	margin-top:520px;
}
li{display:inline;}
ul a, ul a:link{
	display:inline-block;
	border:1px solid transparent;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	margin:0 3px;
	padding:2px;
	text-decoration:none;
	color:#575758;
	font:bold 1em Arial, Helvetica, sans-serif;
}
ul a:hover, ul a:active{
	background-color:#809DA3;
	border-color:#809DA3;
	color:#FFF;
	transition:color 0.5s ease, background-color 1s ease;
}
#home-date{
	direction:rtl;
	font:13px Tahoma, Geneva, sans-serif;
	color:#79003D;
	padding:9px 3px 19px;
}
#home-date,ul{text-align:center;}
#notification{
	top:50%;
	right:0.5em;
	left:0.5em;
	bottom:0.5em;
	overflow:auto;
	background-color:#fff;/*fallback*/
	background-color:rgba(255, 255, 255, 0.5);
}
.close{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAY1BMVEVWVlZVVVX5+flQUFD19fVKSkpiYmJhYWFLS0v39/dXV1dWVlZISEhbW1tjY2NYWFg+Pj76+vr5+flDQ0P7+/tPT0/29vZeXl5ISEj6+vpTU1MAAAADAwMFBQUEBAQGBgYAAAB+NVu2AAAAHHRSTlOiogOoB66Vlq4GoaGynJSgvQMEtgKqBpmxAqUA8Tu9+AAAAGdJREFUeNotjEsCgjAQQ4OiKNhSPoW2o5L7n5LpaDZ5b5HgWCb5JX6wsM/GdwbMA0u1nbcWshaWyukpEMmFzjNtoqJx5HWWv3hyrA3bxtFeUPk1ib6sKp1u7aW5IPKhrAYmfIOyWXqfInMNi4qQjtgAAAAASUVORK5CYII=) no-repeat;
	width:12px;
	height:12px;
	float:left;
	opacity:0.5;
	position:fixed;
	left:25px;
	
}
.close:hover{opacity:1;}
.disn,#qrcode{display:none;}
@media all and (min-width:0px) and (max-width:500px){
	body{background:#809DA3 url(..//images//bg14.jpg) no-repeat center top;}
	ul{margin-top:335px; font-size:12px;  }
	a, a:link{font-size:2em;padding:0px;}
	
	img{
		background-image:url(../images/rsz_logo-for-splash.png);
		background:no-repeat;
		width:50px;
		height:40px;
		
	}
}
@keyframes slidein{from{background-position:center -1600px;}to{background-position:center 0;}}
@media print
{
	*{
		color:#000 !important;
		text-decoration:none !important;
		text-shadow:none !important;
		background-color:#fff !important;
	}
	.close{
		display:none;
	}
	#qrcode{
		display:inline;
		position:absolute;
		top:0;
		width:100px;
		height:50px;
		z-index:9;
	}
	#notification{position:static;top:auto;bottom:auto;overflow:visible;margin:9px;}
	ul{margin:0px; padding:1px;   }
}