@font-face {
    font-family: 'byekan';
    src: url('fonts/BYekan.eot');
    src: local('b yekan Regular'), local('b yekan'), url('fonts/byekan.ttf') format('truetype');
}


body {
    font-family: byekan;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    line-height: 17px;
    text-align: right;
    direction: rtl;
    background-color:#fff;
    /*background-image: url('../../images/bgnoise_lg.png');*/
    background-repeat: repeat;
}

.main {
    width: 1000px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-family: byekan;
    direction: rtl;
}

#cssmenu ul.tab1 {
    float: right;
}

#cssmenu ul.tab2 {
    float: left;
}

#head {
    width: 1006px;
    height: auto;
    direction: ltr;
    float: right;
    display: table;
}



#search {
    width: 200px;
    height: 30px;
    float: left;
    margin-top: 73px;
    text-align: center;
}

#menu {
    margin-top: 15px;
    width: 80%;
    height: 70px;
    float: right;
    text-align: left;
    position: relative;
    z-index: 1;
    top: 0px;
    left: 0px;
}

#content {
    width: 1022px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: rtl;
    padding-left: 5px;
    display: table;
}

.title {
     float:left;
    }


#maincontent {
    width: 1022px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    padding-left: 5px;
    display: table;
    margin-top: -50px;
}



#detailscontent {
    width: 1000px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    padding-top: 12px;
    border: 1px solid #C0C0C0;
    background-color: White;
    display: table;
}

.backFooter {
      width:100%;
      background-color: #000;
     font-size:13px;
     line-height:20px;

}

.backFooter a {
      width:100%;
      color: #fff;
     font-size:13px;
     line-height:20px;

}

#footer {
    width: 1046px;
    height: 250px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    color: #FFFFFF;
    opacity: 0.8;
}

#fcontact {
    width: 325px;
    height: auto;
    float: right;
    direction: rtl;
    padding-right: 20px;
    padding-top: 15px;
}

#flastnews {
    width: 315px;
    height: auto;
    float: right;
    margin-right: 5px;
    padding-right: 15px;
    padding-top: 15px;
     text-align:justify;
}

#fabout {
    width: 320px;
    height: auto;
    float: left;
    text-align: justify;
    padding-right: 10px;
    padding-left: 25px;
    padding-top: 15px;
}

#fcopyright {
    text-align: center;
    padding-top: 7px;
    background-color: #000;
    color: #FFFFFF;
    border-top-style: solid;
    border-color: #999999;
    border-top-width: 1px;
    padding-bottom: 10px;
    width: 1000px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.9;
}

a.footer {
    text-decoration: none;
    color: #C0C0C0;
}

    a.footer:hover {
        text-decoration: none;
        color: White;
    }

a.icon {
    text-decoration: none;
    color: #333333;
    vertical-align: middle;
}

    a.icon:hover {
        text-decoration: none;
        color: #FFFFFF;
    }





.zitem {
    border: 1px solid #e6e6e6;
    width: 325px;
    height: 375px;
    margin: 10px 10px 1px 0;
    /* required to hide the image after resized */
    overflow: hidden; /* for child absolute position */
    ;
    position: relative; /* display div in line */
    ;
    float: right;
    top: 0px;
    right: 0px;
    direction: ltr;
   

}

.imgborder {
    opacity:0.1;
    
     position:absolute; width:97.5%; height:98%; left:0; bottom:0; border:4px solid #fff; background-color:transparent;
    

}
    .zitem:hover .imgborder
    {
      border:4px solid #fff;
       opacity:0.6;
   
    }

.caption {

    width: 325px;
    height: 75px;
    background-color: #fff;
    color: #000;
    font-size:20px;
    font-family: byekan;
    /* fix it at the bottom */
    position: absolute;
    bottom: -1px; /* fix IE issue */
    left: 0px;
    /* hide it by default */
    /* opacity setting */
    filter: alpha(opacity=100); /* ie  */
    -moz-opacity: 1; /* old mozilla browser like netscape  */
    -khtml-opacity: 1; /* for really really old safari */
    opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
    display: none;
}


    .caption a {
        text-decoration: none;
        color: Black;
        font-size: 13px;
        /* add spacing and make the whole row clickable*/
        padding:20px;
        display: block;
    }

img {
    display: none; /* allow javascript moves the img position*/
    ;
    border-style: none;
    width: 325px;
    height: 300px;
    border-color: inherit;
    border-width: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 0px;

}


.clear {
    clear: both;
}







.masonryImage {
    margin-right: 10px;
    margin-bottom: 10px;
    width: auto;
}


#cssmenu ul.tab1 {
  
    margin-right: -20px;
    width:100px;

}

#cssmenu ul.tab2 {
   
    margin-left: -8px;
    margin-top: -65px;
}


.img {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 8px;
    height: 35px;
    width: 150px;
}


#back {
    width: 1028px;
    margin-left: auto;
    margin-right: auto;
    
    background: rgba(52,52,52,1);
   
}



     .back {
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 70px;

}

