@charset "utf-8";

/* CSS Document for Joomla 3 styles */



/* ===========================

	FONT STYLES

	========================== */

html, body  {
	padding:0;
	color:#252d30;
	font-size:17px;
	line-height:23px;
	font-family: 'Karma', serif;
	margin-top:25px;
}

#sciezka{
		  display:none;
		}

body img{
	border:none;
	border-radius: 3px;
}


body a{
 color:#252d30;
}

body a:hover{
 color:#b2d235;
 text-decoration:none;
}


h1{
	font-size: 35px;
    margin-bottom:20px;
	font-family: 'Open Sans Condensed', sans-serif!important;
}


h2{
	font-family: 'Open Sans Condensed', sans-serif!important;
	margin-bottom:20px;
	text-align: left;
}


h3{
	font-family: 'Karma', sans-serif;
	font-weight: 700;
	font-size:20px;
}

hr {
height: 1px;
color: #ccc;
background-color: #ccc;
border: none;
}



.bold{
	font-family: 'Karma', sans-serif;
	font-weight: 700;
	font-size:20px;
}

.font13{
  font-size:13px;
}

.anchor{
	padding-top:50px;
}

.navbar-brand{
	font-size:33px;
	margin-top:-15px;
}

.navbar-brand img{
	margin-top:10px;
}


.navbar-inverse {
	background-color:#252d30;
}


.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color:#b2d234;
  text-decoration: none;
}


.navbar .nav > li > a {
  float: none;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
}

.nav-tabs > li > a {
  background-color: #b2d235;
	color:#fff;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover{
	background-color:#6d6d6d;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
		background-color:#252d30;
}

.newuser{
  display:block;
  margin-top:20px;
}

.newuser img{
	width: 165px!important;
	height: 165px!important;
	margin-bottom: 10px!important;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .3);
}

.giz_online{
  position: absolute; 
  top:0px; 
  right:0px;
}

.portret img{
	width:100px;
	height:100px;
	margin-right: 10px;
}

.ekspert{
	width:33.333%;
	float: left;
	height:90px;
	padding:20px 20px 20px 0px;
	font-size:14px;
	line-height: 17px;
	border-bottom:1px solid #ccc;
}

.ekspert img{
	width:50px;
	height:50px;
	margin-right:10px;
}

#sciezka{
	background-color: #b3b3b3;
	height: 25px;
    font-size:13px;
    line-height:30px;
}


#footer{
	width:100%;
	min-height:70px;
	background-color: #9a9a9a;
	color:#fff;
	margin-top: 20px;
}

.stopka {
	line-height: 60px;
}

.stopka ul{
	padding:0;
}

.social{
	
}


.stopka li {
    list-style-type: none;
}

.stopka img{
	margin-left:20px;
	margin-top:-10px;
}


/*NAGŁÓWKI ARTYKUŁÓW*/


.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  text-align: center;
  background-color:#252d30;

}


.main_foto_header, .foto_header{
		height: 550px;
		border-bottom:	10px solid #b2d135;
	}
	
.trener_foto_header, .zespol_foto_header{
		height: 267px;
		border-bottom:	10px solid #b2d135;
	}


.big_header{
	position: absolute;
	top:0px;
    left:0px;
    width:100%;
    color:#fff;
}

.logo{}

.logo img{
	margin-top:20px;
}

.logo_tekst{
	font-size: 11px;
	position: absolute;
	left:130px;
	top:140px;
}

.header_main_tekst{
  padding:20px 40px 0px 85px;
}	

.header_podstrona_tekst{
  padding:20px 40px 0px 45px;
}

.header_tekst{
  padding:20px 40px 0px 10px;
}

.buttons_container{
		margin-top: 30px;
	
	}

	
.stopka li{
	float:left;
	margin-right:20px;
}

.social{
		float:right;
	}
	
.main_buttons_container > div{
	width:100%;
	height:60px;
	text-align: center;
	padding: 20px 0px 10px 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);
	margin-bottom: 20px;
	font-size:22px;
}
	

.buttons_container > a > div{
	width:100%;
	height:60px;
	text-align: center;
	padding: 20px 0px 10px 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);
	margin-bottom: 20px;
	font-size:22px;


}

