* {
      line-height: 1.5!important;
      letter-spacing:normal!important;
      word-spacing: .16em !important;
  }

 html {
 overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
 }

/*========================================================
                      Main Styles
=========================================================*/
body {

    margin:0;
   background: #fff;

}

 

	.out:focus  {
	 outline: 2px dotted #BA1119 !important;
	}

	a:focus, button:focus  {
	 outline: 2px dotted #BA1119 !important;
	}

    button {background:transparent; border:0; outline:0 !important}

  h3 {
 color:#555; font-size:19px; font-weight: 600; margin: 0; padding:0; margin-bottom:5px; line-height:1.2
}


  h2 { margin:0; padding:0; font-size:30px; line-height: 1.4; font-weight: 600;  color: #000}


h4, .thumb-hoverizr_caption, .addr p:first-child, .terms dt {
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  color: #a2a2a2;
}
h4 a:hover, .thumb-hoverizr_caption a:hover, .addr p:first-child a:hover, .terms dt a:hover {
  color: #e64a19;
}

h5 {
  font-size: 18px;
  line-height: 26px;
}

h6 {
  font-size: 15px;
  line-height: 20px;
}

p a:hover, .marked-list a:hover, .terms a:hover {
  text-decoration: underline;
}


  ol {margin-left:20px;}

hr.style1 { border-top:solid 1px #ff5951}
hr.stylered { border-top:solid 1px #da251c}

	a {color: #000; text-decoration: none; margin: 0; padding: 0;    }

	a:hover {color: #000; background-color: transparent; text-decoration: none; margin: 0; padding: 0;  }




a:active {
  background: transparent;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-family: "FontAwesome";
}

/*=============    Support Classes    =================*/
.center {
  text-align: center;
}

.mg-add {
  margin-top: 6px;
}

.oh {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;

}

ul {margin-top:0px; }
ul li {margin-top:5px; }


label {margin:0; padding:0;}
/*====================================================
                      Main Layout
======================================================*/


.page-content {min-height: calc(100% - 100px)}

.main-menu  {list-style: none; padding:0; margin: 0}


 .home-list-1 {  padding-bottom:20px; }
 .home-list-1 h2 a{   font-size: 22px; line-height: 1; color:#474747; }


.LabelText { width:125px; color:#000 }
    .vcenter {  display:flex;  justify-content: flex-start; align-items: center;}
    .vcenterc {  display:flex;  justify-content: center; align-items: center;}
    .nowrap {white-space: nowrap; flex-wrap:nowrap }


.TopContainer {background:#ff0; padding-top:20px; padding-bottom:20px; display: grid;   grid-gap: 20px;  grid-template-columns:  auto auto; align-items: center}

.page-head { background: #e3f9ff; text-align:left; font-size:27px; font-weight:500; min-height: 270px; color: #000 }

#LoginMsg {color:#000}

.ZoomContent a {text-decoration:underline}

.home-tabs {border-bottom:solid 3px #aa1515; line-height:1; font-weight:400;  display: grid;   grid-gap: 0px;  grid-template-columns:  repeat(3,max-content); align-items: center}

.home-tabs a {color:#000 !important; text-decoration:none}
.home-tabs a:hover {background:#ebebeb; color:#000;}
.home-tabs .active {color:#fff; background:#aa1515;}
.gallery img {  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19);}

.stronicowanie a {color:#000}

.Footer { font-size:15px;   color:#000; font-weight:300 }
.Footer h3 { font-size: 14px; color:#00004a;}
.Footer .logo {margin-right:20px;   padding:8px; padding-top:12px; padding-bottom:12px;}
.Footer a {font-size:14px; color:#00004a;  }
.Footer a:hover {text-decoration:underline  }
.Footer .open-info {font-size:16px; color:#fff; background:#383431; padding:15px; padding-left:20px; padding-right:20px; width:auto }
.Footer .grid-menu { display: grid;   grid-gap: 20px;  grid-template-columns: repeat(5, auto); }
.Footer .copyright { margin-top:30px; padding-bottom:50px; font-size:13px; }


	#stopka { position:relative; width:100%; min-height:315px; font-size: 12px; line-height:1.5; color:#B5B5B7; background:#1F2531;  }
	#stopka .newsletter {   padding-top:30px; font-size:16px; color: #FFF;}
	#stopka a { color: #B5B5B7; text-decoration: none}
	#stopka a:hover { color: #ccc; text-decoration: underline }

    #stopka ul  { margin:0; padding:10px 0 0 10px;  }
    #stopka ul li { margin:0; padding:0; padding:10px 0 0 10px; display:inline  }

	#stopka .menu { text-align:left; font-size:14px; color:#fff;}
    #stopka .menu a { color:#fff; font-size:14px;}
    #stopka .menu a:hover { color: #ebebeb; }

     #kontaktstopka .knazwa {font-size:18px;}
     #kontaktstopka .kadres {font-size:17px; color:#EC1D25}


.menu_mini {   }
.menu_mini a {color:#000; font-size:13px; }
.menu_mini	a:hover {color: #EF1B27; background-color: transparent; text-decoration: none; margin: 0; padding: 0; letter-spacing: 0.12rem;}
.menu_mini ul  { margin:0; padding:8px 0 0 10px;  }
.menu_mini ul li { margin:0; padding:0; padding:10px 0 0 20px; display:inline  }

#czasopisma {background:#f5f5f5; padding-bottom:20px; color:#000; min-height:200px; font-size:12px;}
#czasopisma .item { display:inline-block;  margin-top:10px;  margin-bottom:10px; font-size:min(4vw,35px); color:#a11010; font-weight:700; font-family:'Playfair Display';}
#czasopisma .item a {color:#a11010; }

#priorytety  h3 { padding-top:10px; font-size: 17px; font-weight:300; text-align:center;   color:#000000; line-height:1.5}
#priorytety  .item { width:100%; display:inline-block; text-align:center; margin-top:10px;}


#wydarzenia {background:#fff; margin-top:35px;}
#wydarzenia  .item  {padding:20px; padding-top:10px; background:#FFF}
#wydarzenia   .item   h3 { font-family: Roboto, 'Playfair Display', Arial, 'Trebuchet MS' ; font-size: 18px; font-weight:300; height:53px; overflow:hidden; line-height:1.5}
#wydarzenia   .item   .lead {font-size:13px; margin-top:10px; min-height:59px; height:59px; overflow:hidden;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis }
#wydarzenia   .item   .data {font-size:12px; color:#000; }

.video-title {font-size:14px;}

#kontaktmapa {max-width:459px; min-height:440px; padding-bottom:10px; font-family: 'Playfair Display', Arial, 'Trebuchet MS' ; font-size: 17px;  color:#fff; background: #1f2531 url('/images/nist.jpg') no-repeat;}
#kontaktmapa .tytul {; font-size: 19px; }
#kontaktmapa a {color:#fff !important; text-decoration:underline}
.contactmap { background: url('/images/mapa.jpg') center center; background-size: cover}

.informacje_lista h2 a{ color:#000; font-size:22px;text-decoration:underline}
.informacje_lista  .multimedia  { font-size:19px; line-height:1.5; text-decoration: underline}
.informacje_lista  .multimedia a  { text-decoration: underline }

.zalacznik {  width:100%; padding: 20px; border:solid 1px #ebebeb; background:#f5f5f5;min-width:350px;}
.zalacznik a {text-decoration:underline; color:#000;  font-size:15px;}
.zalacznik ul  { margin:0; padding: 0px; margin-left:10px;list-style-type:square; line-height:1.5 }
.zalacznik ul li { color: #EC1D23;margin:0; padding:0; padding:0px 0 0 0px;   }

.zalacznikimg img {  ; border:solid 1px #ebebeb; }
.zalacznikimg a {text-decoration:underline; color:#000;  font-size:15px;}

.textmore {  overflow: hidden;  text-overflow: ellipsis }
.title-grid {display: grid;   grid-gap: 20px;  grid-template-columns:  auto max-content; align-items: center}

.letterShadow {text-shadow: #000 1px 1px 1px;}
.letterShadow a {text-shadow: #000 1px 1px 1px;}

.skip-link {
  color: #fff;
  font-weight: 700;
  left: 2px;
  top:2px;
  padding: 4px;
  position: absolute;
  z-index:999;
  transform: translateY(-100%);
}
.skip-link:hover {
  color: #fff;
  font-weight: 700;
  left: 2px;
  top:2px;
  padding: 4px;
}
.skip-link:focus {
    background: #1F2531; transform: translateY(0%);
}

.path-link {font-size:13px; }
.path-link a {font-size:13px; text-decoration:underline!important}


	.contrastY { color:#FFFF00 !important; }
	.contrastW { color:#FFF !important; }
	.contrastBg { background:#000 !important; }





.podpis_foto {color:#ebebeb; bottom:10px; left:10px; font-size:10px;}

.CienB {
border:solid 0px;
-moz-box-shadow: 3px 4px 5px #D1D1D1;
-webkit-box-shadow: 3px 4px 5px #D1D1D1;
box-shadow: 3px 4px 15px  #D1D1D1;
}



.buttonFont {
background-color: #800000;
display: inline-block;
font-size: 17px;
font-family: 'Meiryo UI';
color: #fff;
text-decoration: none !important;
padding: 2px 10px;
line-height: 1;
overflow: hidden;
position: relative;
border-radius: 2px;
margin-top: 13px;
margin-bottom: 0px;
	cursor:pointer;
}
	.buttonFont:hover {
		opacity: 0.9;

	}




hr.style2 {
    border: 0;
    height: 1px;
    margin-top:12px;
    margin-bottom:14px;
    background-image: linear-gradient(to right, #CFCFCF, #969696, #CFCFCF);
}




   .ui-autocomplete { z-index:2000; border:solid 4px #e4e4e4 !important; left:1px !important; top:32px !important; margin:0;
                     width:276px;background: #fff !important; border-radius: 8px;
          font-family:  'Roboto Condensed', 'Fira Sans Condensed' !important;  font-weight:300 !important;
          font-size: 16px !important; letter-spacing: 0px; color:#000
   }
   .qautosug {color:#000;   width:200px;}


.giodo {font-weight:300; font-size:12px; }

.flLeft-sm {float:left; margin-right:15px; margin-bottom:15px;}
.img-content {max-width:100%;}

.FlexC {  display:flex; justify-content: flex-start; align-items: center;  }
.FlexTL {  display:flex; justify-content: flex-start; align-items: flex-start;  }
.FlexCC {  display:flex;  justify-content: center; align-items: center;  }
.FlexTC {  display:flex;  justify-content: center; align-items: flex-start;  }
.FlexCR {  display:flex;  justify-content: flex-end; align-items: flex-start;  }
/*---CUSTOM--*/
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}

.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.ml5 {margin-right:5px;}
.pr10 {padding-right:10px;}
.trans50 { opacity: 0.5;}
.dispnone {display: none}
.filesBox {padding:10px; background:#fff; border:solid 1px #aaa}
.OverBtn {cursor: pointer}
.tac {text-align:center}
.formalert {padding:10px; color:#000; border:solid 1px #ff0000 }
.formmessage {padding:10px; color:#000; border:solid 1px #14ab03 }
.quoteform_btn {color: #0fbcd7;}
.flLeft {float: left;   padding: 0;}
.flRight {float: right;  margin: 0 0 0 0px;}
.flNone {clear:both; margin: 0; padding:0;  font: 1px  Arial; height:0px; line-height: 0;}
.posa {position: absolute}
.posr {position: relative}
.nowrap {white-space: nowrap;}
.fwrap {flex-wrap: wrap}
.imgr {max-width:100%;  }
.imgminw100 { min-width:100% }
.imgw100 { width:100% }
 .letters14 {letter-spacing:1.4px;}
.fw400 { font-weight: 400 }
.fw600 { font-weight: 600 }
.tar {text-align: right}
.tac {text-align: center}

.fs46 { font-size:46px }
 .xl-tar {text-align:right}

 .form-legend {left:0; top:-22px; border:solid 1px #ccc; border-bottom:0; font-size:12px; color:#000; padding:3px; background: #ddd}

.form-input {width:100%; font-family: 'Roboto Condensed';}
.form-input-login {font-family:'Roboto Condensed'; background: #f5f5f5; color:#000; border:solid 1px #ddd; width:100%; height: 38px; font-size:18px; padding-left:5px;}
.form-input-login::-webkit-input-placeholder {  font-family:'Roboto Condensed'; ; color: #999;  height: 38px; font-size:18px; line-height:1; font-weight:300  !important;   }

.form-input-search {font-family:'Roboto Condensed'; outline:0;  background: #f4f4f4; color:#000; border:solid 1px #ddd;  width:100%; max-width:min(30vw, 200px); height: 28px; font-size:15px; padding-left:5px;}
.form-input-search::-webkit-input-placeholder {  font-family:'Roboto Condensed'; ; color: #777;  font-size:15px; line-height:1; font-weight:300  !important; padding-top:3px; }
.form-input-search:focus { outline:  2px dotted #BA1119 !important;; }


.input_form_a {font-family:'Roboto Condensed'; outline:0;  background: #fff; color:#000; border:solid 1px #ddd;  width:100%;  width:100%; height: 32px; font-size:16px; padding-left:5px;}
.input_form_a:focus { outline:  2px dotted #BA1119 !important;; }


.login-box {    margin-top:0; color:#777;}

.login-box a {color:#000; text-decoration: underline;}


.Selector input[type="checkbox"] {    display:none; }
.Selector input[type="checkbox"] + label {    color:#00004a;    font-weight:300;    cursor:pointer; }
.Selector input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:0px 0px 0 0;
    vertical-align:middle;
    background:url(/images/selector.svg) left top no-repeat;
    cursor:pointer;
}
.Selector input[type="checkbox"]:checked + label span {
    background:url(/images/selector_active.svg) left top no-repeat;
}





.btn0 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #000;
  background: #e1e1e1;
}

.btn0_active {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #fff;
  background: #2c87c4;
}

.btn1min {
  display: inline-block;
  width:auto;
  border:0;
  border-radius:  0px;
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 11px;
  color: #fff;
  text-align:center;
  background: #eb1c26;

}
.btn1 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 17px;
  color: #ffffff;
  background: #eb1c26;

}


.btn2 {
  display: flex;
  justify-content: center; align-items: center;
  border:solid 2px #00004a;
  text-align:center;
  border-radius:  3px;
  padding: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  color: #00004a;
  background: transparent;
  width:200px;
}

.btn3 {
  display: inline-block;
  border:0;
  outline:0 !important;
  text-align:center;
  border-radius:  5px;

  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #d90e16;
}
.btn3 a { text-decoration:none; border:0; outline:0 !important;}


.btn4 {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  5px;
  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #00828b;
  opacity:0.3
}


hr.type0 {
    margin:0;
 border:0;
  border-top: 2px solid #2f5496;
}
hr.type1 {
 border:0;
  border-top: 1px dashed #545454;
}




.params ul {margin:0;padding-left:25px;}
.params li {
     margin:0;
    font-size:17px; line-height: 1.2; font-weight: 300;
    margin-top:10px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
}

.params li::before {
    content: '■';
    position: absolute;
    left: -1.5em;
    top:3px;/* Adjust this value so that it appears where you want. */
    font-size: 13px;      /* Adjust this value so that it appears what size you want. */
}













/*mobile*/
/*
@media (min-width: 270px) and  (max-width: 576px) {
    .top-bg {height:400px}
}

@media (min-width: 577px) and  (max-width: 768px) {
    .top-bg {height:500px}
}
*/

 @media (min-width: 100px)  and  (max-width: 575px)  {
        [class*="grid-list"] { grid-template-columns: auto !important; grid-column: auto / auto !important }
  }
 @media (min-width: 576px)  and  (max-width: 900px)  {
        [class*="grid-list"] { grid-template-columns: auto auto !important; grid-column: auto / auto !important }
  }


@media (min-width: 100px)  and  (max-width: 575px)  {

  .sm-tac {text-align:center !important}
  .xl-tar {text-align:left}

  .flLeft-sm {float:none; margin-right:0}
.img-content {width:100%;}
  .top-bg  h2 { font-size:25px; line-height: 1.4; font-weight: 600;   color: #000049}


 .top-bg li {
    font-size:20px; line-height: 1.4; font-weight: 500;
    margin-top:6px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
  }
 .top-info h2 {  color:#edf6fc; font-size:20px;}

  .fancybox-content {
        vertical-align: top;
        position:absolute;
        width:100%;
        left:0;
        /*margin: 20px !important;*/
    }

    iframe { width:100%}

    .page-head {    }

    .menu-sub {width:auto}
}


@media (min-width: 576px)  and  (max-width: 787px)  {

 .top-info h2 {  color:#edf6fc; font-size:20px;}
    .top-bg li {text-shadow: 1px 1px 3px #ebebeb;
        font-size:20px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }



    .page-head { background-position: right center !important; }

}

@media   (min-width: 768px) and  (max-width: 991px)  {



 .top-info h2 {  color:#edf6fc; font-size:20px;}
    .top-bg li {
        font-size:20px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

}

@media   (min-width: 992px) and  (max-width: 1199px)  {




    .top-bg li {
        font-size:25px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

}