/* Wszystkie czesci layoutu graficznego bez Content */

* { margin: 0; padding: 0; }
body {width: 100%; background: white; color: black; font-size: 10pt; font-family: Arial, Tahoma, Verdana, sans-serif; line-height: 1.5em}
.logo_print { border-bottom: 1px solid #eee; width: 100%; }

/* TOP */
#top { display: none; }
#top h1 { display: block; }

/* MENU */
#menu { display: none;}

/* SEARCH BAR */
#search_bar { display: none; }

/* BREAD CRUMBS & JUMP TO MENU */
#bread_crubms, #jump_to { display: none; }

/* COLUMNS SET */
#left, #right { display: none; }
#container { float: none; width: 100%; margin: 0; padding: 0;}

/* BOTTOM INFO */
#bottom_info { display: none; }

/* FOOTER */
#footer { font-size: 10pt; border-top: 1px solid #ddd }
#footer .partners { display: none; }
#footer ul { display: none; }
#footer p a { color: #88b007;  }
#footer p a:hover { color: #3f5202; }

/* ------- CONTENT -------- */
#content { font-size: 1em; /* 12pt */ text-align: left; line-height: 1.63em; }

/* ------- LINKI -------- */
#content a { color: #88b007; text-decoration: none }
#content a:hover { color: #3f5202; text-decoration: underline }
#content a img { border: none}

/* ------- BUTTONY -------- */
#content a.button { display: none }

/* ------- ODSTEPY -------- */
#content p,
#content ul,
#content ol,
#content dl,
#content address,
#content form { margin-bottom: .5cm; font-size: 1em; line-height: 1.2em }
#content ul { margin-left: 0; list-style-type: none}
#content ul li { padding-left: 0px; }
#content ul li ul { margin: 0; }
#content ul.pointed li,
#content .pr_desc ul li { background: transparent url('../img/arrow_list.gif') no-repeat 0 7px; } 
#content ol { margin-left: 0; list-style-type: decimal }

/* ------- NAGLOWKI -------- */
#clients h3,
#content h3,
#content h4,
#content h5,
#content h6 { margin: .5cm 0 .2cm; color: #000; font-weight: 700; clear: both; text-align: left; }
#content h3 { font-size: 1.19em }
#content h4 { font-size: 1.1em }
#content h5 { font-size: 1.1em }
#content h6 { font-size: 1.1em }
#content h3 a, #content h3 a:hover,
#content h4 a, #content h4 a:hover,
#content h5 a, #content h5 a:hover,
#content h6 a, #content h6 a:hover { color: #000; text-decoration: none }
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover { color: #88b007; text-decoration: none }

/* ------- LINIA POZIOMA -------- */
hr { height: 1px; border: none; background-color: #ddd; color: #ddd; clear: both; }

/* ------- NAGLOWEK GLOWNY -------- */
#container h2 { border-left: 5px solid #8fb207; background: #e3e3e3 url('../img/arrow_header.gif') no-repeat left center; font-size: 1em; font-weight: 700; height: 27px; line-height: 27px; padding-left: 12px; margin-bottom: 15px; }
#container h2.main { margin-bottom: 0; }

/* ------- TABELE -------- */
#content table { margin-bottom: 15px; border-right: 1px solid #e3e3e3; }
#content table thead,
#content table thead th { background-color: #5b5b5b; color: #fff; font-weight: 500; border: 1px solid #fff; }
#content table thead th { padding: 4px; font-weight: 700 }
#content table thead th a { color: #fff; text-decoration: underline }
#content table thead th a:hover { color: #e4e4e4; }
#content table td,
#content table tr,
#content table th  { border-left: 1px solid #e3e3e3; }
#content table tbody tr td,
#content table tbody tr { background-color: #f9f9f9; }
#content table tbody tr td { border-bottom: 1px solid #d3d3d3; padding: 6px; }
#content table tbody tr.dark td,
#content table tbody tr.dark  { background-color: #fff; }

/* ------- FORMULARZE ------- */
#content form label { display: block; }
#content form p.info { font-weight: 700; text-align: center; }
#content form div.button { margin-left: 25%; z-index: 20; }
#content form div.button button { margin-top: 0; }
/* = Formularz poziome */
#content form.form_horizontal fieldset { padding-top: 10px; }
#content form .holder { clear: both; width: 100%; padding: 5px 0 5px; overflow: hidden;  }
#content form .holder label { display: block; float: left; text-align: right; width: 23%; font-weight: 700; margin: 0; }
#content form .holder .r_holder { float: right; width: 75%; }
#content form.form_horizontal button {  }
#content form .r_holder ul,
#content form .r_holder ul li { margin: 0; padding: 0; }
#content form .r_holder ul li input { vertical-align: middle }
#content form .r_holder ul li { margin-bottom: 4px; }
#content form .r_holder ul li label { display: inline; float: none; width: 100%; text-align: left; font-weight: 500; }

/* ------- STRONA GLOWNA -------- */
/* = Polecane produkty */
#content ul.main li ul { display: none; }
#content ul.main li p { text-align: left }
#content #recommend_prod_pages, #content #recommend_prod_pages li { display: none }
/* = Nowosci oraz Promocje */
#content ul.col_3 h3 { text-align: left }

/* ------- KONTAKT -------- */
#content .contact form input.field,
#content .contact form textarea { width: 95%; }


/* ------- O FIRMIE -------- */
img.company { float: none; }

/* ------- POMOC -------- */
#content .help {  }
#content .help h4 { background-color: #e3e3e3; font-size: 1em; font-weight: 700; height: 27px; line-height: 27px; padding-left: 4px; }
#content .help dl ul li { background: none; }
#content .help dl dt { padding-left: 14px; background: transparent url('../img/arrow_link_green.gif') no-repeat 4px 7px; }
#content .help dl dt.active { border: 1px solid #ddd; border-bottom: none; background-image: url('../img/arrow_link_normal_down.gif') }
#content .help dl dt.active a { font-weight: 700; color: #5b5b5b; }
#content .help dl dd { display: none; padding-left: 14px;  }
#content .help dl dd.active { border: 1px solid #ddd; border-top: none; margin-bottom: 4px; display: block; }

/* ------- WYNIKI WYSZUKIWANIA ------- */
#content .search_results { margin-left: 25px; margin-top: 20px; }
#content .search_results li { border-bottom: 1px solid #ecebe2; padding-bottom: 10px; margin-bottom: 10px; }
#content .search_results li h4 { border: none; margin: 0; padding: 0; font-size: 1.1em; font-weight: 700  }
#content #right .search_results h4 a, 
#content #right .search_results h4 a:link { text-decoration: none; }
#content .search_results p { margin: 0; }
#content .content_search_form { background-color: #f4f4f4; padding: 10px; }
#content .content_search_form input.field { border: none; width: 300px; padding: 6px; color: #666; border: 1px solid #ddd }
#content .content_search_form button {  padding: 3px 3px 2px; color: #fff; background-color: #1b70a9; border: none; margin-left: 10px; cursor: pointer; }

/* ------- MÓJ PROFIL -------- */
#content ul.profile { margin: 10px 0; font-size: 1.1em; }
#content ul.profile li { display: inline; border-left: 1px solid #000; padding: 0 15px; }
#content ul.profile li.first { border-left: none; padding-left: 0; }
#content ul.profile li a { color: #000 }
#content table.profile th { font-weight: 500 }
#content table.profile th.p_price { width: 15%; text-align: center;  }
#content table.profile th.p_order { }
#content table.profile td { font-weight: 700; }
#content table.profile td.p_price { text-align: right; }

/* ------- STYLE WSPÓLNE ------- */
/* = Wartosc zamowienia */
#content p.order_summary { text-align: right; margin: 10px 0; padding: 0 4px; }
/* = Buttony dodawania do koszyka i przechowalni w tabeli */
#content p.order_summary { text-align: right; margin: 10px 0; padding: 0 4px; }
/* = Gray BOX */
#content .gray_box { background-color: #f3f3f3; border: 1px solid #e3e3e3; padding: 15px; margin-bottom: 1em;}

/* ------- LOGOWANIE -------- */
#content table.cart th.add_button { width: 20px; }
#content table.cart td a.add_to { width: 14px; height: 14px; display: block; font-size: .01em; text-indent: -9999px; background-position: center; background-repeat: repeat; margin: 0 auto; }

/* ------- 3 KROKI ZAMAWIANIA ZAKUPÓW -------- */
#content ul.order_steps {  }
#content ul.order_steps li { padding: 10px 0; margin: 0; width: 179px; float: left; text-align: center; color: #9a9a9a }

/* ------- KOSZYK - PIERWSZY ETAP ZAKUPÓW -------- */

/* = Wybor rat */
#content form .r_holder ul.raty img { margin-right: 14px; }

/* ------- DRUGI ETAP ZAKUPÓW -------- */
#content p.order_agree label { font-weight: 500 }
#content p.order_agree label input { vertical-align: middle }

/* ------- TRZECI ETAP ZAKUPÓW -------- */
#content .order .o_left { float: left; width: 40%; }
#content .order .o_right { float: right; width: 40%; }
#content .order .o_left,
#content .order .o_right { font-weight: 700 }
#content .order .o_left address,
#content .order .o_right address { margin-bottom: 0; }
#content p.order a { float: right; }

/* ------- LISTA PRODUKTOW -------- */
/* = Lista */
#content .products li.item { border-top: 1px solid #e4e4e4;  }
/* = Filtrowanie produktow */
#content form.product_filter { display: none }
/* = Sortowanie */
#content p.sorting { display: none }

/* ------- STRONA PRODUKTU -------- */
#content .product { border: 1px solid #e3e3e3; padding: 18px 0; }
/* = Zdjecia produktow */
#content .product .left_col { text-align: center; }
#content .product .left_col ul,
#content .product .left_col ul li ul,
#content .product .left_col ul li { margin: 0; padding: 0; height: 39px; }
#content .product .left_col ul { width: 200px; margin: 0 auto; text-align: left } 
#content .product .left_col ul li.prod_next,
#content .product .left_col ul li.prod_prev,
#content .product .left_col ul li.prod_images { width: 20px; float: left; }
#content .product .left_col ul li.prod_images { width: 160px; overflow: hidden; }
#content .product .left_col ul li.prod_images ul { width: 500px; }
#content .product .left_col ul li.prod_images ul li { display: inline;  }
#content .product .left_col ul li.prod_images ul li img { border: 1px solid #ddd; margin: 0 6px; }
#content .product .left_col ul li.prod_next a,
#content .product .left_col ul li.prod_prev a { display: block; width: auto; height: 100%; background-position: 4px 14px; background-repeat: no-repeat; text-indent: -9999px; outline: none; }
#content .product .left_col ul li.pr_inactive a { background-position: 4px -25px; cursor: default }
#content .product .left_col ul li.prod_next a { background-image: url('../img/prod_next.gif'); }
#content .product .left_col ul li.prod_prev a { background-image: url('../img/prod_prev.gif'); }
/* = Cena */
#content .pr_promotion { background: transparent url('../img/promocja.gif') no-repeat right top }
#content .product .right_col big strong { font-size: 1.54em; font-weight: 500; padding: 3px; background-color: #f4f4f4; color: #000 }
#content .product .right_col p { margin-bottom: 5px; }
#content .product .right_col p.pr_price { margin: 20px 0; }
#content .product .right_col ul,
#content .product .right_col ul li { margin: 0; padding: 0; }
#content .product .right_col ul li a { margin-right: 15px; }
#content .product .right_col ul { margin-bottom: 20px; }
/* = Taby do produktu */
#content ul.pr_tabs { background-color: #e4e4e4; margin: 6px 0; padding-top: 3px; }
#content .pr_tabs,
#content .pr_tabs li { margin: 0; padding: 0; font-weight: 700; }
#content .pr_tabs li { display: inline; line-height: 25px; margin-left: 10px; }
#content .pr_tabs li a { color: #5b5b5b; padding: 5px; }
#content .pr_tabs li a:hover { background-color: #eee;  color: #000 }
#content .pr_tabs li a.active,
#content .pr_tabs li a.active:hover { background-color: #fff; border-bottom: 1px solid #fff; color: #000; text-decoration: none }
/* = Zawartosc tabow */
#content .pr_desc { padding: 5px; }
/* = Opinie o produkcie */
#content .pr_opinions {  }
#content ul.pr_opinions,
#content ul.pr_opinions li { margin: 0; padding: 0; background-position: 0 18px; }
#content ul.pr_opinions li { padding: 10px; margin-left: 12px; border-bottom: 1px solid #e9e9e9 }
#content ul.pr_opinions li ul li { background: none; margin: 0; padding: 0; border-bottom: none; }
/* = Dodatki do strony z produktem */
#content ul.pr_addons { margin-top: 7px; }
#content ul.pr_addons li {  }
#content ul.pr_addons li p { float: left; width: 80%; margin: 0; }
#content ul.pr_addons li a.add_to_cart {  float: right; width: 19%; }

/* ------- WYSZUKIWARKA ZAAWANSOWANA -------- */
#content form.search_adv { margin-top: 15px;  }
#content form.search_adv fieldset { padding-top: 15px; }
#content form.search_adv .left { float: left; width: 70%; }
#content form.search_adv .left label { float: left; clear: both; width: 130px; }
#content form.search_adv .left input.field,
#content form.search_adv .left select { width: 200px; margin-top: 4px; float: left }
#content form.search_adv .right { float: right; width: 28%; }
#content form.search_adv .right label { margin-bottom: 7px; }
#content form.search_adv .right input.f_mini { width: 30% }

/* ------- KONFIGURATOR KOMPUTERA - KROK 1 -------- */
#content a.konf_delete { background-image: url('../img/konf_delete.gif'); }
#content table th.conf_name { width: 180px; }
#content table a.konf_add { background: transparent url('../img/konf_add.gif') no-repeat left center; padding-left: 15px; font-weight: 500 }
#content table tr.konf_active td { background-color: #fff; font-weight: 700 }
#content table td.conf_name { background-color: #ececec; font-weight: 500; font-size: 1.1em }

/* ------- KONFIGURATOR KOMPUTERA - KROK 2 -------- */
#content p.switch { display: none; }
#content ul.steps_buttons { display: none; }

/* ------- KONFIGURATOR KOMPUTERA - KROK 3 -------- */
#content ul.konf_3_buttons { display: none; }
#content #konf_primary { display: block !important }

/* ------- FAQ -------- */
#content dl.faq dt { font-size: 1.19em; color: #000; margin-bottom: 10px;  }
#content dl.faq p.to_top { margin-top: 0; }

/* ------- BLOKI INFORMACYJNE ERROR, ACCEPT, INFO -------- */
#content .info_box { text-align: left; padding: 10px; background-color: #f3f3f3; border: 1px solid #e3e3e3; padding-left: 30px; background-repeat: no-repeat; background-position: 8px 12px; font-weight: 700; margin-bottom: 10px; }
#content .b_error { color: #be0000; background-image: url('../img/com_error.gif'); }
#content .b_info { color: #3f7fbb; background-image: url('../img/com_info.gif'); }
#content .b_accept { color: #88b007; background-image: url('../img/com_accept.gif'); }

/* ------- PODZIAL NA STRONY -------- */
#content .pagination { margin-top: 18px; }
#content .pagination ul { width: 71%; float: left; line-height: 25px; }
#content .pagination ul,
#content .pagination ul li { margin: 0; padding: 0; }
#content .pagination ul li { display: inline; padding: 3px; padding-right: 5px; border-right: 1px solid #aaa; font-weight: 700;}
#content .pagination ul li.last { border: none;}
#content .pagination ul li a { padding: 0 5px; }
#content .pagination form { display: none }



/* OTHERS
------------------------------------------------------------*/
.display_none { display: none !important; }
.visibility_hidden { visibility:hidden }
.margin_fr { margin: 0 0 10px 10px; }
.margin_fl { margin: 0 10px 10px 0; }
.margin_zero { margin: 0; }
.float_left { float: left !important }
.float_right { float: right !important }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.no_border { border: none; }
.no_padding { padding: 0 !important; }
.no_margin { margin: 0 !important; }
.no_bold { font-weight: 500 !important; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.strike { text-decoration: line-through !important; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] FROM Blueprint CSS Framework */
.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }