@import url(../css/font-awesome.min.css);

@font-face { font-family: Oswald; src: url(../fonts/oswald/Oswald-Regular.ttf); }
@font-face { font-family: Ubuntu; src: url(../fonts/ubuntu/Ubuntu-R.ttf); }
@font-face { font-family: Lucida Sans Unicode; src: url(../fonts/lucida/LucidaSansUnicode.ttf); }
@font-face { font-family: Lucida Grande; src: url(../fonts/lucida/LucidaGrande.ttf); }


/* FORMULARZ KONTAKTU */
/* white-space: normal; */
/* .okno .content-fk { width: 450px; float: left; padding:20px 20px 0 0; margin-left: 120px; } */
#form_entry { overflow: hidden; font: 17px Ubuntu,Calibri,Verdana,Times New Roman,Times,sans-serif; color: #2b464e; }

#form_entry  a { font-family: Ubuntu, Arial; font-size:14px; color: #2a76cc; }
#form_entry  a:hover { color: #2a76cc; text-decoration: underline; }

/*
#form_entry .tytul_form { font: 32px Ubuntu,Verdana,sans-serif; font-weight: normal; color: #2e3235; }
#form_entry input       { border: 3px solid #c9c9c9; color: #2b464e; background: #ffffff; height: 38px; margin: 0px 0px 2px 0px; width: 520px; font-size: 20px; font-family: Ubuntu,Calibri,Verdana,Times New Roman,Times,sans-serif; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 4px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form_entry input:focus { border: 3px solid #e95e0f; color: #000000; background: #f8f8f8; }

#form_entry textarea    {  width: 520px; height:200px; border: 3px solid #c9c9c9; color: #2b464e; background: #ffffff; margin: 0px 0px 2px 0px; font-size: 20px; font-family: Ubuntu,Calibri,Verdana,Times New Roman,Times,sans-serif; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form_entry textarea:focus, #form_entry select:focus { border: 3px solid #e95e0f; color: #000000; background: #f8f8f8; }

#form_entry select       { padding: 0px; margin: 0px 0px 2px 0px; font-size: 18px; color: #2b464e; height: 38px; width: 520px; border:3px solid #c9c9c9; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 4px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.40s all; }
#form_entry select:focus { border: 3px solid #e95e0f; color: #000000; background: #f8f8f8; transition: 0.40s all; }
#form_entry .inp_sub       { font-size: 20px; height: 38px; width: 125px; padding: 0px 5px 10px 5px; cursor: pointer; border-width: 3px; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 4px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form_entry .inp_sub:hover { background: #dadada; border-color: #c9c9c9; }
#form_entry .inp_okno { overflow: hidden; padding: 5px 0 10px 0px;  }
#form_entry .allert_err { font-size: 11px; color: #Dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 2px no-repeat; padding: 2px 0px 4px 24px; float: left; }
#form_entry .form_info { font-size: 11px; padding: 10px; margin: 10px; background-color: #b8dd83; color: #000; border: 2px solid #cc0000; }
#form_entry .form_info select { padding: 4px 4px 4px 6px; font-size: 11px;	color: #000000; margin: 0px 0px 2px 0px; width: 255px; border: 1px solid #adadad; }
 */


#lista_live { overflow: hidden; font: 17px Ubuntu,Calibri,Verdana,Times New Roman,Times,sans-serif; color: #000000; }

/*
https://www.w3schools.com/howto/howto_css_responsive_form.asp
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

FORMULARZ REJESTRACJI line-height:1.2; */
/* #form_entry input {  color: black;} #form_entry input:valid {  color: green;} */

