#logoimg {position: absolute; left: 100px; top:50px;}
.menu {position: relative; width: 45%;   padding-bottom: 0px; padding-bottom: 25px; margin-bottom: 20px; overflow: hidden; top: 50px; left: 700px;}
	.menu ul li {float: left; list-style-type: none; }
	.menu ul li a {font-size: 15px; color: #0f71b9; margin-right: 20px; padding: 5px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight:400; text-decoration: none;}
	.menu ul li a:hover {text-decoration: underline;}

#detay-button {position: absolute; width: 220px; height: 35px; background: #0f71b9; left: 950px; top: 300px;}
#detay-button:hover {background: #005593}

	.detay-text {position: relative; width: 180px; height: 30px; bottom: 8px; right: 15px;}
	.detay-text ul li {float: left; list-style-type: none; }
	.detay-text ul li a {font-size: 18px; color: white; margin-right: 20px; padding: 0px;  text-decoration: none;}
	.detay-text ul li a:hover {text-decoration: underline;}

#social-button {position: absolute; padding: 10px; float: left; bottom: 0%; left: 40%}



#projeler-bg {position: absolute;  float: left; top: 100%; right: 0%; width: 100%; height: 100%; background:  #fff }
#tel_simge {position: relative; top: 150px; left: 280px; width: 100px; height: 100px;}


    .tel_no {position: relative; width: 230px; height: 30px; bottom: 5px; right: 50px;}
	.tel_no ul li {float: left; list-style-type: none; }
    .tel_no ul li a {font-size: 20px; color: black; margin-right: 20px; padding: 0px;  text-decoration: none;}
	.tel_no ul li a:hover {text-decoration: underline;}
#tel-bg {position: absolute; top: 117px; left: 199px; width: 300px; height: 320px; background: #d8d8d8; }

#mail_simge {position: relative; bottom: 100px; left: 580px; width: 100px; height: 100px;}
    .mail_mail {position: relative; width: 250px; height: 30px; bottom: 5px; right: 80px;}
	.mail_mail ul li {float: left; list-style-type: none; }
    .mail_mail ul li a {font-size: 20px; color: black; margin-right: 20px; padding: 0px;  text-decoration: none;}
	.mail_mail ul li a:hover {text-decoration: underline;}
#mail-bg {position: absolute; top: 117px; left: 500px; width: 300px; height: 320px; background: #d8d8d8; }
#adres_simge {position: relative; bottom: 100px; left: 900px; width: 100px; height: 100px;}
    .adres {position: relative; width: 284px; height: 30px; bottom: 5px; right: 100px;}
	.adres ul li {float: left; list-style-type: none; }
    .adres ul li a {font-size: 20px; color: black; margin-right: 20px; padding: 0px;  text-decoration: none;}
	.adres ul li a:hover {text-decoration: underline;}
#adres-bg {position: absolute; top: 117px; left: 801px; width: 300px; height: 320px; background: #d8d8d8; }

.iletisim {position: relative; top:30px; left: 520px; width: 300px; }
	.iletisim ul li {float: left; list-style-type: none; }
    .iletisim ul li a {font-size: 20px; color: #999999; margin-right: 20px; padding: 0px;  text-decoration: none;}
.cizgi {position: relative; top: 600px;}
body {

    background: url("http://www.zirveemlak.com.tr/yeni/wp-content/uploads/2015/12/40542012_l.jpg"); max-width: 100%; height: 397px;") no-repeat fixed center top;

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

    margin: 0;
    padding: 0;
}
