* {margin: 0; padding: 0}
body {background: #CA802A url(gfx/bg1.jpg) repeat-x; text-align: left}
p.info {margin: 10px}
hr {margin: 10px; border: 1px solid #4E0000}

/* LEFT */
#left {position: absolute; top: 0; left: 0; width: 150px; min-height: 400px; background: #fff url(gfx/bg4.jpg) no-repeat top}
*html #left  {height: 400px}

/* CONTENT */
#content {position: absolute; top: 0; left: 150px; width: 530px; min-height: 700px; background: #CA802A url(gfx/bg2.jpg) no-repeat center top}
*html #content  {height: 700px}
#content #text {margin: 100px 40px 35px 40px; width: 450px}
#content #text  h1 {font: bold 22px "Trebuchet MS"; margin: 10px; color: #4E0000}
#content #text  h2 {font: bold 18px "Trebuchet MS"; margin: 10px; color: #4E0000; border-bottom: 1px solid #4E0000}
#content #text  h3 {font: bold 15px "Trebuchet MS"; margin: 8px}
#content #text  h4 {font: bold 14px "Trebuchet MS"; margin: 6px}
#content #text  p {font: 13px "Trebuchet MS"; margin: 5px 0}
#content #text  p.title {font: bold 16px "Trebuchet MS"; margin: 10px 10px 5px 10px}
#content #text  ul, ol {margin: 5px 20px}
#content #text  li {font: 13px/1.5 "Trebuchet MS"}
#content #text a {font-weight: bold; color: #4E0000}
#content #text a:hover {text-decoration: none}

#foto {background: #E7C7A0; padding: 10px; width: 400px; text-align: center; border: 2px solid #4E0000; margin: 10px 0}
#foto p {text-align: center; background: #CA802A; padding: 6px; margin: 10px}
#foto p img {display: block; margin: 10px auto; text-align: center; border: 1px solid #4E0000}

/* FOOT */
#foot {position: relative; width: 530px; height: 130px; background: #fff url(gfx/bg3.jpg) no-repeat center top}
#foot #text {position: absolute; bottom: 15px; left: 40px; width: 450px}

/* MENU */
#menu {position: absolute; top: 75px; left: 690px; width: 200px; background: #E7C7A0; border: 2px solid #4E0000; border-top-width: 0}
#menu ul {margin: 10px 0; list-style: none}
#menu ul li {font: 10px/1.5 Verdana}
#menu ul li a {font-weight: bold; text-decoration: none; color: #4E0000; background: #CA802A; padding: 3px 8px; display: block; margin-bottom: 2px; border-bottom: 1px solid #4E0000; border-left: 6px solid #4E0000}
#menu ul li a:hover {background: #D69E5B; border-right: 6px solid #4E0000}
#menu h3 {font: bold 16px "Trebuchet MS"; background: #4E0000; color: #fff; padding: 5px}

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

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