/* $Id: the_styl.css 188 2006-06-08 14:46:32Z case $ */

/*
Ciemny szary: 		#89897D
Jaśniejszy szary:       #adaea5
Ciemny niebieski:       #2c4c7d
Jasne, papierowe tło:	#F0F0EC

*/
body {
  margin: 0;
  font-family: 'Nimbus Sans L', 'Arial', sans-serif;
  font-size: 80%;
}
h1 {
  font-family: 'Nimbus Sans L', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 160%;
  color: #2c4c7d;
}
h2 {
  margin: 1em 0 0.6em;
}
h2.pusty {
  margin: 0.2em;
}
table { border-collapse: collapse; width: 100%;}
tr { border: none; }
td { vertical-align: top; }

td.col1  { background: #C1C1CB url(pic/col1_bg.png) repeat-y  top right ; }
td.col23 { width: 760px; }
td.col2  { width: 510px; background: #F0F0EC url(pic/border.png) repeat-y right top; }
td.col3  { width: 250px; background: #F0F0EC url(pic/logo_bg.png) no-repeat left top; }
td.col4  { background: #C1C1CB url(pic/col4_bg.png) repeat-y  top left ; }

a       { text-decoration: none; }
a:hover { text-decoration: underline; }

a.more {
  color: #89897D;
  padding-right: 20px; /* na obrazek (15) + odstęp (5)*/
  min-height: 15px; /* też na obrazek. Liczę, że większa czcionka spowoduje podwyższenie obiektu (w IE) */
  background: transparent url(pic/btn_more.png) no-repeat right center;
  display: block;
  text-align: right;
}
/* ************* Header row **************** */
td#de_header {
  background: #D5D5CD url(pic/de_header_bg.png) repeat-x bottom left;
  padding: 0 0 3px;
  font-size: 80%;
}
span#licznik {
  background: #004c15 url(pic/licznik_bg.png) repeat-x bottom right;
  color: white;
}
span#licznik span.rog {
  background: #004c15 url(pic/licznik_bg_rog.png) no-repeat bottom right;
  width: 5px;
  padding: 0 5px 0 0;
}
span#data {
  padding: 0 2em;
}
/* ****************** Menu główne *************** */
div#top_spacer {
  height: 22px;
  background: #2c4c7d url(pic/top_spacer_bg.png) no-repeat bottom right;
  overflow: hidden;
  clip: auto;
}
table#menu {

}
table#menu td {
  text-align: center;
  font-size: 8pt;
}
table#menu td a {
  display: block;
  width: 85px;
  height: 105px;
  clip: auto;
  overflow: hidden;
  background: #F0F0EC url(pic/mm1_bg.png) no-repeat bottom left;
  text-decoration: none;
  color: black;
}

table#menu td a span { /* sam tekst buttona */
  display: block;
  background: #2c4c7d url(pic/mm1_bgs.png) no-repeat top left;
  padding: 0;
  min-height: 38px;
}
table#menu td a span strong {
  display: block;
}

table#menu td a#mm1 { background-image: url(pic/mm1_bg.png); }
table#menu td a#mm2 { background-image: url(pic/mm2_bg.png); }
table#menu td a#mm3 { background-image: url(pic/mm3_bg.png); }
table#menu td a#mm4 { background-image: url(pic/mm4_bg.png); }
table#menu td a#mm5 { background-image: url(pic/mm5_bg.png); }
table#menu td a#mm6 { background-image: url(pic/mm6_bg.png); }
table#menu td a#mm1 span { background-image: url(pic/mm1_bgs.png); }
table#menu td a#mm2 span { background-image: url(pic/mm2_bgs.png); }
table#menu td a#mm3 span { background-image: url(pic/mm3_bgs.png); }
table#menu td a#mm4 span { background-image: url(pic/mm4_bgs.png); }
table#menu td a#mm5 span { background-image: url(pic/mm5_bgs.png); }
table#menu td a#mm6 span { background-image: url(pic/mm6_bgs.png); }
table#menu td a#mm1:hover { background-image: url(pic/mm1_bg_h.png); }
table#menu td a#mm2:hover { background-image: url(pic/mm2_bg_h.png); }
table#menu td a#mm3:hover { background-image: url(pic/mm3_bg_h.png); }
table#menu td a#mm4:hover { background-image: url(pic/mm4_bg_h.png); }
table#menu td a#mm5:hover { background-image: url(pic/mm5_bg_h.png); }
table#menu td a#mm6:hover { background-image: url(pic/mm6_bg_h.png); }
table#menu td a#mm1:hover span { background-image: url(pic/mm1_bgs_h.png); }
table#menu td a#mm2:hover span { background-image: url(pic/mm2_bgs_h.png); }
table#menu td a#mm3:hover span { background-image: url(pic/mm3_bgs_h.png); }
table#menu td a#mm4:hover span { background-image: url(pic/mm4_bgs_h.png); }
table#menu td a#mm5:hover span { background-image: url(pic/mm5_bgs_h.png); }
table#menu td a#mm6:hover span { background-image: url(pic/mm6_bgs_h.png); }

