﻿
/*css Body for all page that include master page*/
/*m.alipour 2016*/


/*----------------------- all------------------------------*/

/*color 1 :#ff6d10*/
/*color 1 :#053698*/


@font-face {
       src:url(../Font/kodak.ttf) format("truetype") ,
       url(../Font/kodak.otf)  format("opentype");
       font-family: "Mykodak";   
       font-style: normal;
    }
@font-face
    {
        font-family: 'Yekan';
        src: url('../font/yekan.eot'),
             url('../font/yekan.eot?#iefix') format('eot'),
             url('../font/yekan.woff') format('woff'),
             url('../font/yekan.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }


  

body 
    {
       direction:rtl;
       font-family: "yekan" ,"Mykodak", "Tahoma";
       font-size:13px;
       color:#3d3d3d;
      }

body ,input ,textarea
       {
            font-family: "yekan" "Mykodak", "Tahoma";
       }

 body a
      {
       text-decoration:none;
       cursor:pointer;
       border:none;
      }   
     
html
      {      
      overflow:auto;            
      }
            
        
form
     {
      
       position:absolute; 
       z-index:0;
       width:100%; 
       height: auto; 
       top:0px;
       right:0px;
       left:0px;

        background-image: url('../Images/back-bottom-form.jpg');
       background-repeat: no-repeat; 

       background-position:right bottom;
       }

 .msg
       {
           padding-top:25px;
           position: fixed;
           z-index: 1000;
           width: 250px;
           height: 50px; 
           top: 300px; 
           right: 44%; 
           background-color: #008000;
           color: #FFFFFF;
           text-align: center;
           vertical-align: middle;
           border-radius : 5px;
           -webkit-border-radius : 5px;
          -moz-border-radius : 5px;
           filter: alpha(opacity=80);
          -khtml-opacity : 0.8;
          -moz-opacity : 0.8;
           opacity : 0.8;
           font-size:16px;
       }

.div-waiting
       {
              position:fixed;
               z-index:1000;
               top: 300px; 
               right:48%;
               width:200px;
               height:100px;
               text-align:center;
              
         }

.a-framemore
    {
        background-image: url('../Images/formloader.gif');
        background-repeat: no-repeat;
        background-position: center center;
        width: 45px;
        height: 45px;
        bottom:40%;
        right:48%;
        position: fixed;
        z-index: 1005;
        border: 1px solid #C0C0C0;
        border-radius: 45px;
      
    }

 .a-framemore2
    {
        background-image: url('../Images/formloader.gif');
        background-repeat: no-repeat;
        background-position: center center;
        width: 45px;
        height: 45px;
        right:58%;
        bottom:40%;
        position: fixed;
        z-index: 1005;
        border: 1px solid #C0C0C0;
        border-radius: 45px;
     
    }
.time05 {
             -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -ms-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
        }

.time01 {
             -webkit-transition: all 1s ease;
              -moz-transition: all 1s ease;
              -ms-transition: all 1s ease;
              -o-transition: all 1s ease;
              transition: all 1s ease;
        }

#div-content {
        margin-top: 5px;
        min-height: 500px;
        width: 1180px;
        margin-left: auto!important;
        margin-right: auto!important;
        padding:10px;
       border:solid 2px #C0C0C0;
       border-radius:10px;

     
      
        
    }

.div-center {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        overflow:hidden;
        padding-bottom:15px;
        padding-top:15px;
}
.p-caption {
    font-size: 15px;
    color: #013006;
    background-position: right center;
    text-align: right;
    padding-right: 30px;
    margin-right: 5px;
    background-image: url('../Images/bols.png');
    background-repeat: no-repeat;
}
 .p-caption span {
             background-image: url('../Images/Directicon.png');
              background-repeat: no-repeat;
               background-position: center center;
               display:inline-block;
               width:30px;
               height:15px;
         }
/*------------------------------------- mster page head---------------------------------*/
header 
{
      width: 100%;
      /*width:1200px;
      margin-left:auto;
      margin-right:auto;*/
      height: 230px;
     
      
    
}

#div-header-center {
    width: 1200px;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: right -60px;
    background-image: url('../Images/Back-head.jpg');
    background-size:50%;
      
}

 #div-header-center table tr td:first-of-type {
       background-image: url('../Images/Companyname.png');
       background-repeat: no-repeat;
       background-position: right top;
 }

  #div-header-center table tr td:last-of-type {
       background-image: url('../Images/logo.png');
       background-repeat: no-repeat;
       background-position: left top;
 }

