@charset "utf-8";
/* CSS Document */
@import url('fonts.css');
@import url('colorbox.css');
@import url('../4/js-image-slider.css?v=1');
@import url('font-awesome.min.css');
@import url('menu.css');
ul,li{list-style:none; }
*, * focus {outline: none;margin: 0; padding: 0;}
a{text-decoration:none; }
html{height: 100%; -webkit-font-smoothing: antialiased;}
body { background:#fff url(../img/bg.jpg) no-repeat center top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; height: 100%;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
.ortala { margin:0 auto;}
.line { height:3px; background:#717171;} 
.son { margin-right:0 !important;}

/**** ust ***/
.ust { background:#950b10; height:20px;}
.ust .usttut { width:1000px; margin:0 auto;}
.ust .ustsosyal { margin-top:5px;}
.ust .ustsosyal .sosyal { float:left; margin-right:5px;}
.ust .ustsosyal .sosyal a {border:#004a80 solid 3px; display:block; }
.ust .ustsosyal .sosyal a:hover {border:#FFF solid 3px; }
.ust .usttel { font-family:'Aquawax-M',serif; font-size:14px; color:#FFF; height:40px; line-height:40px; background:url(../img/tel.png) no-repeat center left; padding-left:24px;}
/**** header **/
.header { width:1000px; margin-top:10px;}
.header .logo { width:330px; height:107px; overflow:hidden; margin-top:20px;}
.header .menu { margin-top:50px;}
/*** slider ***/
.slayt { width:1000px;}
.slayt .slaytsol{ float:left; margin-top:20px; margin-right:10px; }
.slayt .slaytsag{ float:left; margin-top:20px; width:230px;}
.slayt .slaytsag .slaytsagbox { height:140px; border:#FFF 10px solid; margin-bottom:10px; float:left; width:210px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);}
.sliderim { width:740px; height:315px;  border:#FFF 10px solid; overflow:hidden; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);}
.slideregim { background:url(../img/slideegim.png) no-repeat; width:1216px; height:103px; margin-top:-60px; z-index:1; position:relative;}
/***** content ***/
.content {width:1000px; margin-top:25px;}
.content .boxtut { float:left; width:320px; margin-right:20px;}
.content .box { margin-right:20px; width:1000px;  float:left; background:#f5f5f5; position:relative; border:#FFF solid 10px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50);}
.content .box .boxbaslik { font-family:'bruum_fyregular',serif; font-size:14px;background:url(../img/boxbaslik.png) no-repeat; width:144px; height:30px; text-align:center; line-height:30px; position:absolute; z-index:999; color:#FFF; top:-25px; letter-spacing:-0.01em;left:-10px;}
.content .box .doku { background:url(../img/doku.jpg) no-repeat; width:108px; height:22px; position:absolute; right:-10px; bottom:-10px; padding-left:5px; z-index:99;}
.content .box .doku a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:22px; color:#FFF;}
.content .box .doku a:hover { text-decoration:underline;}
.content .box .hakkimizdabox { padding:10px;}
.content .box .hakkimizdabox .hakkimizdaimg { width:235px; height:57px; text-align:center; margin:0px 5px 5px 0;}
.content .box .hakkimizdabox .hakkimizdayazi { text-align:justify; line-height:1.5;}
.content .box .hakkimizdabox .hakkimizdayazi a {font-weight:bold; color:#0072bc; float:right;}
.content .box .hakkimizdabox .hakkimizdayazi a:hover { text-decoration:underline;}
.content .box .htut { width:280px;}
.content .box .htut .hbaslik { width:230px; margin-bottom:5px;}
.content .box .htut .hbaslik a { font-family:'bruum_fyregular',serif; color:#373737;font-size:14px;}
.content .box .htut .hbaslik a:hover {color:#bc0000; text-decoration:underline;}
.content .box .htut .hozet {font-family:'bruum_fyregular',serif;}
.content .box .htut .hozet .himg {width:257px; height:170px; border:#d7d7d7 solid 2px; overflow:hidden; margin-right:5px; margin-bottom:5px;}
.content .box .htut .hozet .hyazi {text-align:justify;}
.content .box .tumh { width:100px; margin:0 auto; height:20px; background:#d7d7d7; text-align:center; line-height:20px; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.content .box .tumh a {font-family:'bruum_fyregular',serif; color:#373737;}
.content .box .tumh a:hover {text-decoration:underline;}
.content .box .projeadi { background:url(../images/siyahserit.png); position:absolute; bottom:0px;  width:245px; height:33px; padding-left:5px; z-index:99; line-height:33px;} 
.content .box .projeadi a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.content .box .projeadi a:hover { text-decoration:underline;}
.content .box .projeresim { position:relative;text-align:center;}
.content .box .projeresim img{ max-height:226px;}
.content .box .refadi { background:url(../images/siyahserit.png); position:absolute; bottom:0px;  width:245px; height:33px; padding-left:5px; z-index:99; line-height:33px;} 
.content .box .refadi a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.content .box .refadi a:hover { text-decoration:underline;}
.content .box .refresim { position:relative;}



.content .boxgolge { background:url(../img/golge.png) no-repeat; width:320px; height:18px; float:left;}
/**** iletisim ****/
.content .iletisimicerik { background:#FFF; padding:10px; margin-top:20px; border:#CCC solid 1px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50);}
.iletisimicerik .iletisimmap { width:1000px; overflow:hidden; margin-bottom:20px;}
.iletisimicerik .iletisimsol { width:440px; margin-right:15px;}
.iletisimicerik .iletisimsol h3 {font-family:'bruum_fyregular', sans-serif; font-size:14px; color:#ad2d2d; letter-spacing:-0.05em; border-bottom:#ad2d2d solid 1px;}

.iletisimicerik .iletisimsag { width:520px;}
.iletisimicerik .iletisimsag .firma { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#383838; font-weight:bold; background:url(../img/firma.png) no-repeat left center; padding-left:20px; margin-bottom:10px;}
.iletisimicerik .iletisimsag .adres { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#383838; font-weight:bold; background:url(../img/adres.png) no-repeat left center; padding-left:20px; margin-bottom:10px;}
.iletisimicerik .iletisimsag .tel { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#383838; font-weight:bold; background:url(../img/tel2.png) no-repeat left center; padding-left:20px; margin-bottom:10px;}
.iletisimicerik .iletisimsag .fax { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#383838; font-weight:bold; background:url(../img/fax.png) no-repeat left center; padding-left:20px; margin-bottom:10px;}
.iletisimicerik .iletisimsag .mail { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#383838; font-weight:bold; background:url(../img/mail.png) no-repeat left center; padding-left:20px; margin-bottom:10px;} 
.iletisimicerik .iletisimsag .mail a { color:#383838;}
.iletisimicerik .iletisimsag .mail a:hover { text-decoration:underline;}
/* #### bootstrap Form #### */
.bootstrap-frm {margin-left:auto;margin-right:auto; background: #FFF;padding: 20px 0px 0px 10px;color: #383838;}
.bootstrap-frm label {display: block;}
.bootstrap-frm label>span {float: left;width: 20%;text-align: left;padding-right: 5px;margin-top: 10px;color: #383838;font-family:Arial, Helvetica, sans-serif;font-weight: bold; font-size:14px;}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{border: 1px solid #CCC;
color: #888;height: 20px;line-height:15px;margin-bottom: 16px;margin-right: 6px;margin-top: 2px;outline: 0 none;padding: 5px 0px 5px 5px;width: 70%;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.bootstrap-frm select {background: #FFF url('down-arrow.png') no-repeat right;background: #FFF url('down-arrow.png') no-repeat right;appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 70%;height: 35px;line-height:15px;}
.bootstrap-frm textarea{height:100px;padding: 5px 0px 0px 5px;width: 70%;}
.bootstrap-frm .button {background: #b10000;border: 1px solid #CCC;padding: 10px;color: #fff;border-radius: 5px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:12px; float:right; margin-right:25px;}
.bootstrap-frm .button:hover {color: #fff;background-color: #4d4d4d;border-color: #ADADAD; cursor:pointer;}
/****** hakkimizda ******/
.content .hakkimizdaicerik {margin-top:20px;}
.hakkimizdaicerik .hakkimizdasol { margin-right:20px; width:290px; float:left; background:#f5f5f5; position:relative; border:#FFF solid 10px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); min-height:174px;}
.hakkimizdaicerik .hakkimizdasol .hakkimizdasolbaslik {background:url(../img/boxbaslik.png) no-repeat; height:30px;  line-height:32px; font-family:'bruum_fybold',serif; color:#282828; font-size:16px; width:144px; text-align:center; color:#FFF; position:absolute; top:-25px; left:-10px;}
.hakkimizdaicerik .hakkimizdasol .hakkimizdasolicerik {padding:15px 10px 10px 10px; width:275px; margin-left:11px;}
.hakkimizdaicerik .hakkimizdasol .hakkimizdasolicerik li { line-height:36px; background:url(../img/okmavi.png) center left no-repeat; padding-left:15px;}
.hakkimizdaicerik .hakkimizdasol .hakkimizdasolicerik li a {font-family:'bruum_fyregular',serif; font-size:14px; color:#282828;}
.hakkimizdaicerik .hakkimizdasol .hakkimizdasolicerik li a:hover { text-decoration:underline;}
.hakkimizdaicerik .hakkimizdasag { width:648px; background:#FFF; padding:10px;  border:#CCC solid 1px; }
.hakkimizdaicerik .hakkimizdasag .hbaslik {font-family:'bruum_fyregular',serif; font-size:18px; color:#004a80; padding-bottom:5px; border-bottom:#004a80 solid 1px; margin-bottom:5px;}
.hakkimizdaicerik .hakkimizdasag .hfoto { width:648px; overflow:hidden; margin-bottom:10px;}
.hakkimizdaicerik .hakkimizdasag .hicerik { font-size:12px; line-height:1.5; text-align:justify;}
.hakkimizdaicerik .hakkimizdasag .fotolar { margin-top:10px;}
.hakkimizdaicerik .hakkimizdasag .fotolar .fotom { width:150px; float:left; padding:2px; overflow:hidden; height:100px; background:#CCC; margin-right:5px; margin-bottom:5px;}
.hakkimizdaicerik .hakkimizdasag .fotolar .fotom:hover { background:#666;}
/***** proje ****/
.content .projeicerik {width:978px; background:#FFF; padding:10px;  border:#CCC solid 1px; margin-top:20px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.50);}
.projeicerik .pbaslik {font-family:'bruum_fybold',serif; font-size:18px; color:#004a80; padding-bottom:5px; border-bottom:#004a80 solid 1px; margin-bottom:5px;}
.projeicerik .picerik { margin-top:15px;}
.projeicerik .picerik .pitem { width:200px; border:#999 solid 1px; margin-right:15px; margin-bottom:15px; float:left; height:200px; position:relative; -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: box-shadow;transition-property: box-shadow; display: table;#position: relative; overflow: hidden; text-align:center;} 
.projeicerik .picerik .pitem:hover {background:#fff; border:#004a80 solid 1px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
.projeicerik .picerik .pitem .pitemimg {-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow:hidden; height:200px; #position: absolute; #top: 50%;#left:50%;display: table-cell; vertical-align: middle;}
.projeicerik .picerik .pitem .pitemimg .pitemicimg {#position: relative; #top: -50%;#left:-50%;}
.projeicerik .picerik .pitem .pitembaslik { background:url(../images/siyahserit.png); width:225px; height:33px; position:absolute; bottom:-10px; padding-top:10px; padding-left:5px; text-align:left;}
.projeicerik .picerik .pitem .pitembaslik a {font-family:'bruum_fyregular',serif; font-size:14px; color:#FFF;}
/***** projedetay ***/
.content .projedetay {width:978px; background:#FFF; padding:10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#CCC solid 1px; margin-top:20px;}
.projedetay .projedetaybaslik {font-family:'bruum_fyregular',serif; font-size:18px; color:#004a80; padding-bottom:5px; border-bottom:#004a80 solid 1px; margin-bottom:5px;}
.projedetay .projedetayresimler {width:560px; border:#CCC solid 1px; padding:10px; margin-right:10px;}
.projedetay .projedetayresimler .projedetayimg { width:560px; border-bottom:10px; margin-bottom:10px; border:#fff solid 2px;}
.projedetay .projedetayresimler .projedetayimg:hover {border:#CCC solid 2px;}
.projedetay .projedetayresimler .projedetaydigerfotolar {}
.projedetay .projedetayresimler .projedetaydigerfotolar .projedetayfotoitem { float:left; margin-right:7px; margin-bottom:10px; width:100px; height:70px; overflow:hidden; border:#fff solid 3px;}
.projedetay .projedetayresimler .projedetaydigerfotolar .projedetayfotoitem:hover { border:#666 solid 3px;}
.projedetay .projedetayaciklama {}
.projedetay .projedetayaciklama .pitem {overflow:hidden; border:#004a80 solid 1px; width:380px; margin-bottom:5px;}
.projedetay .projedetayaciklama .pitem .pbaslik {float:left; background:#004a80; padding:10px; width:150px; font-family:'bruum_fyregular',serif; font-size:14px; color:#FFF;}
.projedetay .projedetayaciklama .pitem .paciklama { float:left; padding:10px;}
.projedetay .paciklamayazi { margin-top:10px; line-height:1.5; text-align:justify;}
.projedetay .digerprojeler { margin-top:20px;}
.projedetay .digerprojeler .digerprojelerb {font-family:'bruum_fybold',serif; font-size:18px; color:#004a80; padding-bottom:5px; border-bottom:#004a80 solid 1px; margin-bottom:5px;}

.projedetay .digerprojeler .projeadi2 { background:url(../img/projebg.png) no-repeat; position:absolute; bottom:0px;  width:298px; height:22px; padding-top:7px; padding-left:5px; z-index:99;} 
.projedetay .digerprojeler .projeadi2 a { font-family:'bruum_fybold',serif; font-size:14px; color:#FFF;}
.projedetay .digerprojeler .projeadi2 a:hover { text-decoration:underline;}
.projedetay .digerprojeler .projeresim2 { position:relative;}

/****** haberler *****/
.content .haberitem { margin-bottom:10px; margin-top:10px; border-bottom:#CCC solid 1px; padding-bottom:5px;}
.content .haberitem:last-child { border:0;}
.content .haberitem .haberitembaslik {padding-bottom:5px;}
.content .haberitem .haberitembaslik a {font-family:'bruum_fyregular',serif; font-size:16px; color:#004a80;}
.content .haberitem .haberitembaslik a:hover { text-decoration:underline;}
.content .haberitem .haberitemimg { margin:5px 10px 5px 0;}
.content .haberitem .haberitemozet { text-align:justify; line-height:1.5; height:80px;}
.content .haberitem .devaminioku { float:right; margin-top:10px;  }
.content .haberitem .devaminioku a {font-family:'bruum_fyregular',serif; font-size:12px; color:#FFF;padding:5px; background:#900;}
.content .haberitem .devaminioku a:hover {background:#004a80; padding:5px; }


#slider1 { overflow: hidden;}
#slider1 .viewport { float: left; width: 257px; height: 250px; overflow: hidden; position: relative; margin:10px 10px 0px 20px; color:#f5f5f5; }
#slider1 .buttons {display: block;margin:0 auto;float: left;width: 35px;height: 35px;position: relative;color: #fff;font-weight: bold;text-align: center;text-decoration: none; height:250px;}
#slider1 .next {margin:80px 0 0 283px;  position:absolute; z-index:10; background:url(../img/sagok.png) center no-repeat; width:26px; height:26px;}
#slider1 .next:hover {background:url(../img/sagokh.png) center no-repeat;}
#slider1 .prev {margin:80px 0 0 -8px; position:absolute; z-index:10; background:url(../img/solok.png) center no-repeat; width:26px; height:26px;}
#slider1 .prev:hover {background:url(../img/solokh.png) center no-repeat;}
#slider1 .disable { visibility: hidden; }
#slider1 .overview {position: relative;margin: 0; left: 0; }
#slider1 .overview li { float: left; margin: 0 10px 10px 0;  height:220px; width:317px; overflow:hidden; position:relative; background:url(../img/urunboxn.png) no-repeat; border:#d7d7d7 solid 3px; }

#slider2 { overflow: hidden;}
#slider2 .viewport { float: left; width: 880px; height: 170px; overflow: hidden; position: relative; margin:10px 10px 0px 55px; }
#slider2 .buttons {display: block;margin:0 auto;float: left;width: 35px;height: 35px;position: relative;color: #fff;font-weight: bold;text-align: center;text-decoration: none; height:250px;}
#slider2 .next {margin:70px 0 0 945px;  position:absolute; z-index:10; background:url(../img/sagok.png) center no-repeat; width:24px; height:24px;}
#slider2 .next:hover {background:url(../img/sagokh.png) center no-repeat;}
#slider2 .prev {margin:70px 0 0 20px; position:absolute; z-index:10; background:url(../img/solok.png) center no-repeat; width:24px; height:24px;}
#slider2 .prev:hover {background:url(../img/solokh.png) center no-repeat;}
#slider2 .disable { visibility: hidden; }
#slider2 .overview {position: absolute;margin: 0; left: 0; }
#slider2 .overview li { float: left; margin: 0 10px 0 0;  height:140px; width:202px; overflow:hidden; position:relative; background:url(../img/urunboxn.png) no-repeat; border:#d7d7d7 solid 5px; }

#slider3 { overflow: hidden;width:280px; height:189px; margin:0; }
#slider3 .viewport { float: left; width: 257px; height: 250px; overflow: hidden; position: relative; margin:10px 10px 0px 20px; color:#f5f5f5; }
#slider3 .buttons {display: block;margin:0 auto;float: left;width: 35px;height: 35px;position: relative;color: #fff;font-weight: bold;text-align: center;text-decoration: none; height:250px;}
#slider3 .next {margin:0px 0px 0 283px;  position:absolute; z-index:10; background:url(../img/arrowhsag.png) center no-repeat; width:26px; height:26px;}
#slider3 .next:hover {background:url(../img/arrowhsag_hover.png) center no-repeat;}
#slider3 .prev {margin:28px 0 0 283px; position:absolute; z-index:10; background:url(../img/arrowhsol.png) center no-repeat; width:26px; height:26px;}
#slider3 .prev:hover {background:url(../img/arrowhsol_hover.png) center no-repeat;}
#slider3 .disable { visibility: hidden; }
#slider3 .overview {position: absolute;margin: 0; left: 0; }
#slider3 .overview li { float: left; margin: 0 10px 0 0;  height:170px; width:248px; overflow:hidden; position:relative; background:url(../img/urunboxn.png) no-repeat; border:#d7d7d7 solid 3px; }





.altlogotut{width: 1000px; margin-top: 30px;text-align: center; }
.altlogotut .altlogo {display: inline-block; margin-right:10px;}

/***** footer ****/
.footer { height:163px; background:#242424; }
.footergolge {background:url(../img/golgealt.png) no-repeat; height:36px; width:1000px; margin-top:30px;} 
.footer .footertut { width:1000px; margin:0 auto; padding-top:35px;}
.footer .footertut .footerlogo { background:url(../img/footerlogo.png) no-repeat; width:213px; height:51px; float:left; margin-top:30px;padding-left:20px; float:left;} 
.footer .footertut .footerline { width:1px; background:#FFF; height:69px; margin-top:17px; float:left;}
.footer .footertut .footermenu { float:left; margin-top:40px; margin-left:10px;}
.footer .footertut .footermenu ul {}
.footer .footertut .footermenu ul li { float:left; border-right: #FFF solid 1px; padding-left:10px;}
.footer .footertut .footermenu ul li:last-child { border-right:0;}
.footer .footertut .footermenu ul li a { font-family:'bruum_fylight',sans-serif; font-size:12px; color:#FFF; margin-right:10px;}
.footer .footertut .footermenu ul li a:hover { text-decoration:underline;}
.footer .footertut .footerinfo { float:right; background:url(../img/altinfo.png) no-repeat; width:283px; height:58px; margin-top:22px; padding-top:10px;}
.footer .footertut .footerinfo .alttel { font-family:'bruum_fylight',sans-serif; font-size:20px; color:#242424; text-align:right; padding-right:60px;}
.footer .footertut .footerinfo .altmail {font-size:14px; color:#242424; text-align:right; padding-right:60px;}
.dip { background:#141414; height:30px;}
.dip .diptut { width:1000px; margin:0 auto; line-height:30px;}
.dip .diptut .altbilgi {font-family:'Aquawax-L',sans-serif; font-size:12px; color:#FFF;}
.dip .diptut .imza {font-family:'Aquawax-M',sans-serif; font-size:12px; color:#FFF;}
.dip .diptut .imza a {color:#FFF;}
.dip .diptut .imza a:hover { text-decoration:underline;}