/* ***************** The zawartość ************ */
div#the_content {
  background: #F0F0EC url(pic/content_bg.png) no-repeat top right;
  margin: 0;
  padding: 2px 1em 5em 1em;
  border-right: 1px solid #89897D;
}

div#the_content div.section_h1 {
  margin-left: -1em;
  padding: 3px 0;
}
div.section_h1 h1 {
  display: inline;
  background: #2c4c7d url(pic/h1_bg.png) no-repeat bottom right;
  color: #F0F0EC;
  padding: 3px 2em;
  margin: 0;
}
div#the_content div.section_h1 .zawijas {
  background: #F0F0EC url(pic/h1_bg_zawijas.png) no-repeat top left;
  padding: 3px 0;
  margin: 0;
  font-size: 160%; /* dopasowane do h1 */
}
div#the_content div.section_h1 div.lokatorek {
  display: inline;
}
div#the_content div.lokatorek {
  font-size: 8pt;
}

div#the_content img { padding: 5px; }

div.lokatorek a {
  text-decoration: none;
  color: #737373;
}
div.lokatorek a:hover {
  text-decoration: underline;
  color: #737373;
}

/* ************** Stopka ************** */
td.stopka {
  border: 1px solid #89897D;
  text-align: center;
}
td.stopka div.stopka {
  margin: 5px;
  text-align: center;
  background: #89897D url(pic/design_by.png) no-repeat center right;
  color: white;
  padding: 2px;
  min-height: 23px;
}

/* ************** ogólnie o linkach ************* */
a img {
  border: none;
}
/* ************** Logo ************** */
div#logo {
  background: #F0F0EC url(pic/logo_bg.png) no-repeat top left;
  padding-top: 7px;
}
div#logo img {
  margin: 20px 0 10px 20px;
}
div#logo div#flagi , div#logo div#viplinks {
  float: right;
  clear: right;
  width: 64px;
  padding-top: 7px;
  background: #F0F0EC url(pic/flagi_bg_top.png) no-repeat top left;
  text-align: center;
}

div#flagi a , div#viplinks a {
  display: block;
  margin: 7px;
  padding: 0;
}
div#flagi img , div#viplinks img {
  margin: 0;
}
div#logo div#flagi    { background-image: url(pic/flagi_bg_top.png); }
div#logo div#viplinks { background-image: url(pic/flagi_bg_middle.png); }

div#animacja {
  width: 250px;
  height: 179px;
  background: #F0F0EC;
  color: black;
  clear: both;
}
div#animacja object {
  display: block;
  width: 244px;
  height: 179px;
}

