@import url('reset.css');
@import url('bootstrap.min.css');
@import url('bootstrap-theme.min.css');

@font-face {
  font-family: 'robotoDar';
  src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf')  format('truetype'), url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*Panel CSS*/
body{margin-top: 75px;font-family: 'roboto' !important}
.table-hover thead{font-weight: bold;}
.table-hover th a{display: block;}
.yazi_foto p{display: block;text-align: left;font-weight: bold;margin-bottom: 10px;}
.yazi_foto .fotoYukle{}
.kategori_liste .kategori_madde{margin-bottom: 5px; font-size: 16px;}
.yazi_kaydet{width: 100% !important; margin-bottom: 20px;}
.kategoriListe span.glyphicon{float: right;font-size: 18px;}
.kategoriListe span.glyphicon:hover{cursor: pointer;}
.kategori_baslik{font-weight: bold;margin-bottom: 15px;}
.yazi_sil_buton{ font-size: 16px;}
.yazi_sil_buton:hover{cursor: pointer;}
/*Kayıt - Giriş Css*/
.colorgraph {height: 5px;  border-top: 0;  background: #c4e17f;  border-radius: 5px;  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);}
.kayit_pencere{display: none;}
.btn-block{margin-bottom: 5px;text-align: center;font-size: 15px;}
.btn-block:hover{text-decoration: none;}
.yazi_durum label{margin-bottom: 5px;}

/*Site CSS*/
siteBody a:hover{text-decoration: none;}
.siteBody{margin-top: 0px !important; background: #fff1da;}
.anaDiv{background: #fff;}
.ayrac{width: 100%; height: 2px; background: #f2f2f2;display: block;margin: 8px 0px}
/*logoAlani CSS*/
.logoAlani{  display: block; overflow: hidden;padding: 8px 0px;}
.logoAlani .logoKutu{float: left; overflow: hidden;}
.logoAlani .logoKutu img{max-width: 375px; overflow: hidden;padding-top: 9px;}
.logoAlani .reklamKutu{ overflow: hidden;margin-top: 0px;  width: 728px;height: 90px;  float: right;}
.logoAlani .reklamKutu img{ overflow: hidden;border: 1px solid #ADACAC;border-radius: 5px;width: 728px;height: 90px;}
/*üst Menü CSS*/
.ust_menu_site{}
.ust_menu_site ul{display: block; border-radius: 5px;background: #ff3019; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(64%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 64%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
;overflow: hidden;}
.ust_menu_site ul li{float: left;overflow: hidden; border-right: 1px solid #C00000;}
.ust_menu_site ul li:hover{background: #cc0000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */
}
.ust_menu_site ul li:last-child{border: none;}
.ust_menu_site ul li a{display: block;padding: 10px 15px;font-size: 15px;color: #fff;}
.ust_menu_site ul .aramaKutu{width: 195px;float: right;margin: 3px 4px 3px 12px;}
.ust_menu_site ul .aramaKutu input{float: left;width: 145px;}
.ust_menu_site ul .aramaKutu button{margin-left: 2px;}
/*icerikDisAlan CSS*/
.icerikDisAlan{}
/* icerikSolAlan CSS*/
.icerikSolAlan{width: 75%; float: left;}

/*Slider CSS*/
.sliderAlan{overflow: hidden;}
.sliderKutu{width: 70%;float: left;}
.slider div a h1{font-family: 'robotoDar';display: block;width: 100%;font-size: 22px; background-color: rgba(255, 255, 255, 0.94);padding: 17px 5px; margin: -63px 0px 0px 0px;position: relative;color: #C30000;font-weight: bold;}
.slider{border: 1px solid #CDCDCD;border-radius: 5px 5px 0px 0px ;}
.owl-pagination .active .owl-numbers{background: #000 !important;font-weight: bold;}
.owl-theme .owl-controls .owl-page span.owl-numbers{margin: -8px 3px 3px 0px;border-radius: 0px !important;height: 30px !important; width: 30.3px !important;text-align: center; color: #FFF !important; padding: 5px 0px !important;font-size: 16px !important;}
.owl-theme .owl-controls .owl-page span{border-radius: 0px !important;background:#DB0000; opacity:1 !important;}
.owl-theme .owl-controls .owl-page span:hover{background: #000 !important;font-weight: bold;}
.owl-theme .owl-controls{margin: 8px 0px -3px 0px !important; text-align: left !important;}
.owl-pagination div:last-child span{margin-right: 0px !important;}


/*Modüller Genel CSS*/
.modulBaslik{border-radius: 5px 5px 0px 0px;font-family: 'robotoDar';background-color: #DB0000;color: #fff;font-size: 18px;font-weight: bold; padding: 8px 9px;line-height: 20px;   margin: 0px 0px 5px 0px; display: block;border-bottom: 1px solid #000;}

/*sonHaberlerListele CSS*/
.sonHaberlerListele{float: right;width: 28%;}
.sonHaberlerListele ul {margin-bottom: 0px;}
.sonHaberlerListele ul li{border-bottom: 1px solid #CDCDCD;padding: 3px 0px;border-radius: 5px;}
.sonHaberlerListele ul li:hover{background: #EDEDED;}
.sonHaberlerListele ul li a{color: #000;font-size: 14px;line-height: 20px;display: block;text-align: justify; padding: 4px;}

/*haberlerKutu CSS*/
.haberlerKutuUl{}
.haberlerKutuUl .haberlerKutuUlLi{width: 23%;  margin: 0px 8px 10px;float: left;}
.haberlerKutu{border: 1px solid #ADACAC;min-height: 650px;border-radius: 5px;}
.haberlerKutu ul li{}
.haberlerKutu ul li:hover{background: #EDEDED;}
.haberlerKutu ul li:hover h2{background: #fff;}
.haberlerKutu ul li a{}
.haberlerKutu ul li a img{width: 100%;height: auto;display: block; margin-top: -5px;}
.haberlerKutu ul li a h2{font-family: 'robotoDar'; display: block; width: 100%; font-size: 16px;background-color: rgba(255, 255, 255, 0.84); padding: 6px 5px; margin:-29px 0px 2px 0px;position: relative;color: #C30000;font-weight: bold;}
.haberlerKutu ul li a p{color: #000;font-size: 13px;line-height: 16px;display: block;text-align: justify; padding: 4px;}

/*icerikSagAlan CSS*/
.icerikDisAlan .icerikSagAlan{ width: 23%; float: right;}
/*Yan Menü CSS*/
.yanMenuHaberler{width: 100%; margin: 0px;}

/*Haber Detay CSS*/
.haberDetay{width: 57% !important;}
.haberDetay h1{font-size: 30px;font-weight: bold;margin: 8px 0px;}
.haberDetay img{width: 100%;border: 1px solid #ADACAC;margin: 5px 0px 15px 0px;}
.haberDetay p{line-height: 28px !important;color: #000 !important;}
.haberDetay span{line-height: 28px !important;color: #000 !important;}
.haberDetay a{line-height: 28px !important;color: #000 !important;}
.yaziReklamAlani{float: left;margin-right: 10px;margin-bottom: 10px; border: 1px solid #ADACAC;}
.yaziMobilReklamAlani{margin: 5px 0px;display: none;}


/*Haber Detay YAN CSS*/
.haberDetayYan{width: 18% !important;margin-left: 10px;}
.haberDetayYan .yanMenuHaberler{width:100% !important;}

/*Haberler Listele CSS*/
.haberListele{}
.haberListele .sayfaBaslik{font-size: 22px;font-weight: bold;margin: 5px 0px 10px 0px;color: #000;border-bottom: 1px solid #ADACAC; padding-bottom: 12px;}
.haberListele ul{}
.haberListele ul.mobilListele{display: none;}
.haberListele ul li{display: block;min-height: 108px;padding: 5px;}
.haberListele ul li:hover{background: #f3f3f3;}
.haberListele ul li a,h1,h2,h3,p,span,div{color: #000;}
.haberListele ul li img{width: 175px; float: left;margin-right: 5px;}
.haberListele ul li h1{font-size: 18px;font-weight: bold;margin:0px 0px 5px 0px;color: #000;}

/*Alt Kısım CSS*/
.altKisim{display: block;width: 100%;min-height: 45px; overflow: hidden;  padding-top: 15px;}
.altKisim .altKisimYazi{float: left;padding-top: 8px;}
.altKisim .altKisimYazi a{color: #000;}
.altKisim .takipKodKutu{text-indent: -999px; float: left;overflow: hidden;}
.imza{float: right;margin-bottom: 18px;padding-top: 8px;width: 26%;}
.imza a{color: #000;font-weight: bold;}

/*Mobil Ekranlar CSS*/
.mobil_menu{display: none;}
/* Mobil CSS*/
@media screen and (max-width:748px){
    .reklamKutu{display: none;}
    .logoKutu{width: 100%;}
    .logoKutu img{max-width: 100% !important;  padding: 0px 0px;}

    .ust_menu_site{display: none;}
    .mobil_menu{display: block;border-radius: 5px; min-height: 42px; padding: 5px;margin-bottom: 5px;background-color: #DB0000;}
    .mobil_menu .aramaKutu{width: 65%;}
    .mobil_menu .aramaKutu input{float: left;width: 75%;  height: 30px;  margin-top: 1px;}
    .mobil_menu .aramaKutu button{float: left;  margin-left: 5px;  height: 30px;  padding-top: 5px;  margin-top: 1px;}
    .mobil_menu .menu_buton_kutu{float: right;overflow: hidden;}
    .mobil_menu p{float: left;font-size: 16px;padding: 3px 0px 0px 13px;color: #fff;line-height: 38px;margin: -5px 0px -3px 12px;}
    .mobil_menu span{font-size: 24px;padding: 1px 0px 0px 10px;color: #fff;line-height: 25px;}
    .mobil_menu span:hover{cursor: pointer;}
    .mobil_menu ul{display: none;margin-top: 37px;overflow: hidden;min-width: 100%;}
    .mobil_menu ul li{float: none !important;  border-bottom: 1px solid #FF4242;  width: 101%;}
    
    .slider div a h1{font-size: 17px;padding: 12px 5px;margin: -45px 0px 0px 0px;}
    .owl-theme .owl-controls .owl-page span{margin: 3px !important;}
    
    .icerikSagAlan{display: none;}
    .icerikSolAlan{width: 100% !important;}
    .icerikSolAlan p{line-height: 23px !important;}
    .icerikSolAlan span{line-height: 23px !important;}
    .icerikSolAlan .sliderKutu{width: 100% !important;}
    .icerikSolAlan .sonHaberlerListele{display: none;}
    
    .yaziMobilReklamAlani{display: block;}
    .yaziReklamAlani{display: none;}
    .yaziAltReklam{display: block;}
    
    .haberDetay h1{font-size: 22px !important;line-height: 24px !important;margin: 4px 0px !important;}
    .haberIcerik h2{font-size: 26px;font-weight: bold;line-height: 28px;margin: 3px 0;}
    .haberIcerik h3{font-size: 20px;font-weight: bold;line-height: 24px;margin: 3px 0;}
    .haberlerKutuUl .haberlerKutuUlLi{width: 100% !important;margin: 10px 0 0 0 !important;}
    .haberDetayYan{margin-left: 0px !important;;}
    .haberlerKutu{min-height: 100%;}
    
    .altKisim .altKisimYazi,.imza{width: 100%; display: block; text-align: center;}
    .imza{margin-top: -30px;}
    
    .fb-comments{width: 100% !important;}
    .fb-comments span,iframe{width: 100% !important;}
    
}





@media screen and (max-width:615px){
    .haberListele ul{display: none;}
    .haberListele ul.mobilListele{display: block !important;}
    .haberlerKutu ul li{margin: 4px 0;}
    .haberlerKutu li p{line-height: 15px !important;}
    .haberListele .haberIcerik{line-height: 20px;}
    .haberListele ul li h1{font-size: 15px;line-height: 18px;margin-bottom: -1px;}
    .haberIcerik h2{font-size: 20px;font-weight: bold;line-height: 22px;margin: 3px 0;}
    .haberIcerik h3{font-size: 16px;font-weight: bold;line-height: 22px;margin: 3px 0;}
    
    .owl-pagination .active .owl-numbers{background: #000 !important;font-weight: bold;}
    .owl-theme .owl-controls .owl-page span.owl-numbers{  margin: -8px 3px 3px 0px; border-radius: 0px !important;height: 25px !important;width: 16px !important;text-align: center; color: #FFF !important;padding: 2px 0px !important;font-size: 13px !important;}
    .owl-theme .owl-controls .owl-page span{border-radius: 0px !important;background:#DB0000; opacity:1 !important;}
    .owl-theme .owl-controls .owl-page span:hover{background: #000 !important;font-weight: bold;}
    .owl-theme .owl-controls{margin: 8px 0px -3px 0px !important; text-align: left !important;}
    .owl-pagination div:last-child span{margin-right: 0px !important;}
}
@media screen and (max-width:481px){
    .owl-theme .owl-controls .owl-page span.owl-numbers{width: 18px !important;}
}
@media screen and (max-width:440px){
    .owl-theme .owl-controls .owl-page span.owl-numbers{width: 19.6px !important;margin: 0px 1px !important;font-size: 12px !important;}
}
@media screen and (max-width:420px){
    .owl-theme .owl-controls .owl-page span.owl-numbers{width: 15.6px !important;margin: 0px 1px !important;font-size: 12px !important;}
}
@media screen and (max-width:376px){
    .anaDiv{padding: 0px 8px !important;}
    .mobil_menu .aramaKutu input{width: 65%;}
    .owl-theme .owl-controls .owl-page span{width: 8px !important; height: 8px !important;}
    .owl-theme .owl-controls{margin-top: -5px !important;}
    .haberListele ul li{margin-bottom: 3px;}
    .haberListele ul li img{width: 135px;padding-bottom: 60px;}
}
@media screen and (max-width:322px){
    .owl-theme .owl-controls .owl-page span.owl-numbers{width: 13.7px !important;margin: 0px 1px !important;font-size: 9px !important;}
}
@media screen and (max-width:320px){
    .mobil_menu .aramaKutu input{width: 60%;}
    .haberDetayYan{margin-left: 0px !important;}
    .haberDetay h1{font-size: 19px !important;line-height: 22px !important;margin: 2px 0px !important;}
}
@media screen and (max-width:285px){
    .mobil_menu .aramaKutu input{width: 45%;}
    .haberDetayYan{margin-left: 0px !important;}
}