body {
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #777;
}
@media only screen and (max-width: 1279px) {
    body {
        background: #D4E5F4;
    }
}
@media only screen and (min-width: 1280px) {
    body {
        background: #D4E5F4 url(../images/bg.jpg) 50% 5px no-repeat;
    }
}
@media only screen and (max-width: 1919px) {
    #header,
    .contentareaWrap {
        width: 92%;
        max-width: 1200px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1920px) {
    #header,
    .contentareaWrap {
        width: 63%;
        max-width: 1200px;
        margin: 0 auto;
    }
}
/*************************************************************/
/************************** header ***************************/

#header {
    min-height: 126px;
}
a#logo {
    background: url(../images/logo.png) no-repeat;
    width: 272px;
    height: 53px;
    display: block;
    margin-top: 35px;
    margin-left: 10px;
}
#headerLeft,
#headerRight,
.detaleLeft,
.detaleRight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
    #headerLeft {
        text-align: center;
    }
    #headerRight {
        text-align: center;
    }
    a#logo {
        margin: 35px auto 45px auto;
    }
}
@media only screen and (min-width: 1025px) {
    #headerLeft {
        float: left;
    }
    #headerRight {
        float: right;
    }
}
#detale {
    overflow: hidden;
    line-height: 120%;
    font-size: 18px;   
    font-weight: 700;
}
#detale p {
    padding-bottom: 10px;
}
#detale span {
    font-weight: 400;    
}
.detaleLeft {
    height: 126px;
    text-align: right;
    padding-top: 20px;
    color: #004a8f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.detaleRight {
    background: #ee1d25 url(../images/infolinia.png) 85% 43% no-repeat;
    max-width: 330px;
    height: 126px;
    padding-top: 20px;
    padding-left: 30px;
    text-align: right;
    color: white;
    padding-right: 87px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 799px) {
    #detale {
        display: none;        
    }
    #detaleM {
        background: #ee1d25;
        margin: 0 auto;
        padding: 10px 0 5px 0;
        color: white;
        font-size: 18px;         
    }
    #detaleM p {
        padding-bottom: 5px;
    }
    #detaleM span {
        font-weight: 700;       
    }
}
@media only screen and (min-width: 800px) {
    #detaleM {
        display: none;
    }
    .detaleLeft {
        float: left;
        padding-right: 35px;
    }
    .detaleRight {
        float: right;
    }
}
/*************************************************************/
/************************ slider banner **********************/

#banner span.span-js-title {
    font-weight: 400 !important;
    line-height: 90% !important;
}
#banner span.span-js-title span {
    display: block;
    font-weight: 700 !important;
}
#banner .slide-desc {
    line-height: 110% !important;
    font-weight: 700 !important;
}
/*************************************************************/
/************************* contentarea ***********************/

.contentareaWrap {
    position: relative;
}
#leftCol .moduletable {
    overflow: hidden;
}
#leftCol,
#mainCol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#leftCol {
    width: 285px;
    position: absolute;
    left: 0;
    z-index: 10;
}
#contentareaWrap_middleL #mainCol {
    background: white;
    min-height: 1500px;
    box-shadow: 0px 7px 7px 1px rgba(148, 146, 146, 0.36);
    -moz-box-shadow: 0px 7px 7px 1px rgba(148, 146, 146, 0.36);
    -webkit-box-shadow: 0px 7px 7px 1px rgba(148, 146, 146, 0.36);
}
@media only screen and (max-width: 1024px) {
    #contentareaWrap_middleL #mainColIn {
        padding: 50px 7% 50px 7%;
    }
    #leftCol {
        display: none;
    }
}
@media only screen and (min-width: 1025px) {
    #contentareaWrap_middleL #mainCol {
        width: 79%;
        float: right;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    #contentareaWrap_middleL #mainColIn {
        padding: 50px 50px 50px 110px;
    }
}
@media only screen and (min-width: 1200px) {
    #contentareaWrap_middleL #mainColIn {
        padding: 50px 50px 50px 90px;
    }
}
/*************************************************************/
/************************* main menu *************************/

