/*
Dosya adi: style.css
Yazan: Emir Dalgıç (www.emirdalgic.com) (www.dg.com.tr)
Aciklama: Tum sistemin stil sablonlarini icerir 
*/
/*=================== Globaller ==================*/
@font-face {font-family: 'AllerLightRegular';src: url('../fonts/aller_lt.eot');src: url('../fonts/aller_lt.eot') format('embedded-opentype'),url('../fonts/aller_lt.woff') format('woff'),url('../fonts/aller_lt.ttf') format('truetype'),url('../fonts/aller_lt.svg#AllerLightRegular') format('svg');}
* {margin:0;padding:0;}
img {border:none;}
a, a:link, a:visited {text-decoration:none;color:#6e5f4b;outline:none;}
a:focus, a:hover, a:active {cursor:pointer;outline:none;}
body {font-family:'AllerLightRegular', Arial, Helvetica, Sans-Serif;font-size:12px;color:#6e5f4b;background-color:#fff;line-height:1;}
input {outline:none;}
select {outline:none;}
textarea {outline:none;}
tt, abbr {font-family:'AllerLightRegular', Arial, Helvetica, Sans-Serif;}

/*=================== Genel Classlar ==================*/
.sola {float:left;}
.saga {float:right;}
.clear {clear:both;display:block;height:0;overflow:hidden !important;}
#proje_menu ul li.clear {clear:both;display:block;height:0;overflow:hidden !important;}
.cb {display:none;}

/*=================== sistem yapisi ==================*/
#main {width:1024px;height:950px;position:relative;margin:0 auto;}
#wrapper {width:100%;height:950px;overflow:hidden;position:absolute;top:0;left:0;}

/*=================== main ==================*/
#menu {width:775px;height:185px;position:relative;background:url(../images/menu_bg.png) no-repeat 0 0;z-index:99;}
#logo {display:block;width:220px;height:220px;position:absolute;top:-35px;left:-70px;}
#sosyal {width:128px;height:74px;background:url(../images/sosyal_bg.png) no-repeat 0 0;position:relative;top:1px;left:138px;z-index:10;}
#facebook, #facebook:link, #facebook:visited {display:block;width:13px;height:26px;background:url(../images/facebook.png) no-repeat 0 0;position:absolute;top:36px;left:36px;}
#facebook:focus, #facebook:hover, #facebook:active {background-position:bottom left;}
#twitter, #twitter:link, #twitter:visited {display:block;width:32px;height:24px;background:url(../images/twitter.png) no-repeat 0 0;position:absolute;top:12px;right:25px;}
#twitter:focus, #twitter:hover, #twitter:active {background-position:bottom left;}
#biz, #biz:link, #biz:visited {display:block;width:157px;height:75px;background:url(../images/biz_kimiz.png) no-repeat 0 0;position:absolute;top:0;right:393px;z-index:9;}
#biz:hover, #biz.aktif {background-position:bottom left;}
#proje, #proje:link, #proje:visited {display:block;width:157px;height:75px;background:url(../images/projeler.png) no-repeat 0 0;position:absolute;top:0;right:278px;z-index:8;}
#proje:hover, #proje.aktif {background-position:bottom left;}
#basinda, #basinda:link, #basinda:visited {display:block;width:157px;height:75px;background:url(../images/basinda.png) no-repeat 0 0;position:absolute;top:0;right:163px;z-index:8;}
#basinda:hover, #basinda.aktif {background-position:bottom left;}
#iletisim, #iletisim:link, #iletisim:visited {display:block;width:157px;height:75px;background:url(../images/iletisim.png) no-repeat 0 0;position:absolute;top:0;right:48px;z-index:7;}
#iletisim:hover, #iletisim.aktif {background-position:bottom left;}
#sol_bg, #sol_bg ul li {width:1800px;height:877px;position:absolute;top:0;left:0;}
#sag_bg, #sag_bg ul li {width:1956px;height:889px;position:absolute;top:0;right:0;}
#sol_bg ul, #sag_bg ul {list-style-type:none;}
.sol_png {width:771px;height:877px;position:absolute;top:0px;left:-41px;}
.sol_jpg {width:974px;height:877px;position:absolute;top:0px;left:-1015px;}
.top_beyaz {display:block;width:1500px;height:75px;background-color:#fff;position:absolute;top:0;left:-1000px;z-index:98;}
.sag_png {width:761px;height:877px;position:absolute;top:-75px;right:-43px;}
.sag_jpg {width:775px;height:877px;position:absolute;top:-75px;right:-817px;}

/*=================== anasayfa ==================*/
#anasayfa {width:696px;height:533px;background:url(../images/main_icerik_bg.png) no-repeat 0 0;position:absolute;top:145px;left:168px;z-index:98;}
#anasayfa p {font-size:20px;color:#89775f;text-align:center;margin:200px auto 0;line-height:26px;}

/*=================== biz ==================*/
#biz_kimiz {display:none;width:560px;padding:30px;background-color:#fff;position:absolute;z-index:98;text-align:justify;color:#6e5f4b;font-size:12px;line-height:18px;left:200px;top:160px}
#biz_kimiz p {margin-bottom:20px;position:relative;z-index:5;}
#biz_kimiz p span {font-size:16px;}
.kare_bg {display:block;width:750px;height:325px;background:url(../images/biz_kimiz_bg.png) no-repeat 0 0;position:absolute;top:-60px;left:-50px;z-index:0;}
.esc, .esc:link, .esc:visited {display:block;width:40px;height:39px;background:url(../images/esc.png) no-repeat 0 0;position:absolute;top:-15px;right:-15px;} 
.esc:focus, .esc:hover, .esc:active {background-position:bottom left;}

/*=================== basında ==================*/
#basinda_biz {display:none;width:560px;padding:50px 10px 50px 10px;background-color:#fff;position:absolute;z-index:98;text-align:justify;color:#6e5f4b;font-size:12px;line-height:18px;left:200px;top:220px;}
a.bb {display:block;width:137px;height:180px;margin:0 0 20px 20px;position:relative;}
a.bb img {position:absolute;top:0;left:0;}
a.bb span {display:block;width:300px;font-size:18px;margin-left:150px;padding-top:10px;}

/*=================== iletisim ==================*/
#iletisim_sayfa {display:none;width:560px;padding:50px 10px 50px 10px;background-color:#fff;position:absolute;z-index:98;text-align:justify;color:#6e5f4b;font-size:12px;line-height:18px;left:200px;top:220px;}
.i_baslik {float:left;width:70px;font-size:14px;color:#6e5f4b;z-index:10;position:relative;margin-left:30px;}
.i_nokta {float:left;width:10px;font-size:14px;color:#6e5f4b;font-style:normal;font-weight:700;z-index:10;position:relative;}
.i_icerik {float:left;width:255px;z-index:10;position:relative;margin-bottom:5px;}
#harita, #harita:link, #harita:visited {display:block;width:80px;height:94px;position:absolute;top:52px;right:50px;z-index:99;}
.formlar {display:none;margin-top:40px;}
.formlar b {float:left;display:inline;width:70px;height:21px;padding-top:12px;font-size:14px;color:#6e5f4b;margin-bottom:5px;z-index:10;position:relative;margin-left:30px;}
.formlar i {float:left;width:10px;height:21px;padding-top:12px;font-size:14px;color:#6e5f4b;font-style:normal;font-weight:700;z-index:10;position:relative;}
.formlar span.genel_input {float:left;display:inline;width:405px;height:28px;padding-top:5px;margin:3px 25px 5px 0;text-align:center;line-height:18px;border:solid 1px #89775f;z-index:10;position:relative;}
.formlar span.genel_input input {width:395px;height:23px;background-color:transparent;border:0 none;font-size:14px;color:#6e5f4b;z-index:10;position:relative;}
.formlar span.textarea {float:left;width:405px;height:108px;padding-top:10px;margin-bottom:20px;border:solid 1px #89775f;text-align:center;line-height:18px;z-index:10;position:relative;}
.formlar span.textarea textarea {width:385px;height:103px;background-color:transparent;border:0 none;font-size:14px;color:#6e5f4b;font-family:'AllerLightRegular', Arial, Helvetica, Sans-Serif;z-index:10;position:relative;}
.i_btn, .i_btn:link, .i_btn:visited {float:right;padding:10px;background-color:#89775f;font-size:13px;color:#fff;text-align:center;margin:0 43px 10px 0;}
.i_btn:focus, .i_btn:hover, .i_btn:active {background-color:#5f5241;}
.i_mesaj_onay {font-size:16px;color:#89775f;text-align:center;margin:135px 0 135px 0;font-weight:700;display:none;}
.i_mesaj_onay img {margin-top:20px;}
.i_mesaj_hata {display:none;font-size:16px;color:#89775f;text-align:center;margin:135px 0 135px 0;font-weight:700;}
.i_mesaj_hata img {margin-top:20px;}

/*=================== projeler ==================*/
#proje_bg {display:none;background:url(../images/proje_bg.png) repeat 0 0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:90;}
#projeler_sayfa {display:none;width:665px;height:590px;position:absolute;z-index:999;left:200px;top:160px;}
#projeler_sayfa .esc {top:29px;right:-20px;}
#proje_menu {width:640px;height:37px;margin-bottom:8px;position:relative;z-index:99;}
#proje_menu ul {list-style-type:none;}
#proje_menu ul li {width:148px;height:37px;position:relative;}
a#proje_btn, a#proje_btn:link, a#proje_btn:visited {display:block;width:120px;height:37px;background:url(../images/projeler_btn.png) no-repeat 0 0;}
a#proje_btn:focus, a#proje_btn:hover, a#proje_btn:active {background-position:bottom left;}
a#referans_btn, a#referans_btn:link, a#referans_btn:visited {display:block;width:148px;height:37px;background:url(../images/referans_btn.png) no-repeat 0 0;}
a#referans_btn:focus, a#referans_btn:hover, a#referans_btn:active {background-position:bottom left;}

#proje_menu ul li ul {display:none;position:absolute;top:36px;left:0;background-color:#fff;padding:15px;}
#proje_menu ul li ul.ref {left:-344px;}
#proje_menu ul li ul li {float:none;display:list-item;width:462px;background:none;height:20px;margin-top:1px}
#proje_menu ul li ul li a, #h_menu ul li ul li a:link, #h_menu ul li ul li a:visited {display:block;height:20px;padding-left:10px;background-color:transparent;text-align:left;font-size:10px;color:#89775f;}
#proje_menu ul li ul li a.tree {height:7px;background-image:url(../images/pro_menu_ok.png);background-repeat:no-repeat;background-position:top left;}
#proje_menu ul li ul li a.cursor {cursor:auto;}
#proje_menu ul li ul li a.tree:hover {background-position:bottom left;}
#proje_menu ul li ul li a:focus, #h_menu ul li ul li a:hover, #h_menu ul li ul li a.aktif {color:#514739;}

#bant {width:626px;height:9px;padding:7px;background:url(../images/bant.png) repeat 0 0;margin-bottom:7px;font-size:11px;color:#89775f;font-weight:700;}
#pictures {width:665px;height:520px;position:relative;overflow:auto;}
#pictures ul {list-style-type:none;}
#pictures ul li {float:left;display:inline;width:120px;height:120px;overflow:hidden;margin:0 10px 10px 0;}
#pictures ul li.mar {margin-right:0px;}
#pictures ul li a, #pictures ul li a:link, #pictures ul li a:visited {float:left;display:inline;width:120px;height:120px;overflow:hidden;position:relative;}
#pictures ul li a span {display:none;width:120px;height:40px;padding-top:80px;position:absolute;top:0px;left:0px;background:url(../images/span_bg.png) no-repeat 0 0;font-size:10px;color:#fff;text-align:center;font-weight:700;}
.scroll {width:18px;height:510px;background-color:#fff;position:absolute;top:0;right:0;display:none;}
.top {width:8px;height:7px;background:url(../images/s_top.png) no-repeat 0 0;position:absolute;top:5px;left:5px;}
.center {width:12px;height:50px;background:url(../images/center.png) repeat 0 0;position:absolute;top:15px;left:3px;}
.bottom {width:8px;height:7px;background:url(../images/s_up.png) no-repeat 0 0;position:absolute;bottom:5px;left:5px;}

/*=================== footer ==================*/
#footer {width:950px;height:150px;position:absolute;left:0;bottom:0;z-index:90;}
#dg, #dg:link, #dg:visited {float:right;width:87px;height:19px;background:url(../images/dg.png) no-repeat 0 0;margin:6px 50px 0 0;}
#copy {float:left;width:290px;font-size:11px;color:#89775f;margin:11px 0 0 305px;}