@charset "windows-1254";
/* CSS Document */

/*Sıfırlamalar*/
body{margin:0; padding:0; font:12px Verdana; background-color:#7d222b}
a{text-decoration:none}
table,tr,td,h1,h2,h3,h4,h5,h6,p,ul,li,input,textarea,button,img{ padding:0; margin: 0; list-style: none; border:none; }
:focus{outline:none}
.temizle{clear:both}

/*Main Wrapper*/
#mainwrapper{margin:0 auto; padding:0; width:980px; background-color:#fff;}
#mainwrapperbottom{margin:0 auto; padding:0; width:980px; background-color:#7d222b;}

/*Header*/
#header{width:980px; margin:0; padding:0;}
#header_resim{height:100px;display:block}
#header_resim span{position: relative; color: #cccccc; font-size: 9px; left: 37%; top: -10px}

/*Menü*/
#menu{width:580px; height:40px; display:block; margin-top:40px; padding: 0 200px; text-align:center; border-bottom:1px solid #7d222b;}
#menu li{float:left; margin-left:20px;}
#menu li a{padding:5px 5px; display:block;color:#56555a;  font-weight:200; font-size:14px;}
#menu li a:hover{color:#fff; background: #7d222b; border-radius: 3px}
	/*Açılır Menüler*/
	#menu li ul{position:absolute; border: 1px solid #ccc; border-radius: 3px; display:none; z-index:9999; background-color:#fff; opacity:0.9}
	#menu li ul li {float:none !important; margin:0}
	#menu li ul li a{display:block;color:#333;  font-weight:lighter;font-size:13px;}
	#menu li ul li a:hover{color:#fff; background-color:#7d222b}

/*Slider*/
#slider_ana{width:980px; height:400px; padding:0; display:block; background-color:#7d222b}
#slider_ana #slider{width:980px; height:350px; display:block; background-color:#fff}

/*Featurebox*/
#featurebox{width:940px; height:90px; padding:0 20px; display:block; background:url(image/feature_bg.png) repeat-x}
#featurebox .first{width:210px; height:90px; display:block; float:left; margin-left:20px}
#featurebox .first .alignleft { float:left; margin-bottom:0; margin-left:0; margin-right:10px; margin-top:5px;}
#featurebox .first p{display:block; color:#eee; margin-top:10px; font-size: 10px}
#featurebox .first span{width:150px; height:10px; display:block; padding:10px 0; font-size: 9px}
#featurebox .first span h4{color: #eee; font-size:13px; }

/*Content*/
#content{width:880px; height:400px; display:block; padding:15px 50px}

	/*Sol*/
	#sol{width: 630px; height:400px; display:block; float:left; }
	#sol #slogan{display:block; color:#ab2f34; margin-top:10px; margin-left:10px}
	#sol h1{color: #333; font-weight:lighter; padding:10px}
	#sol .mainbox{width:270px; height:120px; display:block; float:left; margin:12px; padding:10px}
	#sol .mainbox .alignleft { float:left; margin-bottom:0; margin-left:0; margin-right:10px; margin-top:5px;}
	#sol .mainbox p{display:block; color:#333; margin-top:10px}
	#sol .mainbox span{width:240px; height:10px; display:block; padding:10px 0}
	#sol .mainbox span h4{color: #333;}
	
	/*Sağ*/
	#sag{width: 218px;  border:1px solid #ddd; display:block; float:left; margin-left:30px; overflow: hidden;}
	#sag span h2{background:#ddd; color: #333;  text-align:center; padding:5px; font-weight:lighter;}
	#sag #yeniprojeler{width:200px; padding:5px 9px; }
	#sag #yeniprojeler li{border-bottom:1px dashed #ddd;padding: 6px 0}
	#sag #yeniprojeler li a{color:#ab2f34; }
	#sag #yeniprojeler li a:hover{color:#656565}

/*Footer*/
#footer{width:900px; height:200px; display:block; margin:0 auto 20px auto; padding:20px 40px 0 40px; background-color:#7d222b}
#footer #adresbox{width:220px; height:134px; display:block; float:left}
#footer #adresbox h2{color:#eee; padding:10px; font-size:12px; text-decoration:underline}
#footer #adresbox ul li{width:200px; display:block; padding:2px; color:#eee; font:9px;}

#footer #footerbox{width:500px; height:134px;float:right}
#footer #footerbox li{width:120px; float:right; opacity:0.4}
#footer #footerbox span{width:350px; height:54px; display:block; padding:80px 0 0 0}
#footer #footerbox span p{padding:10px; color:#eee;}

#footer #footerlink{width:890px; height:30px; margin-top:0; padding:0 5px; border:1px solid #ddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:30px}
#footer #footerlink span{font-size:12px; color:#fff;line-height:30px;}
#footer #footerlink ul{width:600px; height:29px; float:left;}
#footer #footerlink ul li{ width:100px; height:30px; display:block; float:left; margin-right:10px; text-align:center;}
#footer #footerlink ul li a{font-size:12px; color:#fff;line-height:30px;}
#footer #footerlink ul li a:hover{color:#656565}

/*İçerikler*/
#icerikler{width:980px; min-height: 700px; display:block; overflow: hidden}

/*Sayfalar*/
.sayfalar{width:980px; display:block}
.sayfalar .banner{width:980px; height:200px; margin-bottom: 2px;  border-bottom:1px solid #7d222b; position: relative}
.sayfalar .banner span{position: absolute; width: 220px; height: 30px; background-color: #000; opacity: 0.7; color: #fff;
    border-radius: 0 8px 8px 0; padding: 10px; font-size: 20px; text-align: center; top: 80px }
.sayfalar .yazi .ustyazi{width:800px; display: block; overflow: auto}
.sayfalar .yazi .ustyazi img{width: 90px; margin-right:20px; margin-top:20px; float: left}
.sayfalar .yazi .ustyazi p {width: 690px; float: left }
.sayfalar .yazi {width:800px; padding:20px 90px; display:block;}
.sayfalar .yazi h2{font:18px; font-weight:bolder; color:#7d222b; text-align:center; margin:20px}
.sayfalar .yazi p{display: block; line-height:30px; color:#333;}
.sayfalar .yazi p span{display:block;}
.sayfalar .yazi .resim{vertical-align:top; float: left; margin: 10px}
.sayfalar .yazi .projeler{width:780px; height: 100px; display:block; border-bottom: 1px solid #bbb; padding: 10px 0}
.sayfalar .yazi .projeler img{border: 2px solid #ddd; border-radius: 3px; padding: 5px; float: left; margin-right: 20px}
.sayfalar .yazi .projeler a{color: #7d222b;padding:10px;  font-size: 14px;}
.sayfalar .yazi .projeler a:hover{color:#333}
.sayfalar .yazi .projeler span{display: block; width: 600px; float: left; color: #333;margin: 10px;}
.sayfalar .fotogaleri {width:800px; padding:20px 90px; display:block; margin-top: 10px; float: left }
.sayfalar .fotogaleri div{display: block; padding: 5px; margin: 5px; font-size: 16px; color: #333}

/*iletisim*/
#formdiv{width:350px; float:left}
#formdiv h2{font-size:18px;; font-weight:bolder; color:#333; text-align:left; margin:20px}
#formdiv label{display:block; color:#656565}
#formdiv .iletisiminput{width:300px; height:20px; padding:5px; line-height:20px; margin-top:5px; margin-bottom:5px; border:1px solid #656565 }
#formdiv .iletisimtextarea{width:300px; height:100px; padding:5px;  margin-top:5px; margin-top:5px; border:1px solid #656565; resize:none }
#formdiv .iletisimbuton{padding: 6px 8px; background:#7d222b; float:left; border:1px solid #656565; color:#fff; margin-top:10px}
#harita{width:430px; height:360px; padding:20px 0 20px 20px;  float:left;}
.mesajbilgi{padding: 5px; color: #cd5c5c; width: 270px; height: 30px; float: right; line-height: 30px; display: none}

/*İnsan Kaynakları*/
#ikdis{width:800px; padding:20px 90px; display:block}
#ikdiv{width:800px;}
#ikdiv h1{font-size: 20px; color: #7d222b; text-align: center}
#ikdiv p{font-size: 15px; color: #333; margin-top: 20px; margin-bottom: 20px}
#ikdiv p a{font-size: 15px; color: green;}

/*Başvuru Formu*/
#basvuru_formu{width: 800px; border: 1px solid #ddd}
#basvuru_formu h2{color:#990000; padding: 5px; margin-bottom: 20px}
#basvuru_formu h4{color:#990000; padding: 5px; margin-bottom: 10px; margin-top: 10px; background-color: #ddd}
#basvuru_formu tr td{padding: 7px}
#basvuru_formu span{font-weight: bold; color: #333}
#basvuru_formu input.inputbox{padding: 3px 7px; border: 1px solid #ddd; width: 150px}
#basvuru_formu .select{padding: 3px 7px; border: 1px solid #ddd; width: 120px}
#basvuru_formu .textarea{padding: 3px 7px; border: 1px solid #ddd; width: 250px; height: 50px; resize: none}
#basvuru_formu .ikbuton{padding: 5px 8px; border: 1px solid #ddd; color: #fff; background-color: #333; cursor: pointer}
#basvuru_formu .guvenlik{float: left; margin-left: 20px}
#basvuru_formu img{float: left}

/*Projeler Tab*/
#tab{overflow: auto; width: 800px; background-color: #fff;}
#tab li{float: left}
#tab li.aktif a{background-color: #7d222b; color: #fff}
#tab li a{display: block; padding: 5px 10px; border: 1px solid #ddd; color: #111}
.tab_icerik{width: 780px; padding: 10px; border: 1px solid #ddd}

#sayfalamaElk{padding: 20px}
#sayfalamaElk a{color: #fff; background-color: #333; padding: 5px; margin-right: 5px; text-decoration: none}
#sayfalamaElk a.aktif{background: #7d222b}

#sayfalamaEnj{padding: 20px}
#sayfalamaEnj a{color: #fff; background-color: #333; padding: 5px; margin-right: 5px; text-decoration: none}
#sayfalamaEnj a.aktif{background: #7d222b}

/*Yukarı Çık*/
#yukariCik {bottom:20px; right:20px; position:fixed; display:none; cursor: pointer; }

/* jQuery lightBox plugin - Gallery style */
.gallery {padding: 10px;margin:0 auto;}
.gallery ul { list-style: none; }
.gallery ul li { display: inline;}
.gallery ul img { border: 2px solid #ddd; padding: 3px; border-radius: 5px; margin-right: 10px;}
.gallery ul a:hover img { border: 2px solid #333; padding: 3px; border-radius: 5px;}
.gallery ul a:hover { color: #fff; }