#div-mastermnu {
    position: absolute;
    top: 170px;
    width: 100%;
    height: 60px;
    z-index: 800;
    background:#ff6d10;

}

.div-mastermnu-edg {
    width: 40%;
    height: 20px;
    border-top-left-radius: 7px;
    margin-top: -18px;
    background-color: #053698;
    position: absolute;
    right: -10px;
    z-index: -100;
}

.div-mastermnu-content {
    height: 57px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom:10px;
    /*background-image: url('../Images/back-mnu.png');
    background-repeat: no-repeat;
    background-position: center top;*/
}


#div-head-find {
    margin-left: 5px;
    margin-top: -38px;
    float: left;
}

#div-head-find span {
        display: block;
        width: 30px;
        height: 30px;
        float: left;
        background-image: url('../Images/Findicon.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

#mainfindtxt {
    font-family: 'yekan','Mykodak','Tahoma';
    height: 25px;
    width: 300px;
    border: 1px solid #3399FF;
    float: left;
    padding-right: 15px;
    border-radius:5px;
}

  @keyframes topmnu {
            from {top: -50px;}
            to {top: -5px;}
        }

        .div-mastermnu {
            animation-name: topmnu;
            animation-duration: 1s;
            top:-5px!important; 
            position:fixed!important;
        }
        

        #a-home {
            margin-top: 9px;
            margin-left:15px;
            display: block;
            float: right;
            width: 35px;
            height: 40px;
            background-image: url('../Images/home.png');
            background-repeat: no-repeat;
            background-position: center -40px;

           
        }
        #a-home:hover {
            background-position: center 0px;
        }

          #div-lang {
            width: 120px;
            height: 50px;
            position: absolute;
            margin-right: 700px;
            text-align: center;
        }

            #div-lang a:first-of-type {
                background-image: url('/Images/england.jpg');
                width: 31px;
                height: 20px;
                display: inline-block;
                margin: 5px;
                background-repeat: no-repeat;
                background-position: center center;
            }

            #div-lang a:last-of-type {
                background-image: url('/Images/iran.jpg');
                width: 31px;
                height: 20px;
                display: inline-block;
                margin: 5px;
                background-repeat: no-repeat;
                background-position: center center;
            }


/*------------------صفحه جستجوی هوشمند-----------------------*/

        #div-dynamic-find {

            width:320px;
            height:400px;
            position:absolute;
            z-index:50000000;
            top:47px;
            background-color:#d1c9c9;
            margin-right:30px;
            overflow-y:scroll;          
        }

        #div-dynamic-find a {

            display:block;
            width:100%;
            height:83px;
            border-bottom:solid 1px #fff;
            background-color:#d1c9c9;
        }
        #div-dynamic-find a:hover {

                background-color:#da8f00;
         }
         #div-dynamic-find a img {
                margin-right: 5px;
                width: 70px;
                height: 70px;
                float: right;
                padding: 5px;
                border: solid 1px #FF9900;
         }
         #div-dynamic-find a p{
              margin-right:100px;
              text-align:right;
              padding-top:10px;
              margin-bottom:1px;
              color:black;
              height:70px;
         }

         #div-dynamic-find a label {
              text-align:right;
              color:#03256b;
              margin-right:15px;
              font-size:14px;
         }



