/*Bismillahirrahmanirrahim. açıkrenk #f4f4f4  mavi renk #013682   gri renk #3c3c3c    yazırengi gainsboro; */

@charset "utf-8";

@media only screen and (max-width:479px)
{

    .temizle{clear:both;}
    #anadiv{ margin:-20px auto; width:90%; height: auto; background-color:#f4f4f4;}
    #banner{width:100%; height: auto; background-color:#013682; border-radius: 10px;}
    #header_banner_usta{float:left; width: 100%; height: 75px; text-align: center; padding:10px 1px 10px 1px; }
    #header_banner_usta a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif; }
    #header_banner_usta a:hover{color:darkred;}
    #header_banner_bursalogo{float:left; width:100%; height: auto;}
    #header_banner_bursalogo img{width:100%; height: auto; }
    #header_banner_tel{  width:100%; height: auto; }
    #header_banner_tel img{margin:10px 0 10px 0; width:100%; height: auto;}
    #header_banner_tel img:hover{background-color: darkred;}

    #nav_menu{float:left; width:100%; height: 30px; margin-top:20px; background-color:#013682; border-radius: 10px;}

    #nav_menu #pc{display:none;}
    #nav_menu ul {list-style-type: none; margin-top:5px; margin-left:-40px;}
    #nav_menu ul li{float:left; margin-left:12px; }
    #nav_menu ul li a{color:gainsboro; text-decoration: none; font-size: 12px; font-weight: bold;
        font-family: verdana, Arial, Helvetica, sans-serif;}
    #nav_menu ul li a:hover{ border-bottom: 2px solid darkred;}

    #header_article {float:left; width:100%; height: auto; margin-top:20px; text-align:center; border:1px solid #013682; border-radius: 10px;
        color:black; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif;}

    #main_hizmetlerimiz{float:left; width:100%; height: auto; margin-top:20px;}
    #main_hizmetlerimiz_header{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_hizmetlerimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_hizmetlerimiz_header a:hover{border-bottom: 3px solid darkred;}
    #hizmetlistesi{float:left; width:90%; height: auto; margin-top:20px; padding:0 5% 0 5%; }
    .hizmetler{ float:left; width:100%; height:auto;  background-color:#013682; border-radius: 10px; margin-top:5%;}
    .hizmetlogosu img{width:100%; height:auto; border-radius: 10px;}
    .hizmetbaslik {width:100%; height:auto; padding:2% ;}
    .hizmetbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .hizmetbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_referanslarimiz{float:left; width:100%; height: auto; margin-top:30px;}
    #main_referanslarimiz_header{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_referanslarimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_referanslarimiz_header a:hover{border-bottom: 3px solid darkred;}
    #referanslistesi{float:left; width:90%; height: auto; margin-top:20px; padding: 0 5% 0 5%;}
    .referanslar{ float:left; width:100%; height: auto; background-color:#013682; margin-top:5%; border-radius: 10px;}
    .referanslogosu img{width:100%; height:auto; border-radius: 10px;}
    .referansbaslik {width:90%; height: auto; padding:5%;}
    .referansbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .referansbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_sayfa_icerik{float:left; width:100%; height:auto;  margin-top:25px;}
    #main_sayfa_icerik_baslik{float:left; width:94%; height: auto; background-color:#013682; border-radius: 10px; padding:3%;
        color:gainsboro; text-align:center; font-size: 18px; font-family: verdana, Arial, Helvetica, sans-serif;}
    #main_sayfa_icerik_yazisi{width:96%; height:auto; padding:2%;}
    #main_sayfa_icerik_resimleri {float:left; width:100%; height: auto; margin-top:-5%;}
    #resimlistele {float:left; width:47.5%; height:auto; margin:2.5% 0 0 2.5%;  }
    #main_sayfa_icerik_resimleri img{width:100%; height: auto; border-radius: 10px;}
    #main_sayfa_icerik_yazisi img{width:100%; height:auto;}

    #alt_footer{float:left; width:100%; height: 100%; background-color:#013682; border-radius: 10px; margin-top:20px;}
    #footer_site_haritasi {float:left; width:100%; height: auto;}
    #footer_site_haritasi ul li{margin-top:10px;}
    #footer_site_haritasi a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    #footer_site_haritasi a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_hizmetalanlarimiz{display:none;}

    #footer_tel{width: 96%; height: auto; background-color: #013682; text-align: center;
        padding:2%; border-radius: 10px; color:gainsboro; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
    #footer_tel img{width:100%; height: auto;}

}

