/** HEADER **/
@red: #042247;
@background: #393939;
html { height: 100%; box-sizing: border-box;}*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  position: relative;
  margin: 0;
  min-height: 100%;
}
body{font-family: 'Roboto Condensed', sans-serif;}
header{background: #f4f4f4;}
a{font-family: 'Roboto Condensed', sans-serif;text-decoration: none!important;}
a:hover,a:link,a:visited{text-decoration: none!important;}


.firstletter{color: @red; font-weight: bold;}
.logo{padding:10px; padding-left: 2%;}
.logoword{font-size: 40px;color: @background}
.btn-righttop{background-color: @background; color: white; min-width: 100px;  border-radius: 0;margin-top: 2px;}
.btn-righttop:hover{color: white; background-color:@red }
.righttopmenu{float: right;}
.search{ background: url("../../images/searchicon.png") no-repeat right; border: 1px solid #f1f1f1; min-width: 406px; height: 34px; float: right;margin-top: 10px;margin-bottom:10px; margin-right: 5px;}
.menu{background-color: @background;}
.menuitem{color: white!important; font-size: 16px; width: 19.285714285714286%; float: left ; height: 60px; padding-top: 15px; text-align: center;}
.menuitem a{color: white !important;}
/**.menuitem:hover{background-image:  url("../images/menuhovertop.png"), url("../images/menuhoverbot.png");
  background-repeat: no-repeat ,no-repeat;
  background-position: top,bottom;}**/


/** HOME **/ 
.home{background: #d9d9d9;}
.box{background: #f4f4f4; min-height: 326px; padding-left: 15px; padding-right: 15px;}
.boxBotRow .box{min-height: 308px;}
.boxTitle{padding-left: 15px; padding-top: 15px; font-weight: bold}
.boxarrow{height: 15px; margin-bottom: 10px; background: url("../../images/boxarraow.png") no-repeat ; background-size: cover; }
.boxtext{ padding-top: 5%;padding-left: 5px; width: 50%;}
.boxContentImage{width: 50%;max-width: 96px;}
.space{height: 15px;}

.box1{padding-left:15px !important; padding-right:7.5px !important;}
.box2{padding-left:7.5px !important; padding-right:7.5px !important; }
.box3{padding-left:7.5px !important; padding-right:7.5px !important; }
.box4{padding-left:7.5px !important; padding-right:15px !important; }

.box5{padding-left:15px !important; padding-right:7.5px !important; }
.box6{padding-left:7.5px !important; padding-right:7.5px !important; }
.box7{padding-left:7.5px !important; padding-right:15px !important; }

.boxContent{width: 100%;  margin-top:15px; padding-left: 5px; padding-right: 5px; text-align: center}
.blockimageIcerik{ width: 49%; max-height:90px; margin-top:18px; max-width: 200px;}

.yayin{text-align: center}
.yayin  img{ width: 75%; padding: 2px;max-width: 84px;}
.takip{padding-top: 20px;}
.takip > img{width: 40%;}
.link{padding-top: 25px;}
.link img{width:98%;max-width: 250px;}

.btn-sss{background-color: @red; color: white; border-radius: 0; position: absolute; bottom: 20px; white-space: pre-line; left: 20px;right: 25px;}
.sss a{color: black;}
.sss ul { list-style-image: url('../images/listicon.png');  }
.btn-sss {color: white!important;}
.sss li{line-height: 30px;}
.sss{overflow: auto;height: 250px;}

.newstitle{color: @red}
.newstitle:hover{color: @red}
.black{color: black!important;}


/**** TAB ***/
.custom-tab img{ height: 82px; width: 60px; margin: 10px;}
.tab-content{height: 260px;  overflow: auto;}
.tab-content .col-xs-4{height: 130px;}
.nav-tabs > li {  height: 60px;}
.nav-tabs > li.active > a { height: 100%;}
//** HOME END **///

/** FOOTER **/
.footer > img{width: 250px;}
.footer > p{ color: white;}
.footer{text-align: center;background-color: @background;height: 105px;  }




/** CONTENT **/
.baslik > h1 {text-align: center; padding-left: 0;}
.col-centered{
  min-height: 500px;
  float: none;
  margin: 20px auto;
  background-color: #efefef;
  box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75);
  padding: 10px;
}

#hastalik_parent{
  float: right;
  width: 190px;
  margin: 5px 0 5px 5px;
  padding: 2px 5px 0 0;
  border-top: 4px solid #EA5B4B;
  background: url(../images/bkg_nav4.gif) repeat-x 0 0;
}

#hastalik_parent ul {
  list-style: none;
  margin: 3px;
  padding: 3px;
}
#hastalik_parent li {
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #EA5B4B;
  padding: 7px 0 7px 2px;
  font-size: 13px;
  line-height: 14px;
}
#hastalik_parent li a {
  color: #2E5B7D;
}



