/* Sticky footer styles
      -------------------------------------------------- */


html, body {
    height: 100%;/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -60px;
}
#wrap .container {
    margin-bottom: -230px;
}
/* Set the fixed height of the footer here */
#push, #footer {
    height: 110px;
}
#footer {
    background: url(../img/site/footer-bg.png);
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* Custom page CSS
      -------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
    width: auto;
    max-width: 1000px;
}
.container .credit {
    margin: 20px 0;
}
html {
    background: url(../img/site/bg.png);
}
body {
    background: url(../img/site/header-bg.png) repeat-x;
    min-width: 1100px;
}
#ust-kisim {
    width: 100%;
    height: 357px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#ust-kisim .katman-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 357px;
    background: url(../img/site/ust-kisim-bg-arka.png) no-repeat;
    background-position: center;
    z-index: 1;
}
#ust-kisim .katman-2 {
    position: absolute;
    width: 100%;
    height: 357px;
    background: url(../img/site/bulut/1.png) repeat-x;
    background-position: center;
    z-index: 2;
}
#ust-kisim .katman-3 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 357px;
    background: url(../img/site/bg-ust.png) top center;
    z-index: 4;
}
#ust-kisim .katman-4 {
    position: absolute;
    width: 100%;
    height: 583px;
    background: url(../img/site/ust-kisim-bg.png) no-repeat;
    background-position: center;
    z-index: 4;
}
#ust {
    position: relative;
    z-index: 10;
}
#ust a {
    color: #ffffff;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    top: -346px;
    width: 108px;
}
#ust a.l0 {
    left: 49px;
    width: 71px;
}
#ust a.l1 {
    left: 376px;
}
#ust a.l2 {
    left: 484px;
}
#ust a.l3 {
    left: 592px;
}
#ust a.l4 {
    left: 700px;
}
#ust a.l5 {
    z-index: 12;
    top: 10px;
}
#ust a.lh {
    width: 40px;
    height: 40px;
    top: -354px;
    left: 5px;
    display: block;
    z-index: 6;
}
#ust a.lf {
    width: 40px;
    height: 40px;
    top: -354px;
    left: 920px;
    display: block;
    z-index: 6;
}
#ust a.lt {
    width: 40px;
    height: 40px;
    top: -354px;
    left: 962px;
    display: block;
    z-index: 6;
}
#ust .sub-menu {
    position: relative;
    top: -354px;
    left: 808px;
    z-index: 11;
    width: 130px;
    height: 144px;
}
#ust .sub-menu a.l5 {
    position: absolute;
}
#ust .sub-menu .l5-sub {
    left: -8px;
    width: 130px;
    height: 144px;
    background: url(../img/site/menu-galeri-bg.png) no-repeat;
    position: absolute;
    top: -2px;
    display: none;
}
#ust .l5-sub a.l5-1 {
    position: absolute;
    top: 62px;
    left: 20px;
    z-index: 7;
    text-align: left;
}
#ust .l5-sub a.l5-2 {
    position: absolute;
    top: 102px;
    left: 20px;
    z-index: 7;
    text-align: left;
}
#ust .logo {
    background: url(../img/site/header-logo.png) no-repeat;
    width: 411px;
    height: 167px;
    position: absolute;
    top: -300px;
    right: -20px;
    z-index: 5;
}
#footer .container {
    position: relative;
}
#footer .container a.logo {
    display: block;
    width: 446px;
    height: 95px;
    background: url(../img/site/footer-logo.png) no-repeat;
    margin-top: 15px;
    margin-left: -20px;
}
#anasayfa-ust {
    position: relative;
    top: -235px;
    z-index: 10;
}
#mansetler {
    width: 630px;
    height: 303px;
    background: url(../img/site/manset-bg.png) no-repeat;
    position: absolute;
    right: 5px;
    top: 0px;
}
#footer ul {
    width: 598px;
    height: 63px;
    background: url(../img/site/footer-menu-bg.png) no-repeat;
    position: absolute;
    top: 9px;
    right: -34px;
    list-style: none;
    text-align: center;
    padding-top: 6px;
    padding-left: 34px;
}
#footer ul li {
    float: left;
    color: #ffffff;
    padding: 0px 15px 0px 10px;
    background: url(../img/site/footer-menu-li-bg.png) no-repeat right;
}
#footer ul li.son {
    background: none;
}
#footer ul li a {
    color: #ffffff;
}
#mansetler .carousel {
    position: absolute;
    top: 12px;
    right: 5px;
}
#mansetler .carousel.carousel-fade .item {
    float: right;
}
.carousel-inner {
    float: right;
}
.carousel-control.left {
    background: url(../img/site/manset-geri.png) no-repeat;
    border: none;
    width: 12px;
    height: 17px;
    position: absolute;
    left: 560px;
    top: 275px;
    opacity: 1;
}
.carousel-control.right {
    background: url(../img/site/manset-ileri.png) no-repeat;
    border: none;
    width: 12px;
    height: 17px;
    left: 580px;
    top: 275px;
    opacity: 1;
}
.carousel-caption h4 {
    width: 586px;
    height: 26px;
    position: absolute;
    background: url(../img/site/manset-caption.png) no-repeat;
    color: #196C97;
    left: 0px;
    bottom: -5px;
    padding: 10px;
}
.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel.carousel-fade .next, .carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}
.carousel.carousel-fade .carousel-control {
    z-index: 3;
}
.carousel-caption {
    background: none;
}
.carousel-indicators {
    top: 256px;
    right: 60px;
}
.carousel-indicators li {
    background: url(../img/site/manset-i.png) no-repeat;
    width: 16px;
    height: 16px;
}
.carousel-indicators li.active {
    background: url(../img/site/manset-i-a.png) no-repeat;
    width: 16px;
    height: 16px;
}
.twitter-follow-button {
    position: absolute !important;
    top: 97px;
    left: 55px;
}
#twitter {
    background: url(../img/site/twitter-kus.png) no-repeat;
    width: 71px;
    height: 41px;
    margin-top: 100px;
    margin-left: -30px;
    margin-bottom: -135px;
}
#twitter .twitler {
    position: absolute;
    top: 140px;
    left: 30px;
    width: 325px;
    height: 160px;
    overflow: auto;
}
#twitter .twitler .twit {
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 0px;
}
#anasayfa-icerik {
    position: relative;
    margin-top: 90px;
    left: 2px;
}
#anasayfa-icerik .faaliyetler {
    width: 672px;
    height: 211px;
    background: url(../img/site/faaliyetler-bg.png) no-repeat;
    position: relative;
    margin-top: -20px;
}
#anasayfa-icerik .faaliyetler a.tumu {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #FFB220;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    z-index: 10;
}
#anasayfa-icerik .faaliyetler .carousel-inner {
    height: 200px;
}
#anasayfa-icerik .faaliyetler .carousel img {
    width: 154px;
    height: 99px;
    position: absolute;
    right: 25px;
    top: 89px;
    border-radius: 5px;
}
#anasayfa-icerik .faaliyetler .carousel h4 {
    width: 435px;
    height: 21px;
    position: absolute;
    left: 35px;
    top: 65px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
}
#anasayfa-icerik .faaliyetler .carousel p {
    width: 435px;
    height: 68px;
    position: absolute;
    left: 35px;
    top: 102px;
    font-size: 13px;
    color: #545454;
    overflow: hidden;
    text-align: justify;
    line-height: 17px;
}
#anasayfa-icerik .faaliyetler .carousel a.left {
    background: url(../img/site/faaliyet-geri.png) no-repeat;
    width: 18px;
    height: 15px;
    left: 35px;
    top: 200px;
}
#anasayfa-icerik .faaliyetler .carousel a.right {
    background: url(../img/site/faaliyet-ileri.png) no-repeat;
    width: 18px;
    height: 15px;
    left: 60px;
    top: 200px;
}
#anasayfa-icerik .galeriden-fotograflar {
    width: 672px;
    height: 268px;
    background: url(../img/site/galeriden-fotograflar-bg.png) no-repeat;
    margin-top: 13px;
    margin-right: 15px;
    position: relative;
    padding-top: 75px;
}
#anasayfa-icerik .galeriden-fotograflar a.tumu {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #D62424;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}
#anasayfa-icerik .galeriden-fotograflar div {
    z-index: 3;
}
#anasayfa-icerik .galeriden-fotograflar p.aciklama {
    float: left;
    margin-left: 24px;
    margin-right: 24px;
    height: 40px;
    overflow: hidden;
    color: #545454;
}
a.galeri {
    width: 200px;
    height: 146px;
    float: left;
    background: url(../img/site/bg-galeri.png) no-repeat;
    margin-left: 17px;
    position: relative;
}
a.galeri img {
    width: 172px;
    height: 112px;
    margin: 17px 14px 0px 14px;
    z-index: 2;
}
a.galeri p {
    display: none;
}
a.galeri .onizle {
    background: url(../img/site/bg-onizle.png);
    width: 172px;
    height: 52px;
    margin: 17px 14px 0px 14px;
    position: absolute;
    display: none;
    z-index: 1;
    color: #FFF;
    text-align: center;
    padding-top: 60px;
    overflow: hidden;
}
a.galeri .onizle span {
    padding: 0px;
    float: left;
    text-align: center;
    width: 100%;
    display: block;
    height: 40px;
    overflow: hidden;
}
#anasayfa-icerik .son-videolar {
    width: 313px;
    height: 482px;
    background: url(../img/site/son-videolar-bg.png) no-repeat;
    position: relative;
    padding-top: 70px;
}
#anasayfa-icerik .son-videolar a.tumu {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #1779A9;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}
#anasayfa-icerik .son-videolar a.video {
    color: #535353;
    width: 300px;
    height: 120px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
