/* =============================================
   JETONCU HUKUK - stil.css
   Son duzenleme: 23.11.2008 - Emre
   ============================================= */

body {
  margin: 0;
  padding: 15px 0 30px 0;
  background-color: #0b1f4a;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,0.035) 0 2px, transparent 2px 9px),
    linear-gradient(#173a7a, #0b1f4a 600px);
  background-attachment: fixed;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #222;
}

a { color: #0033cc; }
a:visited { color: #663399; }
a:hover { color: #cc0000; text-decoration: underline overline; }

#kap {
  width: 900px;
  margin: 0 auto;
  background: #fff;
  border: 3px solid #c9a227;
  box-shadow: 0 0 25px #000;
}

/* ---------- BANNER ---------- */
#banner {
  height: 130px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255,255,255,0.45), transparent 55%),
    linear-gradient(#2a5bd7 0%, #12347f 55%, #0a1f55 56%, #163f99 100%);
  border-bottom: 4px solid #c9a227;
}
#banner-terazi {
  position: absolute; left: 18px; top: 10px;
  font-size: 96px; line-height: 110px;
  color: #ffd84a;
  text-shadow: 3px 3px 0 #7a5a00, 0 0 18px #fff3a0;
}
#banner-yazi { position: absolute; left: 130px; top: 14px; }
.wordart {
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 64px;
  letter-spacing: 3px;
  line-height: 70px;
  background: linear-gradient(#fff9c4 0%, #ffd700 45%, #e08a00 55%, #ffcc33 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 2px #8b0000;
  filter: drop-shadow(4px 4px 0 #000);
  transform: skewX(-8deg);
}
#banner-alt {
  font-family: "Times New Roman", serif;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 2px 2px 0 #000;
  margin-top: 4px;
}
#banner-sag {
  position: absolute; right: 18px; top: 14px;
  width: 260px; height: 98px;
  text-align: center;
  background: linear-gradient(#ff3b3b, #b00000);
  border: 3px solid #fff;
  outline: 2px solid #8b0000;
  transform: rotate(3deg);
  box-shadow: 4px 4px 0 rgba(0,0,0,0.5);
}
#baslik-soru {
  font: italic bold 16px Georgia, serif;
  color: #fff;
  margin-top: 8px;
}
#baslik-ara {
  font: 30px Impact, "Arial Black", sans-serif;
  color: #ffeb3b;
  text-shadow: 2px 2px 0 #000;
  animation: yanson 0.9s steps(2) infinite;
}
#baslik-tel {
  font: bold 15px Arial, sans-serif;
  color: #fff;
  letter-spacing: 1px;
}
@keyframes yanson { 50% { color: #fff; } }

/* ---------- KAYAN YAZI ---------- */
#kayan {
  background: linear-gradient(#ffef8a, #ffcc00);
  border-bottom: 1px solid #b38f00;
  font-size: 12px;
  padding: 4px 0;
  color: #000;
}
.kirmizi { color: #e00000; font-weight: bold; }

/* ---------- GOVDE ---------- */
#govde { background: #eef2fb; }
#sol {
  float: left;
  width: 190px;
  padding: 10px 0 10px 10px;
}
#icerik {
  float: right;
  width: 650px;
  min-height: 700px;
  margin: 10px 10px 10px 0;
  padding: 12px 15px 20px 15px;
  background: #fff;
  border: 1px solid #9fb3df;
}
.temizle { clear: both; }

/* ---------- KUTULAR ---------- */
.kutu {
  background: #fff;
  border: 1px solid #7f9cd6;
  margin-bottom: 10px;
}
.kutu-baslik {
  background: linear-gradient(#5d8ae6 0%, #2d5bc4 50%, #1e48a8 51%, #2f63cf 100%);
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 5px 7px;
  text-shadow: 1px 1px 0 #002266;
}
.kutu-ic { padding: 7px; }
.orta { text-align: center; }
.kucuk { font-size: 10px; }
.buyuk { font-size: 20px; font-weight: bold; color: #1e48a8; }
.hava-ikon { font-size: 34px; color: #7d8fa8; line-height: 36px; }

#menu { list-style: none; margin: 0; padding: 0; }
#menu li { border-bottom: 1px dotted #9fb3df; }
#menu a {
  display: block;
  padding: 6px 8px 6px 22px;
  color: #12347f;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(#ffffff, #e3ebfb);
  position: relative;
}
#menu a:before {
  content: "\25BA";
  position: absolute; left: 8px;
  color: #c9a227;
  font-size: 9px;
  top: 7px;
}
#menu a:hover, #menu a.aktif {
  background: linear-gradient(#ffe066, #ffbf00);
  color: #8b0000;
}

#sayac {
  display: inline-block;
  font: bold 18px "Courier New", monospace;
  letter-spacing: 3px;
  color: #39ff14;
  background: #000;
  border: 2px inset #888;
  padding: 2px 5px;
  margin: 3px 0 6px 0;
  text-shadow: 0 0 6px #39ff14;
}

.dugme-kucuk, .dugme {
  font: bold 11px Tahoma, sans-serif;
  color: #fff;
  background: linear-gradient(#ff6a3d 0%, #e53d00 50%, #c42f00 51%, #ff5a1f 100%);
  border: 1px solid #8a2000;
  border-radius: 4px;
  padding: 3px 10px;
  cursor: pointer;
  margin-top: 5px;
  text-shadow: 1px 1px 0 #6a1800;
}
.dugme { font-size: 13px; padding: 6px 18px; }
.dugme:hover, .dugme-kucuk:hover { background: linear-gradient(#ff9a6d, #ff5a1f); }

.reklam {
  border: 2px dashed #999;
  background: repeating-linear-gradient(45deg, #f5f5f5 0 8px, #ececec 8px 16px);
  color: #888;
  text-align: center;
  padding: 25px 5px;
  font-weight: bold;
}

/* ---------- ICERIK ---------- */
#tarih-cubugu {
  font-size: 10px;
  color: #666;
  border-bottom: 1px solid #dde4f3;
  padding-bottom: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
#muzik { float: right; }

h1 {
  font: bold 20px "Trebuchet MS", Arial, sans-serif;
  color: #12347f;
  border-bottom: 3px double #c9a227;
  padding-bottom: 4px;
  margin: 0 0 12px 0;
}
h2 {
  font: bold 14px "Trebuchet MS", Arial, sans-serif;
  color: #fff;
  background: linear-gradient(#c40000, #8b0000);
  padding: 5px 8px;
  margin: 18px 0 8px 0;
  border-left: 6px solid #ffcc00;
}
p { line-height: 1.6; margin: 0 0 10px 0; font-size: 12px; }
ul.tik { padding-left: 0; list-style: none; font-size: 12px; }
ul.tik li { padding: 3px 0 3px 22px; position: relative; }
ul.tik li:before { content: "\2714"; color: #1f9d1f; font-weight: bold; position: absolute; left: 4px; }

.yanip { animation: yanip 1s steps(2) infinite; }
@keyframes yanip { 50% { visibility: hidden; } }

.yeni {
  display: inline-block;
  background: #e00000;
  color: #fff;
  font: bold 9px Arial, sans-serif;
  padding: 1px 4px;
  border-radius: 2px;
  transform: rotate(-6deg);
  animation: yanip 0.8s steps(2) infinite;
}

.kampanya {
  border: 3px dashed #e00000;
  background: #fff8c4;
  padding: 10px 14px;
  text-align: center;
  margin: 12px 0;
}
.kampanya .ana {
  font: 26px Impact, "Arial Black", sans-serif;
  color: #e00000;
  text-shadow: 2px 2px 0 #ffcc00;
}
.dipnot { font-size: 9px; color: #888; }

.iki-kolon { overflow: hidden; }
.iki-kolon .sol-yari { float: left; width: 315px; }
.iki-kolon .sag-yari { float: right; width: 320px; }

.cerceve {
  border: 1px solid #999;
  padding: 4px;
  background: #fff;
  box-shadow: 3px 3px 0 #ccc;
  display: inline-block;
  text-align: center;
}

.haber { border-bottom: 1px dotted #ccc; padding: 6px 0; font-size: 12px; }
.haber .t { color: #c40000; font-weight: bold; font-size: 11px; }

table.liste { width: 100%; border-collapse: collapse; font-size: 12px; }
table.liste th {
  background: linear-gradient(#5d8ae6, #1e48a8);
  color: #fff;
  padding: 6px;
  text-align: left;
  border: 1px solid #1e48a8;
}
table.liste td { padding: 7px 6px; border: 1px solid #c6d3ee; vertical-align: top; }
table.liste tr:nth-child(even) td { background: #f3f6fd; }
.fiyat { color: #c40000; font-weight: bold; white-space: nowrap; }
.ustu-cizik { text-decoration: line-through; color: #888; font-weight: normal; }

.yorum {
  border: 1px solid #c6d3ee;
  background: linear-gradient(#ffffff, #f3f6fd);
  padding: 10px 12px;
  margin-bottom: 10px;
}
.yorum .yildiz { color: #f0a800; font-size: 14px; letter-spacing: 1px; }
.yorum .kim { font-size: 11px; color: #555; margin-top: 4px; }

.defter {
  border: 1px solid #b9c7e8;
  margin-bottom: 8px;
  font-size: 12px;
}
.defter .ust {
  background: #dfe8fa;
  padding: 4px 8px;
  font-size: 11px;
  overflow: hidden;
}
.defter .ust .t { float: right; color: #666; }
.defter .nick { font-weight: bold; color: #c40000; }
.defter .msj { padding: 8px; }
.defter .cevap {
  margin: 0 8px 8px 8px;
  padding: 6px 8px;
  background: #fffbe0;
  border-left: 3px solid #c9a227;
  font-size: 11px;
}

form.klasik td { padding: 4px 6px; font-size: 12px; vertical-align: top; }
form.klasik input[type=text], form.klasik textarea, form.klasik select {
  font: 12px Verdana, sans-serif;
  border: 1px solid #7f9cd6;
  padding: 3px;
  width: 300px;
  background: #fbfcff;
}
form.klasik textarea { height: 90px; }

.video {
  width: 320px; height: 240px;
  background: #000;
  color: #ccc;
  position: relative;
  border: 1px solid #333;
  font-size: 11px;
}
.video .oynat {
  position: absolute; left: 50%; top: 50%;
  width: 60px; height: 42px;
  margin: -21px 0 0 -30px;
  background: linear-gradient(#ff3030, #b80000);
  border-radius: 9px;
  cursor: pointer;
}
.video .oynat:after {
  content: "";
  position: absolute; left: 24px; top: 12px;
  border-left: 16px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}
.video .cubuk {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 24px;
  background: linear-gradient(#444, #111);
  line-height: 24px;
  padding: 0 8px;
}
.video .baslik { position: absolute; left: 8px; top: 6px; color: #fff; font-weight: bold; }

.galeri { overflow: hidden; }
.galeri .foto {
  float: left;
  width: 190px;
  margin: 0 10px 14px 0;
  text-align: center;
  font-size: 11px;
}
.galeri .resim {
  height: 130px;
  border: 1px solid #999;
  padding: 3px;
  background: #fff;
  box-shadow: 3px 3px 0 #ccc;
  margin-bottom: 5px;
  display: flex; align-items: center; justify-content: center;
  font-size: 46px;
}

/* ---------- ALT ---------- */
#alt {
  background: linear-gradient(#1e48a8, #0b1f4a);
  color: #cfd9f2;
  text-align: center;
  padding: 12px 10px 14px 10px;
  border-top: 4px solid #c9a227;
}
#alt p { font-size: 10px; margin: 6px 0; line-height: 1.5; }
#alt a { color: #ffd84a; }
#alt-menu { font-size: 11px; margin-bottom: 6px; }
#rozetler { margin-top: 8px; }
.rozet {
  display: inline-block;
  width: 92px;
  white-space: nowrap;
  font: 9px Verdana, sans-serif;
  border: 1px solid #000;
  margin: 0 2px;
  padding: 2px 0;
  color: #fff;
}
.rozet b { display: inline-block; padding: 0 3px; }
.r-w3c { background: linear-gradient(90deg, #fff 0 34%, #005a9c 34%); }
.r-w3c b { color: #005a9c; }
.r-ff { background: linear-gradient(#ff8a00, #c43c00); }
.r-ie { background: linear-gradient(#3a8eea, #0b4fa8); }
.r-flash { background: linear-gradient(#e8202a, #8c0000); }

/* imlec parilti izi */
.parilti {
  position: absolute;
  pointer-events: none;
  color: #ffd700;
  font-size: 12px;
  text-shadow: 0 0 4px #fff;
  animation: sonum 0.7s linear forwards;
  z-index: 999;
}
@keyframes sonum { to { opacity: 0; transform: translateY(14px) scale(0.4); } }

/* =============================================
   EGITIM BOLUMU (body.egitim) - Jetoncu Yurtdisi Egitim
   Erkan "yesil olsun, Afrika yesildir" dedi - 12.11.2008
   ============================================= */
body.egitim {
  background-color: #0d3b1a;
  background-image:
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.04) 0 2px, transparent 2px 9px),
    linear-gradient(#1f7a35, #0d3b1a 600px);
}
.egitim #kap { border-color: #f2a900; }
.egitim #banner {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255,255,255,0.45), transparent 55%),
    linear-gradient(#3fbf5a 0%, #1b7d33 55%, #0f5a22 56%, #1f8f3b 100%);
  border-bottom-color: #f2a900;
}
.egitim #banner-sag {
  background: linear-gradient(#ff9d00, #d35400);
  outline-color: #7a3000;
  transform: rotate(-3deg);
}
.egitim #kayan { background: linear-gradient(#d9ffb3, #9be36b); border-bottom-color: #4f9a2a; }
.egitim #govde { background: #eef8ec; }
.egitim #icerik { border-color: #9fd3a5; }
.egitim .kutu { border-color: #6fbf7a; }
.egitim .kutu-baslik {
  background: linear-gradient(#5fd17a 0%, #2a9d47 50%, #1e8239 51%, #34ad51 100%);
  text-shadow: 1px 1px 0 #0b4a1c;
}
.egitim #menu li { border-bottom-color: #9fd3a5; }
.egitim #menu a { color: #145c27; background: linear-gradient(#ffffff, #e2f5e3); }
.egitim #menu a:before { color: #f2a900; }
.egitim #menu a:hover, .egitim #menu a.aktif { background: linear-gradient(#ffd27a, #ff9d00); color: #6a2400; }
.egitim .buyuk { color: #1e8239; }
.egitim h1 { color: #145c27; border-bottom-color: #f2a900; }
.egitim h2 { background: linear-gradient(#ff8c1a, #c45100); border-left-color: #2a9d47; }
.egitim .haber .t { color: #c45100; }
.egitim table.liste th { background: linear-gradient(#5fd17a, #1e8239); border-color: #1e8239; }
.egitim table.liste td { border-color: #bfe3c3; }
.egitim table.liste tr:nth-child(even) td { background: #f1faf1; }
.egitim .kampanya { border-color: #2a9d47; background: #f4ffe0; }
.egitim .kampanya .ana { color: #1e8239; text-shadow: 2px 2px 0 #ffd27a; }
.egitim .defter, .egitim .yorum { border-color: #bfe3c3; }
.egitim .defter .ust { background: #e2f5e3; }
.egitim #alt { background: linear-gradient(#1e8239, #0d3b1a); border-top-color: #f2a900; color: #d6f0d9; }
.egitim form.klasik input[type=text], .egitim form.klasik textarea, .egitim form.klasik select { border-color: #6fbf7a; }

#banner-ucak {
  position: absolute; left: 22px; top: 12px;
  font-size: 90px; line-height: 106px;
  color: #ffe08a;
  text-shadow: 3px 3px 0 #7a4a00, 0 0 18px #fff3a0;
  transform: rotate(-20deg);
}
.kur td { font-size: 11px; padding: 2px 0; }
.kur td.d { text-align: right; font-weight: bold; }
.diger-hizmet {
  display: block;
  text-align: center;
  padding: 8px 6px;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #fff;
  outline: 1px solid #999;
  color: #fff !important;
}
.diger-hizmet small { display: block; font-weight: normal; font-size: 10px; }
.diger-hizmet.d-egitim { background: linear-gradient(#4fd16a, #16802d); }
.diger-hizmet.d-hukuk { background: linear-gradient(#5d8ae6, #12347f); }
.sss dt { font-weight: bold; font-size: 12px; color: #145c27; margin-top: 12px; }
.sss dt:before { content: "S: "; color: #c45100; }
.sss dd { margin: 4px 0 0 0; font-size: 12px; line-height: 1.6; padding-left: 18px; }
.sss dd:before { content: "C: "; font-weight: bold; color: #1e8239; margin-left: -18px; }
.paket { float: left; width: 200px; margin-right: 10px; border: 2px solid #bfe3c3; text-align: center; background: #fff; }
.paket:last-child { margin-right: 0; }
.paket .ad { font: 20px Impact, sans-serif; color: #fff; padding: 6px 0; }
.paket.bronz .ad { background: linear-gradient(#e0a060, #8a5020); }
.paket.gumus .ad { background: linear-gradient(#e6e6e6, #8c8c8c); }
.paket.altin .ad { background: linear-gradient(#ffe066, #c99200); }
.paket .tutar { font: bold 22px Arial, sans-serif; color: #c40000; margin: 8px 0; }
.paket ul { text-align: left; font-size: 11px; padding: 0 8px 0 24px; margin: 0 0 10px 0; line-height: 1.6; min-height: 150px; }

/* =============================================
   JAPONYA BOLUMU (body.japonya) - Jetoncu Japonya Ask Danismanligi
   Kenan "kirmizi beyaz olsun, bayrak gibi" dedi - 20.11.2008
   ============================================= */
body.japonya {
  background-color: #5a0010;
  background-image:
    radial-gradient(circle at 20px 20px, rgba(255,192,214,0.10) 0 6px, transparent 7px),
    linear-gradient(#a3001f, #5a0010 600px);
  background-size: 40px 40px, auto;
}
.japonya #kap { border-color: #ff9ec0; }
.japonya #banner {
  background:
    radial-gradient(circle at 82% 50%, #fff 0 0, transparent 0),
    radial-gradient(ellipse at 20% 0%, rgba(255,255,255,0.5), transparent 55%),
    linear-gradient(#ff4d6d 0%, #d10a2f 55%, #a3001f 56%, #c9143a 100%);
  border-bottom-color: #ff9ec0;
}
.japonya .wordart { -webkit-text-stroke-color: #5a0010; }
.japonya #banner-sag {
  background: #fff;
  border-color: #d10a2f;
  outline-color: #fff;
  transform: rotate(2deg);
}
.japonya #baslik-soru { color: #a3001f; }
.japonya #baslik-ara { font-size: 23px; margin: 3px 0 2px 0; color: #d10a2f; text-shadow: 2px 2px 0 #ffc2d6; animation: yanson-j 0.9s steps(2) infinite; }
.japonya #baslik-tel { color: #5a0010; }
@keyframes yanson-j { 50% { color: #ff6f9a; } }
.japonya #kayan { background: linear-gradient(#ffe3ec, #ffb3cb); border-bottom-color: #e07096; }
.japonya #govde { background: #fff3f6; }
.japonya #icerik { border-color: #f2b6c8; }
.japonya .kutu { border-color: #ee8fae; }
.japonya .kutu-baslik {
  background: linear-gradient(#ff7a9a 0%, #e0234d 50%, #c4123b 51%, #e8325b 100%);
  text-shadow: 1px 1px 0 #5a0010;
}
.japonya #menu li { border-bottom-color: #f2b6c8; }
.japonya #menu a { color: #8a0022; background: linear-gradient(#ffffff, #ffe6ee); }
.japonya #menu a:before { content: "\273F"; color: #ff6f9a; font-size: 11px; top: 5px; }
.japonya #menu a:hover, .japonya #menu a.aktif { background: linear-gradient(#ffc2d6, #ff8fb1); color: #5a0010; }
.japonya .buyuk { color: #c4123b; }
.japonya h1 { color: #a3001f; border-bottom-color: #ff9ec0; }
.japonya h2 { background: linear-gradient(#e0234d, #8a0022); border-left-color: #ffc2d6; }
.japonya .haber .t { color: #c4123b; }
.japonya table.liste th { background: linear-gradient(#ff7a9a, #c4123b); border-color: #c4123b; }
.japonya table.liste td { border-color: #f5c7d5; }
.japonya table.liste tr:nth-child(even) td { background: #fff5f8; }
.japonya .kampanya { border-color: #e0234d; background: #fff0f5; }
.japonya .kampanya .ana { color: #d10a2f; text-shadow: 2px 2px 0 #ffd6e3; }
.japonya .defter, .japonya .yorum { border-color: #f5c7d5; }
.japonya .defter .ust { background: #ffe6ee; }
.japonya .defter .nick { color: #c4123b; }
.japonya .sss dt { color: #a3001f; }
.japonya .sss dt:before { color: #e0234d; }
.japonya .sss dd:before { color: #c4123b; }
.japonya #alt { background: linear-gradient(#c4123b, #5a0010); border-top-color: #ff9ec0; color: #ffd6e3; }
.japonya #alt a { color: #fff; }
.japonya form.klasik input[type=text], .japonya form.klasik textarea, .japonya form.klasik select { border-color: #ee8fae; }

#banner-gunes {
  position: absolute; left: 20px; top: 13px;
  width: 104px; height: 104px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0 8%, #fff2f5 9%, #ffe0ea 60%, #ffc2d6 100%);
  box-shadow: 0 0 20px #fff, inset 0 0 0 4px #d10a2f;
  text-align: center;
  font: 64px/104px Georgia, serif;
  color: #d10a2f;
}
.diger-hizmet.d-japonya { background: linear-gradient(#ff7a9a, #c4123b); }
.sozluk td.jp { font-weight: bold; color: #a3001f; white-space: nowrap; }
.sozluk td.yanlis { color: #c40000; }
.sozluk td.dogru { color: #1f7a35; }
.gunun-kelimesi { font: bold 18px Georgia, serif; color: #a3001f; }
.adim {
  border: 1px solid #f5c7d5;
  background: linear-gradient(#ffffff, #fff5f8);
  padding: 10px 12px;
  margin-bottom: 10px;
  overflow: hidden;
}
.adim .no {
  float: left;
  width: 38px; height: 38px;
  margin: 0 10px 4px 0;
  border-radius: 50%;
  background: linear-gradient(#ff7a9a, #c4123b);
  color: #fff;
  font: 22px/38px Impact, sans-serif;
  text-align: center;
}
.adim .baslik { font: bold 14px "Trebuchet MS", Arial, sans-serif; color: #a3001f; margin-bottom: 4px; }
.adim .kenan {
  clear: both;
  margin-top: 6px;
  padding: 5px 8px;
  background: #fffbe0;
  border-left: 3px solid #ff6f9a;
  font-size: 11px;
}
.paket.sakura .ad { background: linear-gradient(#ffc2d6, #e07096); }
.paket.samuray .ad { background: linear-gradient(#ff5a5a, #8a0000); }
.paket.shogun .ad { background: linear-gradient(#444, #000); color: #ffd700; }

/* sakura yagdirma scripti (2008'in kar yagdirma scriptlerinin Japon versiyonu) */
.yaprak {
  position: fixed;
  top: -20px;
  pointer-events: none;
  color: #ffb3cb;
  text-shadow: 0 0 2px #fff;
  z-index: 998;
  animation: yaprak-dus linear forwards;
}
@keyframes yaprak-dus {
  to { transform: translate(var(--kay, 60px), 105vh) rotate(540deg); }
}