/* CSS Document */
html, body
{
  margin: 0;
  padding: 0;
  font-family: tahoma,arial,helvetica,sans-serif;
  background-color: #910d00;
  color: #fff;
  font-size: 12px;
}

a
{
  color: #fff;
}

a:hover
{
  color: #7cb0ff;
}

img.titleImage
{
  float: right;
  margin: 10px;
  padding: 5px;
  border: 1px solid #3f3f3f;
  background: #fff;
}

img#img1
{
  float: right;
  margin: 5px 5px 5px 5px;
  border: 1px solid grey;
}

img#img2
{
  float: left;
  margin: 10px 10px 10px 10px;
  border: 1px solid grey;
}

img.actionImage
{
  float: left;
  margin: 0 16px 0 0;
}

div.cleaner
{
  clear: both;
}

div.cleanerSeparator
{
  clear: both;
  border-top: 1px dotted #99b31e;
}

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

/*** Šedá lišta nahoře ***/
div#greyRibbon
{
  padding: 0 15px;
  height: 28px;
  background: #575a5f;
}

div#greyRibbon h1
{
  float: left;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
}

div#greyRibbon h1 small
{
  font-size: 10px;
}

div#greyRibbon div#rightMenu
{
  float: right;
  margin: 0;
  padding: 0;
  line-height: 28px;
}

div#rightMenu a, div#rightMenu form
{
  float: left;
}

div#rightMenu a
{
  margin: 0 10px;
}

div#rightMenu form fieldset
{
  float: right;
  border: 0;
  padding: 0;
}

div#rightMenu form input.searchField
{
  width: 250px;
  border: 1px solid #000;
}

div#rightMenu form input.searchBtn
{
  border: 1px solid #000;
  background: #0e2342;
  color: #fff;
}

/*** hlavička ***/
div#header
{
  position: relative;
  width: 982px;
  height: 288px;
  background: url('../img/layout/header.png') no-repeat;
}

div#headerInner
{
  position: absolute;
  left: 15px;
  top: 69px;
  width: 954px;
  height: 173px;
}

div#header h2
{
  position: absolute;
  right: 20px;
  bottom: 45px;
  font-size: 14px;
}

