/* Wszystkie czesci layoutu graficznego bez Content */

body { background: #fff url('../img/bg.gif') repeat-x top; padding-top: 6px; color: #5b5b5b; font-size: .69em; }
.center { width: 960px; margin: 0 auto; }
.logo_print { display: none }

/* TOP */
#top { height: 126px; position: relative; }
/* --- Logo */
#top h1 { width: 231px; height: 126px; position: absolute; top: 0; left: 0; }
#top h1 a { display: block; width: 231px; height: 126px; background: #fff url('../img/futeo.gif') no-repeat center; text-indent: -9999em; outline: 0; }
/* --- Menu */
#top ul { position: absolute; top: 0; right: 0; height: 44px; width: 348px; background:  #a2c607 url('../img/top_menu.gif') repeat-x center; }
#top ul li { line-height: 44px; float: left; height: 44px; font-weight: 700; text-align: center;  }
#top ul li.first a { border: none; }
#top ul li a { color: #fff; text-decoration: none; border-left: 1px solid #87a810; padding: 0 13px; }
#top ul li a:hover { color: #2f3a06 }
#top ul li.active { background: transparent url('../img/top_menu_active.gif') no-repeat center top; }
/* --- Login info */
#top p.loged { width: 280px; height: 44px; line-height: 44px; position: absolute; top: 0; right: 368px; text-align: right }
#top p.loged a { color: #88b007; border-bottom: 1px solid #bbb; text-decoration: none; font-size: 1.18em; cursor: pointer;}
#top p.loged a:hover { color: #2f3a06 }
#top p.loged a.logout { color: #673c05; /*padding-right: 10px; background: transparent url('../img/user_logout.gif') no-repeat right center */}
#top p.loged a.login { /*padding-right: 15px; background: transparent url('../img/user_login.gif') no-repeat right center*/ }
#top p.loged a.register { /*padding-right: 10px; background: transparent url('../img/user_register.gif') no-repeat right center*/ }
#top p.loged a.logout:hover { color: #404040 }
#top p.loged span { color: #cad69f; padding: 0 6px; }
/* --- Banner */
#top .banner { position: absolute; top: 54px; right: 0; width: 620px; text-align: right }

/* MENU */
#menu { width: 956px; border: 1px solid #e3e3e3; font-size: 1.1em; height: 33px;}
#menu li { float: left; height: 31px; line-height: 31px; background-color: #5b5b5b; margin: 1px 0; }
#menu li a {  background: #84ac06 url('../img/menu_active.gif') repeat-x center top; color: #fff; text-decoration:  none; display: block; float: left; height: 31px; text-align: center; border-right: 1px solid #fff; padding: 0 24px 0 25px;}
#menu li.item1 { margin-left: 1px; }
#menu li a:hover, #menu li a.active {background: none}
#menu li a.active { font-weight: 700; }

/* SEARCH BAR */
#search_bar { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding-bottom: 1px; height: 36px;  background: transparent url('../img/search_bar.gif') repeat-x center top; margin-top: 6px; color: #5b5b5b }
#search_bar a { color: #3d3d3d; text-decoration:  none; float:right; margin-top: 5px; margin-right: 20px}
#search_bar a:hover { color: #000; text-decoration:  underline; }
#search_bar fieldset { padding-top: 8px;}
#search_bar fieldset label { font-weight: 700; padding: 0 20px; }
#search_bar fieldset input.field, #search_bar fieldset select { background-color: #fff; border: 1px solid #d9d9d9; padding: 3px; width: 200px }
#search_bar fieldset select { padding: 1px;}
#search_bar fieldset input.button { margin: 0 130px 0 20px; }
#search_bar fieldset input, #search_bar fieldset select { vertical-align: middle }

/* BREAD CRUMBS & JUMP TO MENU */
#bread_crubms, #jump_to {margin: 20px 0;  line-height: 1.2em }

/* BREAD CRUMBS */
#bread_crubms { float: left; width: 40%; }
#bread_crubms li { display: inline; }
#bread_crubms li.first a { padding: 0; display: block; width: 51px; height: 14px; float: left; text-indent: -9999em; font-size: .5em; background: transparent url('../img/bread_crumbs_first.gif') no-repeat left top; white-space: nowrap; }
#bread_crubms li a { padding-left: 17px; background: transparent url('../img/bread_crumbs_items.gif') no-repeat 5px 50%; color: #5b5b5b; }
#bread_crubms li a:hover { color: #88b007 }
#bread_crubms li.active a { text-decoration: none; }

/* JUMP TO MENU */
#jump_to { float: right; text-align: right; font-weight: 700;  width: 60%;  }
#jump_to li { display: inline; }
#jump_to li a { color: #88b007; padding-left: 10px; }
#jump_to li a:hover { color: #3f5202 }

/* COLUMNS SET */
#left, #right { width: 190px; }
#left a, #right a { border-bottom: 1px solid #e9e9e9; text-decoration: none; color: #88b007}
#left a:hover, #right a:hover { border-bottom: 1px solid #bbb; color: #3f5202 }
#left ul li a, #right ul li a, #left ol li a, #right ol li a { border-bottom: 1px solid #e9e9e9; text-decoration: none; color: #5b5b5b}
#left ul li a:hover, #right ul li a:hover, #left ol li a:hover, #right ol li a:hover { border-bottom: 1px solid #bbb; color: #4b4b4b }
#left ol, #right ol { margin-left: 20px; list-style-type: decimal; margin-bottom: 5px; }
#left ol li, #right ol li { line-height: 1.4em; margin-bottom: 5px;}
#container { float: left; width: 540px; margin-left: 10px; }
#blue_media #container { float: left; width: 554px; margin-left: 3px; }
#right { float: right; }
#left { float: left; }

a.lukas_procedura {background:transparent url(../img/btn_procedura_ratalna.gif) no-repeat scroll center top;display:block;height:31px;margin: 0; width:180px; border: 0!important; cursor: pointer!important; }
a.lukas_procedura:hover {background-position: center -35px !important; cursor: pointer !important; border: 0!important; }
/* SHADOW BOX & BORDER BOX */
.shadow_box { padding-bottom: 8px; margin-bottom: 5px; background: #fff url('../img/shadow_box.gif') no-repeat center bottom; }
.border_box { border: 1px solid #e3e3e3; border-top: none; padding: 8px; }
.border_box p { margin-bottom: .2em; line-height: 1.2em }

/* LEFT COLUMN */
/* --- Producent */
.producent { background-color: #f9f9f9; border-top: 1px solid #e3e3e3 }
.producent select { background-color: #fff; border: 1px solid #d9d9d9; padding: 1px; width: 180px; }

/* --- Normal unordered list */
#left ul, #right ul { padding: 0; }
#left ul li, #right ul li { background: transparent url('../img/arrow_list.gif') no-repeat 0 8px; padding-left: 15px;  }
#left ul li a, #right ul li a { line-height: 1.9em; text-decoration: none; color: #525252;  }
#left ul li a:hover, #right ul li a:hover { text-decoration: none }

/* --- Sidebar menu (1st items) */
#left h3, #right h3 { height: 27px; line-height: 27px; font-weight: 700; padding-left: 9px; background: #e3e3e3 url('../img/arrow_header.gif') no-repeat 0 50%; border-left: 5px solid #8fb207; }
#left h3.cat, #right h3.cat { background: #8ab207 url('../img/arrow_header_cat.gif') no-repeat 0 50%; border-left: 5px solid #e3e3e3; color: #fff; border-top: 1px solid #e3e3e3 }
#left ul.cat_menu, #right ul.cat_menu { padding: 0; }
#left ul.cat_menu li, #right ul.cat_menu li { border-top: 1px solid #e3e3e3; padding: 0; background: none }
#left ul.cat_menu li a, #right ul.cat_menu li a { display: block; line-height: normal; height: auto; padding: 8px 8px 8px 26px; background: #fff url('../img/arrow_list.gif') no-repeat 10px 13px; font-weight: 700; text-decoration: none; color: #525252; border: none }
#left ul.cat_menu li a:hover, #right ul.cat_menu li a:hover { background-color: #e3e3e3; border: none; color: #3a3a3a; text-decoration: none }
/* --- Sidebar menu (2nd items) */
#left ul.cat_menu li ul, #right ul.cat_menu li ul { display: none; background-color: #f2f2f2 }
#left ul.cat_menu li.active ul, #right ul.cat_menu li.active ul { display: block; padding-left: 20px; }
#left ul.cat_menu li.active a, #right ul.cat_menu li.active a,
#left ul.cat_menu li.active a:hover, #right ul.cat_menu li.active a:hover { background-color: #525252; color: #fff; background-image: url('../img/arrow_list_active.gif') }
#left ul.cat_menu li.active ul li, #right ul.cat_menu li.active ul li { border: none; }
#left ul.cat_menu li.active ul li a, #right ul.cat_menu li.active ul li a { color: #7d9d08; background-color: transparent; padding: 0 0 0 15px; line-height: 1.9em; border-left: none; background: transparent url('../img/arrow_list.gif') no-repeat 0 50%; font-weight: 500 }
#left ul.cat_menu li.active ul li a:hover, #right ul.cat_menu li.active ul li a:hover { text-decoration: underline; background-color: transparent; color: #7d9d08; background-image: url('../img/arrow_list.gif') }
#left ul.cat_menu li.active ul li.active a, #right ul.cat_menu li.active ul li.active a { font-weight: 700 }

/* --- Newsletter */
.newsletter input.field { background-color: #fff; border: 1px solid #d9d9d9; padding: 2px; width: 96%; margin-bottom: 6px; }
.newsletter input.newsletter_save { float: right }
.newsletter input.newsletter_erase { float: left }

/* RIGHT COLUMN */
/* --- Cart */
#right .cart ul { margin-bottom: 10px; }
#right .cart ul li, #left .cart ul li { padding: 0; background: none; }
#right .cart ul li a, #left .cart ul li a { font-weight: 700 }
#right .cart p.cart_goto { }
#right .cart p.cart_goto a { display: block; width: 123px; height: 17px; margin: 9px auto 0; line-height: 17px; background: #94bb08 url('../img/cart_goto.gif') no-repeat center; color: #fff; font-weight: 700; font-size: .91em; border: none; text-decoration: none; text-indent: 15px; }

/* --- Bestsellers & Sale */
#right ol li a { padding-right: 7px; background: transparent url('../img/arrow_link_normal.gif') no-repeat right center }
#right p.bottom_link a { padding-left: 10px; background: transparent url('../img/arrow_link_green.gif') no-repeat left  center }

/* --- Contact */
#right .contact ul,
#left .contact ul { margin-left: 10px; }
#right .contact ul li,
#left .contact ul li { line-height: 2em; background: none; padding: 0; }

#right .contact ul li.infolinia,
#left .contact ul li.infolinia { padding-left: 20px; background: transparent url('../img/contact_infolinia.gif') no-repeat 0 50% }
#right .contact ul li.voip,
#left .contact ul li.voip { padding-left: 20px; background: transparent url('../img/contact_voip.gif') no-repeat 0 50% }
#right .contact ul li.gg,
#left .contact ul li.gg { padding-left: 20px; background: transparent url('../img/contact_gg.gif') no-repeat 0 50% }
#right .contact ul li.skype,
#left .contact ul li.skype { padding-left: 20px; background: transparent url('../img/contact_skype.gif') no-repeat 0 50% }
#right .contact ul li.email,
#left .contact ul li.email { padding-left: 20px; background: transparent url('../img/contact_email.gif') no-repeat 0 50% }
#right .contact ul li a,
#left .contact ul li a { color: #88b007 }
#right .contact ul li a:hover,
#left .contact ul li a:hover { color: #3f5202 }

/* --- Margines reklam */
.reklama_margin { margin-bottom: 12px; }

/* BOTTOM INFO */
#bottom_info { margin: 13px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: transparent url('../img/bottom_info.gif') repeat-x center bottom; clear: both }
#bottom_info a { color: #000; text-decoration: none }
#bottom_info a:hover { text-decoration: underline; }
#bottom_info li { width: 191px; float: left; height: 150px; border-right: 1px solid #e3e3e3; overflow: hidden }
#bottom_info li a { display: block; height: 27px; line-height: 27px; padding-left: 10px; border-left: 5px solid #8fb207; background: #e3e3e3 url('../img/arrow_header.gif') no-repeat 0 50%; }
#bottom_info li.first { width: 190px; border-left: 1px solid #e3e3e3 }
#bottom_info li ul { margin: 5px 5px 0 13px; }
#bottom_info li ul li { width: auto; float: none; height: auto; border: none; overflow: visible; }
#bottom_info li ul li a { display: inline; height: auto; line-height: 1.9em; border-left: none; background: transparent url('../img/arrow_list.gif') no-repeat 0 50%; }

/* FOOTER */
#footer { background: transparent url('../img/footer.gif') repeat-x center top; padding: 20px 0 10px; }
#footer .partners { padding: 6px 0; text-align: center; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; margin-bottom: 6px; }
#footer ul { text-align: center; margin-bottom: 15px; line-height: 160%; }
#footer ul li { display: inline; }
#footer ul li a { padding: 0 5px; border-right: 1px solid #ababab; color: #000; text-decoration: none }
#footer ul li a:hover { text-decoration: underline }
#footer p a { color: #88b007;  }
#footer p a:hover { color: #3f5202; }


.wymagane { font-weight: bold; color: #C00; }