/* MAIN FILE */
@import url("/layouts/default/fonts/caladea/stylesheet.css");
@import url("/layouts/default/fonts/opensans/stylesheet.css");
@import url("/layouts/default/fonts/fontawesome/stylesheet.css");
/* typo */
body {
  font-family: "opensans";
  font-size: 18px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "caladea";
  display: block; }

.h1, h1 {
  font-size: 4em;
  margin: 1.2em 0; }

.h2, h2 {
  font-size: 3em;
  color: #1b5baf;
  margin: 1em 0; }

.h3, h3 {
  font-size: 2.5em;
  margin: 0.8em 0; }

.h4, h4 {
  font-size: 2em;
  margin: 0.5em 0; }

.h5, h5 {
  font-size: 1.5em;
  margin: 0.5em 0; }

.em1 {
  font-size: 1em; }

.em2 {
  font-size: 2em; }

.em3 {
  font-size: 3em; }

.em4 {
  font-size: 4em; }

.em5 {
  font-size: 5em; }

input[type=text],
input[type=email],
textarea {
  font-size: 1em;
  line-height: 1.2em; }

input[type=text],
input[type=email] {
  height: 1.5em; }

/* struct */
.ibox {
  display: inline-block; }

.marg0 {
  margin: 0; }

.pad20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pad40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.flex {
  display: flex; }
  .flex > * {
    float: none; }

@media (max-width: 767px) {
  .flex.flex-sm {
    display: block; } }
@media (max-width: 992px) {
  .flex.flex-md {
    display: block; } }
/*deco*/
hr.blue {
  border-radius: 1ex;
  background: url("/layouts/default/images/bluebg.png");
  height: 1em;
  border: 0; }

hr.yellow {
  border-radius: 1ex;
  background: url("/layouts/default/images/yelbg.png");
  height: 1em;
  border: 0; }

.fotoempty {
  background: rgba(100, 100, 100, 0.6);
  min-height: 300px;
  width: 100%; }

