/* */
IEbug {}

body, table, input, textarea, pre
{
  font-family: Verdana, Sans, 'MS Sans', helvetica, 'Arial CE', Arial;
  font-size: 1em;
}

/* common class ////////////////////////////////////////////// */

.aLeft, .alignL    { text-align: left !important; }
.aRight, .alignR   { text-align: right !important; }
.aCenter, .alignC  { text-align: center !important; }
.aJustify, .alignJ { text-align: justify !important; }
.centered          { margin: 0 auto; }

.floatL   { float: left !important; }
.floatR   { float: right !important; }
.floatNo  { float: none !important; display: inline; }

.clear    { clear: both; }
.clearL   { clear: left; }
.clearR   { clear: right; }

.bold     { font-weight: bold !important; }
.noBold   { font-weight: normal !important; }
.emptyCol { width: 2em; }

/* layout //////////////////////////////////////////////// */

body
{
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  background: #dfe2e8 url('./pic/bodyBkg.png') center top;
  color: #000;
  text-align: center;
}

#body1
{
  width: 976px;
  margin: 10px auto 20px auto;
  text-align: left;
}

#body2
{
}

a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

/* header //////////////////////////////////////////////// */

#header
{
  width: 976px;
  height: 285px;
  background: #1aa5e6 url('./pic/header.png') no-repeat center top;
  position: relative;
}

#header #logo
{
  display: block;
  position: absolute;
  top: 40px;
  left: 45px;
  text-decoration: none;
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}

#header #logo span
{
  display: block;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

#header #menu
{
  position: absolute;
  bottom: 6px;
  left: 35px;
  width: 890px;
  height: 39px;
}

#header #menu ul
{
  padding: 0;
  margin: 0;
}

#header #menu ul li
{
  display: inline;
  padding: 0;
  margin: 0;
}

#header #menu ul li a
{
  font-size: 1.1em;
  font-weight:bold;
  display: block;
  float: left;
  height: 39px;
  line-height: 39px;
  background: url('./pic/menuDot.png') no-repeat right center;
  text-decoration: none;
  color: #e8ecf3;
  padding: 1px 15px 0 15px;
}

#header #menu ul li a:hover
{
  color: #fff;
  text-decoration: underline;
}

#page1
{
  color: #e4eaf2;
}

#page2
{
  padding: 1px 13px 1px 13px;
  position: relative;
  background: #053583 url('./pic/pageBkg.png') top center repeat-y;
}

/* side boxes //////////////////////////////////////////////// */

#box1
{
  width: 290px;
  position: absolute;
  left: 20px;
  _left: 10px;
  top: 0;
}

#box2
{
  padding: 20px 10px 3em 23px;
}

.box
{
}

.box h1, .box h2, .box h3
{
  padding: 0;
  margin: 20px 0 0 0;
  font-size: 1em;
}

#box2 #kontakt pre
{
  margin-top: 0;
}

#box2 #kontakt p#email,
#box2 #kontakt p#mobil
{
  padding: 0;
  margin: 0;
}

#box2 #news
{
  margin-top: 3.5em;
}

#box2 #news pre
{
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.1em;
  font-family: serif;
  font-style: italic;
}


/* content //////////////////////////////////////////////// */

#cont1
{
  width: 650px;
  padding-left: 300px;
}

#cont2
{
  padding: 0.5em 3em 3em 1px;
  min-height: 30em;
  _height: 30em;
}

#cont2 a
{
  color: #fff;
}

#cont2 h1, #cont2 h2, #cont2 h3
{
  color: #cdd5e5;
}

#cont2 p
{
  color: #e4eaf2;
  text-align: justify;
}

#cont2 pre.ukazka
{
  float: right;
  padding: 1em;
  margin: 0.5em 0 1em 1em;
  border: solid 1px #2c6fa9;
  background: #0669ae url('./pic/ukazka.png') top left no-repeat;
  color: #fff;
  font-size: 1.2em;
  font-family: serif;
  font-style: italic;
}

#cont2 pre.ukazka.left
{
  float: left;
  margin: 0.5em 1em 1em 0;
}

/* footer //////////////////////////////////////////////// */

#footer
{
  background: url('./pic/footer.png') top center repeat-x;
}

#footer div#updated
{
  color: #fff;
  padding-left: 20px;
  height: 25px;
  line-height: 25px;
  text-align: left;
}

#footer div#vyrobilo
{
  color: #8b8d91;
  margin-top: 9px;
  padding-right: 20px;
  text-align: right;
}

#footer #vyrobilo a
{
  color: #8b8d91;
  text-decoration: none;
}

#footer #vyrobilo a:hover
{
  color: #00143e;
}

#motta pre
{
  padding-bottom: 1em;
}