/*
 * Zakladni Styl Laboratorni Mediciny
 * Autor: Jan Rezac - Filosof
 *
 */

@import url("initial.css");

a, a:link {
  color: #00a898;
  text-decoration: underline;
  cursor: pointer;
}

a:visited {
  color: #007267;
}

a:hover, a:focus {
  color: #000;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff url(../images/sipky.gif) 50% 133px no-repeat;
  color: #444;
  line-height: 1.7;
}

div#main {
  width: 922px;
  margin: 0 auto;
  font-size: 0.75em;
  text-align: left;
  padding-top: 147px;
  background: url(../images/zkumavky.jpg) 100% 0 no-repeat;
  position: relative;
}

div#wrapper {
  float: right;
  width: 685px;
}

div#menu {
  float: left;
  width: 211px;
  padding-top: 18px;
}

div#content {
  float: left;
  width: 448px;
  padding-top: 28px;
}

div#subContent {
  float: right;
  width: 207px;
  padding-top: 50px;
}

div#footer {
  clear: both;
  position: relative;
  font-size: 0.9em;
  color: #838383;
  padding-top: 30px;
  background: url(../images/hr2.gif) 0 10px no-repeat;
}

/*========== [header] ========================================================*/
div#altNav a {
  position: absolute;
  left: -9999px;
}

div#altNav a:focus {
  left: 190px;
  top: 30px;
  display: block;
  padding: 1em 2em;
  background: #fff;
  border: 1px solid #00a898;
  font-size: 1.2em;
}

div#biovendor, div#biovendor span {
  position: absolute;
  top: 25px;
  left: 0;
  width: 163px;
  height: 72px;
  overflow: hidden;
  display: block;
}

div#biovendor span {
  top: 0;
  background: url(../images/laboratorni-medicina.gif) 0 0 no-repeat;
}

div#bread {
  color: #838383;
  font-size: 0.9em;
  position: relative;
  left: -4px;
}

div#bread strong {
  margin: 0 4px 0 5px;
}

div#bread a, div#bread a:link, div#bread :visited {
  color: #838383;
  margin: 0 3px;
  padding: 1px 2px;
}

div#bread a:hover, div#bread a:focus {
  color: #fff;
  background: #00a898;
  text-decoration: none;
}

/*========== [text] ==========================================================*/
h1 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.6em;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px;
}

h3 {
  font-weight: bold;
  margin-bottom: 0.3em;
  text-transform: uppercase;
}

h4 {
  font-weight: bold;
}

h5 {
  font-weight: normal;
  font-style: italic;
  color: #000;
}

p, ul, ol {
  margin-bottom: 1em;
}

/*novinky*/
div.news {
  padding-top: 2.1em;
  position: relative;
  background: url(../images/hr.gif) 0 0.4em no-repeat;
}

div#wrapper div.news h3, div#search h3 {
  font-size: 1.2em;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 0.75em;
}

div.date {
  color: #7accc5;
  right: 0;
  top: 2.25em;
  position: absolute;
}

a.more {
  padding-left: 15px;
  background: url(../images/dot2.gif) 0 4px no-repeat;
  margin-right: 5px;
}

a.more:hover, a.more:focus {
  background-position: -1000px 4px;
}

a.archive, a.archive:link, a.archive:visited {
  color: #7accc5;
  margin-left: 4px;
}

a.archive:hover {
  color: #000;
}

.fade {
  color: #7accc5;
}

.fade2 {
  color: #838383;
}

div#wrapper ul li {
  background: url(../images/dot1.gif) 12px 10px no-repeat;
  padding: 1px 0 1px 25px;
}

ol {
  margin-left: 25px;
}

/* nadpisy */
h2 {
  margin-bottom: 0.6em;
}

h2, h2 span, div#wrapper h2 span, div#wrapper h2 span.in {
  display: block;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

h2 span, div#wrapper h2 span.in {
  position: absolute;
}

div#wrapper h2 {
  font-size: 1.2em;
  font-weight: normal;
  font-style: italic;
  padding: 5px 0 2px 26px;
  background: transparent url(../images/s-green.gif) 0 2px no-repeat;
}