/*** MOBILE ***/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .boxContentImage{width: 94px;}
  .home [class*="col-"]{padding-left: 15px !important; padding-right: 15px !important;}
  .logo{text-align: center}
  .link> img{width: 30%}
  .takip > img{width: 40px;}
  .yayin > img{ width: 100px; padding: 2px;}
  .yayin{min-height: 220px;}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}





/** NAVBAR **/

.navbar-default {
  background-color: @background;
  border-color: white;
}
/* title */
.navbar-default .navbar-brand {
  color: white;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: @red;
}
/* link */
.navbar-default .navbar-nav > li > a {
  color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: @red;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: @red;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
  border-color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: white;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: @red;
}

/** NAVBAR  END**/
 #haber_modul ul li{
	list-style:none;
	margin-left:-30px;
 }
 .carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
    display:block;
    max-width:100%;
}
 .renk{
  background-color: red;
 }

.fix{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:0;
    width: 100%;
    background-color: @background;
    z-index: 999999;
}
.arama_byt{
  width: 10px;
}
.search2{ background: url("../../images/searchicon.png") no-repeat right; border: 1px solid #f1f1f1; width: 100%; height: 34px; float: right;margin-top: 10px;margin-bottom:10px; margin-right: 5px;}
.renk{
  background-color: #14819b;
}
.sol_bosluk{
  margin-left: 10px;
}
.sag_bosluk{
  margin-right: 10px;
}
#resim:hover {opacity:0.5;}
.m0_p0{
  margin-top: 0px;
  padding: 0px;
}
.m0_p02{
  margin-top: 75px;

}

.liste{
 list-style: none; 
 padding: 3px;
}
.h3ortala{
  text-align:left;
  color: white;  
}.h3ortala_siyah{
  text-align:center;
  color: black;  
}
.sola_yasla{
  text-align: left;
  list-style: none;
}
.saga_yasla{
  float: right;
  text-align: right;
}
.links{
   font-size: 17px; 
    
}
.renkDegis:hover {
      background-color: red;
      color: red;
       font-size: 17px;
     

}
.box_content_sola_yasla{
  margin-left: 0px;
}
.logo_byt{
  font-size: 27px;
}
.t_byt{
  font-size: 22px;
}
.ust_bg_height{
  height: 55px;
}
.logoword_iki
  { font-size: 30px;
    color: white;
  }
  .logo_ust_margin{
    margin-top: 5px;
  }
.logo_renk{
  color: white;
}
.arama_hizala{
  margin-top: 0px; 
  margin: 0;
  padding: 0; 
 
}
.menu_a_byt{
  font-size: 14px;
    margin-right: 8px;
    margin-left: 8px;
}
.kapsayici{
  background-color: #f4f4f4;
}
.margin_10{
  margin: 10px;
}
.bosluklu{
  position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
 }

 .kutu_bg{
  background-color: #149b83;
 }
 .kutu_bg_and_min_height{
  background-color: #149b83;
  min-height: 500px;
 }
 .img_padding_12{
  padding: 20px;
 }

 .text_color{
  color: white;
 }
 .fuild_2{
  padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    /* margin top değeri 17px idi ben sosyal medyaya yakın olsun diye 10px yaptım eger olmaz denilirse 75px e çekilir*/
 }
 .h3_duzen{
  text-align: center;
  font-weight: bold;
 }
 .renk{
  background-color: white;
 }
 .mb15{
  margin-bottom: 20px;
 }
 .mt0{
  margin-top: 75px;
 }
.fuild_2_editlenmis{
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto; 
}
.haber_m_h{
  height: 417px; 
  overflow: auto;
}
.margin5{
  padding: 5px; 
}
h3{
  font-size: 30px;
}
#sosyal_medya_icon{
  width: 25px; 
  height: 50px;
 }
/*  
@media screen and (min-width:900px) {

    .pc_gorunum{
    width:1200px;
    margin-left:6%;
    margin-top:0px;
    }

 }
*/
.b_min_h{
  min-height: 500px;
}
.s_m_h{
  min-height: 500px;
}
.sosyal_byt{
  min-height: 240px;
   margin-top: 10px;
}
@media screen and (min-width:480px) {

    .p_min_h{
      min-height: 80px;
     }
     .palt__min_h{
      min-height: 160px;
     }
     .b_min_h{
      min-height: 540px;
    }
    .s_m_h{
      min-height: 540px;
    }
    .sosyal_byt{
     min-height: 269px;
     margin-top: 20px;
}
     
 
}

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

    .p_min_h{
      min-height: 10px;

}
.kutu_bg_and_min_height {
    
    min-height: 100px;
}

}
@media screen and (max-width:1024px) {

 
    .kutu_bg_and_min_height {
        
        min-height: 140px;
    }

}