html { font-family: Arial; font-size: 12px; background-image: url(http://recore.pl/gfx/top_bg.png); background-repeat: repeat-x; }

body { margin: 0; }

#box { width: 965px; margin: 0 auto; }
img { border: 0; }

a { color: #980000; text-decoration: none; }
a:hover { text-decoration: underline; }

.line { width: 100%; height: 1px; background-color: #008fb7; }

img.border { float: left; }
.clear { clear: both; }

.red { color: #980000; }
.green { color: green; }

.archiwum { width: 632px; text-align: right; }

#left { width: 4px; height: 406px; background-image: url(http://recore.pl/gfx/top_bg_left.png); background-repeat: no-repeat; float: left; }
#right { width: 4px; height: 406px; background-image: url(http://recore.pl/gfx/top_bg_right.png); background-repeat: no-repeat; float: left; }

#top { height: 148px; width: 957px; float: left; }
#top h1 { font-size: 16px; width: 467px;  color: #980000; margin: 66px 0 0 12px; font-weight: normal; float: left; }
#logo { width: 158px; text-align: center; float: left; padding: 64px 0 0 0; }

#mail { width: 159px; float: left; color: #8f8f8f; }
#mail img { margin: 54px 0 0 12px; float: left; }
#mail a { display: block; float: left; margin-top: 64px; color: #8f8f8f; }

#phone { width: 158px; float: left; color: #8f8f8f; padding-top: 65px; }
#phone img { margin: -13px 0 0 12px; float: left; }

#menu {  }
#menu ul { margin: 0; padding: 0; list-style: none; width: 957px; }
#menu ul li { width: 157px; padding-right: 3px; float: left; background-image: url(http://recore.pl/gfx/menu_bg.png); background-repeat: no-repeat; }
#menu ul li.last { padding-right: 0; }
#menu ul li a { display: block; width: 157px; height: 27px; padding: 10px 0 0 0; background-color: #bbbbbb; color: #fff; text-align: center; text-decoration: none; font-size: 15px; }
#menu ul li a:hover, #menu ul li a.visited { background-color: #bf0000; }

.menu_bottom { margin: 1px 0 0 0; float: left; }

#left_under_menu { width: 637px; color: #fff; float: left; }
#left_under_menu .slogan { width: 296px; height: 28px; margin: 8px 0 0 320px; padding: 12px 0 0 12px; float: left; background-image: url(http://recore.pl/gfx/red_box_bg.png); }

#under_menu img { float: left; }

#right_under_menu { width: 306px; height: 198px; background: #ededed; float: left; margin-left: 1px; padding: 5px; }
#right_under_menu h2 { margin: 0; padding: 0; font-size: 15px; font-weight: normal; margin: 10px 0 0 0; color: #980000; }
#right_under_menu p { line-height: 130%; font-size: 14px; text-align: justify; color: #4d4d4d; }

#content { width: 957px; color: #4d4d4d; background-image: url(http://recore.pl/gfx/content_bg.png); background-repeat: repeat-y; height: 100%; margin-top: -3px; }
#content .news { width: 306px; float: left; margin: 0 8px 0 7px; }
#content .news_long { width: 637px; float: left; margin-left: 5px; }
#content h1, #newsletter h1 { margin: 0; font-size: 15px; padding: 5px;}
#content .date { font-size: 11px; color: #bbbbbb; padding: 0 5px 5px 5px; }
#content .dots { width: 1px; height: 300px; float: left; }
#content p { padding: 5px; margin-top: 0; line-height: 130%; font-size: 14px; text-align: justify; }
#content .news_long p { text-align: justify; }

#content .more_link { margin-top: -20px; }

#newsletter { width: 300px; padding: 0px 5px 5px 10px; float: left; }
#newsletter p { margin-top: 18px; text-align: justify; }
#newsletter form { margin: 0; padding: 0; }
#newsletter input { width: 283px; height: 22px; background-color: #ededed; color: #000; border: 1px solid #4d4d4d; padding-left: 10px; margin-left: 5px; }
#newsletter input.submit { width: 90px; height: 30px; background-color: #bf0000; color: #fff; border: 0; text-align: center; font-size: 13px; float: right; margin-top: 10px; }
#newsletter input.submit:hover { background-color: #bbbbbb; }
#newsletter .mail { padding-top: 6px; }

#footer { background-image: url(http://recore.pl/gfx/dots.png); background-repeat: repeat-x; width: 100%; text-align: center; }
#footer_content { background-image: url(http://recore.pl/gfx/footer_bg.png); background-repeat: no-repeat; width: 964px; padding-top: 10px; margin: 0 auto; }
#footer a { color: #4d4d4d; }
#footer a.link { color: #8f8f8f; }
#footer .items { width: 311px; float: left; margin-left: 10px; text-align: left; color: #8f8f8f; font-size: 11px; }
#footer .items p { margin-top: 0; }


