*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  src: url('open-sans-webfont.eot'); /* IE9 Compat Modes */
  src: url('open-sans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('open-sans-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('open-sans-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body{background-color:#393731;font-size:1em;font-family:'Open Sans',sans-serif;color:silver;margin:0;padding:0}
a{color:#996;text-decoration:none}
form{margin:0}
a:hover{text-decoration:underline;color:#996}
.header-cont{width:100%;height:87px;border-bottom:3px solid #252525;background:#161616}
.header-cont .header{width:100%;max-width:1000px;margin:0 auto}
.header-cont .header .logo{width:212px;float:left;height:40px;margin-top:23px}
.header-cont .header .menu-bar{float:left;margin-top:20px;margin-right:15px;font-size:1em}
#time{background:#161616 url(images/time.png) no-repeat left center;float:left;color:#9CB86A;margin-top:30px;position:relative}
#container{width:67%;border-left:10px solid #252525;margin:auto}
#content{float:left;background-color:#393731;border-right:5px solid #252525;margin:0 0 0 1em;width:67%}
#content img{padding:10px;max-width:100%;display:block;margin-left:auto;margin-right:auto}
#content .box{width:300px;float:left}
#content p{text-align:center;font-size:1em;margin:0;padding:10px 10px 5px 15px}
#content ul{text-align:center;font-size:1em;margin:0;padding:0 10px 5px 15px;list-style-position:inside;overflow:hidden}
.slot1{padding:5px 0 0 10px;width:98%;display:block;overflow:hidden}
.slot2{width:100%;display:block;overflow:hidden}
h2.baslik{margin-top:10px;text-align:center;font-size:1.2em;padding:5px 0 5px 10px}
h2.baslik a{color:#9CB86A}
h2{background-color:#252525;color:#9CB86A;text-align:center;margin:0 10px}
#content h3{background:#252525 url(images/downicon_96x96.png) no-repeat 1em center;margin:15px 10px;text-align:center;font-size:1em;border-radius:10px;word-wrap:break-word}
#content h3 a{word-wrap:break-word}
.menu{overflow:hidden}
.menu ul li{float:left;list-style:none}
.menu ul li a{display:block;padding:10px;color:#9CB86A;border-right:1px solid #555;font-size:1em;font-weight:700}
.menu ul li a:hover{background-color:#9CB86A;color:#000}
.mob{background-color:#161616;cursor:pointer;overflow-y:hidden}
.mob ul li{float:left;list-style:none}
.mob ul li a{display:block;padding:10px;color:#9CB86A;border-right:1px solid #555;font-size:1em;font-weight:700}
.mob ul li a:hover{background-color:#FFB019;color:#000}
.menuAc{color:#9CB86A;font-weight:700;cursor:pointer;display:none;font-size:1em;padding:5px 10px 10px 80px;background:url(images/menu.png) no-repeat 50px center}
#right{background-color:#252525;display:block;float:left;width:31%;font-size:1em;overflow:hidden}
#right .img{text-align:center}
#right h4{border:1px solid #393731;height:25px;font-size:1em;color:#9CB86A;background:#161616 url(images/h4.gif) no-repeat 5px center;margin:0;padding:5px 0 30px 25px}
.frm p a,.satnews p,.satnews2 p{text-align:left;font-size:1em;border-bottom:1px dashed #393731;word-wrap:break-word;margin:0;padding:5px 5px 5px 25px}
.satnews p,.satnews2 p{color:#818181;background:url(images/satnews.gif) no-repeat 10px center}
.frm p{background:url(images/frm-dot.gif) no-repeat 10px center}
.frm p a{color:#996;display:block}
.codes{background:url(images/frm-dot.gif) no-repeat 10px center;color:#996;padding:5px 0 5px 25px}
.codes.tv{background:none;text-align:center}
.footer-distributed{background-color:#161616;box-shadow:0 1px 1px 0 rgba(0,0,0,0.12);box-sizing:border-box;width:100%;text-align:left;font:normal 16px sans-serif;padding:20px 25px;border-top:5px solid #252525}
.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{display:inline-block;vertical-align:middle}
.footer-distributed .footer-left{width:30%}
.footer-distributed .footer-left p{color:#8f9296;font-size:14px;margin:0}
.footer-distributed p.footer-links{font-size:18px;font-weight:700;margin:0 0 10px;padding:0}
.footer-distributed p.footer-links a{font-size:small;display:inline-block;line-height:1.8;text-decoration:none;color:inherit}
.footer-distributed .footer-center{width:35%}
.footer-distributed .footer-right{width:20%}
.footer-distributed form{position:relative}
.footer-distributed form input{background:none!important;display:block;border-radius:3px;background-color:#1f2022!important;border:none!important;font:inherit;font-size:14px;font-weight:400;color:#d1d2d2;width:70%;padding:18px!important;float:left;text-align:right}
.footer-distributed form .sub{background:#1f2022 url(images/search.png) no-repeat 5px center!important;width:20px;height:20px;cursor:pointer;float:right;position:absolute}
.footer-distributed form input:focus{outline:none}
#content #list{width:99%;padding:10px;overflow:hidden;color:silver}
#list .aciklama{background-color:#252525;text-align:center}
#list .boyut{background:#252525;text-align:center}
#list .link{padding:0 0 0 40px;background:#252525 url(images/down.png) no-repeat 10px center;width:50%}
#list .link a{color:#996}
#list .link:hover{background-color:#222;color:#20FFB0}
#list .blm{background:#252525;color:#9CB86A;padding:5px}
.hide{display:none}
@media(max-width:1600px) {
#container{width:90%}
}
@media(max-width:1480px) {
#container{width:90%}
}
@media(max-width:1366px) {
#container{width:90%}
#right{width:31.5%}
}
@media(max-width:1360px) {
#container{width:90%}
}
@media(max-width:1280px) {
#container{width:100%}
#right{width:31%}
}
@media (min-width: 855px) {
.menu ul{display:block!important;margin:0}
.mob{display:none!important;margin:0}
}
@media(max-width:855px) {
#container{width:100%;border:0}
#content{margin-left:0;width:100%;border:0}
#right{width:100%;padding:1em}
.menuAc{display:block;font-size:1em}
.menu ul{display:none}
.mob{display:none}
.mob ul li{float:none;width:90%}
.mob ul li a{border-right:none;border-bottom:1px solid #555}
}
@media (max-width: 500px) {
#time{display:none}
#content h3{font-size:1em;background-size:10%;padding-left:3em}
.footer-distributed{font:bold 14px sans-serif}
.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{width:100%;margin-bottom:10px;text-align:center}
.footer-distributed form input{width:100%}
#list{font-size:.9em}
#list .link{padding:0 0 0 10px;background-image:none}
#content .box{width:100%}
}