html, body, form, #kapsul { height: 100%; }
#kapsul { height: auto; min-height: 100%; }
#icerik { padding-bottom: 140px; }
#altAlan { position: relative; margin-top: -140px;  height: 140px; clear: both; }

.firstss{margin-left:0px;}
.firstss:hover{margin-left:0px;}

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

.EbultenMesaj {
            font-family:Calibri,Arial;
            font-size:12px;
            color:#fff;

        }

.pad ul,ol{padding-left:15px; padding-top:5px; padding-bottom:5px; margin-left:15px; margin-top:5px; margin-bottom:5px;line-height: 1.5; }
.pad ul{list-style:disc;}
.pad ol{list-style:decimal;}
.pad p{padding-bottom:10px;}
.pad a{color:#0593c7;}
.pad a:hover{color:#970202;}
.pad{padding-bottom:10px;}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}


#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 95%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index:10000;
}

#cookie_note p{
    margin: 0;
    font-size: 11pt;
    text-align: left;
     color: #424040;
	padding-right:10px;
}

#cookie_note a{color:#086bc2;text-decoration: underline;}
#cookie_note a:hover{color:#ed5003; text-decoration: none;}

.btnss {
    padding: 0.5em 1.5em; /* Поля по вертикали и горизонтали */
    background-color: transparent; /* Прозрачный цвет фона */
    font-size: 0.9em; /* Размер текста */
    text-transform: uppercase; /* Все буквы заглавные */
    color: #d90000; /* Цвет текста */
    border: 2px solid #d90000; /* Параметры рамки */
    border-radius: 0.4em; /* Радиус скругления */
    margin-top:5px;
   }
   
   .btnss:hover{cursor: pointer;}

.cookie_accept{
    width:120px;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }

   
    
    .btnss {margin-top:5px; }
}


.error {padding-left: 5px;margin-left: .3em; color: red;font-size: 9pt;}
#lForm{color: #ffffff; }

.big_zag_news a{font-size:12pt;}
.big_zag_news a:hover{font-size:12pt;}

/* pagination */
.pagination {
    clear: both;
    font:12px Verdana;
    color:gray;
    margin-top:20px;
   
}

.pagination a {
    text-decoration:none;
    background:#F4F4F4;
    border:1px solid #E8E8E8;
    color:gray;
}

.pagination a:hover {
    background: black;
    border:1px solid #E8E8E8;
    color:white;
}

.pagination a,
.pagination b,
.pagination .disabled {
    padding:3px 6px;
    line-height:2em;
}

.pagination .disabled {
    color: #BFBFBF;
    background:#EFEFEF;
    border:1px solid #E8E8E8;
}