.buttons_container > div{
	width:100%;
	height:60px;
	text-align: center;
	padding: 20px 0px 10px 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);
	margin-bottom: 20px;
	font-size:22px;


}

.buttons_gray{
	background-color: #262d31;
}

.art_header{
position: relative;
}

.art_header img{
	border-radius: 3px;
}

.art_header_tytul{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 35px;
	line-height: 40px;
	color:#fff;
	padding:10px;
  	text-shadow: 0px 0px 6px #000;
	/*margin-top: 20px;*/
}

.art_header_data{
	font-size:20px;
	line-height: 20px;
	color:#fff;
	padding:10px;
  	text-shadow: 0px 0px 6px #000;
}

.art_header_trenerzy{
	font-size:18px;
	line-height: 18px;
	color:#fff;
	padding:10px;
  	text-shadow: 0px 0px 6px #000;
}


/*NAGŁÓWKI ARTYKUŁÓW KONIEC*/


.chronobutton{
	width:360px;
	height:60px;
	text-align: center;
	padding: 20px 0px 10px 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);
	margin-bottom: 20px;
	font-size:22px;
	background-color: #262d31;
}

.pasek{
	height:10px;
	background-color:#b2d135;
}

.kafelki{
margin-top:20px;
}

.kafelek{
	position:relative;
	width:360px;
	float:left;
	margin-left: 10px;
	margin-right: 10px;
	height: 250px;
	border-radius: 3px;
}

.kafelek_tlo{
	/*position:absolute;*/
	width:360px;
	height:165px;
	background-color:#D7D7D7 ;
	border-radius: 3px;
}

.kafelek_ilustracja_lewa{
	position:absolute;
	width:165px;
	height:165px;
	left:0px;
	top:0px;
}

.kafelek_ilustracja_prawa{
	position:absolute;
	width:165px;
	height:165px;
	right:0px;
	top:0px;
}	
	
.kafelek_tekst{
	position:absolute;
	width:360px;
	left:0px;
	top:170px;
}

.kafelek_tytul{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:19px;
  padding-top:2px;
  max-height:48px;
  overflow:hidden;
}

.kafelek_podtytul{
  font-size:14px;
  line-height:16px;
  padding-top:6px;
  max-height:37px;
  overflow:hidden;
  
}

.kafelek_tytul_etykieta{
	background-color: #262d31;
	color:#fff;
	padding:0 5px 0 5px;
	margin-right: 5px;
}





.art_kafel, .trener_kafel{
	position: relative;

}

.art_kafel{
    
    margin-bottom:20px;

}

.trener_kafel{
  /*float:left;*/
 /* margin-right:10px;*/
  margin-bottom:10px;
	width: 100%;
	overflow: hidden;
	height:165px;
	border-radius: 3px;
}

.trener_kafel_tekst{
	position: absolute;
	top:40%;
	left:150px;
	color:#fff;
	font-size:20px;
	text-shadow: 0px 0px 6px #000;
}

.art_kafel_ilustracja, .trener_kafel_ilustracja{
	position: absolute;
	top:0px;
	left:0px;
}


.art_kafel_tekst{
	position: absolute;
	top:25%;
	left:0px;
	color:#fff;
	font-size:20px;
	text-shadow: 0px 0px 6px #000;
	width:360px;
	padding:0px 10px 0px 10px;
}





.trener_kafel_tekst > span{
	font-weight: 700;
}

.art_kafel img{
	border-radius: 3px;
}

.trener_kafel img{
	border-radius: 3px;
}

.art_button{
	position: relative;
	margin-bottom: 20px;
}

.art_button_ilustracja{
	position: absolute;
	top:0px;
	left:0px;
}

.art_button_tekst{
	position: absolute;
	width: 100%;
	text-align: center;
	top:30%;
	color:#fff;
	font-size:22px;
	line-height: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-shadow: 0px 0px 6px #000;
}

.art_button_tekst > span{
	font-weight: 700;
}

.art_button img{
	border-radius: 3px;
}

.art_lead{
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:20px;
    line-height:25px;
}

