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

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

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

ul { padding-left:30px; margin:10px 0px;}
input, select, textarea {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;}

.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: #333;}     /* standard color */
  .kolor_2 {color: #008a99;}  /* morski */  
  .kolor_3 {color: #666;}  /* szary */
  .kolor_4 {color: #fff;}  /* bialy */
  .kolor_5 {color: #000;}  /* czarny */
  .kolor_6 {color: #aaa;}  /* jasny szary */
  .kolor_7 {color: #888;}  /* jasny szary */  
  .kolor_8 {color: #86CDD8;} /*morski jasny */
  .kolor_9 {color: #ff33cc;} /*róż */
/* ------------------------------------ */

/* ------------  definicja podstawowych link�w  ------------  */
  a {color: #666; text-decoration: none;}
  a:hover {color: #ff33cc;}

  .opis_produktu_kontener a {color: #8a2; text-decoration: none; font-weight: bold;}
  .opis_produktu_kontener a:hover {color: #680;}
  
  a.kolor_3:hover {color: #333;}
  a.kolor_4:hover {color: #ccc;}
  
  .orange {color: #f60;}
  .orange:hover {color: #d40;}
  
  .white {color: #fff;}
  a.white:hover {color: #eee;}
  
  .szary {color: #555;}
  a.szary:hover {color: #333;}
  
  .arrow_green_l, .arrow_green_r {color: #fff; font-size: 10px;}
  .arrow_green_l {background: url(../img/arrow_green_r.gif) no-repeat 0px 3px; padding-left: 10px;}
  .arrow_green_r {background: url(../img/arrow_green_r.gif) no-repeat 100% 3px; padding-right: 10px;}
  .arrow_green_l:hover, .arrow_green_r:hover {color: #e8e8e8;}
/* ------------  Koniec podstawowych link�w  ------------ */

div#glowny {text-align: center; margin-bottom: 10px;}
  div#cien_gora {position: relative; margin: 0px auto 0px auto; width: 1010px; height: 1px;} /*background: url(../img/gora_cien.gif) no-repeat 0px 0px;}*/
  div#cien_boczny {position: relative; margin: 0px auto 0px auto; width: 1010px; padding: 0px 13px;} /*background: url(../img/body_cien.gif) repeat-y 0px 0px;}*/
  div#cien_dol {display: none; position: relative; margin: 0px auto 0px auto; width: 836px; height: 23px;} /*background: url(../img/dol_cien.gif) no-repeat 0px 0px;}*/
  div#wysrodkowany {width: 990px; text-align: left; padding: 2px 0px 0px 14px;} /*background: #c9c9c9;*/

div#main {width: 980px;}
  
  a.logo_top {display: block; width: 212px; height: 198px; }
  div#slogan {margin: 10px 0px 25px; padding: 0px 10px 0px 10px; text-align: right;}
  
  div#box_top {position: relative; overflow: hidden;}
    div.bt_menu {float: right; display: inline; border-right: 1px dotted #666; padding: 1px 10px 2px; margin-bottom: 6px;}
    div.no_border {border: none;}
    
    div#top_belka {padding: 20px 0px 0px 0px;}
      div#box_koszyk_top {float: right; display: inline; width: 180px;}
        div#box_koszyk_top a, div#box_koszyk_top div {float: right; display: inline; padding: 1px 10px 0px 0px;}
        div#box_koszyk_top a.kolor_9 {background: url('../img/koszyk.gif') no-repeat 82% 1px; padding: 1px 30px 2px 0px;
          border-right: 1px dotted #666; margin-right: 10px;}
      div.button_mtop {float: left;}
        div.button_mtop a {display: block; border-right: 1px dotted #666; padding: 1px 10px 2px; text-align: center; font-size: 10px;}
        div.button_mtop a.activ {font-weight: bold;}
  	
    div#swf_top {margin-top: 5px; height: 140px;}
    div#foto_top {margin-top: 5px; height: 140px; background-image: url(../img/main_foto_1.jpg); background-repeat: no-repeat;}
    
    div#box_szukaj_top {margin: 15px 0px; padding-top:2px; height: 22px; font-weight: bold; text-align: center; color:#666666}
		  div#box_szukaj_top input#main_q {margin-left: 8px; width: 90px; font-weight: normal; padding-top: 0px; padding-bottom: 0px;}
		  div#box_szukaj_top img {margin-left: 2px; margin-bottom: -1px; display: inline;}
      
  div#box_center {width: 990px;}
    
    div#column_left {float: left; width: 220px; margin: 0px 0px 5px 0px;}


/* ------------  Menu g��wne  ------------  */
      div.box_main_menu_tekst {position: relative; padding: 10px 0px;}
        div.box_main_menu_tekst:first-child {border: none;}
        div#main_menu_belka_top {background: url('../img/main_menu_belka_top.gif') no-repeat; height: 30px; text-align: center;}
          div.menu_etykieta {float: left; disaly: inline; margin-left: 5px; padding: 5px 15px 0px; height: 18px; font-weight: bold;}
            div#main_menu_belka_top a {display: block; padding: 5px 0px 0px 0px; font-weight: bold; margin-left: 10px; height: 18px;}
            div#main_menu_belka_top a:hover {color: #ccc;}
        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: 0px; padding: 3px 0px 3px 27px; font-size: 10px;}
        div.box_sub_menu_1, div.box_sub_menu_2, div.box_sub_menu_3 {padding: 3px 0px 5px 0px;}
        
        a.submenu_0:first-child, a.submenu_0_activ:first-child {border: none;}
			  a.submenu_0, a.submenu_0_activ {background: url('../img/menu_pointer.gif') no-repeat 9px -91px; border-top: 1px dotted #ccc;}
			  a.submenu_0_activ {color: #ff33cc; background-position: 9px 4px; font-weight: bold;}
        a.submenu_0_activ:hover, a.submenu_0:hover {color: #333; background-position: 9px -186px;}

        a.submenu_1, a.submenu_1_activ {padding: 1px 0px 1px 42px; background: url('../img/menu_pointer_small.gif') no-repeat 28px -42px;}
        a.submenu_1_activ {color: #ff33cc; background-position: 28px 4px;}
        a.submenu_1_activ:hover, a.submenu_1:hover {color: #333; background-position: 28px -89px;}

        a.submenu_2, a.submenu_2_activ {padding: 1px 0px 2px 50px; font-size: 10px; text-transform: lowercase;}
        a.submenu_2_activ {color: #188172;}
        a.submenu_2_activ:hover, a.submenu_2:hover {color: #333;}
/* ------------  Koniec Menu g��wne  ------------ */

/* ------------  Bleka news/przeceny/najlepiej oceniane  ------------- */
		div.belka_left {background:url('../img/b_belka_left_h.gif') no-repeat; width:9px; height:32px; float:left;}
		div.belka_main {background:url('../img/b_belka_main.gif') repeat-x; width:728px; height:32px; float:left;}
		div.belka_right {background:url('../img/b_belka_right.gif') no-repeat; width:10px; height:32px; float:left;}
/* ------------  Boxy typu box_1  ------------  */
      div.box_1 {width: 210px; margin-top: 13px; position: relative; margin-bottom: 24px;}
        div.box_1_naglowek {display: none; height: 25px; padding-top: 8px;}
        div.box_1_zawartosc {padding: 2px 0px;}
        div.right {text-align: right;}
          div.box_1_zawartosc a {display: block;}
       
      div.box_2 {margin-bottom: 24px;}
      
      div.box_baner {text-align: right; padding-right: 5px; position: relative;}
        div.box_baner img {width: 199px;}
        div.baner_maska_top {width: 160px; height: 4px; background: url(../img/maska_up.gif) no-repeat 0px 0px; position: absolute; left: -160px; top: 0px; z-index: 100;}
        html>body div.baner_maska_top {background: url(../img/maska_up.png) no-repeat 0px 0px; left: 0px;}
        div.baner_maska_bottom {width: 160px; height: 4px; background: url(../img/maska_down.gif) no-repeat 0px 0px; position: absolute; left: -160px; bottom: 22px; z-index: 100;}
        html>body div.baner_maska_bottom {background: url(../img/maska_down.png) no-repeat 0px 0px; left: 0px; bottom: 0px;}
      
      div.box_baner_bottom {margin-bottom: 15px;}           
/* ------------  Koniec Boxy typu box_1  ------------ */

/* ------------  Box marki  ------------  */
          div.box_1_zawartosc a.obrazek {background: none; padding: 0px; margin: 0px;}
          div.box_1_zawartosc a.right {padding-right: 15px; font-weight: bold; margin-right: 3px;}
          div.box_1_zawartosc img.logo {width: 195px; padding-bottom: 3px;}
/* ------------  Koniec Box marki  ------------ */

/* ------------  Boxy flagi i waluty  ------------  */
          div.box_1_zawartosc a.jezyki, div.box_1_zawartosc a.jezyki_active {display: block; font-weight: bold; margin: 1px 0px; padding: 2px 0px;}
          div.box_1_zawartosc a.jezyki_active {background: #fafafa;}
          div.box_1_zawartosc a.jezyki:hover {background: #fafafa;}
          div.box_1_zawartosc img.flagi {margin-left: 15px; margin-right: 10px;}
/* ------------  Koniec Boxy flagi i waluty  ------------ */

/* ------------  Element zawieraj�cy dolne sety i linki wr�� / g�ra  ------------  */
  div#content_bottom {margin: 0px 20px 20px 230px; padding: 10px 0px 5px 0px;}
    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% 2px;}
			div#wroc_gora a.gora {border-left: solid 2px #c3c3c3; background: url(../img/gora_strzalka.gif) no-repeat 100% 2px; margin-left: 8px;}
/* ------------  Koniec dolne sety i linki wr�� / g�ra  ------------ */

/* ------------ Box botom pod strona -------------- */
  div#box_bottom {display: none;}
/* ------------  Koniec Box botom pod stron�  ------------ */

/* ------------ Stopka -------------- */
  div#box_stopka {margin: 0px auto 8px auto; width: 980px; border-top: 1px dotted #999; padding: 5px 0px 8px; text-align: left;}
    div#box_stopka p {float: right;}
  div#box_stopka_top {margin: 0px auto 8px auto; width: 780px; height:70px; padding: 10px 0px 8px; text-align: left;}
/* ------------  Koniec Stopka  ------------ */

/* ------------ Formularze -------------- */
	.form_1 {font-style: normal; line-height: normal; margin: 0px; padding: 2px; border: 1px solid #ccc;}
  .form_1_notok {font-style: normal; line-height: normal; margin: 0px; padding: 2px; border: 1px solid #c33; background-color: #fcc;}
  .form_1_notvalid {font-style: normal; line-height: normal; margin: 0px; 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: 0px 3px;}
  html>body input.form_button {font-size: 10px; height: auto; margin-bottom: 0px; padding: 0px 7px;}
  
  /* --- ikonki informacyjne z prawej strony formulary */
    img.info {margin: 0px 4px 0px 0px;}
    img.info_r {margin: 0px 0px 0px 4px;}
    html>body img.info {margin: 2px 4px -2px 0px;}
    img.info_float {float: left; margin: 3px 4px 0px 0px;}
    html>body img.info_float {margin: 3px 4px -2px 0px;}
  /* ------------------------------------------------- */
/* ------------  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:0px;}
  html>body #onmouse_komentarz {width: auto; max-width: 250px;}
/* ------------  Koniec ------------ */