#form_entry .p1  { padding: 10px 0 0px 10px; font-family: Ubuntu, Arial; font-size: 20px; font-weight: bold; color: #2e3235; text-align: left; }
#form_entry .p1r { padding: 10px 0 0px 10px; font-family: Ubuntu, Arial; font-size: 20px; font-weight: bold; color: #Dc0049; text-align: left; }
#form_entry .p2 { padding: 5px 0 20px 10px; }
/*#form_entry .tytul_form{ padding:0px 20px 5px 0px; font-family: Ubuntu,Arial; font-size:26px;color:#2e3235;} */
#form_entry .tytul_form { padding:0px 20px 5px 0px; font: 26px Ubuntu,Verdana,sans-serif; font-weight: normal; color: #2e3235; }
#form_entry .tekst { width: 130px; text-align: right; float: left; padding:8px 4px 0 0; }
#form_entry .tekst2 { width: 100px; text-align: left; float: left; padding: 2px 0; }
#form_entry .tekstd { width: 300px; text-align: left; margin: 0 0 2px 20px; }
#form_entry .input_tx      { border: 3px solid #c9c9c9; color: #2b464e; background:#e4edf0; width: 400px; height:38px;margin:0px 0px 2px 0px;font-size:20px; font-family: Ubuntu,Calibri,Verdana,Times New Roman,Times,sans-serif; border-style:solid;-webkit-appearance:none;-webkit-border-radius:6px;border-radius:6px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; transition: 0.40s all; }
#form_entry .input_tx:focus{ border: 3px solid #e95e0f; color: #000000;background:#f8f8f8; transition: 0.40s all; }
/*
#form_entry textarea   { border: 3px solid #c9c9c9;color:#2b464e;background:#e4edf0; width:400px; height:115px;  margin: 0px 0px 2px 0px;font-size:14px; font-family: Ubuntu,Arial; border-style:solid;-webkit-appearance:none;-webkit-border-radius:6px;border-radius:6px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; transition: 0.40s all; }
#form_entry textarea:focus, #form_entry select:focus { border:3px solid #e95e0f; color:#000000;background:#f8f8f8; transition: 0.40s all; }
 */