#anasayfa-icerik .son-videolar a.video h5 {
    margin-left: 13px;
    width: 290px;
    height: 19px;
    overflow: hidden;
    clear: both;
    margin-bottom: 8px;
}
#anasayfa-icerik .son-videolar a.video img {
    margin-left: 13px;
    margin-right: 10px;
    border: 3px solid #D6D6D6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    float: left;
    width: 101px;
    height: 73px;
}
.yasla {
    float: left;
}
/**** Alt Kısım Duyuru & İletişim *****/
#alt-duyuru-iletisim {
    background: url(../img/site/bg-alt-duyuru-bize-yazin.png) no-repeat;
    background-position: top center;
    margin-left: -13px;
    height: 112px;
    position: relative;
    margin-top: -80px;
    margin-bottom: -40px;
}
form#duyuru-listesi {
    position: relative;
}
form#duyuru-listesi input[type=text] {
    position: absolute;
    width: 371px;
    height: 32px;
    top: 40px;
    left: 174px;
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
    font-size: 22px;
    color: #BDBDAE;
}
form#duyuru-listesi input[type=submit] {
    position: absolute;
    width: 75px;
    height: 32px;
    top: 40px;
    left: 580px;
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
}
#alt-duyuru-iletisim a.bize-yazin {
    position: absolute;
    width: 312px;
    height: 62px;
    display: block;
    margin-top: 11px;
    margin-left: 694px;
}
/*** Sayfa ****/

