/*
  $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
*/

.boxText { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10pt; }

/* dodane GH :*/
.boxText  a{
	display:block;
}	

.errorBox { font-family : 'Trebuchet MS', Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : 'Trebuchet MS', Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : 'Trebuchet MS', Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
/*  background: #F7F3EA; */
	background:#f6f6f6 url(images/backgrad.jpg) repeat-x bottom left;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #a22;
/*  text-decoration: underline; */
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
/*  background: #bbc3d3; */
}

TD.headerNavigation {
/* dodane GH: */
	height: 25px;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
/*  font-size: 10px; gh*/
  font-size: 9pt;	
/*  background: #bbc3d3; */
  color: #ffffff;
/*  font-weight : bold; gh*/
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 9pt;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 9pt;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


TR.footer {
  /* background: #bbc3d3; */
	height: 20px;
} 


TD.footer {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
/*	background: #f8f8f9; */
	background: #fff;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 9pt;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 9pt;
}

TD.infoBoxHeading {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
/*  background: #bbc3d3; */
  color: #324a78;
	/* FONT above 10px: you will need to enlarge the box graphics also (images/infobox) gh*/
}

TD.infoBox, SPAN.infoBox {
  font-family: 'Trebuchet MS', 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: #fff;
}

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: 0px solid #aaa;
 /* border-spacing: 1px; */
}

.productListing-heading {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10pt;
  background: url(images/naglowek_lista_produktow.gif) repeat-x top left;
/*	background: #aaa; */
  color: #5b482f;
/*	height: 24px; */
  font-weight: bold;
}

a.productListing-heading {
/*	line-height: 12px; */
	background: none;
	margin:0;
	padding:0;
}

TD.productListing-data {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10pt;
	padding:10px 5px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 16pt;
/*	font-size: 20pt; */
/*  font-weight: bold; */
/*  color: #6069a8; */
	color: #5B84B2;
}

/* dla tytulow na stronach produktow zawartych w h1: */
H1.pageHeading {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 16pt;
	font-weight: normal;
	color: #5B84B2;
	margin:0;
}

/* h1 na stronie startowej sklepu: */
H1.tutStartPage {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 18pt;
	padding-bottom: 10px;
	color: #b23f3f;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 9pt;
}

TD.accountCategory {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 9pt;
  color: #477733;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  color: #393;
}

SPAN.errorText {
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10px; color: #008a00; text-decoration:underline;}
.checkoutBarTo { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 11px; color: #d58f33; }

/* ------------- */
/* dodane GH :  */
table#path{
	background:url(images/grad_vistalike.gif) repeat-x top left;
}

.tutCytat {
	width: 180px;
	border: 1px solid #ddd;
	margin: 5px;
	padding: 30px 10px;	
}

/* jesli chcesz sformatowac jakis kawalek tekst jak link, bo tag A nie daje podkreslenia i linki wygladaja jak zwykly tekst */
.tutLink {
	text-decoration:underline;
}

.tutLinkDarmowyFilm {
	cursor:pointer;
	padding-right:20px;
}


/* link np. na stronie glownej pod Nowe kursy*/
.tutLinkCzerwony {
	margin-top: 15px;
	font-size: 10pt;
	color: #b62130;
}

/* formatuje linki w boxie Produkty (categories) */
.categoryLink{
	padding: 5px 0px 0px 12px;
	background: url(images/kropka.gif) 0% 70% no-repeat;
	border-bottom:0px solid #ccc;
}

/* formatuje linki w boxie Informacje */
.tutInformationLink {
	padding: 5px 0px 0px 12px;
	background: url(images/zielona_strzaleczka.gif) 0% 70% no-repeat;
}

/* formatuje linki w boxie Informacje 2 */
.tutInformation2Link {
	padding: 5px 0px 0px 12px;
	background: url(images/czerwona_strzaleczka.gif) 0% 70% no-repeat;
}

/* do menu Produkty: odstep od brzegu boxu dla podkategorii */
table .spc{
   border:0px solid red;
   width: 20px;
   height: 19px;
   font-size: 0px;
   float:left;
	 background: #fff;
	 /* background jak w infoBoxContents */
}

table.tbBoxHeader{
	background: url(images/boxhead.gif) repeat top left;
	/* ponizej obramowanie dla naglowka kazdego boxu, kolor jak w infoBox */
	border-left: 1px solid #b6b7cb;
	border-right: 1px solid #b6b7cb;
}

/* Dolna czesc strony pod barem ze sciezka */
table.tutMainPageBody{
	background: #fff;
/* odsuniecie dolnej czesci strony od baru:	*/
	margin-top: 20px;
}

/* odsuniecie srodkowego contentu od lewego i prawego panelu oraz od gory i dolu */
table.tutMiddlePageContent {
	padding: 0px 15px 5px 15px; 

}

/* To reguluje odstepy w pionie miedzy boxami w panelu lewym i prawym.
	 Na dole kazdego pliku w katalogu includes/boxes zostal dodany div z ta klasa: */
.tutSpaceBetweenBoxes {
	margin-top: 10px;
}


#tutOsHeaderTab{
   height:119px;
   background:url(images/obr_top.jpg) no-repeat top left;
}

