body, html {width:100%; height:100%;}

body {margin:0; padding:180px 0 0 0; background:url(ap.jpg) no-repeat center fixed; background-size:cover;
      font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#fff;
	  position:relative;}
  body.hakkimizda {background:url(ap-hakkimizda.jpg) no-repeat center fixed; background-size:cover;}
  body.iletisim {background:url(ap-iletisim.jpg) no-repeat center fixed; background-size:cover;}
	  
#temizle {clear:both;}

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a {color:#fff; text-decoration:none;} a:hover {color:#000;}

  
  a#logo {display:block; width:371px; height:100px; background:url(logo.png) no-repeat center right #fff;  text-align:left; text-indent:-9999px;
          position:fixed; top:40px; left:0;}
  
  ul#anamenu {display:block; padding:0; margin:0; height:100px; background:#ec1c24;
              position:fixed; top:40px; right:0;}
  ul#anamenu li {display:inline;}
   ul#anamenu li a {display:block; float:left; line-height:100px; padding:0 20px; color:#fff; font-size:14px;  transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
   ul#anamenu li a:hover, ul#anamenu li a.secili {background:#000;}
  
  #anasayfa {width:50%; padding:0 40px; font-size:16px;}
  #anasayfa span {font-weight:bold; font-size:30px; display:block; margin:0 0 30px 0;}
  #anasayfa p {margin:0 0 20px 0;}
  
  #imzahaklar {font-size:11px; color:#fff; padding:0 40px 0 0; text-align:right;
               position:fixed; bottom:40px; right:0;}

 
/* Responsive css kodları */ 

@media only screen and (max-width: 860px) {

  a#logo {width:320px; height:100px; background:url(logo.png) no-repeat center right #fff; background-size: 100% auto;}


   ul#anamenu li a {padding:0 10px;}

  #anasayfa {width:100%; padding:0 40px;}
    
    }
	

@media only screen and (max-width: 640px) {

body {padding:220px 0 0 0;}

	
  a#logo {width:100%; height:80px; background:url(logo.png) no-repeat center #fff; background-size: auto  100%; position:absolute; top:10px;}
  
  ul#anamenu {width:100%; height:auto; position:absolute; top:100px;}
   ul#anamenu li a {float:none; width:100%; line-height:30px; padding:0; text-align:center;}

  #imzahaklar {width:100%; margin:40px 0 0 0; padding:0; text-align:center;
               position:static;}


  }


@media only screen and (max-width: 480px) {

body {padding:180px 0 0 0;}
	
  a#logo {height:60px;}
  ul#anamenu {top:80px;}


  #anasayfa {padding:0 10px;font-size:14px;}
  #anasayfa span {font-size:20px; margin:0 0 20px 0;}
  #anasayfa p {margin:0 0 10px 0;}
  



  }