div#wrapper div#kc h2 {
  background: transparent url(../images/s-bila.gif) 0 2px no-repeat;
}

div#wrapper h2.nImg {
  padding: 0 0 2px 26px;
}

/* obrazkove nadpisy */
h2#con {margin-left: 1px;}
h2#con, h2#con span {width: 56px;height: 11px}
h2#con span {background: transparent url(../images/hkontakt.gif) 0 0 no-repeat;}

div#wrapper h2#prod span, div#wrapper h2#prod span.in {width: 145px;height: 14px}
div#wrapper h2#prod span {background: transparent url(../images/hprodukty.gif) 0 0 no-repeat;}

div#wrapper h2#sie span, div#wrapper h2#sie span.in {width: 130px;height: 15px}
div#wrapper h2#sie span {background: transparent url(../images/siemens.gif) 0 0 no-repeat;}

div#wrapper h2#kos span, div#wrapper h2#kos span.in {width: 102px;height: 15px}
div#wrapper h2#kos span {background: transparent url(../images/hkosik.gif) 0 0 no-repeat;}

div#wrapper h2#doc span, div#wrapper h2#doc span.in {width: 159px;height: 14px}
div#wrapper h2#doc span {background: transparent url(../images/hdokumenty.gif) 0 0 no-repeat;}

h2#kchead {margin-left: 10px;}
div#wrapper h2#kchead span, div#wrapper h2#kchead span.in {width: 63px;height: 15px}
div#wrapper h2#kchead span {background: transparent url(../images/hkc.gif) 0 0 no-repeat;}

/* rubrika, clanek */
div.img {
  float: left;
  width: 120px;
  margin: 6px 13px 4px 0;
}

a.lightbox {
  display: block;
  position: relative;
}

a.lightbox span {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 19px;
  height: 19px;
  background: url(../images/zoom.gif) 0 0 no-repeat;
  display: block;
}

a.lightbox:hover span, a.lightbox:focus span {
  background-position: -20px 0;
}

div#wrapper ul.docs {
  padding-top: 4px;
}

div#wrapper ul.docs li {
  padding-left: 25px;
  background: transparent;
}

ul.docs span {
  display: block;
  color: #838383;
  font-size: 0.9em;
}

div#wrapper ul.docs li.pdf {background: url(../images/img-pdf.gif) 0 2px no-repeat;}
div#wrapper ul.docs li.word {background: url(../images/img-doc.gif) 0 2px no-repeat;}

/* prihlaseni */
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}

td {
  padding: 2px 0;
}

td.label {
  width: 120px
}

input.text, textarea {
  width: 211px;
  padding: 2px 3px;
  border: 1px solid #e0e1e3;
}

textarea {
  height: 160px;
}

td.vtop {
  vertical-align: top;
}

input.text:focus, textarea:focus {
  border: 1px solid #444;
}

div.hr hr {
  display: none;
}

div.hr {
  width: 448px;
  height: 7px;
  background: url(../images/hr.gif) 0 0 no-repeat;
  margin: 1em 0 2em;
}

input.sub {
  padding: 3px 4px;
  background: #59c2b7 url(../images/sub.gif) 0 0 repeat-x;
  cursor: pointer;
  color: #fff;
  border: 1px outset #00a999;
}

input.sub:hover, input.sub:focus {
  border: 1px inset  #00a999;
}

/* filter */
table.filter input.text {
  width: 92%;
}

table.filter input.nazev {
  width: 94.5%;
}

table.filter td {
  padding-right: 3px;
}

td.kod {
  width: 100px;
}

td.bb {
  font-weight: bold;
}

select {
  border: 1px solid #e0e1e3;
  padding: 1px 1px 1px 3px;
}

table.filter select {
  width: 100%;
}

table.filter td.sel {
  min-width: 150px;
}

table.filter td.fltr {
  width: 30px;
  text-align: right;
}

table.filter input.sub {
  padding: 1px 4px;
}

table.filter td.fltr {
  padding-right: 0;
}

/* vypis produktu */
table.products th {
  font-weight: normal;
  background: #00a999;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: 3px 0 4px 6px;
}

