html, body
{
  background-color: #FFF;
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue",Arial,sans-serif;
  color: #242829;  
  line-height: 25px;
}
a
{
  color: #800000;
  text-decoration: none;
}
a:hover
{
  color: #800000;
  text-decoration: underline;
}
.container
{
  width: 1200px;
  margin: 0 auto;
}
.slider
{
  margin: 0 auto;
  max-width: 100%;
}
.slide_viewer
{
  height: 94%;
  overflow: hidden;
  position: relative;
}
.slide_group
{
  height: 100%;
  position: relative;
  width: 100%;
}
.slide
{
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}
.slide:first-child
{
  display: block;
}
.slide_buttons
{
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
a.slide_btn
{
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.slide_btn.active, .slide_btn:hover
{
  color: #428CC6;
  cursor: pointer;
}
.directional_nav
{
  /* zniza strzalki przod, tyl
  height: 50%; */
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  top: -50%;
}

.previous_btn {
bottom: 0;
left: 50px;
margin: auto;
position: absolute;
top: 0;
}

.next_btn {
bottom: 0;
margin: auto;
position: absolute;
right: 50px;
top: 0;
}

.previous_btn, .next_btn {
cursor: pointer;
height: 45px;
opacity: 0.5;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
width: 45px;
}

.previous_btn:hover, .next_btn:hover {
opacity: 1;
}

@media only screen and (max-width: 767px) {
.previous_btn {
  left: 50px;
}
.next_btn {
  right: 50px;
}
}


.logo
{
  position: absolute;
  z-index: 9998;
  top: 160px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo1pl
{
  position: absolute;
  z-index: 9998;
  top: 160px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo2pl
{
  position: absolute;
  z-index: 9998;
  top: 110px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo3pl
{
  position: absolute;
  z-index: 9998;
  top: 110px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo1en
{
  position: absolute;
  z-index: 9998;
  top: 160px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo2en
{
  position: absolute;
  z-index: 9998;
  top: 110px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo3en
{
  position: absolute;
  z-index: 9998;
  top: 110px;
  left: 105px;
  font-size: 48px;;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo_dwapl
{
  position: absolute;
  z-index: 9998;
  top: 215px;
  left: 136px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.logo_dwaen
{
  position: absolute;
  z-index: 9998;
  top: 215px;
  left: 186px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.pasek
{
  height: 100px;
  width: 90%;
  margin: 0 auto;
}

/* przewijanie do gory strony */

.scrollTopButton {
width: 48px;
height: 48px;
position: fixed;
visibility: hidden;
overflow: hidden;
z-index: 9999;
background-image: url('https://www.spinaczbielsko.pl/spinaczbielsko.pl/images/icons/strzalka_do_gory_48.png');
right: 29px;
bottom: 29px;
transition: all 0.5s ease-in-out;
}

.scrollTopButton.show {
visibility: visible;
cursor: pointer;
transition: all 5s ease-in-out;
}

/* END :: przewijanie do gory strony */
footer
{
width: 100%;
margin-top: 100px;
background-color: var(--kolor-tla-footer);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
text-align: center;
}
footer > a
{
color: #800000;
text-decoration: none;
line-height: 25px;
}

footer> a:hover
{
color: #800000;
font-weight: bold;
text-decoration: none;
}

input
{
border: 0.5px solid silver;
padding: 5px 10px;
margin-bottom: 10px;
}

input[type=submit]
{
background: #5d5d5d;
color: #FFF;
font-weight: bold;
padding: 10px 10px;
}

input[type=submit]:hover
{
background: #000;
color: #FFF;
font-weight: bold;
padding: 10px 10px;
cursor: pointer;
}
.czysc
{
  clear: both;
}
.gdzie_jestes
{
  color: #CCCCCC;
}
.gdzie_jestes > a
{
text-decoration: none;
color: #999999;
font-weight: bold;
}

.gdzie_jestes > a:hover
{
text-decoration: underline;
color: red;
}

.szczegoly_right > select
{
padding: 10px;
border: 0.5px solid silver;
width: 150px;
}

.szczegoly_right > input
{
padding: 10px;
border: 0.5px solid silver;
width: 150px;
}


/* POLE CHECKBOX The container */
.container {
display: block;
position: relative;
padding-left: 35px;
/* cursor: pointer; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */


/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #FFF;
border: 0.5px solid silver;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #FFF;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* END: POLE CHECKBOX The container */

.ejma:focus
{
transform: scale(1.1);
}