/* Wszystkie czesci layoutu graficznego bez Content */

body { background: #321900 url(../img/bg.gif); color: #dca468; font-size: .69em; }
.center { width: 960px; margin: 0 auto; }
#logo_print { display: none; }

/* TOP */
#top { height: 276px; background: transparent url(../img/top_bg.jpg) repeat-x top;  }
#top .center { height: 276px; background: #fff url(../img/top.jpg) no-repeat; position: relative; }
/* --- Menu karty */
#top ul.card_menu { position: absolute; top: 203px; right: 31px; width: 107px; }
#top ul.card_menu li { height: 12px; margin-bottom: 7px; }
#top ul.card_menu li a { display: block; height: 12px; background: transparent url(../img/card_menu.gif) no-repeat  left top; text-indent: -9999px; outline: none }
#top ul.card_menu li.item_0 a {  }
#top ul.card_menu li.item_1 a { background-position: left bottom }
/* --- Logo */
#top h1 { height: 276px; }
#top h1 a { height: 276px; display: block; width: 420px; text-indent: -9999em; outline: 0; }
/* --- Wyszukiwarka */
#top form { width: 200px; height: 28px; position: absolute; top: 30px; right: 14px; background: #fff url('../img/form.gif') no-repeat left center; }
#top form legend, .search_formularz form legend { display: none; }
#top form fieldset { position: relative; }
#top form input.field { width: 164px; border: none; margin-left: 5px; padding: 4px 0; background: transparent; color: #a7a7a7; font-weight: 700; margin-top: 3px; }
#top form button { width: 28px; height: 28px; position: absolute; top: 0; right: 0; overflow: hidden; background: #007ea7 url('../img/form_button.gif') no-repeat left center; cursor: pointer; text-indent: -9999px; }

/* BRANDING */
#branding { height: 126px; background: transparent url(../img/branding.jpg) no-repeat center; text-indent: -9999px; }
#main #branding { height: 277px; background: transparent url(../img/branding_main.jpg) no-repeat center; }
h2 { margin: 0; padding: 0; }

/* MENU */
#menu { background: #7e571d url(../img/menu.jpg) no-repeat; height: 54px; margin-bottom: 12px; }
#menu a { display: block; float: left; background: #7e571d url(../img/menu.jpg) no-repeat; text-indent: -9999px; height: 54px; outline: none }
#menu li { float: left;  }
#menu li.item_1 a { width: 141px; background-position: 0px 0px; }
#menu li.item_2 a { width: 76px; background-position: -141px 0px; }
#menu li.item_3 a { width: 261px; background-position: -217px 0px; }
#menu li.item_4 a { width: 144px; background-position: -478px 0px; }
#menu li.item_5 a { width: 98px; background-position: -622px 0px; }
#menu li.item_6 a { width: 106px; background-position: -720px 0px; }
#menu li.item_7 a { width: 133px; background-position: -826px 0px; }
#menu li.item_1 a:hover,
#menu li.item_1 a.active { background-position: 0px -54px; }
#menu li.item_2 a:hover,
#menu li.item_2 a.active { background-position: -141px -54px; }
#menu li.item_3 a:hover,
#menu li.item_3 a.active { background-position: -217px -54px; }
#menu li.item_4 a:hover,
#menu li.item_4 a.active { background-position: -478px -54px; }
#menu li.item_5 a:hover,
#menu li.item_5 a.active { background-position: -622px -54px; }
#menu li.item_6 a:hover,
#menu li.item_6 a.active { background-position: -720px -54px; }
#menu li.item_7 a:hover,
#menu li.item_7 a.active { background-position: -826px -54px; }

/* BREAD CRUMBS */
#bread_crumbs { border-bottom: 1px solid #d6e6eb; margin: 0; padding: 0; padding: 15px 0; }
#bread_crumbs li { display: inline; white-space: nowrap; margin: 0; padding: 0; background: none; }
#bread_crumbs li a { text-decoration: none; padding-left: 16px; background: transparent url('../img/list_item_bc.gif') no-repeat 5px 5px; color: #006383; }
#bread_crumbs li.first a {  padding-left: 0; background: none; }
#bread_crumbs li a strong { font-weight: 700; color: #56ac2a; }
#bread_crumbs li a:hover { text-decoration: underline; color: #56ac2a; }

/* COLUMNS SET */
#right,
.main_page #left { width: 640px; }
#left,
.main_page #right { width: 316px; }
#right { float: right; }
#left { float: left; }

/* LEFT MENU */
.content #left ul.submenu { margin: 0; padding: 0; background: #1c0e00; padding: 24px; margin-bottom: 4px; }
.content #left ul.submenu li { margin: 0; padding: 0; border-bottom: 1px solid #341a00; background: none; }
.content #left ul.submenu li a { display: block; color: #b77102; padding: 11px; padding-left: 30px; background: transparent url(../img/menu_item.gif) no-repeat left top; text-decoration: none; height: auto; }
.content #left ul.submenu li a:hover,
.content #left ul.submenu li a.active { background-color: #251200; background-position: 0 bottom; }
.content #left ul.submenu li a.active { font-weight: 700}
.content #left ul.submenu li ul { padding: 0px; margin: 0; }
.content #left ul.submenu li ul li { padding: 0px; border-bottom: 1px solid #000; }
.content #left ul.submenu li ul li a { display: block; color: #eeb14f; padding: 4px; padding-left: 40px; background: #361a00 url(../img/menu_item2.gif) no-repeat 27px 50%; text-decoration: none; height: auto; }
.content #left ul.submenu li ul li a:hover,
.content #left ul.submenu li ul li a.active { color: #f2d19e; background: #361a00 url(../img/menu_item2.gif) no-repeat 27px 50%; }
.content #left ul.submenu li ul li a.active { font-weight: 700; }
.content #left ul.submenu li a span { display: block; width: 100%; height: auto; cursor: pointer; background: transparent url(../img/menu_left_li_a_arrow_sub.gif) no-repeat 180px 8px; }
.content #left ul.submenu li a.active span { background-position: 180px -112px; }

#left div.vis{ display: block; }
#left div.invis{ display: none;}
  
/* FOOTER */
/* --- Menu */
#footer_menu { border-bottom: 3px solid #56ac2a; text-align: center; padding: 10px 0; margin-bottom: 10px;  }
#footer_menu li { display: inline; }
#footer_menu li a { padding: 5px 10px; border-right: 1px solid #e4e4e4; color: #7d7d7d; text-decoration: none; }
#footer_menu li a:hover, #footer_menu li a.active { color: #000; }
#footer_menu li a.active { font-weight: 700 }
#footer_menu li.first a { border-left: 1px solid #e4e4e4;  }
/* --- Copy */
#footer { color: #de9547; font-size: 1em; background: transparent url(../img/footer.jpg) no-repeat center top; padding-top: 37px; margin-top: 12px; }
#footer p { padding: 4px 0; line-height: 1.2em; }
#footer p.float_right { text-align: right; }
#footer p.float_right span { border-left: 1px solid #5F350C; padding-left: 12px; margin-left: 12px; }
#footer a { color: #de9547; }
#footer a:hover { color: #de9547; }