@charset "utf-8";
/*
CSS by s.M.s.M
IRQRC v2 july.2012
*/
* {margin: 0px; padding: 0px;}
img {padding: 0px; border: none;}
body {margin: 0px; padding: 0px; font: 12px tahoma; direction:rtl; background: #202020 url(../images/bg.jpg);}
ol, ul {list-style: none;}
br {line-height: 12px;}
::selection {background-color: red; color: #000; text-shadow: 0 1px 1px #ccc;}
::-moz-selection {background-color: lime; color: #000; text-shadow: 0 1px 1px #ccc;}
a:link       {text-decoration: none; color: #004CFC;}
a:visited {text-decoration: none; color: #004CFC;}
a:hover     {text-decoration: none; color: #069909;}
h1 {font-size: 13px; font-weight: bold; text-shadow: 0 2px 2px #CC99FF; line-height: 24px;}
h2 {font-size: 12px; font-weight: bold; text-shadow: 0 1px 1px #CC99FF;}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83px;
	color: #ffffff;
	font-weight: bold;
	line-height: 24px;
	padding: 15px 4px 20px 0px;}
h4 {color: #FF00FF; font-weight: normal; font-style: italic; text-shadow: 0 1px 1px #ccc;}
.page {}
.wrapper {margin: 0 auto;}
#main-menu {position: fixed; left: 0px; top: 0px; width: 100%; z-index: 998;}
#main-menu .wrapper { width: 1000px;}
#main-menu {background: #4C2349 url(../images/menu-bg.png) repeat-x top; line-height: 50px; height: 50px;}
#main-menu a {
    display:block;
    width:90px;
	height: 48px;
    font-family: tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    border:#666 solid 0px;}
#main-menu a:hover {background: #dc143c;}
#main-menu ul {list-style-type:none; padding-top:0px;}
#main-menu li {float:right; position:relative; text-align:center;}
#main-menu li ul a{text-align:center; border:0px; border-bottom:#666 0px solid;}
#main-menu ul.sub-menu {
	background: #612D5E;
    display:none;
    position:absolute;
    top:48px;
    margin-right:0px;
    padding:0px;
    z-index:999;}
#main-menu ul.sub-menu li {text-align:center; border-bottom: 1px solid #0c0c0c;}
#main-menu li:hover ul.sub-menu {display: block; border-top: 2px solid #000;}
.clear{clear:both;}

.tooltip {position: relative; display: inline-block; text-decoration: none; color: #222; outline: none;}
.tooltip span{ 
  visibility: hidden;
  position: absolute; 
  bottom: 30px;
  left: 50%;
  z-index: 999;
  color: #000;
  width: 230px;
  margin-bottom: -88px;
  margin-left: -120px;
  padding: 2px;
  border: 2px solid #ccc;
  opacity: 1.9;
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);}
.tooltip:hover {border: 0; /* IE6 fix */}
.tooltip:hover span {visibility: visible;}
.tooltip span:before,
.tooltip span:after{ 
  content: "";
  position: absolute;
  z-index: 1000;
  top: -8px;
  left: 50%;
  margin-left: -8px;  
  border-top: 0px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 8px solid #ddd;}
.logo .wrapper {padding: 0px; width: 1000px;}
.logo {height: 168px;}
.logo-right {width: 400px; height: 100px; float: right; background: url(../images/qr-fa.png) no-repeat; margin-top: 63px;}
.logo-center {width: 200px; height: 100px; float: right; background: url(../images/img-qr-code.ir.png) no-repeat center; margin-top: 58px;}
.logo-left {width: 400px; height: 100px; float: right; background: url(../images/qr-en.png) no-repeat; margin-top: 63px;}
.header .wrapper {padding: 0px; width: 1000px;}
.header {background: #dc143c url(../images/w-slide-bg.jpg); height: 335px; margin-bottom: 0px;}
.header_bg {background: url(../images/slide-bg.jpg) no-repeat center top; height: 335px;}
.slide_right {float: right; width: 434px; height: 320px;}
.slide_right  h3{
	font-family: "t", B traffic, traffic, Arial;
	font-size: 23px;
	font-weight: normal;
	color: #ffffff;
	line-height: 24px;
	padding: 15px 10px 20px 0px;}
.text {color: #151515; line-height: 20px; font-size: 13px; text-align: justify; padding: 0px 10px 20px 15px;}
.text_sub {color: #151515; line-height: 20px; text-align: justify; padding: 0px 10px 20px 15px;}
.text_more{
	width: 172px;
	height: 59px;
	background: url(../images/header-text-more.png) no-repeat top left;
	float: right;
	text-align: center;
	padding-right: 14px;}
.text_more a h6{font-weight: bold; font-family: "t", Arial; font-size: 20px; color: #cccccc; display: block; padding-top: 15px;}
.slide_left {float: left; height: 320px;}
.item {width: 1000px; height: 315px;}
.item img {float:left;}
.item h2 {border:none; margin-bottom:15px;}
.scrollable {position:relative; overflow:hidden; width: 1000px; height: 315px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:right;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.clear {clear: both;}
.navi {width:auto; height:20px; float:left; margin:5px 0; padding-left: 20px;} 
.navi a {width: 13px; cursor:pointer; height: 14px; float:left; margin:0 0 0 3px; background:url(../images/round_button.png) no-repeat scroll right top; display:block;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(../images/round_button1.png) no-repeat scroll right top;}
.ads .wrapper {width: 1000px;}
.ads {height: 78px; background: #dc143c; margin-top: 2px;}
.ads1, .ads2 {width: 500px; height:	80px; float: right;}
.ads1 {padding-right: 40px;}
.ads2 {padding-right: 40px;}
.content {margin: 0 auto; width: 1000px;}
.text_content_index {width: 960px; height: auto; background: #ffffff; padding: 10px 15px 10px 15px; margin-top: 20px; border: 5px solid;
	border-color: #e8c5fa #e8c5fa transparent #e8c5fa;}
.text_content, .create_question{
	width: 958px;
	height: auto;
	background: #ffffff;
	border: 6px solid;
	border-color: #e8c5fa transparent #e8c5fa transparent;
	padding: 10px 15px 10px 15px;
	margin-top: 20px;}
.create_question {height: 670px;}
.create_content {width: 1000px; height: 1010px; background: #ffffff; padding: 15px 0px 10px 0px; margin-top: 20px;}
.box {width: 1000px; height:	250px; margin-top: 20px}
.box1, .box2, .box3 {
	width: 290px; 
	height: 210px; 
	float: right; 
	background: #fff url(../images/boxbg.jpg) center no-repeat; 
	padding: 15px 10px 15px 10px;
	border: 5px solid;
	border-color: #e8c5fa #e8c5fa transparent #e8c5fa;}
.box1 {margin-right: 0px;}
.box2 {margin-right: 20px;}
.box3 {margin-right: 20px;}
.box_more {background:url(../images/box_more.jpg) left top no-repeat; height:	100px; padding: 0px 15px 0px 15px; margin-top: 20px;}
.box_more_r {float: right; width: 780px; color: #000; padding-top: 9px; line-height: 18px;}
.box_more_l {float: left; width: 156px; padding-top: 28px;}
.box_more_link {
	width: 156px;
	height: 30px;
	padding-top: 13px;
	background: url(../images/box_more_link.gif) left top no-repeat;
	display:block;
	font-size:12px;
	color:#fff;
	text-align: center;}
.box_more_link:hover {background: url(../images/box_more_link_hov.gif) left top no-repeat;}
.footer-naw .wrapper {padding: 0px; width: 1000px;}
.footer-naw-bar {background: #823d7e; height: 16px; margin-top: 20px;}
.footer-naw {background: #2d152d; height: 200px; margin-top: 0px;}

.footer-naw-right {float: right; color: #cccccc;}
.footer-naw-right a:link       {color: #cccccc;}
.footer-naw-right a:visited {color: #cccccc;}
.footer-naw-right a:hover     {text-decoration: none; color: #069909;}
.footer-naw-right br {display: block; margin-bottom: 0.6em;}

.footer-naw-center , .footer-naw-left  
{float: right; color: #cccccc;}
.footer-naw-right {width: 325px; height: 185px; text-align: justify; background: url(../images/xz.jpg) top right no-repeat; padding: 6px 15px 0px 80px;}
.footer-naw-center {width: 160px; height: 180px; padding-top: 20px; background: url(../images/mybarcode.png) center no-repeat;}
.footer-naw-left {width: 325px; height: 185px; text-align: justify; background: url(../images/xz.jpg) top left no-repeat; padding: 6px 80px 0px 15px;}
.footer-naw-left  br {display: block; margin-bottom: 0.6em;}
#footer_icon {float: left;}
.footer .wrapper {padding: 0px; width: 1000px;}
.footer {background: #000 url(../images/footer-bg2.jpg); height: 50px; margin-top: 0px;}
.footer a:link {color: #ccc;}
.footer a:visited {color: #ccc;}
.footer a:hover {color: #069909;}
.footer1, .footer2, .footer3 {height: 35px; float: right; color: #ccc; font-size: 11px; padding-top: 15px;}
.footer1 {width: 335px; margin-right: 0px; padding-right: 15px;}
.footer2 {width: 290px; margin-right: 5px; text-align: center; line-height: 20px; padding-top: 7px;}
.footer3 {width: 335px; margin-right: 5px; text-align: left; direction:ltr;}