* {
  margin: 0px; 
  font-family: arial;
  font-size: 12px;
}

body {
  background-color: white;
}

a {
  color: #3981CC;
  font-weight: normal;
  text-decoration: none;
}

/* --- head --- */

.header {
  z-index: 1; 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  right: 0px;
  height: 126px;
  width: 100%;
  background-image: url(img/head_bg.gif);
  background-repeat: repeat-x;
}

.logo {
  z-index: 2; 
  position: absolute; 
  right: 0px; 
  top: 0px; 
  height: 126px;
  width: 200px;
  background-image: url(img/heal_logo.jpg);
  background-repeat: no-repeat;
}

.menu {
  z-index: 2; 
  position: absolute; 
  top: 85px; 
  left: 15px;
  height: 24px;
}

.menu a {
  color: white;
  border: 0px;
  padding-right: 16px;
}

.hico {
  padding-top: -10px;
  vertical-align: middle;
  border: 0px;
  padding-right: 4px;
}

.icon {
  padding-top: -6px;
  vertical-align: middle;
}


/* --- sidebar --- */

.sidebar_container {
  z-index: 1; 
  position: absolute; 
  left: 5px; 
  top: 135px; 
  width: 200px !important;
}

.sidebar_container_right {
  z-index: 1; 
  position: absolute; 
  right: 5px; 
  top: 135px; 
  width: 200px !important;
}

.sidebar {
  border: 1px solid silver; /*barva ramecku*/
  margin-bottom: 10px;
  background-color: #F9FCEF;
}

.sidebar h1 {
  color: #506017;
  border-bottom: 1px solid silver; /*barva ramecku*/
  padding-left: 5px;
  height: 19px;
  background-image: url(img/title_bg.gif);
  background-repeat: repeat-x;
  padding-top: 3px;
}

.sidebar_inner {
  z-index: 1; 
  position: relative; 
  top: -5px; 
  padding: 5px;
  padding-top: 15px;
} 


/* --- main --- */

.main_container {
  z-index: 1; 
  position: absolute; 
  left: 210px; 
  right: 210px !important;
  top: 135px;  

}

.center_container {
}

/* --- selector --- */

.selector {
  z-index: 1; 
  position: relative; 
  float: left;
  width: 200px; 
  height: 220px; 
  height: 180px; 
  background-image: url(img/selector_bg1.gif);
  background-repeat: no-repeat;
}

.selector_inner {
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.selector_check {
  z-index: 0; 
  position: absolute; 
  left: -4px; 
  top: -4px; 
  height: 40px;
  width: 37px;
  background-image: url(img/ico_ok.gif);
  background-repeat: no-repeat;
}

.selector_cross {
  z-index: 0; 
  position: absolute; 
  left: -4px; 
  top: -4px; 
  height: 40px;
  width: 37px;
  background-image: url(img/ico_warn.gif);
  background-repeat: no-repeat;
}


#selector {
  color: white;
  display: inline;
  margin: 1px;
}

#selector td {
  padding: 0px;
  color: black;
  vertical-align: middle;
  text-align: center;
  font-size: 10px;
  width: 150px;
  height: 150px;
}                               

#selector a {
  color: black;
  text-decoration: none;
}
#selector a:hover {
  color: black;
  text-decoration: underline;
}
.s-on {
  background-color: #FFF;
  cursor: pointer;
  width: 100px;
  background-image: url(img/arrow2.gif);
  background-position: 98% 95%;
  background-repeat: no-repeat;
  border: 2px solid green;
}
.s-on-hover {
  background-color: #FFF;
  cursor: pointer;
  width: 100px;
  background-image: url(img/arrow2.gif);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border: 2px solid blue;
}
.s-off {
  background-color: #FFF;
  cursor: pointer;
  width: 100px;
  background-image: url(img/arrow2.gif);
  background-position: 98% 95%;
  background-repeat: no-repeat;
  border: 2px solid silver;
}
.s-off-hover {
  background-color: #FFF;
  cursor: pointer;
  width: 100px;
  background-image: url(img/arrow2.gif);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border: 2px solid blue;
}
#selector_product td {
  border: none;

}

.inputCena {
  width: 80px;
  text-align: right;
}

.inputSleva {
  width: 42px;
  height: 19px;
  text-align: right;
  vertical-align: middle;
}

.inputNazev {
  width: 182px;
  height: 19px;
  vertical-align: middle;
}

.inputbutton {
  width: 19px;
  height: 19px;
  vertical-align: middle;
  border-style: none;
  background-image: url(img/input_btn.gif);
}