/*   TEN CSS JEST AKTYWNY  */


  /* Kafelek z produktem. Podstawowy wygląd tabeli */
.highlight-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  /*background-image: url('twoje-zdjecie.jpg'); /* Dodaj swoje zdjęcie */
  background-size: cover;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
   /* border: 1px solid #ddd;   */
}

/* Efekt "uwypuklenia" przy najechaniu */
.highlight-table:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8); /* Cień wokół tabeli */
  transform: translateY(-5px); /* Efekt unoszenia */
}

/* Opcjonalnie, można dodać efekt dla komórek tabeli */
.highlight-table td, .highlight-table th {
  padding: 10px;
 /* text-align: left; */
  background-color: rgba(255, 255, 255, 0.8); /* lekka przezroczystość dla komórek */
 /* border: 1px solid #ddd; */
}



.window_box {
  box-shadow: 0 0 10px rgba(3, 3, 0, 0.6);
}

/* styl podstawowej tabeli */        
.content-table {
  margin-top: 80px; /* wysokość nagłówka – dopasuj do paddingu/headera */
  border-collapse: collapse;
  width: 100%;
}


/*   style dla pricelist.php  1 i 2*/

  .tekst4 {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 28px;
    font-weight : bold;
    color: black;
  }
  .tekst3 {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 17px;
    font-weight : bold;
    color: black;
  }
  .tekst2l {
    font-family: TSFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 15px;
    color: black;
    text-align: left;
  }

/*   style dla mshopping_cart.php  */

/* naglowek listy produktow*/
.mproductListing-heading1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;    /*rozmiar czcionki w srodkowej tabeli  Waga Producent Nazwa itd */
  background: #b6b7cb;  /*kolor czcionki w srodkowej tabeli  Waga Producent Nazwa itd */
  color: black;
  font-weight: bold;
}


.mproductListing-data2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #0d3027;}

/* Wnetrze listy produktow*/ 
.mproductListing-data1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: black;
}

#mpole_koszyk {
            box-sizing: border-box;
            width: 100px;
            height: 27px;
            padding: 10px;
            border: 2px solid #ccc;
            border-radius: 10px;
            font-size: 16px;
            color: #333;
            text-align: center;
            background-color: #f9f9f9;
        }
        
span.mcenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 32px;  
line-height: 32px; 
font-weight: bold;
color: green;  
}        

span.mcenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:16px; 
font-weight: bold;
color: green;  
}
        
        
/*   style dla boxes/xshopping_cart.php  */

.koszyk24 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  valign : top;
  text-align: left;
  color: black;
}

.koszyk23 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  valign : top;
  color: black;
}

.koszyk24:hover {

  color: orange;
}

/*   style dla xshopping_cart.php  */


.centralna_K {

  width: 100%;
  border-collapse: separate; /* Oddzielamy komórki tabeli, by użyć border-spacing */
  border-spacing: 10px; /* Odstęp między kolumnami i wierszami */
} 

/* identyfikator stylu przycisku  */
#pole_koszyk {
            box-sizing: border-box;
            width: 120px;
            height: 30px;
            padding: 10px;
            border: 2px solid #ccc;
            border-radius: 10px;
            font-size: 15px;
            color: #333;
            text-align: center;
            background-color: #f9f9f9;
        }

/* naglowek srodkowej listy produktow*/
.productListing-heading1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;    /*rozmiar czcionki w srodkowej tabeli  Waga Producent Nazwa itd */
  background: #b6b7cb;  /*kolor czcionki w srodkowej tabeli  Waga Producent Nazwa itd */
  color: black;
  font-weight: bold;
}


/* Wnetrze srodkowej listy produktow*/ 
.productListing-data1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: black;
}

.productListing-data2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  color: #0d3027;}

.productListing-data3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #0d3027;  

}

TR.productListing-even, TR.productListing-odd {
  background: #f8f8f9;
}

.outer-border {
  border-collapse: collapse;
}

.outer-border td {
  border: none; /* Lub dowolny inny kolor granicy */
}




