<meta charset="utf-8" lang="fa">

@font-face {
    font-family:'B KoodakBold';
    src: url('font/BKoodakBold.eot'),
       url: url('font/BKoodakBold.eot?#') format('eot'),
        url('font/BKoodakBold.woff') format('woff'),
       url('font/BKoodakBold.ttf') format('truetype');

}

body {
	
direction:rtl;
	font-family:'B Koodak';
	font-size: 15px; 
	background-color: whitesmoke;
	margin: none;
    margin:0;
	padding: 0;
}

#main {

	height: 100٪;
	width: 100%;
	
	
}
#nav {
	
	background-color:darkslategray;
	width:100%;
	height: 80px;
	margin: 0 auto 0 auto;
	top:0;
	display: block;
	clear: both;
    position:fixed;
	opacity: 0.8;
	z-index: 10;
    
}

#nav #meno {

	 height: 100%;
	 width: 1100px;
	margin: auto;
	border-radius: 15px;

}

#nav #meno #meno1{
	width: 550px;
	height:100%;
	float:right;
	
}

 ul li{
	list-style-type: none;
	float: right;
	margin:0 0 0 15px;
	padding: 10px;
	 display: block;
}


ul li a {
	text-decoration: none;
	color:white;
	cursor:pointer;
}


	ul li a:hover{
	color: yellowgreen;		
}



#nav #meno #meno2{

	width: 430px;
	height:100%;
	float:left;
	margin: 5px;
	border:none;
}

#se2{
	background-image: url('imag/search2.png'); 
	background-repeat: no-repeat;
	background-size: 27px;
	background-color: black;
	float:left;
	margin:19px 20px 0 15px;
	border:none;
	padding:4px;
	width: 30px;
	border-radius: 10px;
}
#meno2 #icon img{
	width:20px;
	height: 20px;
	float: left;
	background-color: white;
	margin: 18px 0 0 0;
	border-radius: 8px;
    padding:3px;
	color: azure;
	border: none;
}

#se1{
	border-radius:2px 2px 2px 0;
	color:white;
	background-color:dimgrey;
    border: solid gray;
	margin:18px 20px 0 -15px;
	padding-right:20px;
	border-radius:10px;
	float:left;
}
#header{
    background-color: ;
	height: 220px;
	width: 100%;
	display: block;
	margin:95px auto;

}
#header-main {
	height: 100%;
	width:100%;
	margin:0px auto 0 auto;

    clear:both;
}

#header-main img {
	width: 100%;
	height: 100%;
	margin:-10px auto 0 auto;
	border: none;
}
#meno2 #icon img:hover{width: 21px; height: 22px; background-color: greenyellow;}

#contact{
	height:100%;
	width:100%;
	margin:-10px auto 0 auto;	
}

#contact-main {
	background-color:whitesmoke;
	border-radius:3px;
	height:850px;
	width:1100px;
	margin: 10px auto 0 auto
	
}

#aside{
	
	height: 100%;
	width: 210px;
	float: right;
	margin:0 0 0 5px ;
	border-left:.1px solid lightgreen;
	border-radius: 10px ;
	padding-right: 10px;
	padding-left: 7px;


}
#aside  a {
	color: black;
	text-decoration: none;
	list-style-type: none;
}

#aside p:hover {
	border-radius:4px;
	background-color: darkgrey;
	
}
#aside a:hover {
	color: white;
	border-radius:4px;
	background-color: darkgrey;
	
}
#aside p{
	font-size: 14px;
	padding-right:10px;	
}

#p2 {
	font-family:tahoma;
	color: white;
	font-size: 12px;
	border: 1px solid ;
	border-radius: 12px;
	width: 150px;
	padding:5px 5px 5px 5px;
	background-color:coral;
	box-shadow:0 3px 5px black;
	text-align: center;
	float: right;
}


#right{
	height: 100%;
	width: 540px;
	float: right;
	margin: 0 7px 0 1px;
	display: block;
}
#right h3{
	font-size:17px bold;
	color: blue;
}


#right h1{
	font-size:17px bold;
	color: blue;
}

