/**
 * name 		DNA Project
 * version	 	2.0.0 
 * author 		Mustafa İREN
 * link 		mustafairen.com
 * license 		Tüm Hakları Saklıdır.
 * copyright 	2011-04-19
 * description	Kimdir CSS
 */
 
/* Charset */
@CHARSET "UTF-8";

/* Genel */
body { background-color: #EFEFEF; font-family:Arial, Helvetica, sans-serif; }

/* Font */
.capsuula { font-weight: normal; font-style: normal; line-height:normal; font-family: 'CapsuulaRegular', sans-serif; font-size-adjust: 0.5; }

/* Sayfa */
.sayfa { position: absolute; right: 20px; top: 20px; width: 600px; }
.sayfa a { float: right; }

/* Buton */
.btn { width: 50px; height: 50px; background: url("http://mustafairen.com/statik/resim/kimdir/btn.png"); opacity:0.6; filter: alpha(opacity=60); background-position: left top; display: block; z-index: 5000; }
.btn:hover { width: 50px; height: 50px; background: url("http://mustafairen.com/statik/resim/kimdir/btn.png"); background-position: left bottom; display: block; }
.btn_active { width: 50px; height: 50px; background: url("http://mustafairen.com/statik/resim/kimdir/btn.png"); background-position: left bottom; display: block; z-index: 5000; }

/* 1 */
#g1 { width: 100%; }
#g1 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/1.jpg"); background-repeat: no-repeat; height: 902px;/* 1152px */ background-position: 10% -250px; /* sol üst sağ alt */ /* 50% -250px 0px -500px */ }
#g1 .icerik { width: 500px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 28%; margin-left: -250px; top: 80px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g1 .icerik .metin {}
#g1 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g1 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g1 .icerik .social {  margin-top: 20px; }

/* 2 */
#g2 { width: 100%; }
#g2 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/2.jpg"); background-repeat: no-repeat; height: 1152px;/* 1152px */ background-position: 45% 0px; /* sol üst sağ alt */ /* 50% -250px 0px -500px */ }
#g2 .icerik { width: 600px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 28%; margin-left: -250px; top: 360px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px }
#g2 .icerik .metin {}
#g2 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g2 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal; }
#g2 .icerik .social { margin-top: 20px; }

/* 3 */
#g3 { width: 100%; }
#g3 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/3.jpg"); background-repeat: no-repeat; height: 1102px;/* 1152px */ background-position: 40% -50px; /* sol üst sağ alt */ /* 50% -250px 0px -500px */ }
#g3 .icerik { width: 600px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 28%; margin-left: -200px; top: 300px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g3 .icerik .metin {}
#g3 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g3 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g3 .icerik .social { margin-top: 20px; }

/* 4 */
#g4 { width: 100%; }
#g4 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/4.jpg"); background-repeat: no-repeat; height: 1102px;/* 1152px */ background-position: 30% -50px; /* sol üst sağ alt */ /* 50% -250px 0px -500px */ }
#g4 .icerik { width: 500px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 28%; margin-left: -200px; top: 300px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g4 .icerik .metin {}
#g4 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g4 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g4 .icerik .social { margin-top: 20px; }

/* 5 */
#g5 { width: 100%; }
#g5 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/5.jpg"); background-repeat: no-repeat; height: 1102px;/* 1152px */ background-position: 60% -50px; /* sol üst sağ alt */ /* 50% -250px 0px -500px */ }
#g5 .icerik { width: 500px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 70%; margin-left: -250px; top: 300px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g5 .icerik .metin {}
#g5 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g5 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g5 .icerik .social { margin-top: 20px; }

/* 6 */
#g6 { width: 100%; }
#g6 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/6.jpg"); background-repeat: no-repeat; height: 952px;/* 1152px */ background-position: 50% -200px; }
#g6 .icerik { width: 800px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 45%; margin-left: -400px; top: 400px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g6 .icerik .metin {}
#g6 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g6 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g6 .icerik .social { margin-top: 20px; }

/* 7 */
#g7 { width: 100%; }
#g7 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/7.jpg"); background-repeat: no-repeat; height: 952px;/* 1152px */ background-position: 50% -200px; }
#g7 .icerik { width: 500px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 28%; margin-left: -250px; top: 250px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g7 .icerik .metin {}
#g7 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g7 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g7 .icerik .social { margin-top: 20px; }

/* 8 */
#g8 { width: 100%; }
#g8 .bg { background-image: url("http://mustafairen.com/statik/resim/kimdir/8.jpg"); background-repeat: no-repeat; height: 952px;/* 1152px */ background-position: 50% -200px; }
#g8 .icerik { width: 500px; /* height: 600px;*/ background-color: #000000; opacity:0.6; filter: alpha(opacity=60); position: absolute; left: 28%; margin-left: -250px; top: 250px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; }
#g8 .icerik .metin {}
#g8 .icerik .metin ul li { color: #EFEFEF; font-size: 2.5em; font-weight: bold; }
#g8 .icerik .metin ul .detay { color: #EFEFEF; font-size: 1em; font-weight: normal;}
#g8 .icerik .social { margin-top: 20px; }