/** HEADER **/
@red: #042247;
@background: #1d64bb;
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: 48px;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: 14.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: 410px; 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: 70px;  }




/** 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;
 }