@font-face {
font-family:'B KoodakBold';
src: url('font/B KoodakBold.eot'),
url: url('font/B KoodakBold.eot?#') format('eot'),
url('font/B KoodakBold.woff') format('woff'),
url('font/B KoodakBold.ttf') format('truetype');
}
body {
direction:rtl;
font-family: B koodak ;
}
#nav {
background-color:gainsboro;
width: 100%;
height:80px;
}
#nav #meno {
height: 100%;
width: 100%;
margin:auto;
}
#nav #meno #meno1{
width: 100%;
height:100%;
padding-right: -10px;
background-color: skyblue;
}
ul li{
list-style-type: none;
margin:0 0 0 0;
padding: 6px;
display: block;
}
ul li a {
text-decoration: none;
color: black;
cursor:pointer;
font-size: 12px;
}
ul li a:hover{
color: greenyellow;
}
#nav #meno #meno2{
width: 100%;
height: 42px;
background-color: darkgray;
border:none;
float: right;
margin:0 auto 0 auto;
clear: both;
}
#se2{
background-image: url('imag/serch2.png') black;
background-repeat: no-repeat;
background-color:darkgray;
float:left;
margin:6px 3px 5px 5px;
border:none;
width: 25px;
height:22px;
border-radius:6px;
}
#meno2 #icon img{
width:17px;
height: 17px;
background-color: white;
margin:5px 10px 0 0;
border-radius: 8px;
padding:3px 3px;
color: azure;
border: none;
float: right;
}
#meno2 #icon img:hover{width:19px; height: 19px; background-color: greenyellow;}
#se1{
border-radius:2px ;
color:black;
width:100px;
height: 12px;
background-color:white;
float:left;
border:1px solid gray;
margin:5px 10px 0 0px;
padding:0 0 8px 0px;
border-radius:10px;
}
#header{
height: 80px;
width: 100%;
}
#header-main {
height: 100%;
width: 100%;
}
#header-main img {
border-radius: 5px;
}
#contact {
background-color:none;
padding-top: 33px;
height: 100%;
width:100%;
float: right;
font-size: 9px;
}
#contact-main {
background-color: whitesmoke;
height: auto;
width:100%;
margin:1px;
float: right;
}
#contact #paein img{
width: 25px;
height: 25px;
}
#contact #paein img:hover{
width: 26px;
}
#right{
font: 15px;
text-align: right;
height: 100%;
width: 50%;
float: right;
}
#right-aboutus{
text-align: center;
height: 100%;
margin: 0 auto;
padding:3px;
width:51%;
float: right;
padding-right:6px;
display: block;s
}
#right-savabegh{
height: 100%;
margin: 0 auto;
padding:3px;
width:70%;
float: right;
padding-right:7px;
display: block;
}
#right-contactus{
text-align: right;
height: 100%;
width: 50%;
margin-right: 10px;
float: right;
}
#tarikh{
border: blue;
border-radius:10px;
padding:5px;
box-shadow: 1px 1px;
background-color: khaki;
font-size: 11px;
text-align: center;
}
.callery {
height:auto;
width: 45px;
padding: 1px;
float: left;
display: block;
}
#right #ax-right img{height:100px ;
width: 100%;
margin-left: 1px;
margin-right: 1px;
}
#right h3{font-size:13px ; }
#p1{
width: 80%;
text-align: center;
font-size: 11px;
}
#right-contactus #p1 img{
text-align: center;
height:auto;
width: 80%;
box-shadow: 1px 2px;
}
#p2 h4 {padding: 3px;}
#p2 {
border: gray;
border-radius: 12px;
width: 60%;
background-color: burlywood;
box-shadow:;
float: right;
font-size: 9px;
}
#aside{
background-color: lightyellow;
height: 900px;
width: 15%;
float: right;
margin:0 2px 0 2px;
padding-right: 7px;
padding-left: 7px;
}
#aside a {
font: 10px B koodak;
color: black;
text-shadow: 3px;
text-decoration: none;
list-style-type: none;
}
#aside p {
font: 10px B koodak;
color: black;
text-shadow: 3px;
text-decoration: none;
list-style-type: none;
}
#aside li a:hover {
color:brown;
}
#tamasemotaharek img{
float: left;
border-radius: 50%;
width:60px;
height:60px;
bottom:0;
background-attachment: scroll;
position:fixed ;
}
#left{
border-radius:13px;
height: 100%;
width: 14%;
float:left;
}
#left img{
width: 90%;
height: 50px;
}
#left #maghale-h4{
text-align: center;
font-size: 11px;
width: 100%;
margin-top:20px;
}
#footer {
background-color:black;
height:100%;
width:100%;
border:none;
clear: both;
float:right;
font-size: 13px;
}
#footer-main {
height: 100%;
width:100%;
margin:2px 0 0 15px;
padding:0 0 0 15px;
}
#footer-main #footer1 {
height: 100%;
width:35%;
float:right;
margin:0 auto;
}
#footer ol a{list-style-type: none; text-align: center; text-decoration: none; color: white;
}
#footer1 ol li a:hover{
color:greenyellow;
font-size: 10px;
margin: 3px;
}
#footer-main #footer2 {
height: 100%;
width:40%;
float: right;
margin-right:10px;
}
#textfooter {
text-align: right;
color: white;}
#footer-main #footer3 {
height: 100%;
width:19%;
float: left;
}
.imgfooter{
padding:3px;
height:55px;
width: 55px;
margin-top: 20px;
margin-left: 10px;
background-color: black;
border-radius: 180%;
}