@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);
body{ padding:0px; margin:0px; list-style:none; font:11px Tahoma, Geneva, sans-serif; background:#fff; overflow:auto; }
img{ border:0px;}
a{ text-decoration:none;}
.t{ clear:both;}
.trans, .trans a, .trans li, .trans div, .trans strong, .trans span, .trans button, .trans h1, .trans h2, .trans h3, .trans h4, .trans i, .trans p, .trans a:after, .trans img, .trans input{transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }

.b10{ -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; }
.b5{ -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; }
.b3{ -webkit-border-radius: 3px ; -moz-border-radius: 3px; border-radius: 3px; }
.bu5{ -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.bs5{ -webkit-border-radius: 5px 0 0 5px ; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px ; }
.bsA5{ -webkit-border-radius: 0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:  0 5px 5px 0  ; }
.bu3{ -webkit-border-radius: 3px 3px 0 0 ; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.ba5{ -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }


.site{ width:1200px; margin:0 auto;}

.ustAlan{ height:134px; background:url(images/ustBg.png) repeat-x; position:relative;}
.logo{ padding-top:10px; display:block; float:left; margin-right:90px;}
.slogan{ padding-top:30px; float:left; margin-top:20px; margin-left:90px; }
.musteriHizmetleri{ width:214px; height:70px; background:url(images/musteriHizmetleri.png) no-repeat  center center; float:right; margin-top:37px;   text-align:right; font:bold 17px Open Sans,sans-serif; color:#134882; line-height:80px; padding-right:20px;}

.menu{ background:url(images/menuBg.png) repeat-x; height:59px; }
.menu ul{ padding:0px; margin:0px; list-style:none; }
.menu ul li{ float:left; }
.menu ul li a{display:block; padding:20px 22px; color:#fff; float:left; font:bold 13px Open Sans,sans-serif; cursor:pointer; }
.menu ul li a.anasayfa{ background:url(images/anasayfa.png) no-repeat center center; width:21px; height:19px;}
.menu ul li ul{  position:absolute;  background:#195B91; transition: max-height 0.15s ease-out;  overflow: hidden; max-height:0;margin-top:58px; min-width:250px; z-index:99; }
.menu ul li:hover a{ background-color:#195B91; }
.menu ul li:hover ul{  max-height: 500px; transition: max-height 1s ease-in; visibility:visible;}
.menu ul li ul li { float:none}
.menu ul li ul li a{ display:block; float:none; padding:15px 10px; margin:0 0px; padding-right:30px; background:url(images/menu-ayir-alt.png) top center repeat-x !important; font:bold 12px Open Sans !important}
.menu ul li ul li:first-child a{ background:none  !important }
.menu ul li ul li:hover a{ background-color:#384751 !important}

.ucretsiz-olcum{ float:right;}
.ucretsiz-olcum a{ display:block;font:bold 13px Open Sans,sans-serif; line-height:49px; background:url(images/ucretsizOlcum.png); color:#fff; padding:4px 20px;  }

.isaretler{  position:absolute;  z-index:9999; width:100%;}
.isaretler div:hover{ opacity:0.7; }
.slider{ position:relative; margin-top:0px; width:100%;height:433px;  z-index:98; background:#000; overflow:hidden}
.sliderSayfa{ height:433px;}
.slider ul{ padding:0px; margin:0px; list-style:none; position:absolute; height:433px; width:100%}
.solsli a{display:block; width:67px; height:69px; background:url(images/sliderSol.png) no-repeat; position:absolute;  left:0px; top:184px; } 
.sagsli a{ display:block; width:67px; height:69px; background:url(images/sliderSag.png) no-repeat; position:absolute;  right:0px;top:184px;}
.slider ul li{  width:100%; position:absolute; background-color:#000; min-height:433px;  max-height:433px; background-repeat:no-repeat; background-position:center center;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; } 
.slider .sliderBilgi{ background:url(images/sliderBg.png) repeat-x; height:222px; margin-top:211px; }
.slider .sliderBasliks{ float:left; width:850px; float:left;padding-top:110px;  }
.slider .sliderBaslik1{ font:600 20px Open Sans,sans-serif; color:#fff; margin-bottom:15px }
.slider .sliderBaslik2{ font:15px Open Sans,sans-serif; color:#fff }
.slider .sliderDevam{ background:url(images/sliderDevam.png) no-repeat; float:right; border:1px solid #fff; padding:15px 25px; color:#fff; margin-top:120px; border-radius:5px; font:bold 12px Open Sans,sans-serif; }
.slider .sliderDevam:hover{ background:#fff; color:#222; cursor:pointer }
.slider .sliderDevam:hover a{ color:#222; }
.slider .sliderDevam a{ color:#fff; }

.referanslar{ height:190px; background:#e9e9e9; overflow:hidden}
.referanslar .referansIc{ width:960px; margin:0 auto; }
.referanslar ul{ padding:0px; margin:0px; list-style:none; }
.referanslar ul li { width:150px; float:left; margin-left:10px !important; margin-top:20px; text-align:center; }
.referanslar ul li:first-child{ margin-left:0px; }
.referanslar ul li strong{ display:block; padding:6px 0px; }
.referanslar ul li a{ color:#222;}

.ortaPen ul{ padding:0px; margin:0px; list-style:none; }
.ortaPen ul li { float:left; width:392px; margin-left:10px; background:#eee; height:320px; margin-top:10px; }
.ortaPen ul li:first-child{ margin-left:0px; }
.ortaPen ul li a{ display:block; padding:11px 0px; text-align:center; font:bold 12px Open Sans,sans-serif; background:#35434D; color:#fff; }
.ortaPen ul li img{ height:275px; width:100%; }
.ortaPen ul li .inceleBg{ position:absolute; width:392px; height:276px; background:url(images/siyah.png); }
.ortaPen ul li .ortaBilgi{ position:absolute; color:#fff; z-index:999; text-align:right; width:360px; }
.ortaPen ul li .ortaBilgi strong{ color:#fff; font:bold 20px Open Sans,sans-serif; display:block; margin-right:10px; margin-top:170px; }
.ortaPen ul li .ortaBilgi span{ color:#fff; font:14px Open Sans,sans-serif; display:block; margin-right:10px; width:300PX; float:right;}

.hakkimizda{ width:380px; margin-top:10px; float:left; margin-right:30px; }
.hakkimizda .altIcerik{ font:11px "Tahoma",Arial, Helvetica, sans-serif;}
.altBaslik{ font-size:17px; font-family:Open Sans,sans-serif; border-bottom:1px solid #ccc; padding-bottom:6px; margin-bottom:10px }

.haberler{ width:380px; margin-top:10px; float:left; }
.haberler ul { padding:0px; margin:0px; list-style:none; }
.haberler ul li { float:left; padding:4px 0px;}
.haberler ul li .haberRes{ float:left; width:142px;margin-right:10px; }
.haberler ul li .haberRes img{ width:100%; height:auto}
.haberler ul li .haberIcerik p{ padding:0px; margin:0px; list-style:none; }
.haberler ul li .haberIcerik strong{ font:bold 12px Open Sans,sans-serif; }
.haberler ul li a{ color:#222; }

.iletisim{ width:380px; margin-top:10px; float:right; }
.iletisim .altIcerik{ font:13px Arial, Helvetica, sans-serif;}


.sayfaBaslik{ background:url(images/sayfaBg.png) repeat-x; height:80px; }
.sayfaBaslik strong{ font-size:24px; color:#fff; font-family:Roboto,Open Sans,sans-serif; line-height:70px;text-shadow: 4px 4px 1px rgba(0, 0, 0, 0.37); margin-left:20px;}
.sayfaBaslik strong:before{ content:''; position:relative; display:inline-block; width:0; height:0; padding:10px; background:#000; border-radius:200px; margin-right:20px; top:3px; }
.sayfa{ min-height:500px; padding-top:10px; }

.sayfaResim{ width:300px; height:200px; float:left; margin-right:10px; margin-bottom:10px; }
.sayfaResim:before{ width:290px; height:190px; content:''; border:1px solid #fff; position:absolute; margin-left:5px; margin-top:5px; }
.sayfaDetay{ font:13px Open Sans,Arial, Helvetica, sans-serif; line-height:20px; }
.sayfaDetay p:first-child{ padding-top:0px; margin-top:0px; }

.sayfaSol{ width:200px; float:left; }
.sayfaSag{ width:980px; float:right; }


.sayfaSol{ background:#485c6b; color:#fff; margin-left:10px;}
.sayfaSol strong{ font:bold 14px Open Sans,sans-serif; display:block; padding:15px 10px; background:url(images/menuBg.png) #195B91   }
.sayfaSol ul { padding:0px; margin:0px; list-style:none;}
.sayfaSol ul li a{ display:block; padding:13px 10px; color:#fff; font:600 12px Arial,sans-serif; border-bottom:1px solid #354550;}
.sayfaSol ul li a:hover, .sayfaSol ul li a.aktif{ color:#fff; background:#195B91;}
.sayfaSol ul li a.aktif{ font-weight:bold}
.sayfaSol ul:first-child li:last-child a{ border-bottom:0px;}
.sayfaSol ul li ul{ padding-left:10px;}
.sayfaSol ul li ul li a{ font:11px Tahoma,Arial,sans-serif !important;border-bottom:1px dashed #ddd;}
.sayfaSol ul li ul li a.aktif{ font-weight:bold !important;}

.urunList{ padding:0px; margin:0px; list-style:none; }
.urunList li a{ display:block; margin-left:30px;  width:220px; float:left; color:#1B4091 }
.urunList li a strong{ font: 13px Open Sans,sans-serif; padding:7px 0px; display:block;  }
.urunList li:first-child a{ margin-left:10px; }
.urunList li:nth-child(4n+1) a{ margin-left:10px; }
.urunList li .urunRes{ overflow:hidden;height:100px;  }
.urunList li .urunRes img{ border-radius:6px;width:100%; height:auto;margin-top:40px;   }
.urunList li:hover .urunRes img{ margin-top:0px;transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;  }
.urunList li .urunRes:before{ width:220px; height:100px; content:''; display:block; background:url(images/yakinlastir.png) #000 center center no-repeat; opacity:0; position:absolute; border-radius:5px 5px 0 0;height:50px; }
.urunList li:hover .urunRes:before{ opacity:0.6; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;height:100px;}

.uygulamalar{ padding:0px; margin:0px; list-style:none }
.uygulamalar li { width:370px; float:left; margin:10px 0px; margin-left:30px;}
.uygulamalar li .uygulamaRes{ height:200px; overflow:hidden;background:#36454F; }
.uygulamalar li .uygulamaRes img{ width:100%; }
.uygulamalar li .uygulamaRes:before{ width:355px; height:185px; content:''; border:0.155em solid #eee; position:absolute; margin-left:5px; margin-top:5px; }
.uygulamalar li strong{ display:block; text-align:center; padding:15px 0px; font-size:13px; font-family:Roboto; font-weight:500 }
.uygulamalar li a{ color:#36454f; }
.uygulamalar li:hover{  background:url(images/menuBg.png) #36454F;  transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}
.uygulamalar li:hover img{ opacity:0.6;transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }
.uygulamalar li:hover a{ color:#fff;transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}

.resimlist ul{ padding:0px; margin:0px; list-style:none; }
.resimlist li{ width:223px; overflow:hidden; float:left; height:110px; margin-left:29px; margin-bottom:15px;}
.resimlist li:first-child{ margin-left:0px; }
.resimlist li:nth-child(4n+1){ margin-left:0px; }
.resimlist li img{ width:100%; height:auto; }
.resimlist li:hover a:before{ width:223px; height:110px; content:''; display:block; background:url(images/yakinlastir.png) #000 center center no-repeat; opacity:0.5; position:absolute; }
.resimlist li:before{ width:213px; height:100px; content:''; border:1px solid #000; position:absolute; margin-left:5px; margin-top:5px; }

.cF1{ padding:5px; width:90%; font:12px 'Open Sans',Arial, Helvetica, sans-serif; }
.cB1{ padding:10px 15px;font:12px 'Open Sans',Arial, Helvetica, sans-serif; cursor:pointer; border:1px solid #333; display:inline-block; color:#222; background:#fff; }
.cB2{ border:0px; padding:10px; background:#1c97d4; color:#074361; text-shadow: 0px 2px 0px rgba(61, 166, 218, 1); font:bold 13px Open Sans; letter-spacing:-0.7px; cursor:pointer;  }
.cB2:hover{ background-color:#0F9D58; color:#064627;  text-shadow: 0px 2px 0px rgba(40, 186, 151, 1);}
.cB1:hover{ background-color:#222; color:#fff;}
.kariyer table{ font:12px Arial, Helvetica, sans-serif; width:100%; background:#fff; border:1px solid #ccc}
.kariyer td{ padding:1px 5px; font-weight:normal; }
.kariyer td strong{ font-weight:normal;}
.kariyer th{ background:#3A4954; padding:10px; color:#fff; text-align:left;}
.kF{background-color:#fff;border:1px solid #ccc;padding:7px 10px; width:90%;color:#2c2c2c;font:12px Arial, Helvetica, sans-serif;}
select.kF{ width:93%;}
textarea.kF{ width:100%;}
.kB{padding:10px;border:0px;background:#3A4954 !important;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;float:right;margin-right:15px; cursor:pointer;}


.refDuzList { padding:0px; margin:0px; list-style:none; }
.refDuzList li{ float:left; width:45%; padding:15px 15px; height:auto;  margin:3px 5px; font:700 14px Open Sans,sans-serif;background:#f1f1f1; border:1px solid #e1e1e1; min-height:60px;}
.refDuzList li .referansLogo{ float:left; width:100px; margin-right:10px; }
.refDuzList li .referansLogo img{ max-width:100%; }
.refDuzList li .bilgi{ font:11px Tahoma; color:#2a2a2a; margin-top:10px; float:left; width:35%; }
.refDuzList li .bilgi strong, .bilgi span{  margin-top:14px; font-size:12px; font-family: Open sans,sans-serif }
.refDuzList li .bilgi strong{ margin-right:10px; }
.refDuzList li a{ color:#124090;font:700 14px Open Sans,sans-serif; display:block; }
.reflist{ padding:0px; margin:0px; list-style:none;}
.reflist li{ float:left; width:300px; margin:10px 0; margin-left:30px; background:#f0f0f0; padding-bottom:7px;}
.reflist li:first-child{ margin-left:0px; }
.reflist li a{ color:#222; }
.reflist li strong{ display:block; padding:7px 0px; margin-left:10px; }
.reflist li img{ width:100%; height:auto;}
.reflist li .bilgi{ font:11px Tahoma; color:#2a2a2a; margin-top:5px; margin-left:3px;}
.reflist li .bilgi strong{ display:inline; padding:0px; margin-right:5px; }
.reflist li .bilgi span{ display:inline; margin-left:5px; }

.refPen{ float:left; width:10%; text-align:right; margin-right:20px; }
.refPena{ float:left; width:80%; text-align:left; }

.resimlergalerib{ padding:0px; margin:0px; list-style:none; margin-top:6px; }
.resimlergalerib li { float:left; width:300px; height:250px; margin:5px 10px; }
.resimlergalerib li strong{ display:block; font:bold 13px "Myriad Pro",arial,sans-serif; text-align:center; display:block; color:#222; padding:5px 0px; }
.resimlergalerib li img{ width:100%; height:200px; background:#000; }

.ucretsizolcum table{ font:11px Tahoma, Geneva, sans-serif; }
.ucretsizolcum input{ width:97%; padding:6px 5px; font:11px Tahoma,Arial,sans-serif; margin-top:4px; }
.ucretsizolcum select{ width:100%; padding:6px 0px; font:11px Tahoma,Arial,sans-serif; margin-top:4px; }
.ucretsizolcum input[type=submit]{ width:100%; padding:6px 0px; font:11px Tahoma,Arial,sans-serif; margin-top:4px; cursor:pointer }
.ucretsizolcum h3{ font:bold 15px Open Sans,sans-serif; background:#eee; color:#222; padding:20px 15px; margin:0px; }
.altalan{ margin:10px 0px; }
.altalan .banka{ float:right;}
.altalan .altpen{ padding:10px; background:#2c3b42; color:#fff }
.altalan .altLogo{ float:left; width:220px; border-right:1px solid #212121; margin-right:20px; text-align:center; }
.altalan .altKat{ float:left; width:500px; }
.altalan .altKat strong{ font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px dashed #595959; display:block; padding-bottom:5px; margin-bottom:10px; }
.altalan .altKat ul{ padding:0px; margin:0px; list-style:none; }
.altalan .altKat ul li a{ display:block; padding:5px 0px; color:#fff; font:11px "Tahoma",Open Sans,sans-serif; border-left:2px solid #dcae35; float:left; width:30%; padding-left:7px; margin-bottom:5px; line-height:11px;}
.altalan .altCopy{ float:left; width:410px; margin-left:20px; color:#fff, }
.altalan-bilgi{ border-top:1px dashed #595959; margin-top:10px; padding-top:10px;}