body
{
background-color: rgb(239,230,219);
font-size: 18px;
}


ul
{
list-style-type: square;
}

ol li
{
margin-bottom: 12px;
}


table
{
margin-bottom: 22px;
margin-top: 22px;
}

.left
{
text-align: left;
}

.center
{
text-align: center;
}


.right
{
text-align: right;
}


.justify
{
text-align: justify;
}



.granat
{
background-color: rgb(47, 78, 89);
}

.szary
{
background-color: rgb(217, 217, 217);
}


.borderred
{
border-color: red;
}

.red
{
color: red;
}

.nieb
{
color: rgb(0, 112, 192);
}


.pointer
{
cursor: pointer;
}


div.rodo
{
margin-left: auto;
margin-right: auto;
display: none;
}

td.byk
{
border: 1px solid black;
text-align: center;
padding:4px;
}

h1.title
{
font-size: 32px;
font-weight: bold;
color: rgb(47, 78, 89);
}


.label
{
font-weight: bold;
padding-right:2px;
padding-top:12px;
color: rgb(47, 78, 89);
vertical-align: middle;
}

.input
{
font-size: 18px;
padding:4px;
border: 2px solid  rgb(112, 111, 123);
border-radius:8px;
}

select
{
font-size: 18px;
padding:4px;
border: 2px solid  rgb(112, 111, 123);
border-radius:8px;
}

button.rekrut
{
font-size: 18px;
padding:12px;
border: 2px solid  rgb(47, 78, 89);
border-radius:8px;
background-color: rgb(47, 78, 89);
color: rgb(239,230,219);
min-width: 200px;
font-weight: bold;
cursor: pointer;
text-align: center;
}

button.rekrut:hover
{
background-color: rgb(112,111,123);
}


div.button
{
font-size: 18px;
padding:12px;
border: 2px solid  rgb(47, 78, 89);
border-radius:8px;
background-color: rgb(47, 78, 89);
color: rgb(239,230,219);
width: 200px;
font-weight: bold;
cursor: pointer;
margin-left: auto;
margin-right: auto;
text-align: center;

}


div.button:hover
{
background-color: rgb(112,111,123);
}



#obszar
{
margin-left: auto;
margin-right: auto;
padding: 22px;
border: 2px solid  rgb(112, 111, 123);
border-radius:22px;
width: 80%;

}