/*********************************************************************************************************
  Zakladni standardni styl
*********************************************************************************************************/

/*========================================================================================================
  Hlavni bloky stranky
========================================================================================================*/

body {
  background:#F0F0F0;
  font-family:arial;
  color:#000000;
  font-size:11px;
}

body.printable {
  background:#FFFFFF;
  font-family:arial;
  color:#000000;
  font-size:11px;
}

div.page_window {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  min-height:1000px;
  _hei\ght:1000px;
  text-align:center;
  background: #F0F0F0 url("graphic/gradient_456.png") top left repeat-x;
}

div.page_frame {
  position:relative;
  width:990px;
  margin:auto;
}

div.page_panel {
  position:relative;
  top:168px;
  left:0px;
  width:990px;
  font-size:1px;
}

div.page_base {
  position:relative;
  top:0px;
  left:0px;
  margin-left:220px;
  width:755px;
  font-size:11px;
  text-align:left;
}

div.page_header {
  position:absolute;
  top:0px;
  left:0px;
  width:990px;
  height:168px;
  background: url("graphic/header.png") top left no-repeat;
}

div.page_footer {
  font-size:11px;
  color:#A0A0A0;
}

div.footer_left {
  top:0px;
  left:0px;
  margin-left:20px;
  text-align:left;
}

div.footer_right {
  position:absolute;
  bottom:1px;
  right:20px;
  text-align:right;
}

div.dark_page {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:120%;
  text-align:center;
  background: url("graphic/transparent_50.png") top left repeat;
}

div.dark_page > div {
  top:100px;
}

div.page_path {
  position:absolute;
  top:2px;
  left:222px;
  width:747px;
  height:17px;
  text-align:left;
  color:#909090;
  font-size:10px;
}

div.page_divider {
  position:absolute;
  top:18px;
  left:0px;
  width:990px;
  height:5px;
  background: url("graphic/page_divider.png") top left no-repeat;
}

/*========================================================================================================
  Horni lista
========================================================================================================*/

a.logo {
  position:absolute;
  display:block;
  left:28px;
  top:14px;
  width:183px;
  height:87px;
  background: url("graphic/logo.png") top left no-repeat;
}

div.camera {
  position:absolute;
  width:170px;
  top:129px;
  top:0px;
  right:14px;
}

div.page_search {
  display:block;
  position:absolute;
  top:58px;
  left:514px;
  height:22px;
  width:300px;
  text-align:left;
}

div.bin {
  position:absolute;
  top:121px;
  left:801px;
  width:174px;
  height:35px;
  text-align:left;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}

div.menu_top {
  position:absolute;
  top:15px;
  left:0px;
  width:990px;
  color:#116AAB;
  font-size:11px;
  font-weight:bold;
  text-align:center;
}

div.login_form {
  position:absolute;
  top:117px;
  left:30px;
  color:#116AAB;
  font-size:11px;
  font-weight:bold;
  text-align:left;
}

div.login_info {
  position:absolute;
  top:120px;
  left:30px;
  color:#116AAB;
  font-size:11px;
  font-weight:bold;
  text-align:left;
}

div.login_menu {
  position:absolute;
  top:121px;
  right:220px;
  width:400px;
  color:#116AAB;
  font-size:11px;
  font-weight:bold;
  text-align:center;
}

/*========================================================================================================
  Patra
========================================================================================================*/

div.deck_frame_0 {
  position:absolute;
  text-align:left;
  top:147px;
  left:592px;
  width:199px;
  height:29px;
}

div.deck_frame_1 {
  position:absolute;
  text-align:left;
  top:147px;
  left:399px;
  width:199px;
  height:29px;
}

div.deck_frame_2 {
  position:absolute;
  text-align:left;
  top:147px;
  left:207px;
  width:199px;
  height:29px;
}

div.deck_webshop {
  width:199px;
  height:29px;
  background: url("graphic/deck_webshop.png") top left no-repeat;
}

div.deck_sluzby {
  width:199px;
  height:29px;
  background: url("graphic/deck_sluzby.png") top left no-repeat;
}

