.index-icindekiler{max-width:770px; margin-top:4px; }
	.index-item{cursor:pointer; height:42px; background-color:#fff; margin-bottom:2px; overflow:hidden}
	.index-item:hover{background-color:#f5ffbe}
	.item-icon{float:left; cursor:pointer; background-color:#ffa200}
	.item-icon-t{float:left; cursor:pointer; width:42px}
	.item-text1{float:left; cursor:pointer; background:url('../images-2/lesson_bg.png') no-repeat; width:77px; height:42px; color:#fff; font-weight:bold; font-size:15px; line-height:42px;  padding-left:5px}
	.item-text2{float:left; width:56%; line-height:42px; cursor:pointer;  padding-left:0px; font-weight:bold; font-size:15px;}
	
	.lock{float:left; cursor:pointer; background-color:#9e0039;}
	
	.item-text1-bg-1{float:left; cursor:pointer; background:url('../images-2/item-text1-bg-1.png') no-repeat; width:77px; height:42px; color:#fff; font-weight:bold; font-size:15px; line-height:42px;  padding-left:5px}
	.item-text1-bg-2{float:left; cursor:pointer; background:url('../images-2/item-text1-bg-2.png') no-repeat; width:77px; height:42px; color:#fff; font-weight:bold; font-size:15px; line-height:42px;  padding-left:5px}
	.item-text1-bg-3{float:left; cursor:pointer; background:url('../images-2/item-text1-bg-3.png') no-repeat; width:77px; height:42px; color:#fff; font-weight:bold; font-size:15px; line-height:42px;  padding-left:5px}
	.item-text1-bg-4{float:left; cursor:pointer; background:url('../images-2/item-text1-bg-4.png') no-repeat; width:77px; height:42px; color:#fff; font-weight:bold; font-size:15px; line-height:42px;  padding-left:5px}
	
@media all and (max-width:360px){
	.lock-demo{color:#999999;}
	.lock{display:none;}
}	
	
.kitap-icerik{}
	.sayfa-baslik{height:42px; background-color:#fff; margin-bottom:5px; overflow:hidden}
		.baslik-icon{float:left; cursor:pointer; background-color:#000}
		.baslik-text1{float:left; cursor:pointer; background:url('../images-2/lesson_bg.png') no-repeat; width:77px; height:42px; color:#fff; font-weight:bold; font-size:15px; line-height:42px;  padding-left:5px}
		.baslik-text2{float:left; cursor:pointer; line-height:42px; padding-left:3px; font-weight:bold; font-size:15px; width:44%;}
		
	.content-baslik{cursor:pointer;height:42px; background-color:#fff; margin-bottom:2px; overflow:hidden}
		.content-icon{float:left;width:57px;}
		.content-baslik-text{float:left; line-height:42px; font-weight:bold; font-size:14px; padding-left:5px; width:65%}
		.content-tab-tray{padding:8px;background-color:#fff; margin-bottom:5px;  margin-top:-3px; display:none;}
		.tray-block{display:block;}
		
/*Ana index*/
.ana-index-item{cursor:pointer; height:78px; background-color:#acacac; color:#fff; margin-bottom:2px;}

	.ana-index-icon-1{background:url('../images-2/ana-index-icon-1.png') no-repeat; width:105px; height:78px;}
	.ana-index-icon-2{background:url('../images-2/ana-index-icon-2.png') no-repeat; width:105px; height:78px;}
	.ana-index-icon-3{background:url('../images-2/ana-index-icon-3.png') no-repeat; width:105px; height:78px;}
	.ana-index-icon-4{background:url('../images-2/ana-index-icon-4.png') no-repeat; width:105px; height:78px;}
	
	.index-item-text1{width:105px; height:78px; font-weight:bold; display:inline-block;}
	.index-item-text1 div{display:table; width:88px; height:78px;}
	.index-item-text1 div span{display: table-cell; vertical-align: middle; text-align: center;}
	
	.index-item-text2{width:84%; height:78px; font-weight:bold; display:inline-block; overflow:hidden;}
	.index-item-text2 div{display:table; height:78px; width:100%}
	.index-item-text2 span{display: table-cell; vertical-align: middle; line-height:17px;}
	
	@media all and (max-width:770px){
		.index-item-text2{width:64%!important;}
	}
	
/*Geri Item css*/
.index-item-geri{height:42px; background-color:#fff; margin-bottom:2px; overflow:hidden}
.item-icon-geri{float:left; background-color:#000!important; width:42px; height:42px; cursor:pointer}
.icon-geri{background:url('../images-2/geri.png') no-repeat;}
.item-text-geri{float:left; line-height:42px; padding-left:8px; font-weight:bold; font-size:15px; color:#fff;}

.sinav-icon{float:left; cursor:pointer; background-color:#00607c!important; background:url('../images-2/sinav-icon.png') no-repeat; width:42px; height:42px; }
.sinav-text{float:left; line-height:42px; padding-left:8px; font-weight:bold; cursor:pointer; color:fff; width:78%}

/*Living English Css style*/
.living-kirmizi{background-color:#fd1619}
.living-turkuaz{background-color:#3ca6ff}
.living-clr00607c{background-color:#00607c}
.living-yesil{background-color:#779e00}

.workbook-aktif{background-color:#fff; color:#fd1619!important}
.coursebook-aktif{background-color:#fff; color:#3ca6ff!important}
.testbank-aktif{background-color:#fff; color:#00607c!important}
.teog-aktif{background-color:#fff; color:#779e00!important}

.workbook-unit{background-color:#c20003;}
.workbook-unit:hover > ul.workbook-unit-list{display:block}

ul.workbook-unit-list{position:absolute; width:200px; display:none}
ul.workbook-unit-list li{list-style-type:none;}
ul.workbook-unit-list li a{text-align:left; text-decoration:none; background-color:#ee0104; display:block; border-top:1px solid #ba0003; color:#fff; padding-left:5px}
ul.workbook-unit-list li a:hover{background-color:#d70003;}

.coursebook-unit{background-color:#0075d8}
.coursebook-unit:hover > ul.coursebook-unit-list{display:block}

ul.coursebook-unit-list{position:absolute; width:200px; display:none}
ul.coursebook-unit-list li{list-style-type:none;}
ul.coursebook-unit-list li a{text-align:left; text-decoration:none; background-color:#048afc; display:block; border-top:1px solid #006dc9; color:#fff; padding-left:5px}
ul.coursebook-unit-list li a:hover{background-color:#007de6;}

.living-english-bar{height:42px; margin-bottom:2px;}
.living-english-sinif{float:left; color:#fff; line-height:42px; padding-left:15px;  font-size:30px;  }
.living-english-unite{display:none; float:left; overflow:hidden; height:42px; margin-left:5px; width:100px; text-align:center; line-height:42px; font-weight:bold; font-size:15px; color:#fff; cursor:pointer; }
.living-english-unite span{display:block; overflow:hidden; height:42px}

.living-english-buttons{float:right;}
.living-english-button-course,
.living-english-button-work,
.living-english-button-test,
.living-english-button-teog{float:right; padding:5px 10px; margin-top:5px; cursor:pointer; margin-right:5px;  color:#fff; font-weight:bold; border-radius:2px}

.living-english-text{color:#fff; line-height:42px; float:right; margin-right:12px; font-size:30px; display:none;}

.living-geri{display:none; background:url('../images-2/living-geri.png') no-repeat; width:22px; height:24px; float:left; margin-left:80px; margin-top:10px; cursor:pointer}	
.living-ileri{display:none; background:url('../images-2/living-ileri.png') no-repeat; width:22px; height:24px; float:left; margin-left:5px; margin-top:10px; cursor:pointer}