@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&display=swap&subset=latin-ext');

html
{
  height:100%;
  min-height:100%;
}


body
{
margin:0px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
background:white url('../images/tlo2.jpg') no-repeat center center;
background-size:cover;
color:white;
  height:100%;
  min-height:100%;
}



body a, body a:hover, body a:focus
{

text-decoration:none;

}

body input, body select, body textarea
{
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}


.kasuj
{
  clear:both;
}



header
{
  position:absolute;
  top:40px;
  left:0px;
  width:100%;
}

header img
{
  margin-left:40px;
}

.naglowek-calosc-zaw
{
  float:right;
}


.naglowek-calosc-menu
{
  
  padding-right:40px;
  display:inline-block;
  vertical-align:middle;
}

.naglowek-calosc-jezyk
{

  padding-right:40px;
  display:inline-block;
  vertical-align:middle;


}

.naglowek-calosc-menu ul
{
  margin:0px;
  padding:0px;
}

.naglowek-calosc-menu ul li
{
  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
  margin-left:40px;
}

.naglowek-calosc-menu ul li a
{
  
  display:inline-block;
  vertical-align:middle;
  padding:0px;
  background:transparent;
  color:white;
  font-size:16px;
  font-weight:700;
}

.naglowek-calosc-menu ul li a:hover
{
  
  display:inline-block;
  vertical-align:middle;
  padding:0px;
  background:transparent;
  color:blue;
  font-size:16px;
  font-weight:700;
}

.sekcja-film
{
  position:fixed;
  top:50%;
  left:50%;
  width:100%;
  transform: translateY(-50%) translateX(-50%); 
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  padding:0px 70px;
}


.sekcja-film-zaw
{
  margin:0px auto;
  width:100%;
  max-width:750px;
  border:10px solid black;
  background:transparent;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px; 
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow:    0px 0px 14px 0px rgba(0, 0, 0, 0.6);
  box-shadow:         0px 0px 14px 0px rgba(0, 0, 0, 0.6);
  position:relative; 
}

.sekcja-film-licznik
{
  text-align:center;
  color:black;
  font-size:18px;   
}


.sekcja-film-menu-lewo
{
  position:absolute;
  left:-70px;
  top:50%;
  width:30px;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);   
}

.sekcja-film-menu-prawo
{
  position:absolute;
  right:-70px;
  top:50%;
  width:30px;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);   
}

.sekcja-film-menu-lewo ul,
.sekcja-film-menu-prawo ul
{
  margin:0px;
  padding:0px;
  text-align:center;
  width:100%; 
  width:30px;
  display:block;
}

.sekcja-film-menu-lewo ul li,
.sekcja-film-menu-prawo ul li
{
  
  display:block;
  vertical-align:middle;
  margin:0px;
  padding:0px; 
  word-wrap: break-word; 
}

.sekcja-film-menu-lewo ul li a,
.sekcja-film-menu-prawo ul li a
{
  list-style-type:none;
  display:block;
  vertical-align:middle;
  margin:0px;
  background:#acefb4;
  color:white;  
  font-size:22px;
  font-weight:700;
  padding:0px 5px;
  text-align:center;
  text-transform:uppercase;
 
   
}


.sekcja-film-menu-lewo ul li a:hover, .sekcja-film-menu-lewo ul .active a, 
.sekcja-film-menu-prawo ul li a:hover, .sekcja-film-menu-prawo ul .active a
{
  list-style-type:none;
  display:block;
  vertical-align:middle;
  margin:0px;
  background:green;
  color:white;  
  font-size:22px;
  font-weight:700;
  padding:0px 5px;
  text-align:center;
  text-transform:uppercase;   
}


footer
{
  height:50px;
}


.sekcja-teksty
{
  padding-top:150px;
  width:100%;
  max-width:1200px;
  margin:0px auto; 
}

.sekcja-teksty-zaw
{
  color:black;
  padding:0px 30px;
  text-align:left;
}