table.products td {
  background: #d2eded;
  padding: 1px 0 2px 6px;
  border-bottom: 1px solid #fff;
}

table.products tr.s td {
  background: #dbeded;
}

table.products a, table.products a:link, table.products a:visited {
  color: #444;
  display: block;
}

table.products a:hover, table.products a:focus {
  color: #00a999;
}

table.products th a, table.products th a:link, table.products th a:visited {
  color: #fff;
  display: inline;
}

table.products th a:hover, table.products th a:focus {
  color: #000;
}

h3.vypis {
  color: #00a999;
}

table.products thead th a {
  background: url(../images/order.gif) 100% 5px no-repeat;
  padding-right: 22px;
}

table.products thead th a.up {
  background: url(../images/order-vzest.gif) 100% 5px no-repeat;
  padding-right: 22px;
  font-weight: bold;
}

table.products thead th a.down {
  background: url(../images/order-sest.gif) 100% 5px no-repeat;
  padding-right: 22px;
  font-weight: bold;
}

table.products thead th a:hover, table.products thead th a:focus {
  background-position: 100% -1007px !important;
}

div.pager {
  position: relative;
  width: 100%;
}

div.pager2 {
  background: #00a999;
  padding: 3px 0 4px 6px;
  border-bottom: 1px solid #fff;
}

div#main div#content div.pager p {
  color: #fff !important;
}

div.pager2 a, div.pager2 a:link, div.pager2 a:visited {
  color: #fff;
}

div.pager2 a:hover {
  color: #000;
}

div.all {
  position: absolute;
  right: 0;
  top: 0;
}

div.all a {
  background: url(../images/all.gif) 0 4px no-repeat;
  padding-left: 16px;
}

div.all a:hover {
  background-position: -1000px 4px;
}

.rel {position: relative;margin-bottom: 0.6em;}

div.pager p {
  margin-bottom: 0;
  text-align: center;
}

div.pager b {
  color: #000;
}

div.pager div a {
  position: absolute;
  top: 3px;
  width: 13px;
  height: 15px;
  display: block;
  text-indent: -100em;
  overflow: hidden;
}

a.first {background: url(../images/first.gif) 0 0 no-repeat;left: 0;}
a.prev {background: url(../images/prevp.gif) 0 0 no-repeat;left: 18px;}
a.next {background: url(../images/nextp.gif) 0 0 no-repeat;right: 24px;}
a.last {background: url(../images/last.gif) 0 0 no-repeat;right: 6px;}

div.pager div a:hover, div.pager div a:focus {
  background-position: -14px 0;
}

/* dodavatele */
td.ra, th.ra {
  text-align: right;
}

table.dodavatele td {
  padding: 4px 0 5px 0;
  border-bottom: 1px solid #e0e1e3;
}

table.dodavatele div.pager p, div.pager3 p {
  padding-top: 12px;
  font-weight: normal;
  text-align: left;
}

table.dodavatele div.pager a, table.dodavatele div.pager b, div.pager3 a, div.pager3 b {
  white-space: nowrap;
  margin-right: 6px; 
}

table.dodavatele div.pager a, table.dodavatele div.pager a:link, table.dodavatele div.pager a:visited, div.pager3 a, div.pager3 a:link, div.pager3 a:visited {
  color: #838383;
}

table.dodavatele div.pager a:hover, div.pager3 a:hover, table.dodavatele div.pager a:focus, div.pager3 a:focus {
  color: #000;
}

table.dodavatele td a {display: block;}
table.dodavatele td.ra a {display: inline;}

a.vypis, a.vypis:link, a.vypis:visited {
  color: #838383;
  padding-right: 12px;
  background: url(../images/dot4.gif) 100% 3px no-repeat;
}

a.vypis:hover, a.vypis:focus {
  background-position: 100% -997px;
  color: #000;
}

div#search div.left {
  float: left;
  width: 211px;
}

div#search div.right {
  float: right;
  width: 211px;
}

table.objednavky .ra {
  padding-right: 6px
}

table.objednavky thead th {
  font-weight: bold;
  background: #e0e1e3;
  padding: 6px 6px 8px 6px;
  border-bottom: 1px solid #dadada;
}

