body{
	direction: rtl;
    background: none;
    font-size: 15px !important;
}
h1
{
    font-size: 17px !important;
    margin: 0px;
}
#h1
{
	margin-top: -40px;
	margin-bottom: 20px;
}
.main_container
{
    background-color: white;
    position: relative;
    margin: 0 auto;
    margin-top: 430px;
    max-width: 500px;
    text-align: center;
    
}
#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: #57a8f2;
	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) !important;
	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{transform: scale(3,3) rotate(100deg); opacity:0;}
	to{transform: scale(1,1) rotate(0deg); opacity:1;}
}
#logo
{
	animation: logoPlay 0.8s;
	position: fixed;
	top: 0px;
	width: 400px;
	left: 50%;
	margin-left: -200px;
}
#other_names
{
	font-size: 13px;
}
#catalogue
{
	background-color: silver;
	border: 2px white solid;

	border-radius: 5px;
}
@media screen and (max-width: 450px)
{
    .centered{
        width: 100%;
    }
}