@media only screen and (min-width:480px) and (max-width:767px)
{
    .temizle{clear:both;}
    #anadiv{ margin:-20px auto; width:90%; height: auto; background-color:#f4f4f4;}
    #banner{width:100%; height: auto; background-color:#013682; border-radius: 10px;}
    #header_banner_usta{float:left; width: 100%; height: 75px; text-align: center; padding:10px 1px 10px 1px; }
    #header_banner_usta a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif; }
    #header_banner_usta a:hover{color:darkred;}
    #header_banner_bursalogo{float:left; width:100%; height: auto;}
    #header_banner_bursalogo img{width:100%; height: auto; }
    #header_banner_tel{  width:100%; height: auto; }
    #header_banner_tel img{margin:10px 0 10px 0; width:100%; height: auto;}
    #header_banner_tel img:hover{background-color: darkred;}

    #nav_menu{float:left; width:100%; height: 30px; margin-top:20px; background-color:#013682; border-radius: 10px;}

    #nav_menu #pc{display:none;}
    #nav_menu ul {list-style-type: none; margin-top:5px; margin-left:-40px;}
    #nav_menu ul li{float:left; margin-left:10px; }
    #nav_menu ul li a{color:gainsboro; text-decoration: none; font-size: 11px; font-weight: bold;
        font-family: verdana, Arial, Helvetica, sans-serif;}
    #nav_menu ul li a:hover{ border-bottom: 3px solid darkred;}

    #header_article {float:left; width:100%; height: auto; margin-top:20px; text-align:center; border:1px solid #013682; border-radius: 10px;
        color:black; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif;}

    #main_hizmetlerimiz{float:left; width:100%; height: auto; margin-top:20px;}
    #main_hizmetlerimiz_header{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_hizmetlerimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_hizmetlerimiz_header a:hover{border-bottom: 3px solid darkred;}
    #hizmetlistesi{float:left; width:90%; height: auto; margin-top:20px; padding:0 5% 0 5%; }
    .hizmetler{ float:left; width:100%; height:auto;  background-color:#013682; border-radius: 10px; margin-top:5%;}
    .hizmetlogosu img{width:100%; height:auto; border-radius: 10px;}
    .hizmetbaslik {width:100%; height:auto; padding:5% ;}
    .hizmetbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .hizmetbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_referanslarimiz{float:left; width:100%; height: auto; margin-top:30px;}
    #main_referanslarimiz_header{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_referanslarimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_referanslarimiz_header a:hover{border-bottom: 3px solid darkred;}
    #referanslistesi{float:left; width:90%; height: auto; margin-top:20px; padding: 0 5% 0 5%;}
    .referanslar{ float:left; width:100%; height: auto; background-color:#013682; margin-top:5%; border-radius: 10px;}
    .referanslogosu img{width:100%; height:auto; border-radius: 10px;}
    .referansbaslik {width:90%; height: auto; padding:5%;}
    .referansbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .referansbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_sayfa_icerik{float:left; width:100%; height:auto;  margin-top:25px;}
    #main_sayfa_icerik_baslik{float:left; width:100%; height:25px; background-color:#013682; border-radius: 10px; padding-top:5px;
        color:gainsboro; font-size: 18px; text-align:center; font-family: verdana, Arial, Helvetica, sans-serif;}
    #main_sayfa_icerik_yazisi{width:96%; height:auto; padding:2%;}
    #main_sayfa_icerik_resimleri {float:left; width:100%; height: auto; margin-top:-5%;}
    #resimlistele {float:left; width:47.5%; height:auto; margin:2.5% 0 0 2.5%;  }
    #main_sayfa_icerik_resimleri img{width:100%; height: auto; border-radius: 10px;}
    #main_sayfa_icerik_yazisi img{width:100%; height:auto;}

    #alt_footer{float:left; width:100%; height: 100%; background-color:#013682; border-radius: 10px; margin-top:20px;}
    #footer_site_haritasi {float:left; width:100%; height: auto;}
    #footer_site_haritasi ul li{margin-top:10px;}
    #footer_site_haritasi a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    #footer_site_haritasi a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_hizmetalanlarimiz{display:none;}

    #footer_tel{width: 96%; height: auto; background-color: #013682; text-align: center;
        padding:2%; border-radius: 10px; color:gainsboro; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
    #footer_tel img{width:100%; height: auto;}
}

