body 
{
    
}
#page
{
    width:100%;
    margin:0 auto;
    background-color:#dcdee2;
    }
#pic
{
    position:relative;
     width:1000px;
    height:350px;
    margin:0 auto;
      box-shadow:0px 0px 20px black;
      margin-bottom:70px;
      top:10px;
    }
    
#backpanel {

    width:1000px;
    height:300px;
    margin:0 auto;
    margin-bottom:30px;
    margin-top:0px;
    
}
  #backpanel .panel {
    
    width:200px;
    height:300px;
    float:left;
    margin-left:40px;
    text-align:center;
    }

    /*#p2,#p4{

        margin-left:50px;
    }

    #p3{

        margin-left:50px;
    }*/
.panel img
{
    width:150px;
    height:150px;
    margin:0 auto;
    }
    .panel h2 {

        width:200px;
        height:50px;
        text-align:center;
        color:#0b284a;
        font-family:dinar;
        font-size:17px;
        
}

    .panel .txt{
        width:200px;
        height:152px;
        margin:0 auto;
        color:#030d53;
        text-align:center;
       font-family:tahoma;
       direction:rtl;
       font-size:14px;
    }
    
      .panel:hover img
    {
        transition:all 0.8s ease-out 0s;
    -moz-transition:all 0.8s ease-out 0s;
    -webkit-transition:all 0.8s ease-out 0s;
       
    transform: rotate(270deg);
    
    }
.content
{
     width:1000px;
    font-family:Tahoma;
    margin:0 auto;
    line-height:25px;
    margin-bottom:20px;
    overflow:hidden;
    direction:rtl;
    box-shadow:0px 0px 10px black;
    border-radius:4px;
   line-height:30px;
   text-align:justify;
    padding:10px;
    }    
#content h2
{
    text-align:center;
     font-family:dinar;
     margin-bottom:20px;
     color:#0b284a;
    
}
h2
{
     text-align:center;
     font-family:dinar;
     color:#0b284a;
     direction:rtl;
    }
#content .text
{
    width:980px;
   
    height:auto;
    font-family:Tahoma;
    margin:0 auto;
    line-height:25px;
    margin-bottom:20px;
    text-align:justify;
    clear:both;
    border-radius:10px;
    padding:10px;
    direction:rtl;
    }
.text h1
{
     width:200px;
    height:80px;
    
    }    
hr
{
     width:1000px;
    height:3px;
    margin:0 auto;
    background-color:#0b284a;
    }
    
.text .see
{
    width:990px;
    height:20px;
    }    
.see a
{
    height:20px;
    float:left;
    color:White;
     background-color:#0b284a;
    font-family:tahoma;
    text-decoration:none;
    padding:0px 5px 5px 5px;
    border-radius:5px;
    }        
    
#map
{
    width:500px;
    margin:0 auto;
    box-shadow:0px 0px 10px grey;
    }    
 #logoslide
{
     width:1050px;
    height:400px;
    margin:0 auto;
    margin-top:10px;
  
    }  
    
    
    
.box {width:300px;height:400px}
.carousel-box {position:relative;width:1050px;overflow:hidden;margin-top:0px;}
.carousel-box .prev {position:absolute;left:0px;top:180px;z-index:10}
.carousel-box .next {position:absolute;right:20px;top:180px;z-index:10}
.carousel-box .prev a, .carousel-box .next a {cursor:pointer}
.carousel-box ul {width:1000px;background-color:Blue;margin-left:30px !important}
.carousel-box ul li {width:300px;float:left;border:0;margin-right:30px;position:relative;padding-top:0px;}