.moduletable.menu ul {
	background: #02376B url(../images/menu-bg.png) repeat-x;
    border: 0 none;
    margin: 0 !important;
	padding: 57px 0 57px 0 !important;	
}
.moduletable.menu ul li {
    list-style: none;
    position: relative;
    z-index: 50;
	padding: 0 30px 0 30px;	
}
.moduletable.menu ul a {
    background-image: url(../images/nfz-15.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
	border-top: 1px solid #10638D;
	padding: 13px 12px 13px 12px;	
    display: block;
    text-decoration: none;
    color: white;
	font-size: 16px;
	white-space: nowrap;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.moduletable.menu ul li.divider .separator {
	padding: 13px 12px 13px 12px;
	margin-top: 65px;
	margin-bottom: 10px;
	display: block;		
    color: white;
	font-size: 24px;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.moduletable.menu ul a.no-border {
	border: none;
}
.moduletable.menu ul a.no-image {
	background: none !important
}
.moduletable.menu ul a.pauza {
	margin-bottom: 35px;
}
#subMenusContainer_vertical {
    left: 30px;
}
#subMenusContainer_vertical ul {	
	background: #004A8F;
	padding: 20px 0 20px 0;
}
#subMenusContainer_vertical li a {
    width: auto;
    height: auto;
    line-height: 100% !important;
	padding: 8px 30px 8px 10px;
    display: block;
    color: white;	
	white-space: nowrap;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.moduletable.menu ul li.active a,
ul.nav-child li.active a,
.moduletable.menu ul li a:hover, 
ul.nav-child li a:hover {
    background-color: #03417E !important;
    color: white;
}

/*************************************************************/
/******************** mobile main menu ***********************/

.ukryj {
	visibility: hidden;
}
#jf_mm_menu_multilevelpushmenu * {
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
}
.levelHolderClass.ltr {
	min-width: 280px !important;
}
.levelHolderClass.ltr ul li.divider .separator {
	display: none !important;
}
.levelHolderClass.ltr.jf_mm_inactive {
	background: #02376B !important;
	padding-right: 8px !important;
}
.levelHolderClass.ltr p {
	padding-top: 20px;
	padding-bottom: 20px;
}
.levelHolderClass.ltr ul {
	width: 98% !important;
}
.jf_mm_a_img.menu-image {
	display: none !important;
}
.jf_mm_trigger {
	background: #ee1d25;
	width: 100px !important;
	padding: 0px 5px 0px 5px !important;
	line-height: 140% !important;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.jf_mm_trigger:hover {
	background: #004B8F;
}
.fa-angle-right {
	display: none !important;
}
.backItemClass a:before {
	content: "<";
	padding-right: 10px;
	font-weight: 700;
}
ul.nav-child.unstyled {		/* submenu */
}
.jf_mm_backout {
	background: white !important;
}
/*************************************************************/
/********************* mainCol szczegóły *********************/
/* breadcrumbs */

#breadcrumbs ul {
    text-align: left;
    padding: 0 0 25px 0;
    margin: 0;
    font-size: 90%;
}
#breadcrumbs li {
    padding-left: 2px;
    display: inline;
    list-style: none;
    color: #ee1d25;
}
#breadcrumbs li img {
    padding-left: 2px;
    padding-bottom: 1px;
}
#breadcrumbs a span {
    text-decoration: underline;
    text-transform: none;
    font-weight: normal;
    color: #ee1d25;
}
#breadcrumbs a span:hover,
#breadcrumbs a span:active {
    text-decoration: none;
}
/* kolumny */

.items-row {
    overflow: hidden;
}
.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}
@media only screen and (min-width: 1024px) {
    .cols-2 .column-1 {
        width: 49%;
        float: left;
    }
    .cols-2 .column-2 {
        width: 49%;
        float: right;
        margin: 0;
    }
    .cols-3 .column-1 {
        float: left;
        width: 32.3%;
        margin-right: 1.5%;
    }
    .cols-3 .column-2 {
        float: left;
        width: 32.3%;
        margin-right: 1.5%;
    }
    .cols-3 .column-3 {
        float: right;
        width: 32.3%;
    }
    .cols-4 .column-1 {
        width: 24%;
        float: left;
        margin-right: 1.3%;
    }
    .cols-4 .column-2 {
        width: 24%;
        float: left;
        margin-right: 1.3%;
    }
    .cols-4 .column-3 {
        width: 24%;
        float: left;
    }
    .cols-4 .column-4 {
        width: 24%;
        float: right;
    }
}
/* artykuły */