/*   style dla xsearch.php  */

.infoBoxContents1 {  
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;  
  line-height:14px;
  color: #0d3027;
  /*color: #500000; */                        /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}

.infoBoxContents1:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

.malyodstep { 
  line-height:3px;
  
}  

SPAN.newItemInCart1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 19px;
  text-align: left;
  color: black;
}
  
.tekstzwyklyA {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height:17px; 
color: #0d3027;}  

td.tekstzwyklyB {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height:17px; 
text-align: center;
color: darkblue;}

span.komunikat1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #0d3027;  line-height: 1.5;
}


/*   style dla boxes/xshopping_cart.php  */



/* identyfikator stylu formularza  */
#pole1 { 
            box-sizing: border-box;
            width: 245px;
            height: 36px;
            padding: 10px;
            border: 2px solid #ccc;
            border-radius: 10px;
            font-size: 16px;
            color: #333;
            background-color: #f9f9f9;
        }

.TextLinka1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;  /*rozmiar wszystkich czcionek na liscie */  
  color: black;                    /*   kolor linka */
  vertical-align: 10px;
  
    /* background: #FFFFFF; */  /*tlo wszystkich pozycji*/
}

.TextLinka1:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;  /*rozmiar wszystkich czcionek na liscie */  
  color: blue;                    /*   kolor linka */
  font-weight: bold;
  vertical-align: 10px;
}




/*   style dla mwhats_new.php  */

h1.mwhats_new {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: bold !important;
    color: black !important;
}

a:hover h1.mwhats_new {
    background: white;
    font-weight: bold;
    color: orange;
}


span.tekstzlinkiem6m:hover {
  background: white; 
  font-weight: bold;
  color: orange;
}

span.tekstzlinkiem6m {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;  
line-height:19px; 
font-weight: bold;
color: black;
}

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height: 30px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}

span.cenabrutto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}



/*   style dla xwhats_new.php  */

span.tekstzlinkiem6:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem6 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height : 15px; 
font-weight: bold;
color: black;
}

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}

span.cenabrutto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}


/*   style dla xbestsellery_kategorii.php  */

.infoBoxContents3bs {
  background: white;  
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;  
  line-height:14px;
  text-align: center;
  color: #500000;                         /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}  

.infoBoxContents3bs:hover {
  background: white;   
  font-weight: bold;
  color: blue;
} 

span.tekstzlinkiem7bs:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem7bs {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height:15px; 
font-weight: bold;
color: black;
}

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height:30px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1c {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}



/*   style dla xbest_sellers.php  */

.infoBoxContents3a {
  background: white;  
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;  
  line-height:14px;
  text-align: center;
  color: #0d3027;;                         /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}  

.infoBoxContents3a:hover {
  background: white;   
  font-weight: bold;
  
}

span.tekstzlinkiem7:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem7 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height:15px; 
font-weight: bold;
color: black;
}

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}

span.cenabrutto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}


/*   style dla xalso_purchased_products.php  */

.infoBoxContents3 {
  background: white;  
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;  
  line-height:14px;
  text-align: center;
  color: #500000;                         /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}  

.infoBoxContents3:hover {
  background: lightgrey; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem5:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem5 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;  
line-height:20px; 
font-weight: bold;
color: black;
}

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1e {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}


/*   style dla mnew_products.php  */

span.tekstzlinkiem5m:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem5m {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height : 15px; 
font-weight: bold;
color: black;
}

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1d {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}



/*   style dla xnew_products.php  */

span.tekstzlinkiem5:hover {
  background: white; 
  font-weight: bold;
  color: blue;
}

span.tekstzlinkiem5 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;  
line-height : 17px; 
font-weight: bold;
color: black;
}


td.klocki {
text-align: center;  
vertical-align: bottom;
}  

span.cenanetto1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenanetto2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:18px; 
font-weight: bold;
color: green;  
}

span.cenabrutto1d {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
font-weight: bold;
color: black;  
}


/*   style dla mtop_search.php  */

