@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'mitra';
	src:	url('font/Far_Mitra.woff') format('woff'),
		url('font/Far_Mitra.woff') format('truetype'),
		url('font/Far_Mitra.ttf')  format('truetype');
}
.farsi {
	font-family: mitra;
	font-size: 130%;
}

body {
	background: #919191;
	//background: #A5DCDF;
	font-family: Arial, Helvetica, sans-serif;
	//margin: 0px;
	font-size: 5px;
	//overflow: hidden;
	//text-align: center;
}
span#images a, div#about{
	display: none;
	margin-right: 10px;
}
.highlight {
	//background-color: #FFFF88;
	font-weight: bold;
}

span#filters{
	margin-left: 15px;
	//margin-bottom: 15px !important;
	//font-size: 13px;
	//color: #FFFFFF;
}
span#filters a{
	margin-top: 2px;
	margin-right: 3px;
	color: #FFFFF;
	background: #3A3A74;
	padding: 2px 7px 3px 6px;
	white-space: nowrap;
	//vertical-align:bottom;
	//border: 1px solid #FFFFFF;
	//border-radius: 4px;
}
span#filters a:last-of-type {
	background: deeppink;
}
span#filters a:hover {
	color: yellow;
	//background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,1) 10px, rgba(255,255,255,1) 20px);
}
span#filters span {
	color: #FFFFFF;
	font-size: 13px;
}
span#filters input#search {
	//color: #919191;
	position: relative;
	top: -1px;
	height: 16px;
	width: 20%;
	margin-right: 5px;
	margin-bottom: 5px;
}

.boxTexts {
	font-weight: bold;
	color: #FFFF00;
	font-size: 13px;
}
span a{
	font-size: 13px;
}

.boxText, h1, h2, h3, h4, form {
	font-weight: normal;
	display: inline;
	color: #FFFFFF;
	line-height: 120%;
	font-size: 13px;
	//background-color: #919191;
	padding: 0;
	border: 0;
	margin: 0;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	//color: #000000;
}
#sinaSeifee {
	position: fixed;
	padding: 8px 8px 8px 8px;
	left: 0px;
	bottom: 0px;
}
.copyRight {
	color: #666666;
	font-weight: normal;
	font-size: 9px;
}
iframe#holder {
	position: absolute;
}
div#iframe {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 0;
	display: none;
}
div#back {
	position: fixed;
	width:100%;
	//background:#919191;
	left:0;
	top:0;
	display: none;
	//line-height: 18px;
	//font-size: 12px;
}
div#back a {
	background:#000000;
	//background:#3A3A74;
	//font-size: 10pt;
	//line-height: 18px;
	color:#FFFFFF;
	font-family:"Segoe UI","Tahoma";
}
div#back span#description {
	background: #919191;
	color:#FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	//font-weight: italic;
}
div#back span#description > a {
	background: inherit;
	color: inherit;
	//padding-top: 10px !important;
	//line-height: 25px !important;
	//border: 1px solid yellow;
	text-decoration: underline;
}

div#dragger {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	//background: #00FF00;
	z-index: 5;
}
div#opac {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 80%;
	opacity: 0.01;
	//background: #0000FF;
	z-index: 6;
}
img {
	margin-bottom: 10px;
	//margin-top: 5px;
	//margin-right: 5px;
	border: none;
	//padding-top: 16px;
	//padding-right: 32px;
	max-height: 100%;
	max-width: 100%;
}
a span{
	font-size: 12px;
	font-style: italic;
	line-height: 12px;
	color: #FFFFFF;
	background: #3A3A74;
	background: #919191;
	display: block;
	position: absolute;
	overflow : hidden;
	padding: 2px 5px 0px 4px;
	//-webkit-background-clip: text;
	//white-space: nowrap;
	//overflow: hidden;
	//word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: hyphenate;
	//text-overflow: ellipsis;
	//-webkit-hyphens: auto;
	//-moz-hyphens: auto;
	//-ms-hyphens: auto;
	//hyphens: auto;
	//text-align: justify;
	//text-justify: inter-word;
	//background-image: -webkit-gradient(linear, left top, right top, color-stop(0.0, #3A3A74), color-stop(1.0, #919191));
}
a span:hover{
	color: rgba(255,255,255, 0);
	background: rgba(51,51,51, 0) !important;
}
span#divider {
	position: relative;
	//background: #444444;
	//width: 0%;
	//height: 1px;
	//right: 0px;
}
span#bar {
	color:#FFFFFF;
	font-size: 13px;
}

span, a, img, input{
	//-webkit-border-radius: 3px;
	//-moz-border-radius: 3px;
	//border-radius: 3px;
}

