#tlo_srodkowego_paska {
  background: url(../images/szkolenia2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



#content_h1 {
  margin: 0px auto;
  background: #F7F7F7;

}

#content_h2 {
  margin: 0px auto;

}


.pole_tekstowe {
  margin: auto;
  overflow: hidden;
  width: 1050px;

}


@media (max-width: 1099px) {
	.pole_tekstowe {
          width: 90%;
          
}
}




.rodzaj {
  font-size: 30px;
  padding-top: 25px;
  font-weightx: bold;
  font-stylex: italic;
  padding-left: 5px;
  colorx: #DBBE00;
  color: #757575;
  colorx: #402B06;
}


.obrazek {
  width: 250px;
  widthxxxxxxxxxxx: 25%;
  float: left;
  heightx: 230px;
}


@media (max-width: 1099px) {
	.obrazek {
          display: none; 
}
}


.obrazek img {
  width: 210px;
  widthxxxxxxxxxxx: 90%;
  margin-top: 10px;
  border-radiusx: 30px;
}

.kurs {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 3px;
  heightx: 300px;
  width: 790px;
  float: left;
  background: white;
  box-shadow: 2px 3px 6px 2px #ABABAB;

}


@media (max-width: 1099px) {
	.kurs {
          width: 95%;      

}
}


.tytul_szkolenia {
  font-size: 24px;
  text-alignx: center;
  padding-top: 10px;
  colorx: #42464A;
  colorx: #402B06;
  color: #31557A;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
}

@media (max-width: 560px) {
	.tytul_szkolenia {
          font-size: 22px;
}
}


@media (min-width: 900px) {
	.tytul_szkolenia {
          font-size: 26px;
}
}



.tytul_szkolenia a {
  colorx: black;
  color: #31557A;
  text-decoration: none;
  font-weight: bold;
}

.tytul_szkolenia a:hover {
  text-decoration: underline;

}


.data_szkolenia {
  font-size: 19px;
  font-weight: bold;
  colorx: #AD0A40;
  colorxx: #700126;
  padding-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 560px) {
	.data_szkolenia {
          font-size: 18px;
}
}


@media (min-width: 900px) {
	.data_szkolenia {
          font-size: 20px;
}
}


span#data {
  color: #7D591E;
}

span#cena {
  color: #4D701C;
}



.prowadzacy {
  font-size: 20px;
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 560px) {
	.prowadzacy {
          font-size: 19px;
}
}


@media (min-width: 900px) {
	.prowadzacy {
          font-size: 21px;
}
}


#brak_miejsc img {
  float: right; 
  width: 170px;
  margin-right: 50px;
  margin-top: -160px;
}

@media (max-width: 840px) {
	#brak_miejsc img {     
          margin-right: 50px;

}
}

@media (max-width: 700px) {
	#brak_miejsc img {     
          width: 130px;
}
}

@media (max-width: 600px) {
	#brak_miejsc img {     
          float: none;
          margin-top: 0px;
          margin-left: 30px;
          padding-bottom: 10px;
}
}




.cena_czas {
  font-size: 19px;
  padding-top: 5px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 560px) {
	.cena_czas {
          font-size: 18px;
}
}


@media (min-width: 900px) {
	.cena_czas {
          font-size: 20px;
}
}


.program {
  font-size: 18px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  float: left;
  margin-right: 30px;

}


@media (max-width: 600px) {
	.program {
          float: none;
          padding-bottom: 0px;
          font-size: 17px;
}
}



.program a {
  color: white;
  text-decoration: none;
  background: #5B8BBA;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  outline: 1px solid #5B8BBA;
  outline-offset: 1px;
}

.program a:hover {
  background: #426E99;
}


.program_zrealizowane {
  font-size: 18px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  float: left;
  margin-right: 30px;

}


@media (max-width: 600px) {
	.program_zrealizowane {
          float: none;
          font-size: 17px;
}
}



.program_zrealizowane a {
  color: white;
  text-decoration: none;
  background: #5B8BBA;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  outline: 1px solid #5B8BBA;
  outline-offset: 1px;
}

.program_zrealizowane a:hover {
  background: #426E99;
}



.formularz {
  font-size: 18px;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

@media (max-width: 600px) {
	.formularz{
          float: none;
          padding-bottom: 0px;
          font-size: 17px;
}
}


.formularz a {
  color: white;
  text-decoration: none;
  background: #10D1C4;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  outline: 1px solid #5B8BBA;
  outline-offset: 1px;
}

.formularz a:hover {
  background: #0DB3A8;
  color: white;
}



#stat4u {
  float: left;
  margin-top: 10px;
  display: none;

}