/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-03-14, 11:26:21
    Author     : bartlomiej
*/

body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
      color: #f5f6f7;
  }
h1 {
    font-size: 80px;
  }
p {font-size: 16px;}
li {
    font-size: 16px;
}
.glowna-kafelki {
    border-radius: 25px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    margin-bottom: 25px;
}
.glowna-kafelki img {
    max-height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.glowna-kafelki p {
    margin-bottom: 20px;
}
.glowna-polecane-img {
    max-width: 70% !important;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

.margin {margin-bottom: 45px;}
.bg-1 { 
    /*background-color: #1abc9c; /* Green */
    background-image: url("img/header_w1918_h817.jpg");
    width: 100%;
    height: auto;
    color: #ffffff;
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}
.bg-2 { 
    background-color: #f8f9f9; /* Grey */
    color: black;    
}
.bg-3 { 
    background-color: #ffffff; /* White */  
    color: #555555;  
}  
.bg-4 { 
    background-color: #2f2f2f; /* Black Gray */
    color: #fff;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
}
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 5px;
}
.navbar-nav  li a:hover {
    color: #1abc9c !important;
}

.header-contact {
    min-height: 50px;
    width: 100%;
    text-align: right !important;
    letter-spacing: 2px;
    background-color: #54b94b;
    position: relative;
}
div.header-contact p {
   margin: 0;
   position: absolute;
   top: 50%;
   right: 5%;
   color: white;
   transform: translate(0, -50%);
   text-decoration: none;
   letter-spacing: 2px;
}
div.header-contact a {
    color: white;
    letter-spacing: 2px;
}
.breadcrumb-right {
    text-align:right !important;
    overflow: auto;
    background-color: white !important;
    padding-left: 12%;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.header-logo {
    min-height: 50px;
    /*width: 100%;*/
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10%;
}
.header-logo img {
    max-height: 120px;
}
.subpage-title {
    max-height: 80px;
    background-color: #f8f9f9; /* Grey */
    color: black;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12%;
    position: relative;
    overflow: auto;
    display: flex;
    align-items: center;
}
.subpage-title img {
    float: left;
    max-height: 60px;
}
.subpage-title p {
    padding-left: 20px;
    font-size: 30px;
    margin-bottom: 0;
}
.subbapge-subtitle {
    color: #f26522 !important;
}
.subpage-content {
    width: 100%;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
}
.subpage-content h1 {
    color: #f26522 !important;
    font-size: 25px;
}
.subpage-content p {
    padding-left: 10px;
}
.asc-kafelki {
    border-radius: 25px;
    padding: 10px 5px 10px 5px;
    text-align: center;
}
.asc-kafelki img {
    max-height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.asc-kafelki p {
    color: white;
}
.asc-kafelki ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.asc-kafelki li { 
    padding-left: 16px;
    color: white;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.asc-kafelki li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: white; /* Or a color you prefer */
}

.kd-kafelki {
    border-radius: 25px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    margin-bottom: 25px;
}
.kd-kafelki img {
    max-height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.kd-kafelki p {
    color: white;
    margin-bottom: 0;
}
.kd-kafelki ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.kd-kafelki li { 
    padding-left: 16px;
    color: white;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.kd-kafelki li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: white; /* Or a color you prefer */
}

.kd-kafelki ul ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 5px 0 0 0;
}

.kd-kafelki ul ul li { 
    padding-left: 16px;
    color: white;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.kd-kafelki ul ul li:before {
    content: "-"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: white; /* Or a color you prefer */
}
.apw-kafelki-tabela {
    border-style: solid;
    border-width: 2px;
    border-color: #54b94b;
    padding: 10px 5px 0px 5px;
    text-align: center;
    height: 250px;
    overflow: auto;
}
.apw-kafelki-tabela img {
    max-height: 50px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.apw-kafelki-tabela p {
    
}
.apw-kafelki-tabela ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0 0 5px 0;
}

.apw-kafelki-tabela li { 
    padding-left: 16px;
    color: white;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.apw-kafelki-tabela li:before {
    /*content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    /*color: white; /* Or a color you prefer */
}

.col-sm-3-tabela {
    padding: 0 !important;
}

.apw-ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
}

.apw-ul li { 
    background-image: url('img/APW-punktor-strzalka.png');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    padding-left: 26px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.apw-ul ul ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 5px 0 0 0;
}

.apw-ul ul ul li { 
    padding-left: 16px;
    color: white;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.apw-ul ul ul li:before {
    content: "-"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: white; /* Or a color you prefer */
}

.zp-ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
}

.zp-ul li { 
    background-image: url('img/ZP-punktor-fajka.png');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    padding-left: 26px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
    line-height: 120%;
    margin: 0 0 10px 0;
}

@media (max-width: 1280px) {
    .apw-kafelki-tabela {
        height: 300px !important;
    }
}

@media (min-width: 768px) and (max-width: 840px) {
    .apw-kafelki-tabela {
        height: 350px !important;
    }
}

@media (max-height: 767px) {
    .apw-kafelki-tabela {
        height: 250px !important;
    }
}

@media (max-width: 500px) {
    .subpage-title p {
        font-size: 20px;
    }
    #submit {
        width: 100% !important;
    }
    #header-maly {
        display: table !important;
    }
    #header-duzy {
        display: none !important;
    }
}