body {
  color: #000;
  padding: 0;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  font-size: 11px;
  text-align: center;
  margin: 0 auto;
  background: #fff url("../img/layout/body_background.jpg") repeat-x left top;
}

a
  {
  color: #2F5378;
  text-decoration: underline;
  }

a:hover
  {
  color: #2F5378;
  text-decoration: none;
  }

p
  {
  line-height: 1.3;
  padding: 0 25px 10px 25px;
  margin: 0;
  text-align: left;
  color: #424242;
}


h1 {
  font-size: 16px;
  text-align: left;
  font-variant: small-caps;
  padding: 15px 15px 10px 15px;
  margin: 0; 
  color: #2F5378;
}

h2 {
  font-size: 14px;
  margin: 15px 15px 10px 15px;
  text-align: left;
  color: #2F5378;
}


/*
 * menu
 */
 
ul.main_menu {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  list-style-type: none;
  display: inline;
}

ul.main_menu li {
  display: inline;
}

ul.main_menu li a {
  padding: 3px;
  text-decoration: none;
  color: #fff;
}

ul.main_menu li a.active {
  text-decoration: underline;
  color: #929292;
}

ul.main_menu li a.active:hover {
  text-decoration: none;
}

ul.main_menu li a:hover {
  text-decoration: none;
  color: #929292;
}



/*
 * main, top, left_col, center_col, right_col
 */

div.main {
  width: 836px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

div.top {
  height: 25px;
  _height: 170px;
  padding: 145px 0 0 400px;
  margin: 0;
  color: #fff;
  background: url("../img/layout/top.jpg") no-repeat left top;
}

div.top h1 {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 182px 0 12px 0;
  color: #fff;
}
 
#middle {
  width: 836px;
  height: 300px;
  padding: 0;
  margin: 0 auto;
  background: url("../img/layout/middle-2015.jpg") no-repeat left top;
}

#bottom {
  width: 762px;
  padding: 0;
  margin: 0 37px;
  background: url("../img/layout/bottom.jpg") repeat-y left top;
}

div.kontakty {
  width: 254px;
  height: 250px;
  float: right;
  padding: 15px 0 0 0;
  margin: 0 37px 0 0;
  _margin: 0 18px 0 0;
  text-align: center;
}

.pic_certifikat {
  cursor: pointer;
  cursor: hand;
  float: right;
  border-width: 1px;
  border-style: solid;
  border-color: #2F5378;
  margin: 0 10px 10px 20px;
}

.pic_vyrobky {
  cursor: pointer;
  cursor: hand;
  float: left;
  border-width: 1px;
  border-style: solid;
  border-color: #2F5378;
  margin: 0 10px 10px 0;
}

.pic_vyrobky_k {
  cursor: pointer;
  cursor: hand;
  border-width: 1px;
  border-style: solid;
  border-color: #2F5378;
  margin: 0 0 10px 10px;
}

.text {
  text-align: left;
  line-height: 1.3;
  padding: 0 25px 0 25px;
  margin: 0;
  color: #424242;
}