/* CSS Document */
html, body
{
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
}

h3
{
  font-size: 12px;
  margin: 0;
  padding: 0;
}

h4
{
  font-size: 12px;
  color: rgb(240, 27, 35);
}

p, li, td, th
{
  font-size: 12px;
}

a
{
  color: rgb(240, 27, 35);
}

img
{
  border: 0;
}

img.withBorder
{
  margin: 10px;
  border: 1px solid #666;
  padding: 5px;
}

img.floatLeft
{
  float: left;
  margin: 10px 10px 10px 0;
}

img.floatRight
{
  float: right;
  margin: 10px 0 10px 10px;
}

div.cleaner
{
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
}

div#document
{
  position: absolute;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
}

/* hlavička */
div#header
{
  width: 1024px;
  height: 165px;
}

/* logo */
div#logo
{
  float: left;
  position: relative;
  width: 220px;
  height: 160px;
  background: url('../img/logo.png') 0 30px no-repeat;
}

a#homeLink
{
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  width: 210px;
  height: 90px;
  text-decoration: none;
}

span#motto
{
  position: absolute;
  top: 110px;
  left: 80px;
  color: rgb(240, 27, 35);
  font-size: 11px;
}

/* nadpisy, menu apod. */
div#header2
{
  position: relative;
  float: left;
  width: 800px;
  height: 160px;
  background: url('../img/verticaldivider1.png') 0 0 no-repeat;
}

div#header2 a
{
  text-decoration: none;
}

/* nadpisy */
div#header2 h1, div#header2 h2
{
  position: absolute;
  display: block;
  width: 325px;
  font-size: 11px;
}

div#header2 h1
{
  left: 50px;
  top: 0px;
  width: 325px;
}

div#header2 h2
{
  left: 50px;
  top: 20px;
  width: 325px;
  color: rgb(240, 27, 35);
}

/* jazyky */
div#langMenu
{
  position: absolute;
  left: 370px;
  top: 0;
  width: 156px;
  height: 64px;
}

div#langMenuInner
{
  margin-top: 27px;
}

a.flagCZ, a.flagEN, a.flagDE, a.flagRU
{
  float: left;
  display: block;
  height: 37px;
  width: 36px;
}

a.flagCZActive, a.flagENActive, a.flagDEActive, a.flagRUActive
{
  float: left;
  display: block;
  height: 37px;
  width: 43px;
}

a.flagCZ
{
  background: url('../img/czlang.png') 5px 8px no-repeat;
}

a.flagCZActive
{
  background: url('../img/czlangsel.png') 0 0 no-repeat;
}

a.flagEN
{
  background: url('../img/enlang.png') 5px 10px no-repeat;
}

a.flagENActive
{
  background: url('../img/enlangsel.png') 0 0 no-repeat;
}

a.flagDE
{
  background: url('../img/delang.png') 5px 10px no-repeat;
}

a.flagDEActive
{
  background: url('../img/delangsel.png') 0 0 no-repeat;
}

a.flagRU
{
  background: url('../img/rulang.png') 5px 8px no-repeat;
}

a.flagRUActive
{
  background: url('../img/rulangsel.png') 0 0 no-repeat;
}

/* rychlý kontakt */
div#speedContactHeader
{
  position: absolute;
  left: 526px;
  top: 0;
  width: 212px;
  height: 21px;
  background: url('../img/speedcontact1.png') 0 0 no-repeat;
  color: #000;
}

div#speedContactBody
{
  position: absolute;
  left: 526px;
  top: 24px;
  width: 212px;
  height: 40px;
  background: url('../img/speedcontact2.png') 0 0 no-repeat;
}

div#speedContactHeader span, div#speedContactBody span
{
  display: block;
  margin-top: 3px;
  padding: 0 0 0 30px;
  font-size: 11px;
  line-height: 14px;
}

div#speedContactBody span
{
  color: rgb(213, 213, 214);
  font-size: 12px;
}

/* sitemap, rss */
a#sitemap
{
  display: block;
  position: absolute;
  left: 742px;
  top: 24px;
  width: 19px;
  height: 19px;
  background: url('../img/sitemap.png') 0 0 no-repeat;
}

a#rss
{
  display: block;
  position: absolute;
  left: 742px;
  top: 44px;
  width: 19px;
  height: 19px;
  background: url('../img/rss.png') 0 0 no-repeat;
}

/* hlavní menu */
ul#menu
{
  position: absolute;
  left: 46px;
  top: 64px;
  margin: 0;
  padding: 0;
}

ul#menu li
{
  display: block;
  height: 41px;
  float: left;
  list-style-type: none;
  background: #000 url('../img/menu1sep.png') 0 0 no-repeat;
}

ul#menu li.firstItem
{
  background: #000 url('../img/menu1left.png') 0 0 no-repeat;
}

ul#menu li.lastItem
{
  width: 10px;
  background: #000 url('../img/menu1right.png') right 0 no-repeat;
}

ul#menu li a
{
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 14px 33px 12px 33px;
  text-decoration: none;
}

ul#menu li a:hover
{
  color: rgb(240, 27, 35);
}

