/*@import url(http://fonts.googleapis.com/css?family=Roboto:400);*/

body {
   /* ü Ü þ Þ ð Ð Ö Ö Ç Ç */ 
    background: url(/images/hd5.png);
    background-repeat: repeat;
    -webkit-font-smoothing: antialiased;
    font: normal 17px 'PT Sans Narrow',arial,sans-serif;
    padding-top: 2.8em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'PT Sans Narrow',arial,sans-serif;}
.navbar-inverse .navbar-nav>li>a {
    color: #FFF; padding: 15px 8px;
}
.navbar-inverse .navbar-text {
    color: #fff;
        font-size: 1.5em;
            margin-top: 6px;
    margin-bottom: 6px;
}
.navbar-inverse .navbar-link {
    color: #fff;
}
.navbar-inverse {
    border: none;
    background: #024B94;
}
.navbar-default {
    background-color: #EA1C23;
    margin-top: 0;
    border-width: 0;
    z-index: 5;
    border-radius: 0;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    box-shadow: 0 0 5px rgba(0,0,0,0.8);
}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li:hover > a {
        
        color: #fff;
        text-shadow: none;
        background-color: #032B52;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #FF5722;
    background-color: #032B52;
}
    .navbar-default .dropdown-menu {
        background-color: #C5C5C5;
    }

        .navbar-default .dropdown-menu li > a {
            padding-left: 10px;
        }

    .navbar-default .navbar-nav > li > a {
        color: #FFF;
        font-size: 22px;
        padding: 15px 7px;
    }

    .navbar-default .navbar-toggle {
        border-color: #FFFFFF;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #FFFFFF;
        }

.header {
        background: url(/images/kbc.png) right no-repeat;
    min-height: 144px;
    margin-bottom: 0;
    border-radius: 0;
}

    .header .navbar-collapse { /*background-color:#ffffff;*/
    }

#main {
    background:#fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.8);}
