@font-face {
  font-family: "Mitra";
  font-style: normal;
  font-weight: 700;
  src: url("WebMitra-Bold.woff") format("woff");
}
body{
	direction: rtl;
    background-image:url('../img/bg.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family:Mitra;
    font-size: 17px !important;
}
h1
{
    font-size: 17px !important;
    margin: 0px;
}
#h1
{
	margin-top: -40px;
	margin-bottom: 20px;
}
.centered
{
    position:relative;
    width:400px;
    letter-spacing:1px;
    margin: 0 auto;
    top:0px;
}
#centered_text a{
   color:black;
   text-decoration:none;
}

#centered_text a:hover{
   color:#B20202;
}
.testa3:hover{
   background-color:#B20202;
}
.testa3
{
	padding: 0px 3px 0px 3px;
	background-color:green;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-top-right-radius: 3px;
	border-radius: 5px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-decoration:none;
}
.nomra3
{
	padding: 0px 3px 0px 3px;
	background-color:orange;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-top-right-radius: 3px;
	border-radius: 5px;
	color: black;
	font-weight: bold;
	text-decoration:none;
}
@keyframes logoPlay
{
	from{margin-right:150px; opacity:0;}
	to{margin-right:0px; opacity:1;}
}
#logo
{
	animation:logoPlay 2s;
}
#other_names
{
	font-size: 13px;
}
#catalogue
{
	background-color: silver;
	border: 2px white solid;

	border-radius: 5px;
}