/* Základní styl pro 2 sloupce a horizontální menu */
BODY, DD, DIV, DL, DT, FORM,
H1, H2, H3, H4, H5, H6, HR, OL, P, UL, TEXTAREA { display: block; }
A, IMG, INPUT, LABEL, SPAN { display: inline; }
LI       { display: list-item; }
HEAD     { display: none; }
TABLE    { display: table; }
TR       { display: table-row; }
THEAD    { display: table-header-group; }
TBODY    { display: table-row-group; }
TFOOT    { display: table-footer-group; }
COL      { display: table-column; }
COLGROUP { display: table-column-group; }
TD, TH   { display: table-cell; }
CAPTION  { display: table-caption; }

/* Základní nastavení */
BODY {
  padding: 0;
  margin: 0;
  font-family: Arial CE, sans-serif;
  text-align: center;
  font-size: 80%;
  background: transparent url(img/bkgr.gif) 0 0 repeat fixed;
}
TABLE { border: 0; background: transparent; }
TD { border: 0; }
TABLE.CD_obsah { margin: 1em 0 0 0; width: 360px; border-collapse: collapse; }
TABLE.CD_obsah TD { padding: 0 .5em; font-weight: normal; font-size: 1em; }
TABLE.fotky { margin: 15px auto; }
TABLE.fotky TD { width: 100px; vertical-align: center; text-align: center; }

STRONG { font-weight: bold; color: #EEE; }
H1, H2, H3, H4, H5, H6 {
  margin: 3px;
  padding: 1.2em 6% .2em;
  text-align: left;
  font-family: Arial CE, sans-serif;
  clear: both;
}
H1 {
  margin: 1px 3px;
  padding: .5em 6% .5em;
  font-weight: bold;
  font-size: 1.4em;
  background: transparent url(img/hbkgr.gif) 100% 2px no-repeat scroll; 
}
H2 {
  font-weight: bold;
  font-size: 1.2em;
}
/*  background: transparent url(img/hbkgr.gif) 100% 15px no-repeat scroll; */

H3 {
  font-weight: bold;
  font-size: 1.1em;
}
H4 {
  font-weight: bold;
  font-size: 1em;
}
H5 {
  font-weight: normal;
  font-style: italic;
  font-size: 0.9em;
}
H6 {
  font-weight: normal;
  font-size: 0.8em;
}

P, FORM, UL, OL, DL {
  margin: 1em 6%;
  padding: 0;
  text-align: left;
}
P {
  font-size: 1em;
  font-family: Arial CE, sans-serif;
}
P.tx { text-align: justify; text-indent: 2em; }
P.sign { padding-left: 55%; }
P.pozn { font-size: .85em; text-align: left; margin: 2em 6%; clear: both; }

OL LI{ list-style-type: decimal; }
UL LI{ list-style-type: disc; }
OL UL, UL OL, UL UL, OL OL { margin-top: 0; margin-bottom: 0; }

LI { font-size: 1em; }
DT, DD { font-size: 1em; }
LI, DT, DD { font-family: Arial CE, sans-serif; text-align: left; margin-top: 0.5em; }
DT { margin-top: .5em; font-weight: bold; }
LI, DD { margin-left: 3em; }
A IMG { text-decoration: none; border: 0; }

HR.hrdiv { font-size: .5em; height: 1px; padding: 0; margin: 0.5em 6%; clear: both; }
.hsepar { font-size: 1px; width: 100%; height: 0; margin: 0; padding: 0; border: none; clear: both; }

/* ------------ Hlavní rám a záhlaví -------------- */
TABLE#maintab { width: 100%; border-collapse: collapse; }
#pbody { width: 738px; text-align: left; }
#header { width: 740px; height: 150px; margin: -1px; padding: 0; border: 0; }

/* ---------------- Boční mantinely ---------------- */
.mant { width: 7px; height: 100%; background: transparent url(img/mant.gif) 0 0 repeat-y scroll; }

/* -------------------- Menu ---------------------- */
#menu { margin: 0 -1px; width: 740px; }
#menu TD {
  padding: 10px;
  text-align: center;
  font-size: 11pt;
  font-family: sans-serif;
  font-weight: bold;
}

/* ----------------- Levý sloupec ------------------*/
#leftbox { float: left; width: 183px; margin: 3px 0 10px 0; padding: 0; }
UL.lsloup { margin: 3px 3px .5em; padding: 0; }
UL.lsloup LI { list-style-type: none; margin: .2em 0; padding: .2em; font-size: .85em; }
H2.lsloup {
  text-align: center;
  margin: 3px;
  padding: .5em 1em;
  background: transparent url(img/hbkgr.gif) 100% 0 no-repeat scroll; 
}

/* Hlavní sloupec */
#mainbox { float: right; width: 550px; margin: 3px 0 10px 0; padding: 0; }

/* --------------------- Patička --------------------*/

#footbox {
  font-size: 1em;
  padding: 1em 0;
  margin: 0;
  clear: both;
}
P.linkfoot {
  font-weight: bold;
  font-size: 0.8em;
  font-family: Arial CE, sans-serif;
  text-align: center;
  height: 2em;
  margin: 0;
  padding: .5em 3em .3em;
}
A.linkfoot { text-decoration: underline; }

/* ------------------ Diskografie -------------- */
UL#disko { margin: 0; padding: 0; }
UL#disko LI{ list-style-type: none; margin: .5em 3%; font-weight: bold; font-size: 1.1em; text-indent: 2.5%; }
IMG.CD_obal { float: left; width: 150px; margin: 1em 1em 1em 0; }

/* -------------------- Barvy ------------------ */
BODY, TABLE.CD_obsah TD { color: #CCD; }
TH, TABLE.CD_obsah, TABLE.CD_obsah TD, UL.lsloup LI, H2.lsloup, #mainbox, P.linkfoot { background-color: #101017; }
TH, TABLE.CD_obsah { border: 1px solid #EEE; }
TABLE.CD_obsah TD { border-bottom: 1px solid #666; }
H1, H2, H3, H4, H5, H6, UL#disko LI, .datum { color: #F62; }
TABLE#menu { border: 1px solid #D62; backgroud: #D62; }

A { color: #FFF0B0 ! important; }
A:visited { color: #F88080 ! important; }
#menu { background: #D62; }
/*  background: transparent url(img/lista.gif) 0 0 repeat-x scroll; } */

.menuitem A, .menuitem A:visited { text-decoration: none; color: #F62 ! important; }
.menuitem A:hover { color: #A40 ! important; }
.menuitem { background: #000; }
.menuact { color: #FFF; background: #D62; }

#pbody { background-color: #000; }
#leftbox { background: transparent; }
#leftbox, #mainbox { border: 1px solid #444; }
#footbox, P.linkfoot { color: #CCC; }
A.linkfoot { color: #FF8F8F ! important; }