@import url("./content.css");

* {
  font-family:  Tahoma, Verdana, Arial, sans-serif;
}

body {
  background: url('imgs/page_bg.png') repeat-x #FFFFFF;
  padding: 0;
  margin: 0;
  text-align: center;
}

#bg_bottom {
  background: url('imgs/bg.png') repeat-x bottom;
}

#footer {
  background: url('imgs/footer.png') no-repeat center center;
  height: 133px;
  _height: 173px;
  color: #5E748D;
  font-size: 11px;
  padding: 40px 32px 0 0;
  text-align: right;
}

legend {
  display: none;
}

#footer a {
  font-weight: bolder;
  text-decoration: none;
  color: #5E748D;
}

#footer a:hover {
  color: #000000;
}

#page {
  width: 868px;
  margin: 0 auto;
  text-align: left;
} 

#header {
  background: url('imgs/header_bg.jpg') no-repeat top left;
  height: 113px;
}

#header h1 {
  margin: 0;
  background: url('imgs/aptel.png') no-repeat 45px 40px;
  height: 95px;
  float: left;
  width: 198px;
}

#header h1 span {
  display: none;
}

#header h1 a {
  display: block;
  width: 100%;
  height: 95px;
}

#kontakt {
  float: right;
  width: 270px;
  _width: 310px;
  padding: 4px 20px;
  height: 59px;
  _height: 67px;
}

#kontakt address strong {
  font-size: 13px;
  font-weight: bolder;
}

#kontakt address {
  color: #284667;  
  font-style: normal;
  margin: 0;
  padding: 6px;
  float: right;
  font-size: 11px;
}

#kontakt div.phone_mail span {
  display: none;
}

#kontakt div.phone_mail {
  float: left;
}

#kontakt div.phone_mail div {
  padding: 6px 0px 6px 34px;
  color: #284667;
}

#kontakt div.phone_mail div a {
  color: #284667;
  text-decoration: none;
}

#kontakt div.phone_mail div a:hover {
  text-decoration: underline;
}

#kontakt div.phone {
  background: url('imgs/phone.png') no-repeat left center;
  font-size: 16px;
  font-weight: bolder;
}

#kontakt div.email {
  background: url('imgs/email.png') no-repeat left center;
  font-size: 13px;
  font-weight: bolder;
}

#menu {
  clear: right;
  float: right;
  width: 515px;
  margin-top: 21px;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


#menu li.selected a {
  background: url('imgs/menu_btn_sel.png') no-repeat;
}

#menu li {
  padding: 0;
  float: left;
  width: 102px;
  margin-right: 1px;
}

#menu li a {
  display: block;
  background: url('imgs/menu_btn.png') no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  padding: 6px 4px;
}

#menu li a:hover {
  color: #F7C600;
}

#content_pre {
  background: url('imgs/pre_bg.png') no-repeat #FFFFFF bottom center;
  padding: 8px 16px 0 250px;
  height: 37px;
  _height: 45px;
  margin-top: 9px;
  color: #CA0000;
  font-weight: bolder;
  font-size: 11px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}

#content_pre a {
  color: #CA0000;
  text-decoration: none;
}

#content_pre a:hover {
  text-decoration: underline;
}

#container {
  padding: 0 6px;
  background: url('imgs/frame_bg.png') repeat-y #FFFFFF;
}

#content {
  padding: 16px;
}

.cleaner {
  clear: both;
}

table.container {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

table.container td.tree {
  vertical-align: top;
  background: url('imgs/left_bg.png') repeat-y #FFFFFF;
  padding: 0 14px 0 12px;
  width: 206px;
}

table.container td.content {
  vertical-align: top;
  padding: 0 14px 0 0;
  _padding: 0 28px 0 0;
}

#container div.left {
  width: 206px;
  background: url('imgs/left_bg_top.png') repeat-x #ECEFF2;
  overflow: hidden;
}

.tree ul {
  margin: 0 8px;
  list-style-type: none;
  padding: 0;
  font-size: 11px;
  line-height: 1.3;
}

.tree ul ul {
  margin: 0;
}

.tree li.selected {
  border: 1px solid #284667;
  background-color: #FFFFFF;
}

.tree li {
  padding: 0;
}

.tree li a {
  display: block;
  text-decoration: none;
  color: #284667;
  font-weight: bolder;
}

.tree ul li a {
  background: url('imgs/tree_bullet.png') no-repeat 12px center;
  padding: 3px 8px 3px 28px;
}

.tree ul li a:hover {
  color: #DE3219;
  background: url('imgs/tree_bullet_hover.png') no-repeat 12px center;
  text-decoration: underline;
}

.tree ul li ul {
  display: none;
}

.tree ul li.selected ul {
  display: block;
}

.tree ul li ul li a {
  background: url('imgs/subtree_bullet.png') no-repeat 32px center;
  padding: 3px 8px 3px 48px;
  font-weight: normal;
}

