body { font-family: Tahoma, Verdana, Arial; font-size: 13px;	margin: 0; padding: 2px 0; /* background: url('/i/header-bg.gif') repeat-x #fff*/ background: url('/i/bg.jpg') repeat-x #e5e5e5 }
p { margin: 0 0 5px 0; padding: 0 }
img { border: none }
a { color: #15669f; text-decoration: none } /* stary: 148 */
a:hover { color: #999 }
a:visited { color: #551a8b }
ul { margin: 5px 0 10px 2em; padding: 0; list-style-type: square  }
ul li { padding: 0; margin: 0 0 5px 0}
/* tytuły stron */
h1 { font-family: "Trebuchet MS", Arial, Sans-serif; margin: 0 0 3px 0; padding: 0; font-size: 19px }
h2 { font-family: "Trebuchet MS", Arial; text-align: left; font-weight: bold; font-size: 16px; margin: 0 0 5px 0; padding: 0 }
textarea, input, select, option { font-size: 14px }

/* Klasa do sortables - kolejność poprzez przeciąganie */
.handle { cursor: move }

/* Ogolne definicje */
.lead, .tresc { line-height: 1.5em }
.lead p, .tresc p { margin: 0 0 1em 0; padding: 0 }
#check_field { display: none } /* ukryty element formularzy */

/* Nagłówek serwisu */
#header { width:770px; margin: 0 auto 0 auto; padding:0;text-align:left; background-color: #fff }
/* Ustawienie logo */
#header img { padding: 15px 0 5px }
/* Ustawienie okienka wyszukiwania */
#header form { margin-top: 10px }
#header form input { font-size: 12px }
/* Szerokość strony ustalamy na 770px */

#page { margin: 5px; padding: 0; background-color: #fff; text-align: left }
#frame { width: 780px; padding: 0; margin: 0; text-align: center; border-bottom: 1px solid #787b72; background-color: #fff; margin: 0 auto 0 auto }

/* Marginesy po 10px z lewej i z prawej */
.rpad { margin-right: 5px }
.lpad { margin-left: 5px }

/* Górna nawigacja pod nagłówkiem */
#topmenu { border-top: 6px solid #b3e449; background-color: #787b72; clear: both; text-align: center; vertical-align: middle; padding: 2px 0; margin-bottom: 10px}
#topmenu .menu { width: 770px; margin: 0 auto; padding: 0; text-align: left; vertical-align: middle; color: #eee; line-height: 2em }
#topmenu a { color: #eee; font-weight: bold }
#topmenu a:hover { color: #b3e449 }
#topmenu form { float: right; padding: 0; margin: 0}
#topmenu form input { font-size: 11px; padding: 0; margin: 0; border: 1px solid #000}

/* Pasek nawigacji po kategoriach - pod nagłówkiem */
#nawigacja { color: #e47a49; margin-bottom: 5px; clear: both }
#nawigacja a { color: #e47a49 }

/* Boks na górze sg */
#topbox { background: url('/i/topbox_bg.gif') repeat-y #eee; border: 1px #dccff7 solid; padding: 10px }
#topbox .left { float: left; width: 495px }
#topbox .right { float: right; width: 232px }

#topbox #box1 { background-color: #fff; padding: 10px; margin: 0 0 5px; border-bottom: 1px #dccff7 solid; border-right: 1px #dccff7 solid }
#topbox #box1 h1, #topbox #box1 h1 a { padding-top: 0px; margin: 0; color: #114488 /*#126*/ }
#topbox #box1 img { margin-right: 10px; float: left }
#topbox #box1 p { color: #000 /*#446*/; margin: 0; padding: 0; text-align: justify; line-height: 1.4em }

#topbox #box2 { float: right; width: 300px }
#topbox #box2 .content { background-color: #fff; padding: 10px;  border-bottom: 1px #dccff7 solid; border-right: 1px #dccff7 solid }
#topbox #box2 h3 { font-weight: bold; border-bottom: 1px solid #000; color: #000; margin: 0; padding: 0 5px 3px; font-size: 13px }
#topbox #box2 ul { margin-left: 20px }
#topbox #box3 { float: left; width: 185px }
#topbox #box3 img { /* border: 1px solid #dccff7; */margin: 0 5px 0 0; float: left }
#topbox .right .item, #topbox #box3 .item { border-bottom: 1px #dccff7 solid; border-right: 1px #dccff7 solid; background-color: #fff; padding: 2px; margin: 0 0 5px }

#topbox .right h2 { color: #7DA033; padding: 0; font-size: 15px; margin: 0 10px }
#topbox .right .box { border-bottom: 1px dotted #7da033; border-top: 2px solid #7DA033; background-color: #f0f0f0; margin: 0 0 10px; padding: 5px 10px; background-color: #fff }
#topbox .right p { margin: 0 0 5px }
#topbox .right .item img { margin: 5px; float: left }

/* Stopka serwisu */
#footer { color: #333; font-size: 11px; text-align: center; clear: both; padding: 10px 0; margin-bottom: 50px }

/* Układ kolumn dla poszczególnych layoutów */
#lt_1col, #lt_2cols, #lt_3cols, #lt_rbar, #lt_lbar { clear: both }
/* Wszystkie kolumny */
#col1, #col2, #col3 { margin: 5px 0 10px 0; padding: 0}

/* Jedna kolumna */
#lt_1col #col1 { width: 770px }

/* Dwie kolumny */
#lt_2cols #col1, #lt_2cols  #col2 { width: 380px;  display: inline }
#lt_2cols #col1 { float: left }
#lt_2cols #col2 { float: right }

/* Dwie kolumny: 500 i 260 */
#lt_rbar #col1, #lt_rbar #col2 { display: block }
#lt_rbar #col1 { width: 505px; float: left }
#lt_rbar #col2 { width: 260px; float: right }

/* Dwie kolumny: 220 / 550 */
#lt_lbar #col1 { width: 220px; float: left }
#lt_lbar #col2 { width: 545px; float: right }


/* 3 kolumny */
#lt_3cols #tleft { width: 500px; float: left }
#lt_3cols #tright { width: 260px; float: right }
#lt_3cols #col1 { width: 150px; float: left; clear: both}
#lt_3cols #col2 { width: 360px; float: left }
#lt_3cols #col3 { width: 260px; float: right }

/* księgarnia onepress */
#lt_onepress #col1 { width: 180px; float: left}
#lt_onepress #col2 { width: 580px; float: right }

/* Góra strony kategorii */
#cat_header h1 { padding: 0 5px; border-bottom: 3px solid #9f4233; margin: 0 0 5px; clear: both }
#cat_header ul { list-style: none; padding: 0 5px; margin: 5px 0 0 }
#cat_header ul li { padding: 0 10px 5px 0; margin: 0; width:220px; float: left}
#cat_header ul li a { color: #9f4233 }
#cat_header div#nav { font-size: 12px; padding: 0 0 5px }

/* komponenty */
div.box { padding: 5px; border: 1px solid #eee; margin: 0 0 5px 0 }

/* Lewy pasek menu */
.leftbar { width: 180px; float: left; background-color: #f5f5f5; border: 1px dotted #999 }
.leftbar h2 { font-size: 16px }
.leftbar h3, .leftbar h3 a { font-size: 14px; font-weight: bold; padding: 5px; margin: 0; border-bottom: 1px dotted #999; color: #f5f5f5; background-color: #666 }
.leftbar ul { padding: 0; margin: 0; list-style: none }
.leftbar li { list-style: none; text-align: left; margin: 0; padding: 5px; font-size: 13px; border-bottom: 1px dotted #999 }
.leftbar li a { text-decoration: none; color: #666; }
.leftbar li a:hover { text-decoration: underline }

/* Div ze stronnicowaniem komentarzy/porady/pytań */
/* div.pager { font-size: 12px; margin: 5px 0; padding: 5px; border-top: 1px solid #eee; border-bottom: 2px solid #eee } */
div.pager { font-size: 12px; margin: 5px 0; padding: 5px } 
.nieaktywne { color: #aaa }
div.pager a { border: 1px solid #aaa; padding: 0 5px }

/* Style dla ikonki w lewym górnym rogu */
.img_tl { padding:0; margin: 0 10px 10px 0; border: 0 }

.wiecej { text-align: right; padding: 5px 5px 0 0; margin-bottom: 10px }
.porady .wiecej { border-top: 1px #b3e449 dotted }
.pytania .wiecej { border-top: 1px #e47a49 dotted }
.wiecej a {  font-weight: bold }
a.kategoria, #pnav a.kategoria { color: #9f4233 }

/* Lista pytań */
.pytania .box { background: #f5f5ff; border-color: #d0d0ff }
.pytania h2 { background: url('/i/qtitle.png') repeat-y; padding: 2px 5px 4px 15px; color: #333; font-size: 14px; font-weight: bold; margin: 0}
.pytania h2 a { color: #333; text-decoration: none}
.pytania h2 a:hover { text-decoration: underline }
.pytania ul, .pytania dl { margin: 5px 0; padding: 0 5px }
.pytania li, .pytania dt, .pytania dd {  list-style: none; list-style-position: outside ; font-size: 11px; }
.pytania li, .pytania dt { list-style-position: outside; background: url('/i/qm.gif') no-repeat 0 3px; text-indent: 15px }
.pytania li { padding: 0 0 15px 0; margin: 0 }
.pytania dt { padding: 0; margin: 10px 0 0 0 }
.pytania li a, .pytania dt a { font-weight: bold; font-size: 15px }
.pytania li span.odp, .pytania dd span.odp { color: #e47a49 }
.pytania li span.por, .pytania dd span.por { color: #7DA033 }
.pytania dd { color: #666; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; padding: 0 0 15px }
.pytania dd .tresc { margin: 5px 0; color: #000 }

/* Lista propozycji porad */
.propozycje .box { background: #f5f5ff; border-color: #d0d0ff }
.propozycje h2 { background: url('/i/qtitle.png') repeat-y; padding: 2px 5px 4px 15px; color: #333; font-size: 14px; font-weight: bold; margin: 0}
.propozycje h2 a { color: #333; text-decoration: none}
.propozycje h2 a:hover { text-decoration: underline }
.propozycje ul, .propozycje dl { margin: 5px 0; padding: 0 5px }
.propozycje li, .propozycje dt, .propozycje dd {  list-style: none; list-style-position: outside ; font-size: 11px; }
.propozycje li, .propozycje dt { list-style-position: outside }
.propozycje li { padding: 0 0 15px 0 }
.propozycje dd { padding: 0 0 25px }
.propozycje li { margin: 0 }
.propozycje dt { padding: 0; margin: 10px 0 0 0 }
.propozycje li a, .propozycje dt a { font-weight: bold; font-size: 15px }
.propozycje dd { color: #666; border-bottom: 1px solid #ddd; margin: 0 0 25px 0 }
.propozycje dd .tresc { margin: 5px 0; color: #000 }


/* Lista porad */
.porady h2 { background: url('/i/adtitle.png') repeat-y; padding: 2px 5px 4px 15px; color: #333; margin: 0; font-size: 14px }
.porady h2 a { color: #333; text-decoration: none}
.porady h2 a:hover { text-decoration: underline }
.porady h3 { font-size: 13px; padding: 2px 5px 2px 5px; color: #333; margin: 0 0 5px 0; /* border-left: 2px solid #b3e449; */ border-bottom: 2px solid #b3e449 }
.porady h3 a { color: #333; text-decoration: none}
.porady h3 a:hover { text-decoration: underline }
.porady h4 { font-weight: bold; font-size: 14px; margin: 0 0 5px 0; padding: 0 }
.porady ul, .porady dl { margin: 0; padding: 0 5px }
.porady li, .porady dd { margin: 0; padding: 0 0 15px 0; list-style: none;  font-size: 12px }
.porady dd { text-align: justify; border-bottom: 1px solid #ddd; margin-bottom: 10px }
.porady dd div.meta { margin-bottom: 5px; color: #888; text-align: left }
.porady dd div.meta b { color: #000 }
.porady li a, .porady dt a { font-size: 15px; font-weight: bold}
.porady li a.kategoria, .porady dd a.kategoria { font-size: 11px }
.porady dt img { vertical-align: top; float: left; text-align: left; padding: 0; margin: 5px 5px 5px 0px; border: 1px solid #000 }

.kategorie { border: 1px solid #fff; padding: 0}
.kategorie h2 { background: url('/i/ctitle.png') repeat-y; padding: 2px 5px 4px 15px; color: #fff; margin: 0; font-size: 14px; font-weight: bold }
.kategorie h2 a { color: #fff; text-decoration: none}
.kategorie h2 a:hover { text-decoration: underline }

/* Lista katetegorii na SG */
.kategorie ul { list-style: none; padding: 0 5px; margin: 0; background: url('/i/cbg.png') repeat-y }
.kategorie ul li { padding: 4px 5px; margin: 0; border-bottom: 1px solid #e0e0e0 }
.kategorie ul li a, a.kategorie { color: #9f4233 }

/* Lista kategorii w postaci drzewa */
.kat_tree { padding: 0 10px; margin: 0 }
.kat_tree a { font-size: 14px }
.kat_tree h2 { padding: 5px 0 0 0; margin: 0 }
.kat_tree h2 a { font-size: 16px }


/* Komentarze */
.komentarze h2 { background: url('/i/qtitle.png') repeat-y; padding: 2px 5px 4px 15px; color: #333; font-size: 14px; font-weight: bold; margin: 0}
.komentarze h2 a { color: #333; text-decoration: none}
.komentarze h2 a:hover { text-decoration: underline }
.komentarze h3 { border-bottom: 2px solid #e47a49; padding: 2px 5px; font-weight: bold; font-size: 13px }
.komentarze .komentarz .subhead { background-color: #e0e0e0; padding: 3px 5px; font-size: 11px; margin-bottom: 5px }
.komentarze dl { margin: 5px 0 5px 5px; padding: 0 }
.komentarze dl dt { background: url('/i/komentarz.gif') no-repeat 5px 6px; padding: 3px 0 0 25px; font-size: 12px; color: #666; margin: 10px 0 0; border-left: 1px #ddd solid; border-top: 1px #ddd solid; border-right: 1px #ddd solid }
.komentarze dl dt b { color: #333 }
.komentarze dl dt a { font-weight: bold; font-size: 15px }
.komentarze dl dd { margin: 0; padding: 5px 5px 10px 25px; border-left: 1px #ddd solid; border-bottom: 1px #ddd dotted; border-right: 1px #ddd solid; line-height: 1.5em }
.komentarze dl dd.menu { margin: 0; padding: 3px 15px; text-align: right; background-color: #f5f5f5; font-size: 11px }
.komentarze dl dd.menu img { vertical-align: bottom }

/* komentarze - lista skrócona */
.komentarze ul { list-style: none; margin: 5px 0 }
.komentarze ul li { background: url('/i/komentarz.gif') no-repeat 5px 6px; padding: 3px 0 0 25px; }

/* Górny boks z tematem dnia */
/*   główna belka tytułowa */

/* główna wiadomość */


/* Lista linków pod głównym tekstem */
.toptopic ul { margin: 5px 5px 5px 10px }
.toptopic li { margin: 0; list-style: square; padding-bottom: 10px; list-style-position: outside; font-size: 12px }
.toptopic li span { color: #777; /*	white-space: nowrap; */ font-size: 12px }


/* Aktualności */
.aktualnosci ul { margin: 5px 0; padding: 0 15px }
.aktualnosci li { margin: 0; list-style: square; padding-bottom: 10px; list-style-position: outside; font-size: 12px }
.aktualnosci li span { color: #777; /*	white-space: nowrap; */ font-size: 12px }

/* Widok tematu i porad */
/* Przydatne strony w pytaniach i poradach */
.linki h2 { background: none }
.linki dl { padding: 5px; margin: 0 }
.linki dt { padding: 0; font-weight: bold; margin: 0 }
.linki dd { padding: 0; margin: 0 0 10px 0 }

/* Wygląd porady (w liście porad poniżej pytania oraz na stronie z samą poradą*/
.porada { margin: 20px 0 10px 0; padding: 10px; border: 1px solid #b3e449 }
.porada h2 { font-size: 16px }

/* Odnośniki do polecanych stron w poradzie */
#porada .ocena, .porada .ocena { padding: 3px 5px 5px; margin: 3px 0; border: 1px dotted #b3e449}
#porada .ocena img , .porada .ocena img { vertical-align: bottom; margin: 0 10px }
#porada .linki, .porada .linki { margin: 10px 0; padding: 0 5px; border: 1px dashed #99b }
#porada .linki dl, .porada .linki dl { margin: 10px 0; padding: 0 }
#porada .linki dl dt, .porada .linki dl dt { margin: 0; padding: 0 }
#porada .linki dl dt a, .porada .linki dl dt a { font-weight: bold }
#porada .linki dl dd, .porada .linki dl dd { padding: 0; margin: 0 0 5px }
#porada .tresc, .porada .tresc { clear: both; padding: 20px 5px; line-height: 1.5em }
#porada .tresc p, .porada .tresc p { margin: 0 0 1em 0; padding: 0 }
.porada h2 { color: #000; margin: 0; padding: 0 }
.rada { line-height: 1.5em }
.rada .left, #porada .left, .porada .left { float: left; width: 330px;text-align: left; vertical-align: middle; line-height: 15px }
.rada .left img { vertical-align: bottom; margin: 0 10px }
#porada .right, .porada .right, .komentarz .right { float: right; width: 200px; text-align: right; line-height: 15px }
#porada .right img, .porada .right img, .komentarz .right img { padding-bottom: 3px; vertical-align: middle; border: none }
/* Menu porady z "komentuj", "czytaj komentarze" itp. */
.rada .menu, #porada .menu, .porada .menu { font-size: 11px; border-top: 1px solid #b3e449; padding: 3px 5px 3px 5px; margin: 10px 0; text-align: right; vertical-align: middle; clear: both }
.rada .menu,#porada .menu img, .porada .menu img { padding-right: 2px; vertical-align: bottom }
.rada { background-color: #f0f0f0; padding: 5px; margin: 10px 5px }
.rada .menu { border-top: none; margin: 0 } /* ; background-color: #eee } */
.rada .left { float: left; text-align: right }

/* style do gwiazdek do oceny porady */
.gwrate { float: right; list-style:none; margin: 0;  padding:0; width: 85px; height: 15px; position: relative;	background: url('/i/gw.gif') top left repeat-x }
.gwrate li { padding: 0; margin: 0; float: left }
.gwrate li a { display:block; width:17px; height: 15px; text-decoration: none; font-size: 0; z-index: 20; position: absolute; padding: 0px; color: #fff }
.gwrate li a:hover { background: url('/i/gw.gif') left bottom; z-index: 1; left: 0px }
.gwrate a.gw1 { left: 0px; }
.gwrate a.gw1:hover {	width:17px; }
.gwrate a.gw2s { left:17px; }
.gwrate a.gw2s:hover { width: 34px; }
.gwrate a.gw3s:hover { width: 51px; }
.gwrate a.gw3s { left: 34px; }
.gwrate a.gw4s { left: 51px; }	
.gwrate a.gw4s:hover { width: 68px; }
.gwrate a.gw5s { left: 68px; }
.gwrate a.gw5s:hover { width: 85px; }
/* koniec styli do gwiazdek do oceniania porad */


/* Polecane programy*/
#program .meta { border: 1px dotted #b3e449; background-color: #f4fbe3; padding: 10px }
#program .ocena img { vertical-align: bottom; margin: 0 10px }
#program .tresc { clear: both; padding: 20px 5px; line-height: 1.5em }
#program .tresc p { margin: 0 0 1em 0; padding: 0 }
#program .left { float: left; width: 330px;text-align: left; vertical-align: middle; line-height: 15px }
.rada .left img { vertical-align: bottom; margin: 0 10px }
#program .right { float: right; width: 200px; text-align: right; line-height: 15px }
#program.right img img { padding-bottom: 3px; vertical-align: middle; border: none }





/* Licznik pozostałych do wpisania znaków */
.drobnydruk { font-size: 11px; color: #555555 } 

/* Szary boks z zielonymi granicami na górze i na dole oraz zielonym nagłówkiem */
.ggbox { margin: 0 0 10px 0 }
.ggbox h2 {
	font-family: Trebuchet MS; font-size: 17px; color: #b3e449; font-weight: bold; padding: 0; margin: 0
}
.ggbox .content {
	padding: 5px;	background-color: #f0f0f0; border-top: 2px solid #b3e449; border-bottom: 1px dotted #b3e449
}
.ggbox .content ul {
	padding: 0 0 0 1em;
	margin: 5px;
}
.ggbox .content li {
	padding: 0;
	margin: 0;
	list-style-type: square;
}
.ggbox .content li span {
	color: #666;
	font-size: 11px;
	white-space: nowrap
}

.porady ul.lista { list-style-type:square; margin: 10px 0 0 1.5em; padding: 0 }
.porady ul.lista li { list-style-type:square; margin: 0; padding: 0 0 10px 0 }


/* ONEPRESS - KSIĘGARNIA */
.onepress_lbar { border: 1px solid #fff; padding: 0; margin: 0 0 10px 0}
.onepress_lbar h2 { background: url('/i/book-lbar.png') repeat-y; padding: 2px 5px 4px 15px; color: #fff; margin: 0; font-size: 14px; font-weight: bold }
.onepress_lbar h2 a { color: #fff; text-decoration: none}
.onepress_lbar h2 a:hover { text-decoration: underline }

/* Lista katetegorii na SG */
.onepress_lbar ul { list-style: none; padding: 0 5px; margin: 0; background: url('/i/cbg.png') repeat-y }
.onepress_lbar ul li { padding: 4px 5px; margin: 0; border-bottom: 1px solid #070 }
.onepress_lbar ul li a { color: #070 }

#lt_onepress h1 { border-bottom: 3px solid  #070; text-align: center; padding-right: 10px }

/* Lista książek */
.ksiazki h2 { background: url('/i/book-title.png') repeat-y; padding: 2px 5px 4px 15px; color: #333; margin: 0; font-size: 14px }
.ksiazki h2 a { color: #333; text-decoration: none}
.ksiazki h2 a:hover { text-decoration: underline }


/* STRONA Z KSIĄŻKĄ */
/* Okładka książki */
#ksokladka { float: left; width: 200px; text-align: center; vertical-align: middle; margin-top: 10px }
#ksokladka img { margin-bottom: 20px }
/* Opis ksiązki */
#ksopis { margin-top: 10px }
#ksopis a { font-weight: bold }

#ksopis .cena { text-align: right; font-size: 16px; font-weight: bold; color: #ff6600; line-height: 25px; margin: 15px 0 }
/* Informacja o cenie oraz przycisk zakupu */
#ksopis .cena img { margin-left: 20px }
/* Dodatkowe, raczej niezbyt wciągające informacje */
#ksopis .addinfo { margin: 10px 0; text-align: left; color: #999999; font-size: 11px }

/* Boks prezentujący losowe książki */
.ks_box { background-color: #f1eef3; padding: 10px 5px; border: 1px #e3d8eb solid; margin-bottom: 10px }
.ks_box h3 { margin:0; padding:0 }
.ks_box h3 a { color: #003399 }
.ks_box p { margin: 5px 0; padding: 0 }
.ks_box img.okladka { margin: 0 10px 0 5px }
.ks_box .cena, dl.ksiazki .cena { font-weight: bold; color: #d12e2e }
.ks_box .opis { height: 140px }

/* Tabela z książkami */
table.ksiazki_lista { border: none; border-collapse: separate; background: none }
table.ksiazki_lista tr td { padding: 5px; margin: 20px; border: 1px solid #e0e0e0; background-color: #fff; vertical-align: top; text-align: left }
table.ksiazki_lista tr td h3 { margin: 0; padding:0; font-size: 13px }
table.ksiazki_lista tr td img { float: left; padding: 0 5px 0 0; border: none }
table.ksiazki_lista tr td .autor { font-size: 11px }
table.ksiazki_lista tr td .cena { clear: both; font-weight: bold; color: #d12e2e; text-align: right }

/* Etykiety */
/*   belka tytułowa boksów z etykietami */
h1.etykiety, .etykiety h1 { background: url('/i/etykieta-ico.gif') no-repeat top left; line-height: 40px; padding-left: 45px }
.etykiety h2 { background: url('/i/adtitle.png') repeat-y; padding: 2px 5px 4px 15px; color: #333; font-size: 14px; font-weight: bold; margin: 0}
.etykiety h2 a { color: #333; text-decoration: none}
.etykiety h2 a:hover { text-decoration: underline }
.taglist h2 { font-size: 17px } 
/* Style do podkreślenia popularności etykiet */
a.tag1 { font-size: 12px; font-weight: normal }
a.tag2 { font-size: 12px; font-weight: bold }
a.tag3 { font-size: 14px; font-weight: normal }
a.tag4 { font-size: 14px; font-weight: bold }
a.tag5 { font-size: 16px; font-weight: normal }
a.tag6 { font-size: 16px; font-weight: bold }
a.tag7 { font-size: 18px; font-weight: normal }
a.tag8 { font-size: 18px; font-weight: bold }
a.tag9 { font-size: 20px; font-weight: normal }
a.tag10 { font-size: 20px; font-weight: bold }

/* Style formularza: pola w szarych boksach */
form.gbox_form { background: #fff; padding: 0 5px 5px }
form.gbox_form p { padding: 0 }
form.gbox_form input, form.gbox_form textarea, form.gbox_form select { border: 1px solid #ccc; font-size: 12px }
/* form.gbox_form p { background: #eef; padding: 5px; border: 1px solid #ccd; margin: 0 0 1px 0 } */
form.gbox_form label { font-weight: bold; color: #005 ; font-size: 14px; line-height: 2em }
form.gbox_form em { font-weight: bold; color: #c00 }
/* form.gbox_form input, form.gbox_form select { margin: 3px 0 0 } */

/* Menu użytkownika/administratora w poradach itp. - z linkami do edycji itp. */
div.admin_menu { padding: 3px 10px; margin: 5px 0; background-color: #eef; border-top: 1px solid #ccd; font-size: 11px }
div.admin_menu img { vertical-align: bottom }

/* Style narzędzi */
.tools h1 { background: url('/i/narzedzia-ico.gif') no-repeat top left; line-height: 40px; padding-left: 45px}
.tools dl dt { margin: 0; padding: 5px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee}
.tools dl dt a { font-size: 14px; font-weight: bold }
.tools dl dd { margin: 0 0 10px 0; padding: 5px 5px 10px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee }
/* W formie małego boksu z linkami do narzędzi (np. powiązane narzędzia) */
.tools ul { margin: 0; padding: 0 5px }
.tools li { margin: 0; padding: 0 0 10px 0; list-style: none;  font-size: 12px }
.tools li a { font-size: 12px; font-weight: bold }
.tools .box { background-color: #eee }
.tools .box h2 { border-bottom: 2px solid #b3e449; background: url('/i/narzedzia-ico-s.gif') no-repeat left top; padding-left: 25px; padding-bottom: 3px  }
/* Style narzędzia */
#tool .formularz { border-top: 1px #b3e449 solid; border-bottom: 2px #b3e449 solid; padding: 10px 0; margin: 10px 0; text-align: center}

/* Style do pytań i porad */
.podpis { padding: 3px 5px; color: #333; font-size: 11px; border: 0 }
#pytanie h1 { padding: 0 5px }
#porada h1 { padding: 0 5px }
#pytanie .tresc { padding: 10px 5px }

#artykul { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #b3e449 }
#artykul .lead { font-weight: bold; margin: 10px 0 }
/* Lewe menu sekcji "Informacje" */
#lmenu { background-color: #E3FFA8; border: 1px solid #7da033; padding: 5px }
#lmenu h2, #lmenu h2 a { color: #7da033; padding: 0; font-size: 15px; margin: 0 5px}
#lmenu .box { border: none; border-top: 1px solid #7DA033; background-color: #f0f0f0; margin: 0 0 10px; padding: 5px; background-color: #fff }

/* Nagłówek stron z oznaczeniem typu oraz kategorii ; zastępuje nawgiację */
div#pnav { border-bottom: 3px solid #b3e449; padding: 2px 5px; margin-bottom: 5px; font-size: 13px }
div#pnav a { font-weight: bold; color: #222 }
#pytanie div#pnav, div#pnav.pytania { border-bottom: 3px solid #e47a49 }
div#pnav img { vertical-align: bottom; padding-right: 5px }


/* Linki powiązanych elementów - m.in. w komentarzach */
.rel_pytanie { border-left: 4px solid #e47a49; padding: 0 5px; margin: 10px 0}
.rel_porada { border-left: 4px solid #b3e449; padding: 0 5px; margin: 10px 0 }


/* Edycja porady */
#edycja_linki { margin-bottom: 20px }
ul#edycja_linki { padding: 5px; margin: 5px 0; background-color: #fff; list-style: none}
ul#edycja_linki li { background-color: #eee; padding: 3px;  }


/* Nowy system do oceniania gwiazkami */
.rating { cursor: pointer; display: block; margin: 0 10px; float: right }
.rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden }
.cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; font-size: 0; z-index: 20 }
.star-left, .star-right { width: 8px }
.cancel, .cancel a {background: url(/i/delete.gif) no-repeat 0 -16px }
.star, .star a {background: url(/i/star.gif) no-repeat 0 0px }
.star-left, .star-left a {background: url(/i/star-left.gif) no-repeat 0 0px }
.star-right, .star-right a {background: url(/i/star-right.gif) no-repeat 0 0px}
.cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0px }
div.rating div.on a { background-position: 0 -16px }
div.rating div.hover a, div.rating div a:hover { background-position: 0 -32px }

/* Zarządzanie galerią obrazków thumbnail */
div#obrazy { background-color: #eee; padding: 10px }
.obrazek { width: 108px; float: left; border: 1px solid #ddd; margin: 3px 0 5px 5px; padding: 3px 1px; background: #fff; text-align: center }
.obrazek img { margin-bottom: 10px; border: 0 }
.obrazek_title { font-size: 11px; margin: 0; padding: 1px; width: 100%; border-top: 1px solid #eaeaea }
.obrazek_tagi { margin: 0; padding: 1px; width: 100%; font-size: 11px }

/* Taby do pytań */
@media print {
    .tabs-nav { display: none }
}
.tabs-nav { list-style: none; margin: 0 0 10px; padding: 0 0 0 4px; border-bottom: 1px solid #e47a49 }
.tabs-nav:after { display: block; clear: both; content: " " }
.tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px }
.tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url(/i/orange-tabs.png) no-repeat }
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap }
.tabs-nav .tabs-selected a { color: #000 }
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0 }
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px }
.tabs-nav a span { width: 64px; min-width: 64px; height: 18px; min-height: 18px; padding-top: 6px; padding-right: 0 }
*>.tabs-nav a span { width: auto; height: auto }
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px }
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0 }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer }
.tabs-nav .tabs-disabled { opacity: .4 }

/* Dodatkowe z zielonymi zakładkami dla tagów oraz porad */
.green-tabs a, .green-tabs a span { background-image: url(/i/green-tabs.png) !important }
.green-tabs { border-bottom: 1px solid #b3e449 !important }