/* 

 copyright (c) 2004 Lukas Mach  

 poradi: 
 - display, position, float
 - width, height, left, top
 - font, line-height, text, color, background
 - border

*/

/* layout */

body {
  margin: 0; padding: 0;
  font: 80% Tahoma, "Lucida Grande CE", lucida, sans-serif;
  /*font: 85% Verdana, "Geneva CE", lucida, sans-serif;*/
  /*font: 85% Georgia, "New York CE", utopia, serif;*/
  /*font: 85% "Trebuchet MS", "Geneva CE", lucida, sans-serif;*/
  line-height: 150%;
  text-align: center;
  color: white; 
  background: black none; 
}

#wrapper {
  position: relative;
  width: 770px;
  margin: 0 auto;
  text-align: left;
}

#wrapper-around {
  background: transparent url(gradient.jpg) 127px 173px no-repeat;
}

#header, #menu, #content {
  margin: 0; padding: 0;
  border: none;
  background-color: transparent;
}

/* header */

#header h1 { 
  position: relative; 
  width: 595px; height: 173px; 
  margin: 0; 
  line-height: 120%; 
}

#header h1 span { 
  position: absolute; 
  top: 0; left: 0; 
  width: 595px; height: 173px;   
  background: transparent url(header.gif) top left no-repeat;
  z-index: 1; 
  cursor: hand; 
  cursor: pointer;
}

#header a { text-decoration: none; }

/* menu */

#menu { 
  position: absolute;
  top: 170px; 
  left: 0;
  width: 142px;
  font-size: 1.2em;
}

#menu ul {
  margin: 0;
}

#menu li {
  list-style-type: none;
  background: transparent url(item.gif) right center no-repeat;
  padding: 2px 30px 0 0px;
  _padding: 5px 30px 2px 0px;
  _height: 27px; 
  min-height: 27px;
  text-align: right;
  line-height: 1.3em;
  font-size: 0.85em;
}

#menu li.actual { 
  background-image: url(item-actual.gif);
}

#menu a { 
  text-decoration: none; 
  color: white; 
}

#menu a:hover { 
  color: #FF6000;
}

/* content */

#content { 
  margin: 0 185px 0 155px; 
  padding-bottom: 20px;
}

#content-before { 
  position: absolute;
  left: 595px; 
  top: -1px; 
  width: 151px; 
  height: 483px;
  background: transparent url(girl.jpg) top left no-repeat;
  z-index: 1; 
}

#content-after { 
  position: absolute;
  left: 595px; 
  top: -1px; 
  width: 151px; 
  height: 483px;
  background: transparent url(guy.jpg) top left no-repeat;
  filter: alpha(Opacity=0, FinishOpacity=0, Style=1, StartX=0, FinishX=0, StartY=0, FinishY=100);
  z-index: 2;
}

/* footnote */

#footnote {
  padding-bottom: 10px;
}

/* content formating */
h1 { font-size: 1.6em; }
a img { border: none; }
a { color: #C20000; font-weight: bold; }
a:hover { color: white; }
hr { border: 1px solid #222; }
td, th {
  background-color: #111;
  padding: 3px 7px; 
  text-align: left; 
  vertical-align: top; 
  _font-size: 0.85em; 
}
td a:hover, th a:hover { color: white; }
table { width: 430px; padding-bottom: 1em; }
h2 { line-height: 1.1em; }

/* common objects */

#counter strong { color: yellow; }

.tip, #obsah, p.select, p.message { 
  position: relative; 
  background-color: #222;
  padding: 5px 8px; 
  font-weight: bold;
}

.tip a:hover, #obsah a:hover, p.select a:hover { 
  color: white; 
}

.tip p, .tip form { 
  margin: 0;
}

.tip p {
  margin-bottom: 6px;
}

p.select { 
  font-size: 0.85em;
}

p.message { 
  text-align: left;
  font-size: 0.85em;
}

/* aktuality */ 