/* identyfikator stylu przycisku  */
#btn-save1 {
            width: 290px;
            height: 13px;
            padding: 10px;
            border: 2px solid #ccc;
            border-radius: 12px;
            font-size: 14px;
            color: #333;
            background-color: #f9f9f9;
        }


/*   style dla xtop_search.php  */

/* identyfikator stylu przycisku  */
#btn-save-place9 {
            box-sizing: border-box;                     /*   To sprawia, że padding i border będą zawarte w height, zamiast ją powiększać.    */               
            width: 700px;
            height: 45px;
            padding: 10px;
            border: 2px solid #ccc;
            border-radius: 10px;
            font-size: 18px;
            color: #333;
            background-color: #f9f9f9;
        }




/*   style dla xcolumn_left.php  */

table.t1 {
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 14px;  /* Przestrzeń od lewej krawędzi tabeli */
  padding-right: 14px; /* Przestrzeń od prawej krawędzi tabeli */
}

table.t1 td {
  padding-top: 0;      /* Brak przestrzeni na górze komórki */
  padding-bottom: 0;   /* Brak przestrzeni na dole komórki */
  padding-left: 0;     /* Brak przestrzeni po lewej stronie komórki */
  padding-right: 0;    /* Brak przestrzeni po prawej stronie komórki */
}

table.t2 {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 14px;  /* Przestrzeń od lewej krawędzi tabeli */
  padding-right: 14px; /* Przestrzeń od prawej krawędzi tabeli */
}

table.t2 td {
  padding-top: 0;      /* Brak przestrzeni na górze komórki */
  padding-bottom: 0;   /* Brak przestrzeni na dole komórki */
  padding-left: 0;     /* Brak przestrzeni po lewej stronie komórki */
  padding-right: 0;    /* Brak przestrzeni po prawej stronie komórki */
}

/*   style dla message_stack.php  */

.messageStackError1, .messageStackWarning1 { font-family: Verdana, Arial, sans-serif; font-size: 16px; background-color: red; color : white;}
.messageStackSuccess1 { font-family: Verdana, Arial, sans-serif; font-size: 16px; background-color: #99ff00; }


/*   style dla breadcrumb.php  */

a.headerNavigation1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #00FF0a  
}  
  
a.headerNavigation1:hover {
  color: #c4ccb3;
  font-weight: bold;
}



/*   style dla boxes.php  */

