/* ------------  CSS Document  ------------ */
/* ------------  plug(..)shop  ------------ */

body {margin:0; padding:0; color:#000000; font-size:10px; font-family:Verdana, Tahoma, Arial, sans-serif;}
table td {color:#000000; font-size:10px; font-family:Verdana, Tahoma, Arial, sans-serif;}

p, img, form, table, td, br, h1, h2, h3, h4, h5, h6, span {margin:0; padding:0; border:0;}
.cleared {clear:both; line-height:0; float:none; font-size:0; margin:0; padding:0;}

input, select, textarea {font-family:Verdana, Tahoma, Arial, sans-serif; font-size:10px; color:#000000;}

.txt_9   {font-size:9px;}
.txt_9b  {font-size:9px; font-weight:bold;}
.txt_9n  {font-size:9px; font-weight:normal;}
.txt_10  {font-size:10px;}
.txt_10b {font-size:10px; font-weight:bold;}
.txt_10n {font-size:10px; font-weight:normal;}
.txt_11  {font-size:11px;}
.txt_11b {font-size:11px; font-weight:bold;}
.txt_11n {font-size:11px; font-weight:normal;}
.txt_12  {font-size:12px;}
.txt_12b {font-size:12px; font-weight:bold;}
.txt_12n {font-size:12px; font-weight:normal;}
.txt_15  {font-size:15px;}
.txt_15b {font-size:15px; font-weight:bold;}
.txt_15n {font-size:15px; font-weight:normal;}
.txt_bold {font-weight:bold;}

.uppercase {text-transform:uppercase}

/* ----- kolory fontów na stronie ----- */
  .kolor_1 {color:#000000;}  /* standard color */
  .kolor_2 {color:#8a2;}  /* zielony */
  .kolor_3 {color:#f60;}  /* zielony */
  
  .kolor_4 {color:#fff;}  /* bialy */
  .kolor_5 {color:#000000;}  /* szary 1 */
  .kolor_6 {color:#000000;}  /* szary 2 */
  .kolor_7 {color:#000000;}  /* szary 3 */
  .kolor_8 {color:#000000;}  /* czarny */
  .kolor_9 {color:#000000;}  /* czarny */
/* ------------------------------------ */

/* ----- kolory backgroundów (wykorzystywane tez do łuków) ----- */
  .bg_kolor_1, .luk_kolor_1 b {background-color:#f0f0f0;} /* body background */
  .bg_kolor_2, .luk_kolor_2 b {background-color:#8a2;} /* podstawowy box kolor 1*/
  .bg_kolor_3, .luk_kolor_3 b {background-color:#f60;} /* podstawowy box kolor 2*/
  
  .bg_kolor_4, .luk_kolor_4 b {background-color:#fff;} /* biały */
  .bg_kolor_5, .luk_kolor_5 b {background-color:#f0f0f0;} /* szary 1 */
  .bg_kolor_6, .luk_kolor_6 b {background-color:#d0d0d0;} /* szary 2 */
  .bg_kolor_7, .luk_kolor_7 b {background-color:#ddd;} /* szary 3 */
/* ------------------------------------------------------------- */

/* ------------  definicja podstawowych linków  ------------  */
  a {color:#666; text-decoration:none;}
  a:hover {color:#444;}
  
  a.kolor_1:hover {}
  a.kolor_2:hover {color:#6a0;}
  a.kolor_3:hover {}
  a.kolor_4:hover {color:#ddd;}
  a.kolor_5:hover {}
  a.kolor_6:hover {}
  a.kolor_7:hover {}
  a.kolor_8:hover {}
  a.kolor_9:hover {}
/* ------------  Koniec podstawowych linków  ------------ */

div#glowny {text-align:center;}
  div#cien_gora, div#cien_dol {margin:0 auto 0 auto; padding:12px 13px 0; width:810px; height:8px; background:url(../img/cien_gora.gif) no-repeat;}
  div#cien_boczny {margin:0 auto 0 auto; width:810px; padding:0 13px; background:url(../img/cien_body.gif) repeat-y;}
  div#cien_dol {padding:0 13px 12px; background:url(../img/cien_dol.gif) no-repeat;}
  div#wysrodkowany {position:relative; width:796px; text-align:left; padding:8px 0 8px 14px;}

div#main {width:776px;}
  
  div#box_top {position:relative; width:100%;}
    div#top_belka {height:50px; margin-bottom:8px;}
      div.button_mtop {float:right; width:100px; height:40px; margin-top:10px; margin-left:3px;}
        div.button_mtop a {display:block; height:20px; padding:9px 0 11px; background:url(../img/button_top.gif) no-repeat; 
                           text-align:center; font-weight:bold; font-size:10px;}
        div.button_mtop a:hover {background-position:0 -40px; color:#fff;}
        
      a.logo_top {position:absolute; left:20px; top:0; display:block; width:165px; height:80px;}
      
    div#swf_top, div#foto_top {height:160px; width:520px;}
    div#foto_top {background-image:url(../img/main_foto.jpg); background-repeat:no-repeat;}
      
      div#box_login_kosz_szuk {float:right; width:232px;}
        div#box_login_kosz_szuk span.nazwa {margin-left:5px; font-weight:bold;}
  		  
  		  div#after_login_menu {margin:10px -8px 0 -8px;}
  		    div#after_login_menu a {display:block; padding:2px 0 2px 43px; color:#fff;}
  		    div#after_login_menu a:hover {background-color:#a2bf43;}
        
  		  td#koszyk_top {background:url(../img/koszyk.gif) 127px 4px no-repeat;}
  		  td#koszyk_top span#koszyk_top_cena {padding-left:10px;}
            		    
		    table#tab_szukaj_top {width:216px; vertical-align:middle; margin:4px 0 0 8px; height:22px;}
		      table#tab_szukaj_top td {padding:2px 0 0 5px; text-align:left;}
		      table#tab_szukaj_top td img {margin-bottom:-4px; margin-left:8px; display:inline;}
		      table#tab_szukaj_top td.text {width:50px; text-align:right; padding-right:5px;}
          table#tab_szukaj_top td input#main_q {width:110px; font-weight:normal;}
        
  div#box_center {width:776px; height:750;}
    
    div#column_left {float:left; width:170px; margin:0 0 5px;}

/* ------------  Menu główne  ------------  */
      div.box_main_menu_tekst {position:relative; padding:0;}
        div#box_marki_filtr {position:absolute; top:0; left:8px;}
        div.menu_etykieta {width:100%; height:100%;}
          div.menu_etykieta a {display:block; height:100%; padding:13px 0 0 6px; font-weight:bold; font-size:12px;}
        a.submenu_0, a.submenu_1, a.submenu_2, a.submenu_0_activ, a.submenu_1_activ, a.submenu_2_activ 
          {position:relative; display:block; margin:0; padding:2px 0 2px 33px; color:#fff; font-size:12px;}
        div.box_sub_menu_1, div.box_sub_menu_2, div.box_sub_menu_3 {padding:3px 0 5px;}

			  a.submenu_0, a.submenu_0_activ {background:url('../img/menu_pointer.gif') no-repeat 15px 5px;}
			  a.submenu_0_activ {color:#fff; background-color:#a2bf43; font-weight:bold;}
        a.submenu_0_activ:hover, a.submenu_0:hover {color:#fff; background-color:#a2bf43;}

        a.submenu_1, a.submenu_1_activ {margin:0; font-size:11px; padding:1px 0 1px 48px; color:#fff; background:url('../img/menu_pointer_small.gif') no-repeat 33px 6px;}
        a.submenu_1_activ {background-position:33px -34px; color:#fff; font-weight:bold;}
        a.submenu_1_activ:hover, a.submenu_1:hover {background-position:33px -34px; color:#fff; background-color:#a2bf43;}

        a.submenu_2, a.submenu_2_activ {margin:0; padding:1px 0 2px 60px; font-size:10px; color:#fff; text-transform:lowercase;}
        a.submenu_2_activ {color:#fff; font-weight:bold;}
        a.submenu_2_activ:hover, a.submenu_2:hover {color:#fff; background-color:#a2bf43;}
/* ------------  Koniec Menu główne  ------------ */


/* ------------  Boxy typu box_1 i box_2  ------------  */
      div.box_1, div.box_2 {width:170px; margin-top:10px; position:relative; margin-bottom:18px;}
        div.box_1_naglowek, div.box_2_naglowek {padding:0 0 8px 13px; background:url(../img/box_1_bg.gif) repeat-x;}
        html>body div.box_1_naglowek, html>body div.box_2_naglowek {padding:0 0 5px 13px;}
        div.box_1_zawartosc {padding:2px 8px;}
        div.box_1 .zaw_bg, div.box_2 .zaw_bg {background-image:url(../img/box_1_bg.gif); background-repeat: repeat-x;}
        div.box_2_zawartosc {padding:2px 0;}
          div.box_1_zawartosc a, div.box_2_zawartosc a {display:block;}
        div.right {text-align:right;}
        
        div.box_2 {}
          div.box_2 img.baner {width:160px;}
/* ------------  Koniec Boxy typu box_1 i box_2  ------------ */

/* ------------  Box baner  ------------  */
          .baner_maska_tl, .baner_maska_tr, .baner_maska_bl, .baner_maska_br {position:absolute; width:4px; height:4px;}
          .baner_maska_tl {top:0; left:5px;}
          .baner_maska_tr {top:0; right:5px;}
          .baner_maska_bl {bottom:0; left:5px;}
          .baner_maska_br {bottom:0; right:5px;}
          .baner_nazwa {margin:5px 7px 0;}
/* ------------  Koniec Box baner  ------------ */

/* ------------  Box specjalne  ------------  */
          #box_specjalne {padding-left:5px;}
            #box_specjalne a {margin:4px 0;}
/* ------------  Koniec Box specjalne  ------------ */

/* ------------  Box marki  ------------  */
          div.box_1 a.obrazek {position:relative; width:150px; padding:0; margin:0 auto;}
          div.box_1 a.right {padding-right:15px;}
          div.box_1 img.logo {width:150px;}
/* ------------  Koniec Box marki  ------------ */

/* ------------  Boxy wyboru (np. jezyk, waluta) ------------  */
          a.box_w, a.box_w_active {display:block; margin:1px 0; padding:5px 0 5px 10px;}
          a.box_w_active {background:#fff;}
          a.box_w:hover {background:#fff;}
          a.box_w img.ico, a.box_w_active img.ico {margin: 0 5px -1px -3px;}
/* ------------  Koniec Boxy wyboru  ------------ */

/* ------------  Element zawierający dolne sety i linki wróć / góra  ------------  */
  div#content_bottom {margin:0 0 20px 208px; padding:10px 0 5px;}
    div#wroc_gora {float:right;}
      div#wroc_gora a.wroc, div#wroc_gora a.gora {padding-right:18px; padding-left:8px; background:url(../img/wroc_strzalka.gif) no-repeat 100% 1px;}
			div#wroc_gora a.gora {border-left:solid 2px #c3c3c3; background:url(../img/gora_strzalka.gif) no-repeat 100% 1px; margin-left:8px;}
/* ------------  Koniec dolne sety i linki wróć / góra  ------------ */

/* ------------ Box botom pod strona -------------- */
  div#box_bottom {}
  div.box_bottom_info {position:absolute; right:8px; top:13px;  text-align:right;}
      a.powered {font-weight:bold;}
      div.box_bottom_info a {font-weight:bold; margin-right:8px; font-size:10px;}
/* ------------  Koniec Box botom pod strona  ------------ */

/* ------------ Stopka -------------- */
  div#box_stopka {margin:0 auto 8px auto; width:776px; padding-bottom:8px; font-size:10px;}
/* ------------  Koniec Stopka  ------------ */

/* ------------ Formularze -------------- */
	.form_1 {font-style:normal; line-height:normal; margin:0; padding:2px; border:1px solid #ccc;}
  .form_1_notok {font-style:normal; line-height:normal; margin:0; padding:2px; border:1px solid #c33; background-color:#fcc;}
  .form_1_notvalid {font-style:normal; line-height:normal; margin:0; padding:2px; border:1px solid #33c; background-color:#ccf;}
  .form_2 {border:1px solid #ccc;}
  div.form_div {float:left; margin-bottom:4px;}
  input.form_button {font-size:10px; height:19px; text-align:center; margin-bottom:-1px; padding:0 3px;}
  html>body input.form_button {font-size:10px; height:auto; margin-bottom:0; padding:0 7px;}
  
  /* --- ikonki informacyjne z prawej strony formulary */
    img.info {margin:0 4px 0 0;}
    img.info_r {margin:0 0 0 4px;}
    html>body img.info {margin:2px 4px -2px 0;}
    img.info_float {float:left; margin:3px 4px 0 0;}
    html>body img.info_float {margin:3px 4px -2px 0;}
  /* ------------------------------------------------- */
/* ------------  Koniec Formularze  ------------ */

/* styl opisujacy wyglad wyskakujacego kometarza przy myszcze funkcji komentarz */
  #onmouse_komentarz {font-size:11px; padding:2px 4px; background:#ffa; border:1px solid #999; width:250px;
  /* - pozycja komentarza - */
    position:absolute; margin-top:0;}
  html>body #onmouse_komentarz {width:auto; max-width:250px;}
/* ------------  Koniec ------------ */