﻿@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin,latin-ext);

body { margin:0; padding:0 }
section.page { width:1200px; margin:0 auto; border:0px solid #ffd800; }
section.ls { width:334px; height:auto; float:left; border:1px solid #d6d6d6; }
section.ls div.flogo { width:334px; height:173px; border:0px solid #000 }
section.ls div.flogo div { width:100%;  text-align:center; margin:0 auto; padding:0 0 0 0; border:0px solid #000 }
section.ls div.flogo div img { width:60%; }
section.ls div.flogo ul { margin:0; padding:10px 35px 0 0; list-style:none; display:block; float:right; }
section.ls div.flogo ul li { float:left; padding:5px 20px; font:600 14px 'Source Sans Pro'; color:#5b5b5b }
section.ls div.flogo ul li:first-child { border-right:1px solid #d6d6d6 }
section.ls div.flogo ul li a { color:#5b5b5b; text-decoration:none }
section.ls div.flogo ul li a:hover { color:#0ba788; text-decoration:none }
section.ls div.flogo ul li a.param { color:#0ba788; text-decoration:none }

section.ls div.fbilgi { width:334px; height:185px; }
section.ls div.fbilgi a { text-decoration:none; color:#000 }
section.ls div.fbilgi a:hover { text-decoration:underline; }
section.ls div.fbilgi h4 { margin:0; padding:10px 0 0 0; height:40px; background:#f4f4f4; color:#5b5b5b; font:600 22px Dosis; text-align:center }
section.ls div.fbilgi>div { font:400 14px 'Source Sans Pro'; text-align:center; padding:23px 40px 20px 40px }
section.ls div.fbilgi div span { font-weight: 600 }

section.ls div.r1 { width:334px; height:301px; }
section.ls div.r1 h4 { margin:0; padding:10px 0 0 0; height:40px; background:#f4f4f4; color:#5b5b5b; font:600 22px Dosis; text-align:center }
section.ls div.r1 div { font:400 14px 'Source Sans Pro'; text-align:center; padding:20px 0 25px 0 }
section.ls div.r1 div span { font-weight: 400; display:block; padding:20px 40px; text-align:center }
section.ls div.r1 div span a { text-decoration:none; color:#5b5b5b }

section.rs { width:857px; height: auto; float:right; border:1px solid #d6d6d6; }
section.rs header { height:90px; background:#fcfcfc; }
section.rs header div.logo { width:168px; height:48px; float:left; padding:20px 0 0 50px }
section.rs header div.logo a { width:168px; height:48px; display:block; background:url(images/v2/param.png) no-repeat }
section.rs header ul { margin:0; padding:30px 35px 0 0; list-style:none; display:block; float:right; }
section.rs header ul li { float:left; padding:5px 20px; font:600 14px 'Source Sans Pro'; color:#5b5b5b }
section.rs header ul li a { color:#5b5b5b; text-decoration:none }
section.rs header ul li a:hover { color:#0ba788; text-decoration:none }
section.rs header ul li a.param { color:#0ba788; text-decoration:none }

section.rs div.go { height:130px; background:#0ba788 url(images/v2/bddk.png) 630px 28px no-repeat; padding:5px 0 38px 50px; color:#fff; }
section.rs div.go h4 { font:700 28px Dosis; margin:0; padding:32px 0 10px 0 }
section.rs div.go span { font:400 14px 'Source Sans Pro'; }

section.o1 { height:auto; background:#fcfcfc; border:0px solid #000 }
section.o1 h4 { margin:0; padding:10px 0 0 50px; height:40px; background:#e3e3e3; color:#5b5b5b; font:600 22px Dosis; }
section.o1>section { width:757px; margin:0 auto; padding:27px 0 0 0; border:0px solid #0ba788 }
section.o1>section div.ol1 { width:355px; height:auto; float:left; border:0px solid #000 }
section.o1>section div.ol2 { width:355px; height:auto; float:right; border:0px solid #000 }
section.o1>section div.ol1 table, section.o1>section div.ol2 table { font:400 14px 'Source Sans Pro'; }

section.islem_bilgi { padding:0; background:none; margin:5px auto !important; width:auto !important; text-align:center; border:0px solid #000 }
section.islem_bilgi div.tutar { border:2px solid #0ba788; display:inline-block; background:#0ba788; width:auto; padding:10px 20px; margin-right:0; text-align:center; height:auto; font-family:'Source Sans Pro', Arial; }
section.islem_bilgi div.tutar span { font-weight:400; font-size:14px; display:block; color:#fff }
section.islem_bilgi div.tutar strong { font-weight:700; font-size:18px; color:#fff }
section.islem_bilgi div.indirim { border:2px solid #5b5b5b; display:inline-block;; width:auto; padding:10px 20px; margin-right:20px; text-align:center; height:auto; font-family:'Source Sans Pro', Arial; }
section.islem_bilgi div.indirim span { font-weight:400; font-size:14px; display:block; color:#808080 }
section.islem_bilgi div.indirim strong { font-weight:700; font-size:18px }
section.islem_bilgi div.toplam { border:2px solid #5b5b5b; display:inline-block; background:#5b5b5b; color:#fff; width:auto; padding:10px 20px; margin-right:20px; text-align:center; height:auto; font-family:'Source Sans Pro', Arial; }
section.islem_bilgi div.toplam span { font-weight:400; font-size:14px; display:block; color:#fff }
section.islem_bilgi div.toplam strong { font-weight:700; font-size:18px }
section.islem_bilgi div.kartmarka { border:2px solid #0ba788; float:left; width:100px; height:74px; margin-right:20px; padding: 0 20px; text-align:center; font-family:'Source Sans Pro', Arial; }
section.islem_bilgi div.kk_yukleme_uyari { background:#0ba788; color:#fff; padding:5px; display:inline-block; font-size:15px; font-family:'Source Sans Pro', Arial; }

section.o2 { height:301px; background:#fcfcfc; border:0px solid #000 }
section.o2 h4 { margin:0; padding:10px 0 0 50px; height:40px; background:#e3e3e3; color:#5b5b5b; font:600 22px Dosis; }
section.o2 > section { width:757px; margin:0 auto; padding:27px 0 0 0; border:0px solid #0ba788 }
section.o2 > section div.ol1 { width:370px; height:85px; float:left; border:0px solid #000 }
section.o2 > section div.ol2 { width:350px; height:85px; float:right; border:0px solid #000 }
section.o2 > section div.ol1 table, section.o2 section div.ol2 table { font:400 14px 'Source Sans Pro'; }

div.generic_error { background:#666; color:#fff; text-align: center; width: 300px; padding: 10px; margin:50px auto; font: bold 16px 'Source Sans Pro', Arial; }
div.generic_info { background:url(images/v2/tp_logo.png) top center no-repeat; color:#c00; text-align: center; width: auto; padding: 61px 10px 0 10px; margin:50px auto; font: bold 16px 'Source Sans Pro', Arial; }
div.generic_info a { text-decoration:none; color:#c00; }

div.hata { padding: 5px 10px; font: 16px SegoeUI; background:#c00; height:auto; margin: 20px auto 0 auto; width:300px; color: #fff; font:14px 'Source Sans Pro', Arial; }
.secilemez { cursor:not-allowed !important }
.tb2 { font-style:normal !important }
.m1 { margin-left:0px !important }

.cb .rcbEmptyMessage { font-style:normal !important; }
.RadInput_Material { font-family:'Source Sans Pro' !important; font-size:15px !important; }
.RadInput_Material .riFocused { border-bottom-color:#0ba788 !important; box-shadow:0 -1px 0 0 #0ba788 inset !important; font-family:'Source Sans Pro' !important }
.rcbInput { font-size:15px !important; font-style:normal !important; font-family:'Source Sans Pro' !important }
.RadComboBoxDropDown_Material { font-size:15px !important; font-style:normal !important; font-family:'Source Sans Pro' !important }
.riDisabled { background:#fafafa !important; color:#a0a0a0 !important }

div.ko { height:40px; background:#f1f1f1; }
div.ko div.l { background:#0ba788; height:29px; padding:11px 0 0 50px; width:353px; font: 14px 'Source Sans Pro', Arial; display:inline-block; color:#fff; cursor:pointer }
div.ko div.l a { color:#fff; text-decoration:none; }

footer { background:url(images/footer.png) no-repeat; width:1200px; height:78px; margin:5px auto }

.bt_islem { border:none; background:#0ba788; float:right; color:#fff; width:auto; padding:23px 20px 23px 20px; margin-top:20px; margin-right:2px; text-align:center; height:auto; cursor:pointer; font:700 16px 'Source Sans Pro', Arial; }
.bt_islem:hover { border:none; background:#5b5b5b; color:#fff; }

.bt_odemeyap { border:none; background:#0ba788; color:#fff; width:auto; padding:13px 20px 13px 20px; margin-top:20px; margin-right:2px; text-align:center; height:auto; cursor:pointer; font:700 16px 'Source Sans Pro', Arial; }
.bt_odemeyap:hover { border:none; background:#5b5b5b; color:#fff; }

div.lbl_kisi_unvan { font:bold 16px 'Source Sans Pro', Arial; text-align:center; padding:0 }
div.lbl_kisi_detay { font:16px 'Source Sans Pro', Arial; text-align:center }
div.lbl_hata { padding:15px; font:16px 'Source Sans Pro', Arial; width:auto; background:#973b3b; color:#fff }
div.lbl_mesaj { padding:15px; font:700 16px 'Source Sans Pro', Arial; width:auto; background:#f1db87; color:#5b5b5b }


span.bilgi { font:11px 'Source Sans Pro', Arial; display:inline-block; padding:15px 0 0 3px }
div.lbl_tutar { font: bold 32px 'Source Sans Pro', Arial; color:#0ba788; display:block; padding:0; line-height:32px }
div.lbl_odeme { font: 14px 'Source Sans Pro', Arial; color:#0ba788; display:block; padding:10px 0 0 0; }
div.lbl_odemetarihi { font-size:11px; padding-top:10px; }

.c { text-align:center !important }
div.clear { clear:both }