html, body {
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #eeeeee;
  1border: 1px solid gray;
  color: #000;
  padding: 0px;
  text-align: center;
  font-family: Arial, Tahoma, Arial;
  font-size: 14pt;
}

html {
  margin-bottom: 25px;
  overflow-y: scroll;
}

		    
#container {
  width: 100%;
  box-sizing: border-box;
  background-color: #eee;
  border: 1px solid silver;
  margin: 0px;
  padding-top: 0px;
  float: left;
}

#header {
  overflow: auto;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: left;
  float: left;
}

#header h1 {
  color: #222;
  text-shadow: silver 3px 3px 3px;
  margin: 0px;
  font-size: 36px;
  padding: 12px;
  font-weight: normal;
}

#menu {
  overflow: auto;
  height: auto;
  background-color: teal;
  width: 100%;
  padding-bottom: 0px;
  height: auto;
  font-size: 24px;
  color: #FFF;
  float: left;
}

#menu a {
  letter-spacing: -1px;
  text-decoration: none;
  font-family: Arial;
  font-size: 26px;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}

	    
#menu a:hover {
  text-decoration: underline;
}

#menu-dol {
  margin-top: 20px;
  height: auto;
  background-color: teal;
  width: 100%;
  padding-bottom: 10px;
  height: 24px;
  font-size: 18pt;
  color: #FFF;
  float: left;
}

#menu-dol a {
  text-decoration: none;
  font-family: Arial;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}

#menu-dol a:hover {
  text-decoration: underline;
}


#content {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  margin: 0px;
  padding: 15px;
  min-height: 300px;
  text-align: left;
  float: left;
  1overflow: hidden;
  overflow-x: auto;
}

p {
  margin: 2px;
  margin-top: 5px;
  padding: 0px;
  line-height: 25px;
  color: #222;
  text-align: justify;
  1border: 1px solid red; 
  font-size: 14pt;
}


.clear {
  height: 30px;
  width: 100%;
}


ul {
  margin: 0px;
  1padding: 5px 10px 10px 5px;
  list-style: inside;
}

ul li {
  font-size: 14pt;
  padding: 4px;
  padding-left: 0px;
}

li {
  1margin-left: 120px;
}

#footer {
  width: 100%;
  margin-top: 0px;
  border-top: 2px solid #ddd;
  padding-top: 3px;
  font-size:12pt;
  text-align: left;
  float: left;
}



div.tytul_zadania {
  width: 100%;
  box-sizing: border-box;
  font-family: Arial; 
  font-size: 16pt; 
  color: teal;;
  font-weight: normal; 
  1background-color: #228e22;
  text-align: center; 
  padding-top: 4pt; 
  padding-bottom: 4pt; 
  margin: 0px; 
  border: 1px solid #afcfcf;
}

div.belka {
  width: 100%;
  box-sizing: border-box;
  font-family: Arial; 
  font-size: 16pt; 
  color: black;
  font-weight: bold; 
  background-color: #ededed;
  text-align: left; 
  padding: 5pt; 
  margin: 0px; 
  margin-top: 5px; 
  border: 1px solid #aaa;
  color: #000;
}

tt {
  font-family: verdana, courier, arial;
  1font-weight: bold;
  color: purple;
  font-size: 14pt;
}

pre {
  background-color: #f9f9f9;
  margin: 0px;
  padding: 0px;
  font-family: courier new, courier, arial, tahoma, arial;
  border: 1px solid silver;
}

table {
  margin: 0 auto;
  margin-top: 0px;
  padding: 0;
  border-collapse: collapse;
}

input {
  margin: 0px;
  font-family: arial;
  font-size: 12pt;
}

#footer a {
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  color: teal;
}

#footer a:visited {
  color: teal;
}

h2 {
  text-align: center;
  font-size: 16pt;
  color: purple;
  font-family: tahoma, arial;
  font-weight: normal;
  padding: 0px 0px 10px 0px;
}

h3 {
  font-size: 18pt;
  letter-spacing: 2px;
  color: teal;
  font-family: tahoma, arial;
  font-weight: normal;
  padding: 5px 10px 0px 10px;
}

h4 {
  font-size: 16pt;
  letter-spacing: 1px;
  color: teal;
  font-family: tahoma, arial;
  font-weight: normal;
}

img {
  text-align: center;
  vertical-align: middle;
}