div.deck_sberna {
  width:199px;
  height:29px;
  background: url("graphic/deck_sberna.png") top left no-repeat;
}

div.deck_informace {
  width:199px;
  height:29px;
  background: url("graphic/deck_informace.png") top left no-repeat;
}

a.deck {
  padding-left:20px;
  padding-top:5px;
  display:block;
  width:199px;
  height:24px;
  color:#000000;
}

/*========================================================================================================
  Leve menu
========================================================================================================*/

div.menu_left_frame {
  position:absolute;
  top:147px;
  left:15px;
  width:216px;
  text-align:left;
}

div.menu_789_webshop {
  width:199px;
  height:24px;
  background: url("graphic/menu_789_webshop.png") top left no-repeat;
}

div.menu_789_sluzby {
  width:199px;
  height:24px;
  background: url("graphic/menu_789_sluzby.png") top left no-repeat;
}

div.menu_789_sberna {
  width:199px;
  height:24px;
  background: url("graphic/menu_789_sberna.png") top left no-repeat;
}

div.menu_789_informace {
  width:199px;
  height:24px;
  background: url("graphic/menu_789_informace.png") top left no-repeat;
}

div.menu_456 {
  width:189px;
  padding-left:15px;
  background: url("graphic/menu_456.png") top left repeat-y;
}

div.menu_123 {
  width:199px;
  height:5px;
  font-size:1px;
  background: url("graphic/menu_123.png") top left no-repeat;
}

div.menu_456 a {
  color:#000000;
}

div.menu_456 a:hover {
  color:#FF3B00;
}

div.menu_456 img {
  margin-right:5px;
}

div.menu_456 hr {
  width:170px;
  margin-left:0px;
}

/*========================================================================================================
  Panel stranky
========================================================================================================*/

div.page_white_789 {
  width:990px;
  height:5px;
  font-size:1px;
  background: url("panels/page_789.png") top left no-repeat;
}

div.page_white_456 {
  position:relative;
  font-size:11px;
  width:990px;
  background: url("panels/page_456.png") top left repeat-y;
}

div.page_white_123 {
  width:990px;
  height:5px;
  font-size:1px;
  background: url("panels/page_123.png") top left no-repeat;
}

div.page_blue_789 {
  width:990px;
  height:5px;
  font-size:1px;
  background: url("panels/page_blue_789.png") top left no-repeat;
}

div.page_blue_456 {
  position:relative;
  font-size:11px;
  width:990px;
  color:#FFFFFF;
  background: url("panels/page_blue_456.png") top left repeat-y;
}

div.page_blue_123 {
  width:990px;
  height:5px;
  font-size:1px;
  background: url("panels/page_blue_123.png") top left no-repeat;
}

/*========================================================================================================
  Dynamicke panely
========================================================================================================*/

div.panel_frame {
  position:relative;
  font-size:1px;
  text-align:center;
  vertical-align:middle;
}

div.panel_frame_center {
  position:relative;
  font-size:1px;
  text-align:center;
  vertical-align:middle;
  margin:auto;
}

div.panel_789 {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  height:15px;
}

div.panel_789t {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  height:35px;
}

div.panel_456 {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
}

div.panel_123 {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  height:15px;
}

div.panel_title {
  position:absolute;
  left:0px;
  top:0px;
  height:35px;
}

a.panel_close {
  position:absolute;
  display:block;
  top:0px;
  right:0px;
  width:18px;
  height:18px;
  background:url("icons/18x18/icon_close.png") top left no-repeat;
}
/*------------------------------------------------------------------------------------------------------*/

div.panel_white_7 {
  position:absolute;
  top:0px;
  left:0px;
  width:15px;
  height:15px;
  background: url("panels/panel_white_7.png") left top no-repeat;
}

div.panel_white_7t7 {
  position:absolute;
  top:0px;
  left:0px;
  width:15px;
  height:35px;
  background: url("panels/panel_white_7t7.png") left top no-repeat;
}