#form_entry .sel_n { padding:0px;margin:0px 0px 2px 0px;font-size:14px;color:#2b464e;height:28px;width:300px;border:1px solid #c9c9c9;border-style:solid;-webkit-appearance:none;-webkit-border-radius:6px;border-radius:6px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: 0.40s all;}
#form_entry .sel_n:focus {border:1px solid #e95e0f;color:#000000;background:#f8f8f8;transition: 0.40s all;}
#form_entry .inp_okno { float:left; padding:10px 0px 5px 135px;text-align:left; }
#form_entry .subp { margin: 20px 0 40px 110px; }
#form_entry .inp_sub { font-size: 18px; height: 38px; width: 125px; padding: 4px 5px 10px 5px; cursor: pointer; border: 3px solid #c9c9c9; -webkit-appearance: none; -webkit-border-radius: 6px; border-radius: 6px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.40s all; }
#form_entry .inp_sub:hover { background: #81bf33; border-color: #e95e0f; transition: 0.60s all; }
#form_entry .przprej { border-top: 3px solid #c9c9c9; padding: 15px 0 10px 150px; font-family: Ubuntu, Arial; font-size: 18px; font-weight: bold; color: #2e3235; text-align: left; }
#form_entry .przprej .pr  { padding-right: 50px; float: left; }
#form_entry .przprej a { font-family: Ubuntu, Arial; font-weight: bold; font-size: 18px; color:#383431; transition: 0.40s all; }
#form_entry .przprej a:hover { color: #81bf33; text-decoration: none; transition: 0.60s all; }
#form_entry .panel { width: 680px; overflow: hidden; margin: 0 130px 10px 0; padding: 5px 10px; background: #ffffff; -webkit-appearance:none;-webkit-border-radius:6px;border-radius:6px;}
#form_entry .panel .pr { padding-right: 50px; float: left; }
#form_entry .panel .prr { padding-left: 20px; float: right; }
#form_entry .panel .prrx { padding-left: 20px; float: right; color: #b0b0b0; font-size: 12px; }
#form_entry .panel .prw { padding-left: 20px; float: right; }
#form_entry .ir { margin: 30px 0 0 150px; }
#form_entry .panel a { font-family: Ubuntu, Arial; font-weight: normal; font-size: 18px; color:#383431; transition: 0.40s all; }
#form_entry .panel a:hover { color: #81bf33; text-decoration: none; transition: 0.60s all; }
#form_entry .infe { font-size: 13px; color: #686868; padding: 0 5px 5px 160px; }
#form_entry .allert_err  { font-size: 17px; color: #Dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 8px no-repeat; padding: 6px 0px 0px 22px; }
#form_entry .allert_serr { font-size: 14px; color: #Dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 2px no-repeat; padding: 2px 0px 4px 24px; }
#form_entry .allert_kerr { font-size: 14px; color: #Dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 2px no-repeat; margin: 2px 0px 4px 144px; padding: 2px 0px 4px 24px; }
#form_entry .allert_kera { font-size: 14px; color: #Dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 2px no-repeat; margin: -10px 0px 4px 164px; padding: 0px 0px 4px 24px; }
#form_entry .allert_ttr { font-size: 14px; color: #dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 2px no-repeat; margin: 0px 0px 4px 160px; padding: 2px 0px 4px 24px; }
#form_entry .allert_rass { font-size: 14px; color: #Dc0049; font-weight: normal; background: url(../images/formularz/wykrzyknik.png) 3px 2px no-repeat; margin: 2px 0px 4px -53px; padding: 2px 0px 4px 24px; }
#form_entry .text_err  { float: left; padding-left: 130px; }
#form_entry .text_err2 { float: left; padding-left: 20px; }
#form_entry .form_info {font-size:11px;padding:10px;margin:10px; background-color: #b8dd83; color:#000;border: 2px solid #cc0000;}
#form_entry .form_info select { padding:4px 4px 4px 6px; font-size: 11px; color: #000000; margin: 0px 0px 2px 0px; width:255px;border: 1px solid #adadad;}
#form_entry .link { font-family: Ubuntu, Arial; font-size:18px; font-weight: bold; color:#0ad000; cursor:pointer; }
#form_entry .link:hover { color:#0b7c05; text-decoration: underline; }
#form_entry .section { padding-left: 55px; }
#form_entry .section input[type="radio"], .section input[type="checkbox"] { display: none; }
#form_entry .secprzere { margin-bottom: 10px; }
#form_entry .secprzere label { position: relative; }
#form_entry .secprzere span::before, .secprzere span::after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; }
#form_entry .secprzere span.radio:hover { cursor: pointer; }
#form_entry .secprzere span.radio::before { left: -52px; width: 45px; height: 25px; background-color: #A8AAC1; border-radius: 50px; }
#form_entry .secprzere span.radio::after { left: -49px; width: 17px; height: 17px; border-radius: 10px; background-color: #6C788A; transition: left .25s, background-color .25s; }
#form_entry input[type="radio"]:checked + label span.radio::after { left: -27px; background-color: #EBFF43; }
#form_entry .secprzere span.checkbox::before { top: 20px; width: 27px; height: 27px; background-color: #6c788a; left: -35px; box-sizing: border-box; border: 3px solid transparent; transition: border-color .2s; }
#form_entry .secprzere span.checkbox:hover::before {width: 27px; height: 27px; border: 3px solid #a8aac1; }
#form_entry .secprzere span.checkbox::after { content: '\f00c'; font-family: 'FontAwesome'; font-size:30px; left: -30px; top: 3px; color: transparent; transition: color .2s; }
#form_entry input[type="checkbox"]:checked + label span.checkbox::after { color: #3feb43; }
#form_entry .ax_przerej2-disclosure { overflow: hidden; display: none; margin: 0; }
#form_entry #ax_przerej2:checked ~ .ax_przerej2-disclosure { display: block; max-width: 460px; padding: 5px 0 10px 0; margin-top: 5px; margin-bottom: 5px;
background-color: #d1d9dc; transition: left 1s; background-color 1s; -webkit-border-radius:6px;border-radius:6px; }
#form_entry .ra { overflow: hidden; padding-left: 20px; margin-bottom: 3px; }
#form_entry .ra .prop { width: 330px; text-align: left; float: left; padding-right: 10px; }
#form_entry .rl { overflow: hidden; padding-left: 20px; margin-bottom: 3px; }
#form_entry .rl .prop { width: 330px; text-align: left; float:left; padding-right: 10px; }
#form_entry .rl .tek  { width: 145px; text-align: right; float: left; padding: 5px 10px 0 0; }
#form_entry .rl .ocen { width: 145px; text-align: right; float: left; padding: 5px 10px 0 0; }
#form_entry .rl .uwag { width: 145px; text-align: right; float: left; padding: 5px 10px 0 0; }
#form_entry .rl .tok  { width: 160px; text-align: right; float: left; padding: 5px 10px 0 0; }

