/* 
#697D47
#CBDEAB
*/

* {margin: 0; padding: 0}
body {background: #A9C973 url(gfx/bg.jpg) repeat-x; text-align: left}

/* BOX */
#box {width: 700px; margin: 30px 0 20px 280px}

/* TOP */
#top {width: 700px; height: 140px; border: 5px solid #CBDEAB; background: url(gfx/bg_top.jpg) no-repeat; margin: 0}

/* NAV */
#nav {margin-left: 10px; height: 50px}
#nav .button {position: relative; float: left; text-align: center; margin-right: 10px}
#nav .button a {background: #697D47; padding: 5px 10px; border: 2px solid #CBDEAB; border-width: 0 2px 4px 2px; font: bold 10px Verdana; color: #CBDEAB; text-decoration: none; display: block}
#nav .button a:hover {padding: 10px}

/* CONTENT */
#content {width: 450px; margin-right: 25px; float: left}
#content h1 {background: #697D47; padding: 5px; font: bold 18px "Trebuchet MS"; color: #fff; border: 2px solid #fff; margin-bottom: 10px}
#content h1 a {color: #fff}
#content h2 {font: bold 16px "Trebuchet MS"; margin: 5px}
#content h2 a {color: #697D47}
#content p {font: 11px/1.5 Verdana}
#content p a {color: #697D47}
#content ul {margin: 10px 20px}
#content li {font: 10px/1.5 Verdana}
#content li a {color: #697D47}
#content hr {margin: 10px 5px; border: 1px solid #697D47; background: #697D47}

/* FOOT */
#foot {margin: 10px; border: 1px solid #697D47; padding: 5px; background: #CBDEAB}
#foot p a {font-weight: bold; color: #697D47}

/* MENU */
#menu {width: 200px; float: left; background: #CBDEAB; padding: 8px; border-left: 3px solid #697D47}
#menu h3 {background: #697D47; padding: 5px; font: bold 15px "Trebuchet MS"; color: #fff; border: 2px solid #fff}
#menu ul {margin: 6px; list-style-type: none}
#menu li {font: 10px/1.5 Verdana; margin-bottom: 2px}
#menu li a {color: #697D47; text-decoration: none; border-bottom: 1px solid #697D47; display: block; padding: 1px}
#menu li a:hover {background: #9EC77D}

/* NEWS */
#news {position: absolute; top: 0; left: 0; width: 230px; padding: 10px; background: #697D47; text-align: center; border-right: 5px solid #CBDEAB}
#news h4 {background: #CBDEAB; padding: 5px; font: bold 15px "Trebuchet MS"; color:#697D47; margin: 15px 0 10px 0; border: 2px solid #fff}
#news img {border: 1px solid #CBDEAB}
#news .news {width: 220px; margin: 10px 0; text-align: left; padding: 5px; background: #fff; border-left: 2px solid #CBDEAB; border-bottom: 5px solid #CBDEAB}
#news .news p {font: 10px/1.5 Verdana}
#news .news p.t {font: bold 14px "Trebuchet MS"; margin: 6px}
#news .news p.t a {color: #697D47; border-left: 2px solid #697D47; padding-left: 5px}
#news .news p.t a:hover {text-decoration: none}
#news .news p img {float: right; margin-left: 5px}
#news ul {margin: 6px; list-style-type: none}
#news li {font: 10px/1.5 Verdana; margin-bottom: 2px; text-align: left}
#news li a {color: #CBDEAB; text-decoration: none; border-bottom: 1px solid #697D47; display: block; padding: 1px}
#news li a:hover {background: #CBDEAB; color: #697D47}

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

/* FORMULARZ - SZUKAJ */
#menu form {margin: 10px}
#menu form div {border: 0; padding: 3px; margin: 0; font: bold 13px "Trebuchet MS"; color: #697D47}
#menu input {width: 150px; border: 1px solid #697D47; padding: 2px; margin: 2px 5px; font-size: 10px}
#menu .submit {width: 150px; background: #697D47; font-weight: bold; color: #fff}