.art_header_data a{
  color:#fff;
}



.art_tresc{

}

.art_kolumna{
	background-color: #f3f3f3;
	padding-top: 20px;
	padding-bottom: 20px;

}


.art_kolumna_buttons{
	font-size: 14px;
	
}

.art_kolumna_buttons div{
border-radius: 3px;
text-align: center;
}

.art_kolumna_buttons {
    width:100%;
    text-align:center;
}

.art_kolumna_buttons > div {
    text-align:center;
	font-size: 22px;
    border-radius:3px;
	margin-bottom:10px
}

.flex{
  width:100%;
  display: flex;
  justify-content: space-between;
}

.art_intro{



  margin-top:50px;
}

.ceny{
	line-height: 33px;
}

.yellow{
 background-color: #f9e500;
}

.yellow a{
color: #252d30;
}

.yellow a:hover{
color: #252d30;
}


.gray2{
	background-color: #d9d9d9;
}

.black {
	background-color: #252d30;
	color:#fff;
}

.bggold{
	background-image: linear-gradient(45deg, #c79c3a, #f5e591, #f5e591, #c79c3a);
	color: rgb(0,0,0)!important;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
}

.bggold a{
	color: rgb(0,0,0)!important;
}

.bggold a:hover{
	color:#fff;
}

.green{
	background-color: #b2d235;
	color:#fff;
}

.green a{
 color:#fff;
 text-decoration:none;
}

.green a:hover{
 color:#fff;
 text-decoration:none;
}

.black a{
 color:#fff;
 text-decoration:none;
}

.black a:hover{
 color:#b2d235;
 text-decoration:none;
}

.w30p{
   width: 30%;  
}

.w50p{
   width: 50%;  
}

.w66p{
   width: 66%;  
}

.w100p{
     width: 100%;  
	 padding: 20px;

}

.h30{
	height:30px;
	line-height:30px;
}

.f12{
	font-size: 12px;
}

.f22{
	font-size: 22px;
}

.powrot{
	float:right;
	font-family: 'Karma', sans-serif;
	font-weight: 700;
	font-size:18px;
	color:#252d30;
}

.wiecej{
	font-family: 'Karma', sans-serif;
	font-weight: 700;
	font-size:20px;
	color:#252d30;
}

.powrot_mini{
	float:right;
	font-family: 'Karma', sans-serif;
	font-size:13px;
	color:#252d30;
}

.wiecej img{
margin-left: 10px;
}


.cat-children{
  display:none;
}

#menu_mobile{
  font-weight: 700;
}



.rekomendacje{
  font-style:italic;
  padding: 10px;
}

.rekomendujacy{
    margin-left:100px;
}

.control-label{
  font-size:12px;
}

/*zmienić po wykupieniu!!!*/
.chrono_credits{
  display:none;
}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.search{
	color:#252d30;
	margin: 10px 10px 0 0;
}

#mod-search-searchword131{
	background-color: #fff;
	border-radius:3px;
	border: none;
	padding:3px;
	text-align: center;
}

::-webkit-input-placeholder { color:#252d30!important; }    
::-moz-placeholder { color:#252d30!important; }    
:-ms-input-placeholder { color:#252d30!important; }    
input:-moz-placeholder { color:#252d30!important; }

.carousel-control.left, .carousel-control.right {
    display:none;

}

.carousel-indicators{
	position: absolute;
	top:-10px;
}

.mybadge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
 
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #b2d235;
  border-radius: 100%;
}

.czlonek_zespolu{
	
}

.czlonek_zespolu img{
	width: 130px;
	height: 130px;
	border-radius: 3px;
	float: left;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .3);
	margin-right: 10px;
}

.czlonek_zespolu p{
	margin-top: 10px;
}

.nazwisko{
	font-weight: 700;
}

.nazwisko a{
 color:#252d30!important;
}

.nazwisko a:hover{
 color:#b2d235!important;
 text-decoration:none!important;
}

#jevents_header{
	margin-top: 50px;
}

#easyprofile{
	margin-top: 50px;
}


.cal_div_weeklink a {
  display:none;
}

.btn-primary {
    color: #fff;
    background-color: #b2d235;
    border-color: #b2d235;
}

