body, div, table, span, a, input, textarea, button, select { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-weight: normal; text-decoration: none; color:#000000; font-size: 8pt; }

body {
  margin: 0;
  padding: 0; 
  text-align: center;
  background: url("img/bg_body.jpg") center 0 no-repeat #8B0000;
}
 
img { border-color: #4F80AB; }
input.button { border: 1px solid #DCE1E8; background: #042D5B; color: #ffffff; margin: 0; padding: 1px 0 1px 0; cursor: pointer; font-weight: bold; width: 120px; }
input.form { width: 250px; }
form { margin: 0; padding: 0; }
hr {
  margin: 5px 0 5px 0;
  padding: 0;
  height: 1px;
  color: #000000;
}


A { font-weight:normal; text-decoration:none; COLOR: #E65712; }
A:hover   { COLOR: #000000; text-decoration: underline;}

a.red {
  font-weight: normal;
  color: #FF5400 !important;
}

a.red:hover {
  color: #FFCA00 !important;
}

div#page { 
  position: relative;
  text-align: left;
  display: block;
  clear: both;
  width: 890px;
  margin: 0 auto;
  padding: 0; 
  text-align: left;
}

div#page_in { 
  position: relative;
  margin: 0;
  padding: 0;
  width: 890px; 
  text-align: left;
  overflow: hidden;
}

div#header { 
  position: relative;
  display: block;
  clear: both;
  height: 100px;
  margin: 0;
  padding: 0;    
  text-align: left;
  background: url("img/bg_head.png") 0 0 no-repeat;
}

div#header a#logo {
  position: absolute;
  left: 30px;
  top: 18px;
  display: block;
  margin: 0;
  width: 504px;
  height: 83px;
  text-decoration: none;
}

div#header div#lang {
  position: absolute;
  left: 705px;
  top: 42px;
  display: block;
  margin: 0;
  width: 120px;
  height: 30px;
  text-decoration: none;
}

div#menu {
  display: block;
  margin: 0px 0 -6px 0;
  _margin: 0px 0 3px 0;
  padding: 8px 0 0 10px;
  height: 50px;
  font-size: 9pt;
  font-weight: normal;
  color: #ffffff;
  background: url("img/bg_menu.png") 0 -3px no-repeat;
}

div#menu a {
  display: block;
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  width: 104px;
  height: 28px;
  font-size: 8pt;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  background: url("img/m1.png") 0 -28px no-repeat;
}

div#menu a.m1 {
  background-image: url("img/m1.png");
}
div#menu a.m2 {
  background-image: url("img/m2.png");
}
div#menu a.m3 {
  background-image: url("img/m3.png");
}
div#menu a.m4 {
  background-image: url("img/m4.png");
}
div#menu a.m5 {
  background-image: url("img/m5.png");
}
div#menu a.m6 {
  background-image: url("img/m6.png");
}

div#menu a span {
  display: block;
  padding: 9px 0 0 0;
  font-size: 8pt;
  font-weight: normal;
  color: #ffffff;
}
div#menu a:hover span {
  color: #000000 !important;
}

div#menu a:hover {
  color: #ffffff;
  text-decoration: none;
  background-position: 0 0;
}

div#menu a.sel {
  color: #ffffff;
  text-decoration: none;
  background-position: 0 0;
}
div#menu a.sel span{
  color: #000000;
}

div#submenu {
  display: block;
  margin: 0;
  padding: 0;
}

div#submenu a {
  display: block;
  text-align: left;
  font-size: 8pt;
  font-weight: normal;
  padding: 1px 0 1px 20px;
  margin: 0 0 2px 0;
  color: #6A6A6A;
  text-transform: lowercase;
  background: url("img/bg_menu_a.png") 0px 2px no-repeat;
}

div#submenu a:hover {
  text-decoration: none;
  background: url("img/bg_menu_a.png") 0px -13px no-repeat;
}

div#submenu a.sel {
  background: url("img/bg_menu_a.png") 0px -13px no-repeat;
}

a.sm {
  text-align: left;
  line-height: 17px;
  font-size: 8pt;
  font-weight: normal;
  padding: 1px 0 1px 20px;
  margin: 0 0 2px 0;
  color: #6A6A6A;
  background: url("img/bg_menu_a.png") 0px 2px no-repeat;
}

