.center { background: #fff; width: 960px; margin: 0 auto; }

/* -----[ GORA STRONY ]----------------------------------------------------- */
#top { background: url(../img/bg/top.gif) repeat-x center; width: 100%; height: 259px; margin: 0 0 11px 0; padding:  0; }
#header { position: relative; width: 960px; margin: 0 auto; padding: 0 }

/* --- Naglowek */
#header h1 { position: absolute; left: 26px; top: 40px; }
     #header h1 a { background: url(../img/logo.gif) no-repeat; display:block; width: 190px; height:138px; text-indent: -9999px; }

/* --- logowanie */
#register { position: absolute; left: 20px; top: 11px; font-size: 1.2em; }
     #register li { background: url(../img/bg/separator_login.gif) no-repeat right 3px; display: inline; padding: 0 20px 0 16px;  }
     #register li.last { background: none; }
     #register li a { color: #fff; }

/* --- menu pomocy */
#menu_help { position: absolute; right: 0; top: 0; font-size: 1.1em; display: block; width: 342px; height: 39px; }
     #menu_help li { float: left; }
     #menu_help li a { heigth: 39px; color: #fff; display: block; float: left; padding: 12px 13px 16px; border-left: 1px solid #7cb3cd;  }
     #menu_help li a.last { border-left: 1px solid #7cb3cd; border-right: 1px solid #7cb3cd; }
     #menu_help li a:hover,
     #menu_help li a.active { background: url(../img/bg/menu_help_active.gif) repeat-x bottom; text-decoration: none; }
     #menu_help li a.active { padding: 14px 13px; }

/* --- menu glowne */
#menu { background: ; position: absolute; left: 0; top: 195px; font-size: 1.2em; }
     #menu li { background: url(../img/bg/separator_menu.gif) no-repeat left center; display: inline; padding: 0 10px 0 9px;  }
     #menu li.first { background: none; padding: 0 11px 0; }
     #menu li a { color: #3e3e3e; padding: 3px 7px; display: inline-block; height: 20px; line-height: 20px; }
     #menu li a:hover,
     #menu li a.active { background: url(../img/bg/menu_hover.gif) repeat-x center; color: #fff; text-decoration: none; }

/* --- breadcrumbs */
#breadcrumbs { position: absolute; left: 0; top: 236px; font-size: 1.1em; }
     #breadcrumbs li {  display: inline; padding: 0 0 0 6px }
     #breadcrumbs li.last { color: #1a78a6; }
     #breadcrumbs li a { background: url(../img/arrows/breadcrumbs.gif) no-repeat right 5px; color: #7d7d7d; padding: 0 15px 0 0; }

/* --- reklama */
#advertisement { position: absolute; right: 0; top: 69px; width: 650px; height: 80px; cursor: pointer; }
     #advertisement img { border: 1px solid #dadada; }
     #advertisement a { display: block; width: 650px; height: 80px; }

/* --- bestsellery */
.bestsellery {  }
.bestsellery li { display: block; border-bottom: 1px solid #cfcfcf; padding: 6px 0; }
.bestsellery li p { padding: 2px 0; }
.bestsellery li p.prince_small { font-size: .91em; }

.bestsellery .picture { width: 55px; text-align: center; float: left; }
.bestsellery .picture img { border: 1px solid #cfcfcf; }

.bestsellery .text { width: 134px; float: left; padding: 0 0 0 10px; }
.bestsellery .text p { line-height: 120%; padding: 2px 0; }

.bestsellery .lot p { width: 40px; text-align: right; float: left; }
.bestsellery .lot_text { width: 152px; float: left; padding: 0 0 0 10px; }
.bestsellery .lot_text p { line-height: 120%; padding: 2px 0; }

.box_sidebar .prince_bascket { padding: 0 11px; text-align: right; }

/* -----[ CONTENT ]----------------------------------------------------- */
.sidebar_category_content { width: 720px; float: left }

#sidebar_category { width: 225px; float: left; font-size: 1.1em; }

.phone_contact { width: 138px; height: 18px; display: block; margin: 10px auto; }
.small { font-size: .82em; }

.content { width: 480px; float: right; }

#sidebar_bascket { width: 225px; float: right; font-size: 1.1em; }


/* -----[ STOPKA ]----------------------------------------------------- */
#footer { background: #f1f1f1; width: 960px; font-size: 1.1em; margin: 14px auto; }
#footer h3 { background: #3e3e3e; color: #fff; font-weight: bold; padding: 7px 9px 6px 9px; }

.footer_help { background: url(../img/bg/footer_help.gif) repeat-y; margin: 14px 0 13px 0; }
     .footer_help li { display: block; width: 211px; margin: 0 10px 0 19px; text-align: left; float: left; }
     .footer_help li h4 { font-weight: bold; line-height: 145%; }
     
     .footer_help ul { text-align: left; width: 199px; margin: 12px 0 0 20px; }
     .footer_help ul li { width: 190px; display: block; margin: 5px 0 2px 0; text-indent: -14px; float: none; border: 0; }
     .footer_help ul li a { background: url(../img/arrows/footer_help.gif) no-repeat left 4px; line-height: 150%; padding: 0 0 0 14px; }

#footer_cards { background: #fff; padding: 7px 0; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; text-align: center; }
     #footer_cards li { display: inline; margin: 0 3px }
     #footer_cards li.first { margin: 0 20px 0 0; }

#footer p { background: #fff; padding: 13px 0; border-bottom: 1px solid #fff; }

.copyright { float: left; }
.project { float: right; }








/* COLUMNS SET */
#left, #right { width: 200px; }
#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; }

/* 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: 100% }

/* --- 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 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; }

.wymagane { color: #ef1313; }