.textureframe {
  background: #ffca00;
  position: relative;
  padding: 30px;
  margin: 10px; }
  .textureframe:before {
    border-radius: 10px;
    z-index: -1;
    content: '';
    background: url("/layouts/default/images/yelbg.png");
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px; }
  .textureframe h1, .textureframe .h1, .textureframe h2, .textureframe .h2, .textureframe h3, .textureframe .h3, .textureframe h4, .textureframe .h4, .textureframe h5, .textureframe .h5 {
    margin-top: 0;
    margin-bottom: 1ex;
    color: inherit; }
  .textureframe.yellow {
    background: #ffca00;
    color: #000; }
  .textureframe.yellow:before {
    background: url("/layouts/default/images/yelbg.png"); }
  .textureframe.blue {
    background: #1b5baf;
    color: #fff; }
  .textureframe.blue:before {
    background: url("/layouts/default/images/bluebg.png"); }

/* header */
a:focus, [tabindex]:focus {
  outline: solid 3px #000 !important;
  box-shadow: -1px 1px 1px #ffffff, 1px -1px 1px #ffffff; }

a:hover {
  text-decoration: none; }

.btn {
  font-size: 1em; }

.btn-hi {
  background: #1b5baf;
  color: #fff; }
  .btn-hi:hover {
    box-shadow: -2px 3px 1px rgba(0, 0, 0, 0.6);
    color: #fff; }

.btn-hitrans {
  background: rgba(0, 0, 0, 0.1);
  color: #fff; }
  .btn-hitrans:hover {
    box-shadow: -2px 3px 1px rgba(0, 0, 0, 0.6);
    color: #fff; }

.morecircle {
  background: #ffca00;
  color: #000;
  font-size: 1.5em;
  width: 1.8em;
  height: 1.8em;
  display: inline-block;
  border-radius: 2em;
  line-height: 1.8em;
  text-align: center;
  box-shadow: -4px 6px 0 #000;
  transition: all 0.2s; }
  .morecircle.noshadow {
    box-shadow: none; }
  .morecircle:hover {
    background: #1b5baf;
    text-decoration: none;
    color: #fff;
    transform: scale(1.1, 1.1); }
  .morecircle.nohovercolor:hover {
    background: #ffca00;
    color: #000; }

a:hover .morecircle {
  background: #1b5baf;
  text-decoration: none;
  color: #fff;
  transform: scale(1.1, 1.1); }

a:hover .morecircle.nohovercolor {
  background: #ffca00;
  color: #000; }

.topbar {
  background: #13427e;
  color: #fff;
  padding: 10px 0;
  line-height: 1.5em; }
  .topbar a {
    color: #fff;
    opacity: 0.6;
    transition: all 0.2s; }
    .topbar a:hover {
      opacity: 1;
      text-decoration: none; }
    .topbar a.aktywny {
      opacity: 1; }
  .topbar .do_tresci {
    padding-right: 15px;
    line-height: 1.5em; }
    .topbar .do_tresci i {
      font-size: 1.5em;
      padding: 2px 10px 2px 0;
      font-weight: normal; }
  .topbar .text_controls {
    display: inline-block;
    padding-left: 15px;
    font-family: "caladea"; }
    .topbar .text_controls a {
      font-size: 1.2em;
      padding: 2px;
      font-weight: bold; }
      .topbar .text_controls a.aktywny {
        opacity: 1;
        text-decoration: underline; }
    .topbar .text_controls a + a {
      font-size: 1.5em; }
    .topbar .text_controls a + a + a {
      font-size: 1.8em; }
    .topbar .text_controls a + a + a + a {
      font-size: 1.6em; }
  .topbar .data {
    line-height: 1.8em;
    color: rgba(255, 255, 255, 0.7); }
    .topbar .data span {
      padding-left: 10px;
      color: #fff; }

.menubar {
  background: url("/layouts/default/images/godlo-kety-bg.png") no-repeat left 5% center;
  padding: 15px 0 0 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  .menubar .logo_napis {
    font-family: "caladea";
    font-size: 1.1em;
    padding-left: 15px; }
    .menubar .logo_napis span {
      font-size: 1.3em;
      font-weight: bold; }
  .menubar .navbar {
    font-family: "opensans";
    font-size: 1em; }
    .menubar .navbar a {
      color: #000; }
      .menubar .navbar a:hover {
        color: #1b5baf; }
    .menubar .navbar button.navbar-toggle {
      border-color: #1b5baf;
      border-width: 4px; }
      .menubar .navbar button.navbar-toggle .icon-bar {
        background: #1b5baf; }
    .menubar .navbar .dropdown-menu {
      font-size: 0.8em; }

#main-carousel {
  position: relative;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
  top: -1px;
  padding-top: 1px; }
  #main-carousel .carousel-caption {
    bottom: auto;
    top: 6%;
    text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.9); }
  #main-carousel .carousel-indicators {
    display: inline-block;
    text-align: right;
    left: auto;
    right: 20px; }
    #main-carousel .carousel-indicators li {
      width: 24px;
      height: 24px;
      border: solid 1px rgba(0, 0, 0, 0.6);
      background: #fff;
      border-radius: 32px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }
    #main-carousel .carousel-indicators li.active {
      background: #ffca00; }
  #main-carousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity; }
  #main-carousel.carousel-fade .carousel-inner .active {
    opacity: 1; }
  #main-carousel.carousel-fade .carousel-inner .active.left,
  #main-carousel.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1; }
  #main-carousel.carousel-fade .carousel-inner .next.left,
  #main-carousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1; }
  #main-carousel.carousel-fade .carousel-control {
    z-index: 2; }

/*  main */
main {
  min-height: 400px;
  padding: 30px 0 0 0; }

/* content templates */
section.bg {
  padding: 40px 0;
  background: url("../images/bgkredki.jpg") no-repeat center/100% auto !important; }

section.bg > .container {
  background: rgba(255, 255, 255, 0.95);
  padding: 25px; }

@media (max-width: 992px) {
  section.bg {
    background-size: auto 100%  !important; } }
.listitem {
  padding: 30px  0  0 30px;
  position: relative;
  padding-bottom: 40px; }
  .listitem:before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: #6d85a6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.5; }
  .listitem .foto {
    display: block;
    max-width: 100%;
    overflow: hidden; }
  .listitem .foto img {
    transition: 0.3s; }
  .listitem .foto:hover img {
    transform: scale(1.1, 1.1); }
  .listitem .news_data {
    color: #6d85a6;
    font-size: 0.95em;
    padding: 10px 0; }
  .listitem .news_nazwa a {
    color: #000; }

.galimg {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%; }
  .galimg img {
    transition: 0.3s; }
  .galimg:hover img {
    transform: scale(1.1, 1.1); }

/* footer */
footer {
  padding: 15px 0;
  min-height: 150px;
  color: #fff;
  background: #13427e url("../images/godlo-kety-bg.png") no-repeat right 5% center; }

/**----------------- WCAG */
body.font-size-2 {
  font-size: 32px; }
  body.font-size-2 section div[class*="col-lg-"], body.font-size-2 section div[class*="col-md-"], body.font-size-2 section div[class*="col-sm-"] {
    width: 100%; }
  body.font-size-2 section.section_icons {
    font-size: 0.8em; }
  body.font-size-2 .carousel-caption {
    font-size: 24px !important; }

body.font-size-3 {
  font-size: 38px;
  /* nawigacaja */
  /*& .flex-sm { display: block;}    */ }
  body.font-size-3 section div[class*="col-lg-"], body.font-size-3 section div[class*="col-md-"], body.font-size-3 section div[class*="col-sm-"] {
    width: 100%; }
  body.font-size-3 .carousel-caption {
    margin: 0;
    font-size: 24px !important;
    left: 5%;
    right: 5%;
    top: 0 !important;
    line-height: 1.1em; }
    body.font-size-3 .carousel-caption * {
      margin: 0.5ex 0 !important; }
    body.font-size-3 .carousel-caption .pad20 {
      padding: 0 0; }
  body.font-size-3 .nav {
    float: left  !important;
    width: 100%  !important; }
  body.font-size-3 .navbar li {
    padding: 5px;
    display: block;
    float: none;
    border-bottom: solid 1px;
    border-radius: 0; }
  body.font-size-3 .navbar li > a {
    padding: 5px;
    line-height: 1.1em;
    border-radius: 0; }
  body.font-size-3 section.section_icons {
    font-size: 0.6em; }

body.contrast {
  background: #000;
  color: #ffee00 !important;
  /* content templates */ }
  body.contrast #main-carousel {
    display: none; }
  body.contrast .text_controls a:hover, body.contrast .text_controls a:focus {
    background: #000 !important;
    color: #ffee00 !important; }
  body.contrast .morecircle {
    line-height: 1.5em;
    color: #ffee00 !important;
    border-radius: 2em !important;
    border: solid 4px #ffee00 !important;
    background: #000; }
  body.contrast section.section_icons .morecircle, body.contrast section.section_icons .morecircle * {
    line-height: 1.8em;
    color: #ffee00 !important;
    border-radius: 2em !important;
    border: solid 3px #ffee00;
    background: #000; }
  body.contrast section.section_icons .morecircle * {
    border: 0; }
  body.contrast section.section_icons a:hover span {
    color: #000 !important; }
  body.contrast .textureframe {
    background: #000;
    color: #ffee00 !important;
    border: solid 3px #ffee00 !important; }
    body.contrast .textureframe:before {
      display: none; }
  body.contrast section.bg {
    background: transparent  !important;
    color: #000  !important; }
    body.contrast section.bg > .container {
      background: 0;
      brodrer: solid 2px #ffee00; }
  body.contrast .topbar {
    background: transparent !important; }
  body.contrast footer {
    background: transparent !important; }
  body.contrast * {
    color: #ffee00 !important;
    border-color: #ffee00 !important;
    border-width: 3px !important;
    box-shadow: 0 !important;
    border-radius: 0; }
  body.contrast header, body.contrast main, body.contrast footer, body.contrast section, body.contrast hr {
    border-bottom: solid #ffff00 2px;
    background: transparent; }
  body.contrast .carousel-inner {
    background: #000 !important; }
  body.contrast a {
    font-weight: bold;
    outline: #ffee00 !important; }
  body.contrast .navbar *, body.contrast .pagination * {
    background: #000 !important;
    color: #ffee00 !important; }
  body.contrast a:hover, body.contrast a:focus, body.contrast [tabindex]:focus, body.contrast [tabindex].active, body.contrast .navbar *.active, body.contrast .navbar *.active > span, body.contrast .pagination *.active, body.contrast .pagination *.active > span {
    background: #ffee00 !important;
    color: #000 !important; }
  body.contrast .navbar button.navbar-toggle {
    border-color: #ffee00 !important;
    border-width: 4px; }
    body.contrast .navbar button.navbar-toggle .icon-bar {
      background: #ffee00 !important; }
  body.contrast a:hover img {
    outline: solid 2px #ffff00; }
  body.contrast button, body.contrast .btn {
    border: solid 2px #ffee00 !important;
    background: #ffee00 !important;
    color: #000 !important; }
  body.contrast input[type=text], body.contrast input[type=email], body.contrast textarea {
    background: #000; }

/*# sourceMappingURL=style.css.map */