ul#menu li a.contactItem
{
  padding: 14px 23px 12px 43px;
  background: #000 url('../img/menu1phone.png') 0 0 no-repeat;
}

/* menu 2 */
ul#menu2
{
  position: absolute;
  left: 20px;
  top: 121px;
  margin: 0;
  padding: 0;
}

ul#menu2 li
{
  display: block;
  margin-right: 3px;
  height: 33px;
  line-height: 33px;
  width: 125px;
  float: left;
  list-style-type: none;
  background: #fff url('../img/menu2item.png') 0 0 no-repeat;
  text-align: center;
  vertical-align: middle;
}

ul#menu2 li a
{
  display: block;
  color: rgb(73, 73, 73);
  font-size: 12px;
}

ul#menu2 li a:hover
{
  color: rgb(240, 27, 35);
}

/* tělo dokumentu */
div#body
{
  width: 1024px;
  height: auto;
}

/* levý sloupec */
div#leftColumn
{
  float: left;
  width: 220px;
}

/* levý sloupec */
div#rightColumn
{
  float: left;
  width: 784px;
}

/* boxy v levém sloupci */
div.leftBox
{
  margin: 0 0 4px 0;
  padding: 0;
  background: #fff url('../img/leftboxbody.png') 0 0 repeat-y;
  font-size: 11px;
}

div.leftBox div.boxHeader
{
  width: 212px;
  height: 18px;
  padding: 0;
  background: #fff url('../img/leftboxheader.png') 0 0 no-repeat;
}

div.leftBox div.boxHeader h3
{
  margin: 0;
  padding: 0 0 0 12px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

div.leftBox div.boxBody
{
  margin: 5px 18px 5px 12px;
  font-size: 11px;
}

div.leftBox p
{
  font-size: 11px;
}

div.leftBox div.boxFooter
{
  width: 212px;
  height: 15px;
  line-height: 15px;
  padding: 0;
  background: #fff url('../img/leftboxfooter.png') 3px 0 no-repeat;
  text-align: right;
}

div.leftBox div.boxFooter a
{
  margin: 0 16px;
  padding: 0;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}

div.leftBox div.boxFooter a:hover
{
  color: rgb(240, 27, 35);
}

/* bannery */
div.leftBox div.boxBannersBody
{
  margin: 5px 6px;
  font-size: 11px;
}

div.boxBannersBody p.bannerHeader
{
  display: block;
  width: 86px;
  margin: 0;
  background: url('../img/bannerheader.png') 0 0 no-repeat;
  color: #fff;
  line-height: 16px;
  font-size: 11px;
  text-align: center;
}

/* novinky */
div.boxBody span.newsDate
{
  color: rgb(119, 119, 119);
  font-weight: bold;
}

/* newsletter */
p.newsletter
{
  margin: 10px 18px 10px 12px;
  color: rgb(119, 119, 119);
  text-align: center;
}

form.newsletterForm fieldset
{
  margin: 0 18px 20px 12px;
  padding: 0 0 10px 0;
  border: 0;
  text-align: center;
}

form.newsletterForm input.newsletterField
{
  width: 170px;
  border: 0;
  background: #000;
  color: #fff;
}

form.newsletterForm input.newsletterBtn
{
  margin-left: 100px;
}

/* obsah */
div#content
{
  margin-left: 20px;
}

div#mainPageLeft
{
  float: left;
  width: 380px;
  background: url('../img/verticaldivider2.png') right 0 no-repeat;
}

div#mainPageRight
{
  float: left;
  margin-left: 18px;
  width: 362px;
}

div.mainBox
{
  margin-bottom: 15px;
  width: 360px;
  height: 202px;
  background: url('../img/bodybox.png') 0 0 no-repeat;
}

div.mainBoxInner
{
  position: relative;
  padding: 7px;
}

div.mainBox h4
{
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #555;
}

div.mainBox img
{
  position: absolute;
  top: 28px;
  left: 7px;
}

div.mainBox div.description
{
  position: absolute;
  top: 20px;
  left: 220px;
  width: 120px;
  height: 145px;
  overflow: hidden;
}

div.mainBox ul
{
  margin-left: 10px;
  padding: 0 0 0 15px;
}

div.mainBox ul li, div.mainBox ol li
{
  margin: 0;
  padding: 0;
  color: rgb(79, 79, 79);
}

div.mainBox ul li, div.mainBox ol li, div.mainBox p
{
  font-size: 10px;
}

div.mainBox a.linkMore
{
  position: absolute;
  left: 15px;
  top: 182px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

div.mainBox a.linkMore:hover
{
  color: #eee;
}

div#footer
{
  line-height: 50px;
  text-align: center;
  font-size: 11px;
  color: rgb(240, 27, 35);
}

div#footer a
{
  text-decoration: none;
}

div#news
{
  margin-top: 20px;
  border-bottom: 1px dotted rgb(240, 27, 35);
}

div.newsItem
{
  border-top: 1px dotted rgb(240, 27, 35);
}

div.newsItem span.newsDate
{
  font-weight: bold;
  color: #666;
}