body 
{
    background-color: #343232 ;
    font-size:large;
    color:White;
    text-align:right ;
    

 
   
}
#logo
{
 
    float :right;
  
 
    height :80px;
    margin-left :23%;


   
} 
#logo1
{
 
    float :left;
   
    margin-left :23%;

} 
#tel
{
 
    float :right;
 
    
    height :60px;
       
   
} 
#asli
{
        width: 94%;

   
 
    float :right;
    padding-right:3%;
    padding-left :3%;
     background-color :#3f3d3d;
      margin-top: 1%;
      padding-top :5%;
      padding-bottom :5%;
      text-align :right;


}
#asli1
{
        width: 94%;

   
 
    float :right;
    padding-right:3%;
    padding-left :3%;
     background-color :#3f3d3d;
      margin-top: 1%;
      padding-top :5%;
      padding-bottom :5%;
      text-align :center;


}
.a1
{
    float :right ;
    
    width :40%;
    margin-right :5%;
    text-align :right ;
    
}
 
   


#saat
{
    float :left ;
    font-size :large;

    
}
    

    
    
#menu {
    margin-bottom: 1%;
    margin-top:6%;
    width: 100%;
    height: 50px;
    
    background-color:#3f3d3d;
}
#pic {
    width: 100%;
    height: 90%;
    background-color: #343232;
    margin-left: auto;
    margin-right: auto;
    float :left;
    
}
#matn
{
    float :right;
    margin-right :10px;
    margin-top:10px;
    padding-right :3%;
    padding-top:1%;
    width: 33%;
    height :100%;
    
    background-color:#343232;
   
}
    
#slider
{
     
    height: 100%;
    width :60%;
    background-color: #343232;
    margin-left:1%;
    margin-right: auto;
    float :left;
    
}
    
.main {
    width: 95%;
    height: 400px;
    background-color: #343232;
    margin-left: auto;
    margin-right: auto;
    float :right;
    padding-left:5%;

}
.main1 
{
        float :left;
        background-color :#3f3d3d;
        text-align :center ;
        border :2px solid green;

    height:300px;
    width:18%;
    margin-top:2%;
    margin-left:3%;
    margin-right:1%;
    padding-top:1%;
    padding-left:auto;
    padding-right:auto;
    margin-bottom :1%;
    
}
.main2
{
          float :left;
        background-color :#3f3d3d;
        text-align :center ;
        font-size :larger ;

    height:400px;
    width:40%;
    margin-top:1%;
    margin-left:3%;
    margin-right:1%;
    padding-top:3%;
    border :2px solid green;
   
    
    
}
    
#gallery
{
     width: 95%;
    height: 500px;
    text-align:center ;
    font-size :larger;
    color :Black;
    margin-top:5%;
    margin-bottom :2%;
    padding-top :1%;
    padding-left :5% ;
    padding-right :auto ;
    float :left; 
    background-repeat: repeat;
    background-attachment: fixed;
    background-image:url('pic/21.jpg')
    
    
}
.gallery1
{
         float :left;
        background-color :#3f3d3d;
        text-align :center ;

    height:300px;
    width:18%;
    margin-top:2%;
    margin-left:3%;
    margin-right:1%;

    padding-left:auto;
    padding-right:auto;
    margin-bottom :1%;
    
}

    
#foother
{
    width: 95%;
    height :400px;
    
    background-color:#343232;
    margin-left:auto;
    margin-right: auto;
    float :right;
    text-align :center ;
   
    padding-right :5%;
}  
.f1
{
    
          float :left;
        background-color :#343232;
        text-align :center ;
        text-align :right ;

  
    width:25%;
    height :80%;
    margin-top:1%;
    margin-left:4%;
    margin-right:1%;
    padding-top:3%;
    padding-right :1%;
   
    
    
} 
#hr
{
 
    width :85%;
    height :3px;
    background-color:Green ;
   
   
}
#hr3
{
 background-color:Green ;
    width :75%;
    height :3px;
  
}
    


a {
    text-decoration: none;
    color: white;
}
a:hover {
    color:gray;
  
}

#menu a {
    display: block;
    width: 150px;
    height: 30px;
    padding: 8px;
    border: green solid 1px;
    background-color: #3f3d3d;
    color: #FFF;
}
#menu a:hover {
    background-color:#343232;
}
#menu ul {
    list-style-type:none;
    padding-top:0px;    
}
#menu li {
    float:right;
    position:relative;
    text-align:center;
}
#menu li ul a{
    text-align:center;
    border:0px;
    border-bottom:green 1px solid;
}
#menu li:hover ul ul{
	display:none;
}
#menu li li:hover ul{
	display:block;
	position:absolute;
	top:10px;
	right:125px;
	z-index:1000;
}
#menu ul.sub-menu {
    display:none;
    position:absolute;
    top:30px;
    margin-right:0px;
    padding:0px;
    z-index:999;
}
#menu ul.sub-menu li {
    text-align:center;
}
#menu li:hover ul.sub-menu {
    display: block;
    border: 1px solid green;
}
#tb1 {
    text-align:center;
    direction:rtl;
    width:300px;
    height: 200px;

}
.bt {
    height: 40px;
    width: 100px;
    color: #480048;

    font-size:18px;
}

#tb2{
    text-align:center;
    direction:rtl;
    width:300px;
    height: 200px;

}

   #gc1 {

    float: right;
  
}
           
  #gc2 {
  
    width: 50%;
    float: left;

}
.pc {
    width: 130px;
    height: 80px;
}