*
		{
			box-sizing : border-box;

		}
		
		
		@font-face {
  font-family: 'MyFontName';
  src: url('../../fonts/Vazir/BNazanin.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Vazir/BNazanin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Vazir/BNazanin.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/Vazir/BNazanin.woff') format('woff'), /* Pretty Modern Browsers */
         url('../../fonts/Vazir/BNazanin.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../../fonts/Vazir/BNazanin.svg#svgFontName') format('svg'); /* Legacy iOS */
}
		
		html
		{

			/* font-family : "Lucida Sans" , sans-serif;  */
			direction: rtl;
		}
		.header{
			background-color : #9933CC;
			color : #ffffff;
			padding : 15px;
			background-image:url('https://uploadkon.ir/uploads/81fb14_24natural-header.jpg');
			 background-size: 345px 115px;
			 background-repeat: repeat;
			
		}
		
		[class*="col-"]
		{
			float : left;
			padding : 15px;
			
		}
		
		[class*="col-"]{
				width : 100%;
			}
			
		@media only screen and (min-width:600px){
			.col-m-1{width:8.33%;}
			.col-m-2{width:16.66%;}
			.col-m-3{width:25%;}
			.col-m-4{width:33.33%;}
			.col-m-5{width:41.66%;}
			.col-m-6{width:50%;}
			.col-m-7{width:58.33%;}
			.col-m-8{width:66.66%;}
			.col-m-9{width:75%;}
			.col-m-10{width:83.33%;}
			.col-m-11{width:91.66%;}
			.col-m-12{width:100%;}
		
		}
		@media only screen and (min-width:768px){
			.col-1{width:8.33%;}
			.col-2{width:16.66%;}
			.col-3{width:25%;}
			.col-4{width:33.33%;}
			.col-5{width:41.66%;}
			.col-6{width:50%;}
			.col-7{width:58.33%;}
			.col-8{width:66.66%;}
			.col-9{width:75%;}
			.col-10{width:83.33%;}
			.col-11{width:91.66%;}
			.col-12{width:100%;}
		
		}
		
		.row:after
		{
			content : "";
			clear : both;
			display : block;
		}
		
		.menu ul{
			list-style-type : none;
			margin : 0;
			padding : 0;
		}
		
		.menu li{
			padding : 8px;
			margin-bottom : 7px;
			background-color : #33b5e5;
			color : #ffffff;
			box-shadow : 0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24);
		}
		
		.menu li:hover
		{
			background-color : #0099cc;
		}
		
		.aside{
			background-color : #fff;
			padding : 15px;
			color : #ffffff;
			text-align : left;
			font-size : 14px;
			box-shadow : 0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24);
			font-color: #215ffd;
		}
		
		.footer{
			background-color : #27AE60;
			color : #ffffff;
			text-align : center;
			font-size : 12px;
			padding : 15px;
		}
		
		img{
			max-width : 100%;
			height : auto;
		}
		td{
		    		    			font-family: MyFontName;
}