a#menu-icon {
	display: none;
	width: 30px;
	height: 65.6px;
	background: #3A3A74 url("menu-icon.png") center no-repeat !important;
	//background-size: 50% !important;
}

/*
input[type=checkbox] {
	position: relative;
	top: 6px;
	width: 20px;
	height: 20px;
	margin: 0px;
}

#images {
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	align-content: space-between;
	//margin: 0px -10px 0px 0px;
}
#images > a {
	flex: 1 auto;
}
*/
@media screen and (max-width: 800px) {
	a#menu-icon {
		display: inline;
	}
	.wrapper {
		display: block;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex !important;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		text-align: center;
		align-content: space-between;
		margin: 0px -10px 0px 0px !important;
	}
	span#filters > a:not(#menu-icon) {
		display: none;
	}
	.wrapper > a {
		display: block;
		font-size: 25px !important;
		margin-bottom: 15px;
		//display: inherit;
		padding: 5px 20px 5px 20px !important;
		margin: 5px 10px 5px 0px !important;
		line-height: 66px;
		flex: 1 auto;
	}
	span#images > a, #temp {
		margin-bottom: 15px;
		font-size: 25px !important;
		text-align: left;	
		//text-align: justify;
		padding: 0px !important;
		max-width: inherit;
		//width: 97%;
		line-height: 1.85em;
	}
	span#images {
		margin-top: -10px !important;
	}
	#temp {
		text-align: center;
	}
	img {
		margin: 0px;
		//height: 100% !important;
		//width: 100% !important;
	}
	.wrapper > a  > span{
		display: block;
		flex: 1 auto;
		font-size: 15px;
		line-height: 17px;
		//white-space: nowrap;
		//text-overflow: ellipsis;
		//width: 100% !important;
	}
	input#search{
		display: block;
		margin-bottom: 15px;
		margin-right: 10px !important;
		padding: 10px;
		font-size: 30px;
		height: inherit !important;
		text-align: left;
		max-width: inherit;
		width: 100% !important;
	}
	body{
		overflow-x: hidden;
		margin: 10px;
	}
	iframe{
		//top: 200px !important;
	}
	.boxText, span#description, span#description > * {
		font-size: 17px !important;
		line-height: 19px;	
		display: block;
	}
	div#back * {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	div#back > a, form {
		display: block !important;
		text-align: left;
		margin-bottom: 0px !important;
		font-size: 25px !important;
		width: 100%;
		background: #919191;
		line-height: 1.85em;
	}
	span#bar {
		font-size: 25px;
	}
}

@media screen and (max-device-width: 800px) {
	a#menu-icon {
		//display: inline;
		display: block;
		width: 93%;
	}
	.wrapper {
		display: block;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex !important;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		text-align: center;
		align-content: space-between;
		margin: 0px -10px 0px 0px !important;
	}
	span#filters > a:not(#menu-icon) {
		display: none;
	}
	.wrapper > a {
		display: block;
		font-size: 55px !important;
		margin-bottom: 15px;
		//display: inherit;
		padding: 15px 30px 15px 30px !important;
		margin: 15px 20px 15px 10px !important;
		line-height: 96px;
		flex: 1 auto;
	}
	span#images > a, #temp {
		margin-bottom: 15px;
		font-size: 45px !important;
		text-align: left;	
		//text-align: justify;
		padding: 0px !important;
		max-width: inherit;
		//width: 97%;
		line-height: 1.85em;
	}
	span#images {
		margin-top: -10px !important;
	}
	#temp {
		text-align: center;
	}
	img {
		margin: 0px;
		//height: 100% !important;
		//width: 100% !important;
	}
	.wrapper > a  > span{
		display: none;
		flex: 1 auto;
		font-size: 35px;
		line-height: 35px;
		//white-space: nowrap;
		//text-overflow: ellipsis;
		//width: 100% !important;
	}
	input#search{
		display: block;
		margin-bottom: 15px;
		margin-right: 10px !important;
		padding: 10px;
		font-size: 100px;
		height: inherit !important;
		text-align: left;
		max-width: inherit;
		width: 97% !important;
	}
	body{
		overflow-x: hidden;
		margin: 10px;
	}
	iframe{
		//top: 200px !important;
	}
	.boxText, span#description, span#description > * {
		font-size: 17px !important;
		line-height: 19px;	
		display: block;
	}
	div#back * {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	div#back > a, form {
		display: block !important;
		text-align: left;
		margin-bottom: 0px !important;
		font-size: 25px !important;
		width: 100%;
		background: #919191;
		line-height: 1.85em;
	}
	span#bar {
		font-size: 25px;
	}
}