.menu2 {
    display : none;

}




.Menu3 {
  display:none;
}
@media only screen and (max-width : 1014px), only screen and (max-device-width : 1014px) {

    


   

    #back {
    width: 816px;
    margin-left: auto;
    margin-right: auto;
    background: #2b2b2b; /* Old browsers */
background: -moz-linear-gradient(top, #2b2b2b 0%, #181818 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(99%,#181818)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b2b2b 0%,#181818 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2b2b2b 0%,#181818 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2b2b2b 0%,#181818 99%); /* IE10+ */
background: linear-gradient(to bottom, #2b2b2b 0%,#181818 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
}

      .back {
     background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 130px;

}

    #cssmenu .tab1 {

        
  margin-left:auto;
    margin-right:auto;
     width:213px;


   

}

#cssmenu ul.tab2 {
   
    margin-top: 0px;
}

.img {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 8px;

    height: 35px;
    width: 150px;

}



    #container {
        width: 770px;
        margin-left: auto;
        margin-right: auto;
    }





    #main {
        width: 750px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 750px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 15px;
        width: 80%;
        height: 70px;
        float: right;
        text-align: left;
        position: relative;
        z-index: 1;
        top: 0px;
        left: 0px;
    }

    #content {
        width: 770px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }


    #maincontent {
        width: 770px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 5px;
    }



    .zitem {
        border: 1px solid #C0C0C0;
        width: 370px;
        height: 400px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: right;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 370px;
        height: 75px;
        margin-top: -21px;
        background-color: #fff;
        color: #ff8106;
      
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }


    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 100%;
        height: 325px;
        border-color: inherit;
        border-width: 0;
        position: relative;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }





    #detailscontent {
        width: 750px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }



    #footer {
        width: 800px;
        height:300px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
    }

    #fcontact {
        width: 225px;
        height: auto;
        float: right;
        direction: rtl;
        padding-right: 20px;
        padding-top: 15px;
        text-align:justify;
    }

    #flastnews {
        width: 240px;
        height: auto;
        float: right;
        margin-right: 5px;
        padding-right: 15px;
        padding-top: 15px;
        text-align:justify;
    }

    #fabout {
        width: 250px;
        height: auto;
        float: left;
        text-align: justify;
        padding-right: 10px;
        padding-left: 25px;
        padding-top: 15px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 750px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }



  
}

@media only screen and (max-width : 800px), only screen and (max-device-width : 800px) {


        .back {
    background-color:#000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 130px;
}



    #back {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
   
   background-color:#000;
}

    #cssmenu .tab1 {

  margin-left:auto;
    margin-right:auto;
     width:213px;
   

}

#cssmenu ul.tab2 {
   
    margin-top: 0px;
     margin-left:auto;
    margin-right:auto;
    font-size:11px;
    margin-left:10px;
}

 #cssmenu li a {
            background: rgba(52,52,52,1);
            background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
            background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
            display: block;
            font-weight: normal;
            line-height: 65px;
            margin: 0px;
            padding: 0px 5px;
            text-align: center;
            text-decoration: none;
            width: 70px;
            border-left: 1px inset #000;
            border-right: 1px inset #2b2b2b;
        }

.img {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 8px;

    height: 35px;
    width: 150px;

}



    #container {
        width: 635px;
        margin-left: auto;
        margin-right: auto;
    }

    #main {
        width: 635px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 635px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 0px;
        width: 99%;
        height: 70px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        text-align: left;
        position: relative;
        z-index: 1;
    }


    #content {
        width: 655px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }




    #maincontent {
        width: 655px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 35px;
    }



    .zitem {
        border: 1px solid #C0C0C0;
        width: 310px;
        height: 375px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: left;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 310px;
        height: 75px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;

        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }

    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 310px;
        height: 300px;
        border-color: inherit;
        border-width: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }



    #detailscontent {
        width: 635px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }




    #footer {
        width: 635px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 635px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (max-width : 675px), only screen and (max-device-width : 675px) {

        .back {
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
}



    #back {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
   
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
}

    #cssmenu .tab1 {

  margin-left:auto;
    margin-right:auto;
 
   

}

   .Menu3 {
       display:block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #2b2b2b; /* Old browsers */
 background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );}


    .tab2 {
    display:none;
    }


#cssmenu ul.tab2 {
   
    margin-top: 0px;
     margin-left:auto;
    margin-right:auto;
    font-size:11px;
    margin-left:10px;
}

 #cssmenu li a {
            background: rgba(52,52,52,1);
            background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
            background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
            display: block;
            font-weight: normal;
            line-height: 65px;
            margin: 0px;
            padding: 0px 5px;
            text-align: center;
            text-decoration: none;
            width: 70px;
            border-left: 1px inset #000;
            border-right: 1px inset #2b2b2b;
        }

