html, body { 
width: 100%; 
height: 100%; 
margin: 0px; 
padding: 0px;
color: #585858;
background: #e2e2e2;
font-size: 10pt;
font-family: tahoma
}
.offline{
padding: 28px 5px 0px 0px;
width: 300px;
height: 100px;
border: solid 2px #cccccc
}
a.stit{
color: #000;
direction: ltr;
text-decoration:none;
background: url(images/aarw.gif) no-repeat right;
padding-right: 25px;
text-align:right;
margin: 0 10px 10px 0;
display:block;
}
.hed{
padding: 0 25px 0 0;
background: #d9d9d9 url(images/bg.gif) repeat-x bottom
}
.hed a{
text-decoration: none;
display: block;
float: right;
color: #fff;
text-align: center;
width: 131px;
background: url(images/btn.png) no-repeat 0 0;
padding: 9px 0 8px;
margin: 0 0 0 3px
}
.hed a:hover{
background: url(images/btn.png) no-repeat 0 bottom;
}
.hed a.ovr{
text-decoration: none;
display: block;
float: right;
color: #fff;
text-align: center;
width: 131px;
background: url(images/btn.png) no-repeat 0 bottom;
padding: 9px 0 8px;
margin: 0 0 0 3px
}
.bnr{
width: 853px;
height: 249px;
float: right;
position: relative
}
.bnr .im{
position: absolute;
left: 0;
top: 0;
z-index: 1
}
.lng{
position: absolute;
bottom: 0;
width: 312px;
right: 0;
height: 58px;
background: url(images/alang.png) no-repeat left bottom;
z-index: 2
}
.lang img{
border: 0
}
.lng a{
border: none;
text-decoration: none
}
#sy{
float: left;
margin: 27px 0 0 30px
}
#en{
float: left;
margin: 27px 0 0 16px
}
#fb{
float: right; margin: 25px 20px 0 16px
}
#plane{
float: right; margin: 25px 0 0 16px
}
#coin{
float: right; margin: 24px 0 0 16px
}
#cloud{
float: right; margin: 21px 0 0 16px
}
.mail{
float: right;
background: #f11924;
width: 302px;
height: 82px;
margin: 2px 1px 0 0;
padding: 0
}
.mail .tit{
background: url(images/mil.gif) no-repeat right center;
color: #fff;
float: right;
margin: 5px 7px 0 0;
font-weight: bolder;
padding: 2px 51px 2px 0
}
.mail .inpt{
float: right;
border: none;
width: 161px;
margin: 10px 66px 2px 34px
}
.srch{
float: right;
width: 302px;
background: url(images/abrdr.gif) no-repeat 0 bottom;
color: #7e7e7e;
font-weight: bolder
}
.srch .inpt{
float: right;
border: solid 1px #525252;
width: 161px;
margin: 11px 8px 12px 10px
}
.srch span{
float: right; display: block; margin: 12px 29px 0 0
}
/******************************************/

.arrowlistmenu{
margin: 0 0 0 7px;
padding: 0;
width: 303px;
float: right;
position:relative;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #575757;
background: url(images/abrdr.gif) no-repeat 0 bottom;
padding: 7px 15px 10px 13px; /*header text is indented 10px*/
cursor: hand;
text-align:right;
font-size: 10pt;
font-weight: normal;
float: right;
width: 275px;
direction: rtl;
margin: 0;
cursor: pointer;
}

.arrowlistmenu a.lnk{ /*CSS class for menu headers in general (expanding or not!)*/
color: #575757;
background: url(images/abrdr.gif) no-repeat 0 bottom;
padding: 7px 15px 10px 13px; /*header text is indented 10px*/
cursor: hand;
text-align:right;
font-size: 10pt;
width: 275px;
display: block;
float: right;
text-decoration: none;
direction: rtl;
margin: 0;
cursor: pointer;
}

.arrowlistmenu a:hover.lnk{
background: #ececec url(images/abrdr.gif) no-repeat 0 bottom;
}
.arrowlistmenu h3:hover.menuheader{/*CSS class for menu headers in general (expanding or not!)*/
background: #ececec url(images/abrdr.gif) no-repeat 0 bottom;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #ececec url(images/abrdr.gif) no-repeat 0 bottom;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
float: right;
width: 241px;
background: #fefefe;
padding: 0;
}

.arrowlistmenu ul li{
float:right;
font-size: 0
}

.arrowlistmenu ul li a{
color: #a1a1a1;
display: block;
padding: 3px 43px 2px 20px;
text-decoration: none;
font: 9pt tahoma;
direction: rtl;
width: 240px;
background: url(images/aarw.gif) no-repeat 267px 8px;
text-align: right;
margin:0 0 2px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background: url(images/aarw.gif) no-repeat 267px 8px;
color: #575757
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: url(images/aarw.gif) no-repeat 267px 8px;

color: #a1a1a1
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: url(images/aarw.gif) no-repeat 267px 8px;

color: #575757
}
.arrowlistmenu ul li a.opn{ /*Closed state CSS for sub menu header*/
background: url(images/aarw.gif) no-repeat 267px 8px;

color: #575757
}

.arrowlistmenu ul li .subcategoryitems{
padding: 3px 43px 2px 20px;
border-right: none;
width: 240px;
float: right;
text-align:right;
border-left: none;
}
.arrowlistmenu ul li .subcategoryitems a{
background: url(images/dot.gif) no-repeat 0 6px;
direction:rtl;
margin: 3px 0;
float:right;
width: 260px;
display: block;
padding: 3px 23px 2px 20px;
}
.arrowlistmenu ul li .subcategoryitems a:hover{
background: url(images/dot.gif) no-repeat 0 -11px;
}
.arrowlistmenu ul li a.open{
background: url(images/dot.gif) no-repeat 0 -11px;
color: #575757
}

/******************************************/

.bdy{
direction: rtl;
text-align: right;
padding: 10px 22px
}
h1{
margin: 0;
float: right;
color:#f11924;
width: 499px;
padding: 0;
font-size: 13pt
}



/*********************NEWS*/

.content-act-list {
    float: right;
    margin-top: 7px;
    width: 100%;
}
#img-act-list {
    float: right;
}
#img-act-list img {
    border: medium none;
    box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	}
	#title-act-list {
    float: right;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 10px;
    width: 57%;
}
#title-act-list a {
    color: #4D4D4D;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#text-act-list {
    color: #4D4D4D;
    float: right;
   
    line-height: 1.5;
    margin-right: 9px;
    margin-left: 0px;
    overflow: hidden;
    width: 412px;
}
#readmore-act-list {
    margin-right: 24px;
    margin-top: 5px;
    text-align: left;
}
#readmore-act-list a {
    color: #F21828;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}