﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&amp;subset=latin-ext);
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* CSS Reset Finish */
body, td, th { font-family: 'Open Sans' , "Lucida Sans Unicode" , "Lucida Grande" , sans-serif; font-weight: 400; font-size: 12px; color: #333; }
body { background-color: #FFF; }
a:link { color: #F60; text-decoration: underline; }
a:visited { text-decoration: underline; color: #F60; }
a:hover { text-decoration: none; color: #F60; }
a:active { text-decoration: underline; color: #F60; }
.container { width: auto; height: auto; min-height: auto; min-width: auto; }
.content { width: 980px; margin: 0 auto; }
.header { }
.page-header { font-weight: 600; font-size: 26px; margin-top: 20px; color: #333; }
.logo { margin: 30px 0 30px 0px; width: 196px; height: 41px; float: left; }
.logo a { background-image: url(../images/style/bankalarin-logo.png); width: 196px; height: 41px; display: block; text-indent: -99999px; background-repeat: no-repeat; }
.sosyal-medya-iconlari { margin: 15px 30px 0 0; width: 407px; height: 60px; float: right; }
.sosyal-medya-iconlari h3 { background-image: url(../images/style/bizi-takip-edin.png); width: 127px; height: 52px; display: block; text-indent: -99999px; background-repeat: no-repeat; float: left; }
.sosyal-medya-iconlari ul { list-style: none; margin: 22px 0 0 0; float: left; }
.sosyal-medya-iconlari li { float: left; margin: 0 0 0 10px; }
.facebook { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: 0 0; }
.twitter { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: -44px 0; }
.pinterest { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: -88px 0; }
.linkedin { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: -133px 0; }
.youtube { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: -177px 0; }
.google-plus { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: -221px 0; }
.rss { width: 30px; height: 30px; display: block; text-indent: -9999999px; background-image: url(../images/style/sosyal-medya-iconlari.png); background-repeat: no-repeat; background-position: -265px 0; }
.menu { clear: both; min-height: 44px; background-color: #3350ae; width: auto; }
.menu ul { list-style: none; float: left; margin-left: 10px; }
.menu li { float: left; }
.menu a {font-size: 14px;font-weight: 600;color: #FFF;text-decoration: none;display: block;padding: 6px 5px;margin: 10px 0;}
.menu a:hover { background-color: #4a75fd; }
.banner-980-top { margin: 20px 0 0 0; }
.slider { clear: both; float: left; width: 700px; height: 200px; background-color: #CCC; margin: 20px 20px 20px 0; }
.haberler { float: left; width: 260px; height: 200px; margin: 20px 0 0 0; background-color: #f0f0f0; }
.haberler-kutu { width: 240px; height: 180px; margin: 5px; padding: 5px; overflow: auto; background-color: #FFF; }
.haberler-baslik { font-weight: 400; font-size: 12px; background-color: #F60; color: #fff; width: 75px; padding: 5px; margin: 0 0 10px 0; text-align: center; }
.haber-item { font-weight: 300; font-size: 12px; margin-bottom: 3px; line-height: 16px; border-bottom: solid 1px #f0f0f0; }
.haber-item a { text-decoration: none; color: #333; }
.haber-item a:hover { text-decoration: none; color: #f60; }
.haber-tarih { font-weight: 300; font-size: 10px; margin-top: 2px; }
.piyasa-bilgileri { clear: both; width: auto; background-color: #fff; border: solid 1px #f0f0f0; font-weight: 400; padding: 5px; height: 25px; }
.piyasa-bilgileri div { background: #f0f0f0; margin: 0 10px; padding: 5px; float: left; font-weight: 300; }
.piyasa-bilgileri p { margin: 5px 5px; float: left; font-weight: 400; }
.piyasa-bilgileri strong { font-weight: 400; }
.bankalar { clear: both; margin: 20px 0; background-color: #fff; min-height: auto; height: auto; display: block; }
.banka-filitresi { height: 30px; border: solid 1px #f0f0f0; padding-top: 7px; }
.banka-filitresi #detay { background-color: #006; }
.banka-filitresi p { margin: 5px 10px; float: left; font-weight: 400; }
.banka-listesi { clear: both; display: table; width: 980px; display: inline-block; margin: 10px 0 0 0; }
.banka-listesi .banka { float: left; margin-left: 10px; }
.banka-listesi .banka { display: table-cell; text-align: center; vertical-align: middle; float: left; width: 180px; height: 100px; background-color: #fff; margin: 10px 0 0 10px; border: solid 1px #f0f0f0; }
.banka-listesi .banka > div { float: none; height: 100px; vertical-align: middle; display: table-cell; text-align: center; width: 180px; }
.banka-listesi .banka img { margin: auto 0; }
.banka-listesi .banka-ozet { float: left; margin-left: 10px; }
.banka-listesi .banka-ozet { display: table-cell; text-align: center; vertical-align: middle; float: left; width: 180px; height: 260px; background-color: #fff; margin: 10px 0 0 10px; border: solid 1px #f0f0f0; }
.banka-listesi .banka-ozet .banka-adi h2 { font-size: 16px; margin: 5px 20px; font-weight: 400; line-height: 19px; }
.banka-listesi .banka-ozet .banka-adi h2 a { color: #333; text-decoration: none; }
.banka-listesi .banka-ozet .banka-adi h2 a:hover { color: #f60; text-decoration: none; }
.banka-listesi .banka-ozet .banka-logo { float: none; height: 100px; vertical-align: middle; display: table-cell; text-align: center; width: 180px; }
.banka-listesi .banka-ozet .banka-linkler { line-height: 17px; }
.banka-listesi .banka-ozet .banka-linkler a { color: #333; text-decoration: none; }
.banka-listesi .banka-ozet .banka-linkler a:hover { color: #f60; text-decoration: none; }
.footer { display: inline-block; background-color: #fff; margin: 50px 0 10px 0; width: 980px; }
.footer-icerik { min-height: 100px; background-color: #f0f0f0; }
.footer-icerik div { margin: 20px; height: 50px; vertical-align: text-top; text-align: center; }
.imza { clear: both; width: 192px; margin: 10px auto; }
.imza h1 { float: left; }
.adkdijital { background-image: url(../images/style/adk-dijital-novartz.png); width: 104px; height: 40px; display: block; text-indent: -9999999px; background-repeat: no-repeat; background-position: 0 0; }
.novartz { background-image: url(../images/style/adk-dijital-novartz.png); width: 67px; height: 40px; display: block; text-indent: -9999999px; background-repeat: no-repeat; background-position: -124px 0; margin-left: 20px; }
.fl { float: left; }
.fr { float: right; }
.filitreler { }
.filitreler ul { list-style: none; margin-left: 124px; margin-top: 6px; }
.filitreler li { float: left; }
.filitreler li a { margin-left: 5px; padding: 5px 10px; text-decoration: none; }
.filitreler li a:hover { background-color: #F60; color: #FFF; cursor: pointer; text-decoration: none; }
.filitreler-selected { background-color: #F60; color: #FFF; cursor: pointer; }
.filitreler-selected:visited { color: #FFF; }
.filitreler-selected:link { color: #FFF; }
/* breadcrumbs */
.breadcrumbs-menu { margin: 20px 0 0 0; }
.breadcrumbs { height: 2.7em; border: 1px solid #f0f0f0; }
.breadcrumbs img { width: 17px; height: 17px; margin: 8px 0 7px 0; }
.breadcrumbs li { float: left; line-height: 2.7em; color: #333; padding-left: .85em; }
.breadcrumbs li a { background: url(../images/style/crumbs.png) no-repeat right center; display: block; padding: 0 15px 0 0; }
.breadcrumbs li a:link, .breadcrumbs li a:visited { color: #333; text-decoration: none; }
.breadcrumbs li a:hover, .breadcrumbs li a:focus { color: #f60; }
/* breadcrumbs */
/* Sayfa Filitresi Büyük */
.sayfa-filitresi { margin: 20px 0 0 0; padding: 10px; border: solid 1px #f0f0f0; font-size: 11px; }
.sayfa-filitresi .item { width: 235px; height: 22px; display: inline-block; }
.sayfa-filitresi .item a { text-decoration: none; color: #333; font-size: 12px; }
.sayfa-filitresi .item a:hover { text-decoration: none; color: #f60; }
.sayfa-filitresi-il { width: 140px; margin: 20px 20px 20px 0; padding: 10px; border: solid 1px #f0f0f0; min-height: 100px; font-size: 11px; }
.sayfa-filitresi-il .item { height: 18px; }
.sayfa-filitresi-il .item a { text-decoration: none; color: #333; }
.sayfa-filitresi-il .item a:hover { text-decoration: none; color: #f60; }
/* Sayfa Filitresi Büyük */
.sube-listeleme { font-family: 'Open Sans' , sans-serif; border: 0; width: 100%; border-spacing: 0px; }
.sube-listeleme th { font-weight: 600; font-size: 14px; padding: 5px 15px 5px 5px; text-align: left; border-bottom: 1px; border-bottom-color: #CCC; border-bottom-style: solid; }
.sube-listeleme tr { height: 25px; }
.sube-listeleme td { padding: 5px 20px 5px 5px; white-space: nowrap; vertical-align: top; border: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; }
/* Şube Detay Sayfası */
.sube-detay { width: 960px; display: inline-block; margin: 20px 0 0 0; border: solid 1px #f0f0f0; min-height: 300px; padding: 10px; }
.sube-detay .banka-adi { font-weight: 600; font-size: 26px; margin: 0 0 10px 0; }
.sube-detay .sube-adi { font-weight: 400; font-size: 22px; margin: 0 0 15px 0; }
.sube-detay .banka-logo { display: table-cell; text-align: center; vertical-align: middle; float: left; width: 180px; height: 100px; background-color: #fff; margin: 10px 0 0 10px; border: solid 1px #f0f0f0; }
.sube-detay .banka-logo > div { float: none; height: 100px; vertical-align: middle; display: table-cell; text-align: center; width: 180px; }
.sube-detay .banka-logo img { margin: auto 0; }
.sube-detay div { min-height: 25px; }
.sube-detay .banka-ozet { margin: 10px 0px 0 20px; width: 700px; }
.sube-detay .left-menu { margin: 18px 0px 0 12px; }
/* Banka Ana Sayfası */
.banka-detay { margin: 20px 0 0 0; border: solid 1px #f0f0f0; min-height: 300px; padding: 10px; }
.banka-detay h1 { font-weight: 600; font-size: 26px; margin: 0 0 10px 0; }
.banka-detay h2 { font-weight: 400; font-size: 18px; margin: 0 0 10px 0; }
.banka-detay div { margin: 0 0 15px 0; }
.banka-detay .banka-logo { display: table-cell; text-align: center; vertical-align: middle; float: left; width: 180px; height: 100px; background-color: #fff; margin: 10px 0 0 10px; border: solid 1px #f0f0f0; }
.banka-detay .banka-logo > div { float: none; height: 100px; vertical-align: middle; display: table-cell; text-align: center; width: 180px; }
.banka-detay .banka-logo img { margin: auto 0; }
.banka-detay .banka-ozet { margin: 10px 0 0 20px; }
.banka-detay .banka-baslik { width: 700px; margin: 10px 0 0 20px; }
.filter-header { font-size: 20px; margin: 5px 0 20px 0; font-weight: 600; letter-spacing: -1px; }
.list-header { font-weight: 600; font-size: 14px; padding: 5px 15px 5px 0px; text-align: left; border-bottom: solid 1px #cccccc; }
.list-item { margin-top: 10px; border-bottom: solid 1px #f0f0f0; padding-bottom: 5px; }
.list-header span { width: 200px; display: inline-block; }
.list-item span { width: 200px; display: inline-block; }
.list-item h2 { display: inline-block; }
.list-header-atm { font-weight: 600; font-size: 14px; padding: 5px 15px 5px 0px; text-align: left; border-bottom: solid 1px #cccccc; }
.list-item-atm { margin-top: 10px; border-bottom: solid 1px #f0f0f0; padding-bottom: 5px; }
.list-header-atm span { width: 120px; display: inline-block; white-space: nowrap; }
.list-item-atm span { width: 120px; display: inline-block; white-space: nowrap; }
.list-item-atm h2 { display: inline-block; }
.page-desription{margin-top:30px;}
.page-desription p{line-height:30px;}
.atm-map { width: 700px; height: 300px; margin-left: auto; margin-right: auto; margin-top: 10px; }
.footer-desc {margin-top:14px;}
.footer-desc p{line-height:16px;}
#dvPager {margin-top: 26px;margin-bottom: 24px;}
#dvPager a {padding: 4px 8px;background-color: rgb(233, 233, 233);margin-right: 4px;float: left;margin-top: 14px;width: 12px;}
#dvPager a:visited {padding: 4px 8px;background-color: rgb(233, 233, 233);margin-right: 4px;}
#dvPager a:hover {padding: 4px 8px;background-color: rgb(206, 206, 206);margin-right: 4px;}
#dvPager a.current {background-color: rgb(206, 206, 206);}
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