.img {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 8px;

    height: 35px;
    width: 150px;

}



    
    #container {
        width: 510px;
        margin-left: auto;
        margin-right: auto;
    }


    #main {
        width: 505px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 505px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 98%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        float: left;
        text-align: left;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 510px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }



    #maincontent {
        width: 525px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 35px;
    }




    .zitem {
        border: 1px solid #C0C0C0;
        width: 235px;
        height: 300px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: left;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 235px;
        height: 75px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
    
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }

    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 235px;
        height: 225px;
        border-color: inherit;
        border-width: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }




    #detailscontent {
        width: 505px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }




    #footer {
        width: 505px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 505px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (max-width : 520px), only screen and (max-device-width : 520px) {


    
    


    #container {
        width: 385px;
        margin-left: auto;
        margin-right: auto;
    }


    #main {
        width: 385px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 381px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 99%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 385px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }




    #maincontent {
        width: 420px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 35px;
    }





    .zitem {
        border: 1px solid #C0C0C0;
        width: 375px;
        height: 400px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: left;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 375px;
        height: 75px;
        margin-top: -24px;
        background-color: #fff;
        color: #ff8106;
     
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }

    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 375px;
        height: 325px;
        border-color: inherit;
        border-width: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }







    #detailscontent {
        width: 385px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }






    #footer {
        width: 381px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 381px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (max-width : 400px), only screen and (max-device-width : 400px) {


     .back {
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
}



    #back {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
   
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
}

    #cssmenu .tab1 {

  margin-left:auto;
    margin-right:auto;
 
   

}

 

    .tab2 {
    display:none;
    }


#cssmenu ul.tab2 {
   
    margin-top: 0px;
     margin-left:auto;
    margin-right:auto;
    font-size:11px;
    margin-left:10px;
}



    .Menu3 {
       display :none;

    }

    .menu2 {
       display:block;
       margin-left:auto;
       margin-right:auto;
    }


       select
{
    padding: 5px;
    border: solid 1px #E5E5E5;
     font-family: 'B Yekan';
    width: 230px;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
   /* background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;*/
    cursor: pointer;
   
    height:30px;
}

   select option
{
      line-height:20px;
}




    #container {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 315px;
            height: 315px;
        }

    #main {
        width: 330px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 320px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: center;
        position: relative;
        z-index: 1;
        display: table;
    }

    #content {
        width: 320px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }


    #maincontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 60px;
    }






    #detailscontent {
        width: 320px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }




    #footer {
        width: 320px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 320px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}




@media only screen and (max-width : 370px), only screen and (max-device-width : 370px) {
  
     .zitem {
        border: 1px solid #C0C0C0;
        width: 220px;
        height: 280px;
       
      
     
        top: 0px;
      
        margin-right: 50px;
        direction: ltr;
    }

  

    .caption {
        width: 220px;
        height: 78px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
      
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }

    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 235px;
        height: 225px;
        border-color: inherit;
        border-width: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }



    #container {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 250px;
            height: 250px;
        }

    #main {
        width: 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 250px;
        height: auto;
        direction: ltr;
        float: left;
        display: table;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }




    #maincontent {
        width: 200px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 80px;
    }






    #detailscontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }




    #footer {
        width: 250px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;

    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
        
    }

    #fabout a{
         font-size:12px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}





@media only screen and (max-width : 300px), only screen and (max-device-width : 300px) {


     #maincontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
     
        direction: ltr;
   
        
    }

     .zitltr;
   
        
    }

     .ziteeidth: 1px;
        padding-bottom: 10px;
        width: 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}





@media only screen and (max-width : 300px), only screen and (max-device-width : 300px) {

     #maincontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
     
        direction: ltr;
   
        
    }

     .zitem {
        border: 1px solid #C0C0C0;
        width: 220px;
        height: 280px;
       
      
     
        top: 0px;
      
        right:-45px;
        direction: ltr;
    }

  

    .caption {
        width: 220px;
        height: 78px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;

        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }

    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 235px;
        height: 225px;
        border-color: inherit;
        border-width: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 0px;
    }



    #container {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 200px;
            height: 200px;
        }

    #main {
        width: 200px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 200px;
        height: auto;
        direction: ltr;
        float: left;
        display: table;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 200px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }





    #detailscontent {
        width: 200px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #C0C0C0;
        background-color: White;
    }





    #footer {
        width: 200px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
               margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #333333;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 200px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}





@media only screen and (max-width : 260px), only screen and (max-device-width : 260px) {

       

     .zitem {
        border: 1px solid #C0C0C0;
        width: 220px;
        height: 280px;
       
      
     
        top: 0px;
      
        
        direction: ltr;
    }

  

    .caption {
        width: 220px;
        height: 78px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
    
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }

    img {
        display: none; /* allow javascript moves the img position*/
        ;
        border-style: none;
        width: 235px;
        height: 225px;
        border-color: inherit;
        border-width: 0;
        position: absolute;

    }



    #container {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 150px;
            height: 150px;
        }

    #main {
        width: 150px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 150px;
        height: auto;
        direction: ltr;
        float: left;
        display: table;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
  
        ba      margin-right: auto;
      margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 90%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
            color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 90%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #333333;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 155px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}