table.objednavky td {
  padding: 3px 6px 1px;
  background: #f0f0f1;
}

table.o3 td {
  padding: 3px 6px 4px;
  background: #f0f0f1;
  border-bottom: 1px solid #e0e1e3;
}

table.objednavky tr.s td {
  background: #f7f7f8;
}

table.o3 tr.s td {
  padding: 3px 6px 4px;
  background: #f7f7f8;
  border-bottom: 1px solid #e0e1e3;
}

table.objednavky tr.sec td {
  border-bottom: 1px solid #e0e1e3;
  padding: 1px 6px 4px;
}

table.objednavky td.icos {
  width: 73px;
}

div#content td.icos ul {
  margin: 0;
  padding: 0;
  width: 73px;
  height: 15px;
  overflow: hidden;
  position: relative;
}

div#content td.icos ul li {
  background: transparent;
  width: 15px;
  height: 15px;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
}

td.icos ul li.ico1 {left: 0;}
td.icos ul li.ico2 {left: 15px;}
td.icos ul li.ico3 {left: 30px;}
td.icos ul li.ico4 {left: 45px;}
td.icos ul li.ico5 {left: 60px;}

td.icos a {
  display: block;
  width: 15px;
  height: 15px;
  text-indent: -100em;
  overflow: hidden;
  background: url(../images/ico.gif) 0 0 no-repeat;
}

td.icos li.ico1 a {background-position: 0 0;}
td.icos li.ico2 a {background-position: -15px 0;}
td.icos li.ico3 a {background-position: -30px 0;}
td.icos li.ico4 a {background-position: -45px 0;}
td.icos li.ico5 a {background-position: -60px 0;}

td.icos li.ico1 a:hover {background-position: 0 -13px;}
td.icos li.ico2 a:hover {background-position: -15px -13px;}
td.icos li.ico3 a:hover {background-position: -30px -13px;}
td.icos li.ico4 a:hover {background-position: -45px -13px;}
td.icos li.ico5 a:hover {background-position: -60px -13px;}

div.pager3 p {
  text-align: center;
}

.new {color: #444}
.storno {color: #ce0000;font-weight: bold}
.ok {color: #00a824;font-weight: bold}

/*detail objednávky*/
p.rel {
  position: relative;
  width: 100%;
}

.rAbs {
  position: absolute;
  right: 0;
  top: 0;
}

p#obj {
  padding: 4px 6px 6px 6px;
  background: #f0f0f1;
}

p#obj .rAbs {
  top: auto;
  bottom: 6px;
  right: 6px;
}

tr.bb2 td {
  color: #000;
  font-weight: bold;
}

table.o2 td {
  padding: 3px 6px 4px;
  background: #f0f0f1;
}

table.o2 th.ra {
  padding-right: 16px;
}

div#search select {
  width: 120px;
}

table.o2 input.text, table input.short {
  width: 1.8em;
}

table.products td.ra input.sub {
  padding: 1px 4px;
}

table.products td.ra {
  padding-right: 6px;
}

table.products td.ra2 {
  width: 1.6em;
  text-align: right;
}

a.del, a.del:link, a.del:visited {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/del.gif) 0 0 no-repeat;
}

a.del:hover, a.del:focus {
  background-position: -15px 0;
}

table#m0 {
  margin-bottom: 0;
}

ul#map ul {
  margin-bottom: 0;
  padding-top: 3px;
}

ul#map ul a, ul#map ul a:link, ul#map ul a:visited {
  color: #838383;
}

ul#map ul a:hover, ul#map ul a:focus {
  color: #000;
}

div#wrapper ul#map ul li {
  background: url(../images/dot5.gif) 12px 9px no-repeat;
}

/*========== [pravy sloupec] =================================================*/

/* search */
div#scont {
  position: absolute;
  right: 5px;
  top: 169px;
}

div#scont input.txt {
  border: 1px solid #e5e9e9;
  padding: 2px 3px;
  width: 133px;
}

input#search {
  background: #fff;
  color: #000;
  border: 1px outset #e5e9e9;
  padding: 1px 3px;
  cursor: pointer;
}