.blog .item {
    border: 1px solid #D4E5F4;
    padding: 0 30px 15px 30px;
    margin-bottom: 30px;
}
.leading-0,
.leading-1,
.leading-2,
.leading-3,
.leading-4,
.leading-5,
.item {
    margin-bottom: 30px;
}
.items-leading,
.item,
.item-page {
    line-height: 155%;
    text-align: justify;
}
.readmore {
    font-size: 16px;
    color: #ee1d25;
    font-weight: 400;
    text-transform: lowercase;
}
.readmore a {
    font-size: 16px;
    color: #ee1d25 !important;
    font-weight: 400;
    text-decoration: underline;
}
.readmore a:hover {
    text-decoration: none;
}
/* kategorie artykułów */

.content-category h1 {
    font-size: 24px;
    color: #004a8f;
    font-weight: 500;
    padding-bottom: 25px !important;
}
.content-category fieldset {
    border: 1px solid #D4E5F4;
    padding: 10px !important;
    margin-bottom: 20px;
}
.blog .category-desc {} .content-category .category-desc {
    display: block;
}
.cat-children .category-desc {
    display: none;
}
.cat-children ul {
    margin-left: 40px;
    text-transform: uppercase;
    line-height: 200%;
    font-weight: bold;
}
.cat-children h3.item-title {
    font-size: 18px;
    color: #004a8f;
    font-weight: 500;
}
.cat-children h3.item-title a {
    font-size: 18px;
    color: #004a8f;
    font-weight: 500;
}
/* image float style */

.pull-left.item-image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.pull-right.item-image {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.pull-none.item-image {
    margin-bottom: 20px;
}
/*************************************************************/
/*************************** strony **************************/
/*************************************************************/

.items-leading ul,
.item ul,
.item-page ul,
.items-leading ol,
.item ol,
.item-page ol {
    padding-bottom: 15px;
    padding-left: 15px;
}
.items-leading ul li,
.item ul li,
.item-page ul li,
.items-leading ol li,
.item ol li,
.item-page ol li {
    background: url(../images/bullet.png) 0 7px no-repeat;
    list-style: none;
    padding-left: 30px;
}
.boks ul li,
.items-leading table ul li,
.item table ul li,
.item-page table ul li,
.items-leading table ol li,
.item table ol li,
.item-page table ol li {
    margin-left: 0;
    padding-left: 15px;
}
.item-page h4 {
    color: #004a8f;
    font-weight: 500;
}
.tableBig,
.tableSmall {
	border: 1px solid #ccc;
	width: 99%;
	margin-bottom: 30px;
}
.tableBig th, 
.tableBig td {
	border: 1px solid #ccc;
	padding: 5px 15px 5px 15px;
}
.tableSmall th,
.tableSmall td {
	border: 1px solid #ccc;
	padding: 5px 15px 5px 15px;
}
@media only screen and (max-width: 799px) {
	.tableBig {
		display: none;
	}
}
@media only screen and (min-width: 800px) {
	.tableSmall {
		display: none;
	}
}
/*  pagination */

div.pagination {
    margin: 10px 0;
    padding: 30px 0 10px 0;
    clear: both;
    text-align: center;
    color: #004a8f;
    font-weight: 300;
}
p.counter {
    float: none;
}
.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: none;
}
.pagination li {
    display: inline;
    padding: 2px 5px;
    text-align: left;
    margin: 0 2px;
}
.pagination li span.pagenav {
    color: #ee1d25;
    font-weight: 700;
    padding: 2px;
    display: inline-block;
}
li.pagination-start span.pagenav,
li.pagination-prev span.pagenav {
    color: #004a8f;
    font-weight: 400;
    display: none !important;
}
li.pagination-next span.pagenav,
li.pagination-end span.pagenav {
    color: #004a8f;
    font-weight: 400;
    display: none !important;
}
.hasTooltip.pagenav {
    display: none !important;
}
/*************************************************************/
/**************************** home ***************************/
/* Kim jesteśmy */

#onas {
    border: 1px solid #D4E5F4;
    padding: 0 30px 15px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
}
#onas h2 {
    background: #D4E5F4;
    padding: 35px 30px 20px 30px;
    margin-bottom: 20px;
    color: #01376a;
    font-size: 18px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* ulotka */

#ulotka {
    border: 1px solid #D4E5F4;
    padding: 0 30px 15px 30px;
    margin-bottom: 30px;
    text-align: left;
}
#ulotka h3 {
    background: #D4E5F4;
    padding: 35px 30px 20px 30px;
    margin-bottom: 20px;
    color: #01376a;
    font-size: 18px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#ulotka .one {
    text-transform: uppercase;
    padding-bottom: 20px;
}
#ulotka .un {
    color: #004a8f;
    font-weight: 700;
    padding-bottom: 15px;
}
#ulotka ul li {
    margin-bottom: 10px;
}
#ulotkaBottom {
    line-height: 150%;
    margin-top: 20px;
    text-align: center;
}
#ulotkaBottom span {
    font-weight: bold;
    font-size: 130%;
    color: #ee1d25;
}
@media only screen and (max-width: 979px) {
    #ulotka #table {
        width: 100%;
    }
    #ulotka #td-2 {
        text-align: center;
    }
    #ulotka #table img {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 980px) {
    #ulotka #table {
        width: 100%;
        margin-bottom: 20px;
        display: table;
    }
    #ulotka #td-1,
    #ulotka #td-2 {
        display: table-cell;
        vertical-align: top;
        padding-top: 20px;
    }
    #ulotka #table img {
        margin-top: 30px;
        margin-left: 40px;
    }
}
/* banner 1 */

#banner1 {
    border: 1px solid #D4E5F4;
    padding: 0 30px 15px 30px;
    text-align: left;
}
#banner1 h4 {
    background: #D4E5F4;
    padding: 35px 30px 20px 30px;
    margin-bottom: 20px;
    color: #01376a;
    font-size: 18px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#banner1 .s1 {
    color: #ee1d25;
    font-size: 16px;
}
#banner1 .s2 {
    color: #004a8f;
    font-size: 28px;
}
ul.banner1_menu {
    margin: 0 0 20px 0;
    padding: 0;
}
ul.banner1_menu li {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}
ul.banner1_menu li a {
    text-decoration: underline;
    font-size: 90%;
}
@media only screen and (max-width: 979px) {
    #banner1 #table {
        width: 100%;
        text-align: center;
    }
    #banner1 #table img {
        margin-bottom: 20px;
    }
    ul.banner1_menu {
        text-align: center;
    }
    ul.banner1_menu li a {
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media only screen and (min-width: 980px) {
    #banner1 #table {
        width: 100%;
        margin-bottom: 20px;
        display: table;
    }
    #banner1 #td-1,
    #banner1 #td-2 {
        display: table-cell;
        vertical-align: top;
        padding-top: 20px;
    }
    #banner1 #table img {
        margin-left: 40px;
    }
    ul.banner1_menu li a {
        margin-right: 10px;
    }
}
@media only screen and (min-width: 1300px) {
    ul.banner1_menu li {
        display: inline-block;
    }
}
/* banner 2 */

.banner2 {
    width: 100%;
    margin: 15px 0px;
}
.banner2 img {
    width: 100%;
    height: auto;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.banner2 img:hover {
    opacity: 0.6;
}
/*************************************************************/
/************************** nowości **************************/

.bt-cs .bt-inner .bt-title {
    text-transform: none !important;
    margin-bottom: 0 !important;
}
.bt-cs .bt-row,
.bt-cs .bt-inner {
    padding: 10px 0 0 0 !important;
}
.bt-row-separate {
    margin: 0 !important;
}
/* Program unijny */

.program {
    text-align: center;
}
/*************************************************************/
/************************** o firmie *************************/

table#firm1 {
    width: 100%;
    font-size: 17px;
}
#firmDIV {
    margin-bottom: 40px;
}
#firmDIV h3 {
    color: #ee1d25;
    text-align: left;
}
table#firm2 {
    width: 100%;
}
#firm2 th {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ee1d25;
    font-weight: 500;
}
#firm2 td {
    padding-bottom: 10px;
}
@media only screen and (max-width: 979px) {
    #firm1 p span,
    #firm2 p span {
        display: block;
    }
    #firm1 .nasrodku2 {
        padding: 25px 0 40px 0;
    }
    #firm1,
    #firm2,
    #firmDIV {
        text-align: left;
    }
}
@media only screen and (min-width: 980px) {
    #firm1 td {
        padding-bottom: 15px;
    }
    #firm1 .nasrodku {
        text-align: center;
    }
    #firm1 .nasrodku2 {
        padding: 15px 10% 40px 10%;
        font-size: 16px;
    }
    #firm1 p,
    #firm2 p {
        display: table;
        width: 100%;
        padding-bottom: 0;
    }
    #firm1 p span,
    #firm2 p span {
        display: table-cell;
    }
    #firm1 .s1 {
        width: 47%;
        font-weight: 500;
        text-align: right;
        padding-right: 20px;
    }
    #firm1 .s2 {
        width: 53%;
        padding-left: 20px;
        text-align: left;
    }
    #firm2 .s1 {
        width: 58%;
        text-align: left;
        padding-right: 2%;
    }
    #firm2 .s2 {
        width: 38%;
        text-align: left;
        padding-left: 2%;
    }
}
/*************************************************************/
/*************************** mapa ****************************/

