/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/*hand pointer ekle*/
.elisareti {
    cursor:pointer !important
}


/*ana menü rengi*/
.menu_baslik:hover {
    background-color: #999999;
}
    /******************ÖEMLİ*************/
    /*açıklama ana_sayfa.js dosyasında clicleme ile açılacak şekilde değiştirildi*/
    /*ana menü öğesi üzerine gelindiğinde alt menüde bulunan clasları çalıştırıyor*/
    /*.menu_baslik:hover > .div_menu_listesi_1 {
        display: block;
    }*/

.devredisi {
    pointer-events: none;
    opacity: 0.5;
}

/*ALT MENÜ OLUŞTURMA*/
/*Alt kategorinin özelliklerini belirliyor ve burada display olarak göstermiyor,
    alt alanda "none" efektini block olarak değiştiriyor*/
.div_menu_listesi_1 {
    display: none;
    left: 0;
    position: absolute;
    top: -2px;
    width: 180px;
    /*z-index:1000;*/
}

.div_menu_listesi_2 {
    display: none;
    left: 0;
    position: absolute;
    margin-top: -36px;
    margin-left: 180px;
    width: 180px;
    z-index: 1000;
}

.menu_baslik2:hover > .div_menu_listesi_2 {
    display: block;
}

     /*açılır menü yüksekliği*/
.ul_menu_gorunum {
    margin-top:63px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    list-style: none;
    padding: 0;
}

    /*açılır menü rengi*/
    .ul_menu_gorunum a {
        background-color: white;
        color: #666666;
        display: block;
        padding: 8px;
        text-decoration: none;
    }

        /*açılır menü hover background color efekt*/
        .ul_menu_gorunum a:hover, .ul_menu_gorunum a:focus {
            background-color: #e6e6e6;
            text-decoration: none;
        }

/*açılır menü yüksekliği*/
.ul_menu_gorunum2 {
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    list-style: none;
    padding: 0;
}

        /*açılır menü hover background color efekt*/
.menu_baslik2:hover > a {
    background-color: #e6e6e6;
}


/*Bekleme çubukları*/
.spinner {
    position: relative;
    top: 40%;
    margin: auto;
    width: 470px;
    height: 105px;
    text-align: center;
}

    .spinner > div {
        background-color: rgba(0,0,0,0.5);
        height: 100%;
        width: 23px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.5s infinite ease-in-out;
        animation: sk-stretchdelay 1.5s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.4s;
        animation-delay: -1.4s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.3s;
        animation-delay: -1.3s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -1.2s;
        animation-delay: -1.2s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect6 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .spinner .rect7 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }
    .spinner .rect8 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }
    .spinner .rect9 {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}