div.panel_white_7t8 {
  position:relative;
  top:0px;
  left:0px;
  height:35px;
  margin-left:15px;
  margin-right:15px;
  background: url("panels/panel_white_7t8.png") left top repeat-x;
  font-weight:bold;
  font-size:11px;
  text-align:left;
  color:#116AAB;
  padding-top:7px;
}

div.panel_white_7t9 {
  position:absolute;
  top:0px;
  right:0px;
  width:15px;
  height:35px;
  background: url("panels/panel_white_7t9.png") left top no-repeat;
}

div.panel_white_8 {
  position:relative;
  top:0px;
  left:0px;
  height:15px;
  margin-left:15px;
  margin-right:15px;
  background: url("panels/panel_white_8.png") left top repeat-x;
}

div.panel_white_8t {
  position:relative;
  top:0px;
  left:0px;
  height:35px;
  margin-left:15px;
  margin-right:15px;
  background: url("panels/panel_white_8t.png") left top repeat-x;
}

div.panel_white_9 {
  position:absolute;
  top:0px;
  right:0px;
  width:15px;
  height:15px;
  background: url("panels/panel_white_9.png") left top no-repeat;
}

div.panel_white_9t {
  position:absolute;
  top:0px;
  right:0px;
  width:15px;
  height:35px;
  background: url("panels/panel_white_9t.png") left top no-repeat;
}

div.panel_white_4 {
  background: url("panels/panel_white_4.png") left top repeat-y;
}

div.panel_white_5 {
  position:relative;
  text-align:left;
  left:0px;
  top:0px;
  font-size:11px;
  margin-left:15px;
  margin-right:15px;
  background: url("panels/panel_white_5.png") left top repeat;
}

div.panel_white_6 {
  background: url("panels/panel_white_6.png") right top repeat-y;
}

div.panel_white_1 {
  position:absolute;
  top:0px;
  left:0px;
  width:15px;
  height:15px;
  background: url("panels/panel_white_1.png") left top no-repeat;
}

div.panel_white_2 {
  position:relative;
  top:0px;
  left:0px;
  height:15px;
  margin-left:15px;
  margin-right:15px;
  background: url("panels/panel_white_2.png") left top repeat-x;
}

div.panel_white_3 {
  position:absolute;
  top:0px;
  right:0px;
  width:15px;
  height:15px;
  background: url("panels/panel_white_3.png") left top no-repeat;
}

/*========================================================================================================
  Dynamicke skupiny
========================================================================================================*/

div.group_frame {
  position:relative;
  font-size:1px;
  text-align:center;
  vertical-align:middle;
}

div.group_789 {
  position:relative;
  font-size:1px;
  left:0px;
  top:0px;
  width:100%;
  height:15px;
}

div.group_456 {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
}

div.group_123 {
  position:relative;
  font-size:1px;
  left:0px;
  top:0px;
  width:100%;
  height:10px;
}
/*------------------------------------------------------------------------------------------------------*/

div.group_title_white {
  position:absolute;
  top:0px;
  left:12px;
  font-size:11px;
  font-weight:bold;
  color:#0069B4;
  background:#FFFFFF;
}

div.group_title_grey {
  position:absolute;
  top:0px;
  left:12px;
  font-size:11px;
  font-weight:bold;
  color:#0069B4;
  background:#EAEAEA;
}

div.group_title_blue {
  position:absolute;
  top:0px;
  left:12px;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background:#0069B4;
}

/*------------------------------------------------------------------------------------------------------*/

div.group_transparent_7 {
  position:absolute;
  top:0px;
  left:0px;
  width:10px;
  height:15px;
  background: url("panels/group_transparent_7.png") left top no-repeat;
}

div.group_transparent_8 {
  position:relative;
  top:0px;
  left:0px;
  height:15px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_transparent_8.png") left top repeat-x;
}

div.group_transparent_9 {
  position:absolute;
  top:0px;
  right:0px;
  width:10px;
  height:15px;
  background: url("panels/group_transparent_9.png") left top no-repeat;
}