.tree ul li ul li a:hover {
  text-decoration: none;
  color: #000000;
  background: url('imgs/subtree_bullet.png') no-repeat #D1FF9F 32px center;
}

.tree ul li ul li ul li a {
  background: url('imgs/tree_bullet_small.png') no-repeat 58px center;
  padding: 1px 4px 1px 66px;
  font-weight: normal;
  color: #404040;
  font-size: 10px;
}

.tree ul li ul li ul li a:hover {
  background: url('imgs/tree_bullet_small.png') no-repeat #DCE2E8 58px center;
  text-decoration: none;
  color: #404040;
}

ul.subpages {
  text-align: center;
  list-style-type: none;
  margin: 0;
}

ul.subpages a {
  text-decoration: none;
  font-weight: bolder;
  font-size: 15px;
}

ul.subpages a:hover {
  color: #CA0000;
  text-decoration: underline;
}

ul.subpages li {
  display: inline;
  margin: 0 16px;
}

div.shop_link {
  text-align: center;
  margin: 8px 0;
}

div.shop_link img {
  border: none;
}

.email form input, 
.email form textarea {
  width: 400px;
  border: 1px solid #ADBDCB;
  background-color: #FFFFFF;
}

form {
  background-color: #ECEFF2;
  border: 1px solid #D8DFE6;
  text-align: center;
  padding: 2px;
}

form fieldset {
  border: none;
}

form table th {
  vertical-align: top;
  font-weight: bolder;
  text-align: right;
}

form table td {
  text-align: left;
}

form input.btn {
  width: auto;
  margin-top: 8px;
  border: 1px solid #ADBDCB;
  padding: 4px 16px;
  font-weight: bolder;
  color: #284667;
}


div.message {
  width: 420px;
  margin: 8px auto;
  text-align: center;
  padding: 3px;
  font-weight: bolder;
}

div.error {
  border: 1px solid #CF1111;
  background-color: #FFC9C9;
  color: #5E0000;
}

div.notice {
  background-color: #CFFFCD;
  border: 1px solid #0AD400;
  color: #033800;
}

div.warning {
  background-color: #FFFDCD;
  border: 1px solid #DCCF00;
  color: #565100;
}

div.bazar {
  margin: 8px 0;
}

div.bazar img {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  border: none;
}

div.bazar div.item h2 a {
  color: #284667;
  text-decoration: none;
  font-size: 14px;
}

div.bazar div.item h2 a:hover {
  text-decoration: underline;
}

div.bazar div.item h2 {
  text-align: left;
  border: none;
  font-size: 14px;
  font-weight: bolder;
  margin: 0 0 8px 0;
  padding: 0;
}

div.bazar div.item div {
  font-size: 11px;
}

div.bazar div.stav {
  margin: 8px 0;
}

div.bazar div.sleva {
  margin: 8px 0;
}

div.bazar div.sleva .stara_cena {
  text-decoration: line-through;
}

div.bazar div.sleva .sleva {
  font-weight: bolder;
  font-size: 115%;
  color: #008000;
}

div.bazar div.item div.cena strong {
  font-weight: bolder;
  color: #000000;
  font-size: 11px;
}

div.bazar div.item div.ceny {
  float: left;
  margin-bottom: 8px;
}

div.bazar div.item div.cena {
  font-weight: bolder;
  color: #FF0000;
  font-size: 14px;
}

div.bazar div.item div.stav strong {
  font-weight: bolder;
}

div.bazar div.item div.cena_dph {
  color: #404040;
}

div.bazar div.item div strong {
  width: 60px;
  float: left;
  margin-right: 16px;
  font-weight: normal;
}

div.bazar * {
  font-size: 11px;
}

div.bazar div.item {
  float: left;
  width: 272px;
  _width: 288px;
  margin: 8px;
  background-color: #FFFFFF;
  border: 1px solid #D8DFE6;
  padding: 4px 8px 4px 4px;  
  font-size: 11px;
}

div.bazar p {
  font-size: 11px;
  margin: 0;
}

div.bazar div.more {
  clear: left;
  text-align: right;
  margin: 4px 0;
}

div.bazar div.more a {
  font-weight: normal;
  background-color: #5A738C;
  color: #FFFFFF;
  font-size: 10px;
  padding: 1px 4px;
  border: 1px solid #284667;
}

div.bazar div.more a:hover {
  text-decoration: none;
  background-color: #284667;
  border: 1px solid #192B3D;
}

table.bazar {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 16px;
}

table.bazar th {
  text-align: right;
  padding-right: 8px;
  vertical-align: top;
}

table.bazar span.cena {
  color: #FF0000;
  font-size: 16px;
  font-weight: bolder;
}

#datum {
  position: absolute;
  text-align: center;
  font-size: 10px;
  top: 125px;
  font-weight: normal;
  color: #284667;
  width: 180px;
  z-index: 5;
  margin-left: 31px;
}