.errorBoxText { font-family : Verdana, Arial, sans-serif; font-size : 18px; background: #ffb3b5; font-weight: bold; }

.dolnymargines {
  /* border-collapse: collapse;  */
  border-right: none;
  border-bottom: 30px;
  padding: 8px;
}


.boxText1 { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/*  KLASA NAGLOWKOW OKIENEK  */
TD.infoBoxHeading1u {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: darkblue;       /* KOLOR PODSTAWOWY kolor belki w okienku   CCC3d3 */
  color: white;                       /*domyslny kolor tekstu w belce okienka   */
}


.infoBoxContents1r {               /*     zawartość pojedynczego boxu                       */
  background-color: white;   /*   stary kolor   #f8f8FF;   */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  line-height:11px;
  color: darkblue;;                         /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}

.infoBoxContents2r {               /*     zawartość pojedynczego boxu                       */
  background-color: lightgrey;   /*   stary kolor   #f8f8FF;   */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  line-height:11px;
  color: darkblue;;                         /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}

.infoBox1 {
  background: lightgrey;   /*  kolor linii obramowania  okienek    */  
  
  /* <table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox_mystyle"> */
}

.infoBoxMaly75 {
  background: green;   /*  kolor linii obramowania  okienek    */  
  
  /* <table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox_mystyle"> */
}


/*   style dla split_page_results.php  */

.pagination{
padding: 2px;
color: #0d3027;font-family: Verdana, Arial, sans-serif;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right/left" to right or left align pagination interface*/
font-size: 14px;
}

.pagination li{
 
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid blue;
text-decoration: none; 
color: blue;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000000;
background-color: #FFFF80;   /*  kolor podswietlenia po najechaniu myszką  */
}

.pagination a.currentpage{
background-color: blue;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}







/*   style dla html_output.php  */
.styled {
  border: 0;
  line-height: 2.0;
  padding: 0 8px;
  font-size: 13px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: blue;
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled:hover {
  background-color: rgba(255, 0, 0, 1);
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled3 {
  border: 0;
  line-height: 2.5;
  padding: 0 8px;
  font-size: 18px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: darkblue;  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled3:hover {
  background-color: rgba(135, 206, 235, 1);
}

.styled3:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.mstyled3 {
  border: 0;
  line-height: 1.2;
  padding: 0 8px;
  font-size: 16px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: blue;
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.mstyled3:hover {
  background-color: rgba(255, 0, 0, 1);
}

.mstyled3:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}


        /* Dodatkowy styl dla wyglądu */
        .quantity {
            display: inline-block;
        }
        .quantity input {
            width: 40px;
            text-align: center;
        }

span.kolorceny {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height:15px; 
font-weight: bold;
color: green;  
}

span.niebieskie {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;  
line-height:20px; 
font-weight: bold;
color: blue;  
}

span.czarne {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;  
line-height:18px; 
color: white;  
}

span.mczarne {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;  
line-height:13px; 
color: white;  
}

table.tab {
position: absolute;
left: 300px;
top: 10px;
background-color: white;
z-index: 1;
}

.image-cell {
  position: relative; /* Ustawienie pozycji względnej na obrazie */
  background-color: white;
  z-index: 1; /* Ustawienie z-index na obrazie */
}

.text-cell {
  position: relative; /* Ustawienie pozycji względnej na obrazie */
  background-color: green;
  z-index: 1; /* Ustawienie z-index na obrazie */
}

.tab2 {
position: absolute;
left: 300px;
top: 0px;
border: 1px solid black;

border-collapse: separate;
            border-spacing: 0;
}

.tab2 td {
            padding: 10px;
            text-align: center;
        }
        
.mtab2 {
position: absolute;
left: 0px;
top: 0px;
border: 1px solid black;

border-collapse: separate;
            border-spacing: 0;
}

.mtab2 td {
            padding: 5px;
            text-align: center;
        }        

.input-form {
font-family: Verdana, Arial, Helvetica, sans-serif;  
width: 70px;
height: 30px;
font-size: 15px;
        /* Dodatkowe style, jeśli są potrzebne */
}

.input-form2 {
box-sizing: border-box;
padding: 10px;
border: 2px solid #ccc;
border-radius: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;  
width: 120px;
height: 30px;
font-size: 15px;
text-align: center;
}

.input-form3 {
font-family: Verdana, Arial, Helvetica, sans-serif;  
width: 50px;
height: 25px;
font-size: 14px;
        /* Dodatkowe style, jeśli są potrzebne */
}

.zaokraglona {
            border: 2px solid black;
            border-radius: 15px;
            border-collapse: separate;
            border-spacing: 0;
           
        }



/* Tekst wewnatrz boxow moj css*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 13px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 18px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

  
.mcentralna {

  position: absolute;
  top: 155px;
  left: 0;
} 

.ucentralna {
  position: absolute;
  top: 175px;
  left: 0;
} 
  
  
div.srodkowe_okno1 {

  position: absolute;
  top: 125px;
  left: 318px;
}

.pozycja {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display:table;
}

td.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  }

.smenu {
	font-size: 8pt;
	font-family: Tahoma;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
}

BODY {
  background: #eaeaea;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #0000FF;   /* Kolor glownego podswietlenia - #AAA200    taki sam jak belki paska gornego             */
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  text-align: center;
  font: 10px Arial;
}

TR.headerNavigation {
  background: #bbc3d3;
}

mark.wyroznij {
  
  font-weight : bold; 
}  

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #aaa200;     /* kolor belki paska gornego    */
  color: #00ffff;
  font-weight : bold;
  border: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: B7B7B7;
}



/* Pasek sciezki */
A.headerNavigation { 
  color: #FFFF00; 
  font-size: 11px;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ffAA;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d5;     /* #bbc3d5; */
}

/*  komunikat ostrzegawczy w tekscie  np. opisie towaru   */
p.warn1 {
  font-family: Arial, sans-serif;
  font-style: italic;
  font-size: 14px;
  color: red;
}

/* klasa do wyswietlania ceny w liscie towarow - pakiety */
b.i1 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight : bold;
  color: green;
}

SPAN.tekst3 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight : bold;
  color: black;
}
SPAN.tekst2 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  
  color: black;
}