div.group_transparent_4 {
  background: url("panels/group_transparent_4.png") left top repeat-y;
}

div.group_transparent_5 {
  position:relative;
  text-align:left;
  left:0px;
  top:0px;
  font-size:11px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_transparent_5.png") right top repeat;
}

div.group_transparent_6 {
  background: url("panels/group_transparent_6.png") right top repeat-y;
}

div.group_transparent_1 {
  position:absolute;
  top:0px;
  left:0px;
  width:10px;
  height:10px;
  background: url("panels/group_transparent_1.png") left top no-repeat;
}

div.group_transparent_2 {
  position:relative;
  top:0px;
  left:0px;
  height:10px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_transparent_2.png") left top repeat-x;
}

div.group_transparent_3 {
  position:absolute;
  top:0px;
  right:0px;
  width:10px;
  height:10px;
  background: url("panels/group_transparent_3.png") left top no-repeat;
}

/*------------------------------------------------------------------------------------------------------*/

div.group_white_7 {
  position:absolute;
  top:0px;
  left:0px;
  width:10px;
  height:15px;
  background: url("panels/group_white_7.png") left top no-repeat;
}

div.group_white_8 {
  position:relative;
  top:0px;
  left:0px;
  height:15px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_white_8.png") left top repeat-x;
}

div.group_white_9 {
  position:absolute;
  top:0px;
  right:0px;
  width:10px;
  height:15px;
  background: url("panels/group_white_9.png") left top no-repeat;
}

div.group_white_4 {
  background: url("panels/group_white_4.png") left top repeat-y;
}

div.group_white_5 {
  position:relative;
  text-align:left;
  left:0px;
  top:0px;
  font-size:11px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_white_5.png") right top repeat;
}

div.group_white_6 {
  background: url("panels/group_white_6.png") right top repeat-y;
}

div.group_white_1 {
  position:absolute;
  font-size:1px;
  top:0px;
  left:0px;
  width:10px;
  height:10px;
  background: url("panels/group_white_1.png") left top no-repeat;
}

div.group_white_2 {
  position:relative;
  font-size:1px;
  top:0px;
  left:0px;
  height:10px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_white_2.png") left top repeat-x;
}

div.group_white_3 {
  position:absolute;
  font-size:1px;
  top:0px;
  right:0px;
  width:10px;
  height:10px;
  background: url("panels/group_white_3.png") left top no-repeat;
}

/*------------------------------------------------------------------------------------------------------*/

div.group_grey_7 {
  position:absolute;
  top:0px;
  left:0px;
  width:10px;
  height:15px;
  background: url("panels/group_grey_7.png") left top no-repeat;
}

div.group_grey_8 {
  position:relative;
  top:0px;
  left:0px;
  height:15px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_grey_8.png") left top repeat-x;
}

div.group_grey_9 {
  position:absolute;
  top:0px;
  right:0px;
  width:10px;
  height:15px;
  background: url("panels/group_grey_9.png") left top no-repeat;
}

div.group_grey_4 {
  background: url("panels/group_grey_4.png") left top repeat-y;
}

div.group_grey_5 {
  position:relative;
  text-align:left;
  left:0px;
  top:0px;
  font-size:11px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_grey_5.png") right top repeat;
}

div.group_grey_6 {
  background: url("panels/group_grey_6.png") right top repeat-y;
}

div.group_grey_1 {
  position:absolute;
  font-size:1px;
  top:0px;
  left:0px;
  width:10px;
  height:10px;
  background: url("panels/group_grey_1.png") left top no-repeat;
}

div.group_grey_2 {
  position:relative;
  font-size:1px;
  top:0px;
  left:0px;
  height:10px;
  margin-left:10px;
  margin-right:10px;
  background: url("panels/group_grey_2.png") left top repeat-x;
}

div.group_grey_3 {
  position:absolute;
  font-size:1px;
  top:0px;
  right:0px;
  width:10px;
  height:10px;
  background: url("panels/group_grey_3.png") left top no-repeat;
}