.btn-primary:hover {
  color: #fff;
  background-color: #252d30;
  border-color: #252d30;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #252d30;
  border-color: #252d30;
}

/*JSN USERS*/ 
.jsn-l-w12, .jsn-l-w6, .jsn-l-w4, .jsn-l-w3, .jsn-l-w2, .jsn-l-w1{border-bottom:1px #ccc solid;}

.kontakt{
	background-color: #b2d235;
	border-radius: 3px;
	color:#fff;
	height:100px;
	padding:10px 10px 10px 10px;
	text-align: center;
}

.kontakt img{
	margin-left: 5px;
	margin-right: 5px;
}

.kontakt a{
	color:#fff;
}

.kontakt a:hover{
	color:#fff;
}

.kontakt a:focus{
	color:#fff;
}

.moduletable_logowanie{
	text-align: center;
}

.unstyled{
	list-style-type: none!important;
  padding-left:0px;
}

#form-login-username{
  margin-top:30px;

  
}

#form-login-password{
  margin-top:10px;
}

#form-login-submit{
  margin-bottom:20px;
  margin-top:20px;
}

.login-button{
  width:150px;
  height:50px;
  font-size:22px;
  line-height:30px;
}

/*formularz*/

.gbs3 .gcore-form-row > .gcore-label-checkbox.gcore-label-left{
	min-width:250px;
    max-width:250px;


}

.gbs3 .gcore-label-left{
      font-size:15px;
      font-weight:400;
}


.jsn-l-title h3{font-size:14px;font-weight:700;}



.szkolenie_online{
   position: absolute; 
   top: 250px;
}


@media screen and (max-width: 768px) {
	
	
	.container{
		padding-left: 1px!important;
		padding-right: 1px!important;
	}
  
	.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
	
  .szkolenie_online{
   position: absolute; 
   top: 150px;
}
	
	.stationary{
		display: none;
	}
	
	#li_logowanie{
	margin-left:18px;
    }
	
	#dlugi {
       display:none;
    }
	
	#menu_screen{
		display:none;
	}
	
	.art_header{
		background-color: #b2d235;
	}
	
	.art_header img{
		display:none;
	}

	/*.art_header_tytul{
	position: relative; 
	top: 0px; 
	left: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px;
	line-height: 40px;
	padding:10px;
	text-shadow: none;
	}*/

	.art_header_data{
	position: relative; 
	bottom: 0px; 
	left: 0px;
	font-size:18px;
	line-height: 18px;
	color:#fff;
	padding:10px;
  	text-shadow: none;
	}

	.art_header_ilustracja{
	position: absolute;
	top:0px;
	right:0px;
	}	
	
	.ekspert{
	width:100%;
	float: none;
	}
	
	.floating-kafelek{

  margin-right:-25px;

}

		
}

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

	.stopka{
	line-height: 70px;
	}
	
	#krotki {
       display:none;
    }
	
	#menu_mobile{
		display:none;
	}
	
	.mobile{
		display:none;
	}
	
	.zapiszsie img{
		margin-left: 20px; 
		float: right;
	}
}

@media screen and (min-width: 1200px) {
	/*.art_kolumna{
		margin-top: -20px;

	}*/
	
	.main_buttons_container{
		margin-top: 195px;
	}
	
	.main_foto_header{
		height:435px;
	}

	.foto_header{
		height:310px;
	}
	
	.foto_header img{
		margin-top:-200px;
	}


	
	.zespol_foto_header img{
		margin-top:-200px;
	}
	
	.trener_foto_header, .zespol_foto_header{
		height:175px;
	}
	
	
	
	.art{
		display: flex;
	}
	
	.czlonek_zespolu{
		margin-bottom: 20px;
	}
	
	.wiecej{
			text-align: right;
	}
  
  .kim{
    margin-top: -80px;
  }
}

.nl-osoba{
	
}

.nl-osoba img{
	width: 165px!important;
	height: 165px!important;
	margin-bottom: 10px!important;
}

.floating-kafelek{
  display:block; 
  float:right; 
  margin-left:20px;
  text-align:left;
}


/* CSS Document */