.map td {
    padding: 10px;
}
.map .td1 {
    text-align: center;
}
.map .td1 a {
    line-height: 20px;
}
/*************************************************************/
/************************** cennik ***************************/

.Cennik {
    width: 100%;
}
.Cennik td {
    padding-bottom: 10px;
    text-align: left;
}
.cennikOpis {
    width: 490px;
}
/*************************************************************/
/************************ kontakt strona *********************/

.contact h3 {
    display: none;
}
.contact span.contact-misc {
    display: block;
}
#kontaktWrap {
    overflow: hidden;
    text-align: left;
}
#kontaktR {
    padding-bottom: 25px;
}
#kontaktR img {
    width: 100%;
    max-width: 340px;
    height: auto;
}
#kontaktWrap p .s1 {
    font-weight: 500;
}
#kontaktL p .s2 {
    padding-bottom: 25px;
}
@media only screen and (max-width: 799px) {
    #kontaktL p .s1,
    #kontaktL p .s2 {
        display: block;
    }
}
@media only screen and (min-width: 800px) {
    #kontaktL {
        float: left;
        width: 59%;
        padding-right: 1%;
        padding-bottom: 30px;
    }
    #kontaktR {
        float: right;
        width: 40%;
    }
    #kontaktL p {
        display: table;
        width: 100%;
        padding-bottom: 0;
    }
    #kontaktL p .s1,
    #kontaktL p .s2 {
        display: table-cell;
    }
    #kontaktL p .s1 {
        width: 20%;
    }
    #kontaktL p .s2 {
        width: 80%;
    }
}
.contact-form {
    border: 1px solid #D4E5F4;
    margin-top: 30px;
}
.contact-form fieldset {
    border: none;
    overflow: hidden;
}
.contact-form .btn.btn-primary {
    float: right;
    margin-bottom: 30px;
}
@media only screen and (max-width: 799px) {
    .contact-form .btn.btn-primary {
        margin-right: 30px;
    }
}
/*************************************************************/
/************************** bottom ***************************/

#bottom {
    overflow: hidden;
    padding-top: 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#bottom a {
    display: inline-block;
    padding: 20px 16px 20px 16px;
}
#bottom a img {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#bottom a img:hover {
    -webkit-filter: opacity(.5);
    filter: opacity(.5);
}
@media only screen and (min-width: 1025px) {
    #bottom {
        width: 79%;
        float: right;
    }
}
@media only screen and (max-width: 1299px) {
    #bottom .bs-row a {
        display: block;
    }
}
@media only screen and (min-width: 600px) {
    #bottom .bs-row {
        width: 100%;
        text-align: center;
        overflow: hidden;
        letter-spacing: -0.31em;
        *letter-spacing: normal;
        word-spacing: -0.43em;
        text-align: center;
    }
    #bottom .bs {
        display: inline-block;
        zoom: 1;
        *display: inline;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #bottom .bsA {
        width: 49%;
    }
    #bottom .bsB {
        width: 51%;
    }
}
/*************************************************************/
/*************************** footer **************************/

#footer {
    clear: both;
    overflow: hidden;
    text-align: center;
    padding: 0 0 40px 0;
    color: #004a8f;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 190%;
}
#footer a {
    color: #004a8f;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer p {
    padding-bottom: 0;
}
#footer .p1 {
    margin-bottom: 30px;
}
#footer img {
    margin-top: 7px;
    margin-left: 3px;
    margin-right: 3px;
}
@media only screen and (min-width: 1025px) {
    #footer {
        width: 79%;
        float: right;
    }
}