/**
*
* FilesFa 
*
* @author : Mostafa Rasouli
* @date : 1397/02/17
* @url : WwW.FilesFa.CoM
*
**/

body
{
	background:white url(patt1.png);
	direction:rtl;
	font-size:12px;
	line-height:1.6em;
	font-family:tahoma;
	color:#525252;
}

@font-face {
    font-family: 'Vazir';
    src: url('/images/font/VazirLight.eot');
    src: url('/images/font/VazirLight.eot?#iefix') format('embedded-opentype'),
    url('/images/font/VazirLight.woff') format('woff'),
    url('/images/font/VazirLight.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:BYekan;
    src:url('/images/font/BYekan.eot');
    src:url('/images/font/BYekan.eot?#iefix') format('embedded-opentype'),
         url('/images/font/BYekan.woff') format('woff'),
         url('/images/font/BYekan.ttf') format('truetype'),
         url('/images/font/BYekan.svg#WyekanRegular') format('svg');
    font-style:normal;
    font-weight:normal;
}

* {
    font-family:BYekan !important;
}

.ptitle {
    font-size:12px !important;
}

h2 {
    font-size:12px !important;
}

code * {
    font-family:tahoma !important;
    font-size:11px !important;
}

#card td {
    padding:1px !important;
}

.box2 {
    margin-top:5px;
}

.box2 a {
    width:65px;
}

.clear
{
	clear:both;
}

