html {
z-index: 2;
padding:0px;
margin: 0px;
}
#top_all{
width: 100%;
height: 80px;
display: block;
padding-top:10px;
}
#top{
width: 300px;
height: 70px;
background-image: url(../images/top_grey.png);
background-size: 100%;
display:block;
opacity:0;
float: left;
}
#top_prawy{
  float: right;
  display: block;
  width: 500px;
  height:70px;
  color:#BBB;
font-family: "Titillium Web",sans-serif;
font-weight: 400;
text-align: right;
margin-right:10px;
  }
#top_prawy a{
margin-left:20px;
text-decoration: none;
color: #BBB;
}
#top_prawy a:hover{
color: #FFF;
}
li a{
text-decoration: none;
color: #BBB;
}


#calosc{
margin: 30px auto 30px auto;
width: 80%;
min-width:1000px;
height: auto;
display: block;
background-color: rgba(5, 5, 5, 0.8);
box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.8);
opacity: 0;
border-radius: 10px;
z-index:2;
}
#logo{
background-image: url(../images/logom.png);
width:49px;
height: 49px;
position: fixed;
display: none;
z-index:2;
}
#prawa{
position: fixed;
right: 0px;
top: 100px;
width: 350px;
}

#akapit h1{
text-align: center;
color: #EEE;
font-family: "Titillium Web",sans-serif;
font-weight: 200;
letter-spacing: 5px;
margin-top: 50px;
margin-bottom: 50px;
z-index: 2;
}
#akapit h2{
text-align: justify;
color: #DDD;
font-family: "Titillium Web",sans-serif;
font-weight: 200;
letter-spacing: 2px;
}
ul li{
color: #BBB;
font-size: 16px;
vertical-align:middle;
margin-bottom: 10px;
text-align: justify;
margin-top: 20px;
}
ul li:hover{
color: #EEE;

}
.block p{
font-size: 12px;
text-align: justify;
}
.block p a{
text-decoration: underline;
color: #EEE;
margin-left:10px;
}



#akapit{
#float: left;
margin: 20px;
font-family: "Titillium Web",sans-serif;
font-weight: 400;
letter-spacing: 1px;
}
ul{
list-style: none;
list-style-image: url(../images/logom_grey.png);
list-style-position: inside;
display:block;
}
.trigger{
cursor:pointer;
}
.block{
color:#888;
padding: 10px;
background-color: rgba(0 ,0 ,0 ,0.5);

}
.block img{
#background-color: rgba(250,250,250,0.8);
}

#ludzik{
opacity:0;
}