html {
	height: 100%;
	overflow: hidden;
}
@font-face {
	font-family: 'BNazanin';
	src: url('../fonts/BNazanin.ttf') format('truetype');
}

body {
	font-size: 12px;
	font-family: 'Iranian Sans' BNazanin !important;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
}

table.main {
	width: 100%;
	height: 100%;
}

td.menu {
	width: 300px;
	height: 100%;
}

td.viewer {
	background-color: #e8e8e8;
	height: 100%;
}

td.menu,
td.viewer {
	vertical-align: top;
}

td.line {
	background-image: url(Images/line.png);
	background-color: #e8e8e8;
	background-repeat: repeat-y;
	width: 10px;
}

td.link {
	text-align: center;
	vertical-align: bottom;
}

div.line {
	width: 5px;
}

img.link {
	padding: 10px;
}

.main td.viewer {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 2px solid black;
	padding: 25px;
}

	.main td.viewer::before {
		content: "";
		/*position: absolute;*/
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		background-color: rgba(256,256,256,0.3);
	}

@media screen and (max-width: 480px) {
	.main td.viewer {
		background-image: none;
	}
		.main td.viewer::before{
			display:none
		}
}