.subheader a{color:#fff !important}
.subheader a:hover{color:rgb(255,211,54) !important;}
a{color:#759B00}
a:hover{color:#F06000;}

.main {
	width:995px;
	margin:0 auto;
}

.main img {
	max-width:995px;
}

#nav
{
	background:white url(tt.png) repeat-x bottom;
	border:1px solid #E4E4E4;
	border-radius:4px;	
}

#nav a
{
	display:inline-block;
	padding:7px 7px 7px 7px;
	color:#898989;
	/*text-shadow:1px 1px 0  white;*/
}

#nav a:hover
{
	background:#3C9500 url(t2.png) repeat-x;
	color:white;
	text-shadow:none;
	border-radius:2px;
}

#nav a:first-child
{
	border-radius:0px 3px 3px 0 ;
}

input
{
	border:1px solid #E4E4E4;
	padding:2px 4px 1px 4px;
	color:#7A7A7A;
	font-size:11px;
}

input[type=submit]
{	
	background:#83B41A;
	border:1px solid transparent;
	color:white;
	padding:2px 4px !important;
	border-bottom:2px solid  #608413;
	margin:3px;
	box-shadow:0px 1px 2px rgb(140,140,140);	
}

input[type=submit]:hover
{	
	background:#79A81A;
}

.extra {
	width:995px;
	margin:0 auto;
}
.extra input{
	width:77%;
	margin:0px 4px 4px 0;	
}
.extra [type=submit]{
	width:20%;
	margin:0;
}
.extra
{
	display:none; 
}

.sidebar
{
	float:right;
	width:212px;
	background:green;
	border-radius:10px;	
}

.cen
{
	float:right;
	width:561px;
	margin:0 5px;
	background:red;
	border-radius:10px;
}

.subheader {
	background:#037298;
	opacity:0.9;
	letter-spacing:1px;
	color:#f7eeee;
	padding:9px 4px;
	margin-bottom:2px;
	border-radius:4px;
	box-shadow:0 0 5px #aaa;
	text-align:center;
}

.subfooter {
    background:#037298;
    opacity:0.9;
    letter-spacing:1px;
    color:#f7eeee;
    padding:7px 4px;
    margin-top:3px;
    border-radius:4px;
    box-shadow:0 0 5px #aaa;
    text-align:center;
}

.note
{	
	padding:4px;
	background:#f4f4f4;
	border-top:2px solid #5bc0de;
	width:985px;
	border-radius:3px;
	margin:5px auto;
	text-align:center;
}

.widget
{
	background:#F2F2F2;
	border-radius:7px;
	margin:0 0 2px 1px;
	border:4px solid #FF9900;
	padding:0 2px 2px 2px;
}

.leftwidget
{
	background:#F2F2F2;
	border-radius:7px;
	margin:0 0 2px 0px;
	border:4px solid #79A011;
	padding:0 2px 2px 2px;
}

.wbody
{
	border:1px solid #DFDFDF;
	background:white;
	padding:4px;	
	border-radius:5px;
	text-align:justify;
}

.whead
{
	padding:4px 28px 6px 2px;	
	background:url(ts.png) no-repeat right top;
	border-radius:10px;
	text-shadow:1px 1px 0  white;
}

.category li a
{
	display:block;
	background:url(b.png) no-repeat right;
	padding:2px 8px 2px 0;	
}

.category li ul li a
{
	background:url(b2.png) no-repeat right;
	margin-right:8px;
	color:#0D90BC;
}

.category li ul li a:hover
{
	color:#F06000;
}
.catparent a
{
	font-weight:bold;
}

.children a
{
	font-weight:normal;
}
.rank
{
	border:1px solid #999999;
	height:10px;
	border-radius:2px;
	margin:2px;
	background:#F9F9F9;
	direction:ltr;
}

.inrank
{
	background:#97C815;
	direction:ltr;
}

#leftsidebar li a
{
	display:block;
	background:rgb(248,248,248) url(b3.png) no-repeat right center;
	padding:2px 14px 2px 0;
	border-radius:4px;
	margin-bottom:3px;
	border-bottom:1px solid #F3F3F3;
	color:#79A011;	
}

#leftsidebar li a:hover
{
	color:#4096FF;
	background:#79A011 url(b3.png) no-repeat right center;
	color:white;
	border-bottom:1px solid #608413;
}

.post
{
	background:#F2F2F2;
	padding:4px;
	border-radius:7px;
	margin:0 0 2px 1px;
	border:4px solid #6D767B;
}

.postbody
{
	background:white;
	border-radius:5px;
	padding:3px;
	text-align:justify;
	word-wrap:break-word !important;
        overflow:auto;
}

.posttitle
{
	/*background:#F1F1F1;*/
	border-radius:8px;
}

.ptitle
{
	display:block;
	padding:3px;
	font-weight:bold;
	font-size:12px;
	background:url(p.png) no-repeat right;
	padding-right:18px;
	border-bottom:1px solid #F2F2F2;
	border-bottom:1px dashed #F2F2F2;
}

.btitle
{
    display:block;
    padding:4px;
    border-radius:4px;
    font-size:11px;
    color:#ffffff;
    background:#3c3c3c;
}

.btitle a {
    font-size:11px;
    color:#ffffff;
}

.btitle:hover
{
	background:#79A011;
}

.icon1
{
	display:inline-block;
	background:url(u.png) no-repeat bottom;
	width:20px;
	height:18px;
}

.icon5
{
	display:inline-block;
	background:url(cat.png) no-repeat bottom;
	width:20px;
	height:18px;
}

.icon6
{
	display:inline-block;
	background:url(bar.png) no-repeat bottom;
	width:21px;
	height:14px;
}
.icon2
{
	display:inline-block;
	background:url(d.png) no-repeat bottom;
	width:20px;
	height:18px;
}

.icon3
{
	display:inline-block;
	background:url(buyb.png) no-repeat bottom;
	width:20px;
	height:18px;
}

.likeit
{
	background:url(like.gif) no-repeat right;
	background:url(heart.png) no-repeat right;
	display:inline-block;
	padding:4px;
	padding-right:18px;
	cursor:pointer;
	color:#E21900;
	float:left;
}

.buylink
{
	display:inline-block;
	text-align:center;
	width:147px;
	border:1px solid #CFCFCF;
	background:#F2F2F2 url(blink.png) repeat-x bottom;
	padding:4px 6px;
	border-radius:4px;
	box-shadow:1px 1px 0 0 white inset , -1px -1px 0 0 white inset;
	color:#525252;
	text-shadow:1px 1px 0 white;
}

.buylink:hover
{	
	border:1px solid #4B640B;
	background:#79A011;
	box-shadow:1px 1px 0 0 #A4D917 inset , -1px -1px 0 0 #A4D917 inset;
	color:white;
	text-shadow:1px 1px 0 #126D06;
}

.offer
{
	display:inline-block;
	text-align:center;
	width:147px;
	border:1px solid #CFCFCF;
	background:#F2F2F2 url(blink.png) repeat-x bottom;
	padding:4px 6px;
	border-radius:4px;
	box-shadow:1px 1px 0 0 white inset , -1px -1px 0 0 white inset;
	color:#525252;
	text-shadow:1px 1px 0 white;
}

.police
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:3px;
	font-size:11.7px;
	display:inline-block;
	padding:4px 19px 4px 10px;
	background:url(police.png) no-repeat right;
	color:red;
}

.tags
{
	background:url(bar.png) no-repeat right;
	text-align:right;
	padding:1px 17px 0px 1px;
	margin:2px 0;
}

.tags a
{
	display:inline-block;
	background:#1287af;
	padding:2px 6px;
	border-radius:5px;
	margin-bottom:1px;
	font-size:10px;
	color:white;
}

.tags a:hover
{
	background:#1f6e88;
}

#footer
{
	margin-top:5px;
	border-top:4px solid #CDCFC4;
	background :#48484A url(footer.png);
	padding:10px;
	color:#CFCFD1;
	text-shadow:1px 1px 0 #242426;
	text-align:center;
	box-shadow:0 0 10px 10px #48484A inset
}

#footer a
{
	color:#80AA00;
}

#footer a:hover
{
	color:#DAB72C;
}

blockquote {
    background:#F6F6CA;
    border:1px solid #D2D2B6;
    border-radius:4px;
    color:#666666;
    margin:3px 0px 3px 0px;
    padding:3px 7px 3px 7px;
    text-align:justify;
    text-shadow:0px 0px 0 #C9C9C9;
}

pre {
    direction:ltr;
    font-family:tahoma;
    display:block;
    background:#D8E2F1;
    border-radius:4px;
    margin:3px 0px 3px 0px;
    padding:3px 7px 3px 7px;
    border:1px solid #94AFD8;
    overflow-y:hidden;
    overflow:auto;
    width:335px;
    text-align:left;
}

code {
    background:#edf1f7;
    font-family:tahoma;
    display:block;
    margin:3px 0px 3px 0px;
    padding:3px 7px 3px 7px;
    direction:ltr;
    border:#83baf1 1px solid;
    border-radius:4px;
    color:#333;
    overflow-y:hidden;
    overflow:auto;
    width:335px;
    text-align:left;
}

.dl {
    background:#485b94;
    border:1px solid #D2D2B6;
    border-radius:4px;
    color:#fff4f4;
    margin:3px 0px 3px 0px;
    padding:3px 7px 3px 7px;
    text-align:justify;
    text-shadow:0px 0px 0 #C9C9C9;
}

.dt {
    background:#48484A url(footer.png);
    border:1px solid #D2D2B6;
    border-radius:4px;
    color:#fff4f4;
    margin:3px 0px 3px 0px;
    padding:3px 7px 3px 7px;
    text-align:justify;
    text-shadow:0px 0px 0 #C9C9C9;
}

.dd {
    background:#227a5a;
    border:1px solid #D2D2B6;
    border-radius:4px;
    color:#fff4f4;
    margin:3px 0px 3px 0px;
    padding:3px 7px 3px 7px;
    text-align:justify;
    text-shadow:0px 0px 0 #C9C9C9;
}

.any {
    width:auto;
    padding:1px 5px 1px 5px;
    border-right:3px solid #8AC007;
    margin:1px 3px 1px 3px;
    font-size:1.1em;
    font-family:tahoma;
    border-radius:4px;
    text-align:justify;
}

.anx {
    width:auto;
    padding:1px 5px 1px 5px;
    border-left:3px solid #0753c0;
    margin:1px 3px 1px 3px;
    font-size:1.1em;
    font-family:tahoma;
    border-radius:4px;
    text-align:left;
    direction:ltr;
}

textarea
{
  max-width:99%;
}

.post img
{
   padding:2px;
    width:99%;
    height:auto;
    background:#ffffff;
    border-radius:5px;
    margin:auto;
    border:1px solid #D6D6D6;
    box-shadow:0 0 4px #D6D6D6;
}

.box ul.star li.emp
{
    background:url(stare.png) no-repeat scroll center center transparent;
    float:right;
    margin:0;
    padding:8px;
}

.box ul.star
{
    float:right;
    margin:2px 0 0 0;
    padding:0;
}

.box ul.star li.ok
{
    background: url("star.png") no-repeat scroll center center transparent;
    float:right;
    margin:0;
    padding:8px;
}

/* Use a media query to add a breakpoint at 400px: */
@media only screen and (min-width: 240px) and (max-width: 400px) {

  .main {
    width:99%; 
  }
  #nav form {
    display:none;
  }
  .buylink {
    width:120px;
  }
  .offer {
    width:120px;
  }
  .post img {
    width:127px !important;
    height:145px !important;
  }
  .police {
    font-size:9.0px !important;
    padding:4px 19px 4px 9px;
  }
  .postbody {
    font-size:11px !important;
  }
  .post * {
    font-size:9.5px !important;
  }
   .comment_item, .comment_parent,  .comment_guest {
    font-size:11px !important;
  }
  .extra {
    display:block;
    width:99%;
  }
  .extra input {
    width:73.2%;
  }
  .form input, .form textarea {
    width:96%;
  }
  .form select {
    width:100%;
    padding:1px 4px 1px 4px !important;
    margin:5px 0px 0 0px !important;
  }
  .form .row
  {
    margin:0 !important;
  }
  input[type=submit] {
    width:99.5%;
    margin:5px 1px 5px 1px !important;
  }
    input, textarea {
    line-height:1.9em !important;
  }
  .box4 {
    font-size:9.7px;
  }
  #card * {
    font-size:0.90em !important;
  }
  code, pre {
  max-width:160px;
  }
  .main img {
    width:50%; 
  }
  #nav {
    width:99%;
    margin:0px;
    font-size:0.85em;
    text-align:center;
    overflow:hidden;
  }
  .subheader {
    font-size:0.85em;
    letter-spacing:0px;
  }
  .note {
    width:95%;
    font-size:10px;
    margin-top:3px;
    margin-bottom:0;
  }
   .sidebar {
    width:100%;
    margin-bottom:1px;
  }
   #leftsidebar {
  display:none;
  }
  .cen {
    width:100%; 
    margin:0;
  }
  #footer {
    max-width:100%;
    font-size:10px;
    margin:3px;
    border-radius:3px
  }
    .productsinfo img {
    width:auto;
  }
}
/* Use a media query to add a breakpoint at 500px: */
@media only screen and (min-width: 401px) and (max-width: 500px) {

  .main {
    width:99%; 
  }
  #nav form {
    display:none;
  }
  .buylink {
    width:120px;
  }
  .offer {
    width:120px;
  }
  .post img {
    width:127px !important;
    height:145px !important;
  }
  .police {
    font-size:9.0px !important;
    padding:4px 19px 4px 4px;
  }
  .postbody {
    font-size:11px !important;
  }
  .post * {
    font-size:10px !important;
  }
   .comment_item, .comment_parent,  .comment_guest {
    font-size:11px !important;
  }
  .extra {
    display:block;
    width:99%;
  }
  .extra input {
    width:75.5%;
  }
  .form input, .form textarea {
    width:97%;
  }
  .form select {
    width:100%;
    padding:1px 4px 1px 4px !important;
    margin:5px 0px 0 0px !important;
  }
  .form .row
  {
    margin:0 !important;
  }
  input[type=submit] {
    width:99.5%;
    margin:5px 1px 5px 1px !important;
  }
    input, textarea {
    line-height:1.8em !important;
  }
  .box4 {
    font-size:10px;
  }
  #card * {
    font-size:0.90em !important;
  }
  code, pre {
  max-width:230px;
  }
  .main img {
    width:50%; 
  }
  #nav {
    width:99%;
    margin:0px;
    text-align:center;
    overflow:hidden;
  }
  .subheader {
    font-size:0.95em;
    letter-spacing:0px;
  }
  .note {
    width:96%;
    font-size:12px;
    margin-top:3px;
    margin-bottom:0;
  }
   .sidebar {
    width:100%;
    margin-bottom:1px;
  }
   #leftsidebar {
  display:none;
  }
  .cen {
    width:100%; 
    margin:0;
  }
  #footer {
    max-width:100%;
    margin:3px;
    border-radius:3px
  }
    .productsinfo img {
    width:auto;
  }
}
/* Use a media query to add a breakpoint at 600px: */
@media only screen and (min-width: 501px) and (max-width: 600px) {

  .main {
    width:99%; 
  }
  #nav form {
    display:none;
  }
  .postbody {
    font-size:11px !important;
  }
   .comment_item, .comment_parent,  .comment_guest {
    font-size:11px !important;
  }
  .extra {
    display:block;
    width:99%;
  }
  .extra input {
    width:75.6%;
  }
  .form input, .form textarea {
    width:97.7%;
  }
  .form select {
    width:100%;
    padding:1px 4px 1px 4px !important;
    margin:5px 0px 0 0px !important;
  }
  .form .row
  {
    margin:0 !important;
  }
  input[type=submit] {
    width:99.3%;
    margin:5px 3px !important;
  }
    input, textarea {
    line-height:1.7em !important;
  }
  #card * {
    font-size:0.95em !important;
  }
  code, pre {
  width:275px;
  }
  .main img {
    width:50%; 
  }
  #nav {
    width:100%;
    text-align:center;
    margin:0px;
    overflow:hidden;
  }  
  .subheader {
    font-size:0.95em;
    letter-spacing:0px;
  }
  .note {
    width:97%;
    font-size:12px;
    margin-top:3px;
    margin-bottom:0;
  }
   .sidebar {
    width:100%;
    margin-bottom:1px;
  }
   #leftsidebar {
  display:none;
  }
  .cen {
    width:100%; 
    margin:0;
  }
  #footer {
    max-width:100%;
    margin:3px;
    border-radius:3px
  }
    .productsinfo img {
    width:auto;
  }
}
/* Use a media query to add a breakpoint at 700px: */
@media only screen and (min-width: 601px) and (max-width: 700px) {
  .main {
    width:99%; 
  }
  #nav form {
    display:none;
  }
  .extra {
    display:block;
    width:99%;
  }
  .extra input {
    width:86%;
    margin:0px 4px 4px 0;
  }
  .extra [type=submit]{
    width:11%;
    margin:0;
  }
  #card * {
    font-size:0.95em !important;
  }
   .main img {
    width:50%; 
  }
   code, pre {
  width:275px;
  }
  #nav {
    width:100%;
    margin:0px;
    overflow:hidden;
  }  
  .subheader {
    font-size:1em;
  }
  .note {
    width:98%;
    font-size:11px;
    margin-top:3px;
    margin-bottom:3px;
  }
   .sidebar {
    width:27%;
    margin-bottom:1px;
  }
  .cen {
    width:72.6%; 
    margin:0 1px;
  }
   #leftsidebar {
   display:none;
  }
  #footer {
    max-width:96%;
    margin:3px;
    border-radius:3px
  }
    .productsinfo img {
    width:auto;
  }
}
/* Use a media query to add a breakpoint at 800px: */
@media only screen and (min-width: 701px) and (max-width: 800px) {
  .main {
    width:99%; 
  }
  #nav form {
    display:none;
  }
  .extra {
    display:block;
    width:99.7%;
  }
   .main img {
    width:50%; 
  }
   code, pre {
  width:320px;
  }
  #nav {
    width:100%;
    margin:0px;
    overflow:hidden;
  }  
  .subheader {
    font-size:1em;
  }
  .note {
    width:98%;
    font-size:11.7px;
    margin-top:3px;
    margin-bottom:3px;
  }
   .sidebar {
    width:27%;
    margin-bottom:1px;
  }
  .cen {
    width:72.4%; 
    margin:0 1px;
  }
   #leftsidebar {
   display:none;
  }
  #footer {
    max-width:96%;
    margin:3px;
    border-radius:3px
  }
    .productsinfo img {
    width:auto;
  }
}
/* Use a media query to add a breakpoint at 1000px: */
@media only screen and (min-width: 801px) and (max-width: 1000px) {
  .main {
    width:99%; 
  }
  #nav form {
    display:none;
  }
  .extra {
    display:block;
    width:99.7%;
  }
  code, pre {
  width:96.5%;
  }
 .main img {
    width:50%; 
  }
  #nav {
    width:100%;
    margin:0px;
    overflow:hidden;
  }  
  .subheader {
    font-size:1em;
  }
  .note {
    width:98%;
    margin-top:3px;
    margin-bottom:3px;
  }
   .sidebar {
    width:20%;
    margin-bottom:1px;
  }
  .cen {
    width:79.5%;
    margin:0 2px;
  }
   #leftsidebar {
    display:none;
  }
  #footer {
    max-width:97%;
    margin:3px;
    border-radius:3px
  }
    .productsinfo img {
    width:auto;
  }
}