div#box1 {width: 420px; background: #e1edef url('../../_img/bckg2.jpg') left top no-repeat; margin: 10px 10px; padding: 30px 10px 10px 10px;}
div#box2 {width: 420px; background: #dde3d4 url('../../_img/bckg3.jpg') left top no-repeat; margin: 10px 10px; padding: 10px 10px;}

ul#ogloszenia {float: left; width: 238px; margin: 0 0 10px 1px; font-size: 1em; text-align: left; font-family: verdana, arial; padding: 0px; clear:both;}
ul#ogloszenia li {list-style-type: none; margin: 0; line-height: 1.2em; font-weight: bold; padding: 2px 0 2px 0; clear: both;}
ul#ogloszenia li a {display: block; text-decoration: none; color: #006666; font-size: 0.9em; font-weight: bold; padding: 0px 10px 10px 10px; border: 1px solid #efefef; line-height: 1.3em; background: #eeeeee; width: 215px; }
ul#ogloszenia li a:hover {color: #ffffee; background: #18577a; border: 1px solid #77abb8;}
ul#ogloszenia li a span {font-size: 0.9em; font-weight: normal;}
ul#ogloszenia li a.active {background: #d8cfa7; color: #07550f;}

ul#dobro {float: left; width: 238px; margin: 0 0 10px 1px; font-size: 1em; text-align: left; font-family: verdana, arial; padding: 0 0px 0 0px;}
ul#dobro li {display: block; list-style-type: none; margin: 0; line-height: 1.2em; font-weight: bold; padding: 2px 0 2px 0; clear: both;}
ul#dobro li a {display: block; text-decoration: none; color: #006666; font-size: 0.9em; font-weight: bold; padding: 0px 10px 10px 10px; border: 1px solid #efefef; line-height: 1.3em; background: #eeeeee; width: 215px; text-align: center;}
ul#dobro li a img {padding: 2px 2px; border: 1px solid #cccccc; margin: 4px 4px 2px 4px;}
ul#dobro li a:hover {color: #ffffee; background: #18577a; border: 1px solid #77abb8;}
ul#dobro li a span {font-size: 0.9em; font-weight: normal;}
ul#dobro li a.active {background: #d8cfa7; color: #07550f;}

#left h2 {font-size: 1.6em; text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin: 1em 0 1em 0; font-weight: normal; font-style: italic; padding: 4px 0 4px 0;}