html, body, #kapsul {height: 100%;}
body > #kapsul {height: auto; min-height: 100%;}
#icerik {padding-bottom: 177px;} /* altAlan yukseligi ile ayni olmali */
#altAlan {
    position: relative;
    margin-top: -177px; /* altAlan yuksekliginin eksi degeri */
    height: 177px;
    clear:both;
}
        

.ortala{width:1000px; margin:0 auto;}
.clear { clear:both;}

/* Yazı Stilleri */
.icerik1 { font-family:Tahoma; font-size:11px; color:#333;  }
.icerik2 { font-family:Tahoma; font-size:11px; color:#fff;  }
.icerik3 { font-family:Verdana; font-size:12px; color:#ccc; line-height:20px;  }
.icerik4 { font-family:Trebuchet MS; font-size:14px; color:#fff;  }
.EmailStil{font-family:Verdana; font-size:9px; color:#999;}
.Baslik1 { font-family:Trebuchet MS; font-size:13px; color:#FF0000;   }
.Baslik2 { font-family:Trebuchet MS; font-size:20px; color:#fff;  }
.Baslik3 { font-family:Trebuchet MS; font-size:14px; color:#333; font-weight:bold;  }
.Baslik4 { font-family:Trebuchet MS; font-size:18px; color:#666;  }
.Baslik5 { font-family:Trebuchet MS; font-size:12px; color:#999;  }
.Baslik6 { font-family:Trebuchet MS; font-size:14px; color:#fff; font-weight:bold;  }

.FooterCopyright { font-family:Verdana; font-size:11PX; color:#fff;  }
.ContentUrunBaslikStil { font-family:Trebuchet MS; font-size:22px; color:#fff; text-decoration:none; }
.ContentUrunicerikStil { font-family:Verdana; font-size:11px; color:#fff; text-decoration:none;  }

/* Yazı Stilleri */ 

/* Linkler */
.AnamenuStil:link { font-family:Trebuchet MS; font-size:13px; color:#fff; text-decoration:none;  }
.AnamenuStil:active { font-family:Trebuchet MS; font-size:13px; color:#fff; text-decoration:none;  }
.AnamenuStil:visited { font-family:Trebuchet MS; font-size:13px; color:#fff; text-decoration:none; }
.AnamenuStil:hover { font-family:Trebuchet MS; font-size:13px; color:#ff0000; text-decoration:none;  }

.AnamenuFooterStil:link { font-family:Trebuchet MS; font-size:12px; color:#fff; text-decoration:none;  }
.AnamenuFooterStil:active { font-family:Trebuchet MS; font-size:12px; color:#fff; text-decoration:none;  }
.AnamenuFooterStil:visited { font-family:Trebuchet MS; font-size:12px; color:#fff; text-decoration:none; }
.AnamenuFooterStil:hover { font-family:Trebuchet MS; font-size:12px; color:#ff0000; text-decoration:none;  }

.ContenticerikLinkStil:link { font-family:Tahoma; font-size:11px; color:#996666;  text-decoration:none;  }
.ContenticerikLinkStil:active { font-family:Tahoma; font-size:11px; color:#996666;  text-decoration:none;  }
.ContenticerikLinkStil:visited { font-family:Tahoma; font-size:11px; color:#996666;  text-decoration:none;  }
.ContenticerikLinkStil:hover { font-family:Tahoma; font-size:11px; color:#333;  text-decoration:none;  }

.SolMenuStil:link { font-family:Trebuchet MS; font-size:14px; color:#ddd; text-decoration:none;  }
.SolMenuStil:active {font-family:Trebuchet MS; font-size:14px; color:#ddd; text-decoration:none;   }
.SolMenuStil:visited { font-family:Trebuchet MS; font-size:14px; color:#ddd; text-decoration:none;  }
.SolMenuStil:hover {font-family:Trebuchet MS; font-size:14px; color:#ddd; text-decoration:none;   }

.HaberStil:link { font-family:Tahoma; font-size:11px; color:#333; text-decoration:none;  }
.HaberStil:active { font-family:Tahoma; font-size:11px; color:#333; text-decoration:none;  }
.HaberStil:visited { font-family:Tahoma; font-size:11px; color:#333; text-decoration:none;  }
.HaberStil:hover { font-family:Tahoma; font-size:11px; color:#770000; text-decoration:none;  }

.DilStil:link { font-family:Tahoma; font-size:14px; color:#fff; text-decoration:none;  }
.DilStil:active {font-family:Tahoma; font-size:14px; color:#fff; text-decoration:none;  }
.DilStil:visited {font-family:Tahoma; font-size:14px; color:#fff; text-decoration:none; }
.DilStil:hover {font-family:Tahoma; font-size:14px; color:#FF0000; text-decoration:none;}


.IletisimMail:link { font-family:Trebuchet MS; font-size:14px; color:#fff; text-decoration:none;  }
.IletisimMail:active { font-family:Trebuchet MS; font-size:14px; color:#fff; text-decoration:none;  }
.IletisimMail:visited { font-family:Trebuchet MS; font-size:14px; color:#fff; text-decoration:none;  }
.IletisimMail:hover { font-family:Trebuchet MS; font-size:14px; color:#ccc; text-decoration:none;  }

/* Linkler */

/* ANASAYFA */
.Header { width:100%;  margin-top:20px; display:inline-block;}
.TupasLogoBg { float:left; width:30% margin-left:-50px; background:url(/images/SiteLayout/TupasLogoBg.png) no-repeat top center ; }
.TupasLogo { float:left; margin-left:100px; margin-top:25px;  }
.HeaderSag { float:right; margin-left:0px; width:70%;  }
    .YerlikayaLogo { float:right; margin-bottom:0px; margin-top:10px; margin-right:1px;  }
    .HeaderTelefon { float:right; margin-bottom:15px;  }
    .AnamenuContainer { width:850px; float:right; margin-bottom:15px;}
    .AnamenuAlan { padding-left:0px; padding-right:8px; float:left;  }
    .DilContainer { width:60px; float:right; margin-right:15px;   }


    .AramaContainer {  float:right; width:226px; margin-top:10px; margin-bottom:10px; margin-right:15px;  }
        .AraTextAlani  { float:left; margin-right:5px  }
        .AramaTextStil { width:179px; height:27px; background:url(/images/SiteLayout/AramaTbBg.png) no-repeat top center; font-family:Arial; font-size:11px;                        color:#666; font-style:italic; padding-left:5px;  }
        .AramaButon { float:left; width:37px; height:27px; background:url(/images/SiteLayout/AramaButon.png) no-repeat top center;  }
        .AramaButon:hover { float:left; width:37px; height:27px; background:url(/images/SiteLayout/AramaButon.png) no-repeat bottom center;  }

    
    .BannerBg { width:100%; height:340px; background:#1E1E1E; }
    .AnasayfaBanner { padding:12px;  }
    
    .Content { margin-top:10px; margin-bottom:10px; padding-top:15px; width:100%; background:url(/images/SiteLayout/icBg2.png)repeat-y;  }
    .ContentIk { margin-top:10px; margin-bottom:10px; padding-top:15px; width:100%;  }
    
    .AnasayfaContent  { width:100%; margin-top:50px; }
    .AnasayfaContent .Container { width:238px; height:119px; background:url(/images/SiteLayout/AnasayfaContentLinkBg.jpg) repeat-x top center; float:left; margin-right:16px;  }
    .AnasayfaContent .BaslikAlan { width:100%; margin:10px; height:35px; margin-bottom:0px;}
    .AnasayfaContent .Metin { width:100%; height:27px; margin:0px 10px 10px 10px; overflow:hidden;   }
    .DetayTr { width:89px; height:27px; background:url(/images/SiteLayout/DetayTr1.png) top center no-repeat; float:right; margin-right:15px;  }
    .DetayTr:hover { width:89px; height:27px; background:url(/images/SiteLayout/DetayTr2.png) top center no-repeat; float:right; margin-right:15px;  }
    .DetayEng { width:89px; height:27px; background:url(/images/SiteLayout/DetayEng1.png) top center no-repeat; float:right; margin-right:15px;  }
    .DetayEng:hover { width:89px; height:27px; background:url(/images/SiteLayout/DetayEng2.png) top center no-repeat; float:right; margin-right:15px;  }
    
    
    .Footer { width:100%; background:url(/images/SiteLayout/FooterBg.png) center center repeat-x; }
    .FooterTup { width:512px; height:237px; float:left; margin-top:25px;  }
    .FooterHaberler { width:250px; float:left; margin-top:40px;  }
    .FooterHaberler .Baslik { margin-bottom:5px; width:100%;}
    .FooterHaberler .Metin { width:100%; height:50px;  }

    .CanliDestekContainer { float:right; width:100px;  margin-top:40px;  }
        .CanliDestekContainer .icon { float:right; margin-left:10px;  }
        .CanliDestekContainer .Metin { float:right; text-align:center; margin-top:10px;  }
        
    .icFooter { width:100%;  height:35px; background:url(/images/SiteLayout/icFooterBg.png) top center repeat-x;z-index:5;position:absolute;margin-top:-70px  }
    .CopyrightAlan { float:left; margin-top:20px; width:220px    }
    .TtrBilisim { float:right; margin-top:-60px; }
    
    .FaceTwitContainer { width:600px; margin:0 auto; margin-top:-20px; margin-left:250px; }
    .Facebook { float:left; width:41px; height:41px; background:url(/images/SiteLayout/face.png) top center no-repeat; }
    .Facebook:hover { float:left; width:41px; height:41px; background:url(/images/SiteLayout/face.png) top center no-repeat;  }
    .Twitter { float:left; width:41px; height:41px; background:url(/images/SiteLayout/twitter.png) top center no-repeat; }
    .Twitter:hover { float:left; width:41px; height:41px; background:url(/images/SiteLayout/twitter.png) top center no-repeat;  }
     .Instagram { float:left; width:41px; height:41px; background:url(/images/SiteLayout/Instagram.png) top center no-repeat; }
    .Instagram:hover { float:left; width:41px; height:41px; background:url(/images/SiteLayout/Instagram.png) top center no-repeat;  }
 .Blog { float:left; width:41px; height:41px; background:url(/images/SiteLayout/blog.png) top center no-repeat; }
    .Blog:hover { float:left; width:41px; height:41px; background:url(/images/SiteLayout/blog.png) top center no-repeat;  }


/* ANASAYFA */ 

/* ALT SAYFA */
    .icSayfaSol { width:300px; margin-right:50px; margin-left:50px; float:left;   }
        .SolMenuContainer { width:300px; }
          .SolMenuResim { width:89px; float:left; height:261px; 
          background:url(/images/SiteLayout/SolMenuTup.png) top left no-repeat;  }
          .SolMenuAlan { width:211px;  float:left; margin-top:30px; margin-left:5px; }
            .SolMenu { width:200px; min-height:40px; background:url(/images/SiteLayout/Solmenu2.png) top center repeat-y;
                             margin-bottom:1px; }
            .SolMenu:hover { width:200px; min-height:40px; background:url(/images/SiteLayout/Solmenu1.png) top center repeat-y;                                                 margin-bottom:1px; }
            .SolMenuMetin { padding:10px; }
            
            
            
             .SolMenuUrunAlan { width:260px;  float:left; margin-top:30px; margin-left:0px; }
            .SolMenuUrun { width:260px; min-height:40px; background:url(/images/SiteLayout/SolmenuUrun2.png) top center repeat-y;
                             margin-bottom:1px; }
            .SolMenuUrun:hover { width:260px; min-height:40px; background:url(/images/SiteLayout/SolmenuUrun1.png) top center repeat-y;                                                 margin-bottom:1px; }
            .SolMenuUrunMetin { padding:10px; padding-left:13px; }
            
            
            
            
            .icSayfaUrunlerimiz { width:200px; height:192px; margin-top:30px; 
                                            background:url(/images/SiteLayout/icSayfaUrunlerimizBg.png) top center repeat-x; }
            .icSayfaUrunlerimiz .Baslik { width:100px; height:30px; padding-top:140px; margin-left:80px;  }
    
    .icSayfaSag { width:700px;  float:left;    }
        .icSayfaSag .Baslik { width:100%; margin-bottom:10px; text-align:left;  }
        .icSayfaSag .icerik { width:100%; text-align:left;}
/* ALT SAYFA */

/* İLETİŞİM */
    .icSayfaSag { width:600px;  float:left;    }
        .icSayfaSag .Baslik { width:100%; margin-bottom:10px; text-align:left;  }
        .icSayfaSag .iletisimAlan { width:250px; min-height:84px; padding:10px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; float:left; margin-right:20px; margin-bottom:20px; background:url(/images/SiteLayout/iletisimBilgileriBg.png) top center repeat;  }
        .icSayfaSag .iletisimAlan .Baslik { width:50px;  margin-left:10px;  }
        .icSayfaSag .iletisimAlan .Metin { width:100%;  margin-left:10px;   }
        
        .GoogleMapContainer { width:581px; height:294px; background:url(/images/SiteLayout/GoogleMapBg.png) top center ;margin-top:20px;  }
        .GoogleMap { width:561px; height:274px; padding:10px;  }
        
        .FormContainer { width:360px; margin-right:30px; float:left;  }
            .TbAlan { width:350px; height:38px; background:url(/images/SiteLayout/TextboxAlanBg1.png) top center no-repeat; 
                        margin-bottom:5px;    }
            .TbAlan:hover { width:350px; height:38px; background:url(/images/SiteLayout/TextboxAlanBg2.png) top center no-repeat;                               margin-bottom:5px;     }
            .MesajAlan { width:350px; min-height:150px; background:url(/images/SiteLayout/MesajBg.png) top center repeat-x; margin-bottom:5px; background-color:#c7c7c7; border-radius:5px; }
            .MesajAlan:hover { width:350px; min-height:150px; background:url(/images/SiteLayout/MesajBg2.png) top center repeat-x; margin-bottom:5px; background-color:#c0c0c0; border-radius:5px;   }
            
        .FormResim { width:208px; float:left; margin-top:25px; }
        .FormTextbox { margin:5px; font-family:Trebuchet MS; font-size:18px; color:#333; margin-left:30px;  } 
        
       .Gonder { float:left;  }

/* İLETİŞİM */

 .border {border: 2px solid #d1d1d1; }
    .border:hover {border: 2px solid #FF131A;  }
    
    .urunad { color:#d1d1d1; text-decoration:none;}
    .urunad:hover { color:#FF131A; text-decoration:none; }
    
    .fotodetay{width:135px; height:100px;}
    
    
    .GonderButon { width:149px; color:#2E1401; font-size:15px; font-family:Calibri; margin-left:-10px; font-weight:bold; margin-top:10px; height:52px; border:0; background:url(/images/siteLayout/Gonder1.png)  }
     .GonderButon:hover { width:149px; color:#2E1401; font-size:15px; font-family:Calibri; margin-left:-10px; font-weight:bold; margin-top:10px; border:0; height:52px; background:url(/images/siteLayout/Gonder2.png) }
     
    .belgefoto{width:150px;}
.resimgaleri{height:130px; }

.galeriBorder{border:3px solid #d1d1d1;}
.galeriBorder:hover{border:3px solid #930307;}


.AraBtn { float:left; background:url(/images/SiteLayout/search1.png) no-repeat top center; border:0px; width:20px; height:20px;  }
.AraBtn:hover { float:left; background:url(/images/SiteLayout/search1.png) no-repeat; }
.MailRenk {color:#E50000;}
               

/*Medialar*/
.AnasayfaContent .col-12{
    margin-bottom:20px;
}
 .urundizilim_mobile{
    display:none;
}
 .menu_icon{
     display:none;
 }
  #myLinks {
      display: block;
    }
  #hlLogo img{
      display:none;
  }
  .topnav .icon {
  display: none;
}
  .YerlikayaLogo img{
      display:none;
  }
 .tdRightAll{width:60%!important;}
@media (max-width:999px){
    .ortala {
    width: 100%;
}
    .pikachoose {
    width: 100%!important;
}
    .pika-stage, .pika-textnav {
    width: 100%!important;
}
    .pika-stage a, .pika-stage img{
        width:100%;
    }
    .pika-stage{
        height:auto!important;
    }
    .BannerBg{
        height:auto;
    }
    .AnasayfaContent .Container{
        width:100%;
        height:109px;
        margin-right:0px;
    }
    .FooterCopyright, .FaceTwitContainer{
        width:100%!important;
    }
    .FaceTwitContainer{
        margin:auto!important;
    }
    .urundizilim_deskop{
        display:none;
    }
    .urundizilim_mobile{
        display:block;
    }
    .urundizilim_mobile td{
        width:45%;
        margin-right:4%;
        display: inline-block;
    }
    .icSayfaSol{
        width:100%;
    }
    .SolMenuContainer, .SolMenuUrunAlan, .SolMenuAlan, .icSayfaSol{
        width:100%!important;
    }
    .icSayfaSag{
        width:100%!important;
        margin-left:0px!important;
        padding:50px 30px 50px 65px;
    }
    .FormTextboxStil{
        width:100%!important;
    }
    .tdRightAll {
        width: 100%!important;
        display: inline-block;
    }
    #sagIcerik table tbody{
        display:inline-block;
    }
    .FormTextboxStil{
        width:100%!important;
    }
    .tdLeft{
       width:15%!important;
    }
    .guvenlik_box_bg{
        width:30%
    }
    .ortala .arrtl{
        margin-left:0px!important;
    }
    .icSayfaSol{
        margin:0px;
        margin-top:100px;
    }
    .Header {
        display: inline-block;
    }
    .AnamenuContainer {
        width: 100%;
        margin-bottom: 15px;
    }
    .AnamenuStil:link{
        display:block;
        width:100%;
        padding:5px 10px;
        font-size:18px;
    }
    .AnamenuAlan{
        display:block;
        width:100%;
        padding:5px 10px;
    }
     .AnamenuAlan .sf-with-ul{
        font-size:18px;
    }
    .sf-menu{
        margin-bottom:0px;
    }
    #example{
        padding-left:10px;
    }
    .sf-menu a{
        padding:0px;
    }
    .AnamenuAlan .sf-menu ul{
        display:none!important;
    }
    #myLinks {
      display: none;
    }
    .menu_icon {
       display: block;
    padding: 10px;
    background: #d10000;
    text-align: center;
    color:#ffffff;
        font-size: 20px;
    }
    .menu_icon:hover {
    color: #ffffff;
    text-decoration: none;
}
    #ContentPlaceHolder1_lblIcerik object{
        width:100%!important;
        height:auto!important;
        display:none;
    }
    .imgfoto, .fancybox-effects-b, .galeriBorder, #ContentPlaceHolder1_rptGaleri2 td{
        display:block;
        width:100%;
    }
    .galeri_bg img{
        max-width: 100%;
        height: auto;
        display:block;
        width:100%;

    }
    /*table*/
    .galeri_bg  table tr, .galeri_bg  table td{
        width:100%;
        display:block;
    }
    /*table*/
      #hlLogo img{
          display:block;
      }
        #hlLogo object{
          display:none;
      }
            .topnav .SolMenuUrun, .topnav .SolMenu {
        display: none;

    }
  .topnav a.icon {
       float: left;
    display: block;
    width: 50%;
    background: #d10000;
    padding: 10px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    text-decoration-line: none;
  }
    .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: -80px;
  }
  .topnav.responsive .SolMenuUrun, .topnav.responsive .SolMenu {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .SolMenuMetin{
          margin-top: 0px;
  }
    .YerlikayaLogo object{
      display:none;
  }
      .YerlikayaLogo img{
      display:block;
  }
      .is_guvenligi td{
         width: 50%;
         display: inline-block;
      }
      .is_guvenligi td a div, .is_guvenligi td a div img{
         width: 100%!important;
         height:auto!important;
      }
      .TbAlan, .FormContainer, .MesajAlan{
          width:100%!important;
          margin-right:0px;
      }
}

@media (max-width:850px){
    #pikame{
        display:none;
    }
}
@media (max-width:768px){
   .tdRightAll {
    width: 85%!important;
    display:inline-block;
}
   .icSayfaSag {
    padding: 10px;
}
}


@media (max-width: 575px) {
    .TupasLogo{
        margin-left:10px;
    }
}