@media only screen and (min-width:768px) and (max-width:1024px)
{
    .temizle{clear:both;}
    #anadiv{ margin:-20px auto; width:90%; height: auto; background-color:#f4f4f4;}
    #banner{width:100%; height: auto; background-color:#013682; border-radius: 10px;}
    #header_banner_usta{float:left; width: 100%; height: 75px; text-align: center; padding:10px 1px 10px 1px; }
    #header_banner_usta a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif; }
    #header_banner_usta a:hover{color:darkred;}
    #header_banner_bursalogo{float:left; width:100%; height: auto;}
    #header_banner_bursalogo img{width:100%; height: auto; }
    #header_banner_tel{  width:100%; height: auto; }
    #header_banner_tel img{margin:10px 0 10px 0; width:100%; height: auto;}
    #header_banner_tel img:hover{background-color: darkred;}

    #nav_menu{float:left; width:100%; height: 30px; margin-top:20px; background-color:#013682; border-radius: 10px;}

    #nav_menu #pc{display:none;}
    #nav_menu ul {list-style-type: none; margin-top:5px; margin-left:-40px;}
    #nav_menu ul li{float:left; margin-left:10px; }
    #nav_menu ul li a{color:gainsboro; text-decoration: none; font-size: 11px; font-weight: bold;
        font-family: verdana, Arial, Helvetica, sans-serif;}
    #nav_menu ul li a:hover{ border-bottom: 3px solid darkred;}

    #header_article {float:left; width:100%; height: auto; margin-top:20px; text-align:center; border:1px solid #013682; border-radius: 10px;
        color:black; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif;}

    #main_hizmetlerimiz{float:left; width:100%; height: auto; margin-top:20px;}
    #main_hizmetlerimiz_header{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_hizmetlerimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_hizmetlerimiz_header a:hover{border-bottom: 3px solid darkred;}
    #hizmetlistesi{float:left; width:90%; height: auto; margin-top:20px; padding:0 5% 0 5%; }
    .hizmetler{ float:left; width:100%; height:auto;  background-color:#013682; border-radius: 10px; margin-top:5%;}
    .hizmetlogosu img{width:100%; height:auto; border-radius: 10px;}
    .hizmetbaslik {width:100%; height:auto; padding:5% ;}
    .hizmetbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .hizmetbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_referanslarimiz{float:left; width:100%; height: auto; margin-top:30px;}
    #main_referanslarimiz_header{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_referanslarimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_referanslarimiz_header a:hover{border-bottom: 3px solid darkred;}
    #referanslistesi{float:left; width:90%; height: auto; margin-top:20px; padding: 0 5% 0 5%;}
    .referanslar{ float:left; width:100%; height: auto; background-color:#013682; margin-top:5%; border-radius: 10px;}
    .referanslogosu img{width:100%; height:auto; border-radius: 10px;}
    .referansbaslik {width:90%; height: auto; padding:5%;}
    .referansbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .referansbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_sayfa_icerik{float:left; width:100%; height:auto;  margin-top:25px;}
    #main_sayfa_icerik_baslik{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; padding-top:5px;
        color:gainsboro; font-size: 18px; text-align:center; font-family: verdana, Arial, Helvetica, sans-serif;}
    #main_sayfa_icerik_yazisi{width:96%; height:auto; padding:2%;}
    #main_sayfa_icerik_resimleri {float:left; width:100%; height: auto; margin-top:-5%;}
    #resimlistele {float:left; width:47.5%; height:auto; margin:2.5% 0 0 2.5%;  }
    #main_sayfa_icerik_resimleri img{width:100%; height: auto; border-radius: 10px;}
    #main_sayfa_icerik_yazisi img{width:100%; height:auto;}

    #alt_footer{float:left; width:100%; height: 100%; background-color:#013682; border-radius: 10px; margin-top:20px;}
    #footer_site_haritasi {float:left; width:100%; height: auto;}
    #footer_site_haritasi ul li{margin-top:10px;}
    #footer_site_haritasi a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    #footer_site_haritasi a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_hizmetalanlarimiz{display:none;}

    #footer_tel{width: 96%; height: auto; background-color: #013682; text-align: center;
        padding:2%; border-radius: 10px; color:gainsboro; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
    #footer_tel img{width:100%; height: auto;}
}

