body,td,input,textarea,select,button,submit,a { font-family: 'Rajdhani', tahoma; font-size:16px; text-decoration: none; color:#000; }
form { margin:0px; padding:0px; } img { border:none; }
html, body { margin:0; padding:0; background: url(/img/arki2.jpg) no-repeat center center fixed; background-size: cover; margin-top:3px; }

.baslik { display:block; width:90%; color:#fff; margin-bottom:10px; background: linear-gradient(135deg, rgba(0,128,128,0.5) 0%, rgba(68,68,68,0.5) 100%); box-shadow: 0 0 8px rgba(255,255,255,0.7); border-radius:12px; padding:10px 0; }
.baslik a { font-size:16px; color:#ccc; margin:0 3px; }
.heykeller { display: block; width:90%; display:flex; flex-wrap: wrap; gap:3.333%; }
.heykeller a { position:relative; display:block; width:48%; margin-top:6px; }
.heykeller a img { width:100%; height:230px; object-fit:cover; border-radius:5px; }
.heykeller a span { position:absolute; bottom:8%; left:3%; width:90%; padding:5px; background: url(/img/a2.png) repeat; color:#fff; border-radius:4px; font-size:14px; text-align:center; font-weight:bold; }
.sosyal { display:block; width:330px; height:64px; margin:15px auto; background: url(/img/sos.png) no-repeat; background-size:320px auto; }
.sosyal a { float:left; width:58px; height:64px; margin-right:7px; }
.altnot{ width:90%; font-size:15px; color: #fff; }
.heykelci { width:90%; }
.sayfa a { width: 24px; height: 26px; line-height: 26px; border:none; display: inline-block; text-align:center; margin:2px; background: url(/img/s1.png) no-repeat; font-weight:bold; color:#3A3A3A;  }
.sayfa span { width: 24px; height: 26px; line-height: 26px; display: inline-block; margin:3px; background: url(/img/s2.png) no-repeat; text-align:center; }

.heykel-select {
  width: 150px;
  height: 46px;
  padding: 0 45px 0 14px;
  font-size: 17px;
  color: #222;
  background-color: #f2f2f2;
  border: 2px solid #444;
  border-radius: 12px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23444'><polygon points='0,0 16,0 8,10'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.heykel-select:focus {
  outline: none;
  border-color: #000;
}