/** hlavní menu **/
ul#mainMenu
{
  position: absolute;
  left: 15px;
  top: 243px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#mainMenu li
{
  position: relative;
  float: left;
  background: url('../img/layout/menu-separator.png') right top no-repeat;
}

ul#mainMenu li.last
{
  float: left;
  background: none;
}

ul#mainMenu li a.mainMenuLink
{
  display: block;
  height: 30px;
  padding: 0 10px;
  margin-right: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}

ul#mainMenu li a.mainMenuLink:first-letter
{
  color: #aac329;
}

ul#mainMenu li.active a.mainMenuLink, ul#mainMenu li.selected a.mainMenuLink, ul#mainMenu li a.mainMenuLink:hover
{
  background: #aac329;
  color: #fff;
}

ul#mainMenu li.active a.mainMenuLink:first-letter, ul#mainMenu li.selected a.mainMenuLink:first-letter, ul#mainMenu li a.mainMenuLink:hover:first-letter
{
  color: #151716;
}

/** submenu **/
ul.submenu
{
  z-index: 1000;
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  width: 210px;
  margin: 0;
  border: 1px solid #aac329;
  padding: 0;
  list-style-type: none;
  background: #151716;
}

ul.submenu li
{
  list-style-type: disc;
  margin-left: 25px;
  background: none;
  clear: both;
  float: none;
}

ul.submenu li a
{
  line-height: 20px;
  text-decoration: none;
}

ul.submenu li.active, ul.submenu li.selected
{
  color: #910d00;
}

ul.submenu li.active a, ul.submenu li.selected a, ul.submenu li a:hover
{
  color: #fff;
  text-decoration: underline;
}

/*** tělo dokumentu ***/
h2.mainh2
{
  text-align: center;
}

div#body
{
  clear: both;
  margin-top: 20px;
  background: url('../img/layout/column-separator.png') 637px 0px no-repeat;
}

div#leftColumn
{
  float: left;
  width: 637px;
}

/** akční nabídka **/
div#actionOffer
{
  width: 637px;
  height: 123px;
  padding-top: 7px;
  background: url('../img/layout/action-offer.png') no-repeat;
}

div#actionOfferIntro
{
  float: left;
  margin: 0 7px 7px 69px;
  padding: 0 7px 0 0;
  width: 124px;
  height: 93px;
  overflow: hidden;
  border-right: 1px dotted #99b31e;
}

div#actionOfferContent
{
  float: left;
  margin: 0 10px 7px 0;
  padding: 0;
  height: 93px;
  width: 400px;
  overflow: hidden;
}

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

div#actionOffer h3 span.green
{
  color: #b0ca2b;
  text-transform: uppercase;
}

div#actionOffer p
{
  font-size: 10px;
}

div#actionOffer div.actionField
{
  float: left;
  margin: 0 15px 0 0;
  padding: 4px 8px;
  background: #212121;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

div#actionOffer a.actionLink
{
  display: block;
  padding: 5px 0;
  display: block;
  font-size: 9px;
  text-transform: uppercase;
}

/** další aktivity **/
div.colorBox
{
  float: left;
  width: 212px;
  height: 96px;
}

div.blueBox
{
  background: url('../img/layout/blue-box.png') no-repeat;
  margin-right: 0;
}

div.greenBox
{
  background: url('../img/layout/green-box.png') no-repeat;
  margin-right: 0;
}

div.yellowBox
{
  background: url('../img/layout/yellow-box.png') no-repeat;
  margin-right: 0;
}

div.colorBox div.colorBoxBody
{
  margin: 14px 14px 0 67px;
}

div.colorBox div.colorBoxBody h3
{
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #3c3c3a;
}

div.colorBox div.colorBoxBody ul
{
  padding: 0;
  width: 150px;
}

div.colorBox div.colorBoxBody ul li
{
  color: #000;
  font-size: 10px;
  margin: 0 0 0 15px;
  padding: 0;
}

/*** multibox ***/
div#multiBox
{
  clear: both;
}

ul#multiBoxTabs
{
  margin: 0;
  padding: 0;
  height: 27px;
  list-style-type: none;
}

ul#multiBoxTabs li.multiBoxTab
{
  float: left;
}

ul#multiBoxTabs li.multiBoxTab a
{
  text-decoration: none;
}

ul#multiBoxTabs li.left a, ul#multiBoxTabs li.right a
{
  display: block;
  padding: 0 10px;
  color: #48520d;
  line-height: 27px;
  height: 27px;
}

ul#multiBoxTabs li.left a:hover, ul#multiBoxTabs li.right a:hover
{
  color: #000;
}

ul#multiBoxTabs li.left
{
  background: #798b13 url('../img/layout/multi-box-tab-shadow-right.png') right top no-repeat; 
}

ul#multiBoxTabs li.right
{
  background: #798b13 url('../img/layout/multi-box-tab-shadow-left.png') left top no-repeat; 
}

ul#multiBoxTabs li.act
{
  border-top: 1px solid #798b13;
  border-left: 1px solid #798b13;
  border-right: 1px solid #798b13;
  background: #262a2b;
}

ul#multiBoxTabs li.act a
{
  display: block;
  padding: 0 10px 0 31px;
  line-height: 27px;
  height: 27px;
  background: url('../img/layout/multi-box-tab-active.png') 4px 4px no-repeat; 
}

div#multiBoxBody
{
  position: relative;
  border: 1px solid #798b13;
  width: 635px;
  height: 282px;
  background: url('../img/layout/multi-box-bg.png') repeat-x;
}

div#multiBoxInner
{
  height: 282px;
  background: url('../img/layout/multi-box-photo-bg.png') no-repeat;
}

div.multiBoxImageDiv
{
  position: absolute;
  left: 26px;
  top: 37px;
  width: 80px;
  height: 125px;
  overflow: hidden;
  background: #fff;
}

div.multiBoxContent
{
  padding: 10px 20px 10px 180px; 
  width: 435px;
  height: 252px;
  overflow: auto;
}

div.multiBoxInvisible
{
  display: none; 
}

/*** pravý sloupec ***/
div#rightColumn
{
  float: right;
  width: 273px;
}

/** boxy v pravém sloupci obecně **/
div.rightBox
{
  width: 273px;
  margin-bottom: 15px;
  padding: 0;
}

div.rightBoxTop
{
  background: url('../img/layout/right-box-top.png') left bottom no-repeat; 
  height: 5px;
  font-size: 2px;
}

div.rightBoxTopHeader
{
  background: url('../img/layout/right-box-top-header.png') left top no-repeat;
  height: 27px;
}

div.rightBoxTopHeader h3
{
  padding-top: 8px;
  padding-left: 10px;
}

.rightBoxBody img {width: 150px}

div.rightBoxBody
{
  padding: 10px 15px;
  background: #252525;
}

.wdbox {margin-left: -15px}

div.rightBody table.survey
{
  margin-top: 10px;
}

div.rightBoxBody p, div.rightBoxBody th, div.rightBoxBody td
{
  font-size: 11px;
}

div.rightBoxBody p
{
    margin: 0 0 10px 0;
}

div.rightBoxBody p a
{
    text-decoration: none;
}


div.rightBoxBottom
{
  background: url('../img/layout/right-box-bottom.png') left top no-repeat;
  height: 12px;
}

div.rightBoxBottomLink
{
  position: relative;
  background: url('../img/layout/right-box-bottom-link.png') left top no-repeat;
  height: 31px;
}

div.rightBoxBottomLink input.rightBoxBtn
{
  position: absolute;
  left: 177px;
  width: 73px;
  height: 24px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 10px;
  text-decoration: underline;
  cursor: crosshair;
}

div.rightBox input.rightBoxField
{
  border: 1px solid #5e6b13;
}

/** Facebook **/
a.facebook
{
  display: block;
  width: 273px;
  height: 93px;
  background: url('../img/layout/facebook-link.png') left top no-repeat;
}

/** box se záložkami a přepínatelným obsahem **/
ul#rightMultiBoxTabs
{
  height: 23px;
  font-size: 12px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#rightMultiBoxTabs li.rightMultiBoxTab
{
  float: left;
  width: 89px;
  margin: 0 3px 0 0;
  line-height: 23px;
  text-align: center;
  background: url('../img/layout/right-news-box-tab.png') left top no-repeat;
}

ul#rightMultiBoxTabs li.last
{
  margin-right: 0;
}

ul#rightMultiBoxTabs li.rightMultiBoxTab a
{
  color: #a5a6a8;
  text-decoration: none;
}

ul#rightMultiBoxTabs li.act
{
  background: url('../img/layout/right-news-box-tab-active.png') left top no-repeat;
}

ul#rightMultiBoxTabs li.act a
{
  color: #fff;
}

div.rightMultiBox
{
  position: relative;
  width: 273px;
  height: 191px;
  background: url('../img/layout/right-news-box-body.png') left top no-repeat;
}

div.rightMultiBox div.rightMultiBoxContent
{
  margin: 0 14px;
  padding: 5px 0 0 0;
  height: 130px;
  overflow: hidden;
}

div.rightMultiBoxInvisible
{
  display: none;
}

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

div.rightMultiBox div.rightMultiBoxContent a
{
  display: block;
  position: absolute;
  left: 105px;
  top: 141px;
  width: 144px;
  line-height: 19px;
  font-size: 10px;
  text-align: center;
}

/*** patička ***/
div#footer
{
  clear: both;
}

div#footerTop
{
  background: url('../img/layout/footer-top.png') left top no-repeat;
  height: 30px;
}

div#footerBody
{
  padding: 10px 40px;
  background: #6e7e11;
  font-size: 11px;
}

div#footerBottom
{
  background: url('../img/layout/footer-bottom.png') left top no-repeat;
  text-align: center;
  color: grey;
  font-size: 10px;
  margin: 0 auto;
}

div#footerBottom a 
{
  color: grey;
  text-decoration: none;
}