body
{
    font:12px tahoma;
    direction:rtl;
    text-align:right;
    background-image:url(/images/bg.png);
    background-repeat:repeat;
}

.w3-animate-top{position:relative;animation:animatetop 5.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:25.8%;opacity:1}}
.w3-animate-top-1{position:relative;animation:animatetop-1 5.0s}@keyframes animatetop-1{from{top:-300px;opacity:0} to{top:11.45%;opacity:1}}
.w3-animate-top-2{position:relative;animation:animatetop-2 5.0s}@keyframes animatetop-2{from{top:-300px;opacity:0} to{top:42.1%;opacity:1}}
.w3-animate-top-3{position:relative;animation:animatetop-3 5.0s}@keyframes animatetop-3{from{top:-300px;opacity:0} to{top:41%;opacity:1}}
.w3-animate-top-4{position:relative;animation:animatetop-4 5.0s}@keyframes animatetop-4{from{top:-300px;opacity:0} to{top:64.8%;opacity:1}}
.w3-animate-top-5{position:relative;animation:animatetop-5 5.0s}@keyframes animatetop-5{from{top:-300px;opacity:0} to{top:73.6%;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 5.0s}@keyframes animateleft{from{right:1000px;opacity:0} to{right:15%;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 5.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:13%;opacity:1}}
.w3-animate-right-1{position:relative;animation:animateright-1 5.0s}@keyframes animateright-1{from{right:-300px;opacity:0} to{right:18%;opacity:1}}
.w3-animate-zoom {position:relative;animation:animatezoom 5.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

#mainp
{
    max-width:570px; 
    max-height:570px; 
    width:100%;
    height:100%;
    margin-right:auto; margin-left:auto;   
    position:relative;
    overflow:hidden;
}

img.resize
{
    width:100%;
    height:auto;
    border:none;
}

a.link
{
    color:#ffffff;
    font:11px tahoma;
    text-decoration:none;
}

#l1
{
    position:absolute;
    top:27%;
    left:-15%;
    width:100%; 
    display:none;   
}
img.resize1
{
    width:33.33%;
    height:auto;
    border:none;
}

#l2
{
    position:absolute;
    top:37%;
    right:13%;
    width:100%;    
    display:none;
}
img.resize2
{
    width:27.16%;
    height:auto;
    border:none;
}

#l3
{
    position:absolute;
    top:58%;
    right:18%;
    width:100%;   
    display:none; 
}
img.resize3
{
    width:32.33%;
    height:auto;
    border:none;
}

#l4
{
    position:absolute;
    top:25.8%;
    right:59.5%;
    width:100%;    
    display:none;
}
img.resize4
{
    width:16.83%;
    height:auto;
    border:none;
}

#l5
{
    position:absolute;
    top:11.45%;
    right:35.1%;
    width:100%;    
    display:none;
}
img.resize5
{
    width:25.5%;
    height:auto;
    border:none;
}

#l6
{
    position:absolute;
    top:42.1%;
    right:13.5%;
    width:100%;    
    display:none;
}
img.resize6
{
    width:25.5%;
    height:auto;
    border:none;
}

#l7
{
    position:absolute;
    top:41%;
    right:67%;
    width:100%;    
    display:none;
}
img.resize7
{
    width:10.0%;
    height:auto;
    border:none;
}

#l8
{
    position:absolute;
    top:64.8%;
    right:26.2%;
    width:100%;    
    display:none;
}
img.resize8
{
    width:20.0%;
    height:auto;
    border:none;
}

#l9
{
    position:absolute;
    top:73.6%;
    right:25.8%;
    width:100%;    
    display:none;
}
img.resize9
{
    width:25.0%;
    height:auto;
    border:none;
}