﻿@import url("containers.css");
@import url("../dax.css");
@import url("jquery.fancybox.css");

body {background-color:#fff;margin:0;overflow-x:hidden;}
form{width:auto;}
/*genel*/
.solaYasla, .solda { float:left;}
.imgSolda img {float:left;}
.imgSagda img {float:right;}
img.imgSagda {float:right;}
img.imgSolda {float:left;}
.sagaYasla, .sagda { float:right;}
.ortala {text-align:center;}
a img {vertical-align:middle;}
.clr {height:0px; clear:both; display:block; margin:0px; padding:0px;line-height:0;}
.dB {display:block;}
.dN {display:none !important;}
.dIB {display:inline-block;}
.oH {overflow:hidden;}
.b {font-weight:bold;}
.i {font-style:italic}
.sG {width:960px;margin:0 auto;clear:both;}
.sifirla {margin:0;padding:0;overflow:hidden;list-style:none;}
.sifirla.s li {float:left;}
.altCizgi {border-bottom:2px solid #ecebe8;}
.kahve {color:#322c1d;}
.acikKahve {color:#716b59;}
.sari {color:#fcb000;}
.siyah {color:#000;}
.beyaz {color:#fff;}
/*#genel*/

/*margin*/
.marginB {margin-bottom:10px;}
.m0 {margin:0;}
.mA {margin:0 auto;}
.mB {margin-bottom:10px;}
.mT {margin-top:10px;}
.mL {margin-left:10px;}
.mR {margin-right:10px;}
.m5 {margin:5px;} .m10 {margin:10px;} .m15 {margin:15px;}
.m05 {margin:0 5px;} .m010 {margin:0 10px;} .m015 {margin:0 15px;}
.m50 {margin:5px 0;} .m100 {margin:10px 0;} .m150 {margin:15px 0;}
/*#margin*/

/*padding*/
.pB {padding-bottom:10px;}
.pT {padding-top:10px;}
.pL {padding-left:10px;}
.pR {padding-right:10px;}
.p0 {padding:0;}
.p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;}
.p05 {padding:0 5px;} .p010 {padding:0 10px;} .p015 {padding:0 15px;}
.p50 {padding:5px 0;} .p100 {padding:10px 0;} .p150 {padding:15px 0;}
/*#padding*/

/*yazı*/
.y10 { font-size:10px;}
.y11 { font-size:11px;}
.y12 { font-size:12px;}
.y13 { font-size:13px;}
.y14 { font-size:14px;}
.y15 { font-size:15px;}
.y16 { font-size:16px;}
.y18 { font-size:19px;}
.y20 { font-size:20px;}
.y22 { font-size:22px;}
.y24 { font-size:24px;}
.y28 { font-size:28px;}
.y32 { font-size:32px;}
.y35 { font-size:35px;}
.Arial {font-family:Arial, Helvetica, sans-serif;}
.Verdana {font-family:Verdana, Geneva, sans-serif;}
.Dax.b {font-family: 'daxbold','daxregular',Arial;font-weight:normal !important;}
.Dax {font-family: 'daxregular',Arial;}
/*#yazı*/

/*p margin*/
p { margin:0px }
p + p { margin-top:12px }
p + h1, p + h2, p + h3, p + h4, p + ul, p + ol, ol + p, ul + p, p + div, table + p, div + p { margin-top:10px }
/*#p margin*/

/*input*/
input[type=text], input[type=password], .inputs, textarea, select {border:none;margin:0;padding:0;}
input[type=radio], input[type=radio] + label, input[type=radio] + label img { vertical-align:middle}
input[type=text]:focus, input[type=password]:focus, .inputs:focus, textarea:focus, select:focus {outline:none;}
input, select, .buton, textarea { vertical-align:middle;}
select {min-width:100px;}
textarea {width:285px;height:100px;resize:none;}

.jQmerAcilirKutu { position: relative;z-index: 1; display:inline-block;zoom:1;*display:inline; overflow: hidden;white-space: nowrap; vertical-align: middle;}
.jQmerAcilirKutu > div {background:url(../../images/design/form-select-bg.png) 0 0 no-repeat;padding-left:5px;}
.jQmerAcilirKutu span {background:url(../../images/design/form-select-bg.png) 100% -50px no-repeat;display:block;line-height:38px;padding:0 30px 0 5px;height:38px;}

.jQmerAcilirKutu + select {filter: alpha(opacity=0);opacity: 0;position: relative;z-index: 2;height:38px;margin:0;}
.jQmerInput { padding:0 0 0 5px; height:37px; background:url(../../images/design/form-input-bg.png) 0 0 no-repeat}
.jQmerInput span { display: block; padding:9px 10px 9px 5px;background:url(../../images/design/form-input-bg.png) right -50px no-repeat; overflow:hidden}
.jQmerInput, .jQmerTextarea, .jQmerAcilirKutu {  vertical-align:middle;display:inline-block;zoom: 1;*display: inline;}
.jQmerInput input[type=text], .jQmerInput input[type=password], .jQmerInput input[type=email], .jQmerTextarea textarea { border:none; padding:3px 0; background:transparent; }
.jQmerInput input.kisa {width:190px}

.jQmerTextarea { padding:0 0 0 5px; height:123px; background:url(../../images/design/form-input-bg.png) 0 -100px no-repeat}
.jQmerTextarea textarea {height:;}
.jQmerTextarea span { display: block; padding:9px 10px 9px 5px;background:url(../../images/design/form-input-bg.png) 100% -240px no-repeat; overflow:hidden}
/*#input*/

table, div, body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666}

img {border:none}

a {text-decoration:none; color: #8f8983; outline:none;border:none;}
a:hover { color: #564d45; text-decoration:underline;outline:none;border:none;}
a:active, a:focus { color: #8f8983; text-decoration:none;border:none;outline:expression(hideFocus='true');outline:none;}

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;color:#322c1d;margin:0px; margin-bottom:10px;}

h1 { font-size:18px;}
h2 { font-size:16px; }
h3 { font-size:14px;}
h3 { font-size:12px;}

/*butonlar*/
.buton {display:inline-block; color:#fff; font:bold 13px "Segoe UI", Tahoma, Arial;line-height:30px;cursor:pointer;background:url(../../images/design/buton.BG.png) 0 0 no-repeat;}
.buton > span {background:url(../../images/design/buton.BG.png) 100% 0 no-repeat;display:block;}
.buton:hover {text-decoration:none;}
.buton:active {text-decoration:none;}
.buton img {vertical-align:middle;}

.buton + .buton {margin-left:5px;}

.buton.gri {color:#201c10;font-size:14px;font-style:italic;font-weight:normal;padding-left:10px;background-position:0 0;line-height:33px;}
.buton.gri > span {padding-right:10px;background-position:100% -53px;}
.buton.gri:hover {background-position:0 -106px;}
.buton.gri:hover > span {background-position:100% -159px;}
.buton.gri:active {background-position:0 -212px;}
.buton.gri:active > span {background-position:100% -265px;}

.btnMobilBank{background:url(../../images/design/mobil-icon.png) 0 0 no-repeat; width:198px; height:42px; display:block; }
.btnMobilBank:hover{background:url(../../images/design/mobil-icon-over.png) 0 0 no-repeat;}
.buton.gri span.icon.asmaKilit {background:url(../../images/design/iconlar/icon.asmaKilit.png) 0 50% no-repeat;padding-left: 7px; width: 13px;height: 16px;margin-bottom: -3px;display: inline-block; }

.menuAlan .websubem {margin-top:4px;display:block; margin-right: 14px;}
.websubem {padding-left:36px;background:url(../../images/design/btn.bg.netsubem.png) 0 0 no-repeat;display:inline-block;height:38px;font:18px/40px 'daxbold','daxregular', Arial, Helvetica, sans-serif;color:#f0ae16;letter-spacing:-1px;}
.websubem span {background:url(../../images/design/btn.bg.netsubem.png) 100% -144px no-repeat;display:block;padding-right:25px;}
.websubem:hover{ color: #f0ae16;text-decoration:none;}
.websubem:active{color: #f0ae16;}
.websubem:focus{color: #f0ae16;}
.websubem span:focus{color: #f0ae16;}

.fancybox-close{width:43px; height:43px; display:block; background:url(../../images/btnClose.png); position: absolute; right: -10px; top: 12px;}

.web-altmenu{display:none; position: absolute; z-index: 9;}
.web-altmenu ul{background-color: #fdbe00; margin: 0; padding: 0; width: 211px; border-radius: 5px;}
.web-altmenu ul li{list-style:none; font-family:'daxregular',Arial; font-size:16px; cursor:pointer;border-top:1px solid #eab000; font-weight: bold; }
.web-altmenu ul li a{ color:#191517;padding: 13px 10px 15px 25px; display: block;}
.web-altmenu ul li a:hover{ color:#191517; text-decoration:none;}
.web-altmenu ul li:hover{background-color:#ebb000;}
.web-altmenu ul li.last:hover{border-radius:5px;}

.buton.TuruncuBG {background-position:0 -318px;padding-left:5px;}
.buton.TuruncuBG > span {background-position:100% -374px;padding:5px 7px 7px 0;width: 27px;height:26px;line-height:24px;display: inline-block;float:left}
.buton.TuruncuBG:hover {background-position:0 -432px;}
.buton.TuruncuBG:hover > span {background-position:100% -488px;}
.buton.TuruncuBG:active {background-position:0 -544px;}
.buton.TuruncuBG:active > span {background-position:100% -600px;}
.buton.TuruncuBG b, .buton.TuruncuBG strong {font:13px/38px Arial, Helvetica, sans-serif;color:#322c1d;display:inline-block;margin-left:5px;}

.buton.icTuruncu {background-position:0 -666px;padding-left:18px;cursor:default;}
.buton.icTuruncu.blok {display:block;}
.buton.icTuruncu div.sag {background:url(../../images/design/buton.BG.png) 100% -782px;padding-right:18px;}
.buton.icTuruncu div.orta {background:url(../../images/design/buton.BG.png) 0 -724px repeat-x;font-weight:bold;color:#000;font-size:13px;height:38px;line-height:35px;white-space:nowrap;}
.buton.icTuruncu div.orta span.icon {background:url(../../images/design/iconlar.ok.png) 0 -18px no-repeat;padding-left: 20px;}
.buton.icTuruncu div.orta a {color:#000;text-decoration:underline;}

.buton.al {color:#151614;font:16px/37px 'daxregular', Arial, Helvetica, sans-serifm;padding-left:30px;background-position:0 -1252px;height:40px; }
.buton.al > span {padding-left:10px;background-position:100% -1311px;padding-bottom:3px;padding-right:18px;}
.buton.al:hover {background-position:0 -1370px;color:#ffb917;}
.buton.al:hover > span {background-position:100% -1430px;}
.buton.al:active {background-position:0 -1490px;color:#151614;}
.buton.al:active > span {background-position:100% -1550px;}

.buton.kahveBG {color:#fff;font:14px/32px 'daxregular', Arial, Helvetica, sans-serif;padding-left:21px;background-position:0 -1607px;line-height:32px;}
.buton.kahveBG > span {padding-right:20px;background-position:100% -1659px;padding-left:5px;}

.kampanyalar ul li {width:314px;}
.kampanyalar ul li + li {margin-left:8px;}
.kampanyalar ul li + li + li + li{margin-top:8px;margin-left:0;}
.kampanyalar ul li + li + li + li + li{margin-left:8px;}
.kampanyalar ul {margin-bottom:12px;}

.kampanyalar ul .buton {background-position:0 -1845px;padding-left:40px;font: italic 18px/47px "daxregular", Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#aeadaa;display:block;}
.kampanyalar ul .buton > span {padding-right:30px;background-position:100% -1912px;}

.kampanyalar ul .buton.aktif {background-position:0 -1711px;color:#39362c;}
.kampanyalar ul .buton.aktif > span {background-position:100% -1778px;}

.buton.kGri {color:#322c1d;padding-left:10px;background-position:0 -2284px;font:17px/50px "daxbold", "daxregular",Arial, Helvetica, sans-serif}
.buton.kGri > span {padding-right:10px;background-position:100% -2354px;}
.buton.kGri span.ico.ok {background:url(../../images/design/iconlar.ok.png) 10px -396px no-repeat;width:10px;height:13px;display:inline-block;border-right:1px solid #dfd6bd;padding:10px;margin-right:18px;vertical-align:middle;}
.buton.kGri:hover {background-position:0 -2424px;}
.buton.kGri:hover > span {background-position:100% -2494px;}


.buton.Beyaz { color:#201c10;font:18px/51px Arial, Helvetica, sans-serif;background:url(../../images/design/beyazButon.png) 0 0 no-repeat;}
.buton.Beyaz > span { background:none;padding-bottom:3px;}

.buton.Beyaz.g {background:url(../../images/design/buton.BG.png) 0 -1979px no-repeat;padding-left:10px;}
.buton.Beyaz.g > span {background:url(../../images/design/buton.BG.png) 100% -2060px no-repeat;line-height:57px;padding-bottom:3px;padding-right:13px;}
.buton.Beyaz.g span.icon.ok {background:url(../../images/design/iconlar.ok.png) 10px -396px no-repeat;width:10px;height:13px;display:inline-block;padding:10px;vertical-align:middle;}

.buton.Beyaz.R15 { background-position:0 0;width:68px;line-height:68px;padding-bottom:3px;}

.buton.Beyaz.R7 { background-position:50% -400px;min-width:55px;min-height:54px;padding-bottom:3px;padding-right:3px;text-align:center;line-height:normal;}
.buton.Beyaz.R7 > img {padding:5px;margin:0;float:none;}
.buton.Beyaz.R7 span {font:16px "daxbold","daxregular", Arial, Helvetica, sans-serif;margin-top:8px;color:#fff;padding-bottom:2px;}
/*#butonlar*/

/*Alanlar */
#solDarAlan {width:230px;margin-right:14px;float:left;}
#sagGenisAlan {width:716px;float:right;}
#solGenisAlan {width:660px;margin-right:14px;float:left;}
#sagDarAlan {width:286px;float:right;}
#ortaAlan, #ortaAltAlan {clear:both;}
.menuAlan + .bg {padding-top:20px;background:url(../../images/design/altSayfa.BG.png) 0 0 repeat-x;min-height: 330px;}
/*#Alanlar*/


/*.net Mesajları*/
.mesaj {display: block;padding: 10px;border: 1px solid #FFDF00;background-color:#F6FFD2;color: #000;}
.mesaj.kirmizi {background-color: #FFDFD2;}
.mesaj.yesil {background-color:#F6FFD2;}
/*#.net Mesajları*/

.SariGrid {width:100%; border:1px solid #F0EFEF;border-collapse:collapse;}
.SariGrid td, .SariGrid th { padding:8px; color:#322C1D; text-align:center;border:1px solid #F0EFEF}
.SariGrid .baslik td, 
.SariGrid .baslik th {background-color:#fcb000; font-weight:bold;}
.SariGrid .sola {text-align:left;}

div + .SariGrid, p + .SariGrid, h1 + .SariGrid, h2 + .SariGrid, h3 + .SariGrid, h4 + .SariGrid, table + .SariGrid {margin-top:10px;}

/**/
.GriGrid {width:100%; border:1px solid #F0EFEF;border-collapse:collapse;}
.GriGrid td, .GriGrid th { padding:8px; color:#322C1D; text-align:center;border:1px solid #F0EFEF}
.GriGrid .baslik td, 
.GriGrid .baslik th {background-color:#EEEBE2; font-weight:bold;}
.GriGrid .sola {text-align:left;}

div + .GriGrid, p + .GriGrid, h1 + .GriGrid, h2 + .GriGrid, h3 + .GriGrid, h4 + .GriGrid, table + .GriGrid {margin-top:10px;}

/**/
.KoyuGrid {width:100%; border:1px solid #ccc;border-collapse:collapse;}
.KoyuGrid td, .KoyuGrid th { padding:8px; color:#322C1D; text-align:center;border:1px solid #ccc}
.KoyuGrid .baslik td, 
.KoyuGrid .baslik th {background-color:#fcb000; font-weight:bold;}
.KoyuGrid .sola {text-align:left;}

div + .KoyuGrid, p + .KoyuGrid, h1 + .KoyuGrid, h2 + .KoyuGrid, h3 + .KoyuGrid, h4 + .KoyuGrid, table + .KoyuGrid {margin-top:10px;}

/** Snippet, yazıyı komple imajdan uzakUaştırır **/
.imgSolda.imgBlok {padding-left:115px !important}
.imgSagda.imgBlok {padding-right:115px !important}

.imgSolda.imgBlok img { width:100px; height:auto; margin:0 15px 15px -115px; }
.imgSagda.imgBlok img { width:100px; height:auto; margin:0 -115px 15px 15p5p5px; }

/** Belge bağlantıları **/

a.goDoc, a.goDoc > span { display:block; background:url(../../images/design/docs-icon.png) 0 -150px no-repeat; line-height:35px; height:35px; padding:0 0 0 40px;font:14px/36px Verdana, Helvetica, sans-serif;overflow:hidden;}
a.goDoc > span { padding:0 20px 0 5px; background-position:100% -50px;color:#322c1d;}
a.goDoc.pdf { background-position:0 0} 
a.goDoc.doc, a.goDoc.docx, a.goDoc.rtf, a.goDoc.odt { background-position:0 -150px} 
a.goDoc.jpg { background-position:0 -100px} 
a.goDoc.zip { background-position:0 -199px} 
a.goDoc + a.goDoc { margin-top:5px}

/* Hata Sayfası */
.hataSayfasi {text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;}
.hataSayfasi h1 {height:50%;min-height:300px;margin:0;}
.hataSayfasi h1 a {position:relative;top:50%;}
.hataSayfasi .sariBg img {margin:-100px 0 30px;}
.hataSayfasi .sariBg p {margin-bottom:30px;}
.hataSayfasi .sariBg {background-color:#fcb000;height:50%;min-height:300px;position:relative}


.sagSari {margin-right: 8px;   position: relative; background: url(../../images/design/header-sagSari.png) #fdbe00 no-repeat; height: 44px; padding: 8px 7px 8px 8px; top: 18px; border-radius: 5px;}
.sagSari div.ek {background:url(../../images/design/header-sagSari.png) no-repeat bottom left; width:7px; height:46px; position:absolute; top:0px; right:-7px;}
.sagSari div.patlangac {background:url(../../images/design/header-sagSari-patlangac.png) no-repeat; width:34px; height:34px; position:absolute; top:-17px; left:-17px}
.sagSari a {font-size:15px; letter-spacing: -1px;}

.btnOrtala .solda{float:none; display:inline-block;}

.acilirkutu{background:#E0E0DF; padding:20px; text-align:center;}
.acilirkutu h2{font-size:20px; color:#fff; background:#FCB100; padding:10px;}

#intBank{width:420px;}
#intBank ul{margin:0; padding:0;}
#intBank ul li{display:inline-block; width:185px; margin:0 15px 15px 0; background:#FCB100; list-style:none;}
#intBank ul li a{padding:10px; display:block; color:#fff;}
.intBank .fancybox-close{top:-24px; right:-24px;}