#right-about h3{
	color: blue;
		font-size:19px bold;
}
#right-aboutus{
	text-align: center;
		height: 100%;
	width: 540px;
	float: right;
	margin: 0 7px 0 1px;
	display: block;
	
}
	
#right-savabegh h4{font-family:BYekan ;
	color:blue;
}
#right-khadamat h3{
	color: brown;
		font-size:19px bold;
}

#right-khadamat{
	width:75%;
	height: 100%;
	float: right;
	margin: 0 12px 0 1px;	
}
#right-khadamat img{
	width:120px;
	height: 120px;
	margin-right: 5px;

	
}
#right-savabegh{
	width:850px;
	height: 100%;
	margin: 0 auto;
	padding:3px;
	float: right;
	padding-right:7px;

}

#right-savabegh h3{font-family:BYekan ;
	color:darkred;

	padding-top: 35px;
	margin-top: -1px;
}
#right-savabegh marquee{ color:yellow;
	font-size: 15px;
}
#tarikh{  
    border:1px solid blue;
	border-radius:20%;
	box-shadow: 1px 1px 1px;
	background-color: aquamarine;
	text-align: center;
	font-size: 14px
}
#right #ax-right img{
	border: .1px solid gray;
	width: 590px;
	height: 290px;
	float: right;
	display: block;
	
}

#right #ax-right img:hover{
	border:.1px solid red;

}


#p1{
	
	margin-top: 40px;
	text-align: center;
}

#right-contactus #p1 img{ height:80px;
	width: 270px;
}
#right-contactus{
	font:19px;
	height: 100%;
	width: 600px;
	text-align: center;
	float: right;
	margin: 0 50px 0 1px;
	display: block;

}


#right-contactus img{ height: 70px;
	width: 70px;}
#right-contactus a img{ height: auto;
	width: 200px;}

#left{
	border-right: .1px solid lightgreen;
	padding: 5px;
	width: 220px;
	text-align: center;
	height:90%;
	margin: 15px 10px 10px 10px;
	float: left;
}
#left img{
	border-radius: 100%;
	height: 70px;
	
}
#left a{
	text-decoration: none;
	color:black;
}
#left a:hover{
	color:brown;
}

#tamasemotaharek  img{
	float: left;
	border-radius: 50%;
	width:100px;
	height: 100px;
	bottom:0;
	background-attachment: scroll;
	position:fixed ;

}

#maghale-h4{ 
	background-color:coral;
	width: 155px;
	color: white;
	text-align: center;
	box-shadow: 1px;
	margin:26px auto;
	border-radius: 12px;
}


.callery{
	height: 140px;
	width: 150px;
	border: 1px solid #cccccc;
    margin: 5px;
	float:right;
	display: block'
}
.callery img{
	height: 80px;
	width: 100%;
}
.callery:hover{border:1px solid black;
}

.callery-text{
	text-align: center;
	padding:3px;	
}
#contact #paein img{ 
	padding-bottom:  30px;
	margin-bottom:0 10px  auto 0 ;
	height:80px;
	width:80px;
	border-radius: 150%;
}
#contact #paein img:hover{width:83px;  }
#footer {
	background-color:black;
	height: 240px;
	width:100%;
	border:none;
	clear: both;

}

#footer-main {
	height: 190px;
	width:1100px;
	margin: 0 auto;

}
#footer-main #footer1 {

	height: 100%;
	width:340px;
	float:right;
	margin: 0 10px 0 20px;
	

}
#footer ol a{list-style-type: none; text-align: center; text-decoration: none; color: white;
}
#footer1 ol li a:hover{
	color:greenyellow;
	font-size: 16px;
	margin: 5px;
}
#footer-main #footer2 {
	
	height: 100%;
	width:380px;
	float: right;


}
#textfooter {
	text-align: right;
	color: white;
	
}
#footer-main #footer3 {
	height: 100%;
	width:230px;
	float: left;
}

.imgfooter{
	padding:10px;
	height:170px;
	width: 210px;
	background-color: black; 
	border-radius: 180%;
	box-shadow: 3%;

	
}

.form{background-color: aquamarine;
	text-align: left;

}