﻿* {
  margin: 0;
  padding: 0;
  border: 0;
}
html, body {
  font-family: "Myriad Pro", "Calibri", Arial, Helvetica, sans-serif;
  color: rgb(112,112,112);
  text-align: center;
}
body {
  font-size: 90%;
  line-height: 130%;
  background: url("style/gfx/bg_all.png") repeat-y center top rgb(105,106,106);
}
h1 {
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0 0 2px 0;
  line-height: 150%;
  background: url("style/gfx/bg_h1.png") repeat-x left bottom;
  color: rgb(80,80,80);
}
h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 1em 0;
  line-height: 150%;
}
h3 {
}
a {
  color: rgb(103,103,103);
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
ul, ol {
  margin: 1em 0;
}
#mid ul li {
  list-style-type: none;
  background: url("style/gfx/bg_li.png") no-repeat left 7px;
  margin-left: 20px;
  padding-left: 14px;
}
ol li {
  margin-left: 30px;
}
p {
  margin: 0 0 1em 0;
  text-align: justify;
}
#body {
  width: 973px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
}
#area_top {
  width: 973px;
  height: 385px;
  line-height: 130%;
  position: relative;
}
#mid {
  width: 973px;
  clear: both;
  position: relative;
  background: url("style/gfx/bg_mid.png") repeat-x left top rgb(244,245,244);
  float: left;
}
#area_left {
  width: ;
  float: left;
}
#area_content {
  width: 973px;
  float: left;
}
#area_right {
  width: ;
  float: right;
}
#area_bottom {
  width: 973px;
  height: auto;
  clear: both;
  font-size: 80%;
  float: left;
  background: url("style/gfx/bg_area_bottom.png") no-repeat left top rgb(239,240,239);
  color: rgb(150,150,150);
}
.midsep {
  clear: both;
}
a#logo {
  width: 200px;
  height: 94px;
  position: absolute;
  left: 30px;
  top: 33px;
}
a#logo img {
  float: left;
}
a#logo:hover {
  text-decoration: none;
}
#area_bottom_in {
  margin: 15px 50px 10px 50px;
  height: 50px;
}
#developer {
  float: left;
}
#developer a {
  color: rgb(150,150,150);
  text-decoration: none;
}
#developer a:hover {
  color: rgb(150,150,150);
  text-decoration: underline;
}
#area_bottom_fb {
  width: 130px;
  height: 40px;
  float: right;
}
#area_bottom_fb img {
  float: left;
  margin: 0 20px 0 0;
  vertical-align: top;
}
div.block {
  width: 100%;
  font-size: 90%;
  clear: both;
}
#area_content div.block {
  float: left;
  margin: 35px 0;
}
#area_content div.block_body_in {
  width: 893px;
  margin: 0 40px;
  _margin: 0 20px;
  float: left;
  min-height: 300px;
}
#area_content div.block_left {
  width: 410px;
  float: left;
  margin: 5px 0 0 0;
}
#area_content div.block_right {
  width: 410px;
  float: right;
  margin: 5px 0 0 0;
}
ul.hmenu_dd li.menu_item_last {
  margin-left: 0 !important;
}
ul.hmenu_dd li.menu_item_last a {
  color: #39c1f0;
}
div#hmenu {
  width: 290px;
  height: 200px;
  position: absolute;
  top: 36px;
  right: 0;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
