a {color: #007; text-decoration: none; text-decoration: none}
a:hover {color: #0033FF}
a.arrow {background: no-repeat right center url("http://www.hdt.com.pl/gfx/more.gif"); padding: 0 15px 2px 0 }
acronym {border-bottom: 1px dotted #000066; cursor: help; color: #006666}
address {font-style:normal}
blockquote {border: 1px #D0D0D0 solid; padding: 5px; margin: 1em auto; max-width: 500px}
blockquote p {margin: 0; font-style: italic; text-align: center}
blockquote cite {display: block; text-align: right; font-weight: bold; font-style: normal}
body {margin: 0; background: #fff}
body, td {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px}
dl {margin-left: 5px}
dt {font-weight: bold; margin: 1em 0}
dt.bezWciecia {margin: 1em 0 0 0}
dd {text-align: justify}
fieldset {margin: 1em auto; padding-bottom: 1em}
* > fieldset {border: 1px #D0D0D0 solid; padding: 1em 10px 1em 10px}
* > legend {color: #0033FF}
h1 {font-size:27px; font-family: "Times New Roman", Times, serif; font-weight: normal} 
h2 {font-size:24px; font-family: "Times New Roman", Times, serif; font-weight: normal}
h3 {font-size:20px; font-family: "Times New Roman", Times, serif; font-weight: normal}
h3.error {color: red}
hr {clear: both; background-color: #D0D0D0; width: 100px; height: 1px; margin: 1em auto; border: 0; color: #D0D0D0}
img {border: 0}
img.link {margin: 0 0 -2px 0;}
ol.spis_tresci_roman1 {list-style: upper-roman}
ol.spis_tresci_roman1 li {font-weight: bold}
ol.spis_tresci_roman1 li ul {list-style: disc; margin: 1em auto}
ol.spis_tresci_roman1 li ul li {font-weight: normal}

p {text-indent: 1em; text-align: justify }
p.bezWciecia {text-indent: 0}
strong {font-weight: bold}
ul.noMargin {margin: 0; padding: 0}
ul.margin {margin: 1em; padding: 0}



.fs
{
	COLOR:#000000;
	FONT-FAMILY:verdana,arial,geneva;
	FONT-WEIGHT:normal;
	BACKGROUND-COLOR:#ffffff;
	BACKGROUND-COLOR:#e8e8e8;
	border-color:#00ff00;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

.input_normal
{
	BACKGROUND-COLOR:#e8e8e8;
	border				: 1px black solid; 
	color					: black;
}

.input_submit
{
	BACKGROUND-COLOR:#e8e8e8;
	border				: 1px black solid; 
	color					: black;
}

/**
 * Szablon
 */
#menu {margin: 0 auto; width: 760px}
#menu ul {list-style: none; padding: 0; margin: 0; display: inline}
#menu li {float: left}
#menu a {display: block; text-indent: -9000px; height: 57px}

body.glowna #menu .menu_StronaGlowna,
body.seminaria #menu .menu_Seminaria,
body.treningi #menu .menu_Treningi,
body.ksiazki #menu .menu_Ksiazki,
body.ksiegarnie #menu .menu_Ksiegarnie,
body.consulting #menu .menu_Consulting,
body.wspolpraca #menu .menu_Wspolpraca,
#menu a:hover {background-position: bottom}

#menu .menu_Logo {background: url(../gfx/menu/logo.jpg); width: 750px; height: 194px}
#menu .menu_StronaGlowna {background: url(../gfx/menu/strona_glowna.jpg); width: 125px} 
#menu .menu_Seminaria {background: url(../gfx/menu/seminaria.jpg); width: 94px}
#menu .menu_Treningi {background: url(../gfx/menu/treningi.jpg); width: 92px}
#menu .menu_Ksiazki {background: url(../gfx/menu/ksiazki.jpg); width: 91px}
#menu .menu_Ksiegarnie {background: url(../gfx/menu/ksiegarnie.jpg); width: 106px}
#menu .menu_Consulting {background: url(../gfx/menu/consulting.jpg); width: 119px}
#menu .menu_Wspolpraca {background: url(../gfx/menu/wspolpraca.jpg); width: 123px}


#mainLayer { background: #F5F5F5; width: 760px; margin: auto; clear: both; border-top: 1px #FF9DB0 solid;}
#left {  background: #F5F5F5; float: left; width: 200px; border-bottom: 1px #FF9DB0 solid;}
#left h3.leftBar { 
	background: #FDFDFD; border: #A0A0A0 dashed; border-width: 1px 0 1px 6px; border-left: 6px #369 solid;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; font-weight: bold;
	padding: 10px 0px 5px 5px; margin: 16px 0 16px 0}

#left h3.koszyk {background: url("http://www.hdt.com.pl/gfx/koszyk_hover.jpg") #FDFDFD 90px 6px no-repeat}
#left h3.koszyk a {color: #333; display: block}
#left h3.koszyk a:hover {color: #777}
#zawartosc_koszyka {width: 100%}
#zawartosc_koszyka td {font-size: 10px}
#zawartosc_koszyka td.usun {text-align: right}
#zawartosc_koszyka td.usun a {color: red}
#zawartosc_koszyka td.usun a:hover {color: #007}
#zawartosc_koszyka td.razem {font-size: 12px; text-align: center; padding-top: 1em}
div.center {margin-top: 1em}

#nowosciWydawnicze {text-align: center; display: block}
#nowosciWydawnicze img {display: block; margin: auto; margin-bottom: 1em}

#search {margin-left: 5px}
#search input {border: 1px #FF9DB0 solid; background: #fff}
#search input.text {width: 120px; font-size: 12px; padding: 2px}

#twojeZakupy img {display: inline-table; margin-left: 20px;}

#subskrypcja {margin-left: 5px;}
#subskrypcja input {border: 1px #FF9DB0 solid; background: #fff; font-size: 12px}
#subskrypcja label input {display: block; margin-bottom: 0.25em; width: 170px; padding: 2px;}

#statystyki {margin-top: 2em}
#statystyki a img {margin-top: 1em; margin: auto; display: block}

#right { background: #fff; float: right; width: 549px; padding: 0 5px 5px 5px; min-height: 950px;
	border-left: 1px #FF9DB0 solid; border-bottom: 1px #FF9DB0 solid; }
#footer { clear: both; width: 760px; margin: auto; text-align: center }
#footer #bottomMenu { list-style: none; display: inline; }
#footer li { display: inline; padding-left: 5px }
#footerKontakt { width: 600px; margin: auto; }
#footerKontakt address { width: 180px; float: left; margin-top: 1em}

/**
 * Glowne klasy
 */
div.nawigacjaStrona {border: #F0F0F0 solid; border-width: 1px 0; padding: 5px 0; text-align: center; margin: 0.75em 0;
		background-color: #FCFCFC}
div.ramka {background: #F0F0F0; border: 1px #D0D0D0 solid; padding: 5px}

table.maxWidth {width: 100%}

/* Szara tabelka */
table.gray {border: 0; padding: 0; border-collapse: collapse}
table.gray caption {font: normal 20px "Times New Roman", Times, serif; margin: 1em auto}
table.gray th, table.gray td {padding: 5px; border: 1px #C0C0C0 solid; border-collapse: collapse}
table.gray th {text-align: center; font-weight: bold; background-color: #F0F0F0}

.blad {color: red; font-weight: bold}
.block {display: block}
.center {margin: auto; text-align: center;}
.clear {clear: both}
.margin {margin-left: 5px}
.red {color: red}

/**
 * Poszczegolne strony
 */

/* Seminaria */
dl.seminaria dt {font-weight: normal}

/* Treningi */
blockquote.referencje {padding: 10px; background: #F6F6F6; border: 1px #D0D0D0 solid; font-style: italic;
	text-align: justify}
blockquote.referencje cite {display: block; margin-top: 1em; font-weight: normal}
blockquote.referencje img {float: left; margin: 0 10px 0 0; border: 1px #909090 solid}
	
h1.treningi {text-align: center; margin-bottom: 0}
h1.treningi_podtytul {text-align: center; margin:0; font-size: 23px}
img.gwarancja {float: left; margin: 10px 10px 20px 0}
* > img.gwarancja {margin-top: 0} /* IE hack */
p.data_treningu {margin: 0; text-align: center}
#formularz_zgloszenia fieldset {display: block; margin-top: 1em; width: 400px; padding: 20px; border: 1px #D0D0D0 solid}
#formularz_zgloszenia div {position: relative; height: 2em; clear: both}
#formularz_zgloszenia p {text-indent: 0; font-size: 12px}
#formularz_zgloszenia label {display: block; padding-top: 3px}
#formularz_zgloszenia input {position: absolute; left: 150px; top: 0; border: 1px #D0D0D0 solid; background: #F0F0F0;
	width: 200px}
#formularz_zgloszenia input.submit {position:static; width: auto; background-color: #F9F9F9; display: block; 
	margin: 1em auto}

table.black th {text-align: center; background-color: #333; color: white; font-weight: normal}
table.black td {background-color: #F0F0F0; padding: 2px; font-size: 11px}

table.powerSelling_zawartosc {width: 500px; margin: 1em auto}
table.powerSelling_zawartosc td {background: #F0F0F0; padding: 5px}

/* Ksiazki */
table#listaKsiazek {border: 0; margin: 1em 0 0 10px; width:535px}
table#listaKsiazek img {border: 1px #E0E0E0 solid}
table#listaKsiazek img:hover {border: 1px #AAA solid}
table#listaKsiazek td.opisKsiazki {padding-left: 10px; vertical-align: top}
table#listaKsiazek h1 {font-size: 20px; text-align: center; margin: 0}
table#listaKsiazek h1 a {color: #333} /* taki sam jak w body */
table#listaKsiazek h1 a:hover {color: #888}
table#listaKsiazek h2 {font-size: 14px; text-align: center; margin: 0}
table#listaKsiazek hr {margin: 2em auto}

/* KSIAZKI -> opisy ksiazek */
div#szczegoly {float: left; width: 210px; margin: 0 1em 0.5em 0; padding: 1em 0 0 0;
	text-align: center; border-bottom: 0; clear: both}
div#szczegoly a.powieksz {background: url(../gfx/powieksz.jpg) left center no-repeat; padding-left: 20px}

div#szczegoly ul {display: block; margin: 1em 0 0 0; padding: 0; width: 100%;
	list-style: none; text-align: left; border-top: 1px #E0E0E0 solid}
div#szczegoly ul li a {display: block; width: 170px; height: 23px; padding: 10px 0 0 40px;
	background-color: #F0F0F0; color: #333; border: 1px #E0E0E0 solid; border-width: 0 1px 1px 0}
div#szczegoly ul li.spis_tresci a {background: url(../ksiazki/jezus_w_dzinsach/book_open.jpg) #F5F5F5 5px center  no-repeat}
div#szczegoly ul li.spis_tresci a:hover {background: url(../ksiazki/jezus_w_dzinsach/book_open_hover.jpg) #F0F0F0 5px center  no-repeat}
div#szczegoly ul li.koszyk a {background: url(../ksiazki/jezus_w_dzinsach/koszyk.jpg) #F5F5F5 5px center  no-repeat}
div#szczegoly ul li.koszyk a:hover {background: url(../ksiazki/jezus_w_dzinsach/koszyk_hover.jpg) #F0F0F0 5px center  no-repeat}
div#szczegoly ul li.opinie a {background: url(../ksiazki/jezus_w_dzinsach/opinie.jpg) #F5F5F5 5px center  no-repeat}
div#szczegoly ul li.opinie a:hover {background: url(../ksiazki/jezus_w_dzinsach/opinie_hover.jpg) #F0F0F0 5px center  no-repeat}

div#ksiazka h1 {font-size: 20px; text-align: center; margin: 0}
div#ksiazka h2 {font-size: 14px; text-align: center; margin: 0}
div#ksiazka p {text-indent: 0; margin-left: 1em}

div#dodatkowe_informacje {border-top: 1px #99CC00 dashed; border-bottom: 1px #99CC00 dashed; margin-top: 2em; background-color: #F7FEF5; padding: 0 1em 0.3em 0; clear: both}
div#dodatkowe_informacje p.cena {color: darkgreen; text-align: center}

/* Sklep internetowy */
#sklep_zawartosc_koszyka {margin: 0 auto 1em auto; border-collapse: collapse; width: 520px}
#sklep_zawartosc_koszyka th {background-color: #FFF2F4; padding: 10px; border: 2px #FFBFCC solid; border-collapse: collapse}
#sklep_zawartosc_koszyka td {border: 2px #FFBFCC solid; border-collapse: collapse; padding: 10px}
#sklep_zawartosc_koszyka form {display: inline}
#sklep_zawartosc_koszyka input {width: 30px; background-color: white; border: 1px #FFAAF4 solid; text-align: center}
#sklep_zawartosc_koszyka input:hover {background-color: #FFEEFF}
#sklep_zawartosc_koszyka input:focus {background-color: #FFDDFF; color: red; font-weight: bold}
#sklep_zawartosc_koszyka .aktualizacje {display: block; margin: 2em 0 0 0}
#sklep_zawartosc_koszyka input {margin: 0}
#sklep_zawartosc_koszyka .aktualizacje p {text-indent: 0; text-align: left}

#sklep_nawigacja {list-style: none; margin: 2em auto 1em auto; padding: 0; width: 300px}
#sklep_nawigacja li.back {float: left}
#sklep_nawigacja li.next {float: right}
#sklep_nawigacja li a, #sklep_nawigacja li input {display: block; padding: 5px; width: 90px; cursor: hand;
	text-align: center; border: 1px #D0D0D0 solid; background-color: #F0F0F0; color: #333; font-size: 15px}
#sklep_nawigacja li a:hover, #sklep_nawigacja li input:hover {color: black; background-color: #E0E0E0; 
	border: 1px #C0C0C0 solid}	

#sklep_koszyk_podsumowanie {margin: 1em auto; text-align: center}
#sklep_koszyk_podsumowanie span {font: bold 25px Georgia, "Times New Roman", Times, serif; padding: 0 10px}
#sklep_koszyk_podsumowanie div {display: inline; font: 16px "Times New Roman", Times, serif}
#sklep_koszty_przesylki {padding: 10px; background-color: #CCFFCC}
#sklep_koszty_razem {padding: 10px; background-color: #D9F2FF}

#sklep_forma_platnosci {margin-top: 2em}
#sklep_forma_platnosci ul {list-style: none; margin: 0; padding: 0}
#sklep_forma_platnosci label {color: #555}
#sklep_forma_platnosci label:hover {color: blue}
#sklep_forma_platnosci strong {font-weight: normal; color: black}
#sklep_forma_platnosci label:hover strong {color: blue}
#sklep_forma_platnosci .wybrano strong {color: green}
#sklep_forma_platnosci .wybrano label:hover {color: #555}
#sklep_forma_platnosci .wybrano label:hover strong {color: green}

h1.koszyk_pusty {margin: 3em auto; text-align: center; color: red}

/* Formularz zamowienia */
.sklep_formularz .error {text-align: center; color: red}
.sklep_formularz .text {border: 1px #D0D0D0 solid; background-color: #F9F9F9; padding: 2px 5px}
.sklep_formularz .text:focus {color: #03c; border: 1px #888 solid}
.sklep_formularz .require {color: #c00}
.sklep_formularz div {clear: both; margin-top: 5px}
.sklep_formularz div label {width: 150px; text-align: right; margin-right: 10px; float: left; padding-top: 4px}
.sklep_formularz div input.text {float: left; width: 250px}
.sklep_formularz div textarea.text {float: left; width: 250px}

/* Potwierdzenie zamowienia */
div.potwierdzenie_zamowienia h1 {text-align: center; font-weight: bold}
div.potwierdzenie_zamowienia address {margin-left: 100px}
table.sklep_potwierdzenie_zamowienia {width: 100%}
table.sklep_potwierdzenie_zamowienia th {width: 150px; text-align: right}
table.sklep_potwierdzenie_zamowienia td {width: 300px; text-align: left; padding-left: 15px}

div.potwierdzenie {
	width: 500px; margin: 1em auto; padding: 10px;
	border: 1px #C0C0C0 solid; background-color: #E0E0E0; color: red;
}