@charset "utf-8";
body {
    margin: 0;
    padding: 0;
}

#dictionaryItemContainer {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    width: 500px;
    height: 280px;
    padding: 0;
    margin: 0;
    position: relative;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    overflow: hidden;
}
#depremBackground {
    width: 500px;
    height: 280px;
    background: url("../media/background.png") no-repeat;
    position: absolute;
    z-index: 2;
}
#depremBackground1 {
    width: 500px;
    height: 280px;
    background: url("../media/kalkinma/kalkinme_ilk_goruntu_haritasi.png") no-repeat;
    position: absolute;
    z-index: 2;
}
#depremBackground2 {
    width: 500px;
    height: 280px;
    background: url("../media/tesvik/tesvik_haritasi_nasil_gozukecek.png") no-repeat;
    position: absolute;
    z-index: 2;
}

.popups {
    width: 500px;
    height: 280px;
    position: absolute;
    z-index: 1;
}


.imagePages {
    width: 500px;
    height: 280px;
    position: absolute;
    z-index: 1;
}

#kalkinmaImg_1 {  background: url("../media/kalkinma/1.derece.png") no-repeat; }
#kalkinmaImg_2 {  background: url("../media/kalkinma/2.derece.png") no-repeat; }
#kalkinmaImg_3 {  background: url("../media/kalkinma/3.derece.png") no-repeat; }
#kalkinmaImg_4 {  background: url("../media/kalkinma/4.derece.png") no-repeat; }
#kalkinmaImg_5 {  background: url("../media/kalkinma/5.derece.png") no-repeat; }
.kalkinmaButtons {
    width: 153px;
    height: 18px;
    position: absolute;
    z-index: 3;
}
#kalkinmaButton_1 {left: 279px; bottom: 43px; background: url("../media/kalkinma/1.png") no-repeat;}
#kalkinmaButton_2 {left: 188px; bottom: 23px; background: url("../media/kalkinma/2.png") no-repeat;}
#kalkinmaButton_3 {left: 344px; bottom: 23px; background: url("../media/kalkinma/3.png") no-repeat;}
#kalkinmaButton_4 {left: 188px; bottom: 3px; background: url("../media/kalkinma/4.png") no-repeat;}
#kalkinmaButton_5 {left: 344px; bottom: 3px; background: url("../media/kalkinma/5.png") no-repeat;}

#tesvikImg_1 {  background: url("../media/tesvik/1.bolge.png") no-repeat; }
#tesvikImg_2 {  background: url("../media/tesvik/2.bolge.png") no-repeat; }
#tesvikImg_3 {  background: url("../media/tesvik/3.bolge.png") no-repeat; }
#tesvikImg_4 {  background: url("../media/tesvik/4.bolge.png") no-repeat; }
#tesvikImg_5 {  background: url("../media/tesvik/5.bolge.png") no-repeat; }
#tesvikImg_6 {  background: url("../media/tesvik/6.bolge.png") no-repeat; }
#tesvikImg_7 {  background: url("../media/tesvik/pop_up_icinde_gorunecek_liste.png") no-repeat; }

.tesvikButtons {
    width: 52px;
    height: 18px;
    position: absolute;
    bottom: 20px;
    z-index: 3;
}
#tesvikButton_1 { left: 89px; background: url("../media/tesvik/1.png") no-repeat;}
#tesvikButton_2 { left: 159px; background: url("../media/tesvik/2.png") no-repeat;}
#tesvikButton_3 { left: 230px; background: url("../media/tesvik/3.png") no-repeat;}
#tesvikButton_4 { left: 300px; background: url("../media/tesvik/4.png") no-repeat;}
#tesvikButton_5 { left: 370px; background: url("../media/tesvik/5.png") no-repeat;}
#tesvikButton_6 { left: 440px; background: url("../media/tesvik/6.png") no-repeat;}
#tesvikButton_7 { width: 185px; height: 23px; left: 305px; bottom: 46px; background: url("../media/tesvik/devlet_destegi_pop_up_butonu.png") no-repeat;}




.backButtons {
    background: url("../media/geri_butonu.png") no-repeat;
    width: 72px;
    height: 28px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 3;
}
.backButtons2 {
    background: url("../media/tesvik/exit.png") no-repeat;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 5px;
}
.mainButtons {
    width: 220px;
    height: 26px;
    position: absolute;
    top: 239px;
    left: 18px;
    background: red;
    opacity: 0;
    z-index: 2;
}

#mainBtn_2 {left: 262px;}