.sayfa {
    background: url(../img/site/bg-sayfa.png) no-repeat;
    width: 1000px;
    margin-left: 1px;
    margin-top: -12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sayfa h1, .sayfa h2, .sayfa h3, .sayfa h4, .sayfa h5, .sayfa h6 {
    color: #FEA400;
    margin: 5px 0px;
    font-size: 18px;
    line-height: 20px;
}
.sayfa h2 {
    font-size: 17px;
    line-height: 19px;
}
.sayfa h3 {
    font-size: 16px;
    line-height: 18px;
}
.sayfa h4 {
    font-size: 15px;
    line-height: 17px;
}
.sayfa h5 {
    font-size: 14px;
    line-height: 16px;
}
.sayfa h6 {
    font-size: 13px;
    line-height: 15px;
}
.sayfa #twitter {
    margin-left: -61px;
    margin-top: 32px;
}
.sayfa #twitter .twit {
    width: 275px;
    float: left;
    margin-top: 40px;
    margin-left: 60px;
    text-align: justify;
}
.sayfa .span3 {
    background: url(../img/site/ayrac.png) no-repeat;
    background-position: top right;
    padding-right: 100px;
    margin-top: 80px;
}
.sayfa .span3 .kose-yazilari {
    background: url(../img/site/bslk-kose-yazilari.png) no-repeat;
    width: 327px;
    float: left;
    margin-left: -30px;
    padding-top: 60px;
}
.sayfa .span3 .kose-yazilari a {
    display: block;
    float: left;
    background: url(../img/site/i-kose-yazisi.png) no-repeat;
    margin-left: 20px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.sayfa .span3 .kose-yazilari a h5 {
    color: #196C97;
    margin-top: 0px;
}
.sayfa .span3 .kose-yazilari a div.tarih {
    color: #AAAAAA;
    margin-top: -4px;
}
.sayfa .span3 .kose-yazilari a div.kose-yazisi {
    color: #535353;
    margin-top: 0px;
    text-align: justify;
    width: 280px;
}
.sayfa .span3 .faaliyetler {
    background: url(../img/site/bslk-faaliyetler.png) no-repeat;
    width: 327px;
    float: left;
    margin-left: -30px;
    padding-top: 60px;
	padding-left:10px;
}
.sayfa .span3 .faaliyetler a {
}

.sayfa .span3 .faaliyetler a:hover {
    text-decoration: underline;
}
.sayfa .span3 .faaliyetler img {
    width: 64px;
    height: 41px;
    float: left;
    border-radius: 5px;
    border: 2px solid #D6D6D6;
    margin-left: 20px;
    margin-right: 10px;
}
.sayfa .span3 .faaliyetler h5 {
    float: left;
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    width: 220px;
    margin-top: 0px;
    overflow: hidden;
}
.sayfa .span3 .faaliyetler p {
    float: left;
    color: #535353;
    font-size: 13px;
    margin-left: 20px;
    text-align: justify;
    width: 290px;
}
.sayfa .span6 {
    width: 650px;
    margin-left: 10px;
    text-align: justify;
    color: #777777;
}
.sayfa .span6 h1.kategori {
    background: url(../img/site/bg-baslik.png) no-repeat;
    background-position: top right;
    float: right;
    text-align: right;
    width: 550px;
    height: 30px;
    padding-bottom: 26px;
    margin-top: 20px;
    padding-top: 6px;
    margin-right: 0px;
    padding-right: 10px;
    font-size: 23px;
    overflow: hidden;
    line-height: 45px;
    display: block;
    margin-left: 120px;
}
/***** Haber Detayı ******/
.sayfa .span6 .haber-detayi {
}
.sayfa .span6 .haber-detayi img.haber-resmi {
    width: 233px;
    height: 174px;
    border: 3px solid #D6D6D6;
    border-radius: 10px;
    float: left;
    margin-right: 10px;
}
.sayfa .span6 .haber-detayi h1.haber-basligi {
    color: #2590C1;
}
.sayfa .span6 .haber-detayi div.tarih {
    color: #258FBF;
    padding-bottom: 10px;
}
.sayfa .span6 .haber-detayi div.haber-metni {
    padding-top: 10px;
	padding-right:10px;
}
/***** Haber Kategorisi ****/


.sayfa .span6 .haber-kategorisi {
    margin-top: 80px;
}
.sayfa .span6 .haber-kategorisi a.haber {
    background: #F9F9F9;
    border: 1px solid #F9F9F9;
    display: block;
    width: 625px;
    height: 106px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px;
}
.sayfa .span6 .haber-kategorisi a.haber:hover {
    background: #ffffff;
}
.sayfa .span6 .haber-kategorisi a.haber img {
    float: left;
    width: 154px;
    height: 99px;
    border: 2px solid #D6D6D6;
    border-radius: 7px;
    margin-right: 10px;
}
.sayfa .span6 .haber-kategorisi a.haber h2 {
    float: left;
    font-size: 18px;
    color: #666666;
    width: 455px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-top: -1px;
}
.sayfa .span6 .haber-kategorisi a.haber:hover h2 {
    color: #196C97;
}
.sayfa .span6 .haber-kategorisi a.haber p {
    width: 455px;
    float: left;
    height: 80px;
    color: #545454;
    overflow: hidden;
}
/*** Sayfalama ****/

.sayfalama {
    float: right;
    margin-bottom: 14px;
    clear:both;
}
.sayfalama div {
    float: left;
    margin: 10px 10px 0px 15px;
}
.sayfalama a {
    display: block;
    float: left;
    background: url(../img/site/sayfa.png) no-repeat;
    width: 34px;
    height: 24px;
    padding-top: 10px;
    margin-left: 5px;
    text-align: center;
    font-size: 14px;
    color: #1F71A3;
    font-weight: bold;
}
.sayfalama a.secili, .sayfalama a:hover {
    background: url(../img/site/sayfa-s.png);
    text-decoration: none;
}
.sayfalama a.geri {
    background: url(../img/site/sayfa-geri.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-top: 15px;
    margin-right: 10px;
    opacity: 0.5;
}
.sayfalama a.ileri {
    background: url(../img/site/sayfa-ileri.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-top: 15px;
    margin-left: 10px;
    opacity: 0.5;
}
.sayfalama a.geri:hover, .sayfalama a.ileri:hover {
    opacity: 1;
}
/***** Galeri ********/

.sayfa-galeri {

}
.sayfa-galeri a.galeri {
    margin-left: 12px;
}
/****** İletişim **********/
.iletisim {
    float: left;
}
.iletisim .harita {
    background: url(../img/site/harita.png) no-repeat;
    width: 1001px;
    height: 300px;
    margin-top: 3px;
}
.iletisim .sol {
    float: left;
    width: 50%;
    border-right: 1px dashed #A5A5A5;
    margin-bottom: 10px;
}
.iletisim .sol h5 {
    background: url(../img/site/ok-s.png) no-repeat;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 20px;
}
.iletisim .sol p {
    margin-left: 20px;
    padding-left: 20px;
    color: #A5A5A5;
}
.iletisim .sol p a {
    color: #A5A5A5;
}
.iletisim .sol p a.twitter {
    color: #00CCFC;
}
.iletisim .sol p a.facebook {
    color: #3B5998;
}
.iletisim .sol h5.twitter {
    color: #00CCFC;
    background: url(../img/site/ok-t.png) no-repeat;
}
.iletisim .sol h5.facebook {
    color: #3B5998;
    background: url(../img/site/ok-f.png) no-repeat;
}
.iletisim .sag {
    float: left;
    width:48%;
}

.iletisim form
{
    float:right;
}
.iletisim label
{
    float:right;
    font-weight:bold;
    color:#A5A5A5;
    clear:both;
}


.iletisim input, .iletisim textarea
{
    float:right;
    clear:both;
    width:400px;
    height:30px;
}

.iletisim textarea
{
    height:120px;
}
.iletisim input[type=submit]
{
    height:40px;
    width:150px;
}

video#iysVideoPlayer
{
    margin-top: 200px;
    padding-top: 400px;
}