@font-face{ font-family: mj2; src: url(mj2.ttf); } @font-face{ font-family: mj1; src: url(mj1.ttf); } @font-face{ font-family: koodak; src: url(koodak.ttf); } @font-face{ font-family: yekan; src: url(font.ttf); } @font-face{ font-family: zar; src: url(zar.ttf); } @font-face{ font-family: titr; src: url(titr.ttf); } @font-face{ font-family: nazanin; src: url(nazanin.ttf); } body{ margin:0 auto; padding:0; font-family: nazanin; font-weight:bold; font-size: 19px; font-color: #262626; direction:rtl; background:url(../Farsi/img/back.jpg); } a{ text-decoration:none; color: #333; } #nav,#toggleNav{ display:none; } #clear{ clear:both; } img{ border:1px solid black; box-sizing:border-box; } #mainMenu{ width:100%; height:66px; background:#FFF; position:fixed; top:0; z-index:5; } #mainMenu ul{ list-style: none; margin: 0; padding: 0; } #mainMenu ul li{ display: block; float: right; line-height:66px; padding: 0 9px; height:66px; margin:0; /* background-color: #F0F; */ } #mainMenu ul li a{ color:#5a65a9; } #mainMenu ul li a:hover,#mainMenu ul li a:active{ color:#f2701a; } #mainMenu ul li img{ border:0; height:66px; margin:0; padding:0; } #all{ margin-top:66px; } #center{ width:100%; } #mainDiv{ width: 33%; float: right; text-align:center; } #mainDiv #inner{ padding:10px; } #mainDiv #inner img{ max-width:100%; } .topLeft{ bottom:0; right:12px; } .topRight{ bottom:0; left:12px; } .bottomLeft{ top:0; right:12px; } .bottomRight{ top:0; left:12px; } #label{ position:absolute; background:#F22; width: 57px; text-align: center; z-index: 4; } .top{ border-top-left-radius:10px; border-top-right-radius:10px; } .bottom{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; } #mainDiv #mainC #title{ width: 90%; text-align:center; margin:0 auto; z-index: 3; position: absolute; bottom: 47px; right: 5%; background-color: rgba(255, 255, 255, 0.72); } #mainDiv #mainC img{ width: 100%; height: 100%; display: block; margin: 0 auto; }  #rightDiv #lastNews{ padding: 3px; position:relative; margin-bottom: 9px; } #rightDiv #lastNews img{ max-width: 50%; display: block; float: right; margin-left: 3px; } #rightDiv #lastNews #motif{ width:30px; border: 0; } #rightDiv #lastNews p{ margin:2px; } #m_news{} #m_news #m_news_pic img{ max-width: 30%; display: block; float: right; } #m_news #m_news_pic{  /* max-width: 30%; */ } #date{ display:block; float:left; margin:0; } #articles img{ max-width:400px; max-height:300px; display:block; margin:0 auto; } #articles #title{ font-size:17px; } #articles #title_2nd{ width:500px; margin:0 auto; text-align:justify; border:1px solid black; border-radius:10px; padding:10px; } #articles p{ text-align:justify; } #articles p a{ color:blue; text-decoration:underline; } #keywords{ border:1px solid #CCC; margin:0; padding:10px 5px; border-radius:10px; background-color:#EEE; color:#444; } #center #contactUs div div,#center #contactUs div input{ display:block; float:right; line-height:150%; margin-bottom:10px; } #center #contactUs div input{ min-width:60%; } #center #contactUs div div{ min-width:20%; } #center #contactUs div textarea{ width:60%; } #center #contactUs div input[type=submit]{ font-family:yekan; min-width:0; margin-right:45%; text-align:center; } #center #comment div { border:1px solid #CCC; border-radius:15px; padding:10px; margin-bottom:10px; } #center #comment_submit span{ display:block; width:150px; float:right; height:	20px; } #center #comment_submit input{ width:400px; } #center #comment_submit textarea{ height: 50px; width: 398px; } #center div p#newsTitle{ display:block; float:right; } #festival img{ width: 20%; margin: 0px; padding: 2px; float: right; box-sizing: border-box; border: 0; } #center div p#newsDate{ display:block; float:left; } #center div img#newsImg{ display:block; width:400px; float:left; margin:10px; } #center #flex{ display:flex; } p#lidBox{ color:#777; font-size:15px; width:75%; display:block; margin:0 auto; padding:5px; border:1px solid black; text-align:center; margin-bottom:10px; } #gallery img{ max-width:100%; } #reserve{ display:none; } #offerImg{ display:block; margin:0 auto; } #rightTitle{ font-family:titr; display:block; width:150px; margin:10px auto; background:#CCC; text-align:center; border-radius:10px; padding:10px;  } #footer{ font-size:small; text-align:center; padding:10px 0; } #footer a{ text-decoration:underline; } #foot{ background:linear-gradient(#302878,#018fb5); display:flex; } #foot ul{ color:#ff9933; list-style:none; min-width:30%; } #foot ul li a,#foot ul li { color:#fff; }