/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/*<!--Zmienia rozmiar czcionki we wszystkich box’ach.*/ 
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

/*<!--Kolor i rozmiar tekstu błędów */ 
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #FF0000; font-weight: bold; }

/*<!--Parametry ostrzeżenia o braku towaru w magazynie*/ 
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

/*<!--Kolor paska powiadomienia w checkout_success.php – przy zakończonych zakupach, tym kolorem zaznaczone są produkty które zostały zakupione. Mamy możliwosc zamówienia powiadomienia o tych produktach */
.productsNotifications { background: #f2fff7; }

/*<!--Kolor tekstu edycji podczas gdy jesteśmy w kasie*/ 
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



/*<!--kolor tła strony, tekstu na stronie, oraz rozmiar marginesu */ 
BODY {
	/* background: url('images/snowflakedkgreen.jpg');*/  
  background: #B0C4DE;  /*  był #B0C4DE;*/ 
  color: #000000;  /*  był #000000;*/
  margin: 0px;
   margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px; 
}

.fixcenter {
width: 758px;
border: solid; border-width: 1px;
background: #800000;
color: #000000;
margin: auto;
margin-top: 20px;
text-align: left;
}





/*<!--Kolory linków*/ 
A {
  color: #000000;
  text-decoration: none;
}


/*<!--kolor po najechaniu na link*/ 
A:hover {
  color: #00008B;
  text-decoration: underline;
}


/*<!--sposób wyświetlania formularzy*/ 
FORM {
	display: inline;
}

/*  <!--kolor tła nagłówka  */ 
TR.header {
  background: #ffffff;   /*  był  #ffffff; */  
}

/* <!--kolor paska nawigacyjnego pod nagłówkiem  */
TR.headerNavigation {
  background: #bbc3d3;
}


/*  <!--ustawienia paska nawigacyjnego : czcionka,rozmiar,tło,obraz tła, color tekstu, wytłuszczenie  */
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #CC0000;  /*  to jest kolor tych strzałek po top w nagłówku ">>" i był ustawiony na #FF0000 teraz jest taki jak tło */
     /*background-image:url(images/header_navi.jpg);   - było to */
  color: #CC0000;     
  font-weight : bold;
  height: 22px;
}


/*  <!--color linków w pasku nawigacyjnym  */
A.headerNavigation { 
  color: #ffffff; 
}


/*  <!--kolor linków w pasku nawigacyjnym po najechaniu na nie myszką  */
A.headerNavigation:hover {
  color: #0000ff;
}


/*  <!--kolor gdy w nagłówku wystąpi błąd - error pojawia sie na górze nagłówka */
TR.headerError {
  background: #ff0000;
}


/*  <!-- ustawienia nagłówka w przypadku błedu  */
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}


/*  <!--ustawienia dla informacji ktore wyskakuja na samej gorze nagłówka  */
TR.headerInfo {
  background: #00ff00;
}


/*  <!--ustawienia dla górnych informacji w nagłówku  */
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}




/* 
<!--ustawienia dla stopki - na samym dole strony   */
TR.footer {
  background: #D4CECE;
}   



/*<!--ustawienia wygladu stopki : czcionka,rozmiar,kolor tła, obraz tła,kolor tekstu,wytłuszczenie -->*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #CC0000;
     /*background-image:url(images/header_navi.jpg); lub   background: #0000ff;   - było to */
  
  color: #ffffff;
  font-weight: bold;
  height: 22px;
}



/*  <!--kolor dla boxów informacyjnych - po prawej i lewej stronie - kolor obramowania */
.infoBox {
  background: #3366FF;   /* było #000099; */
}


