body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  background-color:#000;
}


/*-----------------------------------LAYOUT-----------------------------------*/
/* DOM:
body
+-obal
  +-hlavicka
    +-logo
    +-nadpis
      +-a
  +-menu
  +-vrchniram
  +-obsah
  +-spodniram
  +-patka
*/
.obal {
  margin-top: 25px;
  position: absolute;
  width: 740px;
  left: 50%;
  margin-left: -370px;
  color: #aaa;
}

.hlavicka {
  background-color: #303030;
  height: 207px;
  color: #eaeaea;
}
.hlavicka .logo {
  position: absolute;
  background-image: url('fenix-logo.jpg');
  height: 207px;
  width: 360px;
  /* border-right: solid 3px #555; */
}
.hlavicka .nadpis {
  position: absolute;
  display: block;
  top: 0px;
  left: 360px;
  height: 207px;
  width: 380px;
  background-image: url('nadpis.jpg'); 
}
.hlavicka .nadpis a {
  display: block;
  height: 100px;
  width: 330px;
  margin: 60px 0 0 25px; }

.vrchniram {
  position: absolute; /* ie fix: celý obsah se jinak hodí až pod menu */
  height: 12px;
  width: 100%;
  top: 207px;
  left: 0px;
  background-image: url('main-border-top.jpg');
}
.obsah {
  margin-top: 12px; /* ie fix: protože .vrchniram musí mít abs. pozicování */
  padding: 5px 40px 30px 40px; 
  background-image: url('main-border.jpg');
}

.patka {
  text-align: right;
  padding: 5px 10px 8px 1px;
  border-top: 1px solid #444;
  font-size: 0.7em;
  background-color: #303030;
  color: #888;
}

