body{
padding:0px;
margin:0px;
background:#dddddd;
}


/* animate 1 */
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
/* animate 1 */

/* animate 2 */
@keyframes animatedBackground1 {
	from { background-position: 100% 0; }
	to { background-position: 0 0; }
}
@-moz-keyframes animatedBackground1 {
	from { background-position: 100% 0; }
	to { background-position: 0 0; }
}
@-webkit-keyframes animatedBackground1 {
	from { background-position: 100% 0; }
	to { background-position: 0 0; }
}
/* animate 2 */

/* animate 3 */
@keyframes rotateRadar {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg);}
}
@-moz-keyframes rotateRadar {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg);}
}
@-webkit-keyframes rotateRadar {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg);}
}
/* animate 3 */

.bar{
	margin-top:250px;
	width:100%;
	height:200px;
	background:url('img/icons.jpg');
	border-top:5px solid rgba(0, 0, 0, 0.5);
	border-bottom:5px solid rgba(0, 0, 0, 0.5);
	animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;
}
.text_under{
    background: url("img/text.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 99px;
    left: -248px;
    margin-top: 260px;
    position: absolute;
    width: 294px;
}
.dl_firefox{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    font-family: "RNAFont"!important;
    left: 248px!important;
    text-align: center!important;
    width: 460px!important;
}
.hover_bar{
	position:absolute;
	width:100%;
	height:190px;
	display:block;
	background:url('img/icons_hover.png');
	background-position: center; 
}
.under_bar{
	position:absolute;
	width:100%;
	height:96px;
	z-index:-1;
	display:block;
	background:url('img/under_icons.jpg');
	background-position: center; 
	margin-top: 160px;
}
.circle{
	width:300px;
	height:300px;
	margin:0px auto;
	margin-top:-50px;
	position:absolute;
	left:50%;
	margin-left:-150px;
}


.radar_0{
    border-radius: 150px;
    height: 262px;
    left: 21px;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    width: 255px;
	background:url('img/radar_0.jpg');
	animation: animatedBackground1 40s linear infinite;
	-moz-animation: animatedBackground1 40s linear infinite;
	-webkit-animation: animatedBackground1 40s linear infinite;
}
.radar_1{
	width:263px;
	height:263px;
	margin:0px auto;
	background:url('img/radar_1.png');
	position:absolute;
	top:19px;
	left:18px;
	opacity:0.9;
}
.radar_2{
	width:263px;
	height:263px;
	margin:0px auto;
	background:url('img/radar_2.png');
	position:absolute;
	top:19px;
	left:18px;
	animation: rotateRadar 10s linear infinite;
	-moz-animation: rotateRadar 10s linear infinite;
	-webkit-animation: rotateRadar 10s linear infinite;
}
.login_form_0 .btn,.login_form_1 .btn{
	margin:0px;
	font-family: "RNAFont";
}
.login_form_0:hover{
	opacity: 1;
}
.login_form_0{
    height: 105px;
    left: 55px;
    margin: 0 auto;
    opacity: 0.7;
    position: absolute;
    top: 86px;
    width: 189px;
	transition: all 1s;	
}
.login_form_1{
    height: 105px;
    left: 55px;
    margin: 0 auto;
    position: absolute;
    top: 310px;
    width: 189px;
	opacity:0.8;
}
.login_title{
    color: white;
    font-family: "RNAFont";
    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
}
.logo{
	width:596px;
	height:300px;
	position:absolute;
	background:url('img/logo.jpg');
	left:50%;
	margin-left:-298px;
	top:5px;
	z-index:-1;
}
.date_logo{
	font-family: "RNAFont";
    color: #af1f1f;
    margin: 170px auto 0;
    text-align: center;
}
.login_form_0 .alert{
    color: black !important;
    direction: rtl !important;
    left: -570px;
    position: absolute;
    text-align: right;
    top: -380px;
    width: 500px;
}
.glyphicon-lock:before {
content: "\e033"!important;
}
.has-error{
*border:2px solid red!important;
}