ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#caly_blok {
  font-size:24px;
  min-width:480px;
  max-width:2600px;
  border-left:1px solid green;
  border-right:1px solid green;
}

#naglowek {
  align-self:center;
  background-color: lightblue;
  text-align:center;
  font-size:1.6em;
  line-height:1.5em;
}

#naglowek_error {
    background-color: red;
    text-align:center;
    font-size:1.6em;
    line-height:1.5em;
  }

  #input[type=number] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}
  
#input[type=number]:focus {
    border: 3px solid #555;
}

#lewy {
  float:left;
  width:25%;
  font-size:1em;
  line-height:1.5em;
}

#lewy p {
  border:1px solid gold;
  border-left:none;
  margin:15px 0;
  padding:15px;
}

#srodek {
  float:center;
  width:80%;
  text-align:center;
  font-size:1.2em;
  line-height:1.5em;
}

#srodek_err {
  float:center;
  background-color: red;
  width:80%;
  text-align:center;
  font-size:1.2em;
  line-height:1.5em;
}

#srodek_ok {
  float:center;
  background-color: lightgreen;
  width:80%;
  text-align:center;
  font-size:1.2em;
  line-height:1.5em;
}

#srodek p {
  margin:15px 0;
  padding:15px;
}

#prawy {
  float:left;
  width:25%;
  font-size:1em;
  line-height:1.5em;
}

#prawy p {
  border:1px solid gold;
  border-right:none;
  margin:15px 0;
  padding:15px;
}

#stopka {
  clear:both;
  background-color:gold;
  text-align:center;
  font-size:0.8em;
  line-height:1.5em;
}