﻿.ust-banner{width:100%;height:135px;background-image:url(/images/ustbanner.png);margin-top:100px;}
.ust-banner>h2{line-height: 135px;text-align: center;font-size: 24px;color: #b61342}
#anamanset {
    display: block;
    float: left;
    margin: 0;
    width: 770px !important;
    height: 510px;
    overflow: hidden;
    background: #FFF
}
#anamanset ul {
    position: relative;
    margin: 0;
    padding: 0;
    width: 770px;
    z-index: 500
}
#anamanset ul li {
    position: absolute;
    display: block;
    width: 770px;
    height: 460px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0px solid red
}
#anamanset ul > li.active {
   z-index: 9999999;
}
#anamanset ul > li.active > a.mn_link {
   display: block;
}
#anamanset ul li img {
    width: 770px;
    height: 450px
}
#anamanset_pager {
    position: relative;
    display: block;
    top: 460px;
    width: 690px;
    z-index: 600
}
#anamanset_pager span {
    display: table;
    width: 5%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #FDFDFD;
    color: #333;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    float: left !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 200.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
#anamanset_pager span:hover {
    box-shadow: 0 0 0;
    cursor: pointer;
    color: #FFF;
    background: #1980be
}
#anamanset_pager .mn_selected {
    box-shadow: 0 0 0;
    color: #FFF;
    background: #4db2ec !important;
    float: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 200.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
#anamanset .mn-abstract {
    position: absolute;
    display: table;
    overflow: hidden;
    z-index: 499;
    width: 770px;
    padding: 10px 15px 10px 15px;
    background: url(./../images/anamanset_spot_bg.png) bottom left;
    bottom: 0px
}
#anamanset .mn-abstract .mn-title {
    display: table;
    width: 770px;
    max-height: 74px;
    overflow: hidden;
    margin-bottom: 2px;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-shadow: 1px 1px 3px #111
}
#anamanset .mn-abstract .mn-spot {
    display: none !important;
    width: 770px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 2px;
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-shadow: 1px 1px 3px #111
}
#anamanset .mn-abstract .mn-date {
    display: table;
    width: 770px;
    color: #DDD;
    font-weight: 200;
    font-size: 12px;
    text-shadow: 1px 1px 2px #111
}
.spot-gizle,
.li_gizle {
    display: none !important
}
._spot_gizle_ {
    display: none !important
}
.haber-detay {
    width: 770px;
    min-height: 300px;
    background-color: #fff;
    margin-bottom: 10px;
    padding:0 20px;
}
.left {
    float: left
}
.right {
    float: right;
    text-align: right
}
.yuzdeelli {
    width: 45%
}
.yol {
    padding: 9px 20px;
    width: 750px;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    color: #afafaf;
}
.yol a {
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    color: #afafaf
}
.yol i {
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    color: #afafaf
}
.yol i.fa.fa-angle-double-right:last-of-type,
.yol a:last-of-type {
    display: none
}
.haber-detay-resim {
    width: 790px;
    min-height: 222px;
}
.haber-detay-resim > img {
    width: 790px
}
.haber-detay-spot {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}
.haber-detay-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}
.haber-detay-text h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}
#haber-detay-etiket {
    width: 720px;
    padding: 10px 0;
    background-color: #DECEB9
}
#haber-detay-etiket a {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #dd4b39;
    padding: 5px;
    background-color: #fff;
    margin: 0 5px
}

