/* -- Basic HTML Elements -- */
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('MyriadPro/MyriadPro-Semibold.eot');
    src: url('MyriadPro/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('MyriadPro/MyriadPro-Semibold.woff') format('woff'),
         url('MyriadPro/MyriadPro-Semibold.ttf') format('truetype'),
         url('MyriadPro/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro';
    src: url('MyriadPro/MyriadPro-Regular.eot');
    src: url('MyriadPro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('MyriadPro/MyriadPro-Regular.woff') format('woff'),
         url('MyriadPro/MyriadPro-Regular.ttf') format('truetype'),
         url('MyriadPro/MyriadPro-Regular.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('MyriadPro/MyriadPro-Bold.eot');
    src: url('MyriadPro/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('MyriadPro/MyriadPro-Bold.woff') format('woff'),
         url('MyriadPro/MyriadPro-Bold.ttf') format('truetype'),
         url('MyriadPro/MyriadPro-Bold.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}




 html {
  height: 100%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a75d5e;
  font-size:16px;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #a75d5e;
  font-size:16px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a75d5e;
  font-size:16px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a75d5e;
  font-size:16px;

}


	body {height:100%; position: relative;  color: #575757; background: #0851c2;  color: #000; font-family: MyriadPro,  Arial, serif; font-size: 19px; font-weight:300; letter-spacing: 0px; line-height: 1.3; margin: 0; padding: 0; text-align: center; }

	a {color: #1F457D; text-decoration: none; margin: 0; padding: 0; letter-spacing: 0px;}
.BoxContent { max-width:90%;   position:relative; margin: 0 auto; text-align:left}

	form {margin: 0;}

	h1 {font-size:min(3vw, 42px); color:#FFF;   margin:  0; padding: 0; line-height: 1.1;}
    h2 { font-size:28px; color:#000; font-weight:400; line-height: 1.3;  margin:  0; padding: 0;}
    h3 { font-size:28px; color:#fff; font-weight:500; line-height: 1.3;  margin:  0; padding: 0;}

 	hr {clear:left; border: none; height: 1px; background: #ccc; margin: 3px 0 0 0; padding: 0;}
	img {border: 0; padding: 0; margin:0;}
	ins {text-decoration: none; color: #EC694A;}
	pre {width: 80px;}
	table {margin: 0;}
	table caption {color: #fff; background: #98A0A6;}
	th {text-align: left; background: #C7CBCE;}

	p {margin: 0 0 0px 0;}
    br {  letter-spacing:0; }

    ol {margin:0px; padding-left:20px}
    ol li {margin:0;}
    fieldset { color: #000; margin: 0; padding:5px; border: solid 1px #CCC;}
    legend { color: #707070; font: 11px  Helvetica, Arial; }


    ul {margin:0; font-size:14px;}
    ul li {margin:0; font-size:14px;}

/* -- Page Structure -- */
	#container {left: 0px;  border:solid 0px #181E25;  /*background: #F6F6F6 url(/images/bg/bg.jpg) repeat-x;*/ text-align: left;  /*width: 980px; margin: 0 auto;*/ padding:0px; }

   .main1 {min-height:calc(100% - 00px);
      background: #840002 url('/images/bg2.jpg') no-repeat top center ;	background-size:cover; /*  -webkit-background-size: cover;	  -moz-background-size: cover;	  -o-background-size: cover;	  background-size: cover; */    position:relative;
   }
   .main2 {min-height:calc(100% - 00px); padding-left:4.7%;
      background: #181E25 url('/images/bg.jpg') no-repeat top center ;	background-size:cover;/*  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */    position:relative;
   }
   .main3 {min-height:calc(100% - 00px); padding-left:4.7%;
      background: #181E25 url('/images/bg.jpg') no-repeat top center ;	background-size:cover;    position:relative;
   }
   .maingrad {min-height:calc(100% - 00px); padding-left:4.7%;
      background:   url('/images/bg.jpg') no-repeat top center ;	background-size:cover;    position:relative;
   }
   .mainok {min-width:calc(100% - 00px); padding-left:4.7%;
   background:#181E25 url('/images/bg.jpg') no-repeat top center ;
   background-size:cover;


     position:relative;

   }
.FlexC {  display:flex;  align-items: center;  }
.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;  }

   #petycja { z-index:199;  width:100%; right: 0px; top:23%; pointer-events: none; }

   .footer {min-height:180px;  background:#0851c2; padding-left:4.7%}
   .flogo { padding-right:30px;padding-top:15px; text-align:right}
   .flogo img { max-width:274px; width:100%}
   .fgiodo {   font-size:11px; padding-top:20px; text-align:justify; color:#F4F4F4;}
   .fcopy {  padding-top:20px; text-align:left; color:#fff;}

    .form-box { width:min(40vw, 600px);}

   .form1box {margin-top:6vw; box-sizing: border-box; padding-left:min(4.2vw, 60px); padding-top:1.5vw;  padding-bottom:1.5vw; padding-right:min(4.2vw, 60px);  background:#b9292b  ;
         border-radius: 13px;
	  color:#fff; font-size:min(2.1vw, 28px); font-weight:normal; line-height:1.1;
	  }

	  .form2box { box-sizing: border-box; width:90%; margin: 0 auto;;
	   border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;
	   background:#fff;    margin-bottom:20px; padding:min(3vw, 50px); padding-top:min(2vw, 40px);
        color:#b9292b; font-size:20px; font-weight:normal
	  }

	  .form2box a {color:#000;}
	  .form2box a:hover {text-decoration:none}

.main-slogan {left:min(54vw, 900px); top:min(17.9vw,300px); font-weight:600; font-size:min(4.4vw, 65px); line-height:1; color:#fff}

.xs-title   {  width:220px; background:#181E25; padding:11px; }
.xs-title h1 { font-size:17px;}

#cssbar {top:0; left:0; border-radius:10px; background: linear-gradient(90deg, rgb(184, 13, 27) 70%, rgba(216, 84, 84, 0.65) 85%, rgba(165, 51, 51, 0) 100% ); height:100% !important}
#cssbar-box {height:30px;border: solid 3px #cc7f80; border-radius:20px; background:#fff; font-size:12px;}

.dot {
  height: min(2.7vw, 20px);
  width:  min(2.7vw, 20px);
  border:solid 3px #b9292b;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
}

   .pbar { width:100%; max-width:585px; }
   .quest {color:#b9292b; font-size:23px;   line-height:1.1; letter-spacing:0.1px;}
   .qopt {color:#b9292b; font-size:20px; line-height:1.1 }
   .qopt a {color:#b9292b; font-size:20px; line-height:1.1 }
   .qopt .bld { /*font-family:MyriadPro-Bold;*/  font-size:25px; }
   .mtr10 { margin-top:10% }

   .count-head { padding-top:10px; font-weight:600;   font-size: min(1.8vw,16px); letter-spacing:0.1px }
   .counterbox {z-index:990px;   color:#b9292b;   padding-left:15px; padding-right:15px;                   }

   .counter {z-index:990px; background: #fff  ; padding-bottom:10px;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; position:absolute; right:50px; top:0;  }
   .count-label {font-size:min(1.6vw,15px); font-weight:600; line-height:1.1;  color:#b9292b; }
    .count { font-size:min(2.4vw,40px); font-family: MyriadPro-Bold; font-weight:600 ;letter-spacing:-0.1px;  line-height:1.1; color:#b9292b; text-align:center; }

   .count-grid-7 {  display: grid;
  grid-gap: 0px;
  grid-template-columns: auto auto auto auto auto auto auto ;}

   .count-grid-4 {  display: grid;
  grid-gap: 5px;
  grid-template-columns: auto   auto   auto   auto ;}

  .count-grid-amount {  display: grid;
  grid-gap: 2px;
  grid-template-columns: auto auto auto  ;
   color: #b9292b; font-size:16px;
  }

.bottomico { bottom:95px}
.arrow-more {font-size:15px; font-family: MyriadPro-Bold; line-height:1; margin-right:5px;}
.arrow-more-active {
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    }

    #clock {color:#fff;   }
    .btngo { height:40px; font-size:20px; display:flex;  justify-content: center; align-items: center; background:#b9292b;
	 width:min(18vw, 150px); border-radius:20px; color:#fff;}

    .formdonate {color:#272727; margin-top:15px;     }
    .formdonate .select_form {outline:0;   border:solid 3px #b9292b;  color:#b9292b; height:35px; padding-left:7px;padding-top:3px;width:70px; font-size:16px;  border-radius: 18px;  }
    .formdonate .input_form {outline:0; border:solid 3px #b9292b; color:#b9292b; height:35px; padding-left:10px; padding-top:3px; font-size:16px; border-radius: 18px;}
    .formdonate .input_form_kwota {outline:0; border:solid 2px #AC1C25; color:#414040; height:45px; padding-left:7px;  font-size:18px; background: url('/ankieta/images/bg-input-kwota.png')}
    .formdonate .flabel {width:95px; text-align:left; color:#b9292b; font-size:18px; }
    .btnsend { width:100%; background:#8A0202}



   .page_content {color:#333333; font-size:17px; font-family:Raleway; font-weight:500; line-height:1.4}
   .data  {font-size:13px;   font-family:Raleway; color:#8A8888; font-weight:400}
   .lead  {text-align: justify; font-family: 'Playfair Display';  font-size:20px; color:#2B2A28; font-weight:400;line-height: 1.4;}

   .top_menu {background:#1C1C1C; z-index:998; position:relative; height:105px;  width:100%; left:0;}
   .top_menu .menu { padding-top:65px;  box-sizing: border-box;}
   .top_menu .menu a { font-family:Raleway; font-size:18px; font-weight:400;  line-height:1.2; color:#fff;}

    .respimg img { width:100%; height:auto}
    .respw100 {width:100%;}
    .respw50 {width:50%;}
    .space0 {margin:0;padding:0;}

    #komunikat {color:#0a0a0a}

   .trans50 {filter:alpha(opacity=50); opacity:0.5; 5}

    .validError {font-size:12px;}


    .textimage {text-align: justify;}
    .textimage img {text-align: center ;}


  .giconnav {font-size:50px !important; line-height:50px; color:#fff}
  .NavBox {background:#C6C7CC; height:50px;width:50px;}

 .btnlogos {
    border: 2px solid;
    border-radius: 10px;
    width: 20px;
    height: 20px;
}

 hr.style14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

 .Line01 {font-size:1px; height:1px; background:#EAEAEA; width:100%}
 .Line02 {font-size:1px; height:1px; background:#D2D2D2; width:100% }
 .Line03 {font-size:1px; height:1px; background:#EAEAEA; width:100%}

 .realizacja_top { background:#8C909C}

    .more a {color: #4F1D17;}









    .BtnSubmit { cursor:pointer;  color:#FFF; background:#EA984E; border:solid 1px #DE6407; width:100px; height:17px; text-align:center; padding:5px; line-height: 1.2; }
    .BtnSubmitOff {	filter:alpha(opacity=40); opacity:0.4; }


    .MenuTop { margin-left:18px; padding-top:4px; font:11px Arial; color:#CFD0D2}






/*zamiast line-through*/
.linethrough { background: url(/gfx/linethrough.gif) repeat-x center left; color: #000; }










	.error {border: 0; background:#FF3C00; color: #fff; font: 12px  Helvetica, Arial, Verdana, Arial, sans-serif; line-height: 1.2; margin-top:10px; margin-bottom: 10px; padding: 5px;}












	#stopka { font-size:16px;  background:#181E25;  height:60px;  color:#fff; font-family:Raleway; }
	#stopka a { color:#fff;  }



    .baner { text-align: center; margin:0; padding: 0; margin-top:20px;}

	.flLeft {float: left;  margin: 0; 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;}

	.powrot {color: #ff0000; font: 12px  Helvetica, Arial, Verdana, Helvetica, Arial, sans-serif; line-height: 1.2; margin-bottom: 3px; padding: 0;}
    .powrot a:link {color: #000; text-decoration: none;}
    .powrot a:visited {color: #000; text-decoration: none;}
    .powrot a:hover {color: #ff0000;  text-decoration: none;}



   .OverBtn:hover {cursor:pointer;}


   .errorKomunikat { border:solid 0px #E2E5E1; color: #F73E00; font-size: 17px; padding:10px; text-align:center}


    .hide {	display: none; }



   .OnePix { font: 1px  Arial; }

   .ShowMoreNews { font-size: 15px; font-weight:bold; background:#ebebeb; padding:5px; padding-top:7px;  width:150px; text-align:center; }
   .ButtonA { font-size: 15px; font-weight:bold; background:#FFA200; padding:5px; padding-top:7px;  width:170px; text-align:center; }
   .ButtonB { font-size: 15px; font-weight:bold; background:#C21919; padding:5px; padding-top:7px;  width:100px; color:#FFF; text-align:center; }





 .ml5 {margin-left:5px;}
 .ml20 {margin-left:20px;}
 .ml23 {margin-left:23px;}
 .ml25 {margin-left:25px;}
 .ml30 {margin-left:30px;}
 .ml265 {margin-left:265px;}

 .mt10 {margin-top:10px !important;}
 .mt20 {margin-top:20px;}
 .mt2 {margin-top:2px;}
 .mt3 {margin-top:3px;}
 .mt4 {margin-top:4px;}
 .mt5 {margin-top:5px !important;}
 .mt7 {margin-top:7px   !important;}
 .mt8 {margin-top:8px  !important;}
 .mt12 {margin-top:12px;}
 .mt13 {margin-top:13px;}
 .mt15 {margin-top:15px;}
 .mt17 {margin-top:17px;}
 .mt25 {margin-top:25px !important;}
 .mt30 {margin-top:30px  !important;}
 .mt35 {margin-top:35px  !important;}
 .mt40 {margin-top:40px;}
 .mt60 {margin-top:60px;}
 .mt4p {margin-top:4%}
 .mb5 {margin-bottom:5px;}
 .mb10 {margin-bottom:10px;}
 .mb15 {margin-bottom:15px;}
 .mb20 {margin-bottom:20px;}
 .mr2 {margin-right:2px;}
 .mr3 {margin-right:3px;}
 .mr5 {margin-right:5px;}
 .mr7 {margin-right:7px;}
 .mr8 {margin-right:8px;}
 .mr10 {margin-right:10px;}
 .mr15 {margin-right:15px;}
 .mr20 {margin-right:20px;}
 .mr25 {margin-right:25px;}
 .mr30 {margin-right:30px;}
 .mr35 {margin-right:35px;}
 .mr40 {margin-right:40px;}
 .ml10 {margin-left:10px;}
 .ml15 {margin-left:15px;}
 .ml20 {margin-left:20px;}
 .ml22 {margin-left:22px;}
 .ml25 {margin-left:25px;}
 .ml30 {margin-left:30px;}
 .ml35 {margin-left:35px;}
 .ml50 {margin-left:50px;}
 .ml4 {margin-left:4px;}
 .pad20 {padding:20px;}
 .pad10 {padding:10px;}
 .pad5 {padding:5px;}
 .pt2 {padding-top:2px;}
 .pt5 {padding-top:5px;}
 .pt7 {padding-top:7px;}
 .pt8 {padding-top:8px;}
 .pt10 {padding-top:10px;}
 .pt13 {padding-top:13px;}
 .pt15 {padding-top:15px;}
 .pt20 {padding-top:20px;}
 .pt24 {padding-top:24px;}
 .pt30 {padding-top:30px !important;}
 .pl5 {padding-left:5px;}
 .pl10 {padding-left:10px;}
 .pl17 {padding-left:17px;}
 .pl20 {padding-left:20px;}
 .pl80 {padding-left:80px;}
 .pb10 {padding-bottom:10px;}
 .pb15 {padding-bottom:15px;}
 .pb25 {padding-bottom:25px;}
 .pr5 {padding-right:5px;}
 .pr10 {padding-right:10px;}
 .pr20 {padding-right:20px;}
 .tar {text-align:right}
 .tac {text-align:center}
 .tal {text-align:left}
 .pr65 {padding-right:65px;}
 .w59 {width:59px;}
 .w72 {width:72px;}
 .w220 {width:220px;}
 .w290 {width:270px;}
 .w300 {width:300px;}
 .w310 {width:310px;}
 .w200 {width:200px;}
 .fs1 {font-size:1px;}
 .fs13 {font-size:13px;}
 .fs16 {font-size:16px;}
 .fs20 {font-size:20px;}
 .fbold {font-family: MyriadPro-Bold;}
 .posr {position:relative;}
 .posa {position:absolute;}
 .nowrap {white-space: nowrap;;}







.cool_line{
    display:block;
    border:none;
    color:white;
    margin-top:0px;
    margin-bottom:2px;
    height:1px;
    background:#454544;
    /*
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#A8A8A8), to(#fff));
    background: -moz-linear-gradient(right, #EBEBEB, #FFF);
    background: -ms-linear-gradient(right, #EBEBEB, #FFF);
    */
}


.cool_line_top{

    display:block;
    border:none;
    color:white;
    margin-top:10px;
    margin-left:4px;
    height:1px;
    background:#59637C;
    width:142px;
    /*
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#A8A8A8), to(#fff));
    background: -moz-linear-gradient(right, #EBEBEB, #FFF);
    background: -ms-linear-gradient(right, #EBEBEB, #FFF);
    */
}



.linia_poziomA{
 background:#C7C7C7; font-size:1px; height:1px;
}

.linia_poziomB{
 background:#FFFEFA; font-size:1px; height:1px;
}

.linia_pionA{
 background:#C7C7C7; font-size:1px; width:1px;
}
.linia_pionB{
 background:#FFFEFA; font-size:1px; width:1px;
}



 #platnosciBox {}
 #platnosciBox .komunikat { font-size:15px;}






.RoundPodrozeBorder {
	border-top:solid 1px #B26E57;
	border-left:solid 1px #B26E57;
	-moz-border-radius: 4px;
    border-radius: 4px;
    }







 .Winput190_form {   height:30px; width:220px; padding-left:10px; font-size:14px; border:0; }
 .Winput190_form_off {   height:30px; width:220px; color:#979797; padding-left:10px; font-size:14px; border:0; }

 .Winput420_form {    height:55px; width:410px; padding-left:10px; padding-top:5px; font-size:14px; border:0; }
 .Winput420_form_off {  height:55px; width:410px; padding-left:10px; color:#979797; padding-top:5px; font-size:14px; border:0; }








.CienA {
border:solid 0px #838280;
-moz-box-shadow: 3px -3px 10px #7A7A7A;
-webkit-box-shadow: 3px -3px 10px #7A7A7A;
box-shadow: 3px 3px 10px  #7A7A7A;
}


.CienB {
border:solid 0px #838280;
-moz-box-shadow: 1px 1px 10px #7A7A7A;
-webkit-box-shadow: 1px 1px 10px #7A7A7A;
box-shadow: 3px 3px 4px  #D9D9D4;
}

.CienC {
border:0;
-moz-box-shadow: 0px -0px 7px #9E9E9E;
-webkit-box-shadow: 0px -0px 9px #9E9E9E;
box-shadow: 0px -0px 7px  #9E9E9E;
}


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







 /*podpowiedzi*/
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  max-width:270px;  /* Width of box */
  width:100%;  /* Width of box */
  height:200px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #CCC;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-family:Raleway;
  font-size:13px;
  z-index:999;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;
  padding:1px;
  cursor:pointer;
  font-size:17px;
  color:#787878;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */

}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#C12725;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}
