body {
    width: 97%;
    background: url("images/header2.jpg") center;

}
button#button {
    border-radius: 9px;
    position: relative;
    background-color: #039BD3;
    border: none;
    font-size: 15px;
    color: #FFFFFF;
    padding: 5px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}
button#button:hover {
    border-radius: 9px;
    position: relative;
    background-color: #03b3f3;
    border: none;
    color: #FFFFFF;
    width: 220px;
    transition-duration: 0.4s;
}
div#txt {
    margin: 1px;
    text-align: center;
    color: #039BD3;
    position: static;
    font-family: "Arial", sans-serif;
    font-size: 39px;
}
div#panel {
    width: 80%;
    height: auto;
    background-color: rgba(255,255,255,1);
    border: 2px solid #ffffff;
    border-radius: 20px;
    position: static;
    padding: 1px;
    alignment: center;
    margin: auto;
}

div#p2 {
    width: 100%;
    background-color: #039BD3;
}
div#p3 {
    position: absolute;
    background-color: aquamarine;
    width: 50%;
    text-align: center;
}
div#p4 {
    width: 100%;
    border-radius: 6px 6px 0 0;
    background-color: #ffffff;
    border: 4px #039BD3;
}
div#p5 {


}
table {

    border-bottom: 2px solid #039BD3;
    border-radius: 6px 6px 0 0;
    border-collapse: collapse;
    width: 100%;
    transition-duration: 0.2s;
}

td {

    padding: 2px;
    text-align: left;

    border-bottom: 2px solid #039BD3;

    transition-duration: 0.2s;
}
th {
    padding: 2px;
    text-align: left;
    border-bottom: 3px solid #039BD3;

    transition-duration: 0.2s;
}
tr{  background-color: #ffffff;
}
tr:hover{
    background-color: #d1d1d1;
    transition-duration: 0.2s;
}

tr#bonus{
    background-color: #039BD3;
}
tr#bonus:hover{
    background-color: #03aeee;
    transition-duration: 0.2s;
}


p#a1 {
    color: white;
    position: static;
    font-family: "Arial", sans-serif;
    font-size: 29px;
    alignment: center;
}

p#a11 {
    color: white;
    position: static;
    font-family: "Arial", sans-serif;
    font-size: 19px;
    alignment: center;
    margin: 2px;
}
p#a2 {
    margin: 7px;
    text-align: center;
    color: #232323;
    position: static;
    font-family: "Arial", sans-serif;
    font-size: 16px;
}
p#a3{
    margin: 20px;
    text-align: center;
    color: #8a8a8a;
    position: static;
    font-family: "Arial", Times, sans-serif;
    font-size: 19px;
}
p#a4 {
    margin: 20px;
    text-align: center;
    color: black;
    position: static;
    font-family: "Arial", Times, sans-serif;
    font-size: 19px;
}









#formularz {
    width: 70%; /* ustawiamy szerokość formularza */
    /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
    background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
    border: 5px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
    border-radius:10px; /* zaokrąglamy tło naszego formularza */
    padding:20px; /* dodajemy margines wewnÄ…trz naszego formularza */
    /* dodajemy margines górny naszego formularza */
    margin: 20px auto 0;
    transition-duration: 0.4s;
}
#formularz:hover {
    border: 5px solid #039BD3;
    transition-duration: 0.4s;
    margin: 25px auto 0;
}
#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkÄ™ */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color: #3a3a3a; /* ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
    padding:5px; /* dodajemy margines wewnÄ…trz naszego pola */
    border-radius:3px; /* dodajemy zaokraglone rogi */
    border:1px solid #ccc; /* dodajemy obramowanie */
    margin-bottom:25px; /* dodajemy margines dolny */
    width: 70%; /* ustalamy szerokość */
}

#formularz input#submit {
    width: 70%; /* ustalamy szerokość */
    cursor:pointer; /* zmieniamy kursor */
    margin-bottom:0px;/* resetujemy margines dolny */
}