@media only screen and (min-width:1024px) and (max-width:1199px)
{
    .temizle{clear:both;}
    #anadiv{ margin:-20px auto; width:90%; height: auto; background-color:#f4f4f4;}
    #banner{width:100%; height: auto; background-color:#013682; border-radius: 10px;}
    #header_banner_usta{float:left; width: 33%; height: auto; text-align: center; padding:30px 1px 10px 1px; }
    #header_banner_usta a{text-decoration: none; color:gainsboro; font-size: 19px; font-family: verdana, Arial, Helvetica, sans-serif; }
    #header_banner_usta a:hover{color:darkred;}
    #header_banner_bursalogo{float:left; width:33%; height: auto; margin-bottom: -5px;}
    #header_banner_bursalogo img{width:100%; height: auto; }
    #header_banner_tel{ float:left; width:30%; height: auto; }
    #header_banner_tel img{margin:30px 0 10px 10px; width:100%; height: auto;}
    #header_banner_tel img:hover{background-color: darkred;}
    #header_banner_tel img:hover{background-color: darkred;}

    #nav_menu{float:left; width:100%; height:40px; margin-top:20px; background-color:#013682; border-radius: 10px;}

    #nav_menu ul {list-style-type: none;}
    #nav_menu ul li{float:left; margin-left:9%; margin-top:-5px;}
    #nav_menu ul li a{color:gainsboro; text-decoration: none; font-size: 14px; font-weight: bold;
        font-family: verdana, Arial, Helvetica, sans-serif;}
    #nav_menu ul li a:hover{ border-bottom: 3px solid darkred;}

    #header_article {float:left; width:100%; height: auto; margin-top:20px; text-align:center; border:1px solid #013682; border-radius: 10px;
        color:black; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}

    #main_hizmetlerimiz{float:left; width:100%; height: auto; margin-top:30px;}
    #main_hizmetlerimiz_header{float:left; width:100%; height: 30px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_hizmetlerimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_hizmetlerimiz_header a:hover{border-bottom: 3px solid darkred;}
    #hizmetlistesi{float:left; width:100%; height: auto; padding-top:2%;}
    .hizmetler{ float:left; width:30%; height:auto;  background-color:#013682; border-radius: 10px; margin:2.5% 0 0 2.5%;}
    .hizmetlogosu img{width:100%; height:auto; border-radius: 10px;}
    .hizmetbaslik {width:90%; height:auto; padding:5% ;}
    .hizmetbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .hizmetbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_referanslarimiz{float:left; width:100%; height: auto; margin-top:40px;}
    #main_referanslarimiz_header{float:left; width:100%; height: 30px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:5px;}
    #main_referanslarimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_referanslarimiz_header a:hover{border-bottom: 3px solid darkred;}
    #referanslistesi{float:left; width:100%; height: auto; padding-top:2%;}
    .referanslar{ float:left; width:30%; height: auto; background-color:#013682; border-radius: 10px; margin-left:2.5%; margin-top:2.5%;}
    .referanslogosu img{width:100%; height:auto; border-radius: 10px;}
    .referansbaslik {width:90%; height: 50px; padding:5%;}
    .referansbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .referansbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_sayfa_icerik{float:left; width:100%; height:auto;  margin-top:25px;}
    #main_sayfa_icerik_baslik{float:left; width:100%; height: 25px; background-color:#013682; border-radius: 10px; padding-top:5px;
        color:gainsboro; font-size: 18px; text-align:center; font-family: verdana, Arial, Helvetica, sans-serif;}
    #main_sayfa_icerik_yazisi{width:96%; height:auto; padding:2%;}
    #main_sayfa_icerik_resimleri {float:left; width:100%; height: auto; margin-top:-5%; }
    #resimlistele {float:left; width:22%; height:auto; margin:2.5% 0 0 2.5%;  }
    #main_sayfa_icerik_resimleri img{width:100%; height: auto; border-radius: 10px;}
    #main_sayfa_icerik_yazisi img{width:100%; height:auto;}


    #alt_footer{float:left; width:100%; height: auto; background-color:#013682; border-radius: 10px; margin-top:20px; margin-bottom: 20px;}
    #footer_site_haritasi {float:left; width:33%; height: auto;}
    #footer_site_haritasi ul li{margin-top:10px;}
    #footer_site_haritasi a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    #footer_site_haritasi a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_hizmetalanlarimiz{float:left; width:33%;}
    #footer_hizmetalanlarimiz ul li{margin-top:10px;}
    #footer_hizmetalanlarimiz ul li a{text-decoration: none; color:gainsboro; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif;}
    #footer_hizmetalanlarimiz ul li a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_tel{float:left; width:32%; height: auto; background-color: #013682; text-align: center; padding:1%;
         border-radius: 10px; color:gainsboro; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
    #footer_tel img{width:100%; height: auto;}
    #footer_tel img:hover{background-color: darkred;}

}

