@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin-ext');
h1,h2,h3,h4{font-family: 'Source Sans Pro', sans-serif;}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}


html,body {   margin:0;   padding:0;   height:100%;}
#body{padding-bottom:48px;min-height:100%;position: relative;}
footer {  position: absolute;  right: 0;  bottom: 0;  left: 0;  padding: 1rem;  background-color: #efefef;  text-align: center;height:48px;}

.navbar-default .navbar-toggle{border-color:#222;margin-top:32px;border-width:2px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#222;}


a, a:hover, .btn{outline:none!important;}
.btn-search{background: #FD3A13; border-color: #FD3A13; color: #fff; padding: 7px 10px}
.btn-search:hover{background: #ca1b1b; border-color: #ca1b1b}
section{padding: 30px 0; width: 100%;clear:both;display:block;}
.card{float: left; width:100%}
.navbar {border: medium none; float: left; margin-bottom: 0px; width: 100%;  border-radius: 0}
.title-large {font-size: 20px; margin: 10px 0 5px; line-height: 27px; color: #141517;}
.title-small { color: #141517; font-size: 18px;  line-height: 22px; margin: 6px 0 0;}
.title-x-small {font-size: 18px; margin: 0px;}
.title-large a, .title-small a, .title-x-small a{color: inherit}
p.news-short{font-size:12px;}
.banner-sec{float: left; width: 100%; background: #EBEBEB}
.card-block{padding:0 10px 10px;}
.card-text{margin: 0}
.text-time{border-top:1px solid #ddd;font-weight: 600;padding:2px;display:inline-block;clear:both;margin:4px 0px;}
.banner-sec .card-img-overlay{padding: 0; top: 3px; left: 7px; height: 20%}

.top-slider{overflow:hidden;}
.top-slider .carousel{border: 2px solid #ddd;padding: 8px;margin-bottom: 8px;}
.top-slider .carousel-indicators{bottom: 0}
.top-slider .carousel-indicators li{border-radius:4px;width:20px;border-color:#ccc;}
.top-slider .carousel-indicators li.active{background-color:#ccc;}
.top-slider .carousel-indicators .active{background:#000;}

.news-section .row div,.news-section .row{overflow:hidden;}

.side-bar .nav-tabs{border-bottom:none;}
.side-bar .nav-tabs .nav-link {color: #aeaeae; text-transform: uppercase; border: none;}
.side-bar .nav-tabs .nav-link.active, .side-bar .nav-tabs .nav-link:hover{border-bottom:2px solid #ff0000;  text-transform: uppercase; color: #222}
.sidebar-tabing .media{margin-top: 20px}
.sidebar-tabing .media-left img{width: 120px;height: 100px;}
.sidebar-tabing .title-small {line-height: 23px; margin-top: 5px; font-size: 18px}

#search {float: right; margin-top: 9px; width: 250px;}
.search {padding: 5px 0; width: 230px; height: 30px; position: relative; left: 10px; float: left; line-height: 22px;}
.search input {background: #d0d0d0; border: medium none; border-radius: 3px 0 0 3px; float: left; height: 36px; line-height: 18px; margin-left: 210px; padding: 0 9px; position: absolute; top: 4px; width: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.search:hover input, .search input:focus { width: 200px; margin-left: 0px; background: #d0d0d0;}
.top-nav .btn {position: absolute;right: 0;top: 4px;border-radius:3px;}

.action-sec{width:100%; float:left; background:#222}
.action-box{float:left; width:100%; text-align:center;}
.action-box h2{color:#fff; font-size:20px;}


span.tday{font-size:36px;display:block;text-align:center;border-bottom:1px solid #ddd;}
span.tmonth{font-size:12px;display:block;text-align:center;padding:4px 0px;}
span.tyear{font-size:12px;display:block;text-align:center;border:1px solid #ddd;background:#eee;border-radius:8px 8px 0px 0px;height:18px;}
span.thours{height:19px;padding-left:36px;background: transparent url('../images/clock.png') no-repeat 16px center;font-size:12px;display:block;text-align:left;font-weight:bold;border:1px solid #ddd;border-radius:0px 8px 8px 0px;margin-left:-20px;border-left:none;}
.terminy{border-top:1px solid #ddd;padding-top:8px;background:#F6F8F7;}
.terminy h3{margin-top:8px;font-size:18px;}
.terminy h2{margin-top:8px;text-transform:uppercase;font-size:20px;padding:16px 0px;font-weight:bold;}
.tdate{border:1px solid #ddd;border-radius:8px;background:#fff;}

.miejsca{text-align:center;}
.miejsca div{width:22px;height:23px;display:inline-block;text-align:center;border:2px solid #ddd;margin-right:1px;border-radius:4px;line-height:20px;background-color:#fff;font-weight:bold;font-size:12px;overflow:hidden;}
.miejsce.rzad{font-weight:bold; border-color:#454545; color:#454545; width:24px;}
.miejsce.separator{border-color:#aaa;color:#aaa;}
.miejsce.zarezerwowane{color:#ED503D;border-color:#ED503D;}
.miejsce.aktualne{border-color:#5CDB50;color:#fff;background-color:#5CDB50;}
.miejsce.wolne{border-color:#5CDB50;color:#5CDB50;}
.miejsce.zablokowane{opacity:0.5;color:#aaa;}
.sala-row{display:block;padding:2px;border-radius:4px;}
.sala-row:nth-child(even){background:#efefef;}

@media only screen and (max-width: 992px) {
.navbar-brand{max-width:50%;}	
.navbar-brand img{max-height:70px;}
.navbar{min-height:104px;border-bottom:2px solid #222;}
#navbar > ul:first-child > li > a{height:52px;line-height:24px;color:#222;font-weight:bold;padding:16px;}
#navbar > ul:first-child > li.active > a{background:#eee;border-bottom:2px solid #222;}
#navbar > ul.nav.navbar-nav.navbar-right {border-top:1px dotted #222;padding-top:32px;}
#navbar > ul.nav.navbar-nav.navbar-right > li > a{padding-top:0px;float:left;width:33%;}
}