a.sm:hover {
  text-decoration: none;
  background: url("img/bg_menu_a.png") 0px -17px no-repeat;
}

div#main { 
  display: block;
  float: left;
  margin: 0;
  padding: 0;    
  width: 890px;
  display: block;
  text-align: left;
}

div.left {
  display: block;
  float: left;
  width: 220px;
  overflow: hidden;
}

div.left div.lin {
  _height: 100px;
  min-height: 100px;
  padding: 15px 25px 0 25px;
  background: url("img/bg_left.png") 0 0 no-repeat;
}

div.left div.lif {
  padding: 15px 0 5px 0;
  background: url("img/bg_left_foot.png") 0 0 no-repeat;
}

div.left h1 {
  position: relative;
  clear: both;
  margin: 0 -5px 0 -12px;
  padding: 18px 0 10px 0;
  text-align: left;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
  background: url("img/bg_h1_1left.png") 0 0 no-repeat;
}

div.left h1.rs {
  background: url("img/bg_h1_2left.png") 9px 0 no-repeat !important;
}

div.left h1 span {
  display: block;
  text-align: center;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
}

div.left p {
  margin: 0 0 20px 0;
  padding: 0;
}

div.left a {
  color: #000000;
}

div.left a:hover {
  color: #750000;
}

div#cblok {
  float: left; 
  width: 670px; 
  overflow: hidden;
}

div.center { 
  display: block;
  float: left;
  margin: 0;
  padding: 0;    
  width: 670px;
  _height: 300px;
  min-height: 300px;
  text-align: left;
  background: url("img/bg_main.png") 0 0 no-repeat;
}

div.centerf { 
  display: block;
  float: left;
  margin: 0;
  padding: 15px 0 0 0;    
  width: 670px;
  background: url("img/bg_main_foot.png") 0 0 no-repeat;
}

div.text {
  display: block;
  float: left;
  width: 670px;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #000000;
  font-size: 8pt;
  overflow: hidden;
}

div.text div.text_in {
  margin: 0 40px 20px 40px;
  text-align: left;
  font-size: 8pt;
  line-height: 15px;
  color: #000000;
}

div.text h1 {
  position: relative;
  clear: both;
  margin: 15px -22px 0 -25px;
  padding: 18px 22px 10px 25px;
  text-align: left;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #750000;
  background: url("img/bg_h1_1.png") 0 0 no-repeat;
}

div.text h1.rs {
  text-align: right;
  background: url("img/bg_h1_2.png") right 0 no-repeat;
}

div.text h2 {
  margin: 19px 0 5px 0;
  padding: 0;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  color: #82AE4E;
}

div.text ul {
  list-style: url("img/li.png") ;
}

.foto img {
  width: 100px;
  height: 70px;
  margin: 6px;
  border: 1px solid #4F80AB;
}

div#foot {
  display: block;
  float: left;
  width: 220px;
  height: 106px;
  overflow: hidden;
  margin: -4px 0 0 0;
  padding: 0;
  text-align: left;
  color: #000000;
  background: url("img/bg_foot.png") 0 bottom no-repeat;
}

div#foot div#fin {
  color: #000000;
  font-size: 8pt;
  margin: 32px 10px 0 30px;
  padding: 0;
}

div#fin a {
  font-weight:bold;
  font-size: 7pt;
  text-decoration:none;
  color: #ffffff;
}

div#fin a:hover {
  color: #EDF4F9;
}

.clb { 
  clear: both;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
  margin: 0;
  padding: 0;    
}

.small {
  font-size: 7pt;
}

.o { color: #FFCB08; }
.g { color: #C9C9CA; }
.dg { color: #707173; }


div#control {
  position: absolute;
  display: block;
  left: 310px;
  top: 10px;
  text-align: left;
}

div#control a {
  display: block;
  padding: 2px 2px 2px 0;
  margin: 2px 2px 2px 0 !important;
  float: left;
}

div#control a:hover {
  background-position: -19px 0 !important;
}

div#control a#sup {
  display: block;
  height: 16px;
  width: 18px;
  background: url("img/up.gif") 0 0 no-repeat;
}
div#control a#sdown {
  display: block;
  height: 16px;
  width: 18px;
  background: url("img/down.gif") 0 0 no-repeat;
}

img.kocka {
  display: block;
  position: absolute;
  z-index: 90px;
}