.aramaboxbg {background:#F0F8FF;}
.badge {    background-color: #024B94;}
.btn, .form-control, .panel, .list-group, .well {
    border-radius: 1px;
    box-shadow: 0 0 0;
}

.form-control {
    border-color: #024B94;
}

.btn-primary {
    border-color: transparent;
}

.btn-primary, .label-primary, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #024B94;
}

.btn-plus {
    background-color: #ffffff;
    border-width: 1px;
    border-color: #dddddd;
    box-shadow: 1px 1px 0 #999999;
    border-radius: 3px;
    color: #666666;
    text-shadow: 0 0 1px #bbbbbb;
}

.well, .panel {
    border-color: #d2d2d2;
    box-shadow: 0 1px 0 #cfcfcf;
    border-radius: 3px;
      
}
.panel {
    border-color: #BED8F3;
    box-shadow: 0 1px 0 #cfcfcf;
    border-radius: 3px;
        background-color: #E0E0E0;
}
    .panel:hover {background:#F0F8FF; cursor:pointer;}

.btn-success, .label-success, .progress-bar-success {
    background-color: #65b045;
}

.btn-info, .label-info, .progress-bar-info {
    background-color: #a0c3ff;
    border-color: #a0c3ff;
}

.btn-danger, .label-danger, .progress-bar-danger {
    background-color: #dd4b39;
}

.btn-warning, .label-warning, .progress-bar-warning {
    background-color: #FFB900;
    color: #3c3c3c;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #000;
    text-decoration: none;
    background-color: #DD4B39;
}

.baslikana {
    width: 100%;
    float: left;
    background: #024B94;
    padding: 5px 0px 5px 0;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .baslikana strong {
        font-size: 16px;
        color: #FFB700;
        margin-left: 5px;
    }

.input-group-addon {
    background-color: #024B94;
    color: #FFF;
}

.ilandetayalert {
    color: #FFF;
    background-color: #024B94;
    border-color: #A79F9F;
}

.well {
}

.colorsari {
    color: #FFB900;
    font-weight: 600;
}
.redbox {
background:#e30712;
border-radius:4px;
color:#fff;
padding:10px;
margin-top: 2.85em;
cursor:pointer;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
.redbox:hover {background:#024B94;}
    .redbox a {color:#fff; text-decoration:none;}
    .redbox > a .baslik {
    font-size:22px; text-align:center;
    }
.material-icons.reedboxicon {
color: #fff;
    font-size: 62px;
    float: left;
    padding-right: 5px;
}
.cizili {
    text-decoration: line-through;
    color: #ACB7B7;
}

.material-icons {
    position: relative;
    top: 4px;
}

    .material-icons.md-12 {
        font-size: 12px;
    }

    .material-icons.md-18 {
        font-size: 18px;
    }

    .material-icons.md-24 {
        font-size: 24px;
    }

    .material-icons.md-36 {
        font-size: 36px;
    }

    .material-icons.md-48 {
        font-size: 48px;
    }

    .material-icons.red24 {
        color: #FFB700;
    }

        .material-icons.red24:hover {
            color: #fff;
        }

hr {
    border-color: #024B94;
}

blockquote {
    border-left: 5px solid #DB4939;
}

button {
    outline: 0;
}

.label-warning {
    background-color: #024B94 !IMPORTANT;
    COLOR: #FFF !IMPORTANT;
}

.list-inline strong b {
    color: #024B94;
}

textarea {
    resize: none;
    outline: 0;
}

.panel .btn i, .btn span {
    color: #666666;
}

.panel-heading {
    padding: 3px 15px;
}

.panel .panel-heading {
    background-color: #024B94;
    font-weight: 700;
    font-size: 16px;
    color: #FFB700;
    border-color: #ffffff;
}

    .panel .panel-heading a {
        font-weight: 400;
        font-size: 11px;
        color: #ffb900;
    }

.panel .panel-default {
    border-color: #B6DAFD;
    background-color: #F0F6FD;
}

.panel .panel-thumbnail {
    padding: 0;
}

.panel .img-circle {
    width: 50px;
    height: 50px;
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}




/*h3,h4,h5 { 
  border:0 solid #efefef; 
  border-bottom-width:1px;
  padding-bottom:10px;
}*/

/*.modal-dialog {
 width: 450px;
}*/

.modal-footer {
    border-width: 0;
}

.dropdown-menu {
    background-color: #f4f4f4;
    border-color: #f0f0f0;
    border-radius: 0;
    margin-top: -1px;
}
/* end theme styles */


/* template layout */
#subnav {
    /*position:fixed;*/
    width: 100%;
}

.breadcrumb {
    background-color: #DDDDDD;
}
.breadcrumb> li a {
    color: #024B94;    
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #EA1C23;
    content: "/\00a0";
}
.breadcrumb>.active {
    color: #EA1C23;
    font-weight: bold;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #F4F2E5;
    border: 1px solid #ddd;
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        background-color: #FFB900;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #3c3c3c;
    cursor: default;
    background-color: #FFB900;
    border-color: #C7C6B9;
}


/* sosyal yan */
#tools {
    position: fixed;
    left: 0;
    z-index: 999;
    padding: 10px;
    border: 1px solid #AF0006;
    background: #EA1C23;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#main #tools li {
    display: block;
}

#main .social {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

    #main .social li {
        display: inline-block;
        text-align: center;
        margin: 0 2px 6px 0;
    }

        #main .social li a {
            display: inline-block;
            min-width: 32px;
            color: #888;
            border-radius: 3px;
        }

.input-group {margin-bottom:10px; width:100%;}
.kaydirma {margin-bottom: 0.3em;}
.navbar-form {margin-top: 0.87em;margin-bottom: 0;}

@media (max-width: 768px) {
    #subnav {
        padding-top: 6px;
    }
    .navbar-header {
    float: none;
    text-align: center;
}

}

@media (max-width: 768px){
.navbar-brand {
    float: none;
    text-align: center;
}
}

#main {
    padding-top: 10px;
}
/* end template layout */
@media (min-width:768px) {
    .navbar-header h1 {
            margin-top: 0;
        margin-bottom: 0;
    }


    .navbar-brand {
        float: left;
        padding: 0 0;
        font-size: 18px;
        line-height: 20px;
        margin-left: 0 !IMPORTANT;
    }

    .nav-tabs > li > a {
        background-color: #EA1C23;
        color: #FFFFFF;
        font-weight: 800;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #024B94;
        color: #FFB700;
    }

    .lead {
        font-size: 14px;
        margin-bottom: 5px;
    }

    /*.yuksek {
        font-size: 14px;
        min-height: 370px;
    }

    .yuksek1 {
        font-size: 14px;
        min-height: 370px;
    }*/

    .navbar-brand {
    float: none;
    
}
}

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

    #main #tools {
        width: 100%;
        bottom: 0;
        padding: 5px;
    }

        #main #tools ul {
            text-align: center;
        }

        #main #tools li {
            display: inline-block !important;
            margin: 2px 2px 2px 2px;
        }
}