@charset "utf-8";
/* Harf Lütfen Mobil */
html{
	height:100%;
		min-height:410px;
	min-width:728px;
	}
body {
	margin: 0px;
	padding: 0px;
	color: #333;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 100%;
	min-height: 410px;
	min-width: 728px;
	background-color: #FFF;
}
a{
	text-decoration: none;
	color: #FFF;
	cursor:pointer;
}
a:hover{

}
tr:hover,
td:hover,
a,
input[type=submit], 
input[type=reset], 
input[type=button] {	 
	-o-transition:color .1s ease-out, background .1s ease-in, border .1s ease-in;
  	-ms-transition:color .1s ease-out, background .1s ease-in, border .1s ease-in;
  	-moz-transition:color .1s ease-out, background .1s ease-in, border .1s ease-in;
  	-webkit-transition:color .1s ease-out, background .1s ease-in, border .1s ease-in;
  	transition:color .1s ease-out, background .1s ease-in, border .1s ease-in;
    -webkit-appearance:none;
}
a img { border:none; }
.temizle { display: block; clear: both; }
.oyun {
	background-image: url(../gorsel/htmlbg.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size:100% 100%;
	height: 100%;
	width: 100%;
	overflow: hidden;
	min-height:410px;
	min-width:728px;
}
.giris { position:relative; }
.giris .logo {
	display: block;
}
.giris .logo img { 
    height: 422px;
    width: auto;
    position: relative;
    top: -15px;
    border: none;
    left: -85px;

}
.giris .uye { position: relative; padding-left: 10px; padding-top:10px; z-index: 20; height: 46px; overflow: hidden; display: block; max-width: 250px; }
.giris .uye span { display: inline-block; background-image: url(../gorsel/html_baslik_oyuncu.png); background-repeat: no-repeat; background-position: 8px 6px; background-size: 24px; border-radius: 50px; width: 40px; height: 40px; background-color: #c83c01;  z-index: 11; position: absolute; left: 10px; border:3px solid #fff;  }

.giris .uye u { display: inline-block; border-radius: 50px; width: 40px; height: 40px; background-color: #c83c01; z-index: 11; position: absolute; left: 10px; border:3px solid #fff; text-decoration: none; }
.giris .uye u img { width: 40px; height: 40px; border-radius: 50px; border: none;} 
.giris .uye b { display: none; overflow: hidden; text-decoration: none; font-style: normal; height: 46px; background-color: #333; position: absolute; left: 26px; z-index: 10; border-radius: 10px 20px 20px 10px; } 
.giris .uye i { text-decoration: none; font-style: normal; font-weight: 700; font-size: 16px; color: #fff; line-height: 16px; display: inline-block; padding-left: 36px; padding-top: 14px; padding-right: 12px; padding-bottom: 5px;  font-family: OpenSans, cursive; }
.giris .uye:hover b { display: block; }

.giris .ortala { top:30px; left:30px; width:100%; text-align: center; }
.ortala { position:absolute; }

.canliskorbolme { display: none;
    width: 241px;
    z-index: 17;
    background-color: #fff;
    border-left: 2px solid #c83c01;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
    box-shadow: -1px -8px 9px 0px rgba(0,0,0,0.5); }

.ilerlemebolme { display: none;
	font-family:  "Arial", "OpenSans","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Verdana", "sans-serif";
    width: 241px;
    z-index: 17;
    background-color: #fff;
    border-left: 2px solid #c83c01;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
    box-shadow: -1px -8px 9px 0px rgba(0,0,0,0.5);
    font-weight: 700;
    overflow-y: auto;
     }
.cikisbolme { display: none;
	font-family:  "OpenSans","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Verdana", "sans-serif";
    width: 241px;
    z-index: 17;
    background-color: #fff;
    border-left: 2px solid #c83c01;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
    box-shadow: -1px -8px 9px 0px rgba(0,0,0,0.5);
    overflow-y: auto;
     }
.cikisbolme p { text-align: center; padding: 10px; line-height: 18px; color: #666;  }    
.cikisbolme .yarismadanayril { text-decoration: none; color: #FFF; background-color: #c83d02; display: inline-block; padding: 8px 10px; border-radius: 5px; }
.cikisbolme .yarismadanayril:hover { background-color: #333;}
.ilerlemebolme .ilerlemesatir { display: block; height: 25px; padding:5px; line-height: 25px; box-shadow: inset 0px 1px 0px #dedede;  }
.ilerlemebolme .ilerlemesatir:nth-child(odd) { background-color: #eee;  }
.ilerlemebolme .i_sira { display: inline-block;
	box-shadow: inset 0px 0px 20px 0px #00000026;
    width: 20px;
    color: #fff;
    background-color: #ccc;
    border-radius: 4px;
    text-align: center;
    padding: 0px 2px;  }
.ilerlemebolme .i_sira.aktif { background-color: #c83c01;  }
.ilerlemebolme .i_sira.gecilen { background-color: #666;  }
.ilerlemebolme .i_kelime { display: inline-block; width: 130px;
	font-family: "arial black","Arial", "OpenSans","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Verdana", "sans-serif";
    font-size: 16px;
    line-height: 16px;
    color: #444;
} 
.ilerlemebolme .i_puan { display: inline-block;
    width: auto;
    float: right;
    border-radius: 5px;
    text-align: right;
    padding: 0px 2px;
    color: #aaa;
    font-size: 12px;
     }

.ilerlemebolme .i_puan.yesil{
	color: #fff;
	background-color: #090;
}
.ilerlemebolme .i_puan.kirmizi{
	color: #fff;
	background-color: #C00;
}

.ilerlemebolme .i_puan.turuncu{
	color: #fff;
	background-color: #FF6600;
}

.canliskorbolme iframe { height: 100%; width: 100%; border:none; background-color: transparent; overflow: hidden;}
.yandugmeler { position: absolute; z-index: 11; right: 0px; top: 30%; }
.fade { display: none; background-color: #000; opacity: 0.5; position: absolute; left: 0px; right: 0px; bottom: 0px; top:0px; z-index: 16; cursor: pointer; }
.yandugmeler .yandugme {     
	width: 65px;
    height: 55px;
    background-color: #c83c01;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    display: block;
    border-radius: 10px 0px 0px 10px;
	margin-bottom: 10px;
}
.yandugmeler .yandugme:hover { background-color: #333; }  
.yandugmeler .yandugme.dugme-canliskor { background-image: url(../gorsel/html_btn_canliskor.png); }
.yandugmeler .yandugme.dugme-cikis { background-image: url(../gorsel/html_btn_cikis.png); }
.yandugmeler .yandugme.dugme-ilerleme { background-image: url(../gorsel/html_btn_ilerleme.png); }

.hazir .logo {
	text-align: center;
	display: block;
	width: 100%;
	height: 260px;
}
.hazir .logo img { height: 400px; width: auto; position: relative; top: -100px; border:none; }
.girisdugmeler {
 	position: absolute; right: 50px; bottom: 21px; 
	background-image: url(../gorsel/html_menudirek.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 60px auto;
	padding-top: 25px;
	height: 355px;
}
.girisdugmeler a{
	display: block;
	background-repeat:no-repeat; 
	background-position: center center;
    height: 65px;
    width: 175px;
    background-size: auto 60px;
	margin-top: 0px;
}

.dugme-oyna {
	background-image: url(../gorsel/html_btn_oyna.png);
}
.dugme-kurallar {	
	background-image: url(../gorsel/html_btn_kurallar.png);
	 }
.dugme-eniyiler {
	background-image: url(../gorsel/html_btn_eniyiler.png);
	}
.dugme-hakkinda {
	background-image: url(../gorsel/html_btn_hakkinda.png);
	}
.dugme-flash {
	background-image: url(../gorsel/html_btn_flash.png);
	}
.dugme-oyna:hover {
	background-size: auto 65px;
}
.dugme-kurallar:hover {	
	background-size: auto 65px;
	 }
.dugme-eniyiler:hover {
	background-size: auto 65px;
	}
.dugme-hakkinda:hover {
	background-size: auto 65px;
	}
.dugme-flash:hover {
	background-size: auto 65px;
	}
.altdugmeler { position:absolute; left:1px; right:1px; bottom:0px; text-align:center; z-index: 11; }
.altdugmeler a {
	display: inline-block;
	background-repeat:no-repeat; 
	letter-spacing: -4px;
	vertical-align: bottom;
}
.altdugmeler a.sag { float:right; margin-right: 5px; }
.altdugmeler a.sol { float:left; margin-left: 5px; }

.dugme-geri {
    background-image: url(../gorsel/html_btn_geri.png);
    background-position: 5px 9px;
	height: 80px;
    width: 100px;	
	background-size: 95px auto;
	margin-left: 0px !important;
	}
.dugme-geri:hover {
	background-position: 0px 9px; }
.dugme-ileri {
    background-image: url(../gorsel/html_btn_ileri.png);
    background-position: 0px 6px;
	height: 80px;
    width: 100px;
	background-size: 95px auto;
	margin-right: 0px !important;
	}
.dugme-ileri:hover {
	background-position: 5px 6px; }
.dugme-tumskorlar {
	background-image: url(../gorsel/html_btn_tumskorlar.png);
	background-position: center 6px;
    height: 80px;
    width: 160px;
    background-size: 160px auto;
	}	
.dugme-tumskorlar:hover {
	background-position: center 1px; }
.dugme-skorlar {
	background-image: url(../gorsel/html_btn_skorlar.png);
    background-position: center 12px;
    height: 85px;
    width: 120px;
    background-size: 120px auto;
}
.dugme-skorlar:hover { background-position: center 7px;}
.dugme-tekrar {
	background-image: url(../gorsel/html_btn_tekrar.png);
    background-position: center 9px;
    height: 85px;
    width: 160px;
    background-size: 160px auto;
}	
.dugme-tekrar:hover {background-position: center 5px;}	
.cevapla {	
    background-image: url(../gorsel/html_btn_cevapver.png);
    background-position: center 6px;
    height: 85px;
    width: 125px;
    background-size: 125px auto;
	display: none; 
	}
.cevapla:hover {background-position: center 1px;}
.cevapver {
    background-image: url(../gorsel/html_btn_tamam.png);
    background-position: center 9px;
    height: 85px;
    width: 105px;
    background-size: 105px auto;

	}
.cevapver:hover {
	background-position: center 4px; }
.siradaki {	
	background-image: url(../gorsel/html_btn_siradaki.png);
    background-position: center 9px;
    height: 85px;
    width: 177px;
    background-size: 177px auto;
}
.siradaki:hover {	
	background-position: center 4px;}
.sonucagit {	
	background-image: url(../gorsel/html_btn_sonuc.png);
    background-position: center 8px;
    height: 85px;
    width: 150px;
    background-size: 145px auto;
}
.sonucagit:hover {	
	background-position: center 3px;}

.harfal {
    background-image: url(../gorsel/html_btn_harfal.png);
    background-position: center 6px;
    height: 85px;
    width: 155px;
    background-size: 155px auto;
	display: none; 
	}
.harfal:hover {
    background-position: center 1px;
}
.dugmeler a:hover { opacity:0.6; }

.dugmeler a:first-child{

}
.ekran {
	padding: 0px;
	position: relative;
	height: 100%;

	display:none;
}
.ekran .ic {
	background-color: rgba(255,255,255,0.8);
	margin: 10px;
	padding: 12px;
	border-radius: 15px;
	display: block;
	position: absolute;
	left: 0px;
	top: 45px;
	right: 0px;
	bottom: 60px;
}
.ekran.giris { display:block; }
.ekran.harflutfen { display:block; }
.ekran.eniyiler { display:block; }
.ekran.hakkinda { display:block; }
.ekran.oturum { display:block; }


.hakkinda .bolme-sol { display: inline-block; text-align: center; width: 49%; margin-top: 20px; border-right: 2px solid #c83c01; float: left; }
.hakkinda .bolme-sag { display: inline-block; text-align: left; width: 49%; margin-top: 20px; float: right; }

.hakkinda .oyun-bilgi { font-family: Arial; position: relative; display: inline-block; text-align: left; height: 90px;  }
.hakkinda .oyun-detay { padding-left: 95px; padding-top: 5px;  }
.hakkinda .oyun-logo { width: 85px; height: 85px; position: absolute; left: 0px; top:0px; }
.hakkinda .oyun-logo img { width: 85px; height: 85px; border: none; }
.hakkinda .oyun-ad { font-size: 32px; font-weight: 700; color: #333; }
.hakkinda .oyun-slogan { font-size: 18px; font-weight: 400; color: #666; }
.hakkinda .oyun-site { font-size: 16px; font-weight: 300; color: #666; float: left; }
.hakkinda .oyun-surum { font-size: 16px; font-weight: 400; color: #c83c01; float: right; }
.hakkinda .aciklama { font-family: OpenSans; font-size: 17px; color: #333; font-weight: 400; padding-left: 10px; padding-right: 10px; text-align: center; margin-top: 15px; line-height: 24px; height: 70px; overflow: hidden; }
.hakkinda .aciklama marquee { text-align: center; }
.hakkinda .platformlar { margin-top: 25px; }
.hakkinda .platformlar a { display: inline-block; width: 32px; height: 32px; background-size: 24px 24px; background-repeat: no-repeat; margin-left: 8px; margin-right: 8px; background-position: center center; text-decoration: none; }
.hakkinda .platformlar a.masaustu { background-image: url(../gorsel/html_simge_masaustu.png)}
.hakkinda .platformlar a.mobil { background-image: url(../gorsel/html_simge_mobil.png)}
.hakkinda .platformlar a.android { background-image: url(../gorsel/html_simge_android.png)}
.hakkinda .platformlar a.chrome { background-image: url(../gorsel/html_simge_chrome.png)}
.hakkinda .platformlar a.windows { background-image: url(../gorsel/html_simge_windows.png)}
.hakkinda .platformlar a:hover { background-size: 32px; text-decoration: none; } 


.secenek {display: block; position: relative; font-family: OpenSans; font-size: 21px; margin-bottom: 25px; margin-left: 5px;   }
.secenek span { background-position: left center; background-repeat: no-repeat; display: block; color: #000; background-size: 32px 32px; padding-top: 5px; padding-bottom: 5px; padding-left: 40px;  }
.secenek.surum span { background-image: url(../gorsel/html_simge_surum.png); }

.secenek.yenisurum span { background-image: url(../gorsel/html_simge_guncelle.png); }
.secenek.web span { background-image: url(../gorsel/html_simge_web.png); }
.secenek.iletisim span { background-image: url(../gorsel/html_simge_bizeyazin.png); }
.secenek.iletisim a { display: inline-block; width: 44px; height: 44px; margin-left: 2px; background-position: center center; background-repeat: no-repeat; background-size: 40px; }
.secenek.iletisim a.facebook { background-image: url(../gorsel/html_btn_facebook.png)}
.secenek.iletisim a.twitter { background-image: url(../gorsel/html_btn_twitter.png)}
.secenek.iletisim a.mesaj { background-image: url(../gorsel/html_btn_iletisim.png)}
.secenek.iletisim a:hover { background-size: 44px; text-decoration: none; } 

.secenek i { display: inline-block; position: absolute; right: 5px; color: #c83c01; text-decoration: none; font-style: normal; font-weight: 700; top: 3px;  }
.secenek u { display: inline-block; position: absolute; right: 0px;  top: -2px; text-decoration: none;  }
.secenek.web i a { text-decoration: none; color: #c83c01;  }
.baslik h1{
	height: 48px;
    display: inline-block;
    background-image: url(../gorsel/html_baslikbg.png);
    background-repeat: no-repeat;
    background-position: right -3px;
	padding: 0px;
	margin: 0px;
}
.baslik h1 span{
    display: block;
    margin: 0px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 45px;
    line-height: 34px;
    letter-spacing: -3px;
    font-family: TRDawnCastle;
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: 8px center;
	background-size: 32px;
}
.ekran.oyuncu .baslik span{	background-image: url(../gorsel/html_baslik_oyuncu.png);}
.ekran.kurallar .baslik span{	background-image: url(../gorsel/html_baslik_kurallar.png); background-position: 6px center; background-size: 34px;  }
.ekran.kategori .baslik span{	background-image: url(../gorsel/html_baslik_kategorisec.png);     background-position: 8px 5px; background-size: 36px; }
.ekran.sinif .baslik span{	background-image: url(../gorsel/html_baslik_sinifsec.png); background-position: 6px center; }
.ekran.ders .baslik span{	background-image: url(../gorsel/html_baslik_derssec.png); background-position: 6px 8px;}
.ekran.sonuc .baslik span{	background-image: url(../gorsel/html_baslik_oyunbitti.png);     background-position: 5px center; }
.ekran.eniyiler .baslik span{	background-image: url(../gorsel/html_baslik_eniyiler.png);}
.ekran.hakkinda .baslik span{	background-image: url(../gorsel/html_baslik_hakkinda.png);}
.ekran.oturum .baslik span{	background-image: url(../gorsel/html_baslik_oyuncu.png);}


.baslik h2{
	display: inline-block;
	float: right;
	font-size: 17px;
	font-family: OpenSans, cursive;
	line-height: 17px;
	color: #333;
	padding-top: 15px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	margin: 0px;
}
.yazi {
	font-family: OpenSans, cursive;
	font-size: 18px;
	line-height:25px;
}
.yazi a { color: #222; font-weight: 700; }
.yazi a:hover { color: #c83c01;  }
.eniyiskorlar { padding-top:5px;}
.yazi p {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
.ic .yazi p { padding-left:0px; padding-right:0px; }
.kurallar p { margin-bottom:10px; margin-top:0px; line-height:30px; }
.oyuncuadsoyad { width:100%; text-align:center; top:180px; position:absolute; left:0px; right:0px; z-index:11;  }
.oyuncuadsoyad input[type=text] {
	text-align: center;
	padding: 5px;
	height: 50px;
	width: 500px;
	border: 3px solid #c83c01;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight:700;
	border-radius:10px;
	color: #333;
}
.oyuncuadsoyad h2 {
	font-family: OpenSans, cursive;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #c83c01;
}
.aduyari {
	margin-top:15px;
	font-family: OpenSans, cursive;
	font-size: 18px;
	text-align:center;
	color: #9a0101;
	font-weight: 700;
}


.kategorisecim { width:700px; margin:0 auto;  margin-top:0px; }
.kategorisecim a {
    display: inline-block;
    width: 195px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    height: 195px;
    background-size: 195px 195px;

}
.kategorisecim a:hover {
}
.kategorisecim a.dersler {
	float: right;
	background-image: url(../gorsel/html_btn_dersler.png);
	margin-right: 10px;
	margin-top: -10px;
}
.kategorisecim a.genel {
	float: left;
	background-image: url(../gorsel/html_btn_genel.png);
	margin-left: 10px;
	margin-top: -10px;
}

.kategorisecim a.hertelden {
	float: left;
	background-image: url(../gorsel/html_btn_hertelden.png);
	margin-left:50px;
	margin-top:55px;
}

.kategorisecim a.dersler:hover {
	background-image: url(../gorsel/html_btn_dersler_hover.png);
}
.kategorisecim a.genel:hover {
	background-image: url(../gorsel/html_btn_genel_hover.png);
}

.kategorisecim a.hertelden:hover {
	background-image: url(../gorsel/html_btn_hertelden_hover.png);
}
.derssecim { width:690px; margin:0 auto;  text-align:center; z-index:12; }
.derssecim a {
    font-family: OpenSans;
    font-size: 16px;
    display: inline-block;
    width: 115px;
    height: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    padding-top: 85px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    text-align: center;
    float: left;
    margin-right: 15px;
	background-repeat: no-repeat; background-size: 64px 64px; background-position: center 15px; font-weight: 400; color: #fff;
	box-shadow: 20px -20px 20px 0px rgba(0,0,0,0.1) inset;
}
.derssecim a.son{ margin-right: 0px; }
.derssecim a.fen {background-image: url(../gorsel/stsimge_fen.png); background-color: #dd2f29; }
.derssecim a.din{background-image: url(../gorsel/stsimge_din.png); background-color: #dd4314; }
.derssecim a.turkce{background-image: url(../gorsel/stsimge_turkce.png); background-color: #963166; margin-left: 140px; }
.derssecim a.matematik{background-image: url(../gorsel/stsimge_matematik.png); background-color: #778100; }
.derssecim a.beden{background-image: url(../gorsel/stsimge_beden.png); background-color: #b42f52; }
.derssecim a.bilisim{background-image: url(../gorsel/stsimge_bilisim.png); background-color: #cd3d42; }
.derssecim a.tumdersler{background-image: url(../gorsel/stsimge_dersler.png); background-color: #b42f00; }
.derssecim a.sosyalb{background-image: url(../gorsel/stsimge_sosyal.png); background-color: #dd4366; }
.derssecim a:hover { background-size: 72px; background-position: center center; text-indent: -1000px; overflow: hidden; border-color: #444; }

.derssecim a.sol {
}
.derssecim a.sag {
}
.derssecim a.orta {
}

.sinifsecim {  margin:0 auto;  margin-top:0px; text-align:center; max-width:680px; }
.sinifsecim a {
    font-family: OpenSans;
    font-size: 100px;
    display: inline-block;
    width: 85px;
    height: 100px;
    border-radius: 120px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: center;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
    color: #FFF;
    line-height: 100px;
}
.sinifsecim a.bes { background-color: #cc3266; border:3px solid #cc0066; }
.sinifsecim a.alti {background-color: #cc0066; border:3px solid #bb0066; }
.sinifsecim a.yedi {background-color: #cc0032; border:3px solid #b60032; }
.sinifsecim a.sekiz {background-color: #c00; border:3px solid #bc0000; margin-right: 0px; }
.sinifsecim a:hover{
	color: #FFF;
	background-color: #333;
	border: 3px solid #000;
}
.sinifsecim a.sol {
}
.sinifsecim a.sag {
}
.sinifsecim a.orta {
}
.dersad h2 {
	font-family: TRDawnCastle;
	font-size: 45px;
	font-weight: 700;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	letter-spacing: -4px;
	line-height: 45px;
}
.hazir .altdugmeler input[type=submit] {
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
    background-image: url(../gorsel/html_btn_basla.png);
    background-position: center 9px;
    height: 135px;
    width: 212px;
    background-size: 212px auto;
    background-repeat: no-repeat;
 }
.hazir .altdugmeler input[type=submit]:hover { background-position: center 2px; }
.uyarialani {
	position: absolute;
	top: -2px;
	width: 100%;
	left: 0px;
	right: 0px;
	text-align: center;
	display: none;
	z-index: 15;

}
.uyarialani .uyari{
    line-height: 30px;
    color: #FFF;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 600;
    background-color: #c85102;
    padding: 10px 20px 5px 20px;
    display: inline-block;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #9d4002;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
	text-shadow: -1px -1px 2px #4e4e4e;
}
.uyarialani .uyari.dogru {background-color: #97980c;border: 1px solid #5f6402;}
.uyarialani .uyari.yanlis {background-color: #c10000;border: 1px solid #710000;}
.puanlar {
	position: absolute;
	/*right: -110px;*/
	right: 0px;
	top: 15px;
	height: 60px;
	width: 80px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	border-color: #bf4d01;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-radius: 11px 0px 0px 11px;
}
.puanlar .toplampuan {
	background-color: #FFF;
	height: 30px;
	border-radius: 0px 0px 0px 10px;
	padding-right: 10px;
	color: #c95203;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px inset;
}
.puanlar .sorupuan {
	background-color: #c95203;
	height: 30px;
	color: #FFF;
	border-radius:10px 0px 0px 0px;	padding-right:10px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px inset;

}
.sorualani {
	bottom: 240px;
	position: absolute;
	left: -500px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:700;
}
.sorualani .sure {
	left: 0px;
	padding-left:15px;
	top: 0px;
	position: absolute;
	width: 70px;
	font-size: 24px;
	color: #b54902;
	background-color: #FFF;
	height:33px;
	line-height:33px;
	border-radius:0px 15px 0px 0px;
	z-index:11;

} 
.sorualani .kategoriad {
	left: 80px;
	top: 5px;
	position: absolute;
	padding-left: 15px;
	font-size: 12px;
	color: #FFF;
	background-color: #c95203;
	height:25px;
	line-height:28px;
	padding-right:15px;
	box-shadow:2px -2px 3px rgba(0,0,0,0.3);
	border-radius:0px 10px 0px 0px;
	z-index:10;
} 
.sorualani .soru {
    top: 30px;
    padding-left: 10px;
    position: absolute;
    background-color: #b54902;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #FFF;
    left: 0px;
    border-right-width: 4px;
    border-right-style: solid;
    border-right-color: #FFF;
    border-bottom: 1px solid #863702;
    border-left-color: #FFF;
    height: 80px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    box-shadow: inset -9px -9px 20px 0px rgba(0,0,0,0.1);
    z-index: 10;
    border-radius: 0px 15px 15px 0px;
    width: 545px;
    font-size: 17px;
    line-height: 26px;
    overflow: hidden;
    color: #FFF;
}
.sorualani .sorusira {
	top: 133px;
	position: absolute;
	left: 0px;
	font-size: 12px;
	background-color: #c24e01;
	height: 25px;
	width: 40px;
	padding-left: 8px;
	line-height: 25px;
	z-index: 9;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5) inset;
	border-radius: 0px 0px 10px 0px;
	color: #FFF;
}

.sorualani .sorutur {
    top: 130px;
    position: absolute;
    left: 40px;
    font-size: 11px;
    background-color: #c24e01;
    height: 25px;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 28px;
    z-index: 8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5) inset;
    border-radius: 0px 0px 5px 0px;
    color: #FFF;
}

a.siradaki { display:none; 	 }
a.cevapver { display:none; 	 }
a.sonucagit { display:none; 	 }
.harfalani { bottom:260px; left:8px; position:absolute; width:100%; }
.harfalani .harf {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 47px;
	font-weight: 700;
	height: 45px;
	width: 50px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #aaa;
	border-left-color: #bbb;
	color: #222;
	background-color: #FFF;
	float: left;
	margin-right: 5px;
	border-radius: 5px;
	display: none;
	padding: 3px;
	overflow:hidden;
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.1) inset;
	border-top-width: 2px;
    border-top-color: #fff;
    border-top-style: solid;
	
	border-right-width: 2px;
    border-right-color: #fff;
    border-right-style: solid;
}
.harfalani .harf i { font-style: normal; opacity: 0.5; display: none; }
.harfalani .harf.acik { 
	border-bottom-color: #b64a02;
	border-left-color: #d05b0e;
	border-top-color: #f68b44;
	border-right-color: #b44902;
	box-shadow: 0px 0px 20px 0px rgba(255, 101, 0, 0.4) inset;
}
.cevapalani { position:absolute; top:10px; text-align:center; left:0px; right:0px; display:none; z-index: 15; }
.cevapalani input[type=text] {
	font-size: 36px;
	line-height: 45px;
	color: #333;
	height: 45px;
	width: 380px;
	font-weight: 700;
	text-align: center;
	border-left: 2px solid #ca580d;
	border-right: 2px solid #ca580d;
	border-bottom: 3px solid #ca580d;
	border-top: 3px solid #ca580d;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
	background-color: #eee;
}
.cevapalani a {
	font-size: 36px;
	margin-top: 5px;
	font-family: TRDawnCastle;
	color: #FFF;
	cursor:pointer;
	display:inline-block;
	text-shadow:-1px -1px 0px rgba(0,0,0,1);
	letter-spacing: -5px;

}
.sonuclar {
	margin-top: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.sonuclar h2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	color:#c83c01;
	font-weight: 800;
}
.sonuclar h3 {
    font-size: 56px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-family: Arial Black;
    line-height: 70px;
}
.yukleniyor {
	position: absolute;
	right: 15px;
	border: 15px;
	background-image: url(gorsel/yukleniyor.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 32px;
	display:none;
}
.cevapsure {
	display: none;
    width: 90px;
    height: 90px;
    text-align: center;
    right: 30px;
    bottom: 45px;
    font-size: 48px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    color: #fff;
    background-color: #ce4508;
    border-radius: 100px;
    line-height: 90px;
	box-shadow: inset 0px 0px 20px 15px rgba(0,0,0,0.1);
	font-weight: 700;
}

.menu { position:absolute; right:15px; top:5px; }
.menu .kullanici {
	text-shadow: 0px 0px 1px rgba(255,255,255,0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	display: none;
	line-height:30px;
	float:left;
}
.menu .anasayfa {
	text-decoration: none;
	background-image: url(../gorsel/simge_ev.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 25px;
	margin-left: 10px;
	float:left;
	display: none; 
}
.eniyiskorlar {
	font-family: "OpenSans";
	font-size: 16px;
}
.eniyiskorlar table tr.baslik {

}
.eniyiskorlar table th {
	text-align: left;
	color: #c83c01;
	border-bottom: 1px solid #c83c01;
	font-weight: 700;
	font-size: 13px;
}
.eniyiskorlar table tr.bir span.sayi,.eniyiskorlar table tr.iki span.sayi,.eniyiskorlar table tr.uc span.sayi, .eniyiskorlar table tr span.sayi {
	text-align: center;
	display: block;
	border-radius: 30px;
	color: #666;
	line-height: 24px;
	height: 24px;
	width: 25px;
	background-color: #FFF;
	position: relative;
	top:0px;
	
}
.eniyiskorlar .bir { font-weight: 700; color: #c83c01;  }
.eniyiskorlar .iki { font-weight: 700; color: #333;  }
.eniyiskorlar .uc { font-weight: 700; color: #666;  }

.eniyiskorlar table  tr.bir span.sayi {
	background-color: #c83c01;
	color: #FFF;
}

.eniyiskorlar table  tr.iki span.sayi {
	background-color: #666666;
	color: #FFF;
}
.eniyiskorlar table  tr.uc span.sayi {
	background-color: #999999;
	color: #FFF;
}

:focus {outline:none;}

.ustreklam { text-align: center; height: 50px; display: block; position: relative; z-index: 10; }

.altreklam { text-align: center; height: 50px; display: block; position: absolute; z-index: 10; left: 0px; right: 0px; bottom: 0px;  }


.reklam { display: inline-block; width: 320px; height: 50px; }
.eniyilistedugmeler { position: absolute; right: 10px; top: 9px; }
.eniyilistedugmeler a { display:inline-block; height: 35px; width: 35px; border:2px solid #333; color: #333; font-size: 30px; line-height: 35px; border-radius: 50px; text-decoration: none; font-weight: 700; font-family:Arial; text-align: center; float: right; margin-left: 10px; }
.eniyilistedugmeler a:hover { background-color: #333; color: #fff; border:2px solid #fff;  }
.eniyilistedugmeler b {letter-spacing: -3px; font-family: TRDawnCastle; color: #333; font-size:35px; line-height: 44px; display: inline-block; margin-right: 5px; float: right;   }

.odulbanner  { position: absolute; left: 0px; bottom:50px; width: 250px; height: auto; }
.odulbanner  img { border:none; border-radius: 0px 5px 5px 0px; width: 250px; height: auto; }
.odulbanner :hover {opacity: 0.8; }

.bildirim{
	clear: both;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 8px;
	padding-right: 10px !important; 
	padding-bottom: 8px;
	padding-left: 60px !important;
	color: #333 !important;
	font-weight: 400;font-size: 14px;
	opacity: 0.9;
	display:block;
    font-family: Segoe UI;
}
.bildirim b{
	display: block;
	clear: both;
	margin-bottom: 5px;
}
.bildirim.uyari b{
	color: #9D8C15;
}
.bildirim.uyari,.bildirim.mini.uyari{
	background-color: #FFF;
	border: 1px solid #d0c78f;
	background-image: url(../gorsel/uyari.png);
	font-weight:normal;
}
.bildirim.bilgi b{
	color: #418200;
}
.bildirim.bilgi,.bildirim.mini.bilgi{
	background-color: #FFF;
    border: 1px solid #b3da8c;
	background-image: url(../gorsel/bilgi.png);
}
.bildirim.hata b{
	color: #950000;
}
.bildirim.hata,.bildirim.mini.hata{
	background-color: #FFF;
    border: 1px solid #ffa3a3;
	background-image: url(../gorsel/hata.png);
}
.bildirim.mini{
	background-image: none !important;
	font-size: 14px;
	padding-top: 5px !important;
	padding-right: 8px !important;
	padding-bottom: 5px !important;
	padding-left: 8px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
.bildirim.mini.tam{ display:block; }

.bildirim a {
	color: #333;
	text-decoration: none;
}
.bildirim a:hover {
	color: #111;
	text-decoration: underline;
}
.formlar { font-size: 16px; }
.formlar input[type=text],.formlar input[type=password]{
	padding: 10px;
	border: 2px solid #CCC;
	border-radius:0px;
	opacity:0.9;
	border-radius: 5px;
}
.formlar .u_kullanici{
    background-image: url(../gorsel/form_kullanici.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.formlar .u_parola{
    background-image: url(../gorsel/form_parola.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}
.formlar input[type=file]{
	padding: 7px;
	border: 2px solid #CCC;
	border-radius:0px;
	opacity:0.9;
}
.formlar textarea{
	padding: 10px;
	border: 2px solid #CCC;
	opacity:0.9;
}
.formlar select{
	padding: 10px;
	border: 2px solid #CCC;
	opacity:0.9;
}
input[type=text]:focus,input[type=password]:focus,input[type=file]:focus, textarea:focus, select:focus {
	border-top-color: #a72403 !important;
	border-right-color: #a72403 !important;
	border-bottom-color: #a72403 !important;
	border-left-color: #a72403 !important;
	outline: none;
}
.formlar input[type=submit]{
	padding: 10px;
	border: 2px solid #a72403;
	cursor: pointer;
	float: right;
	opacity: 0.9;
	background-color: #c83c01;
	color: #FFF;
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    -webkit-appearance:none;
    border-radius: 5px;font-family: OpenSans, cursive;
}
.formlar input[type=submit]:hover{
	color: #FFF;
	background-color: #333;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.formlar .uyeol{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 38px;
    border: 2px solid #008600;
    cursor: pointer;
    float: right;
    opacity: 0.9;
    background-color: #090;
    color: #FFF;
    float: right;
    height: 36px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 5px;    font-family: OpenSans, cursive;
}
.formlar .uyeol:hover{
    color: #FFF;
    background-color: #333;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
}
@media screen and (max-width:1920px) and (min-width:1050px) {
	.eniyilistedugmeler { top:8px;}
	.eniyilistedugmeler a { height: 50px; width: 50px; border:2px solid #333;  font-size: 40px; line-height: 50px; border-radius: 60px; }
	.eniyilistedugmeler b {font-size:50px; line-height: 60px;   }

	
.odulbanner  {  bottom:75px; width: 350px;  }
.odulbanner  img {  border-radius: 0px 10px 10px 0px; width: 350px; }
	
	
	.giris .logo img{
	height: 600px;
    top: -30px;
    left: 0px;}
	.ekran .ic { bottom: 95px; top:60px; padding: 15px; }
	.cevapla{width: 170px;background-size: 170px auto; height: 120px; }
	.harfal{width: 210px;background-size: 210px auto; height: 120px;     background-position: center 8px;}
	.sonucagit {height: 120px; width: 200px;background-size: 200px auto;}
	.siradaki {    height: 120px;background-size: 250px auto;width: 240px;}
	.cevapver {height: 115px; background-size: 140px auto; width: 140px; }
	.yazi { font-size: 25px; line-height: 35px;  }
	.kurallar p { line-height: 35px; }
	.dugme-skorlar {
    height: 120px;
    width: 165px;
    background-size: 165px auto;}
	.dugme-tekrar {
    background-position: center 12px;
    height: 120px;
    width: 215px;
    background-size: 215px auto;}
	.dugme-geri, .dugme-ileri { height: 120px; width: 130px;background-size: 130px auto; }
	.dugme-tumskorlar { height: 120px; width: 220px;background-size: 220px auto; }
	.girisdugmeler { height: 550px;     background-size: 85px auto;     padding-top: 33px; }
	.girisdugmeler a { height: 100px; width: 270px; background-size: auto 90px; }
	.girisdugmeler a:hover { background-size: auto 100px; }
	.hazir .altdugmeler input[type=submit] { height: 205px;    
    height: 195px;
    width: 270px;
    background-size: 270px auto;}
	.uyarialani .uyari {
		font-size: 30px;
    	padding: 13px 25px 10px 25px;
		line-height: 40px;}
	.giris .uye { 
	padding-left: 15px;
    padding-top: 20px;
    height: 65px;
	max-width: 350px;
	}
	.giris .uye span {    
    background-position: 10px 6px;
    background-size: 35px;
    border-radius: 60px;
    width: 55px;
    height: 55px;
    left: 20px;
    border: 4px solid #fff;}
	.giris .uye u {   
    border-radius: 60px;
    width: 55px;
    height: 55px;
    left: 20px;
    border: 4px solid #fff;
    text-decoration: none;}
	.giris .uye u img { width: 55px; height: 55px; border-radius: 60px; border: none;} 
	.giris .uye b { left: 45px; height: 64px; }
	.giris .uye i {    
    font-size: 25px;
    line-height: 25px;
    padding-left: 51px;
    padding-top: 18px;
    padding-right: 19px;
    padding-bottom: 5px;}
	#keyboard li {
	width: 70px;
	height: 70px;
	line-height: 70px;}
	.baslik h1 { height: 65px; background-size: auto 65px; }
	.baslik h1 span { font-size:46px; line-height: 46px; padding-left: 60px; padding-right: 23px;  }
	.baslik h1 { font-size:18px; line-height: 18px; }
	
	.ekran.kategori .baslik span {
    background-position: 12px 5px;
	background-size: 50px;}
	
	
	.ekran.hakkinda .baslik span {
    background-size: 42px;
    background-position: 11px 9px;}
	
	
	.ekran.eniyiler .baslik span {
    background-size: 42px;
    background-position: 12px 12px;}
	
	
	.ekran.kurallar .baslik span {
    background-position: 7px 6px;
    background-size: 47px;}
	
	.ekran.oyuncu .baslik span {
    background-position: 9px 6px;
    background-size: 46px;}
	
	.ekran.ders .baslik span {
    background-position: 7px 8px;
    background-size: 46px;}
	
	.ekran.sinif .baslik span {
    background-position: 8px 7px;
    background-size: 46px;}
	
	.ekran.sonuc .baslik span {
    background-position: 6px center;
    background-size: 45px;
}
		.ekran.oturum .baslik span {
	    background-size: 45px;
    background-position: 11px center;
}
	.oyuncuadsoyad {    margin-top: -25px;}
	

	.giris .logo {  }
	.hazir .logo img {
    height: 600px;     top: -215px;
	}
	.sinifsecim {  max-width: 880px; }
	.sinifsecim a {
    font-size: 120px;
    width: 130px;
    height: 150px;
    border-radius: 120px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-left: 25px;
    margin-right: 25px;
	line-height: 150px;}
	
	.hazir .dugmeler input[type=submit] {
	}
	.dersad {    margin-top: -30px;}
	.dersad h2 {
	font-size: 80px;     letter-spacing: -7px;}
	
	.kategorisecim { width: 1050px; }
	.kategorisecim a {
    width: 275px;
    height: 275px;
    background-size: 275px 275px;
	}
	.kategorisecim a.genel {
    margin-left: 40px;
    margin-top: -95px;}
	.kategorisecim a.dersler {
    margin-right: 40px;
    margin-top: -95px;}
	.kategorisecim a.hertelden {
    margin-left: 75px;
    margin-top: 10px;}
	
	.derssecim { width: 950px;     margin-top: -60px; }
	.derssecim a {
    font-size: 23px;
    width: 160px;
    height: 35px;
    margin-bottom: 30px;
    padding-top: 120px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-right: 25px;
    background-size: 95px 95px;
    background-position: center 15px;
	}
	.derssecim a:hover { background-size: 110px; }
	.altdugmeler a {
	}
	.dugmeler a{
	}
	.dugmeler a:first-child{}
	.oyuncuadsoyad input[type="text"] {	
	height: 75px;
	width: 800px;
	font-size: 46px;}
	.oyuncuadsoyad h2 {
	font-size: 22px;}
	#keyboard .capslock {
		width: 150px;
	}
	#keyboard .left-shift {
		width: 150px;
	}
	#keyboard .delete {
		width: 147px;
	}
	#keyboard .space {
		width: 997px;
	}
	.oyun {
	min-height: 625px;
	min-width: 1020px;
	}



	.harfalani { bottom:390px;}
	.harfalani .harf { font-size:50px; height:65px; width:65px; line-height:70px; margin-right:10px; }
	.sorualani { width:775px; bottom:340px;}
	.sorualani .soru { width:800px; height:120px; font-size:22px; line-height:30px; top:40px; }
	.sorualani .sure { font-size:30px; height:42px; width:85px; line-height:40px; }
	.sorualani .kategoriad {font-size:18px; height:40px; line-height:35px; left:95px;}
	.sorualani .sorusira { height:35px; font-size:18px; top:183px; line-height:30px; width: 55px;}
	.sorualani .sorutur {     height: 35px;
    font-size: 16px;
    top: 178px;
    line-height: 40px;
    left: 55px; }
	.puanlar { height:90px; font-size:36px; line-height:45px; width:120px; top:60px; }
	.puanlar .sorupuan { height:45px;}
	.puanlar .toplampuan { height:45px;}
	.cevapalani { top:20px; }
	.uyarialani { font-size:30px; line-height:40px;}
	.menu { top:10px;}
	.menu .kullanici { font-size:20px; line-height:30px; }
	.cevapalani a { font-size:36px;}
	.cevapalani input[type="text"] { font-size:50px; line-height:70px; width:480px; height:70px; }
	.cevapsure { font-size:70px; right:60px; bottom: 170px;     line-height: 110px;     width: 110px;  height: 110px; }
	.sonuclar h2 { font-size:30px;     margin-top: 50px; }
	.sonuclar h3 {font-size:66px;     margin-top: 15px; }
	.eniyiskorlar { font-size:20px; line-height:30px;  }
	.altdugmeler { bottom:0px; }
	.ekran {
	padding-bottom: 0px;}
	.eniyiskorlar table th {
    border-bottom: 2px solid #c83c01;
    font-size: 21px;
	}
	.eniyiskorlar table tr.bir span.sayi, .eniyiskorlar table tr.iki span.sayi, .eniyiskorlar table tr.uc span.sayi, .eniyiskorlar table tr span.sayi {
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;}
	.derssecim a.turkce {
    margin-left: 195px;}
}
@media screen and (max-width:3440px) and (min-width:1921px) {
	.eniyilistedugmeler { top:8px;}
	.eniyilistedugmeler a { height: 50px; width: 50px; border:2px solid #333;  font-size: 40px; line-height: 50px; border-radius: 60px; }
	.eniyilistedugmeler b {font-size:50px; line-height: 60px;   }
	
	.odulbanner  {  bottom:100px; width: 400px;  }
	.odulbanner  img {  border-radius: 0px 10px 10px 0px; width: 400px; }
	
	.giris .logo img{
	height: 600px;
    top: -30px;
    left: 60px;}
	.ekran .ic { bottom: 95px; top:60px; padding: 15px; }
	.cevapla{width: 170px;background-size: 170px auto; height: 120px; }
	.harfal{width: 210px;background-size: 210px auto; height: 120px;     background-position: center 8px;}
	.sonucagit {height: 120px; width: 200px;background-size: 200px auto;}
	.siradaki {    height: 120px;background-size: 250px auto;width: 240px;}
	.cevapver {height: 115px; background-size: 140px auto; width: 140px; }
	.yazi { font-size: 25px; line-height: 35px;  }
	.kurallar p { line-height: 35px; }
	.dugme-skorlar {
    height: 120px;
    width: 165px;
    background-size: 165px auto;}
	.dugme-tekrar {
    background-position: center 12px;
    height: 120px;
    width: 215px;
    background-size: 215px auto;}
	.dugme-geri, .dugme-ileri { height: 120px; width: 130px;background-size: 130px auto; }
	.dugme-tumskorlar { height: 120px; width: 220px;background-size: 220px auto; }
	.girisdugmeler { height: 550px;     background-size: 85px auto;     padding-top: 33px; }
	.girisdugmeler a { height: 100px; width: 270px; background-size: auto 90px; }
	.girisdugmeler a:hover { background-size: auto 100px; }
	.hazir .altdugmeler input[type=submit] { height: 205px;    
    height: 195px;
    width: 270px;
    background-size: 270px auto;}
	.uyarialani .uyari {
		font-size: 30px;
    	padding: 13px 25px 10px 25px;
		line-height: 40px;}
	.giris .uye { 
	padding-left: 15px;
    padding-top: 20px;
    height: 65px;
	max-width: 350px;
	}
	.giris .uye span {    
    background-position: 10px 6px;
    background-size: 35px;
    border-radius: 60px;
    width: 55px;
    height: 55px;
    left: 20px;
    border: 4px solid #fff;}
	.giris .uye u {   
    border-radius: 60px;
    width: 55px;
    height: 55px;
    left: 20px;
    border: 4px solid #fff;
    text-decoration: none;}
	.giris .uye u img { width: 55px; height: 55px; border-radius: 60px; border: none;} 
	.giris .uye b { left: 45px; height: 64px; }
	.giris .uye i {    
    font-size: 25px;
    line-height: 25px;
    padding-left: 51px;
    padding-top: 18px;
    padding-right: 19px;
    padding-bottom: 5px;}
	#keyboard li {
	width: 70px;
	height: 70px;
	line-height: 70px;}
	.baslik h1 { height: 65px; background-size: auto 65px; }
	.baslik h1 span { font-size:46px; line-height: 46px; padding-left: 60px; padding-right: 23px;  }
	.baslik h1 { font-size:18px; line-height: 18px; }
	
	.ekran.kategori .baslik span {
    background-position: 12px 5px;
	background-size: 50px;}
	
	
	.ekran.hakkinda .baslik span {
    background-size: 42px;
    background-position: 11px 9px;}
	
	
	.ekran.eniyiler .baslik span {
    background-size: 42px;
    background-position: 12px 12px;}
	
	
	.ekran.kurallar .baslik span {
    background-position: 7px 6px;
    background-size: 47px;}
	
	.ekran.oyuncu .baslik span {
    background-position: 9px 6px;
    background-size: 46px;}
	
	.ekran.ders .baslik span {
    background-position: 7px 8px;
    background-size: 46px;}
	
	.ekran.sinif .baslik span {
    background-position: 8px 7px;
    background-size: 46px;}
	
	.ekran.sonuc .baslik span {
    background-position: 6px center;
    background-size: 45px;
}	
	.ekran.oturum .baslik span {
	    background-size: 45px;
    background-position: 11px center;
}

	.oyuncuadsoyad {    margin-top: -25px;}
	

	.giris .logo {  }
	.hazir .logo img {
    height: 600px;     top: -215px;
	}
	.sinifsecim {  max-width: 880px; }
	.sinifsecim a {
    font-size: 120px;
    width: 130px;
    height: 150px;
    border-radius: 120px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-left: 25px;
    margin-right: 25px;
	line-height: 150px;}
	
	.hazir .dugmeler input[type=submit] {
	}
	.dersad {    margin-top: -30px;}
	.dersad h2 {
	font-size: 80px;     letter-spacing: -7px;}
	
	.kategorisecim { width: 1050px; }
	.kategorisecim a {
    width: 275px;
    height: 275px;
    background-size: 275px 275px;
	}
	.kategorisecim a.genel {
    margin-left: 40px;
    margin-top: -95px;}
	.kategorisecim a.dersler {
    margin-right: 40px;
    margin-top: -95px;}
	.kategorisecim a.hertelden {
    margin-left: 75px;
    margin-top: 10px;}
	
	.derssecim { width: 950px;     margin-top: -60px; }
	.derssecim a {
    font-size: 23px;
    width: 160px;
    height: 35px;
    margin-bottom: 30px;
    padding-top: 120px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-right: 25px;
    background-size: 95px 95px;
    background-position: center 15px;
	}
	.derssecim a:hover { background-size: 110px; }
	.altdugmeler a {
	}
	.dugmeler a{
	}
	.dugmeler a:first-child{}
	.oyuncuadsoyad input[type="text"] {	
	height: 75px;
	width: 800px;
	font-size: 46px;}
	.oyuncuadsoyad h2 {
	font-size: 22px;}




	.harfalani { bottom:390px;}
	.harfalani .harf { font-size:50px; height:65px; width:65px; line-height:70px; margin-right:10px; }

	.sorualani { width:775px; bottom:340px;}
	.sorualani .soru { width:800px; height:120px; font-size:22px; line-height:30px; top:40px; }
	.sorualani .sure { font-size:30px; height:42px; width:85px; line-height:40px; }
	.sorualani .kategoriad {font-size:18px; height:40px; line-height:35px; left:95px;}
	.sorualani .sorusira { height:35px; font-size:18px; top:183px; line-height:30px; width: 55px;}
	.sorualani .sorutur {     height: 35px;
    font-size: 16px;
    top: 178px;
    line-height: 40px;
    left: 55px; }
	.puanlar { height:90px; font-size:36px; line-height:45px; width:120px; top:60px; }
	.puanlar .sorupuan { height:45px;}
	.puanlar .toplampuan { height:45px;}
	.cevapalani { top:20px; }
	.uyarialani { font-size:30px; line-height:40px;}
	.menu { top:10px;}
	.menu .kullanici { font-size:20px; line-height:30px; }
	.cevapalani a { font-size:36px;}
	.cevapalani input[type="text"] { font-size:50px; line-height:70px; width:480px; height:70px; }
	.cevapsure { font-size:70px; right:60px; bottom: 170px;     line-height: 110px;     width: 110px;  height: 110px; }
	.sonuclar h2 { font-size:30px;     margin-top: 50px; }
	.sonuclar h3 {font-size:66px;     margin-top: 15px; }
	.eniyiskorlar { font-size:20px; line-height:30px;  }
	.altdugmeler { bottom:0px; }
	.ekran {
	padding-bottom: 0px;
}
	#keyboard .capslock {
		width: 150px;
	}
	#keyboard .left-shift {
		width: 150px;
	}
	#keyboard .delete {
		width: 147px;
	}
	#keyboard .space {
		width: 997px;
	}
	.oyun, body, html {
	min-height: 430px;
	min-width: 1900px;
	max-height: 1440px;
	
	}
	.eniyiskorlar table th {
    border-bottom: 2px solid #c83c01;
    font-size: 21px;
	}
	.eniyiskorlar table tr.bir span.sayi, .eniyiskorlar table tr.iki span.sayi, .eniyiskorlar table tr.uc span.sayi, .eniyiskorlar table tr span.sayi {
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;}
	.derssecim a.turkce {
    margin-left: 195px;}
}
@media screen and (max-width:3000px) and (min-width:1025px) {
	#keyboard li {
	width: 70px;
	height: 70px;
	line-height: 70px;}
	#keyboard .capslock {
		width: 150px;
	}
	#keyboard .left-shift {
		width: 150px;
	}
	#keyboard .delete {
		width: 147px;
	}
	#keyboard .space {
		width: 997px;
	}
}