ul.hmenu_dd {
  width: 100%;
  height: 35px;
  float: left;
  margin: 0;
  font-family: "Myriad Pro", "Calibri", Arial, Helvetica, sans-serif;
  background: #fff;
}
ul.hmenu_dd li {
  list-style-type: none;
  line-height: 28px;
  float: left;
  margin: 0 1px 0 0;
  text-transform: uppercase;
}
ul.hmenu_dd li li {
  margin: 0;
}
ul.hmenu_dd a {
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding: 4px 10px;
  text-decoration: none;
  float: none;
  _float: left;
  margin: 0;
}
ul.hmenu_dd a:hover, ul.hmenu_dd li.menu_item_actual a {
  color: #fff;
  background: #000;
  text-decoration: none;
}
ul.hmenu_dd li.menu_item_actual li a {
  background: #ccc;
}
ul.hmenu_dd ul li.menu_item_actual a {
  color: #fff !important;
  background: #000 !important;
}
ul.hmenu_dd ul {
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  background: #ccc;
  clear: both;
}
ul.hmenu_dd ul li {
  line-height: 20px;
}
ul.hmenu_dd ul a {
  width: 195px;
  _width: 215px;
  height: auto;
  line-height: 20px;
  color: #000 !important;
  padding: 2px 10px;
  _padding: 4px 10px;
  float: none;
  font-size: 85%;
  font-variant: normal;  
  font-weight: normal;
  margin: 0;
}
ul.hmenu_dd ul a:hover {
  color: #fff !important;
  background: #000 !important;
}
ul.hmenu_dd li:hover ul, ul.hmenu_dd li.hover ul {
  visibility: visible;
}
ul.hmenu_dd li:hover ul ul, ul.hmenu_dd li.hover ul ul {
  visibility: hidden;
}
ul.hmenu_dd li:hover li:hover ul, ul.hmenu_dd li.hover li.hover ul,
ul.hmenu_dd li:hover li:hover li:hover ul, ul.hmenu_dd li.hover li.hover li.hover ul
 {
  visibility: visible;
}
ul.hmenu_dd li:hover li:hover ul ul, ul.hmenu_dd li.hover li.hover ul ul {
  visibility: hidden;
}
ul.hmenu_dd li li, ul.hmenu_dd li li li {
  float: none;
  _float: left;
  clear: both;
  border: 0;
  padding: 0;
  text-align: left;
  height: auto;
}
ul.hmenu_dd li {
  behavior: url("/style/dropdown_menu_hover.htc");
}
div#hmenu ul li:hover, div#hmenu ul li.hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}
div#hmenu ul li:hover a {
  color: #fff;
}
table {
  border-collapse: collapse;
  font-size: 100%;
}
td {
  vertical-align: top;
}
table.reference {
  width: 100%;
}
table.reference tr {
  background: url("style/gfx/bg_table_reference_bottom.png") repeat-x left bottom;
}
table.reference td {
  padding: 5px 5px 5px 10px;
}
table.reference td.col1 {
  font-weight: bold;
  background: url("style/gfx/bg_table_reference_right.png") repeat-y right center;
  padding: 5px 10px 5px 5px;
}
table.sluzby {
  width: 100%;
}
table.sluzby tr {
  background: url("style/gfx/bg_table_reference_bottom.png") repeat-x left bottom;
}
table.sluzby td {
  background: url("style/gfx/bg_table_sluzby_right.png") no-repeat 10px center;
  padding: 5px 5px 5px 20px;
  height: 50px;
  vertical-align: middle;
  font-size: 110%;
}
table.sluzby td a {
}
.l, .left { text-align: left; }
.r, .right { text-align: right; }
.c, .center { text-align: center; }
.j, .justify { text-align: justify; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.va_top { vertical-align: top; }
.va_bottom { vertical-align: bottom; }
.va_middle { vertical-align: middle; }
.dis_none { display: none; }
.dis_block { display: block; }
.dis_inline { display: inline; }
.dis_table_row { display: table-row; }
.nowrap, .nobr { white-space: nowrap; }
.nomargin { margin: 0; padding: 0; }
.cb, .clear { clear: both }
.strong { font-weight: bold; }
.em { font-style: italic; }
.help { cursor: help;	pointer: help; }
.hand { cursor: pointer; _cursor: hand; }
/* reference controls */
ul#reference_controls {
  width: 78px;
  height: 11px;
  position: absolute;
  left: 448px;
  top: -24px;
}
ul#reference_controls li {
  width: 11px;
  height: 11px;
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  list-style-type: none;
}
ul#reference_controls a {
  width: 11px;
  height: 11px;
  display: block;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
