@font-face {
    font-family:'UNFONT';/*تعریف یک نام برای فونت*/
    src:url('../font/DN.eot');/*اکسپلورر 9 به بعد*/
    src:local('DroidArabicNaskh'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('Droid Arabic Naskh'),/*برای برخی از مرورگرها مانند سافاری*/
        url('../font/DN.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('../font/DN.woff') format('woff'),/*مرورگر های جدید*/
        url('../font/DN.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('font/DN.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
   }
* {

margin:0;
padding:0;
color:#666;
}

html {

}

body{
background:#e0ecf1 ;
}


.page_margins{
/*
min-width:960px;
max-width:64em;
*/
background:#fff ;
width:960px;
position:relative;
margin:0px auto;
padding:16px 16px;
}





/*	1. H E A D E R
*/


#header{
background:url(../img/z30_1_gr.gif) right 120px no-repeat;
position:relative;
z-index:2;
}

#header .page_margins{
background:#e0ecf1
} 



h1{
position:relative;
top:0px;
left:0px;
text-indent:-9999px;
width:25%;
height:148px;
background:url(../img/logo.png) no-repeat 0 0px;
float:right;
font-family:"Palatino LT Arabic", Helvetica, sans-serif;

}

#header h2{
	direction:rtl;
	font-size:12px;
	font-weight:lighter;
	position:absolute;
	width:193px;
	left:744px;
	top:95px;
	font-family:"Palatino Sans", Helvetica, sans-serif;

}

#header p{
width:104px;/*										Change in Elastic-Layout		*/
font-size:12px;
line-height:normal;
text-indent:0;
position:absolute;
top:32px;
left:616px;
line-height:12px;
font-family:"Palatino Sans", Helvetica, sans-serif;

}


#header p + p{
top:20px;
left:496px;
direction:rtl;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

#header p + p + p{
top:20px;
left:376px;
direction:rtl;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

#header p + p + p + p{
top:20px;
left:256px;
direction:rtl;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

#header p + p + p + p + p{
top:20px;
left:136px;
direction:rtl;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

#header p + p + p + p + p +p{
top:20px;
left:16px;
direction:rtl;
font-family:"Palatino Sans"", Helvetica, sans-serif";

}


#header h3{
direction:rtl;
font-size:14px;
font-weight:bold;
line-height:16px;
width:104px;
position:absolute;
top:16px;;
left:616px;
font-family:"B Titr";

}



#service-nav{
width:496px; 
height:22px; 
position:absolute; 
right:0; 
top:158px; 
background-color:#000; 
z-index:99;
font-size:18px;
}

#service-nav li{
list-style:none;
display:inline;
font-size:12px;
font-family:"Palatino Sans";

}
#service-nav li a{
color:#FFFFFF;
font-size:18px;
font-style:italic;
text-decoration:none;
display:block;
float:left;
padding:4px 8px 4px 12px;
width:100px;
background-color:#000;
}

#service-nav li a:hover, #service-nav li a:focus{
background-color:#9BB3B7;
}



/*	2.  A R T I K E L
*/


/*	2.1 Artikel-Head
*/

.article_head{
z-index:1;
position:relative;
}

.article_head .page_margins{
height:190px;
border-top:#000 10px solid;
padding-bottom:0;


}

.article_head p.intro{
	position:absolute;
	font-size:18px;
	line-height:24px;
	text-align:right;
	margin-bottom:16px;
	width:424px; /*								  Change in Elastic-Layout		*/
	top:43px;
	font-family:"Palatino Sans";

}

