@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px;}
img {border:0px;}
body {font-family:Verdana, Geneva, sans-serif; font-size:14px; background:url(../images/site_bg.jpg) no-repeat center top #cbcbcb;}
#genere { width:980px;  margin:0 auto;}
#site { width:980px; float:left;}

#header { width:980px; height:130px;}
#header .logo{ float:left; width:146px; height:65px; margin-top:20px;}
#header .sag{float:right; width:208px; height:55px; margin-top:30px;}
#header .sag .diller{float: right;
width: 60px;
height: 11px;
margin-bottom: 12px; }
#header .sag .diller .yazi{ float: left;
width: 20px;
height: 20px;
margin-right: 10px;}
#header .sag .diller .yazi a{ text-decoration:none; color:#000; font-size:7px;}
#header .sag .diller .ayrım{ float: left;width: 1px;height: 10px;margin-top: 0px;overflow: hidden;margin-left: 5px;margin-right: 5px;}
#header .sag .input{float: right;width: 150px;height: 23px;margin-top: 7px;margin-left: 34px;}
#header .sag .input .inp{ float:right; width:124px; height:23px; background:url(../images/inp_bg.png) no-repeat; border:0px; }
#header .sag .input .resim_icon{ float:right; margin-top:6px; margin-right:6px;}
#header  .menu{ float:left; margin-top:15px; width:980px; height:40px; border-radius:5px; border:#dedede 1px solid;background:url(../images/menu_bg.jpg);}
#header .sag .face_tv{margin-left: 0px;margin-bottom: 2px;margin-top: 12px;float: right; margin-right:1px;}




