/* 
    Created on : 20.Haz.2019, 22:18:27
    Author     : ali
*/
@import url('https://fonts.googleapis.com/css?family=Mukta+Vaani&subset=latin,latin-ext');
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
body{padding: 0; margin:0; font-family: 'Mukta Vaani', sans-serif; background: #000; height: 100%; } /*bg sil*/
a{background-color:transparent;color:inherit; text-decoration: none;}
a:active,a:hover{outline:0}
h1{margin:.67em 0;font-size:2em}
img{border:0}svg:not(:root){overflow:hidden}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#ustX{width: 100%; background: red; height: 80px; color: #fff;  text-align: center; font-size: 30px; line-height: 80px; font-weight: bold;  padding:0; box-shadow: 0 1px 3px #000; margin-bottom: 3px;}
#ustX a{padding: 5px; display: block; letter-spacing: 0;}
/*#titre{position: relative; width: 600px; margin: 0 auto;}*/
#titre{position: relative; width: 100%; margin: 0 auto;}
#ustX a:hover{text-shadow: 0 2px 50px #000; }
*{outline:none;}
@media only screen and (max-width: 600px) {
  .gekanakutu{ width: 1000px;    }
  .ustmenugek{float:left; width: 300px; border-radius:55px;  }
  .ustmenugek ul li img{width:50px; height: 50px;}
  .mka img{width: 100px; height: auto;}
  .geklogo img{width: 100px; height: auto;}
  .rgorselimg{width: 100px; height: auto;}
  .rgorselimgorta{width: 260px; height: auto;}
  .rgg img{width: 350px; height: auto;}

  .solkutu{  width: 100px ;       }
  .sagkutu{  width: 100px}
  .ortakutu{width: 520px; }
    .ortaalan{}
  .slider{width:520px;height:232px;}
  .slddv{width:520px;height:232px;}
  .jssorl-009-spin{width:100%;height:100%;}
  .duyuru{width: 343px; height: 178px!important;}
  .duyuru img{width: 300px; top:-45px}
  .sabit{ width: 167px; font-size:13px; height: 178px!important;}
  .sabit .sbtlnk{width: 169px; top:-45px;}
  .duyuru li{margin: 3px;  font-size: 13px; }
  .duyuru li a{width: 333px;}
.duyuru li span{ margin: 0 10px 0 1px ;   font-size: 10px;   }
  .duyurudetay img{max-width: 450px;}
}

@media only screen and (min-width:600px) and (max-width: 1500px) {
  .gekanakutu{ width: 1100px;   }
  .ustmenugek{float:left; width: 690px; border-radius:55px;  }
  .ustmenugek ul li img{width:90px; height: 90px;}
  .mka img{width: 200px; height: 80px}
  .geklogo img{width: 200px; height: 80px}
  .rgorselimg{width: 200px; height: auto;}
  .rgorselimgorta{width: 520px; height: auto;}
  .rgg img{width: 350px; height: auto;}

  .solkutu{  width: 200px ;       }
  .sagkutu{  width: 200px}
  .ortakutu{width: 620px;}
  .ortaalan{width:620px;height:232px;}
  .slider{width:620px;height:232px;}
  .slddv{width:620px;height:232px;}
  .jssorl-009-spin{width:100%;height:100%;}
  .duyuru{width: 418px; height: 178px!important;}
  .duyuru img{width: 375px; top:-45px}
  .duyuru ul{height: 158px!important}
  .sabit{ width: 192px; font-size:13px; height: 178px!important;}
  .sabit ul{ margin-top: 20px!important;}
  .sabit .sbtlnk{width: 169px; top:-45px;}
  .duyuru li{margin: 3px;  font-size: 13px; }
  .duyuru li a{width: 333px;}
    .duyuru li span{ margin: 0 10px 0 1px ;   font-size: 10px;   }
  .duyurudetay img{max-width: 450px;}
  .altsolkutu{  width: 200px; height: auto;    }
    .altortabanner{  width:  525px; height: auto;  }
    .altortabannerx img {width:  536px; height: auto;   }
    .altsagkutu{ width: 205px; height: auto; }
}


@media only screen and (min-width: 1500px) {
  .gekanakutu{width: 1280px;  }
  .ustmenugek{float:left; width: 780px; border-radius:65px; }
  .ustmenugek ul li img{width: 110px; height: 110px;}
  .mka img{width: 240px; height: 96px}
  .geklogo img{width: 240; height: 96px}
  .solkutu{ width: 250px ;  }

  .sagkutu{ width: 250px}
  .ortakutu{width: 700px;}
  .ortaalan{width:700px;height:300px;}
  .slider{width:700px;height:300px;}
  .slddv{width:700px;height:300px;}
  .jssorl-009-spin{width:100%;height:100%;}
  .duyuru{width: 460px;}
  .duyuru img{width: 440px; top:-55px}
  .sabit{ width: 230px;}
  .sabit .sbtlnk{top:-55px;}
  .duyuru li{margin: 5px;  font-size: 16px; }
  .duyuru li a{width: 440px;}
  .duyuru li span{ margin: 0 10px 0 2px ;   font-size: 13px;   }
  .duyurudetay img{max-width: 650px;}


}

.ustserit{position: relative; border-bottom: #aaa 5px  ; background: url('araclar/nokta.png'); border-radius:  0 0 75px 75px; border-bottom-style: solid  ; background: #eee  } /*bg sil  border-bottom-style: grove*/
.ustserit:hover{border-color: #333;}
.ustserit:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ustserit {
	display: inline-block;
}
/*IE-mac de bu bolumu sakla  */
* html .ustserit {height: 1%;}
.ustserit {display: block; margin: 0; padding: 0;  }
/* IE-mac bu bolumu saklam artik */
.geklogo{float: left; }
.ustmenugek{ border: #999; border-width: 0 3px 0 3px; border-style: dotted;    }
.ustmenugek:hover{border-color: #ff3333; }
.ustmenugek ul{padding: 0; margin: 0; width: 100%; text-align: center;  }
.ustmenugek ul li{display:inline-block; float:none; padding: 0; margin: 0;}

.ustmenugek ul li img:hover{transform: rotate(-30deg);}
.mka{float:right;}

.solkutu{position: relative; float:left; box-sizing: border-box; text-align: center; margin:  5px 10px; }

.solkutu ul{padding: 0; margin: 0;}
.solkutu ul li{position: relative; display: inline-block; box-sizing: border-box; padding: 9px 0 0 0; margin: 7px 0; background: url('araclar/siyahap.png'); border-radius: 3px;  }
.solkutu ul li:hover{background: #555;}

.sagkutu{position: relative;   float: left;   box-sizing: border-box;  text-align: center; margin:  5px 10px; }
.sagkutu ul{padding: 0; margin:0; position: relative; top:0;}
.sagkutu ul li{position: relative; display: inline-block; box-sizing: border-box; padding: 9px 0 0 0; margin: 7px 0; background: url('araclar/siyahap.png'); border-radius: 3px;   }
.sagkutu ul li:hover{background: #555;}

.ortaalan{position: relative;  float: left; height: 100%;  box-sizing: border-box;  text-align: center; margin:  10px 0; }
.ortaalan ul{padding: 0; margin:0; position: relative; top:0;}
.ortaalan ul li{position: relative; display: inline-block; box-sizing: border-box; padding: 9px 0 0 0; margin: 7px 0; background: url('araclar/siyahap.png'); border-radius: 3px;   }
.ortaalan ul li:hover{background: #555;}

.rgorselimg{position:relative; }
.rgg{position: absolute; display: none; z-index: 10;top:-50px; border-radius: 20px; padding: 10px; background: url('araclar/siyahap.png'); border-radius: 3px; }
.rggsag{right: -75px;}
.rggsol{left:-75px;}
/*.solkutu ul li img:hover{position: absolute; display: list-item ; width: 400px; height: 267px; z-index: 10; top:-50px; left:-40px; border-radius: 8px; box-shadow:  0 0 500px #000;}*/

.gekanakutu{min-height: 100%; 
  position: relative; margin: 0 auto; }
.altbanner{ }

.rgrup::after{content:''; display: block; clear: both;}
.altsolkutu{ display: inline-block; max-width: 250px;    box-sizing: border-box; text-align: center; margin:  5px 10px;}
.altortabanner{display: inline-block;  max-width: 712px;  box-sizing: border-box; text-align: center; margin:  5px 10px;}
.altortabannerx .rbkutu{ margin: 7px 5px;}

.altsagkutu{ display: inline-block; max-width: 250px; box-sizing: border-box; text-align: center; margin:  5px 10px;}
.rbkutu{position: relative;  display: inline-block; box-sizing: border-box; padding: 9px 0 0 0; margin: 7px 0; background: url('araclar/siyahap.png'); border-radius: 3px; }

.ortakutu{ position: relative; margin:   0 20px 0 20px;   box-sizing: border-box; float: left; text-align: center;  }  
.slider{position:relative;margin:0 auto;margin-top:10px;overflow:hidden;visibility:hidden; box-shadow: 0 5px 10px #000; }
.duyuru{ position: relative; float: left;   border : #AAA solid 1px; padding-top: 7px; margin-top: 55px; margin-right: 6px; background: #eee; height: 220px; } /*bg sil*/
.duyuru img{position: absolute; left:0; }
.duyuru ul{ padding: 0; margin: 0;text-align: left; height: 200px; overflow: hidden; overflow-y: scroll; }
.duyuru li{display: block; border-radius: 4px; border: 1px solid #1877BD; }
.duyuru li a{position: relative; display: block;padding: 2px 3px ;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;  }
.duyuru li a:hover{background: #1877BD; color: #fff; }
.duyuru li a span{padding: 6px 3px 5px 3px ;  background: #1877BD; color: #ccc;    }
.sabit{ position: relative; float: left;  border : #009540 solid 1px; padding-top: 7px; margin-top: 55px; background: #eee; height: 220px;} /*bg sil*/
.sabit .sbtlnk{position: absolute;  left:0; }
.sabit ul{ padding: 0; margin: 0;  margin-top: 40px;text-align: left; height: 180px; overflow: hidden; overflow-y: scroll; }
.sabit li{display: block;margin: 5px; padding:0; border-radius: 4px; border: 1px solid #009540;}
.sabit li a{display: block; padding: 5px ;}
.sabit li:hover{background: #009540; color: #fff; }

.beniara{background: #eee} /*bg sil*/
.beniara h1{border-bottom: 1px #cc0033 solid; padding: 5px;  background: url('araclar/nokta.png'); border-radius: 6px 6px 0 0; font-size:24px;  }
.beniara h4{font-size: 20px; color:#cc0033;  }
.beniaraliste{padding: 0; margin: 0;}
.beniaraliste li{display: block; list-style: none; text-align: left; padding:  5px; border-radius: 8px; border:1px solid #ddd; margin: 3px;}
.beniaraliste li span{display: inline-block;}
.beniaraliste li .duzenle{background: #0066cc; color:#fff; padding: 5px 20px; cursor: pointer}
.beniaraliste li .duzenle:hover {background: #0000cc;}
.beniaraliste li .ekle{background: #009540; color:#fff; padding: 5px 20px; cursor: pointer}
.beniaraliste li .ekle:hover{background: #005540;}
.beniaraliste li .sil{background: #990000; color:#fff; padding: 5px 25px; cursor: pointer}
.beniaraliste li .sil:hover{background: #DD0000; }
.beniaraliste li input{padding: 5px 10px; margin: 5px; border: 1px solid #999; font-size: 18px; }
.beniaraliste li input:read-only { color:#777; }
.beniara h4{border-bottom: 1px solid #999;}

/*form div{margin: 10px;}*/
.combobx{width: 300px; font-size:18px; padding: 9px; border-radius: 8px; border:1px solid #245269; color : #245269; }
.btngnl{ background: #cc0033; font-size:16px; color:#fff; padding: 10px; border: 1px solid #cc0033; border-radius: 4px; }
.btngnl:hover{ color: #cc0033; background: #fff; }
.duyurudetay {min-height: 525px; padding: 5px; background: #eee} /*bg sil*/
.duyurudetay p{text-align: left;}
.duyurudetay h1{Padding: 5px; border-bottom: 1px #0099cc solid; background: url('araclar/nokta.png'); box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; border-radius: 6px 6px 0 0; font-size:24px; text-align: center;  }
.durumalt{background: #0099cc; color:#fff; font-size: 13px; padding: 3px; border-radius: 0 0 6px 6px ;}
.formlist li{display: block; text-align: left; margin: 5px;}
.formlist li a{display: block; list-style: circle; padding: 5px; border:#ccc 1px solid; }
.formlist li a:hover{background: #ccc;}
.formlist li span{float:right; font-size:12px; line-height: 25px; color:#666;}
.buyutec{position: absolute; bottom: -10px;   padding: 3px; width: 15px; height: 16px; background: url('araclar/nokta.png'); border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }
.buyutecsag{right: -23px;}
.buyutecsol{left: -23px;}
.temizle{clear: both;}
.altayrim {padding-bottom: 100px;}
.sayfadurum{text-align: right; padding: 5px; margin: 5px; font-size: 14px;   }
.geribtn{padding: 5px ; background: #0099cc; color:#fff; border-radius: 8px;}
.fuarbilgi{ position: fixed; top:120px; right: 30px; margin: 0; padding: 0; width: 200px; text-align: center; background: #555; color:#fff; border-radius: 20px; box-shadow: 0 0 10px #000; z-index: 1}
.fuarbilgi h2,h3 {margin: 0; padding: 0;}
.fuarbilgi h3{border-bottom: 1px solid #777;}

.sarkaplan{position: fixed;
	left: 0;
	top: 0;
	z-index: -1;}
.popup{z-index:100; position: fixed; left:0; top:0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;   margin: 0; padding: 0; text-align: center;}
.popup .kutu{position: relative; left:50%; margin-left: -400px; top:20px;; float: left; height: 100%;  }
.popup .kutux{position: relative;   height: 100%; overflow: auto; }
.popmetin{width: 600px;  background: #fff;color:#000; z-index: 101; text-align: left; padding: 20px 10px; font-size:20px; }
#popupbaslik{position: relative; top:0; left: 0; color:#fff; background-color: rgba(0, 0, 0, 0.7); padding: 4px; font-weight: bold; font-size:20px; border-radius: 8px 0 0 0 ; z-index: 10;  }
#popupkapat{position: relative; padding: 0 3px; background: #cc0033; color:#fff; float: right; cursor: pointer; border-radius: 8px;  }
#popupicerik{ }
footer{color: #fff;   padding: 8px; box-sizing: border-box;
/*       background: #a30602;*/
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0; margin-top: 50px;}
.sagspan{float: right; }
.footersabit{clear: both; position:  fixed; height: 25px; background: red; font-size: 14px; line-height: 25px; color : #fff; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0; box-shadow: 0 1px 8px #000; font-weight: bold;}