/*intro style*/
@charset "utf-8";
@import url('reset.css');
@viewport{
     zoom: 1.0;
     width: device-width;
}
@import url('fonts.css');

body {
	direction:rtl;
	text-align:right;
	font: normal normal 16px/20px 'BYEKAN';
	color: #565656;
	background-color: #ebe6d0;
}
.container {
	margin: 0 auto;
	width: 1164px;
}
/*
=intro
----------------------------------------------------------*/
#intro-page {
	background-color: #227468;
}
#intro-page h1 {
	display: none;
}
#intro-wrapp {
	background: url("../../images/home/intro.jpg") no-repeat center top;
	margin:0 auto;
	width:780px;
	height:560px;
	position: relative;
}
#intro-wrapp time {
	color: #fff;
	position: absolute;
	top:137px;
	left:198px;
}
#intro-wrapp time a {
	color: #fff !important;
	cursor: text;
	font-size:15px;
}
#intro-nav {
	position: absolute;
	top:339px;
	right:314px;
	font: normal normal 20px/20px 'yekan';
}
#intro-navfa {
	position: absolute;
	top:339px;
	right:314px;
	font: normal normal 20px/20px 'IranNastaligh-font';
}
#intro-nav li {
	float: right;
	color: #a80000;
	background: url("../../images/home/icon.png") no-repeat left -566px;
	padding-left:17px;
}
#intro-nav li:last-child {
	background: none;
	padding-left:0;
}
#intro-nav li a {
	color: #a80000;
	display: block;
	padding:0 15px 15px;
}
#intro-nav li a:Hover {
	background: url("../../images/home/intro-menu.png") no-repeat center bottom;
}
/*
=ticker
---------------------------------------------------------*/
#ticker { /* the outer div */
	height:40px;
	position: absolute;
	top:381px;
	right:331px;
	width:230px;
}
#ticker .tickercontainer {
	width:230px;
	margin:0;
}
.tickercontainer { /* the outer div */
	overflow:hidden;
	margin-right:15px;
	float: right;
	width:44%;
}
#ticker .tickercontainer .mask {
	height: 40px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	/*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	position: relative;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
}
#webticker2{
	float:right;
	line-height:40px;
}
#webticker2 li {
	color: #fff;
	float: right; /* important: display inline gives incorrect results when you check for elem's width */
}