@media only screen and (min-width:1200px)
{
    .temizle{clear:both;}
    #anadiv{ margin:-20px auto; width:1200px; height: auto; background-color:#f4f4f4;}
    #banner{width:100%; height: auto; background-color:#013682; border-radius: 10px;}
    #header_banner_usta{float:left; width: 33%; height: auto; text-align: center; padding:20px 1px 10px 1px; }
    #header_banner_usta a{text-decoration: none; color:gainsboro; font-size: 20px; font-family: verdana, Arial, Helvetica, sans-serif; }
    #header_banner_usta a:hover{color:darkred;}
    #header_banner_bursalogo{float:left; width:33%; height: auto; margin-bottom: -5px;}
    #header_banner_bursalogo img{width:100%; height: auto; }
    #header_banner_tel{ float:left; width:30%; height: auto; }
    #header_banner_tel img{margin:50px 0 10px 20px; width:100%; height: auto;}
    #header_banner_tel img:hover{background-color: darkred;}
    #header_banner_tel img:hover{background-color: darkred;}

    #nav_menu{float:left; width:100%; height:40px; margin-top:20px; background-color:#013682; border-radius: 10px;}

    #nav_menu ul {list-style-type: none;}
    #nav_menu ul li{float:left; margin-left:10%; margin-top:-5px;}
    #nav_menu ul li a{color:gainsboro; text-decoration: none; font-size: 14px; font-weight: bold;
        font-family: verdana, Arial, Helvetica, sans-serif;}
    #nav_menu ul li a:hover{ border-bottom: 5px solid darkred;}

    #header_article {float:left; width:100%; height: auto; margin-top:20px; text-align:center; border:1px solid #013682; border-radius: 10px;
        color:black; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}

    #main_hizmetlerimiz{float:left; width:100%; height: auto; margin-top:30px;}
    #main_hizmetlerimiz_header{float:left; width:100%; height: 30px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:10px;}
    #main_hizmetlerimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_hizmetlerimiz_header a:hover{border-bottom: 3px solid darkred;}
    #hizmetlistesi{float:left; width:100%; height: auto; padding-top:2%;}
    .hizmetler{ float:left; width:30%; height:auto;  background-color:#013682; border-radius: 10px; margin:2.5% 0 0 2.5%;}
    .hizmetlogosu img{width:100%; height:auto; border-radius: 10px;}
    .hizmetbaslik {width:90%; height:auto; padding:5% ;}
    .hizmetbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .hizmetbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_referanslarimiz{float:left; width:100%; height: auto; margin-top:40px;}
    #main_referanslarimiz_header{float:left; width:100%; height: 30px; background-color:#013682; border-radius: 10px; text-align: center; padding-top:10px;}
    #main_referanslarimiz_header a{color:gainsboro; text-decoration: none; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif; }
    #main_referanslarimiz_header a:hover{border-bottom: 3px solid darkred;}
    #referanslistesi{float:left; width:100%; height: auto; padding-top:2%;}
    .referanslar{ float:left; width:30%; height: auto; background-color:#013682; border-radius: 10px; margin-left:2.5%; margin-top:2.5%;}
    .referanslogosu img{width:100%; height:auto; border-radius: 10px;}
    .referansbaslik {width:90%; height: 50px; padding:5%;}
    .referansbaslik a{text-decoration:none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    .referansbaslik a:hover{color:black; border-bottom:2px solid darkred;}

    #main_sayfa_icerik{float:left; width:100%; height:auto;  margin-top:25px;}
    #main_sayfa_icerik_baslik{float:left; width:100%; height: 30px; background-color:#013682; border-radius: 10px; padding-top:5px;
        color:gainsboro; font-size: 18px; text-align:center; font-family: verdana, Arial, Helvetica, sans-serif;}
    #main_sayfa_icerik_yazisi{float:left; width:96%; height:auto; padding:2%;}
    #main_sayfa_icerik_resimleri {float:left; width:100%; height: auto; margin-top:-5%;}
    #resimlistele {float:left; width:22%; height:auto; margin:2.5% 0 0 2.5%;  }
    #main_sayfa_icerik_resimleri img{width:100%; height: auto; border-radius: 10px;}
    #main_sayfa_icerik_yazisi img{width:100%; height:auto;}



    #alt_footer{float:left; width:100%; height: auto; background-color:#013682; border-radius: 10px; margin-top:20px; margin-bottom: 20px;}
    #footer_site_haritasi {float:left; width:33%; height: auto;}
    #footer_site_haritasi ul li{margin-top:10px;}
    #footer_site_haritasi a{text-decoration: none; color:gainsboro; font-size: 16px; font-family: verdana, Arial, Helvetica, sans-serif;}
    #footer_site_haritasi a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_hizmetalanlarimiz{float:left; width:33%;}
    #footer_hizmetalanlarimiz ul li{margin-top:10px;}
    #footer_hizmetalanlarimiz ul li a{text-decoration: none; color:gainsboro; font-size: 16px; font-family:verdana, Arial, Helvetica, sans-serif;}
    #footer_hizmetalanlarimiz ul li a:hover{color:black; border-bottom: 3px solid darkred;}

    #footer_tel{float:left; width:32%; height: auto; background-color: #013682; text-align: center; padding:1%;
         border-radius: 10px; color:gainsboro; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
    #footer_tel img{width:100%; height: auto;}
    #footer_tel img:hover{background-color: darkred;}
}