ul#reference_controls a:hover, ul#reference_controls li.current a {
  text-decoration: none;
}
ul#reference_controls span.ir {
  width: 11px;
  height: 11px;
}
ul#reference_controls a {
  background-image: url("style/gfx/slider_controls.png");
}
ul#reference_controls a:hover {
background-position: -11px 0;
}
ul#reference_controls li.current a {
background-position: -22px 0;
}
/* news */
.news_item {
  width: 400px;
  height: 80px;
  background: url("style/gfx/bg_news_list_item.png") no-repeat left bottom;
  float: left;
  clear: both;
}
.news_item .date {
  width: 49px;
  height: 53px;
  float: left;
  background: url("style/gfx/bg_news_list_date.png") no-repeat right bottom;
  margin: 10px 16px 0 -3px;
  color: rgb(130,130,130);
}
.news_item .date .day {
  font-size: 240%;
  margin: 10px 0 2px 0;
}
.news_item .date .month {
  margin: 0 0 0 6px;
}
.news_item .news {
  width: 334px;
  float: left;
  font-size: 100%;
}
.news_item .news .title {
  font-weight: bold;
  line-height: 115%;
  margin: 8px 0 2px 0;
}
.news_item .news .content {
  line-height: 115%;
}
.col1 {
  width: 50px;
}
.kontakt .col1 {
  width: 80px;
}
.block_right .kontakt .col1 {
  width: 120px;
}
.note {
  color: rgb(150,150,150);
  font-size: 90%;
  line-height: 120%;
  margin: 2px 0 6px 0;
}
.certifikaty img {
  margin: 0 7px 0 0;
  border: 1px solid rgb(190,187,187);
}
a#icon_prev {
  width: 32px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 80px;
  background: url("style/gfx/bg_icon_prev.png") no-repeat left -45px;
}
a#icon_prev:hover {
  background-position: left 0;
}
a#icon_next {
  width: 32px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 38px;
  background: url("style/gfx/bg_icon_next.png") no-repeat left -45px;
}
a#icon_next:hover {
  background-position: left 0;
}
#icon_controls a {
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}
/* reference */
.reference_item {
  width: 400px;
  height: 50px;
  background: url("style/gfx/bg_news_list_item.png") no-repeat left bottom;
  float: left;
  clear: both;
}
.reference_item .date {
  width: 120px;
  float: left;
  background: url("style/gfx/bg_news_list_date.png") no-repeat right bottom;
  margin: 10px 16px 0 -3px;
  color: rgb(130,130,130);
}
.reference_item .reference {
  width: 334px;
  float: left;
  font-size: 100%;
}
.reference_item .reference div.title {
  font-weight: bold;
  line-height: 115%;
  margin: 8px 0 2px 0;
}
div.slideshow {
  width: 973px;
  height: 368px;
  overflow: hidden;
}
div#slider {
  width: 973px;
  height: 368px;
  overflow: hidden;
}
div#slider ul {
  margin: 0;
}
div#slider li {
  width: 973px;
  height: 368px;
  list-style: none;
  overflow: hidden;
  background: none;
  padding: 0;
  margin: 0;
}
ul#controls {
  width: 150px;
  height: 11px;
  position: absolute;
  left: 432px;
  top: 360px;
}
ul#controls li {
  width: 11px;
  height: 11px;
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  list-style-type: none;
}
ul#controls a {
  width: 11px;
  height: 11px;
  display: block;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
ul#controls a:hover, ul#controls li.current a {
  text-decoration: none;
}
ul#controls span.ir {
  width: 11px;
  height: 11px;
}
ul#controls a {
  background-image: url("style/gfx/slider_controls.png");
}
ul#controls a:hover {
background-position: -11px 0;
}
ul#controls li.current a {
background-position: -22px 0;
}
ul.vmenu, ul.vmenu ul, ul.vmenu ul ul {
  margin: 0;
}
ul.vmenu li { 
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  margin-top: 10px !important;
  letter-spacing: 2px;
}
ul.vmenu li li {
  margin: 0 0 0 20px !important;
  background: url("style/gfx/bg_li.png") no-repeat left 7px !important;
  padding-left: 14px !important;
  letter-spacing: 0px;
}
ul.vmenu li li li {
  margin: 0 0 0 20px !important;
  background: url("style/gfx/bg_li.png") no-repeat left 7px !important;
  padding-left: 14px !important;
  margin-top: 0;
  letter-spacing: 0px;
} 
ul.vmenu li a {
  font-weight: bold;
}
ul.vmenu li li a, ul.vmenu li li li a {
  font-weight: normal;
}
ul.vmenu li.menu_item_actual a {
  text-decoration: underline;
  font-weight: bold;
}
ul.vmenu li.menu_item_actual li a {
  text-decoration: underline;
  font-weight: normal;
}
ul.vmenu, ul.vmenu ul {
}
ul.vmenu ul.collapsed li {
}
ul.leftmenu, ul.leftmenu ul, ul.leftmenu ul ul {
  margin: 0;
}
ul.leftmenu li { 
  width: 400px;
  height: 50px;
  margin: 0 !important;
  padding: 0 !important;
  background: url("style/gfx/bg_news_list_item.png") no-repeat left bottom !important;
  line-height: 48px;
}
ul.leftmenu li a {
  font-weight: bold;
}
ul.leftmenu li.menu_item_actual a {
  text-decoration: underline;
  font-weight: bold;
}
ul.leftmenu li.menu_item_actual li a {
  text-decoration: underline;
  font-weight: normal;
}