#form_entry .rn { overflow: hidden; padding-left: 20px; margin-bottom: 3px; }
#form_entry .rn .tza  { width: 145px; text-align: right; float: left; padding: 5px 5px 5px 0; }
#form_entry .rn .tzb  { width: 300px; text-align: left; float: left; padding: 5px 5px 5px 0; }
#form_entry .rm { overflow: hidden; padding-left: 20px; margin-bottom: 3px; border-bottom: 1px solid #c9c9c9; }
#form_entry .rm .tza  { width: 145px; text-align: right; float: left; padding: 5px 5px 5px 0; }
#form_entry .rm .tzb  { width: 300px; text-align: left; float: left; padding: 5px 5px 5px 0; }

#form_entry .inp_sel        { display: block; border: 3px solid #c9c9c9; color:#2b464e; background:#e4edf0; width: 100%; height: 38px; margin:0px 0px 2px 0px; font-size: 14px; font-family: Ubuntu,Arial; border-style:solid;-webkit-appearance:none;-webkit-border-radius:6px;border-radius:6px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; transition: 0.40s all; }


.row:after {
  content: "";
  display: table;
  clear: both;
}
#form_entry .col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
#form_entry input[type=text] { resize: vertical; width: 100%;height: 38px; padding: 2px; border: 2px solid #c9c9c9;background:#f8f8f8;font-size: 15px; font-family: Ubuntu,Arial;
 border-style:solid;-webkit-appearance:none;-webkit-border-radius:6px;border-radius:6px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; transition: 0.40s all; }
#form_entry input[type=text]:focus { border: 2px solid #e95e0f;color:#000000;background:#f8f8f8; transition: 0.40s all; }

#form_entry textarea { resize: vertical; width: 100%; height: 150px; padding: 2px; border: 2px solid #c9c9c9; background:#f8f8f8; font-size: 15px; font-family: Ubuntu,Arial;
 border-style:solid; -webkit-appearance:none; -webkit-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; transition: 0.40s all; }

#form_entry textarea:focus  { border: 2px solid #e95e0f;color:#000000;background:#f8f8f8; transition: 0.40s all; }



#form_entry .ax_kores-disclosure {display: block; margin: 0;}
#form_entry #ax_kores:checked ~ .ax_kores-disclosure { display: none; }
#form_entry .ax_zgoda-disclosure { display: none; }
#form_entry #ax_zgoda:checked ~ .ax_zgoda-disclosure { display: block; }

#form_entry .sectiosz { padding-left: 45px;  }
#form_entry .sectiosz input[type="radio"], .sectiosz input[type="checkbox"] { display: none; }
#form_entry .ax_szcza-disclosure { display: none; }
#form_entry #ax_szcza:checked ~ .ax_szcza-disclosure { display: block; }
#form_entry .ax_szczb-disclosure { display: none; }
#form_entry #ax_szczb:checked ~ .ax_szczb-disclosure { display: block; }

#form_entry .szukanie { margin: 6px 0 0 0; }
#form_entry .szukaj       { width: 155px; height: 30px; border-left: 2px solid #c9c9c9; border-top: 2px solid #c9c9c9; border-bottom: 2px solid #c9c9c9; border-right: 0px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-size: 18px; font-family: Ubuntu,Arial; padding: 0 5px 0 5px; transition: 0.60s all; }
#form_entry .szukaj:focus { color:#000000;background:#f8f8f8; transition: 0.40s all; }
#form_entry .przn { float: right; margin: 0 30px 0 0; }
#form_entry .inp_szuk       { height: 40px; width:35px; padding: 0px; border: 0px; background: url(../images/btn_szukaj.png) no-repeat; cursor: pointer; }