p.tytul3 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 32px;
  font-weight : bold;
  text-align: center;
  color: black;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d5;
  color: #ffffff;
  font-weight: bold;
}

.infoBox_mystyle {
background: #ff9a4a;
}

.infoBox {
  background: #b6b70F;   /*  obramowanie wewnatrz okienek    */  
  /* <table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox_mystyle"> */
}

/* wnetrza wszystkich info boxow */

.infoBoxContents {
  background: #f8f8FF;  
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  line-height:11px;
  
  color: #0d3027;                         /* KOLOR PODSTAWOWY kolor wewnatrz okienek glownie ostrzeżeń  #cc0033  */
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*  KLASA NAGLOWKOW OKIENEK  */
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #5000A0;       /* KOLOR PODSTAWOWY kolor belki w okienku   CCC3d3 */
  color: FFFFFF;                       /*domyslny kolor tekstu w belce okienka   */
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

p.tekstzwykly, td.tekstzwykly {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;  
line-height:10px; 
color: #0d3027;}

p.tekstpogrubiony, td.tekstpogrubiony, span.tekstpogrubiony {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;  
line-height:10px; 
font-weight: bold;
color: #0d3027;}

p.tekstpogrubionyduzy, td.tekstpogrubionyduzy, span.tekstpogrubionyduzy {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;  
line-height:30px; 
font-weight: bold;
color: #0d3027;;
}

p.tekstzlinkiem {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;  
line-height:11px; 
color: black;
}


p.linialistytowarowduza2 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;  
line-height:8px; 
color: blue;
}

p.linialistytowarowduza {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 10px;  
line-height:11px; 
color: blue;
}

p.linialistytowarowsrednia {
font-size: 10px;  
line-height:9px; 
font-weight: bold;
color: blue;
text-align: left;

}

p.linialistytowarowmala {
font-size: 10px;  
line-height:10px; 
color: grey;
text-align: left;

}  

span.arrow {
  /*  background-image: url('skin/green.png'); */
    background-repeat: no-repeat;
    background-position: 0 -1000px;
        background-position-x: 0px;
        background-position-y: -1000px;
}


p.linialistytowarow:hover {
line-height:10px; 
background: #00FF00;             /*    #FFFFAA;  */
color: green;

} 


/* naglowek srodkowej listy produktow*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;    /*rozmiar czcionki w srodkowej tabeli  Waga Producent Nazwa itd */
  background: #b6b7cb;  /*kolor czcionki w srodkowej tabeli  Waga Producent Nazwa itd */
  color: #FFFF00;
  font-weight: bold;
}

/* Wnetrze srodkowej listy produktow*/ 
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/* Glowny naglowek srodkowej listy*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 32px;  /*NAPIS: Lista produktow*/
  font-weight: bold;
  /* color: #9a9a9a;   */
  /* color: #aaa200; */
  color : black;
/*  color: #0000FF;  */
}

/* Klasa stworzona przeze mnie do opisu nazwy przedmiotu w pliku product_info*/
TD.nazwaprzedmiotu, DIV.nazwaprzedmiotu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 25px;  
  font-weight: bold;
  /* color: #9a9a9a;   */
  color: #aaa200;
/*  color: #0000FF;  */
}


/* Klasa stworzona przeze mnie do opisu nazwy przedmiotu w pliku product_info*/
TD.cenaprzedmiotu, DIV.cenaprzedmiotu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;  
  font-weight: bold;
  /* color: #9a9a9a;   */
  color: #FF0000;
