﻿body {
}
#title
{
     width:400px;
    height:155px;
    margin:0 auto;
      box-shadow:0px 0px 20px black;
      margin-bottom:10px;
    }
#pic
{
    width:100%;
    height:350px;
    margin:0 auto;
    background:url('../../images/bigmaico.jpg') no-repeat top center;
    box-shadow:0px 0px 20px black;
    margin-bottom:20px;
    }
#out
{
      width:100%;
    background-color:white;
    margin:0 auto;
    padding-bottom:20px;
    }  
#content
{
     width:960px;
   
    margin:0 auto;
    font-family:Calibri;
    line-height:30px;
    text-align:center;
    padding:20px;
    background-color:#0b284a;
    color:White;
    }   
 
#logoslide
{
       width:800px;
    height:150px;
    margin:0 auto;
    margin-bottom:40px;
    text-align:center;
     box-shadow:0px 0px 10px black;
    }      
#logoslide iframe
{
     width:800px;
    height:60px;
    margin:0 auto;
    } 
#web
{
    
     width:120px;
   height:30px;
    margin:0 auto;
    margin-top:20px;
    text-align:right;
    
    font-family:Tahoma;
    direction:rtl;
    margin-bottom:20px;
 background:url(../../images/btn.png) no-repeat;
    
    }     
#web a
{
    display:block;
    position:relative;
  /* background:url(../../images/button.jpg) repeat;*/
    margin:0 auto;
    /*background-color:#9d0303;*/
    color:White;
    text-decoration:none;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-radius:3px;
    top:-5px;
    font-size:12px;
    }       
#dl
{
    position:relative;
     width:300px;
   height:40px;
    margin:0 auto;
    top:20px;
    text-align:right;
    padding:10px 20px 0px 20px;
    font-family:Tahoma;
    direction:rtl;
    }     
#dl a
{
    display:block;
    position:relative;
   
    margin:0 auto;
    background-color:#0b284a;
    color:White;
    text-decoration:none;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-radius:10px;
    top:-5px;
    }         
.brands
{
    position:relative;
     width:1000px;
    height:200px;
    margin:0 auto;
    background-color:White;
    margin-bottom:20px;
    top:20px;
    box-shadow:0px 0px 20px black;
    }    
.brands .logo
{
    position:relative;
     width:400px;
    height:200px;
    float:left;
    top:50px;
    }  
.brands .right
{
    width:580px;
    height:180px;
    float:left;
    
    padding:10px;
    }     
.right .text
{
    width:550px;
    height:130px;
    margin:0 auto;
    font-family:Calibri;
   margin-top:30px;
  
    }          
.right .see
{
    width:80px;
    height:25px;
    float:right;
    background-color:#0b284a;
    text-align:center;
    margin-right:20px;
    border-radius:5px;
    }    
.see a
{
    color:White;
    font-family:Calibri;
    text-decoration:none;
    padding:5px;
    }  
    
#out h2
{
    text-align:center;
    font-family:Calibri;
    height:40px;
    background-color:Red;
    margin-top:50px;
    padding-top:10px;
    }    
#certific
{
     width:1050px;
    height:600px;
    margin:0 auto;
    margin-top:10px;
  
    }  
    
    
    
.box {width:450px;height:600px}
.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:40px !important}
.carousel-box ul li {width:450px;float:left;border:0;margin-right:55px;position:relative;padding-top:0px;}
                 