#form_entry .pk { padding-right: 50px; float: left; }
#form_entry .pkr { padding-left: 20px; float: right; }
#form_entry .przycisk a { font-size: 18px; background: #81bd32; color: #373431; float: right; padding: 4px 10px 7px 10px; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; transition: 0.60s all; }
#form_entry .przycisk a:hover { background: #8a0000; color: #ffffff; text-decoration: none; transition: 0.40s all; }

#form_entry .przycisk_zmien a { font-size: 18px; background: #81bd32; color: #373431; padding: 4px 10px 7px 10px; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; transition: 0.60s all; }
#form_entry .przycisk_zmien a:hover { background: #8a0000; color: #ffffff; text-decoration: none; transition: 0.40s all; }

#form_entry .ls   { overflow: hidden; padding: 10px 5px; text-align: center; }
#form_entry .ls .fnav { font-family: 'FontAwesome'; font-size: 18px; }
#form_entry .ls a { color: #000000; padding: 4px 8px; margin: 0 2px; text-decoration:none;background: #81bd32; border: 0px; font-size: 18px; border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:4px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: 0.40s all;}
#form_entry .ls a:hover, .lista_stron a:active { color: #ffffff; background-color:#8a0000; border: 0px; }
#form_entry .ls span.teraztak { color: #2b464e; padding: 4px 8px; margin: 0 2px;text-decoration:none;background:#ffffff;border:1px solid #c9c9c9;font-size:18px;font-family: Calibri,Verdana,Times New Roman,Times,sans-serif;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:4px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: 0.40s all; }
#form_entry .ls span.teraznie { display: none; }

#form_entry .gwiazdka { font-size: 20px; font-weight: bold; color: #d00000; line-height: 1.0em; }

#form_entry .secrasa { padding-left: 227px; margin-bottom: -25px; }
#form_entry .secrasa input[type="radio"], .secrasa input[type="checkbox"] { display: none; }

#form_entry .ax_rasa1-disclosure { overflow: hidden; display: none; margin: 0; }
#form_entry #ax_rasa1:checked ~ .ax_rasa1-disclosure { display: block; max-width: 460px; padding: 5px 0; margin: 5px 0 0 -52px; }


#form_entry .secprzerw span.checkbox::before { top: 0px; width: 27px; height: 27px; background-color: #6c788a; left: 0px; box-sizing: border-box; border: 3px solid transparent; transition: border-color .2s; }
#form_entry .secprzerw span.checkbox:hover::before { width: 27px; height: 27px; border: 3px solid #a8aac1; }
#form_entry .secprzerw span.checkbox::after { content: '\f00c'; font-family: 'FontAwesome'; font-size:30px; left: 5px; top: -10px; color: transparent; transition: color .2s; }
#form_entry .secprzerw label { padding: 0 0 0 40px; }
#form_entry input[type="checkbox"]:checked + label span.checkbox::after { color: #3feb43; }

#form_entry .ax_rasa2-disclosure { overflow: hidden; display: none; margin: 0; }
#form_entry .ax_w-disclosure { overflow: hidden; display: none; margin: 0; }
#form_entry #ax_rasa2:checked ~ .ax_rasa2-disclosure { display: block; max-width: 460px; padding: 5px 0; margin: 5px 0 0 -52px; }
#form_entry #ax_rasa2:checked ~ .ax_w-disclosure { display: block; max-width: 460px; padding: 5px 0; margin: 5px 0 0 -40px; }

/*
#form_entry .ax_w-disclosure { overflow: hidden; display: none; margin: 0; }
#form_entry #ax_w:checked ~ .ax_w-disclosure { display: block; max-width: 460px; padding: 5px 0; margin: 5px 0 0 0px; }
 */