@font-face { font-family: "Sanuk"; src: url("https://docs.task.gda.pl/_resources/themes/docs/fonts/SanukPro-Medium.ttf") format("truetype"); }



.mainMenu {
	padding: 2rem 0;
   box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1); 
}


ul.col-cnt-4 {
    -moz-column-count: 4;
    -moz-column-gap: 22px;
    -webkit-column-count: 4;
    -webkit-column-gap: 22px;
    column-count: 4;
    column-gap: 22px;
}

ul.col-cnt-3 {
    -moz-column-count: 3;
    -moz-column-gap: 22px;
    -webkit-column-count: 3;
    -webkit-column-gap: 22px;
    column-count: 3;
    column-gap: 22px;
}


ul.col-cnt-2 {
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    column-gap: 40px;
}

#sideBarMenu {margin-top: 4.0rem;}


 
#toTop {
background: url("../images/totop.png") no-repeat scroll left top transparent;
width: 42px !important;
height: 42px !important;
position:fixed;
bottom:15px;
right:15px;
border-radius: 5px;
display: none;
color: transparent;
}

#toTopHover {
background: url("../images/totop.png") no-repeat scroll left top transparent;
display: block;
width: 42px !important;
height: 42px !important;
border-radius: 5px;
}

#toTop:active, #toTop:hover {
 background: url("../images/totop.png") no-repeat scroll right top transparent;
} 

#toTop:focus {
 outline:none;
 background: url("../images/totop.png") no-repeat scroll right top transparent;
}

#searchResultList {list-style: none;} 
#searchResultList li {border-bottom: solid 1px #DEDEDE; margin-bottom: 2.5rem;} 

.typography {
 
}
 #Content {margin-top: 3rem;}

.mainMenu {z-index: 6500; background-color: #FFFFFF;}

 @media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
} 




.img-fluid, .mce-content-body img,
.content img {
  max-width: 100%;
  height: auto;
}
 

footer {
  background-image: linear-gradient(-45deg,rgba(0,55,103,0.89) 0%,rgba(0,55,103,0.76) 100%),
                    url('../images/task_bg_footer.jpg') !important;	
	
  padding-top: 3rem;
  margin-top: 2rem;
  padding-bottom: 3rem;
  color: #343a40;
  font-size: 1rem;
  border-top: solid 1px #DFDFDF;  
  border-bottom: solid 4px #e31b26;     
}

footer a {color: #FFFFFF;  font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;}
footer a:hover {color: #E8F4FF; text-decoration: none;}

footer h2 {
color: #FFFFFF;
font-size: 18px;
line-height: 130%;
}

footer ul {
  list-style: none;
  color: #FFFFFF;
  font-size: 18px;
  margin-top: 20px;  
}


footer ul li {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 12px;
	color: #ffffff !important;
	letter-spacing: 1px;
	line-height: 1.1em;
	padding-bottom: 0.5em;
}

footer p {
	margin-top: 20px;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;	
	line-height: 1.6em;
	color: #FFFFFF;
	font-size: 14px;
}


footer a.active {
  color: rgba(52, 58, 64, 0.5);
}

footer .row {
  margin-bottom: 0.5rem;
}

.pagination {
  display: flex; 
  justify-content: center;
  border-radius: 3px; 
}

.sanuk {
  font-family: 'Sanuk',Helvetica,Arial,Lucida,sans-serif;
}




.navbar-default {background-color: transparent; border: none;}

.btn-info {
  background-color: #003767;
  border-color: #2E4587;
  color: #FFFFFF;
}

.pageBody a.btn-info, .newsPage a.btn-info {color: #FFFFFF;}

.image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
}


img, video {
    height: auto;
    max-width: 100%;
}




#flexisel{
display:none;}
.nbs-flexisel-container {
position:relative;
max-width:100%;
}
.nbs-flexisel-ul {
position:relative;
width:99999px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
cursor:pointer;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {
width: auto;
cursor: pointer;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
max-width: 260px;
max-height:140px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 22px;
height: 22px;
position: absolute;
cursor: pointer;
z-index: 100;
opacity: 0.5;
}
.nbs-flexisel-nav-left { left: 10px; background: none;}
.nbs-flexisel-nav-right { right: 5px; background:none; }
 

.BigLetter {
   font-family: 'Sanuk',Helvetica,Arial,Lucida,sans-serif;
   font-size: 70px;
   color: rgba(0,55,103,0.5) !important;
}