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

/* TOP */
#top {position: relative; margin: 0; width: 100%; height: 450px; background: url(gfx/bg_top.jpg) repeat-x}
#topcontent {position: relative; margin: 0 auto; width: 900px; height: 450px; background: url(gfx/bg_topcontent.jpg) no-repeat}
#topcontent #logo {position: absolute; top: 0; right: 50px; width: 394px; height: 100px}
#topcontent a#uroda {position: absolute; top: 278px; left: 70px; width: 127px; height: 171px; background: url(gfx/uroda.jpg) no-repeat}
#topcontent a#uroda:hover {background: url(gfx/uroda_h.jpg) no-repeat}
#topcontent a#zdrowie {position: absolute; top: 278px; left: 197px; width: 128px; height: 171px; background: url(gfx/zdrowie.jpg) no-repeat}
#topcontent a#zdrowie:hover {background: url(gfx/zdrowie_h.jpg) no-repeat}
#topcontent a#sport {position: absolute; top: 278px; left: 325px; width: 131px; height: 171px; background: url(gfx/sport.jpg) no-repeat}
#topcontent a#sport:hover {background: url(gfx/sport_h.jpg) no-repeat}

/* BOX */
#box {margin: 10px auto; width: 800px}

/* CONTENT */
#content {width: 480px; padding: 15px 15px 15px 30px; float: left}
#content h1 {font: bold 24px Arial; margin: 10px; color: #42241A}
#content h2 {font: bold 19px Arial; margin: 10px; color: #42241A; border-bottom: 1px solid #42241A}
#content h3 {font: bold 17px Arial; margin: 8px}
#content h4 {font: bold 16px Arial; margin: 6px}
#content p {font: 12px/1.5 Verdana; margin: 5px 0; text-align: left}
#content p.title {font: bold 16px Arial; margin: 10px 10px 5px 10px}
#content ul, ol {margin: 5px 20px}
#content li {font: 13px/1.5 Verdana; text-align: left}
#content a {font-weight: bold; color: #42241A}
#content a:hover {text-decoration: none}
#content p.info {margin: 15px}

#foto {background: #811B1D; padding: 10px; width: 450px; text-align: center; border: 2px solid #42241A; margin: 10px 0}
#foto p {text-align: center; background: #A91B31; padding: 6px; margin: 10px; color: #fff}
#foto p img {display: block; margin: 10px auto; text-align: center; border: 1px solid #fff}

/* MENU */
#menu {width: 220px; float: right; padding-right: 20px}
#menu ul {margin: 5px 0 10px 0; list-style: none}
#menu ul li {font: 14px/1.5 "Trebuchet MS"}
#menu ul li a {font-weight: bold; text-decoration: none; background: #BBD78E; color: #4E8934; padding: 3px 10px; display: block; margin: 0 10px 2px 10px; border: solid #4E8934; border-width: 0 4px 2px 4px}
#menu ul li a:hover {background: #4E8934; color: #fff}

/* FORMULARZ - DADAJ */
form div {border: 1px solid #42241A; padding: 5px; background: #A91B31; margin: 10px; font: bold 15px Arial; color: #42241A}
input {width: 400px; border: 1px solid #42241A; padding: 3px; margin: 5px; font: 11px/1.5 Verdana}
textarea {width: 350px; height: 500px; border: 1px solid #42241A; padding: 2px; margin: 5px; font: 11px/1.5 Verdana}
textarea.ofoto {width: 350px; height: 100px}
.ile {font: normal 11px Verdana; color: #444; background: #D9BBBC; padding: 4px 6px} 
.ile1 {font: normal 11px Verdana; color: #444; background: #D9BBBC; padding: 4px 6px}
.ile input {width: 40px; text-align: center}
.submit {width: 150px; background: #42241A; font: 12px/1.5 Verdana; color: #fff}

/* TABLE */
td {font: 10px Verdana; padding: 2px; background: #EFE9E6; border: 1px solid #42241A}