* {margin: 0; padding: 0}
body {background: #FFAB11 url(gfx/bg.jpg) repeat-y center; text-align: center}
hr {margin: 10px; border: 1px solid #56230C}

/* BOX */
#box {margin: 0 auto; width: 754px}

/* TOP */
#top {position: relative; width: 754px; height: 250px; background: url(gfx/bg_top.jpg) no-repeat}

/* LOGO */
#logo {position: absolute; top: 10px; left: 24px; width: 264px; height: 46px}
#logo img {border: 0}

/* NAV */
#nav {height: 65px; margin-left: 50px}
#nav img {border: 0}
#nav a#p1, #p2, #p3, #p4 {display: block; float: left; width: 162px; height: 45px}
#nav a#p1 {background: url(gfx/start.gif) no-repeat}
#nav a#p1:hover {background: url(gfx/start1.gif) no-repeat}
#nav a#p2 {background: url(gfx/regulamin.gif) no-repeat}
#nav a#p2:hover {background: url(gfx/regulamin1.gif) no-repeat}
#nav a#p3 {background: url(gfx/dodaj.gif) no-repeat}
#nav a#p3:hover {background: url(gfx/dodaj1.gif) no-repeat}
#nav a#p4 {background: url(gfx/kontakt.gif) no-repeat}
#nav a#p4:hover {background: url(gfx/kontakt1.gif) no-repeat}

/* CONTENT */
#content {position: relative; width: 754x; min-height: 550px; background: #FFB718 url(gfx/bg_content.jpg) repeat-x; text-align: left}
*html #content {height: 550px}

#text {margin-left: 10px; width: 500px}
#text .n {padding: 10px 10px 45px 10px; margin: 10px; width: 450px; border: 2px solid #56230C; border-left: 8px solid #56230C; background: #FFB718 url(gfx/bg_n.jpg) no-repeat bottom}
#text .f {float: right; margin-left: 10px; margin-bottom: 5px; padding: 5px; background: #56230C}
#text .f p {font: bold 10px/1.5 Verdana; color: #fff; text-align: center}
#text  h1 {font: bold 22px "Trebuchet MS"; margin: 0 10px 10px 10px; background: #56230C; padding: 3px 6px; border-bottom: 2px solid #FFCA22; color: #FFCA22}
#text  h2 {font: bold 18px "Trebuchet MS"; margin: 10px; color: #56230C; border-bottom: 1px solid #56230C}
#text  h3 {font: bold 15px "Trebuchet MS"; margin: 8px}
#text  h4 {font: bold 14px "Trebuchet MS"; margin: 6px}
#text  p {font: 13px "Trebuchet MS"; margin: 5px 0}
#text  p.title {font: bold 16px "Trebuchet MS"; margin: 10px 10px 5px 10px}
#text  ul, ol {margin: 5px 20px}
#text  li {font: 11px/1.5 Verdana}
#text a {font-weight: bold; color: #56230C}
#text a:hover {text-decoration: none}
#text p.info {margin: 20px}

/* MENU */
#menu {position: absolute; top: 190px; right: 25px; width: 200px; border: 2px solid #56230C; background: #FFB718}
#menu ul {margin: 10px; list-style: none}
#menu ul li {font: 13px/1.5 "Trebuchet MS"}
#menu ul li a {font-weight: bold; text-decoration: none; color: #56230C; display: block; border-bottom: 1px solid #56230C; padding: 0 2px 2px 3px; margin-bottom: 3px}
#menu ul li a:hover {background: #56230C; color: #FFB718}
#menu h3 {font: bold 16px "Trebuchet MS"; background: #56230C; color: #FFB718; padding: 5px}

/* FORMULARZ - DADAJ */
form div {border: 1px solid #56230C; padding: 5px; background: #FFB718; margin: 10px; font: bold 13px "Trebuchet MS"; color: #56230C}
input {width: 300px; border: 1px solid #56230C; padding: 2px; margin: 5px; font-size: 10px}
textarea {width: 350px; height: 500px; border: 1px solid #56230C; padding: 2px; margin: 5px; font: 10px/1.5 Verdana}
.ile {font: normal 10px Verdana; color: #444; background: #fff; padding: 3px}
.ile input {width: 40px; text-align: center}
.submit {width: 150px; background: #56230C; font-weight: bold; color: #fff}