.share_widget {
    padding: 10px 0;
    width: 810px;
}
.share_widget ul li {
    float: left;
    line-height: 30px;
    margin-right: 8px;
    color: #999
}
.share_widget ul li a {
    font-weight: bold;
    font-size: 12px
}
.share_widget ul li a i {
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    line-height: 26px
}
.share_widget ul li a i:hover {
    opacity: .5
}
.share_widget ul li a i.fa-facebook {
    background: #3b5998
}
.share_widget ul li a i.fa-twitter {
    background: #00aced
}
.share_widget ul li a i.fa-google-plus {
    background: #dd4b39
}
.share_widget ul li a i.fa-linkedin {
    background: #0077b5
}
.yorum-ekle {
    padding: 18px;
    background-color: #fefefe;
    border: 1px solid #e7e7e7;
    width: 680px
}
.yorum-ekle > h4 {
    margin-bottom: 15px
}
.yorum-ekle input,
.yorum-ekle button,
.yorum-ekle textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    width: 590px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}
.yorum-ekle button {
    width: inherit;
    margin-top: 0
}
.haber-yorumlar {
    width: 680px;
    font-size: 12px;
    padding: 20px;
    background-color: #f4f4f4;
    margin-top: 25px
}
.haber-yorumlar > ul > li {
    border-bottom: #e0e0e0 1px solid
}
.haber-yorumlar > ul > li > p {
    padding: 5px 0
}
.haber-yorumlar > ul > li > p > span {
    font-size: 10px;
    color: #999
}
.ara-banner {
    padding: 20px;
    width: 600px;
    text-align: center
}
.kategori-ustkutu {
    width: 600px;
    background-color: #f8f8f8;
    padding: 20px;
    height: 80px
}
.kategori-ustkutu span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 84px
}
.kategori-ustkutu img {
    width: 125px;
    height: 84px;
    float: left;
    margin-right: 15px
}
.listeyazar li {
    width: 630px;
    padding: 5px 20px;
    border-bottom: 1px dotted #dddddd
}
.listeyazar li a {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    line-height: 26px
}

.detaytablo {
    width: 1100px;
    margin: auto;
    position: relative;
    background-color:#fff;
}
.haber-detay-text {
    width: 600px;
    float: left
}
.detay-bilgiler {
    width: 1100px;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset
}
.haber-detay h1 {
    width: 790px;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    color: #b61342;
    padding: 10px 0;
}
.haber-detay-ekbilgiler {
    width: 600px;
    position: relative
}
.haber-detay-ekbilgiler li {
    width: 200px;
    float: left;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    color: #7c7c7c;
    text-align: center
}
.haber-detay-ekbilgiler li i {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #7c7c7c
}
.haber-detay-metin {
    width: 770px;
    min-height:480px
}
.haber-detay-metin h2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    text-align:justify
}

.haber-detay-metin p {
    line-height:24px;
    text-align:justify
}
.haber-detay-metin-uzun {
    width: 1100px;
    min-height:480px
}
.haber-detay-metin-uzun h2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    text-align:justify
}

.haber-detay-metin-uzun p {
    line-height:14px;
    text-align:justify
}
.yazan {
    padding: 5px;
    width: 220px;
    text-align: center;
    background-color: #999;
    border-radius: 4px;
    margin: 20px auto
}
.yazan p {
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    text-align: center
}
.haber-detay-oyla {
    width: 640px;
    padding: 20px;
    background-color: #f7f7f7;
    margin-top: 20px
}
.puanlama {
    width: 120px;
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #7c7c7c;
    font-weight: 600
}
.puanla {
    width: 300px;
    float: left
}
.puanla a i {
    font-size: 18px;
    line-height: 22px;
    color: #dd4b39;
    font-weight: 600
}
.detay-sol-kolon {
    margin-top: -25px;
    width:250px;
    float: left;
    background-color: #f7f7f7;
}
.detay-sag-kolon {
    width:830px;
    float:right;
}

.althaberler {width:770px;margin:auto;position:relative;padding-top:15px;}
.althaberler li {width:250px;height:195px;float:left;margin-right:10px;background-color:#fff;position:relative;margin-bottom:10px;}
.althaberler li:nth-child(3n+3) {margin-right:0;}
.althaberler li .adi{width:240px;height:34px;position:absolute;bottom:0;font-size:16px;font-weight:400;color:#fff;text-align:center;padding:10px;background-color:rgba(0,0,0,.5); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.althaberler li:hover .adi{width:240px;height:50px;position:absolute;bottom:0px;font-size:16px;font-weight:400;color:#fff;text-align:center;padding:10px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.arabaslik {font-size: 26px;font-weight: 400;line-height: 34px;color: #b61342;padding: 10px 0;}

.okul-adi {background-color:#e68e19;padding:10px;width:750px;border-radius:5px;color:#fff;font-size:14px;margin-bottom:5px;}
.okul-adi:hover {background-color:#b61342;}
.okul-bolumleri {margin:10px 0;}
.okul-bolumleri p {margin-bottom:20px;}