body, html {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #e45134;
  color: #223859;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  scrollbar-base-color: #777f92;
  background-image: url('images/bg.gif');
}

p, li, td, th, h1, h2, h3, h4, input, textarea, select, button, table, a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #223859;  
}

a img {
  border: none;
}

#mainbox {
  width: 980px;
  margin: 0 auto;
  position: relative;
  padding: 0px;
  background-color: #6d8093;
}

#header {
  height: 170px;
  position: relative;
  background-position: 0 0;
  background-repeat: repeat-y;
  background-image: url('images/menuleft.gif');
}

#logo {
  position: absolute;
  left: 78px;
  top: 0px;
}

#tygr {
  position: absolute;
  right: -182px;
  top: 0px;
}

#leftcol {
  width: 160px;
  float: left;
  text-align: left;
  margin: 0px;
  _margin-right:  -3px;
  position: relative;
  vertical-align: top;
}

#rightcol {
  text-align: left;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  margin-left: 160px;
  _margin-left: 157px;
  width: 820px;
  position: relative;
}

#box0 {
  background-image: url('images/rcolbg.gif');
  background-repeat: repeat-y;
  width: 820px;
  float: left;
}

#box0top {
  height: 12px;
  background-image: url('images/rcoltop.gif');
  background-repeat: no-repeat;
  width: 820px;
  float: left;
  font-size: 1px;
  line-height: 1px;
}

#box0bot {
  height: 12px;
  background-image: url('images/rcolbot.gif');
  background-repeat: no-repeat;
  width: 820px;
  float: left;
}

#box1 {
  background-image: url('images/box1bg.gif');
  background-repeat: repeat-y;
}

#box1, #box1h {
  margin-left: 3px;
  width: 814px;
  float: left;
  display: inline;
}

#box1top {
  height: 51px;
  background-image: url('images/box1top.gif');
  background-repeat: no-repeat;
  margin-left: 3px;
  width: 814px;
  float: left;
  position: relative;
  top: -9px;
  margin-bottom: -9px;
  display: inline;
}

#box1bot {
  height: 9px;
  background-image: url('images/box1bot.gif');
  background-repeat: no-repeat;
  width: 814px;
  margin-left: 3px;
  float: left;
  margin-bottom: 5px;
  display: inline;
}

.krabice {
  position: absolute;
  top: -159px;
  left: 350px;
}

.ikona {
  position: absolute;
  top: 4px;
  left: 50px;
  width: 93px;
  height: 109px;
}

.textmatr {
  padding: 80px 15px 10px 15px;
}

.sloupec31, .sloupec32 {
  margin-right: 2px;
}

.sloupec31, .sloupec32, .sloupec33 {
  position: relative;
  width: 270px;
  float: left;
}

.box2, .box3 {
  background-image: url('images/colbg.gif');
  background-repeat: repeat-y;
  height: 300px;
  padding: 15px 12px;
}

.box3bot {
  height: 10px;
  background-image: url('images/colbot.gif');
  background-repeat: no-repeat;
  width: 270px;
}

.box2top {
  height: 51px;
  background-image: url('images/colh1.gif');
  background-repeat: no-repeat;
  width: 270px;
  position: relative;
  top: -40px;
  margin-bottom: -40px;
}

.box3top {
  height: 48px;
  background-image: url('images/colh2.gif');
  background-repeat: no-repeat;
  width: 270px;
  background-color: #d2d8de;
  position: relative;
}

#box0 #footer {
  text-align: center;
  margin: 5px 0px 0px 0px;
}

#tygulogo {
  width: 160px;
  height: 42px;
  background-image: url('images1/tygu-logo.gif');
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

#header h1, #header h2 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 1px;
  position: absolute;
  left: 300px;
  top: 34px;
  text-align: left;
}

#header h2 {
  width: 230px;
}

#header h1, #header h2.s480 {
  width: 480px;
}

#rightcol h1.maincaption {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px;
  position: absolute;
  left: 160px;
  top: 79px;
  width: 620px;
}

#rightcol h2 {
  color: #6d8093;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  padding-top: 14px;
  margin: 0px;
}

#rightcol .sloupec31 h2, #rightcol .sloupec32 h2, #rightcol .sloupec33 h2 {
  margin: 0px 55px 0px 100px;
  text-align: left;
}

#rightcol .sloupec31 h2.maxwidth, #rightcol .sloupec32 h2.maxwidth, #rightcol .sloupec33 h2.maxwidth {
  margin: 0px 55px 0px 55px;
  text-align: center;
}

.ikona0 {
  position: absolute;
  top: 18px;
  left: 57px;
}

#box0 p {
  margin: 20px 15px;
}

.menu {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
  width: 160px;
  background-repeat: repeat-y;
  background-image: url('images/menuleft.gif');
}

.menu li {
  margin: 0;
  padding: 0px;
  display: block;
  width: 160px;
  float: left;
}

.menu a {
  margin: 0px;
  padding: 7px 15px 7px 15px;
  display: block;
  height: 100%;
  color: #FFFFFF;
  text-decoration: none;
  background-image: url('images/menu-a.gif');
  background-repeat: no-repeat;
  background-position: 0 100%;
}

.menu .active a {
  background-color: #e97524;
}

.menu a.predh2 {
  background-image: url('images/menu-preh.gif');
}

.menu a.last {
  background-image: url('images/menubot.gif');
}

.menu a:hover {
  background-color: #e97524;
}

.menu h2 {
  background-color: #4c627a;
  color: #9aa7b4;
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  padding: 3px 0px 3px 15px;
  background-repeat: repeat-y;
  background-image: url('images/menulefth.gif');
}

.menu li.menuclear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  float: none;
}

.clearer {
  line-height: 0px;
  font-size: 0px;
  margin: 0;
  padding: 0;
  clear: both;
}