/*----------------------------Footer-------------------------------*/ 
        #div-footer
        {
            background-position: center top;
            position: static;
            z-index: 1000;
            bottom: 0px;
            width: 100%;
            /*width:1200px;
            margin-right:auto;
            margin-left:auto;*/
            min-height: 300px;
            /*background-image: url('../Images/Back-footer.jpg');
            background-repeat: repeat;*/
         background-color:rgba(5, 54, 152, 0.87);
            padding-bottom:20px;
            font-size:15px;
            margin-top:5px;


        }

       #div-footer table
        {
           width:100%;
           height:100%;
           width:1200px;
           margin-right:auto;
           margin-left:auto;
          color:#fefefe;
           font-size:16px;
          
        }

        #div-footer table a {
            display:block;
             color:#010118;
        }

        #div-footer table a:hover {
          color:#ffffff!important;
         }
       

        .p-title {
            font-size: 18px;
            color:#f99704;
            margin: 0px;
            border-bottom-style: groove;
            border-bottom-width: 1px;
            border-bottom-color: #f99704;
           
            padding-right:10px;
            border-radius:3px;
        }

        .div-address {
            line-height: 32px;
            text-align: justify;
        }

      
        .a-link-telegram
        {
            padding-right:30px;
            background-image: url('../Images/telegram.png');
            background-repeat: no-repeat;
            background-position:center right;
            display:block;
            height:28px;
           
            margin-top:7px;
            margin-bottom:3px;

 
        }
        .a-link-istoram
        {
           padding-right:30px;
            background-image: url('../Images/instagram.png');
            background-repeat: no-repeat;
            background-position:center right;
            display:block;
            height:28px;
      
             margin-top:7px;
            margin-bottom:3px;
        }
         .a-link-aparat
        {
           padding-right:30px;
            background-image: url('../Images/aparat.png');
            background-repeat: no-repeat;
            background-position:center right;
            display:block;
            height:28px;
            margin-top:7px;
            margin-bottom:3px;
        }

        .a-link-telegram:hover , .a-link-istoram:hover , .a-link-aparat:hover
         {
             color:black;

         }

        #txtemail {
            width: 210px;
            height: 25px;
            float: right;
            margin-top: 10px;
            margin-left: 10px;
            padding-left: 5px;
            direction: ltr;
        }
        
        #cmdfootermail {
            height: 30px;
            margin-top: 10px;
            float: right;
            background-color:#013006;
            color:#FF9900;
            width:60px;
        }

    .p-footer-end {
        text-align: center;
        color: #dedad7!important;
        margin: 0px;
        color: #020a5d;
        font-family: Tahoma;
        font-size:11px;
        margin:4px;-size:11px;
    }
/*-------------------- up page pic--------------------------*/ 

        #backtotop {
            cursor : pointer;
            /*display : none;*/
            margin :      0px 0px 50px 50px;
            position : fixed;
            bottom : -35px;
            right:-5px;
            font-size : 90%;
            width : 60px;
            height:60px;
            text-align : center;
            border-radius : 8px;
            -webkit-border-radius : 8px;
            -moz-border-radius : 8px;
            filter: alpha(opacity=40);
            -khtml-opacity : 0.4;
            -moz-opacity : 0.4;
            opacity : 0.4;
            color : #FFF;
            font-size : 0px;
            z-index : 10000;
            font-family: Tahoma;
            background-image: url('../Images/top.png');
            background-repeat: no-repeat;
        }

        #backtotop:hover {
            filter : alpha(opacity=90);
            -khtml-opacity : 0.9;
            -moz-opacity : 0.9;
            opacity : 0.9;
        }


/*--------------------rezize page--------------------------*/

@media screen and (max-width: 1100px) {

     header {
        width: 1200px!important;
        margin-right:auto!important;
        margin-left:auto!important;
    }

    #div-footer {
        width:1200px;
        margin-left:auto;
        margin-right:auto;
        min-height: 300px!important;
      
    }

    #div-banner {
        width: 1200px!important;
        margin-right:auto!important;
        margin-left:auto!important;

    }

    
    #div-mastermnu {

         width: 1200px!important;
        margin-right:auto!important;
        margin-left:auto!important;
        right:auto;
        left:auto;


    }
   
}

/*--------------------------------------------------------*/ 
        
    