body{
background-image: url("krata.png");
background-color:  #e1d4c0;
margin-top: 5px;
background-attachment: fixed;
}

h2{ 
text-align: center;
color: #5c5a52;
font-family: arial, sans-serif;
margin-top: 20px;
}

h3{ 
text-align: center;
color: #5c5a52;
font-family: arial, sans-serif;
margin-top:-10px;
margin-bottom:40px;
}

table{ 
 margin-top:20px;
 margin-bottom: 30px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

tr{
 vertical-align: text-top;
}

td{ 
 height: 35px;
 padding-right: 20px;
 padding-left: 20px;
 font-size: 15px;
 font-weight: bold;
}


a.a:link{ text-decoration: none; color: #184bde;}
A.a:visited{ text-decoration: none; color: #184bde;}
A.a:hover{ background-color: #bcd1ef;}

td a{display: block;  width:350px;}
td a:hover{ display: block; width:350px;background-color: #bcd1ef;}


div.link:hover{
 background-color: #bcd1ef;
}

div#wstep{ 
position: relative;
width: 900px;
margin-left: auto; 
margin-right: auto;
margin-bottom:-20px;
text-align: left;
}

div#tekstwstepu{ 
background-color: #f7f2e5;
margin-left:220px;
margin-top: -139px;
margin-bottom: 30px;
width: 628px;
font-size: 12px;
font-family: verdana, arial, sans-serif; 
border-style: solid;
border-width: 1px;
border-color: #6b675b;
padding: 15px;
}

div#prostokat{ 
background-color: #f7f2e5;
position: relative;
margin-top: 10px;
width: 900px;
margin-left: auto; 
margin-right: auto;
padding-bottom: 15px;
border-style: solid;
border-width: 1px;
border-color: #6b675b;
font-size: 13px;
font-family: verdana, arial, sans-serif; 
}

div#obrazek{ 
position: relative;
left: 50px;
top: 30px;
margin-bottom:60px;
}

div#calosc{ 
background-color: #f8f3e6;
position: relative;
width: 900px;
margin-left: auto; 
margin-right: auto;
padding-bottom: 50px;
border-style: solid;
border-width: 1px;
border-color: #6b675b;
font-size: 14px; 
font-family: arial, verdana, sans-serif; 
text-align: left;
}