/*========================================================================================================
  SEO panel
========================================================================================================*/

div.seo {
  font-size:11px;
  color:#A0A0A0;
  padding-left:20px;
  padding-right:20px;
}

div.seo a {
  color:inherit;
  text-decoration:underline;
  font-weight:normal;
}

div.seo a:hover {
  color:#FF3B00;
}

/*========================================================================================================
  Hint panel
========================================================================================================*/

div.hint_frame {
  position:absolute;
  left:0px;
  top:0px;
  display:none;
  width:194px;
}

div.hint_789 {
  width:194px;
  height:37px;
  background: url("panels/hint_789.png") left top no-repeat;
}

div.hint_456 {
  width:194px;
  background: url("panels/hint_456.png") left top repeat-y;
}

div.hint_123 {
  width:194px;
  height:10px;
  background: url("panels/hint_123.png") left top no-repeat;
}

div.hint_text {
  position:relative;
  width:174px;
  left:7px;
  font-size:11px;
  color:#000000;
  text-align:center;
}

.hint_close {
  margin-left:5px;
}

/*========================================================================================================
  Tabulky
========================================================================================================*/

table.display td {
  padding-top:3px;
  padding-bottom:3px;
}

table.minimal {
  padding:0px;
  border:none;
  spacing:none;
  margin:0px 0px 0px 0px;
  margin-style:none;
  padding:0px;
  border-spacing:0px;
  border-style:none;
  border-collapse:collapse;
}

table.minimal td {
  padding:0px;
  border:none;
  spacing:none;
  margin:0px 0px 0px 0px;
  margin-style:none;
  padding:0px;
  border-spacing:0px;
  border-style:none;
  border-collapse:collapse;
  font-size:9px;
}

td.title {
  text-align:right;
  padding-right:5px;
  padding-left:5px;
  font-size:11px;
  font-weight:bold;
}

td.title_low {
  text-align:right;
  padding-right:5px;
  padding-left:5px;
  font-size:11px;
  color:#A0A0A0;
}

td.head {
  text-align:center;
  padding-right:5px;
  padding-left:5px;
  font-size:11px;
  font-weight:bold;
}

td.value {
  text-align:left;
  padding-right:5px;
  padding-left:5px;
  font-size:11px;
}

td.mark {
  text-align:left;
  padding-right:5px;
  padding-left:10px;
  font-size:10px;
  color:#A00000;
}

td.cell {
  text-align:center;
  padding-right:5px;
  padding-left:5px;
  font-size:11px;
}

td.price {
  text-align:center;
  padding-right:2px;
  padding-left:2px;
  font-weight:bold;
  color:#FF3B00;
  font-size:11px;
}

td.price_right {
  text-align:right;
  padding-right:2px;
  padding-left:2px;
  font-weight:bold;
  color:#FF3B00;
  font-size:11px;
}

td.vcell {
  text-align:center;
  font-size:11px;
  vertical-align:top;
}

td.box_grey {
  text-align:center;
  font-size:11px;
  background:#F0F0F0;
  border:1px solid #A0A0A0;
  padding-right:2px;
  padding-left:2px;
}

td.box_grey_price {
  text-align:center;
  font-size:11px;
  background:#FF3B00;
  border:1px solid #A0A0A0;
  font-weight:bold;
  padding-right:2px;
  padding-left:2px;
}

td.box_grey_left {
  text-align:left;
  font-size:11px;
  background:#F0F0F0;
  border:1px solid #A0A0A0;
  padding-right:2px;
  padding-left:5px;
}

td.box_grey_right {
  text-align:right;
  font-size:11px;
  background:#F0F0F0;
  border:1px solid #A0A0A0;
  padding-right:2px;
  padding-left:5px;
}

td.box_grey_price {
  text-align:center;
  font-size:11px;
  font-weight:bold;
  background:#F0F0F0;
  color:#FF3B00;
  border:1px solid #A0A0A0;
  padding-right:2px;
  padding-left:5px;
}