/*  color: #0000FF;  */
}


TR.subBar {
  background: #F4f7fD;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  
}

TD.LoginTytul {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold; 
  color: #0d3027;}


TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #0d3027;  line-height: 1.5;
}

TD.main3, P.main3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0d3027;  line-height: 1.5;
}


TD.komunikat, P.komunikat {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #0d3027;  font-weight: bold; 
  line-height: 1.5;
}
TD.tekstnormalny2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 19px;
  color: #0d3027; 
  line-height: 1.5;
}

/* Klasa stworzona przeze mnie do opisu nazwy przedmiotu w pliku product_info*/
TD.cenajednpakietu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;  
  /* color: #9a9a9a;   */
  color: green;
/*  color: #0000FF;  */
}

TD.przezroczysty, P.przezroczysty, A.przezroczysty {
  font-family: Verdana, Arial, sans-serif;
  font-size: 5px;
  color: #eaeaeb;      /* kolor tla ogolnego    */
  line-height: 1.5;
}

TD.przezroczysty2, P.przezroczysty2, A.przezroczysty2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  color: #AA00AA;      /* kolor tla ogolnego    */
  line-height: 1.5;
}


TD.TextLinka, P.TextLinka, A.TextLinka {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;  /*rozmiar wszystkich czcionek na liscie */
  font-weight: bold;   
  color: #449FFF;                    /*   kolor linka */
  text-decoration: underline;  
    /* background: #FFFFFF; */  /*tlo wszystkich pozycji*/
  
}

p.TextLinka, A.TextLinka:hover {
  color: #000CFF;   /* Kolor glownego podswietlenia - #AAA200    taki sam jak belki paska gornego             */
  background: #FFFF33;
  text-decoration: underline;
}

/* klasa wyswietlajaca kategorie. wnetrze srodkowej listy*/

TD.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;  /*rozmiar wszystkich czcionek na liscie */
  font-weight: bold;   
  /* text-decoration: underline; */
  background: #FFFFFF;   /*tlo wszystkich pozycji*/
  
}
TD.ZnalezioneRekordy {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;  /*rozmiar wszystkich czcionek na liscie */
  font-weight: bold;   
  color: #0000FF;
  /* text-decoration: underline; */
  background: #FFFFFF;   /*tlo wszystkich pozycji*/
  
}



SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;  /*rozmiar wszystkich czcionek na liscie */
 
  
}

/*/  klasa stworzona przeze mnie dla opisu opakowania w pliku product_info   */
SPAN.opakowanie, P.opakowanie {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;  /*rozmiar wszystkich czcionek na liscie */
  color: #0d3027;  
}



TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

span.delivery {
  font-family: Verdana, Arial, sans-serif;
  color: green;
  font-weight: bold;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

table.centralna1 {
  table-layout: fixed;
  width: 100%; /* lub np. 1000px */
}

.tleft {
  box-sizing: border-box;                     /*   To sprawia, ?e padding i border b?d? zawarte w height, zamiast j? powi?ksza?.    */


  width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tytul2 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;  
line-height:18px; 
font-weight: bold;
color: #0d3027;}

.textzwykly2 {
/* font-family: Tahoma, Verdana, sans-serif;    */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;  
line-height:14px; 
color: #0d3027;}

.textzwykly3l {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;  
line-height:16px; 
text-align: left;
color: #0d3027;}

td.mheadingtitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold; 
  color: black;
  text-align: center;
}

#pole2m {
            width: 360px;
            height: 30px;
            padding: 5px;
            border: 2px solid #ccc;
            border-radius: 10px;
            vertical-align: center;
            font-size: 16px;
            color: #333;
            background-color: white;
        }
        
#pole2x {
            width: 360px;
            height: 30px;
            padding: 5px;
            border: 2px solid #ccc;
            border-radius: 10px;
            vertical-align: center;
            font-size: 16px;
            color: #333;
            background-color: white;
        }        

.left {
  text-align: left;
}        
        
.center {
  text-align: center;
}

.right {
  text-align: right;
}