@charset "utf-8";
/* CSS Document */

body {
    margin: 20px 0 0 0;
    background:url(../images/fon.gif) #bd1e2c;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}

img { border:0; }

form { margin:0; padding:0; }

a:link {
    color:#993300;
    text-decoration:none;
}
a:hover {
    color:#990000;
    text-decoration:underline;
}
a:visited {
    color:#993300;
    text-decoration:none;
}

.dinle_liste{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
}
#site-ust {
    height: 108px;
    width: 980px;
    background-image: url(../images/zemin-ust.png);
    margin:0 auto;
}

#site-govde {
    background-color: #FFFFFF;
    width: 980px;
    margin:0 auto;
}
#site-alt {
    background-image: url(../images/zemin-alt.png);
    height: 35px;
    width: 980px;
    margin:0 auto;
    text-align: center;
    padding-top: 15px;
}
#site-ust #logo {
    margin: 20px 0 13px 50px;
    float: left;
    height: 83px;
    width: 250px;
}

#site-ust #arama_form {
    background: url("../images/ara.png") repeat scroll 0 0 transparent;
    clear: right;
    float: right;
    height: 37px;
    margin: 0 30px 0 0;
    width: 339px;
}


#site-ust #arama_form #bul {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:14px;
    height:24px;
    margin:0;
    vertical-align:middle;
    width:215px;
    color: #666666;
    margin:0 0 0 55px;
}

#site-ust #arama_form #bul-buton {
    height:23px;
    width:24px;
    position:relative;
    cursor:pointer;
    background:url(../images/buyutec.png) no-repeat left top transparent ;
    border:0;
    margin-top:5px;
}

#site-govde #oval-kapsayici-ust {
    background-image: url(../images/ic-zemin-ust.png);
    height: 21px;
    width: 956px;
    margin: 0 auto;
}
#site-govde #oval-kapsayici-orta {
    background-image: url(../images/ic-zemin-orta.png);
    width: 956px;
    margin: 0 auto;
}
#site-govde #oval-kapsayici-alt {
    background-image: url(../images/ic-zemin-alt.png);
    height: 21px;
    width: 956px;
    margin: 0 auto;
}
#site-govde #oval-kapsayici-orta #dinle-blok #dinle {
    background: url(../images/play-icon.png) left no-repeat;
    float: left;
    width: 400px;
    padding-left:20px;
    margin-left: 25px;
    height:19px;
    overflow:hidden;
}

#site-govde #oval-kapsayici-orta #izle-blok #izle {
    float: left;
    width: 170px;
    padding: 5px;
    text-align:center;
}

table.resimli-menu img {
    width: 220px;
}

#tezhip-baslik { margin:10px 0 10px 10px; clear:both; }
#tezhip-baslik #baslik-sol { background:url(../images/baslik-cerceve-sol.png); width:105px; height:60px; float:left; }
#tezhip-baslik #baslik-orta { background:url(../images/baslik-cerceve-orta.png) repeat-x; height:60px; float: left; text-align:center; }
#tezhip-baslik #baslik-orta h1 { font-size:22px; color:#996600; }
#tezhip-baslik #baslik-sag { background:url(../images/baslik-cerceve-sag.png); width:105px; height:60px; float:left; }

#metin { width:85%; margin:0 auto; padding:25px; line-height:1.6em; text-align:justify; }

.sol_sutun { width:375px; float:left; margin-left:5px; }

.sag_sutun { width:547px; float:right; margin-right:5px; }

h2 { margin:0; padding:0; padding-top:13px; padding-left:30px; color:brown; font:Georgia, "Times New Roman", Times, serif; font-size:150%; font-style:italic; }

.dinle_kitaplar h2 { width:348px; height:58px; background:url(../images/kategori-baslik.png);  }
.dinle_liste h2 { width:348px; height:67px; background:url(../images/calma-listesi-baslik.png);}
.dinle_dosyalar h2 { width:520px; height:74px; background:url(../images/dosya-listesi-baslik.png); }
.dinle_player h2 { width:520px; height:63px; background:url(../images/player-baslik.png);  }

.dinle_dar_govde { background:url(../images/dar-liste-orta.png) repeat-y; width:335px; padding:0 20px; }

.dinle_dar_alt { background:url(../images/dar-liste-alt.png); width:375px; height:21px; }

.dinle_genis_govde { background:url(../images/genis-liste-orta.png) repeat-y; width:507px; padding:0 20px; padding-top:10px;}

.dinle_genis_alt { background:url(../images/genis-liste-alt.png); width:547px; height:21px; }

#dosya-aciklama { color:#999999; font-style:italic; margin-bottom:10px; }

#lisan {
    float: right;
    margin: 15px;
}

li.aklif_li a {font-weight: bold;font-size: 15px;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  /* background-color: #fefefe; */
  margin: auto;
  padding: 20px;
  /* border: 1px solid #888; */
  width: fit-content;
  text-align: center;
}

/* The Close Button */
.close {
  color: #d32f2f;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}