/*  <!--ustawienia dla zawartości box'ów z prawej i lewej strony  tło w srodku boksów  */
.infoBoxContents {
  background: #e5ecf9;    /* było #F8F8FF;  lub  #e5ecf9;  */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


/*  <!--ustawienia dla zawartości box'ów kategorie  */
.infoBoxContents_category {
  background: #e5ecf9;    /* było #F8F8FF; lub #2273c5;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}




/*  <!--ustawienia dla zawartości box'ów nowosci  */
.infoBoxContents_nowosci {
  background: #2273c5;    /* było #F8F8FF; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


/*  <!--ustawienia dla zawartości box'ów bestselery  */
.infoBoxContents_bestseller {
  background: #F8F8FF;    /* było #F8F8FF; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


/*   */
.infoBoxNotice {
  background: #FF8E90; /* było #FF8E90; */
}



/*   */
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


/*  
<!--nagłówek boxów - czcionka,rozmiar,wytłuszczenie,kolor tła,kolor czcionki  */
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #D4CECE url("images/infobox/corner_right_left.gif");
  color: #000000;
}



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


/*   */
TD.cena{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


/*   */
TD.kup_teraz{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
}


/*   */
TD.brief_desc{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: justify;
}

/*   */
A.nazwa{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}


/* <!--kolor dla pozostałych boxów - nowe wpisy   */
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: #ffffff;
}


/* <!--kolor dla pozostałych boxów - stare wpisy np. adres   */
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: #F5F5F5;  /*<!-- był f8f8f8-->*/
}


/*  <!--gdy np. klikniemy w kategori pojawia nam sie lista produktow. Tutaj zmieniamy jej wyglad : rozmiar obramowania,styl obramowania,kolor obramowania, oraz odstęp  */
TABLE.productListing {
  border: 2px;
  border-style: solid;
  border-color: #CCCCFF; /*<!-- był D4CECE-->*/
  border-spacing: 1px;
}


/* <!--ustawienia nagłówka w liscie produktów : czcionka,rozmiar,kolor tła, kolor czcionki,wytłuszczenie   */
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #CCCCFF;
  color: #ff0000;
  font-weight: bold;
}


/*   <!--ustawienia dla prduktów z listy produktów : czcionka, rozmiar, kolor tła  */
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}


/*  <!--kolor linków w liście produktów */
A.pageResults {
  color: #000000;
}


/*  <!--kolor linków w liście produktów po najchaniu myszką  */
A.pageResults:hover {
  color: #FFFFFF;
  background: #D4CECE;
}


/* <!--opcje dla tytułu produktu, który pojawia sie w opisie danego towaru. Również w innych stronach sklepu gdzie tekst umeiszczony jest w nagłówku np. potwierdzenie zamówienia   */
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0000CD;
}

/*    */
TR.subBar {
  background: #f4f7fd;
}


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


/*  <!-- dla głównych stron, np. opis produktu  */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}


/* 
<!--wszedzie tam gdzie wystepuje mały tekst, np. data dodania produktu   */
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}


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


/* <!--nazwy pol formularzy np. w wyszukiwaniu zaawansowanym, lub przy tworzeniu nowego konta   */
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


/*  <!--format tekstu ktory wpisujemy w formularzach  */
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


/* <!--dla nagłówków tabel   */
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*<!--opcja opsiu produktu któy ląduje w naszym koszyku */ 
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}


/* 
<!--właściwosci tekstu w checkboxach itd. np. w menu rozwijanym producentow   */
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


/* <!--tekst któy jest wprowadzany w obszarze tekstowym np. komentarz do zamówienia   */
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


/* <!--gdy wchodzimy na strone zostajemy powitani, tutaj mozemy zmienic właściwosci tego powitania "Witaj Nieznajomy!" tego Niezanjomego mozemy zmienic   */
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #6A5ACD;
  font-weight: bold;
}


/*  <!--własciwosci tabeli któr widzmy w "Moje konto", "Edytuj konto", i w "Dodaj adres"  */
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}


/*  <!--W "Moje konto", "Edytuj konto", i w "Dodaj adres" rozmiar nagłówka tekstu. */
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


/*  <!--dla informacji ze produkt jest niedostępny */
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}


/* <!--kolor ceny produktu któy jest aktualnie w promocji  */
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}


/*  <!--kolor tekstu błędu  */
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}



/*   */
.moduleRow { }


/*<!--kolor na jakie zmienia sie tło za tekstm ktory zostal najechany myszą, np. przy wyborze sposobu płatności */
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: text; }


/* <!--gdy juz klikniemy myszka na tekst który był do wyboru, na ten wlasnie kolor zostanie on podswietlony np. przy wyborze metody transportu lub płatności   */
.moduleRowSelected { background-color: #E9F4FC; }


/*  <!--gdy jestesmy w kasie, jest to wyglad paska na dole, ktory śledzi skłądanie zamówienia krok po roku, tutaj zmieniamy własciwosci nieaktywnych "kroków" skladania zamowienia  */
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }


/*  <!--jw. tylko ze bieżacy "krok" w skłądaniu zamówienia  */
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

/* <!--kolory tła błędów / sukcesów podczas gdy np. próbujesz skasowac swój główny adres z ksiazki adresowej  */
.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 */


/* <!--kolor * oraz "pól wymaganych" przy tworzeniu nowego konta   */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }




#popup{
width:0px; /* szerokosc70 */
height:0px; /* wysokosc100 */
position:absolute; /* aby stał w tym samym miejscu przy scrollowaniu. Można też dać absolute , fixed */
background:; /* białe tło  #fff */
border:0px solid #888; /* urocza ramka  3px */
top:0; /* położenie w pionie  20% */
left:2%; /* w poziomie  20% */
z-index:0;  /* bylo  9999*/
}
#popup p{
padding:0px; 
}