/* *************** Validators **************** */
div.validators   { font-size: 6pt; color: #ccc; }
div.validators a { color: #ccc; }
/* *************** Komunikaty na szczycie ************ */
div.error   { font-size: 80%; color: black; background: red; }
div.warning { font-size: 80%; color: black; background: yellow; }
div.message { font-size: 80%; color: black; background: green; }
/* **************** Sekcja 'Adres' *************************** */
div#adres {
  padding: 5px 10px;
  margin: 0;

}
div#adres {
  background: white;
  color: #294d84; /* taki granatowy */
  font-size: 80%;
}
/* **************** Sekcja 'Prawe linki' ********************* */
div#prawelinki {

}
/* **************** Sekcja 'Polecane strony' ***************** */
div#polecane {
  border-right: 1px solid #89897D;
  clear: both;
}
div#polecane div.section_h1 {
  background: #adaea5;
  padding: 3px 0;
}
div#polecane div.section_h1 h1 {
  background: #89897D url(pic/h1_szary.png) no-repeat top right;
  color: white;
  padding: 3px 1em;
}
div#polecane div.section_h1 .zawijas {
  background: #adaea5 url(pic/h1_szary_zawijas.png) no-repeat bottom left;
  padding: 3px 0;
  margin: 0;
  font-size: 160%; /* dopasowane do h1 */
}
table.polecane {
  border: none;
  margin-top: 1px;
  border-top: 1px solid #89897D;
  border-spacing: 0;
  font-weight: bold;
}
table.polecane td {
  border-bottom: 1px solid #89897D;
  vertical-align: middle;
}
table.polecane td td {
  padding: 15px;
  border: none;
}
table.polecane td td.thumb {
  width: 1px; /* Taki sposób na powiedzienie: minimum zajmij i się rozciągnij jak trzeba! */
}
table.polecane a {
  color: black;
  text-decoration: none;
}
/* ************** Zajawki na stronie **************** */

.zajawka {
  position: relative;
  border-bottom: 1px dotted #89897D;
  border-top: 1px solid #89897D;
  margin-bottom: 2px;
  padding-bottom: 5px;
  clear: both;
}
.zajawka h1 {
  font-size: 160%;
  margin-top: 2px;
  padding-top: 2px;
}
.zajawka .data {
  color: #89897D;
  display: block;
  font-size: 80%;
}
.lewy { float: left; }
.zajawka span.lewy , .zajawka img.lewy {
  display: block;
  margin: 5px 15px 5px 0;
}
/* ************** Klasy dla wszystkiego ******************* */
.biale { background-color: white; color: black; }
.bezowe { background-color: #F0F0EC; color: black; }
tr.bezowe td { background-color: inherit; } 
/* *************** I fixy dla Internet Explorera ************** */
* html div#logo div#viplinks {
  /* Skąd się to wzięło? Nie wiem. */
  margin-top: -7px;
}
* html div#polecane {
  /* border-right: 1px solid #89897D; powoduje rozszerzenie całej kolumny */
  margin-left: -1px;
}
* html div#the_content {
  margin-left: -1px;
}
/* ******************************************************************************************* IMPORT ********** */
.link_internal , .link_external {
  border: none;
  border-top: 1px solid #8e8e8e;
  margin: 0;
  padding: 1em;
  position: relative;
}
.link_internal {
  background: #eff3ef url(pic/bg_link_internal.png) repeat-x top left; /* taki beżowaty kolor */
  color: black;
}
.link_external {
  background: white url(pic/bg_link_internal.png) repeat-x top left; /* obrazek to takie frędzle na przeźroczystości */
  color: black;
}
.link_internal img , .link_external img {
  /* float: left; */
  background: transparent;
  margin: 10px;
}
.link_internal a.more , .link_external a.more {
  font-size: 80%;
}
/* IE hack - on nie rozumie min-height */
* html a.more { height: 15px; }
/* end of IE hack */

/*
* ========= To jest głównie dla zadań. ==========
*/
dt {
  font-weight: bold;
  margin: 0.5em;
}

/* Strona kategorii: lista zadań */
li.task_list {
  margin: 0.6em;
  list-style-position: inside;
}

/* Strona kategorii: ramka z listą kategorii */
div.kategorie {
  float: left;
  margin: 1em 1em 1em 0;
  background: #89897D;
  border: 2px outset #adaea5;
  color: white;
}
div.kategorie a { color: white; }
/*
Ciemny szary: 		#89897D
Jaśniejszy szary:       #adaea5
*/
div.kategorie ul.menu {
  list-style-type: none;
  margin: 1em;
  padding: 0;
}
div.kategorie ul.menu li {
  margin: 0.3em 0;
  padding: 0.2em;
}
div.kategorie ul.menu li.sel {
  border: 1px dotted yellow;
}
div.kategorie ul.menu li.other {
  margin-top: 1.5em;
}