@font-face {
    font-family: "Open Sans";
    src: url(font/Open_Sans/OpenSans-Regular.ttf) format("truetype"); 
    font-weight: normal;
    font-style: normal;
}

html, body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Ubuntu, 'Segoe UI', Tahoma, Verdana;
    font-size: 18px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; 
    background-color: #edebeb;

}

.gizli{display: none; }
#dialogAc{display: none;}

.a-uygulama:default{color: #000000;}
.a-uygulama:active, .a-uygulama:hover{text-shadow: 4px 4px 10px #003399; color: #ffffff; cursor: pointer;}

.btnHesapla{width: 120px; height: 36px; line-height: 30px; background-color: #00cc99; cursor: pointer; border-radius: 4px;}
.btnHesapla:hover{background-color: #ffffff; color: #00cc99; border: 1px solid;}

.divBaslik{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    margin: 10px 0 10px 0;
    background-color: #98d1d8; 
    color: #333333; 
    font-weight: bold; 
    cursor: pointer; 
    border-radius: 3px;
}

/* Label tanımları*/

.lblBaslik100{font-weight: bold; width: 100px; float:left; border-bottom:1px solid transparent; line-height: 24px; }
.lblBaslik120{font-weight: bold; width: 120px; float:left; border-bottom:1px solid transparent; }
.lblBaslik140{font-weight: bold; width: 140px; float:left; border-bottom:1px solid transparent; }
.lblBaslik150{font-weight: bold; width: 150px; float:left; border-bottom:1px solid transparent; }
.lblBaslik160{font-weight: bold; width: 160px; float:left; border-bottom:1px solid transparent; }
.lblBaslik180{font-weight: bold; width: 180px; float:left; border-bottom:1px solid transparent; }
.lblBaslik200{font-weight: bold; width: 200px; float:left; border-bottom:1px solid transparent; margin-top: 5px;}
.lblBaslik250{font-weight: bold; width: 250px; float:left; border-bottom:1px solid transparent; margin-top: 5px;}
.lblBaslik300{font-weight: bold; width: 300px; float:left; border-bottom:1px solid transparent; margin-top: 5px;}
.lblBaslik400{font-weight: bold; width: 400px; float:left; border-bottom:1px solid transparent; margin-top: 5px;}

.lblBaslik401{width: 400px; border-bottom:1px solid transparent; margin-top: 3px;}

.satir{
    width: 100%;
    margin: 2px 0 2px 0;
    padding: 0;
    float: left;
    line-height: 22px;

}

.yazi-renk-red{color: #d50000;}

.yazi-sol{text-align: left;}
.yazi-sag{text-align: right;}
.yazi-orta{text-align: center;}

.yasla-sol{float: left;}
.yasla-sag{float: right;}
.yasla-orta{float: none; margin-left: auto; margin-right: auto;}

.kalin{font-weight: bold;}

/* Margin ve padding boşlukları */
.mar-top-10{margin-top: 10px;}
.mar-top-20{margin-top: 20px;}
.mar-top-40{margin-top: 40px;}
.mar-top-60{margin-top: 60px;}

.mar-bot-10{margin-bottom: 10px;}
.mar-bot-20{margin-bottom: 20px;}
.mar-bot-40{margin-bottom: 40px;}
.mar-bot-60{margin-bottom: 60px;}
.mar-bot-80{margin-bottom: 80px;}
.mar-bot-100{margin-bottom: 100px;}

.mar-sag-10{margin-bottom: 10px;}
.mar-sag-20{margin-bottom: 20px;}
.mar-sag-40{margin-bottom: 40px;}

.mar-sol-10{margin-bottom: 10px;}
.mar-sol-20{margin-bottom: 20px;}
.mar-sol-40{margin-bottom: 40px;}

.pad3{padding: 3px}
.pad5{padding: 5px}
.pad10{padding: 10px}

.pad-sag-sol3{padding-right: 3px; padding-left: 3px;}
.pad-sag-sol5{padding-right: 5px; padding-left: 5px;}
.pad-sag-sol8{padding-right: 8px; padding-left: 8px;}
.pad-sag-sol10{padding-right: 10px; padding-left: 10px;}

.pad-sag-10{padding-right: 10px;}
.pad-sag-20{padding-right: 20px;}
.pad-sag-40{padding-right: 40px;}

.pad-sol-10{padding-left: 10px;}
.pad-sol-20{padding-left: 20px;}
.pad-sol-40{padding-left: 40px;}

.pad-top-10{padding-top: 10px;}
.pad-top-20{padding-top: 20px;}
.pad-top-40{padding-top: 40px;}
.pad-top-60{padding-top: 60px;}

.pad-bottom-10{padding-bottom: 10px;}
.pad-bottom-20{padding-bottom: 20px;}
.pad-bottom-30{padding-bottom: 30px;}
.pad-bottom-40{padding-bottom: 40px;}
.pad-bottom-50{padding-bottom: 50px;}
.pad-bottom-60{padding-bottom: 60px;}

.pad-bottom-100{padding-bottom: 100px;}

.satir-yukseklik-20{line-height: 20px; line-height: 20px; }
.satir-yukseklik-30{line-height: 30px;}
.satir-yukseklik-40{line-height: 40px;}

.buton-sm{cursor: pointer; text-decoration: none; padding: 9px; font-weight: bold;}
.buton-sm:hover{ color: #f06807;}

.buton-nr{cursor: pointer; text-decoration: none; padding: 12px; font-weight: bold;}
.buton-nr:hover{ color: #f06807;}

.buton-lr{cursor: pointer; text-decoration: none; padding: 15px; font-weight: bold;}
.buton-lr:hover{ color: #f06807;}