/* FONTY.PL — tylko układy występujące w obecnych szablonach.
   Dotychczasowe nazwy klas są interfejsem zgodności z podstronami PHP.
   Zachowane szerokości i float: zamiana na grid może zmienić przepływ starego HTML. */

.container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
.row { margin-right: -15px; margin-left: -15px; }
.col-xs-6, .col-sm-3, .col-sm-4, .col-sm-8, .col-sm-9,
.col-md-3, .col-md-4, .col-md-5, .col-md-7, .col-md-8, .col-md-9 {
    position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;
}
.col-xs-6 { float: left; width: 50%; }
.container::before, .container::after, .row::before, .row::after,
.navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after,
.navbar-collapse::before, .navbar-collapse::after, .nav::before, .nav::after {
    display: table; content: " ";
}
.container::after, .row::after, .navbar::after, .navbar-header::after,
.navbar-collapse::after, .nav::after { clear: both; }
.visible-xs { display: none !important; }

@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
    .visible-xs { display: block !important; }
}
@media (min-width: 768px) {
    .container { width: 750px; }
    .col-sm-3, .col-sm-4, .col-sm-8, .col-sm-9 { float: left; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-9 { width: 75%; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}
@media (min-width: 992px) {
    .container { width: 970px; }
    .col-md-3, .col-md-4, .col-md-5, .col-md-7, .col-md-8, .col-md-9 { float: left; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-9 { width: 75%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
    .container { width: 1170px; }
    .hidden-lg { display: none !important; }
}