/* ------------  CSS Document  ------------ */
/* ------------  styl główny   ------------ */
/* ------------  plug(..)shop   ------------ */

body {margin: 0px 0px 10px 0px; padding: 0px; color: #686868; background: url(../img/body_bg.gif) 0px 0px; font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
table td {color: #686868; 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;}

input {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #686868;}
select {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #686868; border: solid 1px #9f9f9f;}
textarea {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #686868;}

.txt_10  {font-size: 10px; font-weight: normal;}
.txt_10b {font-size: 10px; font-weight: bold;}
.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_15b {font-size: 15px; font-weight: bold;}
.txt_15n {font-size: 15px; font-weight: normal;}

/* ------------  definicja podstawowych linków  ------------  */
/* ------------  poprawione pandres */

a {color: #686868; text-decoration: none;}
a:hover {color: #606060;}

.opis_produktu_kontener a {color: #8a2; text-decoration: none; font-weight: bold;}
.opis_produktu_kontener a:hover {color: #680;}

.green {color: #792;}
a.green:hover {color: #680;}

.orange {color: #f60;}
.orange:hover {color: #d40;}

.yellow {color: #E43D00;}
a.yellow:hover {color: #DBBA19;}

.arrow_green_l, .arrow_green_r {color: #fff; font-size: 10px; font-weight: bold;}
.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#wysrodkowany {position: relative; margin: 0px auto 0px auto; width: 830px; text-align: left;}
  
  * html div#main_top {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="template/gastro_24/img/site_top_bg.png", sizingMethod="image"); height: 15px;}
  html>body div#main_top {background: url(../img/site_top_bg.png) no-repeat 0px 0px; height: 15px;}
  * html div#main {width: 808px; padding: 0px 11px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="template/gastro_24/img/site_side_bg.png", sizingMethod="scale"); height: 15px;}
  html>body div#main {width: 808px; padding: 0px 11px; background: url(../img/site_side_bg.png) repeat-y 0px 0px;}
                                              
  div#box_top {position: relative; width: 100%; background: #fff; height: 200px; overflow: hidden; }
  
    div#koszyk_top {position: absolute; width: 207px; height: 114px; right: 30px; top: 0px;}
      div#koszyk_top_tekst {border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9; background: #F7F7F5;}
        div#koszyk_top_tekst_1  {border-bottom: solid 1px #e9e9e9; padding: 6px 8px;}
          div#koszyk_top_tekst_1 a {color: #686868; font-size: 10px;}
          div#koszyk_top_tekst_1 span.nazwa {font-weight: bold; font-size: 10px;}
        
        div#koszyk_top_hidden {font-size: 9px; height: 68px; background: #fff; overflow: hidden; display: none; margin-bottom: 8px; position: relative; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
         div.img_container {width: 80px; text-align: center;}
           div.img_container img {height: 60px;}
           div#koszyk_top_hidden div.opis {z-index: 1; position: absolute; height: 60px; width: 120px; left: 70px; top: 3px; overflow: hidden;}
            div#koszyk_top_hidden div.opis a {display: block;}
            div#koszyk_top_hidden div.opis a.tekst_dodane {font-weight: bold;}
            div#koszyk_top_hidden div.opis a.nazwa {height: 24px; overflow: hidden;}
            div#koszyk_top_hidden div.opis a.inne {color: #9f9f9f;}
            a.koszyk_top_link {z-index: 100; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
        div#koszyk_top_tekst_2  {position: relative; padding: 6px 4px 0px 4px;}
        div#koszyk_top_tekst_2 a.koszyk_link {padding-left: 30px; background: url(../img/koszyk_top.gif) no-repeat 5px 0px; font-weight: bold; font-size: 12px; color: #E43D00;}
          div#koszyk_top_tekst_2 span.koszyk_tekst {float: right; color: #686868; font-size: 10px; font-weight: normal; cursor: pointer; margin-right: 4px;}
        
      div#koszyk_top_luk {height: 14px; background: url(../img/koszyk_top_luk_bg.gif) no-repeat 0px 0px;}
      
    div#top_logo {float: left; padding: 0px 0px 0px 20px; height: 105px;}
    div.top_belka {height: 65px; padding-left: 16px;  margin-left: 200px; margin-right: 30px; background: url(../img/tekst_gif_bg.gif) repeat-x 0px 13px;}
      div.top_belka a {float: left; display: block; height: 36px; padding: 0px 8px; margin-right: 18px; background: #fff;}
                                                
  div#box_center {background: #fff;}
    
    div#column_left {float: left; width: 170px; padding-left: 20px; margin-top: 0px;}
                                            
                                            
  /* ------------  Menu główne  ------------  */
  /* ------------  poprawione pandres */
  
        div.box_main_menu_tekst {position: relative; margin-top: 0px;}
          div.menu_etykieta {width: 100%; height: 100%;}
          div.menu_etykieta_bott {width: 170px; height: 28px; font-size: 9px; color: #BFBFBF; text-align: center; padding-top: 6px;}
            div.menu_etykieta a {display: block; height: 100%;}
            div.menu_etykieta a:hover {}
          a.submenu_0, a.submenu_1, a.submenu_2, a.submenu_0_activ, a.submenu_1_activ, a.submenu_2_activ 
            {display: block; padding: 0px 0px 0px 82px;}
          div.box_sub_menu_1, div.box_sub_menu_2, div.box_sub_menu_3 {}
  
  			  a.submenu_0, a.submenu_0_activ {z-index: 100; border-bottom: solid 1px #e5e5e5; height: 65px; background: url(../img/main_menu_arrow_s.gif) no-repeat 70px 37px;}
  				a.submenu_0_activ {color: #ccc;}
          a.submenu_0_activ:hover, a.submenu_0:hover {color: #ccc;}
          
          div.box_sub_menu_1 {padding: 0px 10px 0px 15px;}
          a.submenu_1, a.submenu_1_activ {padding: 5px 0px 5px 25px; color: #686868; background: url(../img/main_menu_arrow_s.gif) no-repeat 12px 9px;}
          a.submenu_1_activ {background-color: #fafafa;}
          a.submenu_1_activ:hover, a.submenu_1:hover {background-color: #fafafa; color: #686868;}
          
          div.box_sub_menu_2 {padding: 6px 0px;}
          
          a.submenu_2, a.submenu_2_activ {margin: 0px; padding: 3px 0px 3px 50px; font-size: 10px; color: #9F9F9F; background: url(../img/main_menu_arrow_s.gif) no-repeat 37px 7px;}
          a.submenu_2_activ {color: #9F9F9F; background-color: #fafafa;}
          a.submenu_2_activ:hover, a.submenu_2:hover {color: #9F9F9F; background-color: #fafafa;}
          
          
          /* menu dla firm */
          
          a.f_submenu_0, a.f_submenu_1, a.f_submenu_2, a.f_submenu_0_activ, a.f_submenu_1_activ, a.f_submenu_2_activ 
            {display: block; padding: 3px 0px 0px 20px;}
            
  			  a.f_submenu_0, a.f_submenu_0_activ {height: 22px; background: url(../img/main_menu_arrow_s.gif) no-repeat 10px 7px;}
  				a.f_submenu_0_activ {color: #ccc;}
          a.f_submenu_0_activ:hover, a.f_submenu_0:hover {color: #ccc;}
          
          div.box_sub_menu_1 {padding: 0px 10px 0px 15px;}
          a.f_submenu_1, a.f_submenu_1_activ {padding: 5px 0px 5px 25px; color: #686868; background: url(../img/main_menu_arrow_s.gif) no-repeat 12px 9px;}
          a.f_submenu_1_activ {background-color: #fafafa;}
          a.f_submenu_1_activ:hover, a.f_submenu_1:hover {background-color: #fafafa; color: #686868;}
          
          div.box_sub_menu_2 {padding: 4px 0px;}
          
          a.f_submenu_2, a.f_submenu_2_activ {margin: 0px; padding: 2px 0px 3px 50px; font-size: 10px; color: #9F9F9F; background: url(../img/main_menu_arrow_s.gif) no-repeat 37px 7px;}
          a.f_submenu_2_activ {color: #9F9F9F; background-color: #fafafa;}
          a.f_submenu_2_activ:hover, a.f_submenu_2:hover {color: #9F9F9F; background-color: #fafafa;}
          
          /* ------------ */
          
  
  /* ------------  Koniec Menu główne  ------------ */
                                            
                                            
                                            /* ------------  Boxy typu box_1  ------------  */
                                            /* ------------  poprawione pandres */
                                            
                                                  div.box_1 {width: 170px; margin-top: 20px; position: relative;}
                                                    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; font-weight: bold;}
                                                      
                                                   div.box_1 div.luk_zielony {position: relative;}
                                                   
                                            
                                            /* ------------  Koniec Boxy typu box_1  ------------ */
                                            
                                            /* ------------  Box marki  ------------  */
                                            /* ------------  poprawione pandres */
                                            
                                                      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: 150px; padding-bottom: 3px;}
                                            
                                            /* ------------  Koniec Box marki  ------------ */
                                            
                                            
                                            /* ------------  Boxy flagi i waluty  ------------  */
                                            /* ------------  poprawione pandres */
                                            
                                                      div.box_1_zawartosc a.jezyki, div.box_1_zawartosc a.jezyki_active {display: block; font-weight: bold; margin: 1px 0px; padding: 5px 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  ------------  */
                                            /* ------------  poprawione pandres */
                                              div#content_bottom {margin: 30px 0px -20px 208px; padding: 10px 0px 5px 0px; position: relative; z-index: 100;}
                                                div#wroc_gora {float: right; margin-right: 20px;}
                                                html>body div#wroc_gora {margin-right: 30px;}
                                                  div#wroc_gora a.wroc, div#wroc_gora a.gora {padding-right: 8px; padding-left: 14px; background: url(../img/wroc_strzalka.gif) no-repeat left center; color: #9f9f9f;}
                                            			div#wroc_gora a.gora {background: url(../img/gora_strzalka.gif) no-repeat left center; margin-left: 8px;}
                                            
                                            /* ------------  Koniec dolne sety i linki wróć / góra  ------------ */
                                            
                                            
                                            /* ------------ Box botom pod stron± -------------- */
                                            /* ------------  poprawione pandres */
                                              div#box_bottom {height: 78px;}
                                              
                                              div.box_bottom_info {float: left; width: 400px; padding: 10px; display: inline;}
                                                div.box_bottom_info_tekst {padding: 0px;}
                                                  div.box_bottom_info_tekst p {padding: 0px;}
                                                  div#odstep_bottom {height: 30px;}
                                                  
                                            /* ------------  Koniec Box botom pod stron±  ------------ */
                                            
                                            /* ------------ Stopka -------------- */
                                            /* ------------  poprawione pandres */
                                            		/*text-align: center; font-size: 9px; border-top: solid 1px #d1d1d1; margin: 0px 62px; */
                                            		div#box_stopka {text-align: center; margin: 0px auto; padding-top: 6px; width: 776px; height: 25px; margin-top: 10px; border-top: solid 1px #e5e5e5; font-size:9px;}
														div#box_stopka a, div#box_stopka a.last {padding: 0px 7px; border-right: solid 1px #e5e5e5; color: #9F9F9F; font-weight: normal; }
													    div#box_stopka a.last {border: none;}
														div#box_stopka p {color: #bbb; padding-top: 3px;}
                                            			/* p.stopka_tekst_left {margin-left: 8px; font-size: 10px; text-align: left;}
                                            			span.stopka_right {float: right;}
                                            			span.stopka_link_right {float: right; margin-right: 8px; margin-left: 5px;} */
                                            			
                                            /* ------------  Koniec Stopka  ------------ */
                                            
/* ------------ Dół strony -------------- */
div#site_bottom {height: 26px;}
* html div#site_bottom {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="template/plug_shop/img/bottom_bg.png", sizingMethod="image");}
html>body div#site_bottom {background: url(../img/bottom_bg.png) no-repeat 0px 0px; }
div#stopka_plug {text-align: right;}
  div#stopka_plug img {margin-right: 11px;}

/* ------------  Koniec Stopka  ------------ */                                            
                                            
/* ------------ Formularze -------------- */
/* ------------  poprawione pandres */
	.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 ------------ */

div.dziubek, div.dziubek_top {position: absolute; width: 19px; height: 11px; top: 7px; left: 120px; background: url(../img/dziubek_green_b.gif) no-repeat;}
  div.dziubek_top {left: 160px;}