td.box_blue {
  text-align:center;
  font-size:11px;
  background:#116AAB;
  color:#FFFFFF;
  border:1px solid #A0A0A0;
  padding-right:2px;
  padding-left:2px;
}

td.box_blue_left {
  text-align:left;
  font-size:11px;
  background:#116AAB;
  color:#FFFFFF;
  border:1px solid #A0A0A0;
  padding-right:2px;
  padding-left:5px;
}

td.separator {
  border-bottom: 1px solid #A0A0A0;
  font-size:1px;
}

td.rseparator {
  border-right: 1px solid #A0A0A0;
  font-size:1px;
}

td.appendix {
  text-align:right;
  color:#A0A0A0;
  font-size:11px;
}

/*========================================================================================================
  Nadpisy
========================================================================================================*/

h1 {
  font-size:16px;
  font-weight:bold;
  color:#0069B4;
  margin-top:0px;
  margin-bottom:5px;
}

h1.page {
  display:block;
  margin-bottom:0px;
  text-align:center;
}

h2 {
  font-size:14px;
  font-weight:bold;
  color:#0069B4;
  display:block;
  margin-top:0px;
  margin-bottom:5px;
}

h3 {
  font-size:12px;
  font-weight:bold;
  color:#0069B4;
  display:inline;
  margin-bottom:5px;
}

h4 {
  font-size:11px;
  font-weight:bold;
  color:#0069B4;
  display:inline;
  margin-bottom:5px;
}

/*========================================================================================================
  Doplnkove tridy
========================================================================================================*/

.icon_text {
  vertical-align:-25%;
}

.icon {
  margin-right:10px;
  margin-bottom:10px;
  text-align:left;
  float:left;
}

.image {
  margin:10px;
}

.center {
  text-align:center;
}

.left {
  text-align:left;
}

.right {
  text-align:right;
}

.low {
  color:#A0A0A0;
  font-size:10px;
}

.none {
  display:none;
}

.inline {
  display:inline;
}

.size_12 {
  font-size:12px;
}

.relative {
  position:relative;
  top:0px;
  left:0px;
}

.small {
  font-size:10px;
  color:#A0A0A0;
}

/*========================================================================================================
  Odkazy
========================================================================================================*/

a {
  color:#116AAB;
  font-weight:bold;
  text-decoration:none;
}

a.classic {
  color:#116AAB;
  font-weight:bold;
  text-decoration:underline;
}

a:hover,a.grey:hover,a.black:hover {
  color:#FF3B00;
  text-decoration:underline;
}

a.white, a.white:hover {
  color:#FFFFFF;
}

a.grey {
  color:#A0A0A0;
}

a.black {
  color:#000000;
}

a.orange {
  color:#FF3B00;
}

a.expand {
  display:block;
  width:18px;
  height:18px;
  position:absolute;
  top:-13px;
  right:0px;
}


/*========================================================================================================
  Obecne tridy - nelze sgrupovat, IE6 to nechape
========================================================================================================*/

blockquote {
  margin-left:15px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
}

img {
  border:none;
}

input[type="image"] {
  border:none;
}

table {
  border-collapse:collapse;
  margin-bottom:0px;
}

form {
  margin-top:0px;
  margin-bottom:0px;
}

p {
  margin-top:0px;
  margin-bottom:0px;
}

ul {
  margin-top:0px;
  margin-bottom:0px;
}

ol {
  margin-top:0px;
  margin-bottom:0px;
}

ul.minimal {
  padding-left:10px;
  margin-left:0px;
}

li {
  padding-bottom:5px;
}

select {
  font-size:11px;
  color:#3A831D;
}

hr {
  background-color:#A0A0A0;
  height:1px;
  border:none;
  margin-bottom:3px;
  margin-top:3px;
  font-size:1px;
}

em {
  font-style:normal;
}

input {
  font-size:11px;
  color:#3A831D;
}

textarea {
  font-size:11px;
  font-family:arial;
}

strong {
  color:#116AAB;
  font-weight:normal;
}

pre {
  margin-top:0px;
  margin-bottom:0px;
  font-family:arial;
}