*{
padding: 0px;
margin: 0;
}
body
{
    background:#eee;
}
a{
text-decoration: none;
color: #111;
}

.bar{
    background: #fff;
    width: 16px;
    height: 16px;
    padding: 4px 8px;
    border-bottom:1px solid  #eee;
}

.bar.banner{
    width: 16px;
    height: 16px;
    float:left;
}

.bar.banner img{
    width: 26px;
    height: 26px;
   
}
.bar.linkler{
    width: 75%;
    height: 80px;
    float:left;
}

.bar.linkler ul {
    background: #fff;
    width: 100%;
    height: 80px;
    
}
.bar .linkler ul li{
    list-style: none;
    width:auto;height:80px;
   padding:0px;
    float:left;
    text-align:center ;
    line-height:80px;
    font-family:comic sans ms;
}


.bar .linkler ul li a{
    color:#2e6b8c;
    width: auto;
    height: 80px;
    padding:0px  20px;
    display:block;
}
.bar.linkler ul li a.active.bar.linkler ul li a:hover{
    border-top:10px solid #cee;
    line-height:10px;
}
.ortala{
    margin:50px auto;
    width:72px;
    height:auto;
    min-height:200px;
    background:#fff;
    margin:20px;
}
.ortala.icerik{
    width:80%;
    height:auto;
    margin:20px auto;
    border:1px solid #cee;
}
.ortala.icerik h2{
    
    color:#2ec;
    text-align:center;
}
.ortala.icerik h4{
    
    margin-top:20px;
    text-align:center;
}
input{
    width:100%;
    height:40px;
}
a.button{ width:100px;height:40px;border:1px solid #cecece;text-align:center;display:block;border-left:none;line-height:40px;color:#2a6b8c;font-weight:bold;

}
.y25{ width:250;float:left;}
.y75{ width:250;float:left;}
.y100{width:100%;float:left;}

.y100 ul{ width:100%;height:auto;margin:20px 0px;}
.y100 ul li{ width:100%;height:30px;list-style:none;line-height:30px}
.y100 ul li a{ width:100%;height:30px;display:block;}
.y100 ul li a:hover{ background:#eee;}