#panel { 
  position: absolute; 
  top: 370px;
  left: 600px;
  width: 140px;
  font-size: 0.8em;
  line-height: 1.4em;
  z-index: 3; 
}

#panel p { 
  text-align: left;
}

#panel h2 { 
  font-size: 1em;  
  padding: 0;
  margin: 0.5em 0 0.3em 0; 
}

#manuals { 
  border: 2px solid #940000;
  padding: 4px 10px 6px 10px; 
  font-size: 1.2em;
  background-color: #222;
}

/* poll */ 

#menu li.anketa { 
  padding: 0; 
  background: none;
}

div.poll h3 { 
  margin: 10px 30px 14px 0; 
  font-size: 0.85em;   
  _font-size: 1em; 
  line-height: 1.3em;
  text-align: right;
  color: #FF6000;
}

div.poll .answer { 
  margin-bottom: 3px;
}

div.poll .graph { 
  background-color: #FF6200;
  border: 1px solid #460002;
  height: 8px;
  display: block;
  float: left;
}

#content div.poll ul { 
  margin-left: 20px;
}

#menu div.poll li {
  background: none;
}

div.poll li { 
  list-style-type: none;
}

#content div.poll h3 { 
  text-align: left;
}

/* post (poradna) */ 

div.post p {
  margin: 0;
}

div.post a.reply { 
  display: block; 
  text-align: right;
}

div.post div.post { 
  margin-left: 20px;
}

td.menu a { color: white; }

/* thumbnails */ 

div.gallery { 
  text-align: center; 
}

div.gallery p { 
  display: inline; 
  margin-right: 3px;
  margin-bottom: 3px;
}

div.gallery a:hover img { 
  -moz-opacity: 0.7;
  filter: alpha(opacity=70); 
}

/* page specific */

h4.side { 
  position: absolute; 
  left: 600px;
  font-size: 0.8em;
  line-height: 1.5em;
}

p.interier { 
  text-align: center; 
}

p.interier a:hover img { 
  filter: alpha(opacity=70); 
  -moz-opacity: 0.7;
  opacity: 0.7;
}

body.homepage .tip p { 
  display: inline; 
}

body.cenik .tip,
body.spocitejte-si-cenu .select { 
  background-color: transparent; 
}

body.homepage #teaser p {
  text-align: center;
}

/* panorama */ 

body.panorama { overflow: hidden; }
body.panorama #panorama { position: absolute; left: 0px; top: 0px; }
body.panorama p { text-align: center; margin: 40px; }
body.panorama #left, body.panorama #right { 
  display: block; 
  width: 140px; 
  height: 235px; 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  background: transparent url("pan-left.gif") top left no-repeat; 
  z-index: 2;
}
body.panorama #right { 
  left: 460px;
  background: transparent url("pan-right.gif") top right no-repeat; 
}
body.panorama #center { display: block; position: absolute; left: 0px; top: 0px; width: 600px; height: 235px; z-index: 1; background-color: transparent }

/* ad */ 

#ad { 
  display: block; 
  position: absolute; 
  z-index: 4;
  top: 10px; 
  left: -140px;
  width: 125px; 
  height: 429px; 
} 

#ad a.banner { 
  display: block; 
  position: absolute; 
  top: 0px; 
  left: 0px;
  width: 118px; 
  height: 371px; 
  background: transparent url(ad-4.gif) top left no-repeat;
/*  _background: none; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/ad-3.png', sizingMethod='crop');*/
  cursor: hand;
}

#ad a.close {
  display: block;
  position: absolute;
  left: 410px;
  top: 59px;
  width: 31px;
  height: 28px;
  background-color: transparent;
}

#ad a.close:hover { 
  text-decoration: none;
}

#ad span { display: none; } 

/* billboard.cz */ 

#bb { 
  margin: 50px 0 0 130px; 
}

#bb table, #bb td, #bb tr, #bb th { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  background: transparent none; 
}