.st_main img.st_preview
{
    position: absolute;
    left: 0;
    top: 0;
    width: 480px;
    margin: 0;
    padding: 0;
}
ul.st_navigation
{
    width: 480px;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.st_navigation li
{
    float: left;
    clear: both;
    width: 480px;
    margin: 0;
    padding: 0;
}
ul.st_navigation li span.st_link
{
    background-color: #000;
    float: left;
    margin: 0;
    padding: 0;
}
.st_wrapper
{
    display: none;
    position: absolute;
    width: 480px;
    height: 79px;
    overflow-y: hidden;
    margin: 0;
    padding: 0;
}
.st_thumbs
{
    height: 79px;
    margin: 0;
    padding: 0;
}
.st_thumbs img
{
    float: left;
    margin: 0px 3px 0px 0px;
    cursor: pointer;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.st_loading
{
    position: fixed;
    background: #000 url(../images/icons/loader.html) no-repeat 10px 50%;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    margin: 0;
    padding: 0;
}
.st_about
{
    display: none;
    position: absolute;
    opacity: 0.6;
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.st_subcontent
{
    background: #000;
    margin: 0;
    padding: 0;
}




a:hover {
	color: #000;
}
/* Açılır menü ana */
ul.dropmenu {
	float: left;
	margin:0px 0px 0px 16px;
	padding: 0px;
	display:block;
	height:43px;
	color:#232020;
	width:964px;
	background:url(../images/menu_bg.jpg);
	border-radius:5px;
	font-family:caption;
   
}
@font-face
{
    font: "Ali Font" ;
    font-weight:bold;
    src: url(../font/Futura_Light_BT.ttf);
}


.dropmenu li a, .dropmenu li {

  float:left;font-size:10px;color:#525050;border-top-left-radius:2px; border-top-right-radius:2px; font-weight:bold; margin-left:0px; margin-right:16px; }
.dropmenu li a:hover { color:#232020;background:#c9c7c7;}
.bok a  { color:373636 !important; background:#c9c7c7;  }
.bok li a, .bok .bok li a { color:black !important; background:#0597cd; }
.bok li a:hover, .bok .bok li a:hover { color:gray !important; }
.bok .bok a { color:white !important; }
.dropmenu li {list-style: none;position: relative;top: 0px;	}
.dropmenu li span {display: block;height: 10px;width: 10px;position: absolute;top: 0px;right: 10px;}
.dropmenu li a, .dropmenu li div {padding: 10px 30px 0px 25px;height:27px; text-decoration: none;color: #2a2929;text-transform:uppercase;width:auto;margin-top:2px;
font-family:caption;
font-weight:bold;
font-size:10px;
}
/* Submenu */
.dropmenu li > ul, .dropmenu li > div {background:#c9c7c7 repeat;border-bottom-left-radius:5px; border-bottom-right-radius:5px;display: none;position: absolute;left: 0;top: 100%;padding: 0px;margin-left:0px;width:130px;}
.dropmenu li:hover > ul, .dropmenu li:hover > div {display: block;padding: 0px;margin-left:0px ;position: absolute;}
.dropmenu li ul li, .dropmenu li ul li a { padding-bottom:12px;float: none;color: #373636;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-transform: none;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.dropmenu li ul li {_display: inline;}
.dropmenu li > div {width: 200px;}
/* Açılır menü görünüm */
/* kutu */
.dropmenu li ul li a {width:110px;display: block;border-top: none;background:#c9c7c7 repeat;background:url(../images/hover_bg.png) repeat-x ;margin-top:7px;margin-left:0px;color:#373636;margin-bottom:-23px;border:7px solid #e2dfdf;height:10px; padding-left:7px;}

/* kutu yan */
.dropmenu li ul li ul li a {width: 100px;display: block;background:url(../images/hover_bg.png) repeat-x;width:136px;height:22px;color:#373636;}

/* linkler üzerine gelince */
.dropmenu li ul li a:hover {height:10px;background:url(../images/hover_bg.png) repeat-x;margin-top:7px;margin-left:0px;width:110px; color:#000;}
.dropmenu li ul li ul, .dropmenu li ul li > div {top: 0px;left: 101%;}


#banner { width:980px; height:375px;margin-top:15px; overflow:hidden;  }
.banner-sag{ width: 315px;
height: 375px; 
float: right; }
.yazilar{
width: 304px;
height: 110px;
float: right;
margin-bottom: 10px;
background: url(../images/yazilar.jpg) no-repeat;
font-weight: bolder;
color: #6F6F6F;
padding-top: 10px;
padding-left: 10px;
font-size:20px;
font-family:Century Gothic;
	}
	
	
	.yazilar > div { padding:31px 23px; width:190px; }
	
.Banner{width: 315px;
height: 370px;
float: right;
margin-top: 4px;
border:1px solid #ccc;
margin-right: 4px;
background-color:#E9E9E9;
	}
#content {width:980px;  height:133px; display:table; margin-top:19px; float:left; padding-bottom:40px;}
#content .sol_taraf{ float:left; width:163px; height:auto;  margin-top:0px;}
#content .sol_taraf h1{ font-size:12px; color:#5a5555;}
#content .sol_taraf .ust{ float:left; width:159px; height:42px; border-radius:5px; border:#c2c1c1 1px solid; background:url(../images/lef_1.png); }
#content .sol_taraf .ust h1{ margin-top:13px; margin-left:13px; font-size:11px; color:#5a5555;}
#content .sol_taraf .ust a{ text-decoration:none; font-size:11px; color:#5a5555;}
#content .sol_taraf .orta{ float:left; margin-top:1px; width:159px; height:42px; border-radius:5px; border:#c2c1c1 1px solid; background:url(../images/lef_1.png); }
#content .sol_taraf .orta h1{ margin-top:13px; margin-left:34px; font-size:11px; color:#5a5555;}
#content .sol_taraf .orta a{ text-decoration:none; font-size:11px; color:#5a5555;}
#content .sol_taraf .alt{ float:left; margin-top:1px; width:159px; height:42px; border-radius:5px; border:#a86e81 1px solid; background:url(../images/left_2.png); }
#content .sol_taraf .alt h1{ margin-top:13px; margin-left:49px; font-size:11px; color:#fff;}
#content .sol_taraf .alt a{ text-decoration:none; font-size:11px; color:#fff;}
#content .right_side{ float:right; width:815px; height:155px;}
#content .right_side_sub{ float:right; width:785px; height:auto; margin-top:2px;}
#content .right_side .left{ float:left; background:url(../images/ileri_bg.png); width:37px; height:99px;}
#content .right_side .left .img{ float:left; width:13px; height:20px; margin-top:40px; margin-left:12px;}
#content .right_side .orta{ float:left; width:736px; height:116px; margin-left:3px; background:url(../images/slider_alt_bg.png) no-repeat;}
#content .right_side .right{ float:right; background:url(../images/ileri_bg.png); width:37px; height:99px;}
#content .right_side .right .img{ float:right; width:13px; height:20px; margin-top:40px; margin-right:12px;}
#content .golge{ float:left; width:982px; height:43px; margin-top:25px; background:url(../images/golge_icerik.png);}


#footer{width:980px; height:42px; float:left; border-top:1px solid #8f8f8f; float:left;}
#footer .left{ float:left; width:350px; height:45px; overflow:hidden;}
#footer .left .adres{ margin-top:3px; float:left; width:390px; height:12px;}
#footer .left .adres h1{ float:left; color:#515151; font-size:10px;}
#footer .left .adres p{ margin-top:2px; float:left; color:#515151; font-size:9px;}
#footer .left .tel{ margin-top:5px; float:left; width:170px; height:15px;}
#footer .left .tel h1{ float:left; color:#515151; font-size:10px;}
#footer .left .tel p{ margin-top:1px; float:left; color:#515151; font-size:9px;}
#footer .orta2{ float:left; margin-top:3px; float:left; margin-left:60px; width:280px; height:12px;}
#footer .orta2 p{ margin-top:1px; float:left; color:#515151; font-size:9px;}
#footer .logo_alt{float:right; margin-top:8px;width:82 height:25px; overflow:hidden;}

/*!...........sub............. */
#content .right_side_sub .orta_sub{  float:left; width:759px; height:auto; padding-bottom:15px; margin-left:14px; background:url(../images/sub_ust_bg.png) no-repeat;}
#content .right_side_sub .orta_sub h1{ color:#202122; font-size:10px;}
#content .right_side_sub .orta_sub p{ color:#202122; font-size:10px;}
#content .right_side_sub .orta_sub .left_sub_ust{ float:left; width:100px; height:15px; margin-left:15px; margin-top:15px;}

#content .right_side_sub .orta_sub .left_sub_arama{float:left; width:625px; height:30px; margin-left:5px; margin-top:10px;}
#content .right_side_sub .orta_sub .left_sub_arama .left_arama{ float:left; width:215px; height:23px;}
#content .right_side_sub .orta_sub .left_sub_arama .left_arama .proje_adi{ float:left; width:60px; height:15px; margin-top:5px;}
#content .right_side_sub .orta_sub .left_sub_arama .left_arama .inp_2{width:150px; height:23px; border:none; background:#fff; border-radius:5px; color:#202122;}
#content .right_side_sub .orta_sub .left_sub_arama .left_Projek{ margin-left:7px; float:left; width:301px; height:23px;font-size:10px; color:#202122;}
#content .right_side_sub .orta_sub .left_sub_arama .left_Projek .proje_adi{ float:left; width:35px; height:15px; margin-top:7px;}
#content .right_side_sub .orta_sub .left_sub_arama .left_Projek .inp_2{width:108px; height:22px; border:none;  background:url(../images/proje_bg.jpg) repeat-x #fff; border-radius:5px; border:1px #cacaca solid; color:#202122;}
#content .right_side_sub .orta_sub .left_sub_arama .ara_btn{float:right; margin-top:-4px;}

#content .right_side_sub .text_img{ margin-left:20px; float:left; width:735px; height:95px; margin-top:1px;  margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
#content .right_side_sub .text_img .resim{float:left; width:66px; height:50px; border:#cbcbcb 3px solid; overflow:hidden;}
#content .right_side_sub .text_img .text{margin-left:10px; float:left; width:580px; height:65px; margin-bottom:50px;}
#content .right_side_sub .text_img .text h1{ float:left; color:#151515; font-size:13px; width:200px; height:15px; overflow:hidden;}
#content .right_side_sub .text_img .text p{ margin-top:2px; float:left; color:#151515; font-size:10px; width:580px; height:40px; overflow:hidden;}
#content .right_side_sub .text_img .golge_ok{float:left; width:40px; height:87px; background:url(../images/golge.png) no-repeat;} 
#content .right_side_sub .banner_alt{ float:left; width:760px; height:370px; margin-left:14px; margin-top:8px;}
#content .right_side_sub .banner_alt .resim_sol{float:left; height:343px; width:462px;  overflow:hidden;background:url(../images/resim_alt_bg.png) no-repeat}
#content .right_side_sub .banner_alt .resim_sol .resimsol{float:left;border-radius:5px; margin-left:6px; margin-top:6px; width:448px; height:330px; overflow:hidden;}
#content .right_side_sub .banner_alt .resimler_sag{float:right; width:297px; height:360px; overflow:hidden;}
#content .right_side_sub .banner_alt .resimler_sag .resimler_alt{ background:url(../images/golge_resmler.png) no-repeat;float:left; width:146px; height:112px; margin-left:2px; margin-bottom:10px;}
#content .right_side_sub .banner_alt .resimler_sag .resimler_alt .resim_alt{float:left;border-radius:5px;margin-left:7px; margin-top:6px;width:130px; overflow:hidden; height:98px}
#content .right_side_sub .banner_alt .next_prev{ float:right; width:485px; height:30px; margin-right:83px; margin-top:10px;}
#content .right_side_sub .banner_alt .next_prev .oklar{ float:left; width:68px; height:30px; margin-right:5px;}
#content .right_side_sub .banner_alt .next_prev .rakam{float:right; width:121px; height:20px;}
/* menu_sol */
.menu_list {	
	width: 180px;
}
.menu_head {
	padding: 12px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
	background:url(sol_1.html) no-repeat; width:159px; height:20px; border:none;
	color:#676363;
}
.menu_head a{ color:#323232;}

.menu_body {
	display:none;
}
.menu_body a{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
  display:block;
  color:#676363;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
  padding-top:15px;
  padding-bottom:10px;
  border-bottom:#d9d9da 1px solid;
}
.menu_body a:hover{
  color: #676363;
  }
/* menu_sol */
/*!...........İcerik............ */
#content .right_side_icerik .orta_sub{  float:left; width:759px; height:auto; margin-left:14px; background:url(../images/sub_ust_bg.png) no-repeat;}
#content .right_side_icerik .orta_sub h1{ color:#202122; font-size:12px;}
#content .right_side_sub .orta_sub p{ color:#202122; font-size:10px;}
#content .right_side_icerik .orta_sub .left_sub_ust{ float:left; width:100px; height:15px; margin-left:15px; margin-top:12px;}

#content .right_side_icerik .orta_sub .left_sub_arama{ float:left; width:625px; height:30px; margin-left:5px; margin-top:10px;}
#content .right_side_icerik .orta_sub .left_sub_arama .left_arama{ float:left; width:215px; height:23px;}
#content .right_side_icerik .orta_sub .left_sub_arama .left_arama .proje_adi{ float:left; width:60px; height:15px; margin-top:5px;}
#content .right_side_icerik .orta_sub .left_sub_arama .left_arama .inp_2{width:150px; height:23px; border:none; background:#fff; border-radius:5px; color:#202122;}
#content .right_side_icerik .orta_sub .left_sub_arama .left_Projek{ margin-left:27px; float:left; width:250px; height:23px;}
#content .right_side_icerik .orta_sub .left_sub_arama .left_Projek .proje_adi{ float:left; width:95px; height:15px; margin-top:5px;}
#content .right_side_icerik .orta_sub .left_sub_arama .left_Projek .inp_2{width:150px; height:22px; border:none; background:url(../images/proje_bg.jpg) repeat-x #fff; border-radius:5px; border:1px #cacaca solid; color:#202122; margin-left:1px;}
#content .right_side_icerik .orta_sub .left_sub_arama .ara_btn{float:right;}

#content .right_side_icerik .text_img{ margin-left:20px; float:left; width:735px; height:95px; margin-top:27px;  margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
#content .right_side_icerik .text_img .resim{float:left; width:66px; height:50px; border:#cbcbcb 3px solid; overflow:hidden;}
#content .right_side_icerik .text_img .text{margin-left:10px; float:left; width:580px; height:65px;}
#content .right_side_icerik .text_img .text h1{ float:left; color:#151515; font-size:13px; width:200px; height:15px; overflow:hidden;}
#content .right_side_icerik .text_img .text p{ margin-top:2px; float:left; color:#151515; font-size:10px; width:580px; height:40px; overflow:hidden;}
#content .right_side_icerik .text_img .golge_ok{float:left; width:40px; height:87px; background:url(../images/golge.png) no-repeat;} 
/*!...........en_alt............ */
#content .right_side_sub .text_en_alt{ margin-left:20px; float:left; width:765px; height:auto;  margin-top:11px;     }
#content .right_side_sub .text_en_alt .baslık{float:left; width:765px; height:15px;border-bottom:1px solid #e5e5e5;padding-bottom:10px; overflow:hidden;} 
#content .right_side_sub .text_en_alt .baslık .img{float:left; margin-top:4px;}
#content .right_side_sub .text_en_alt .baslık h1{ float:left; font-size:12px; color:#851d40; margin-left:2px; }
#content .right_side_sub .text_en_alt .text_alt{ float:left; width:735px; height:auto; margin-top:27px;}
#content .right_side_sub .text_en_alt .text_alt p{ float:left; font-size:12px; color:#323232; margin-left:2px; line-height:14px;}

#ajax_alani{float:left; width:650px; height:363px; margin-top:1px;}
#ajax_alani .menuler { float: left;
    height: 245px;
    margin-top: 8px;
    width: 121px;}
#ajax_alani .menuler .menu_1 { float:left; width:121px; height:40px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:url(../images/ajax1_bg.png) repeat-x;}
#ajax_alani .menuler .menu_1 .yazi_ajax{float:left; width:121px; height:16px; overflow:hidden; margin-top:15px; margin-left:15px; color:#fff; font-size:10px;  }
#ajax_alani .menuler .menu_1 .yazi_ajax a{color:#fff; font-size:10px; text-decoration:none;}
#ajax_alani .menuler .menu_1 .ok{ float:right; margin-top:20px; margin-right:12px;}

#ajax_alani .menuler .menu_2{ clear:left; float:left; width:162px; height:40px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:url(../images/ajx_2.png) repeat-x;margin-top:1px;}
#ajax_alani .menuler .menu_2 .yazi_ajax{float:left; width:147px; height:25px; overflow:hidden; margin-top:15px; margin-left:15px; color:#fff; font-size:10px;  }
#ajax_alani .menuler .menu_2 .yazi_ajax a{color:#fff; font-size:10px; text-decoration:none;}
#ajax_alani .menuler .menu_2 .ok{ float:right; margin-top:20px; margin-right:12px;}

#ajax_alani .aciklamalar{float:left; width:980px; height:100px; margin-top:3px;}
#ajax_alani .aciklamalar .left_aciklama{ float:left; width:161px; height:94px; background:url(../images/acklama_bg.png) repeat;}
#ajax_alani .aciklamalar .left_aciklama .yazı{float:left; color:#fff; font-size:12px; text-decoration:none; width:140px; height:80px; overflow:hidden; margin-left:10px; margin-top:10px;}
#ajax_alani .aciklamalar_right{background: url("../images/aciklama_4sebg.png") repeat scroll 0 0 transparent;float: left; height: 94px;margin-left: 1px;margin-top: 0;width: 818px;}
#ajax_alani .aciklamalar_right .acıklama_kısmı{float:left; width:289px; height:70px; margin-left:9px; margin-top:10px;}
#ajax_alani .aciklamalar_right .acıklama_kısmı h1{float:left; width:270px; height:20px; color:#fff; font-size:12px; overflow:hidden; }
#ajax_alani .aciklamalar_right .acıklama_kısmı p{float:left; width:285px; height:40px; overflow:hidden; margin-top:5px; color:#fff; font-size:10px;}
#ajax_alani .aciklamalar_right .resimler{float:left; width:512px; height:79px; margin-top:5px; margin-left:5px;}
#ajax_alani .aciklamalar_right .resimler .resim{float:left; width:119px; height:79px; overflow:hidden; margin-right:9px;}


.no_active{float:left; width:147px; height:19px; background:#c5c2c2; padding:7px 0 0 23px ; margin-right:5px; border-top-left-radius:5px; border-top-right-radius:5px;margin-top: -11px; margin-bottom:5px;}

.active{float:left; width:147px; height:19px; background:#b2b1b1; padding:7px 0 0 23px ;margin-right:5px; border-top-left-radius:5px; border-top-right-radius:5px;margin-top: -11px;}