#tutOsHeaderTabFirstRow{
   padding:0px 0px 0px 370px;
}

/*
#tutOsHeaderTabFirstRow img{
   border: none;
} */

.tutNajnowsze{
	/* background:url(images/default/back_nowe_kursy.gif) no-repeat left top; */
	padding-top: 20px;
	height: 180px;
}

h2{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 13pt;
	color:#535353;
}

h3{
	margin:0px 0px 5px 0px;
	padding:0px;
	color: #b23f3f;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 12pt;
}
h4{
	margin:3px 0px 15px 0px;
	padding:0px;
	color: #75769b;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 14pt;
}
p.tutMainParag{
	margin:0;
	padding: 0px 10px 0px 0px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.5;
}
img{
	border: none;
}

/* separator na stronie glownej -> poziomy rzad szarych kropeczek */
.tutSeparatorPoziomy {
	margin: 10px 5px 0px 5px;
	border-top: 2px dotted #e9e9e9;
}

/* definicja dla tabelki na stronie licencje_wielostanowiskowe.php */
table.tutWielostanowiskowe, table.tutWielostanowiskowe * td {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 9pt;
	background:#f4f4f0;
	color: #3f7094;
	border: 1px solid #fff;
}
table.tutWielostanowiskowe * tr, table.tutWielostanowiskowe * th {
	background: #3076bc;
	color: white;
}
table.tutWielostanowiskowe * th {
	background: #3076bc;
	color: white;
	border: 1px solid #fff;
}
table.tutWielostanowiskowe td span{
		color: #999;
}

.tutCzasWysylki {
	border: 1px solid #c0c0c0;
	background: #f0f0f0;
	color: #393;
	position: relative; top:-20px;
	padding: 5px;
	font-weight: bold;
	margin-right: 10px;
}

.tutBoxWOpisieProduktu
 {
	border: 1px solid #c0c0c0;
	background: #f0f0f0;
	color: #c40005;
	position: relative; top:-20px;
	padding: 5px;
	font-weight: bold;
}

/* definicja dla tabelki na stronie darmowe_kursy.php */
table.tutDarmowefilmy {
	vertical-align: top;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 9pt;
}
table.tutDarmowefilmy * td {
	border-bottom:1px dotted #9c9b83;
	vertical-align:top;
}

/* tabelka Spis tresci na stronach z kursami */
table.spis_tresci{
	background-color: #f8f6f2; 
	font-size: 9pt;
	font-weight: bold;
}

table.spis_tresci tr td{
	height: 25px;	
	border-bottom: 1px dotted #aaa;
	vertical-align: top;
	padding: 5px 2px 10px 5px;
}

td.doPrawej{
	text-align: right;
	padding-right:10px;
}

b.nazwaDzialu {
	margin-top: 1em;
	display: block;
	font-size: 1.1em;	
}

.zOpisem {
	/* ta klasa jest zastosowana w spisie tresci, ale lepiej jej nie uzywac, bo glupio wyglada jak sie np powiekszy czcionke */
}

div.opis{
	margin: 0;
	padding:5px 5px 0px 5px;
	color: #555;
	font-size: 9pt;
	font-weight: normal;
}

div.opis img {
	float:left;
	margin: 5px 15px 5px 0px;
	border: 1px solid #444;
}

/* zmiana koloru ceny starej, przekereslonej (niepromocyjnej)  */
td.pageHeading s{
color: #666;
}