input#search:focus {
  border: 1px inset;
}

/* seznam produktu */
div#prodx {
  margin-left: 10px;
}

ul#prodList {
  margin-bottom: 1.7em;
}

ul#prodList ul {
  margin-bottom: 0;
}

div#main ul.rp {
  margin-bottom: 1.7em;
}

div#wrapper ul#prodList li, div#wrapper ul.prodList li {
  border-bottom: 1px solid #e0e1e3;
  background: transparent;
  padding-left: 25px;
  position: relative;
}

div#wrapper ul#prodList ul li {
  border: 0 none;
}

ul#prodList a, ul.prodList a {
  display: block;
  padding: 5px 3px 6px 0;
}

ul#prodList a.active {
  font-weight: bold;
}

ul#prodList a.plus {
  display: block;
  position: absolute;
  top: 12px;
  overflow: hidden;
  text-indent: -100em;
  left: 4px;
  padding: 0;
  width: 9px;
  height: 9px;
  background: url(../images/plus.gif) 0 0 no-repeat;
}

ul#prodList a.minus {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: -100em;
  top: 12px;
  left: 4px;
  padding: 0;
  width: 9px;
  height: 9px;
  background: url(../images/minus.gif) 0 0 no-repeat;
}

ul#prodList a:hover, ul#prodList a:focus, ul#prodList a.active, ul.prodList a:hover, ul.prodList a:focus, ul.prodList a.active {
  background-position: -1000px 0;
}

ul#prodList a.plus:hover, ul#prodList a.plus:focus, ul#prodList a.plus:active,
ul#prodList a.minus:hover, ul#prodList a.minus:focus, ul#prodList a.minus:active {
  background-position: -1000px 0;
}

ul#prodList a.active, ul#prodList a.active:link, ul#prodList a.active:visited, ul.prodList a.active, ul.prodList a.active:link, ul.prodList a.active:visited {
  color: #000;
  font-weight: bold;
}

/* klientske centrum */
div#kc {
  background: #00a898;
  color: #fff;
  padding: 10px 10px 4px 10px;
  margin-bottom: 1em;
}

div#wrapper div#kc li {
  padding: 0 8px 0 25px;
  background: url(../images/dot3.gif) 4px 8px no-repeat;
}

div#kc a, div#kc a:link, div#kc a:visited {
  color: #fff;
}

div#kc a:hover, div#kc a:focus {
  color: #000;
}

/*========== [menu] ==========================================================*/

/* hlavni menu */
ul#mm {
  margin-bottom: 24px;
}

ul#mm a {
  display: block;
  border-bottom: 1px solid #e0e1e3;
  padding: 12px 12px 12px 25px;
  text-decoration: underline;
  background: transparent url(../images/s-menu.gif) 0 12px no-repeat;
}

ul#mm a, ul#mm a:link, ul#mm a:visited {
  color: #000;
}

ul#mm a:hover, ul#mm a:focus {
  background-position: -1000px 12px;
  color: #00a898;
}

ul#mm a.active, ul#mm a.active:link, ul#mm a.active:visited, ul#mm a.active:hover {
  background: url(../images/s-menu.gif) -1000px 12px no-repeat;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

/* 2. uroven menu */
ul#mm ul {
  background: #e3f6f4;
  margin-bottom: 0;
}

ul#mm ul a {
  background: transparent;
  padding: 6px 12px 6px 37px;
}

ul#mm ul a.active, ul#mm ul a.active:link, ul#mm ul a.active:visited, ul#mm ul a.active:hover {
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  background: #e3f6f4;
}

ul#mm ul a:hover, ul#mm ul a:focus {
  color: #fff;
  background: #00a898;
}

/*========== [pata] ==========================================================*/
div#footer p {
  margin-bottom: 2em;
}

div#footer p.rp {
  position: absolute;
  right: 0;
  top: 30px;
  text-align: right;
}

div#footer a, div#footer a:link, div#footer a:visited {
  margin: 0 4px 0 5px;
  color: #838383;
}

div#footer a:hover, div#footer a:focus {
  color: #000;
}