﻿body {background-color:#d4cccc;
}
#page_pro
{
    width:100%;
    
    margin:0 auto;
    
   
    }
#pic
{
     width:1000px;
    height:350px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:20px;
    box-shadow:0px 0px 20px black;
    }    
 h1{ width:80%;
    font-family:dinar;
    margin:0 auto;
    text-align:center;
    margin-bottom:20px;
    margin-top:10px;
   font-weight:lighter;
   font-size:22px;
    }    
.panel
{
     width:1000px;
    overflow:hidden;
    margin:0 auto;
      border-radius:10px;
    box-shadow:0px 0px 10px black;
    padding:10px;
    background-color:White;
    margin-bottom:20px;
    }   
.panel h4{ width:980px;
           height:45px;
           color:white;
    font-family:dinar;
    float:right;
    text-align:right;
    margin-bottom:20px;
    margin-top:10px;
    background:url('../../images/title-fa.jpg') no-repeat;
    font-weight:lighter;
    padding:5px 20px 0px 0px;
    }   
.panel h1{ width:1000px;
           height:50px;
           color:White;
    font-family:dinar;
    float:left;
    text-align:center;
    margin-bottom:20px;
  margin-top:20px;
   background-color:#0b284a;
   border-radius:25px;
    font-weight:lighter;
   
    }             
.panel h2
{
     font-family:dinar;
     direction:rtl;
     font-weight:lighter;
     font-size:20px;
    } 
.panel h5
{
     font-family:dinar;
     text-align:center;
     font-weight:lighter;
     font-size:20px;
    }       
.panel h3{ width:1000px;
           height:50px;
           color:White;
    font-family:dinar;
    float:left;
    text-align:center;
    margin-bottom:20px;
  margin-top:20px;
    background:url('../../images/title3.jpg') no-repeat;
    font-weight:lighter;
    font-size:20px;
   
    }        
.panel .pan
{
    width:470px;
    background-color:#f1f0f0;
    border:1px solid #0b284a;
    float:left;
    margin-bottom:40px;
    margin-left:20px;
    border-radius:5px;
    
    }   
.pan h3
{
    width:200px;
    height:30px;
    background-color:#0b284a;
    font-family:Calibri;
    text-align:center;
    color:White;
    border-radius:5px 5px 0px 0px;
    
    }     
.txt
{
    width:980px;
   
    margin:0 auto;
    padding:10px;
    color:black;
    text-align:justify;
    font-family:tahoma;
    clear:both;
    direction:rtl;
    line-height:25px;
    }   
.txt img
{
    width:200px;
    height:100px;
    float:right;
    margin-left:20px;
    box-shadow:-2px 2px 5px black;
    }    
#dl
{
     width:960px;
   height:40px;
    margin:0 auto;
   background-color:#d60303;
   border-radius:5px;
    text-align:right;
    padding:10px 20px 0px 20px;
    font-family:Tahoma;
    direction:rtl;
    margin-bottom:10px;
    color:White;
    }     
#dl a
{
    display:block;
    position:relative;
    width:80px;
    float:left;
    background-color:#0b284a;
    color:White;
    text-decoration:none;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-radius:10px;
    top:-5px;
    }    
.fan
{
     width:300px;
    height:320px;
    float:left;
    margin-left:25px;
    margin-bottom:20px;
    }    
.fan img
{
    width:300px;
    height:250px;
    }  
.fan h2
{
    font-family:dinar;
    height:40px;
    text-align:center;
    background-color:#d60303;
    color:White;
    font-size:20px;
    padding-top:10px;
    }    
.fan a
{
    display:block;
    width:300px;
    height:25px;
    background-color:#0b284a;
    color:White;
    text-align:center;
     text-decoration:none;
     font-family:tahoma;
     border-radius:0px 0px 5px 5px;
     padding-top:5px;
    }      
#flesh img
{
 width:300px;
    height:100px;  
    margin-top:100px; 
    }    
#hiden
{
     width:200px;
    height:200px;
    clear:both;
    }    