body, html {
width: 786px;
margin: 0 auto auto auto;
text-align: justify;
padding: 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.85em;
color: #373737;
background-image: url("img/background.png");
background-repeat: repeat-x;
background: #f1e7b6;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

p {padding: 0; margin: 0}

img {border: 0}

a:link, a:visited {
color: #45942d;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #6fd250;
font-weight: bold;
}

#main {
width: 768px;
height: 585px;
margin: 20px 0 0 0;
border: 1px solid #796e5f;
background-image: url("img/przedszkole.jpeg");
}

#columnLeft {
float: left;
width: 147px;
margin: 222px 0 5px 44px;
padding: 5px;
text-align: left;
}
#columnLeft p {padding: 0.3em 1em 0 1em}

#columnRight {
position: absolute;
width: 345px;
height: 220px;
margin: 222px 0 5px 130px;
padding: 10px 30px 10px 10px;
text-align: left;
}

#columnRightTop {
position: absolute;
height: 50px;
width: 365px;
margin: 0px 0px 0px 200px;
}

#columnRightDown {
overflow: auto;
height: 250px;
width: 365px;
margin: 35px 0 0px 200px;
padding: 5px 5px 0px 5px;
}

#xhtmlvalidok {
width: 786px; 
margin: auto;
padding: 570px 5px 0 5px;
font-size: 1em;
text-align:left;
}


#footer {
width: 786px; 
margin: auto;
padding: 5px 0 0 0;
font-size: 1em;
text-align:center;
color: #7e7e7e;
}

#nav p {
display: none;
}

#nav {
width: 172px;
padding: 0;
margin-bottom: 1em;
color: #373737;
}

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

#nav ul li {
margin: 0 0 5px 0;
}

#nav ul li a {
display: block;
border-left: 3px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 2px 2px 2px 0.5em;
color: #373737;
text-decoration: none;
width: 100%;
}

html>body #nav ul li a {
	width: auto;
}

#nav ul li a:hover {
border-left: 3px solid black;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color: black;
}