p.intro, p.intro+p, div>p:first-child{
text-indent:0;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

.article_head h2{
	position:absolute;
	text-transform:uppercase;
	letter-spacing:4px;
	font-size:6em;
	line-height:0.5em;
	font-weight:bold;
	width:512px;
	left:445px;
	top:97px;
	margin-left:16px;
	font-family:"B Titr", Helvetica, sans-serif;
	
}

.article_head h3{
	font-size:18px;
	font-weight:normal;
	position:absolute;
	top:34px;
	width:514px;
	left:444px;
	margin-left:16px;
	font-family:"Palatino Sans", Helvetica, sans-serif;

}

/*remove Letter-Spacing  manual kerning*/
h2 span{
letter-spacing:0px;
}

.article_info{
color:#999;
font-size:10px;
border-top:#666 1px solid;
text-align:center;
margin:0 auto; 
padding-bottom:4px; 
width:480px;

}



/*	2.2 Artikel-Body
*/

.article{

margin-bottom:32px;
background:url(../img/z30_1_gr.gif) left top no-repeat;
}

.article .page_margins{
padding-bottom:16px;
padding-top:0;
font-family:"Microsoft Uighur", Helvetica, sans-serif;


}


.col{
width:25%;
float:left;
font-family:"Traditional Arabic", Helvetica, sans-serif;

}

.two_col{/*								  to prevent floating too short coloumns		*/
width:50%;
float:left;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

.two_col > .col{
width:50%;
float:left;
font-family:"Palatino Sans", Helvetica, sans-serif;

}


.col12{
width:12.5%;
float:left;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

.col > *, .w50 > *{
margin-right:16px;
font-family:"Palatino Sans", Helvetica, sans-serif;
font-size:18px; 
text-align:justify;
line-height:22px;
direction:rtl;
}


.w50{
width:100%;
margin-right:0;
float:right;
text-align:right;
direction:rtl;
font-family:"Palatino Sans", Helvetica, sans-serif;

}

.two_col > .w50{
width:25%;

}

.w25{
width:25%;
margin-right:0;
float:left;

}

.img{
float:right;
text-align:center;
margin:0 16px 16px 0;
}

.img>img{
width:100%;
float:right;
}



.w50 > *, .w25 > *, .col12 > *,.no_img > * {/*								  12,5% coloumns		*/
font-family:Arial, Helvetica, sans-serif;
text-align:right;
font-size:14px;
line-height:14px;
margin-right:16px;
}

.w50{
margin-bottom:16px;

}

.right{
float:right;
}



p.intro{
font-size:18px;
line-height:24px;
text-align:left;
margin-bottom:16px;
font-family:"Palatino Sans", Helvetica, sans-serif;
font-style:italic;
}

p{
font-size:14px;
line-height:16px;
font-family:"Palatino Sans", Helvetica, sans-serif;

}


p + p{
text-indent:16px;
}

p + div{
margin-top:16px;
}




blockquote{
margin:13px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:8px 16px 12px 16px;

}

blockquote p{
font-size:18px;
line-height:20px;
font-style:italic;
text-align:center;
font-family:"Palatino Sans", Helvetica, sans-serif;


}


abbr, acronym{
font-variant:small-caps;
cursor:help;
font-size:12px;
text-decoration:none;
}

.article strong{
font-variant:small-caps;
font-weight:normal;
font-size:12px;

}

.article a{

}

.extra{
background:#e0ecf1;
padding:10px 10px 16px 10px;
clear:both;
margin-bottom:16px;
font-family:"Microsoft Uighur", Helvetica, sans-serif;
text-align:right;
word-spacing:2px;
}

.extra h3{
text-align:center;
font-variant:small-caps;
font-size:26px;
font-weight:bold;
line-height:20px;
margin-bottom:8px;
letter-spacing:1px;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
background-color:#FFFFFF;
padding:10px 0 10px 0;
font-family:"Palatino Sans";
}

.extra p{
line-height:18px;
font-size:18px;

}




.article_head:after, #header:after, .article:after, .page_margins:after{/*								  clear floats		*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}


/*	3. C A T E G O R I E S
*/

#categories{
position:fixed;
width:120px;
top:190px;
right:-120px;
z-index:120;
background-color:#222;
padding-bottom:16px;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}

#categories:hover{
right:0px;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}

#categories h4{
cursor:pointer;
background-color:#000000;
padding:10px;
color:#FFFFFF;
font-variant:small-caps;
text-align:center;
position:absolute;
left:-30px;
width:10px;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}

#categories ul, #categories h5{
margin:0px 16px;
padding-bottom:5px;
font-family:Palatino, Helvetica, sans-serif;
font-size:18px;

}

#categories h5{
font-variant:small-caps;
color:#FFFFFF;
margin:16px 16px 0px 16px;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}

#categories ul li{
list-style:none;
font-family:"Microsoft Uighur", Helvetica, sans-serif;


}

#categories ul li a{
color:#999999;
text-decoration:none;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}



#categories ul li a span{
color:#999999;
width:18px;
display:block;
float:left;
text-align:left;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}



#categories ul li a:hover, #categories ul li a:hover span{
color:#fff;
font-family:"Microsoft Uighur", Helvetica, sans-serif;

}