.menu {
  position: relative; /* ie fix: aby fungoval z-index */
  float: right;
  margin: 0px 25px 5px 15px;
  background-image: url('menubar.jpg');
  background-position: bottom;
  width: 173px;
  font-size: 1.1em;
  z-index: 10; /* ie fix: aby to nepřekryl absolutně pozicovaný .vrchniram */
}
.menu ul { 
  list-style-type: none; 
  margin:0px 0px 30px 14px; 
  padding: 0 0 1px 0; /* ie fix: pozadí menu se jinak dole neroztahuje */ 
  color: #222; 
}
.menu li { margin: 0; padding: 0; }
.menu li a {
  display: block;
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  margin: 0 0 0 -20px;
  padding: 2px 0 3px 20px;
  background: no-repeat url('vykroj.gif') left center;
}
.menu li a:hover { font-weight: bold; background-image: url('vykroj-active.gif'); }
.menu li a:active, .menu li a:focus { outline: 0; }
.menu li.oddelovac { display: block; height: 0px; border-bottom: dotted 4px #222; }
/*----------------------------------------------------------------------------*/


/*---------------------------------TYPOGRAFIE---------------------------------*/
.obsah h1 { font-size: 24px; margin: 16px 0; color: #eaeaea; }
.obsah h2 { font-size: 16px; margin: 16px 0; color: #eaeaea; }
.obsah h3 { font-size: 14px; margin: 14px 0; color: #eaeaea; }
.obsah h4 {}
.obsah h5 {}
.obsah p  { margin: 13px 0; }
a { color:#eaeaea; text-decoration:underline; }
a:hover{ text-decoration:none; }
img { margin: 4px; border: solid #444 0px;
  padding: 2px 6px 6px 2px;
  background-position: right bottom;
  background-image: url('form-back.png');  
  -ms-interpolation-mode:bicubic; }
a:hover img { border-color: #f11; }
blockquote { background-color:rgb(25%, 25%, 25%); padding : 3px; border-left:2px solid #eaeaea; }
table { border-collapse: collapse; border-width: 1px; }
form table input, form table textarea { 
  border: solid 0px #555;
  color: #eaeaea;
  padding: 2px 6px 6px 2px;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  background-position: right bottom;
  background-image: url('form-back.png'); }
form table td { vertical-align: middle; }
div.obrazek { text-align: center; }
/*----------------------------------------------------------------------------*/


/*---------------------------------SPECIÁLNÍ----------------------------------*/

/* obecný model pro blokový objekt */
.blocek {
  margin-bottom: 10px; 
  padding: 0px 4px 4px 0px; 
  background-position: right bottom; 
  background-image: url('form-back.png'); }
.blocek h3, .blocek .zahlavi { 
  margin: 0; 
  padding: 2px 4px 4px 4px; 
  background-image: url('bg-repeat.jpg'); 
  color: #fff; 
  font-size:1.3em; }
.blocek img { padding: 0px; border: solid 1px #aaa; background-image: none; }
.blocek .mazatko { 
  background-color: #222; 
  padding: 3px; 
  margin: 0;
  border-left: solid 2px #1a1a1a; 
  border-bottom: solid 2px #1a1a1a; }

.oznameni { font-weight: bold; }
.chyba { color: #f00; }
.vporadku { color: #0a0; }
.externi { 
  padding-right: 13px; 
  background-image: url('externi_odkaz.png');
  background-position: right 50%; 
  background-repeat: no-repeat; }
.hinted { cursor: default; color: inherit; text-decoration: inherit; border-bottom: dotted 1px; position: relative; }
.hint { position: absolute; display: none; width: 200px; left: 0; top: 16px; background-color: rgba(51,51,51,0.9); /background-color: #333; border: solid 1px #555; padding: 3px; z-index: 10; font-size: 85%; }
.hinted:hover .hint { display: block; }
.highlite { 
  text-align:center; 
  font-style: italic; 
  font-size: 200%; 
  margin: 1em 2.5em; 
  background-image: url('quote.gif'); 
  background-repeat: no-repeat; 
  text-indent: 10px; 
  font-family: times New Roman;
  color: #fff;
  }
  .highlite .quote { font-weight: bold; font-size: 120%; line-height: 10%; }

img.ajaxloader { 
  background-image: none;
  visibility: hidden;
  border-width: 0;
  padding: 0;
  margin: -3px; }
img.ikonka { padding: 0; margin: -16px 0 -4px 0; background-image: none; }
  
.smajl, .forum .smajl { margin: -1px -1px -4px -2px; }

.uvod .akttitulka { height: 140px; position: relative; }
.uvod .akttitulka .prvni { left: 0px; }
.uvod .akttitulka .druhy { left: 121px; }
.uvod .akttitulka .treti { left: 242px; }
.uvod .akttitulka .ctvrty { left: 363px; }
.uvod .akttitulka .aktualitypopisek, .uvod .akttitulka .valpopisek { font-size: 10px; color: #777; }
.uvod .akttitulka .aktualitypopisek { position: absolute; }
.uvod .akttitulka .valpopisek { position: absolute; left: 363px; top: 0; }
.uvod .policko {
  width: 110px;
  height: 117px;
  top: 12px;
  overflow: hidden;
  display: block;
  position: absolute;
  padding: 2px 6px 6px 2px;
  margin: 0 3px 0 0;
  background-position: right bottom;
  background-image: url('form-back.png'); }
.uvod .policko img { 
  padding: 0; 
  border: solid 1px #303030; 
  margin: -2px; 
  width: 112px; 
  height:84px; }
.uvod .policko a { text-decoration: none; } /*chrome fix: neveme bez podtržení v pravidle níž*/
.uvod .policko .nadpis { font-weight: bold; color: #eaeaea; text-decoration: none; }
.uvod .policko .triradkovy { font-size: 11px; line-height: 11px; }
.uvod .policko .text { display: none; font-size: 10px; }
.uvod .policko .text a { text-decoration: underline; }
.uvod .policko:hover { height: auto; }
.uvod .policko:hover .text { display: block }
.uvod .policko:hover img { border-color: #aaa; }
.uvod .policko a:active, .uvod .policko a:focus { outline: 0; }

/* DOM aktuality:
aktualita
+-(a name="datum")
+-h3
+-skryvany && mazatko
+-textakt
*/
.aktualita { width: 460px; }
.aktualita .textakt { padding: 5px; }
.aktualita a.skryvac {
  font-weight: bold;
  color: #800; 
  margin: -22px 5px 0 0;
  text-decoration: none;
  float: right; }
.aktualita a:hover.skryvac { color: #f00; }
.aktualita form { margin-bottom: 3px; }
.aktuality #formularProPridani { 
  padding: 5px; 
  border: solid 1px #555; 
  width: 360px; 
  margin: 5px 0; }
.aktuality #formularProPridani table { border: solid 0px #555; }
.aktuality #formularProPridani input, .aktuality #formularProPridani textarea { width: 300px; }
.aktuality #formularProPridani .odesilaci input { width: 100px; }
.aktuality #napoveda { 
  display:none; 
  position:absolute;
  background-color: #333;
  border: solid 1px #555;
  padding: 3px;
  margin: 0 0 0 210px; }
.nadhled { width: 150px; float: left; margin-right: 7px; overflow: hidden; }

.skryvac {cursor: pointer; text-decoration: underline}
.skryvany {display: none}

.vlevo { float: left; margin: 4px 10px 0 0; }
.vpravo { float: right; margin: 4px 0 0 10px; }

.blokobrazek { 
  color: #777;
  font-size: 10px; 
  padding: 4px 8px 6px 4px; 
  background-position: right bottom; 
  background-image: url('form-back.png'); }
.blokobrazek img { padding: 0; margin: -2px; background-image:none; }
.blokobrazek .popisek { padding: 4px 0 2px 0; }

.clenove .clen { width: 480px; }
.clenove .clen td { vertical-align: top; }
.clenove .clen td.foto { width: 130px; }
.clenove .clen h3 { font-weight: normal; background-position: top right; }
.clenove .clen .tabulkaclen { width: 100%; }
.clenove .ctverecek { 
  height: 0px; 
  width: 0px; 
  border: solid #ddd 1px; 
  padding: 6px 6px 0 0;
  background-image: none; 
  margin: 0 0 0 3px; }
.clenove .speciality { 
  float: right;
  background-color: #fff; 
  background-image: url('ruzne/_pergamen.jpg');
  margin: 4px;
  padding: 2px;
  border: 1px #aaa solid;
  line-height: 13px; 
  color: #eee; }
.clenove .speciality td { max-width: 120px; vertical-align: middle; padding: 2px; }
.clenove .speciality { /width: 150px; } /* IE nepodporuje max-width */
.clenove .speciality td.ctverecky { /width: 50px; } /* IE nepodporuje max-width */
.clenove .oddelovac { height: 1px; background-color: #303030; margin: 20px 60px; width:355px; }

/* .akce .chystamese { margin: -3px; }
.akce .chystamese .jednaakce .nazev { font-size: 1.1em; margin-bottom: 4px; font-weight: bold; }
.akce .chystamese .jednaakce {
  margin: 3px;
  width: 210px;
  height: 100px; 
  padding: 3px 6px 6px 5px;
  background-position: right bottom;
  background-image: url('form-back.png'); }*/
.akce .chystamese .policko { color: #777; font-size: 11px; margin: 6px 6px; }
.akce .chystamese .policko h3 { margin: 0; font-size: 14px; color: #aaa; }
.akce .tabulka td.rok { border-width: 0; color: #fff; background-image: url('bg-repeat.jpg'); }
.akce .tabulka td.roknad { border-width: 0; height: 20px; background-color: #222; }
.akce .tabulka td, .akce .tabulka th { border: 1px #222 solid; background-color: #303030; }
.akce .tabulka td h3 { margin: 0; }
.akce img { padding: 0px; background-image: none; }

/* DOM příspěvku fóra:
prispevek
+-hlavicka
  +-prezdivka
  +-skryvac
  +-cas
  +-www
  +-mail
+-mazatko
+-text
*/
.forum { font-size: 11px; }
.forum h2 { font-size: 20px; }
.forum #formular input, .forum #formular textarea { width: 400px; }
.forum img { padding: 0; margin: 0; background-image: none; }
.prispevek { 
  font-size: 11px;
  width: 480px; 
  border: #1a1a1a solid 0px;
  background-color: #303030;
  padding: 0 4px 4px 0;
  background-position: right bottom;
  background-image: url('form-back.png'); 
  margin: 0 0 8px 0; }
.prispevek .text { padding: 4px; }
.prispevek .hlavicka { color: #eaeaea; height: 14px; background-image: url('bg-repeat.jpg'); }
.prispevek .prezdivka { float: left; font-weight: bold; }
.prispevek .cas {
  float: right;
  font-weight: normal;
  font-size: 9px;
  margin: 0 7px 0 2px; }
.forum a:hover.skryvac { color: #f00; }
.prispevek .www, .prispevek .mail, .prispevek .skryvac { height: 16px; float: right; margin: -5px 5px 0 0; }
.prispevek .www { background-image: url('f-web.gif'); width: 16px; }
.prispevek .mail { background-image: url('f-mail.gif'); width: 20px; }
.prispevek .skryvac { background-image: url('f-cross.gif'); width: 17px; }
/* .forum .mazatko { padding: 3px; background-color: #333; }
.forum .mazatko form { margin: 0; } */
.forum .prispevky .posuv { text-align: center; margin: 0 0 4px 0; width: 460px; }
.forum .prispevky .posuv a {
  height: 20px;
  width: 20px;
  background-color: #333333;
  border: #555 solid 1px;
  text-decoration: none;
  margin: 1px; }
.forum .prispevky .posuv a:hover {
  background-color: #444;
  border: #888 solid 1px; }
.forum .prispevek img { border-width: 0; }

.valy .nahledval { 
  position: relative; 
  width: 470px; 
  height: 37px; 
  background-color: #222; 
  margin-bottom: 16px; }
.valy .nahledval img { 
  margin: 0; 
  padding: 0; 
  margin-top:-22px; 
  width: 96px; 
  /* Modifikované chování pro IE - vystředit a oříznout (vypnuto) 
  /margin: -28px 0 0 -8px; 
  /width: 112px; */ }
.valy .nahledval .obalka { 
  padding: 1px 5px 5px 1px;
  width: 96px; 
  background-position: right bottom;
  background-image: url('form-back.png'); }
.valy .nahledval .obalka .orez { overflow: hidden; height: 31px; width: 96px; } 
.valy .nahledval a h2 { text-decoration: none; }
.valy .nahledval a:hover h2 { text-decoration: underline; cursor: pointer; }
.valy .nahledval h2 {
  position: absolute; 
  margin: 0;
  color: #eaeaea;
  font-size: 16px; 
  left: 104px; 
  top: -1px; }
.valy .nahledval .popisky {
  position: absolute; 
  top: 20px; 
  left: 104px; 
  color: #777; 
  font-size: 11px; }
.valy .clanek .obalka .orez { height: 72px; }
.valy .clanek img { 
  margin: 0;
  /* modifikované chování pro IE vypnuto
  /margin: -6px 0 0 -8px; */ 
   }
.valy .clanek { height: 78px;  }
.valy .clanek .popisky { top: 61px; }
.valy .clanek .anotace { position: absolute; top: 19px; left: 104px; font-size: 11px; }
.valy .val { margin-bottom:48px; }
.valy .val .detaily { 
  background-image: url('bgd.jpg');
  ackground-position: right bottom;
  font-size: 10px;
  margin-top: -16px; 
  text-align: left; width: 480px; padding: 0; color: #777; }
.valy .val h1 { color: #eaeaea; border-bottom: solid 0px #303030; }
.valy .val h1 .oddelovac { background-color: #303030; height: 1px; width: 340px; }
.valy .val .souhrn { font-weight: bold; /width: 375px; }                       
.valy .val img.nahled { 
  float: right; 
  width: 96px; 
  margin: 2px 10px 4px 4px;
  /margin-bottom: -40px; /*IE dává přetékající oddělovač až pod obrázek, dáme ho jen k němu*/  
  height: 72px; 
  padding: 1px 5px 5px 1px; }

.odkazy .policko { margin: 12px 0; }
.odkazy .policko .popisek { color: #777; font-size: 11px; }
.odkazy .policko a { font-weight: bold; }
.odkazy .policko img { float: left; margin: -1px 4px 0 0; padding: 0; background-image: none; }

/*----------------------------------------------------------------------------*/


.galerka img {
  margin: 2px;
  }

.galerka div {
  display: none;
  }

.akce img {
  margin: 0px;
  border: 0px;
  }


/*-----------------------------------BORDEL-----------------------------------*/
.sub-title {
  margin-left:-20px;
  margin-top:15px;
  padding-left:5px;
  font-size: 1.3em;
  color: #eaeaea;
}

.title{
  margin-left:-30px;
  margin-top:5px;
  padding-left:5px;
  font-size: 1.6em;
  color: #eaeaea;
}

.hlavicka-title {
  font-size:2.3em;
  border-top:2px solid #eaeaea;
}

h1.hlavicka-title {
  margin-top: 0px;
  text-decoration: none;
}

.hlavicka-title-two {
  font-size:1.1em;
  padding-bottom:3px;
  border-bottom:1px solid #eaeaea;
}

.hlavicka a{
  text-decoration:none;
}
/*----------------------------------------------------------------------------*/