@media screen
{

html
{
  font-size: 75%; /* IE bug - can't reside in body */
}

body
{
  font-family: sans-serif;
  color: #000; background: #e7e7e7;
  padding: 0; margin: 0;
  height: 100%;
}

#pagex
{
  width: 64em; margin: 0 auto;
}

#page2
{
  position: relative; /* Bugfix - ie stupido omylo */
  background-image: url(header.png); background-repeat: repeat-x; background-position: 12em 0;
  border-top: 1px solid #313B54; /* Mozilla bugfix */
}

#content
{
  background-image: url(strip.png); background-position: 12em 0;
  border-right: 1px solid #fff; /* IE6 rendering bugfix */
}

h1
{
  color: #fff; background: #A40010;
  font-size: 100%; font-weight: bold; letter-spacing: 0.2em; line-height: 100%;
  text-transform: uppercase;
  margin: 0; padding: 0.5ex 1em;
}

h2
{
  color: #fff; background: #7a94a1;
  font-size: 100%; font-weight: bold; letter-spacing: 0.2em; line-height: 100%;
  text-transform: uppercase;
  padding: 0.5ex 1em; margin: 0;
}

h3
{
  color: #A40010;
  font-size: 100%; font-weight: bold;
  margin: 0;
}

h4, h5, h6
{
  font-size: 100%; font-weight: bold;
  margin: 0;
}

h1 a
{
  color: #fff;
}

h2 a
{
  color: #fff;
}

.carovatabulka table
{
  border-collapse: collapse;
}

.carovatabulka td
{
  border: 1px solid #7a94a1;
}

div.bh
{
  margin: 0 12.5em 0 0.5em;
}

div.bh1
{
  background: #c5c2c5;
  background-image: url(white.png); background-repeat: repeat-x; background-position: 0 50%;
}

div.bh2
{
  background-image: url(gradient.png); background-repeat: repeat-x; background-position: 0 50%;
  padding: 1em;
}

div.bh4
{
  overflow: hidden;
}

#main a.gototop
{
  display: block; float: right;
}

#main a.gototop img
{
  border: none;
}

#main a.gototop:hover img
{
  border: none;
}



a
{
  color: #313c52;
}

a:hover
{
  color: #a41429;
}

table
{
  width: 100%;
}

td
{
  vertical-align: top;
}

dt
{
  font-weight: bold;
  margin-top: 0.5ex;
}

#main
{
  margin: 69px 0 0 12em;

  /*background: #c7c7c7;*/ /*background: #fff;*/ background: #d5d2d5;
/*  background-image: url(side1-leadout.png); background-repeat: repeat-y;*/

  line-height: 175%;
  position: relative;
}

#main2
{
  padding-left: 86px;
  background-image: url(side1.jpeg); background-repeat: repeat-y;
  position: relative;
}

#main3
{
  min-height: 400px; _height: 82%; /* Min-height IE hack */
}

div.top
{
  height: 85px;
  background-image: url(strip1.jpeg); /*background-position: 50% 0;*/
  margin: 0.5em 12.5em 0 0.5em;
  /*_padding-right: 1px;*/ /* IE leak */
}


/* firma */
body.cat1 #main2 { background-image: url(side2.jpeg); }
#cat1 { background-image: url(strip2.jpeg); }

/* produkty */
body.cat2 #main2 { background-image: url(side3.jpeg); }
#cat2 { background-image: url(strip3.jpeg); }

/* reference, chystame */
body.cat11 #main2, body.cat14 #main2 { background-image: url(side4.jpeg); }
#cat11, #cat14 { background-image: url(strip4.jpeg); }

/* podpora */
body.cat13 #main2 { background-image: url(side5.jpeg); }
#cat13 { background-image: url(strip5.jpeg); }

/* cenik */
body.cat5 #main2 { background-image: url(side6.jpeg); }
#cat5 { background-image: url(strip6.jpeg); }

#main img
{
  border: 5px solid #313c52;
}

#main a img.bezramecku, #main a:hover img.bezramecku
{
  border: none;
}

#main a:hover img
{
  border: 5px solid white;
}

#main button img
{
  border: none;
}

#footer
{
  background-image: url(stripfooter.png); background-repeat: both; background-position: 12em 0;
}

#footer2
{
  margin: 0 0 0 12em; padding: 1em 86px;
}

/* Altmenu */

#altmenu
{
  margin: 0; padding: 0.25em 0;
  background: #313c52; color: white;
  background-image: url(altmenu.png); background-repeat: both; background-position: 12em 0;
  font-weight: bold;
  clear: both;
}

#altmenu a
{
  color: white;
}

#altmenu #mail
{
  width: 12em; float: left;
  margin-right: 86px;
  text-align: center;
}

#altmenu #mail a
{
  text-decoration: none;
}

#altmenu #mail a img
{
  border: none;
}


/* Navigace */

#nav
{
  position: absolute; left: 0; top: 69px; width: 12em;
  background-image: url(people.png); background-repeat: no-repeat; background-position: top right;
  padding-top: 140px;
}

#nav h1
{
  display: none;
}

#nav ul
{
  padding: 0; margin: 0;
  text-transform: lowercase;
}

#nav li
{
  list-style-type: none;
/*  background: #7a94a1;*/
  background: #313c52;
  background-image: url(buttonbg.png); background-repeat: repeat-y; background-position: top right;
  border-top: 1px solid #dbe1e4;
}
/*
#nav li:first-child
{
  border-top: none;
}
*/
#nav li li
{
  background-image: none;
}

#nav li a, #nav li span
{
  display: block; padding: 0.5ex 0 0.5ex 3em;
  color: #d3d2d3; text-decoration: none; letter-spacing: 0.33em; font-weight: bold;
}

#nav li li a, #nav li li span
{
  padding: 0.5ex 1em; letter-spacing: 0.2em;
}

#nav a.selected
{
  background: #a41429; color: #fff;
}

#nav a:hover
{
  color: #fff;
}

#nav li
{
  behavior: url(/style/hover.htc); /* IE bug workaround - hover pseudoclass emulation */
}

#nav ul ul
{
  position: absolute; top: 0; left: 12em;
  visibility: hidden;
}

#nav ul li
{
  position: relative;
  width: 12em;
  _margin-bottom: -3px; /* IE underscore hack to prevent rendering problem */
}

#nav ul li:hover ul, #nav ul li.hover ul, #nav ul ul li:hover ul, #nav ul ul li.hover ul
{
  visibility: visible;
}

/* Lokalni navigace */

#localnav
{
  position: absolute; top: 2em; right: 0px; _right: 2px; width: 12em;
  color: #fff;
}

#localnav h2
{
  background: #41657B;
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
}

#localnav div.search
{
  background: #a5a6ad;
  margin-top: 0.5em;
}

#localnav div.d
{
  background: #B4BABD;
  padding: 0.5em;
}

#localnav div.d1
{
  background-image: url(bracketline.png); background-repeat: no-repeat; background-position: top left;
}

#localnav div.d2
{
  background-image: url(bracketline.png); background-repeat: no-repeat; background-position: bottom right;
}

#localnav div.d3
{
  background-image: url(bracketline.png); background-repeat: no-repeat; background-position: bottom left;
}

#localnav div.d4
{
  background-image: url(bracketline.png); background-repeat: no-repeat; background-position: top right;
  border-left: 1px solid white; border-right: 1px solid white;
}

#localnav ul
{
  _width: 10em;
  margin: 0; padding: 0.5em;
  list-style-type: none;
/*  line-height: 100%;*/
}

#localnav li
{
  margin: 0.75em 0;
}

#localnav ul a
{
  text-decoration: none; font-weight: bold; text-transform: lowercase; 
}

}

@media print
{

#nav, #localnav, #altmenu, h2 img
{
  display: none;
}

body
{
  font-family: serif; font-size: 12pt;
}

h1
{
  font-size: 200%;
  text-align: center;
  font-family: sans-serif;
}

h2
{
  font-size: 150%;
  font-family: sans-serif;
}

h3
{
  font-size: 120%;
  font-family: sans-serif;
}

table
{
  width: 100%;
  border-collapse: collapse;
}

th, td
{
  border: 1px solid black;
}

a
{
  color: black; text-decoration: none;
}

}