.current{font-weight: bold;padding:4px 6px; border:1px solid #E8E8E8; background:#e3e2e2;}
	/* pagination */
	
.cat4{width: 25%; float: left; text-align: center;}
.cat4 img{border:4px solid #dddddd;}

.border_img{border:1px solid silver;}


.TTR_icerik1 { font-family:'SegoueRegular'; font-size:13px; text-decoration:none; } /**/
.TTR_icerik2 { font-family:Calibri; font-size:14px; text-decoration:none; } 

.TTR_Baslik1 { font-family:'SegoueLight'; font-size:24px; text-decoration:none; } /**/
.TTR_Baslik2 { font-family:'SegoueBold'; font-size:24px; text-decoration:none; } /**/
.TTR_Baslik3 { font-family:'BuxtonStil'; font-size:16px; text-decoration:none; } /**/
.TTR_Baslik4 { font-family:'SegoueBold'; font-size:15px; text-decoration:none; } /**/
.TTR_Baslik5 { font-family:'SegoueLight'; font-size:20px; text-decoration:none; text-transform:uppercase;} /**/

.FooterCopyright { font-family: 'SegoueRegular'; font-size: 13px; color: #fff; }

.HeaderSayiStil1 { color:#fff; font-family:'MeseoRegular'; font-size:12px; }
.HeaderSayiStil2 { color:#fff; font-family:'MeseoRegular'; font-size:22px; }


/* Renkler */
.Gri1 { color:#999; }
.Gri2 { color:#666; }
.Gri3 { color:#333; }
.Siyah { color:#000; }
.Beyaz { color:#fff; }
.Kirmizi { color:#D90000; }
/* Renkler */

/* Background */
.BgGri1 { background-color:#f4f4f4; }
/* Background */

/* Kalın */
.YaziKalin { font-weight:bold; }
/* Kalın */

/* İtalik */
.Yaziitalic { font-style:italic; }
/* İtalik */




/* Segoue Light */
@font-face{ 
	font-family: 'SegoueLight';
	src: url("fonts/segoeuil.eot");
	src: url("fonts/segoeuil.eot-#iefix") format('embedded-opentype'),
	     url("fonts/segoeuil.woff") format('woff'),
	     url("fonts/segoeuil.ttf") format('truetype'),
	     url("fonts/segoeuil.svg#webfont") format('svg');
           font-weight:normal; font-style:normal;   
}
/* Segoue Light */

/* Segoue Regular */
@font-face{ 
	font-family: 'SegoueRegular';
	src: url("fonts/SEGOEUI.eot");
	src: url("fonts/SEGOEUI.eot-#iefix") format('embedded-opentype'),
	     url("fonts/SEGOEUI.woff") format('woff'),
	     url("fonts/SEGOEUI.ttf") format('truetype'),
	     url("fonts/SEGOEUI.svg#webfont") format('svg');
           font-weight:normal; font-style:normal;   
}
/* Segoue Regular */

/* Segoue Bold */
@font-face{ 
	font-family: 'SegoueBold';
	src: url("fonts/SEGOEUIB.eot");
	src: url("fonts/SEGOEUIB.eot-#iefix") format('embedded-opentype'),
	     url("fonts/SEGOEUIB.woff") format('woff'),
	     url("fonts/SEGOEUIB.ttf") format('truetype'),
	     url("fonts/SEGOEUIB.svg#webfont") format('svg');
           font-weight:normal; font-style:normal;   
}
/* Segoue Bold */


/* TTR Stil */
@font-face{ 
	font-family: 'TTRStil';
	src: url("fonts/handgotn-webfont.eot");
	src: url("fonts/handgotn-webfont.eot-#iefix") format('embedded-opentype'),
	     url("fonts/handgotn-webfont.woff") format('woff'),
	     url("fonts/handgotn-webfont.ttf") format('truetype'),
	     url("fonts/handgotn-webfont.svg#webfont") format('svg');
           font-weight:normal; font-style:normal;   
}
/* TTR Stil */

/* Museo Sans */
@font-face{ 
	font-family: 'MeseoRegular';
	src: url("fonts/museo500-regular.eot");
	src: url("fonts/museo500-regular.eot-#iefix") format('embedded-opentype'),
	     url("fonts/museo500-regular.woff") format('woff'),
	     url("fonts/museo500-regular.ttf") format('truetype'),
	     url("fonts/museo500-regular.svg#webfont") format('svg');
           font-weight:normal; font-style:normal;   
}
/* Museo Sans */

/* Museo Sans */
@font-face{ 
	font-family: 'BuxtonStil';
	src: url("fonts/buxtonsketch_0.eot");
	src: url("fonts/buxtonsketch_0.eot-#iefix") format('embedded-opentype'),
	     url("fonts/buxtonsketch_0.woff") format('woff'),
	     url("fonts/buxtonsketch_0.ttf") format('truetype'),
	     url("fonts/buxtonsketch_0.svg#webfont") format('svg');
           font-weight:normal; font-style:normal;   
}
/* Museo Sans */

/* === Fontface Yazı Stilleri Bitiş === */


/* === Link Stilleri Başlangıç === */
.AnamenuStil:link, .AnamenuStil:active, .AnamenuStil:visited { font-family: 'SegoueRegular'; color: #fff; text-decoration: none; font-size: 15px; text-transform: uppercase;}
.AnamenuStil:hover { font-family: 'SegoueRegular'; color: #fff; text-decoration: none; font-size: 15px; text-transform: uppercase;}

.InteraktifStil:link, .InteraktifStil:active, .InteraktifStil:visited { font-family:Calibri; color: #888888; text-decoration: none; font-size: 13px; font-style:italic; }
.InteraktifStil:hover { font-family:Calibri; color: #fff; text-decoration: none; font-size: 13px; font-style:italic; }

.HaberStil:link, .HaberStil:active, .HaberStil:visited { font-family:'SegoueRegular'; color: #fff; text-decoration: none; font-size: 14px; }
.HaberStil:hover { font-family:'SegoueRegular'; color: #ccc; text-decoration: none; font-size: 14px; }

.HaberBtnStil:link, .HaberBtnStil:active, .HaberBtnStil:visited { font-family:'SegoueBold'; color: #fff; text-decoration: none; font-size: 13px; }
.HaberBtnStil:hover { font-family:'SegoueBold'; color: #fff; text-decoration: none; font-size: 13px; }

.TTRStil:link, .TTRStil:active, .TTRStil:visited { font-family:'TTRStil'; color: #fff; text-decoration: none; font-size: 12px; }
.TTRStil:hover { font-family:'TTRStil'; color: #ff6a00; text-decoration: none; font-size: 12px; }

.KategoriStil1:link, .KategoriStil1:active, .KategoriStil1:visited { font-family:'SegoueRegular'; color: #999; text-decoration: none; font-size: 13px; }
.KategoriStil1:hover { font-family:'SegoueRegular'; color: #333; text-decoration: none; font-size: 13px; }

.B_crumb:link, .B_crumb:active, .B_crumb:visited { font-family:'SegoueRegular'; color: #999; text-decoration: none; font-size: 13px; }
.B_crumb:hover { font-family:'SegoueRegular'; color: #333; text-decoration: none; font-size: 13px; }

.razdelitels{padding-left:10px;padding-right:10px;}

.B_currentCrumb:link, .B_currentCrumb:active, .B_currentCrumb:visited { font-family:'SegoueBold'; color: #999; text-decoration: none; font-size: 13px; }
.B_currentCrumb:hover { font-family:'SegoueBold'; color: #333; text-decoration: none; font-size: 13px; }

.KategoriStil2:link, .KategoriStil2:active, .KategoriStil2:visited { font-family:'SegoueBold'; color: #999; text-decoration: none; font-size: 13px; }
.KategoriStil2:hover { font-family:'SegoueBold'; color: #333; text-decoration: none; font-size: 13px; }

.SolMenuStil:link, .SolMenuStil:active, .SolMenuStil:visited { font-family:'SegoueRegular'; color: #666; text-decoration: none; font-size: 13px; }
.SolMenuStil:hover { font-family:'SegoueRegular'; color: #fff; text-decoration: none; font-size: 13px; }

.UrunStil:link, .UrunStil:active, .UrunStil:visited { font-family:'SegoueRegular'; color: #D90000; text-decoration: none; font-size: 15px; }
.UrunStil:hover { font-family:'SegoueRegular'; color: #555; text-decoration: none; font-size: 15px; }

.GonderStil:link, .GonderStil:active, .GonderStil:visited { font-family:'SegoueBold'; color: #fff; text-decoration: none; font-size: 14px; cursor: pointer}
.GonderStil:hover { font-family:'SegoueBold'; color: #fff; text-decoration: none; font-size: 14px; cursor: pointer}

/* === Link Stilleri Bitiş === */


/* ==== ANASAYFA STİLLERİ BAŞLANGIÇ ==== */
body { background:url("images/SiteBg.jpg") no-repeat top center; }
.HeaderContainer { width:100%; height:101px; background:url("images/HeaderBg.jpg") no-repeat top center; }
.HeaderAltGolge { width:100%; height:4px; background:url("images/HeaderAltGolge.png") repeat-x top center; position:relative; }
.islerLogo { float:left; margin-top:18px; }
.HeaderSagContainer { float:right;width:657px; }
.HeaderTelContainer { float:right; padding-top:20px;margin-right:24px; }
.AnamenuContainer { width:685px; float:right; height:40px; margin-top:15px;margin-right:-44px; }
.AnamenuAlan { width:135px; height:30px; background:url("images/AnamenuBg.png") no-repeat top center; float:left; margin-left:-13px; text-align:center; padding-top:10px; }
.AnamenuAlan:hover { width:135px; height:30px; background:url("images/AnamenuBg.png") no-repeat bottom center; float:left; margin-left:-13px; text-align:center; padding-top:10px; }
.AnamenuAlan2 { width:130px; height:30px; background:url("images/AnamenuBg2.png") no-repeat top center; float:left; margin-left:-13px; text-align:center; padding-top:10px; }
.AnamenuAlan2:hover { width:130px; height:30px; background:url("images/AnamenuBg2.png") no-repeat bottom center; float:left; margin-left:-13px; text-align:center; padding-top:10px; }

.DilAlan { width:68px; height:30px; background:url("images/DilAlanBg.png") no-repeat top center; float:left; margin-left:-13px; text-align:center; padding-top:10px; }
.DilAlan:hover { width:68px; height:30px; background:url("images/DilAlanBg.png") no-repeat bottom center; float:left; margin-left:-13px; text-align:center; padding-top:10px; }
.Haber_Social_Container { width:100%; height:202px; background:url("images/Haber_Socil_BarBg.png") no-repeat top center; margin-top:50px; }
.SocialContainer { float:left; width:370px; margin-top:20px; overflow:hidden; }
.SosyalMedyaContainer { float:left; }

.SosyalMedyaContainer .BaslikContainer{ float:left; }
.SosyalMedyaContainer .BaslikContainer .UstBaslik { text-align:left; padding-top:10px; }
.SosyalMedyaContainer .BaslikContainer .AltBaslik { text-align:right }
.SosyalMedyaContainer .LogolarContainer { margin-top:41px; }
.SosyalMedyaContainer .LogolarContainer .FacebookIcon { float:left; width:40px; height:40px; background:url("images/Face.jpg") no-repeat top center; margin-right:5px; cursor:pointer;}
.SosyalMedyaContainer .LogolarContainer .FacebookIcon:hover { float:left; width:40px; height:40px; background:url("images/Face.jpg") no-repeat bottom center; margin-right:5px; cursor:pointer;}
.SosyalMedyaContainer .LogolarContainer .TwitIcon { float:left; width:40px; height:40px; background:url("images/Twit.jpg") no-repeat top center; margin-right:5px; cursor:pointer;}
.SosyalMedyaContainer .LogolarContainer .TwitIcon:hover { float:left; width:40px; height:40px; background:url("images/Twit.jpg") no-repeat bottom center; margin-right:5px; cursor:pointer;}
.SosyalMedyaContainer .LogolarContainer .YoutubeIcon { float:left; width:40px; height:40px; background:url("images/Youtube.jpg") no-repeat top center; margin-right:5px; cursor:pointer;}
.SosyalMedyaContainer .LogolarContainer .YoutubeIcon:hover { float:left; width:40px; height:40px; background:url("images/Youtube.jpg") no-repeat bottom center; margin-right:5px; cursor:pointer;}
.SosyalCizgi { width:1px; height:68px; background-color:#444; float:left; margin-left:22px; margin-right:25px; }
.InteraktifContainer { width:200px;margin:0 auto; }
.InteraktifContainer .BaslikContainer{ float:right; }
.InteraktifContainer .BaslikContainer .UstBaslik { text-align:left; padding-top:10px; }
.InteraktifContainer .BaslikContainer .AltBaslik { text-align:right }
.InteraktifContainer .Alt { padding-top:15px; }
.InteraktifContainer .Alt .Alan { float:left; margin-right:5px; }
.InteraktifContainer .Alt .Alan .Logo {  }
.InteraktifContainer .Alt .Alan .Metin { text-align:center; }
.HaberlerContainer { float:right; width:500px; margin-top:20px; }
.HaberlerContainer .Baslik { margin-bottom:15px; text-align:left; }
.HaberlerContainer .HaberAlanContainer {  }
.HaberlerContainer .HaberAlanContainer .HaberAlanBaslik {  }
.HaberlerContainer .HaberAlanContainer .HaberAlanIcerik { height:20px; overflow:hidden; }
.HaberlerContainer .HaberCizgi { width:100%; height:1px; background-color:#01AFAE; margin-top:12px; margin-bottom:12px; }
.HaberlerContainer .TumHaberlerBtn { float:right; width:120px; height:22px; background:url("images/TumHaberlerBtn.png") no-repeat top center; text-align:center; }
.HaberlerContainer .TumHaberlerBtn:hover { float:right; width:120px; height:22px; background:url("images/TumHaberlerBtn.png") no-repeat bottom center; text-align:center; }
.HomeContent { margin-top:40px; margin-bottom:40px; }
.HomeContentAlan { width:300px; float:left; margin-right:50px; }
.HomeContentAlan .Icon { width:45px; margin:0 auto; margin-bottom:10px; }
.HomeContentAlan .Icon Img{ width:45px; margin:0 auto; }
.HomeContentAlan .Baslik { text-align:center; margin-bottom:10px; }
.HomeContentAlan .Metin { text-align:center; width:auto; height:52px; overflow:hidden; margin-bottom:15px; }
.ContentDetayBtn { width:90px; height:21px; background:url("images/detaybtn.png") no-repeat top center; text-align:center; padding-top:1px; margin:0 auto; }
.ContentDetayBtn:hover { width:90px; height:21px; background:url("images/detaybtn.png") no-repeat bottom center; text-align:center; padding-top:1px; margin:0 auto; }
.FooterContainer { width:100%; height:140px; background:url("images/FooterBg.png") no-repeat top center; }
.FooterUst { width:100%; }
.FooterLogo { float:left; padding-top:18px;  }
.FooterUstSag { float:right; padding-top:18px; }
.FooterUstSag .MailistBaslik { float:right; margin-bottom:10px; }
.MailistContainer { float:right; }
.MailistContainer .MailistTb { float:left; width:190px; height:30px; background-color:#FFA8A8; margin-right:5px; padding-left:10px; }
.MailistContainer .MailistTb Input{ float:left; width:190px; height:30px; background-color:transparent; border:none; font-family:'SegoueRegular'; font-size:13px; color:#660000;  }

::-webkit-input-placeholder {
   color: #660000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #660000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #660000;  
}

:-ms-input-placeholder {  
   color: #660000;  
}

.MailistBtn { float:left; width:43px; height:30px; background:url("images/mailistgonder.jpg") no-repeat top center;  border:0;cursor: pointer;}
.MailistBtn:hover { float:left; width:43px; height:30px; background:url("images/mailistgonder.jpg") no-repeat bottom center;  cursor: pointer;}

.CopyrightMetin { float:left; padding-top:10px;}
.TTRAlan { float:right;  padding-top:10px;}
.FooterAlt { width:100%; height:40px; bottom:0; position:absolute;}
/* ==== ANASAYFA STİLLERİ BİTİŞ ==== */


/* ==== ALT SAYFA STİLLERİ BAŞLANGIÇ ==== */
.AltSayfaNavContainer { width:100%; height:44px; background-color:#eee; margin-top:-4px; }
.AnasayfaIcon { float:left; padding-top:15px; }
.NavAraCizgi  { float:left; padding-top:13px; margin-left:15px; margin-right:19px; }
.NavMenuAlan { float:left; padding-top:15px; }

.SolMenuContainer { width:250px; float:left; }
.SolMenuBaslikContainer { width:auto; min-height:61px; background-color:#eee; background:url("images/SolMenuBaslikBg.jpg") no-repeat top center; padding:15px 5px 10px 60px; }
.SolMenuAlan { width:225px; min-height:25px; background-color:#eee; border-right:5px solid #ccc; padding-left:15px; padding-top:11px; padding-right:5px; padding-bottom:3px; margin-bottom:1px; }
.SolMenuAlan:hover { width:225px; min-height:25px; background-color:#D90000; border-right:5px solid #B30000; padding-left:15px; padding-top:11px; padding-right:5px; padding-bottom:3px; margin-bottom:1px;}

.AltSayfaSag { float:right; width:720px; }
.AltSayfa_MainBaslik { width:auto; margin-bottom:15px; }
.AltSayfaIcerik {  }

.UrunAlanContainer { margin-right:15px; margin-bottom:20px; float:left; }
.UrunAlanContainer .UrunResim { width:600px; height:169px; border:4px solid #ddd;color:#000;}
.UrunAlanContainer .UrunResim:hover { width:600px; height:169px;color:#B30000;
-webkit-box-shadow: 7px 7px 18px 0px rgba(140, 55, 50, 1);
-moz-box-shadow:    7px 7px 18px 0px rgba(140, 55, 50, 1);
box-shadow:         7px 7px 18px 0px rgba(140, 55, 50, 1);
transition: all 600ms ease;
}
.UrunAlanContainer .UrunResim .Img {  width:600px; height:169px; }


.UrunAlanContainer .UrunResim2 { width:150px; height:109px; border:4px solid #ddd;color:#000;}
.UrunAlanContainer .UrunResim2:hover { width:150px; height:109px;color:#B30000;
-webkit-box-shadow: 7px 7px 18px 0px rgba(140, 55, 50, 1);
-moz-box-shadow:    7px 7px 18px 0px rgba(140, 55, 50, 1);
box-shadow:         7px 7px 18px 0px rgba(140, 55, 50, 1);
transition: all 600ms ease;
}
.UrunAlanContainer .UrunResim2 .Img {  width:150px; height:150px; }



.UrunAlanContainer .UrunIsim { text-align:center; width:100%; font-size:12px; }

.UrunDetayUrunResim { float:left; width:340px; height:340px; border:6px solid #ddd; }
.UrunDetayUrunResim Img { width:340px; height:340px; }
.UrunDetaySag { float:right; width:350px; }
.UrunDetaySag .Baslik { margin-bottom:10px; }
.UrunDetaySag .Icerik {  }

.iletisimBlog {  }
.iletisimBlog .MainBaslik { margin-bottom:15px; }
.iletisimBlog .iletisimBilgisiAlan { margin-bottom:10px; }
.iletisimBlog .iletisimBilgisiAlan .Icon{ float:left; margin-right:10px; }
.iletisimBlog .iletisimBilgisiAlan .Metin{ float:left; }

.iletisimFormAlan { float:left; width:350px; }
.iletisimFormAlanTb { margin-bottom:5px; width:348px; min-height:35px; border:1px solid #eee; }
.iletisimFormAlanTb Input{ width:343px; height:35px; font-family: 'SegoueRegular'; font-size:13px; color:#999; border:none; padding-left:5px; }
.iletisimFormAlanTb Textarea{ width:323px; height:127px; font-family: 'SegoueRegular'; font-size:13px; color:#999; border:none; padding:10px; }
.iletisimAltAlan {  }
.iletisimAltAlan .GKodu { float:left; width:80px; height:35px; background-color:#eee; margin-right:5px; background:url("images/CaptchaCode.aspx") no-repeat }
.iletisimAltAlan .GKoduTb { margin-right:5px; float:left; width:171px; height:34px; border:1px solid #eee; }
.iletisimAltAlan .GKoduTb Input{ width:161px; height:34px; padding-left:10px; border:none;}
.iletisimAltAlan .GonderBtn { float:left; width:86px; height:26px; border-bottom:4px solid #B30000; background-color:#D90000; text-align:center; padding-top:6px; cursor: pointer}
.iletisimAltAlan .GonderBtn:hover { float:left; width:86px; height:26px; border-bottom:4px solid #820000; background-color:#B90000; text-align:center; padding-top:6px; cursor: pointer}



.iletisimGorsel { float:right; width:350px;  }


/* ==== ALT SAYFA STİLLERİ BİTİŞ ==== */