@font-face {
  font-family: "FortumSansRegular";
  src: url("fonts/FortumSansWeb-Regular.woff") format("woff"), url("fonts/FortumSansTT-Regular.ttf") format("truetype")
}
@font-face {
  font-family: "FortumSansBold";
  src: url("fonts/FortumSansWeb-Bold.woff") format("woff"), url("fonts/FortumSansTT-Bold.ttf") format("truetype")
}
@font-face {
  font-family: "FortumSansLight";
  src: url("fonts/FortumSansWeb-Light.woff") format("woff"), url("fonts/FortumSansTT-Light.ttf") format("truetype") 
}
html, body {background: #5ac37d; height: 100%;}
body, .user-nav, .logo span, .main-search .search-field, .date, .entry, .more, .posts-list, .more-all, .title-3,  .btn-green-md {font-family: FortumSansRegular, Helvetica, Arial, sans-serif; }

h1, h2, h3 {font-family: FortumSansRegular, Helvetica, Arial, sans-serif; color:#5ac37d}

h3 {font-size:28px; font-weight:normal; }

body {margin:0; padding:0;  text-align:center;  font-size:15px; color:#000; text-rendering: optimizeLegibility;}

#page {max-width:1230px;  margin:0 auto; text-align:left; }
tr, td {padding:0; margin:0;}

a, a:active, a:focus, a:visited {
	color: #5ac37d;
	text-decoration: none
}
a:hover {
	color: #f08c00;
	text-decoration: underline
}

a, button {-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}
a:hover, button:hover {-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}

p {line-height:130%; margin:10px 0;}


td {border:1px solid #333; padding:5px 10px;}
th {font-weight:bold;border:1px solid #333; padding:5px 10px;}




.user-nav {position: absolute; top: 0; right: 0;  height: 26px; margin-top: 30px; font-size: 15px;}
.user-links {float: left;margin: 2px 13px 0 0}
.user-links a, .user-links span {font-size: 14px}
.user-links a {display: inline-block; height: 20px;	padding: 0 12px 0 15px;	color: #999; line-height: 20px;		
}
.user-links .link {border-left: 1px solid #e6e6e6;}
.user-links img {    float: left;
    margin: -3px 5px 0 0;}

.breadcrumbs li {display: inline; list-style: none; font-size: 16px; margin-right: 5px;}
.breadcrumbs {margin: 30px 0px 20px;}

.main-header {border-bottom:  1px solid #bebec2; text-align: center; background: #fff;}
.main-header-top {max-width: 1240px; width: 100%; margin: 0px auto; height: 80px; padding-left:0;}
.logo {margin:0 auto; display: inline-block}
.logo  a {/*width: 173px; height: 39px;*/ /*width: 191px; height: 42px; background-position: 0 -63px;*/ width: 173px; height: 39px; background-position: 0 0; font-size: 0;  display: block; cursor: pointer;}


/*.logo {position: absolute; top: 20px}*/
.logo h2 {margin: 0 20px 0 0;  float: left;}
.logo span {padding-left: 20px; border-left: 1px solid #e6e6e6; font-size: 26px; color: #003b79; margin-top: 17px; display: inline-block; height: 20px;}
.logo span b {font-weight: normal; display: block; margin-top: -5px;}

#bc {font-size:13px; display:inline-block; margin:0 0 0 0; clear:both;    color:#333; padding:16px 0 12px 0;  


}
#bc li {float:left; display:inline-block; width:auto; margin:0 10px 0 0; padding:0 0 0 0; } 
#bc li a {/*background:url(../img/bc_sep.png) bottom left  no-repeat; */  float:left;  display:inline-block;   margin:0 0 0 0; }
#bc li a:hover { font-weight:normal;}


h2 {margin:15px 0 10px 0; font-weight:normal;}

.user_panel {position:absolute; right:0; top:30px;}
.user_panel a {padding:3px 6px; font-size:14px; display:inline-block; overflow:hidden; margin-left:10px;}
.user_panel img {float:left; margin:-4px 5px 0 0;}

.step {margin-bottom:30px; margin-top:0; overflow:hidden; padding:1% 0; max-width:100%;  position:relative}

li.select {float:left; clear:both; display:block; width:95%; list-style:none;  margin:1px 3px; text-align:left; 
 
padding:10px 0; background:#ececec;
} 
li.select:hover {background:#dcdcdc}
.step1a .nazwa {display:block; float:left; margin:0 30px 0 0; font-size:16px;}
.step1a li input {float:left; margin:5px 10px 5px 20px;}
.step1a p {margin:0; padding:0; float:left; clear:both;  display:block; color:#666;}

.li_button, .step1a .li_button {border:0; text-align:center}

label {cursor:pointer;}
.step1a label {float:left;  cursor:pointer}
.select label {float:left;  cursor:pointer; width:88%;}
.select  input {float:left; margin:5px 10px 5px 20px; width:20px; height:20px; min-height: 20px;}
input {border: 2px solid #bebec2;
    color: #41414a;
    text-indent: 16px;
    font-family: "FortumSansRegular";
 
}
input, textarea {
    width: 100%;
    min-height: 64px;
  font-size: 18px;}

textarea{border: 2px solid #bebec2; 
 
}

input[type="checkbox"]{max-width:20px; min-height: 20px;}
input[type="radio"]{max-width:20px; min-height: 20px;}

#rejestracja-6 input {width:98%;}

label {cursor:pointer;}

.info {background:#f1ffec; color:#274d59; padding:10px 20px; border:3px dashed #c3ecb4; margin:20px 0 20px 0;}
.info_gray {background:#f8fbfc; color:#274d59; overflow:hidden; padding:10px 20px; border:3px dashed #aec0e2; margin:20px 0 20px 0; clear:both}

.info_red {background:#ffe7e8; color:#274d59; overflow:hidden; padding:10px 20px; border:3px dashed #f08c90; margin:20px 0 20px 0; clear:both}

.komunikat_info {background:#fff2f2; color:#d60000; font-weight:bold; padding:10px 20px; border:3px dashed #e69393; margin:20px 0 20px 0;}

ul {padding:0; margin:10px 0 0 0;} 
li {margin:0 0 6px 20px;}

form li {list-style:none; padding:0; margin:0 0 10px 0;}
form li label {width:160px; display:block; float:left; margin-top:4px;}

.button { 
min-height: 56px; color: #fff !important; width:100%; max-width:320px;
    font-size: 18px;
    line-height: 56px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: none;
    transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
}

.button:hover {background: #377A6C;}


.auth-method--login {
    max-width: 400px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  padding: 0 14px;}



.button_left {float:left;}

.button_s {color:#666; cursor:pointer; background:#fff; border:1px solid #fff; font-size:14px; margin-top:30px;}
.button_s:hover {color:#333; background:#fff; border:1px solid #e6e6e6;}

.button_red {
background: #5ac37d; 

}

 

.button_red.button_disabled {background:#ddd; color:#fff; cursor:auto;}
.button_red.button_disabled:hover {background:#ddd; color:#fff; cursor:auto; text-decoration:none;}

.button_gray {
color:#4289d7;
border:2px solid #e9e9e9;
font-size:15px;

background: #ffffff;

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);

background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);

background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );





}



.button_anuluj {color:#cc0000 !important;}
.button_anuluj:hover {border:1px solid #cc0000; color:#cc0000;}
 
.kol2 {width:48%; float:left;}
.kol1 {float:left; clear:both; width:100%;}

.komunikat {color:#CC0000; font-size:15px; font-weight:bold;} 
.zgoda {width:100%; clear:both; float:left; margin:0 0 10px 0;}
.zgoda  input {float:left;}
.zgoda label {width:85%; float:left}

.pesel {border:3px solid #ccc; font-size:22px;}
.green {color:#70BF41; padding:5px 10px; background:#f3f9ec;  margin-top:2px;}
.green2 {color:#70BF41; padding:5px 10px; }
.red {color:#ff0000; padding:5px 10px; background:#efefef;   margin-top:2px;}
.red2 {color:#ff0000; padding:5px 10px; }

.nazwa {font-size:24px; display:block; text-align:left;}

.tabela  {border:1px solid #ccc;}
.tabela th {border:1px solid #ccc; text-align:center;}
.tabela td {border:1px solid #ccc;}
.tabela .gimnastyka {background:#f9e8c2;}
.tabela .basen {background:#aaeffc; border-left:4px solid #274d59;}
.tabela .basen.none {background:none;}
.tabela .lmiejsc {background:#E0E0E0;}
.tabela tr:hover {background:#e7fee7;}

span.error {display:inline-block; text-indent:-9876px; width:25px; height:25px; background:url(../img/error_img.png) 0 0 no-repeat; margin-left:5px; border:0;}
.error {border:1px solid #cc0000;}
.pesel.error {border:3px solid #cc0000;}
label.error {display:none; }
#pesel-error {position:absolute;  background:#ffe8e9; color:#cc0000; font-weight:bold; padding:12px 15px 11px 15px; width:250px;}



@media only screen and (max-width: 480px) {
	
.user_panel a {float:left; clear:both; margin-right:10px;}
.select  input {float:left; margin:5px 0 5px 20px;}
.kol2 {width:auto}
	.select label {width:80%;}
	.step1a .nazwa {margin:0;}
	.step1a li input {margin-left:10px;}
}


table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }


.regulamin1_okno {position:fixed; margin-left: auto; top:20%;
margin-right: auto;left: 0;right: 0; width:780px; height:559px;  border:3px solid #e9e9e9; background:#f2f2f2;font-size:11px; 
-webkit-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
}

.regulamin2_okno, .regulamin3_okno {position:fixed; margin-left: auto; top:20%;
margin-right: auto;left: 0;right: 0; width:780px; height:417px;  border:3px solid #e9e9e9; background:#f2f2f2;font-size:11px; }
.okno_cn {overflow-x:auto; margin-top:5px; width:740px; height:394px; background:#fff;padding:20px;
-webkit-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
box-shadow: 0px 0px 153px -32px rgba(0,0,0,0.75);
}
.regulamin2_okno .okno_cn, .regulamin3_okno .okno_cn {height:254px;}
/* Mobile */
@media only screen and (max-width: 767px) {
	
	
	h3 {font-size:20px;}
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 15%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 15%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	.regulamin1_okno {width:310px; top:5%;}

.regulamin2_okno, .regulamin3_okno {width:310px; top:5%}

.okno_cn {width:270px; height:270px;}
	.user-links a {font-size:12px;}
	.user-nav {margin-top:0; position: absolute; top: 0; right:0;}
	.logo {top:30px;}
	.administrator_panel {width:auto !important;}
	.top_main {width:100%; height:260px !important; background-image:url(../img/top.jpg)  !important; background-size:cover; background-position:right  !important;}
	
}

.administrator_panel {color:#ed1c24;  padding:2px; margin:0 auto;  top:75px; width:500px; right:0;}
.administrator_panel  p {padding:0; margin:0 0 0 0;}
.administrator_panel  a {display:inline-block; padding:2px 10px 0 10px; background:#fff; color:#ed1c24; margin-left:20px; 
 font-size:11px; text-transform:uppercase; font-weight:bold;

}

.comment {border-top:1px dotted #aec0e2; padding:10px 0 10px 0; margin:10px 10px 0 0; clear:both;}
.comment h3 {}

.sep { padding:10px 5px; margin-bottom:5px; overflow:hidden; background:#ececec;}



.top_main {width:100%; height:400px; background-image:url(../img/top.jpg); background-size:cover; background-position:center;}
.sep_left {width:400px; float:left; }
.sep_right {width:390px; float:left;}
.roz_cn {display:none;}
h3.roz {color:#000; font-family:FortumSansRegular; margin:10px; padding:3px 5px; font-size:16px; cursor:pointer; font-weight:bold;}
h3.roz.selected {background:#5ac37d; color:#fff; padding:10px;
}
h3.roz.selected::after { 
    content: "» ";
	float:right;
	font-size:25px;
	margin-top:-5px; font-weight:normal;
}

.modal-footer {background: #fff; overflow: hidden; border-top:1px solid #ddd;}

ol {margin:0; padding:0;}

.okno_cn ol li {list-style:decimal;}
.okno_cn li {list-style:inside;}
.okno_cn li p {margin:3px 0;}




.grid-layout-container {max-width: 1440px; margin: 9 auto;}


@media (min-width: 600px) {
.grid-layout-container {
    padding: 0 80px 40px;
}
}
strong {font-family: "FortumSansBold",Arial,Helvetica,sans-serif;}
.body-wrapper {width:100%; background:#5ac37d; padding: 30px 0;}
.container {margin: 0 120px; text-align: center; color: #fff; }
.container h1 {font-size: 46px; font-family: "FortumSansLight",Arial,Helvetica,sans-serif;
    font-size: -16.125rem;
    line-height: 48px;
    line-height: 3.625rem;
     color:#fff; text-align: center; margin: 10px 0 0 0;}

.container h3 {font-family: "FortumSansLight",Arial,Helvetica,sans-serif; font-size:26px; color:#fff; margin: 10px auto 20px auto;}
.container p {    margin: 16px 0; font-size: 20px;  font-family: "FortumSansLight",Arial,Helvetica,sans-serif;
    font-size: 1.5rem;
    line-height: 38px;
    line-height: 2.375rem;}

@media (max-width: 900px) {
.grid-layout-container {
    padding: 0 10px 40px;
}
  .container {margin:0 50px; }
}

@media (max-width: 440px) {
.grid-layout-container {
    padding: 0 10px 40px;
}
  .user-links {float: left;margin: 2px 2px 0 0}
  .container {margin: 0;}
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }