body, html {background-color: #ffffe5; height: 100%; font-family: "Klavika", sans-serif;}
* {margin: 0;padding: 0;} /*Web sayfasını browsera fitliyoruz*/
.secim-yok {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}




.satir::after {
	content: "";
    clear: both;
    display: block;
}
[class*="sut-"] {
    float: left;
    
}
.sut-100 {width:100%;}
.sut-95 {width:95%;}
.sut-90 {width:90%;}
.sut-85 {width:85%;}
.sut-80 {width:80%;}
.sut-75 {width:75%;}
.sut-70 {width:70%;}
.sut-65 {width:65%;}
.sut-60 {width:60%;}
.sut-55 {width:55%;}
.sut-50 {width:50%;}
.sut-45 {width:45%;}
.sut-40 {width:40%;}
.sut-35 {width:35%;}
.sut-30 {width:30%;}
.sut-25 {width:25%;}
.sut-20 {width:20%;}
.sut-15 {width:15%;}
.sut-10 {width:10%;}
.sut-5 {width:5%;}

.kutu {} /* Sayfa içeriğini oluştururken kullanmamız gereken kutu */ 




.ust-menu { /* Üst tarafta sabit menü ayarları*/
padding:0% 2%;

}
.bilgi { /* Üst tarafta sabit menü ayarları*/
padding:0% 2%;

}

.bilgi-metin{
padding:20px;
}



.alt-menu{
	
	padding:20px;
}

.ust-menu-icerik{
padding: 0% 2%;

}



.menuTus{
padding:10px;
cursor:pointer;
margin-right:5px;
}

.menuTus:hover a{
position:relative;
bottom:1px;
}


.sosyalTus{

padding:10px;
cursor:pointer;
margin-right:5px;
}
.sosyalTus:hover a{
position:relative;
bottom:1px;
}






@media only screen and (min-width: 768px) {

#tumYapi {width:65%;}
.ust-menu { /* Üst tarafta sabit menü ayarları*/
padding:0% 5%;

}
.bilgi { /* Üst tarafta sabit menü ayarları*/
padding:0% 10%;

}

}

@media only screen and (min-width: 1024px) {

#tumYapi {width:45%;}
.ust-menu { /* Üst tarafta sabit menü ayarları*/
padding:0% 5%;

}
.bilgi { /* Üst tarafta sabit menü ayarları*/
padding:0% 10%;

}

}