body
{
margin: 0;
padding: 0;
background-color: C0C0C0;
}
#container
{
width: 750px;
margin-left: auto;
margin-right: auto; 
border:1px solid black;
background: #C0C0C0;
} 
#header
{
height: 100px;
background: #C0C0C0;
text-align: center;
border: 1px solid black
}
#Main
{
text-align: center;
border-bottom: 1px solid black;
border-left: 1px solid black;
width: 50%;
float: right;
background: #DBFFE4;
}
#left
{
text-align: center;
border-bottom: 1px solid black;
border-left: 1px solid black;
width: 50%;
float: right;
background: #DBFFE4;
}
#right
{
width: 100%;
float: center;
background: #DBFFE4;
}
#footer
{
clear: both;
background: #C0C0C0;
border-top: 1px solid black;
}
#tytul
{
float: center;
padding: 10px;
text-align: center;
font-size: 20px;
}
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: center;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}
.przycisk {
background-color: #000000;
border: 1px solid black;
color:white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
opacity: 0.6;
font-size: 16px;
}
#ludzie
{
background-color: #DBFFE4;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#logo
{
float:left;
padding: 10px;
width: 100px;
text-align: center;
}
#logo1
{
float:right;
padding: 10px;
width: 100px;
text-align: center;
}