/* strona z produktem, stylizuje miniaturki obrazeczkow do klikniecia (darmowe filmy) */

img.tutPicPlayFilm{
 cursor: pointer;
 padding:5px;
}
div.tutFloatPic {
  float: left;
  width: 120px;
  padding: 0px 10px;
	height: 120px;
}
div.tutFloatPic p {
   text-align: center;
   font-size: 8pt;
   margin:0;
   padding:0px;
}
div.tutPicContainer {
  border: 1px solid #bbb;
  width: 420px; 
  padding: 10px 20px 0;
}
/* dla dwoch filmow darmowych: */
div.tutPicContainer2 {
  border: 1px solid #bbb;
  width: 280px; 
  padding: 10px 20px 0;
}
div.spacer {
  clear: both;
}
/* format dla komentarza, ze darmowe filmy sa gorszej jakosci */
.tutTekstMniejszySzary {
	color: #888888;
	font-size: 8pt;
}

/* odstep od gory i dolu w stronie z wyborem podkategorii (biuro - grafika) */
.tutCategoryPage {
	padding: 0px 15px 0px 15px;
}

/* produkty polecane, pojedynczy produkt */

.tutPolecaneProdukty td.mainGrid{
  width: 50%;
  border-bottom: 1px dashed #666;
 }
 
 .tutPolecaneProdukty td{
  vertical-align: top;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
 } 
 .tutPolecaneProdukty h5{
  font-size: 10pt;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0 0 5px 0;
 }
 .tutPolecaneProdukty img{
  border:none;
 }
 .tutPolecaneProdukty .prodMini{
  float:left;
 }
 .tutPolecaneProdukty table.opisik{
  width: 190px;
  float: right;
 }
 .tutPolecaneProdukty table.opisik p{
  font-size: 8pt;
  padding:0;
  margin: 0px;
 }
 .tutPolecaneProdukty .tutCzasWysylki{
 	position: static;
	padding: 0px;
  margin: 2px 0px;
  border: none;
  text-align: left;
  background: none;
  font-weight: bold;
  display:block;  
 }
 .tutPolecaneProdukty .tutBoxWOpisieProduktu{
	position: static;
	padding: 0px;
  margin: 0 0 5px 0;
  border: none;
  text-align: left;
  background: none;
  font-weight: bold;
  display:block; 
 }
 
 .tutPolecaneProdukty td.cena{
  padding: 0px;
 }
 .tutPolecaneProdukty td.cena div{
  float:left;
  font-weight: bold;
  color: #B70000;
	font-size: 12pt;
 }
 .tutPolecaneProdukty td.cena img{
  float:right;
	margin-right: 20px;
 }

 .tutPolecaneProdukty td.mainGrid{
  width: 50%;
  border-bottom: 1px dashed #ddd;
	padding-bottom:15px;
 }

/***Zakladka i asystent -- skopiowane ze str glownej***/

#szaretlo {
	width:100%;
	height:100%;
	background:#000;
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	display:none;
	/* opacity:0.8;
	filter:alpha(opacity=80);  bezposrednio przy elemencie  */
	z-index:10000;
}
#popup {
	display:none;
	z-index:20000;
	position:absolute;
	top:0;
	left:0;
}
#popuphead {
	color:#000;
	font: 16pt sans-serif;
	padding:5px 0;
	background:#bbb;
}
#asframewrap {
	height:400px;
	width:574px;
	border:10px solid #bbb;
}
#asframe {
	width:574px;
	height:400px;
}
 

/* format dla elementów span z opisu produktu -> tu w listingu produktu: */ 
.productListing-data .tutCzasWysylki{
 	position: static;
	padding: 0px;
  border: none;
  text-align: left;
  background: none;
  font-weight: bold; 
 }
.productListing-data .tutBoxWOpisieProduktu{
	position: static;
	padding: 0px;
  border: none;
  text-align: left;
  background: none;
  font-weight: bold; 
 }
 

/* LINKI w stopce */
#linki_stopka_sklep {
	margin: 0 auto;
  text-align:center;
  width:95%;
	padding-top: 5px;
	margin-top: 0;
	font-size: 11px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#linki_stopka_sklep a {
 color: #777;
 font-size: 100%;
 text-decoration: none;
}

