/*
 * Zakladni Styl BioVendor News
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #047cbd;
}

a:visited {
  color: #0068a0;
}

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

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff url(../images/top.gif) 0 0 repeat-x;
  color: #333;
  font-size: 1em;
  padding-bottom: 35px;
  line-height: 1.7;
}

div#mainWrap {background: url(../images/back.gif) 50% 0 repeat-y;width: 100%;overflow: hidden;}
div#mainWrap2 {background: url(../images/top2.gif) 50% 0 no-repeat;}
div#mainWrap3 {background: url(../images/foot2.gif) 50% 100% no-repeat;}

table {
  line-height: 1.8;
}

div#main {
  position: relative;
  width: 952px;
  overflow: hidden;
  margin: 0 auto;
  font-size: 0.77em;
  padding-top: 195px;
}

div.content {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 10px;
}

/*========== [header] ========================================================*/
div#logo {
  position: absolute;
  top: 25px;
  left: 74px;
  width: 410px;
  height: 155px;
}

div#logo span {background: url(../images/logo.gif);}
div#logo a:hover span {background-position: 0 -156px;}

div#bv {
  position: absolute;
  top: 20px;
  right: 3px;
  width: 300px;
  text-align: right;
}

div#bv a,
div#bv a:link
div#bv a:hover {
  padding-left: 20px;
  background: url(../images/dot2.gif) 5px 4px no-repeat;
  font-size: 0.89em;
  color: #fff;
}

div#bv p {
  margin-bottom: 6px;
}

div.search input.send {
  width: 53px;
  height: 26px;
  overflow: hidden;
  background: url(../images/search.gif);
}

div.search input.send:hover,
div.search input.send:focus {
  background-position: -54px 0 !important;
}

div.search input.txt {
  width: 200px;
  padding: 4px 2px 5px;
  position: relative;
  top: -9px;
  border: 1px solid #c8cacc;
}

div#bv a:hover {
  color: #c6eaff;
  background-position: 5px -996px;
}

div#menu {
  width: 972px;
  height: 44px;
  position: absolute;
  left: 560px;
  top: 118px;
  background: url(../images/menu.gif);
}

div#menu ul {
  width: 390px;
  height: 44px;
  position: absolute;
  padding: 0;
  left: 0;
  top: 0;
}

div#menu ul li {
  position: absolute;
  top: 0;
  padding: 0;
  background: transparent;
  height: 44px;
}

li#m1 {width: 98px;left: 0px;}
li#m2 {width: 128px;left: 83px;}
li#m3 {width: 98px;left: 194px;}
li#m4 {width: 114px;left: 276px;}

li#m1 span {background: url(../images/menu2.gif) 0px 0;}
li#m2 span {background: url(../images/menu2.gif) -83px 0;}
li#m3 span {background: url(../images/menu2.gif) -194px 0;}
li#m4 span {background: url(../images/menu2.gif) -276px 0;}

li#m1 a:hover span {background-position: 0 -45px;}
li#m2 a:hover span {background-position: -83px -45px;}
li#m3 a:hover span {background-position: -194px -45px;}
li#m4 a:hover span {background-position: -276px -45px;}

/*========== [text] ==========================================================*/
div#intro {
  position: relative;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}

div#intro p {
  color: #777;
  margin: 0 270px 0 0;
  font-size: 1.15em;
  line-height: 1.6;
  padding-bottom: 40px;
}

div.logo {
  position: absolute;
  top: 0;
  right: 57px;
}

h1 {
  color: #000;
  font-size: 2.4em;
  font-weight: bold;
  margin-bottom: 3px;
  position: relative;
  left: -1px;
}

h5 {
  color: #777;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.89em;
}

h3 {
  font-style: italic;
  color: #000;
  margin-bottom: 0.3em;
}

h4 {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 0.3em;
  font-weight: normal;
}

ul li {
  padding-left: 25px;
  background: url(../images/dot.gif) 5px 8px no-repeat;
}

ol li {
  margin-left: 21px;
  padding-left: 4px;
}

dd {
  margin-bottom: 0.6em;
}

dt {
  font-style: italic;
  font-weight: bold;
}

div.img2 {
  padding: 30px 0;
}

div.mText {
  width: 530px;
  float: left;
}

div.mail {
  width: 219px;
  float: right;
}

div.m2 {
  width: 100%;
  float: none;
  margin-bottom: 1.2em;
}

div.m2 input.text {
  width: 300px;
}

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

div.text {
  margin-bottom: 22px;
}

div.mText p, div.mail p {
  margin-bottom: 1.6em;
}

/*
ul.bts {
  height: 30px;
  width: 100%;
  position: relative;
}

ul.bts li {
  position: absolute;
  top: 0;
  height: 30px;
  padding: 0;
  background: transparent;
}

ul.bts li.alone {left: 0!important;}

li#pdf {width: 137px;left: 0px;}
li#pdf2 {width: 103px;left: 143px;}
li#rss {width: 137px;left: 252px;}

li#pdf span {background: url(../images/pdf.gif)}
li#pdf2 span {background: url(../images/pdf2.gif)}
li#rss span {background: url(../images/rss.gif)}

ul.bts li a:hover span {background-position: 0 -31px !important;}
*/

input.text {
  border: 1px solid #c8cacc;
  padding: 5px 2px;
  width: 124px;
  position: relative;
  top: 1px;
  font-size: 1.15em;
}

input.text:focus {
  border: 1px solid #aaa;
}

input.subs {
  padding: 3px 5px 4px; 
}

input.subs:hover, input.subs:focus {background-position: 0 -30px;}

div.clanky {
  border-top: 1px solid #000;
  padding-top: 35px;
  margin-bottom: 35px;
}

h2#imuno-n, h2#anti-n, h2#prot-n {
  width: 200px;
  height: 11px;
  left: -70px;
  margin-bottom: 25px;
}

h2#imuno-n span {background: url(../images/imuno-n.gif) 0 0 no-repeat;}
h2#anti-n span {background: url(../images/anti-n.gif) 0 0 no-repeat;}
h2#prot-n span {background: url(../images/prot-n.gif) 0 0 no-repeat;}

div.clanek {
  width: 380px;
  float: left;
  margin-right: 40px;
}

.l {margin-right: 0 !important;}

div.clanek h3,
div.srch h3 {
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-style: normal;
  border-bottom: 1px solid #e3e3e3;
}

div.clanek h3 a,
div.clanek h3 a:link,
div.clanek h3 a:visited,
div.srch h3 a,
div.srch h3 a:link,
div.srch h3 a:visited {
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

div.date {
  padding-bottom: 4px;
  margin-bottom: 3px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 0.89em;
}

div.date2 {
  margin-bottom: 25px;
  font-size: 0.89em;
  padding-bottom: 25px;
  border-bottom: 1px solid #e3e3e3;
  color: #777;
}

div.souv {
  margin-top: 25px;
  margin-bottom: 10px;
}

div.content div.date a,
div.content div.date a:link,
div.content div.date a:visited {
  color: #333;
  text-decoration: none;
}

div.content div.date2 a,
div.content div.date2 a:link,
div.content div.date2 a:visited {
  color: #777;
}

div.clanek p {
  color: #777;
  margin-bottom: 0.3em;
}

div.cont {
  text-align: right;
  margin-bottom: 1.2em;
}

div.cont a {padding-left: 25px;}

div.content ul.more li,
div.content ul.more2 li {
  padding: 0;
  background: transparent;
}

div.pager {
  padding-bottom: 10px;
}

div.prev {
  float: left;
  position: relative;
  left: -19px;
}

div.next {
  float: right;
  position: relative;
  left: 19px;
}

div.prev a {
  padding-left: 19px;
}

div.next a {
  padding-right: 19px;
}

div.content ul.more a,
div.content ul.more a:link,
div.content ul.more a:visited {
  display: block;
  position: relative;
  padding: 6px 0 1px;
  border-bottom: 1px solid #e3e3e3;
  color: #333;
  text-decoration: none;
  padding-left: 6em;
}

ul.more a span {
  position: absolute;
  color: #777;
  left: 0;
  top: 6px;
}

div.caps {
  margin: 0 0 10px;
}

div.content div.caps h2 {
  padding: 0;
  margin-bottom: 6px;
  background: transparent;
}

div.content div.caps ul li {
  background: transparent;
  border: 0 none;
  padding: 0;
  font-style: italic;
}

div.caps ul a,
div.caps ul a:link,
div.caps ul a:visited,
div.caps ul strong {
  display: block;
  position: relative;
  padding: 6px 0 1px;
  border-bottom: 1px solid #e3e3e3;
  text-decoration: none;
  padding-right: 2em;
}

div.caps ul strong {
  color: #000;
  border-bottom: 1px solid #333;
}

div.caps ul span {
  position: absolute;
  right: 0;
  top: 6px;
  color: #000;
}

div.img3 {
  width: 300px;
  float: right;
  margin: 7px 0 30px 30px;
  font-size: 0.89em; 
}

div.img4,
div.imgLeft {
  float: left;
  margin: 7px 30px 30px 0;
}

div.imgRight {
  float: right;
  margin: 7px 0 30px 30px;
}

div.img3 div.left {
  width: 195px;
}

div.img3 div.left div {
  padding: 7px 10px;
}

div.content table a,
div.content table a:link,
div.content table a:visited {
  color: #000;
}

div.imuno a,
div.imuno a:link,
div.imuno a:visited,
div.imuno div.clanek h3 a:hover,
div.content div.imuno div.date a:hover,
div.content div.imuno div.date2 a:hover,
div.content div.imuno ul.more a:hover,
div.content div.imuno table a:hover,
div.imuno div.caps ul a,
div.imuno div.caps ul a:link,
div.imuno div.caps ul a:visited,
tr.imuno td.name a,
tr.imuno td.name a:link,
tr.imuno td.name a:visited,
div.results div.imuno h3 a:hover {color: #2c3ab2}

div.imuno div.cont a,
div.imuno h2 {background: url(../images/imuno-dot.gif) 0 4px no-repeat;}

div.imuno ul li {
  background: url(../images/imuno-dot2.gif) 5px 8px no-repeat;
}

div.imuno div.prev a {background: url(../images/imuno-prev.gif) 0 3px no-repeat;}
div.imuno div.next a {background: url(../images/imuno-next.gif) 100% 3px no-repeat;}

div.imuno tr.cl1 th, div.imuno tr.cl1 td {
  background: #8c88d9;
  border: 0 none;
}

div.imuno tr.cl2 th, div.imuno tr.cl2 td {
  background: #acaae5;
  border: 0 none;
}

div.imuno tr.cl3 th, div.imuno tr.cl3 td {
  background: #cbc9f1;
  border: 0 none;
}

div.imuno div.img3 {background: #cbc9f1 url(../images/img3.gif) 100% 0 repeat-y;}

div.anti a,
div.anti a:link,
div.anti a:visited,
div.anti div.cont a,
div.anti div.cont a:link,
div.anti div.cont a:visited,
div.anti div.clanek h3 a:hover,
div.content div.anti div.date a:hover,
div.content div.anti div.date2 a:hover,
div.content div.anti ul.more a:hover,
div.content div.anti table a:hover,
div.anti div.caps ul a,
div.anti div.caps ul a:link,
div.anti div.caps ul a:visited,
tr.anti td.name a,
tr.anti td.name a:link,
tr.anti td.name a:visited,
div.results div.anti h3 a:hover {color: #00b8b3}

div.anti div.cont a,
div.anti h2 {background: url(../images/anti-dot.gif) 0 4px no-repeat;}

div.anti ul li {
  background: url(../images/anti-dot2.gif) 5px 8px no-repeat;
}

div.anti div.prev a {background: url(../images/anti-prev.gif) 0 3px no-repeat;}
div.anti div.next a {background: url(../images/anti-next.gif) 100% 3px no-repeat;}

div.anti tr.cl1 th, div.anti tr.cl1 td {
  background: #7ecac8;
  border: 0 none;
}

div.anti tr.cl2 th, div.anti tr.cl2 td {
  background: #ace0df;
  border: 0 none;
}

div.anti tr.cl3 th, div.anti tr.cl3 td {
  background: #ccedec;
  border: 0 none;
}

div.anti div.img3 {background: #ccedec url(../images/img3.gif) 100% 0 repeat-y;}

div.prot a,
div.prot a:link,
div.prot a:visited,
div.prot div.cont a,
div.prot div.cont a:link,
div.prot div.cont a:visited,
div.prot div.clanek h3 a:hover,
div.content div.prot div.date a:hover,
div.content div.prot div.date2 a:hover,
div.content div.prot ul.more a:hover,
div.content div.prot table a:hover,
div.prot div.caps ul a,
div.prot div.caps ul a:link,
div.prot div.caps ul a:visited,
tr.prot td.name a,
tr.prot td.name a:link,
tr.prot td.name a:visited,
div.results div.prot h3 a:hover {color: #00aacb}

div.prot div.cont a,
div.prot h2 {background: url(../images/prot-dot.gif) 0 4px no-repeat;}

div.prot ul li {
  background: url(../images/prot-dot2.gif) 5px 8px no-repeat;
}

div.prot div.prev a {background: url(../images/prot-prev.gif) 0 3px no-repeat;}
div.prot div.next a {background: url(../images/prot-next.gif) 100% 3px no-repeat;}

div.prot tr.cl1 th, div.prot tr.cl1 td {
  background: #86c2ce;
  border: 0 none;
}

div.prot tr.cl2 th, div.prot tr.cl2 td {
  background: #a1d2db;
  border: 0 none;
}

div.prot tr.cl3 th, div.prot tr.cl3 td {
  background: #c7e7ed;
  border: 0 none;
}

div.prot div.img3 {background: #c7e7ed url(../images/img3.gif) 100% 0 repeat-y;}

div.imuno a:hover,
div.prot a:hover,
div.anti a:hover,
tr.imuno td.name a:hover,
tr.prot td.name a:hover,
tr.anti td.name a:hover {
  color: #000;
}

div.content div.caps ul a:hover {
  color: #000;
  border-bottom: 1px solid #bbb; 
}

div.cont a:hover {
  color: #000 !important;
  background-position: -1000px 4px !important;
}

div.prev a:hover {background-position: 0 -997px !important;}
div.next a:hover {background-position: 100% -997px !important;}

div.content div.date a:hover {
  text-decoration: underline;
}

ul.more a:hover {
  border-bottom: 1px solid #bbb;
}

div.fr {
  width: 380px;
  float: right;
  margin: 0 0 30px 30px;
}

div.content table {
  width: 100%;
  color: #000;
}

th {
  padding: 1px 15px 1px 3px;
  width: 115px;
  vertical-align: top;
  border-bottom: 1px solid #e3e3e3;
}

td {
  padding: 1px 3px 1px 0;
  vertical-align: top;
  border-bottom: 1px solid #e3e3e3;
}

table.types th {
  text-transform: uppercase;
  width: auto;
}

table.types td {
  padding: 1px 15px 1px 3px;
}

table.types tr.sc td {background: #f7f7f7;}

div.content table.types a.out {background-position: 100% -997px;}

div.content table.types a.out:hover {
  background-position: 100% 3px;
}


div.img {
  margin-bottom: 1.2em;
}

div.imuno h2,
div.anti h2,
div.prot h2 {
  padding-left: 25px;
  background-position: 0 6px !important;
}

h2 {
  font-size: 1.1em;
  color: #000;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h2.imgr {
  padding: 0 !important;
}

div.imuno h1,
div.anti h1,
div.prot h1 {
  background: url(../images/imuno-h1.gif) -25px 14px no-repeat;
  padding-left: 69px;
  position: relative;
  left: -70px;
}

div.anti h1 {background: url(../images/anti-h1.gif) -25px 14px no-repeat;}
div.prot h1 {background: url(../images/prot-h1.gif) -25px 14px no-repeat;}

.error {
  padding: 7px 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
  background: #c40303;
  color: #fff;
}

div.buy {
  width: 202px;
  height: 30px;
  margin-bottom: 1.2em;
}

div.imuno div.buy span {background: url(../images/imuno-buy.gif);}
div.anti div.buy span {background: url(../images/anti-buy.gif);}
div.prot div.buy span {background: url(../images/prot-buy.gif);}

a.out {
  padding-right: 7px;
}

div.imuno a.out {background: url(../images/imuno-out.gif) 100% 3px no-repeat;}
div.anti a.out {background: url(../images/anti-out.gif) 100% 3px no-repeat;}
div.prot a.out {background: url(../images/prot-out.gif) 100% 3px no-repeat;}

div.content a.out:hover {
  background-position: 100% -997px;
}

div.content div.fr table a.out {
  background-position: 100% -997px;
}

div.content div.fr table a.out:hover {
  background-position: 100% 3px;
}

div.content div.buy a:hover span {background-position: 0 -31px;}

div.content table.prods {
  margin-bottom: 3em;
}

table.prods td, table.prods th {
  padding: 1px 5px;
  border-bottom: 0;
  color: #777;
}

table.prods th {
  border-bottom: 1px solid #e3e3e3;
  padding: 1px 6px 4px;
  color: #fff;
  background: #000;
}

div.content table.prods th a,
div.content table.prods th a:link,
div.content table.prods th a:visited {
  color: #fff;
}

div.content table.prods th a:hover {
  color: #f9ef00;
}

table.prods th a.down {
  padding-right: 13px;
  background: url(../images/down.gif) 100% 5px no-repeat;
}

table.prods th a.down:hover {
  background-position: 100% -995px;
}

table.prods th a.up {
  padding-right: 13px;
  background: url(../images/up.gif) 100% 5px no-repeat;
}

table.prods th a.up:hover {
  background-position: 100% -995px;
}

div.imuno table.prods th {background: #2c3ab2;}
div.anti table.prods th {background: #00b8b3;}
div.prot table.prods th {background: #00aacb;}

table.prods td {
  padding-top: 6px;
}

table.prods tr.ptxt td {
  border-bottom: 1px solid #e3e3e3;
  padding: 1px 5px 10px;
}

table.prods td.name {
  
}

table.prods td.name a {
  text-transform: uppercase;
  font-weight: bold;
}

div.imuno table.prods tr.sc td {background: #f7f7f7;}

a.pdf,
ul.pdf a,
li.pdf a {
  padding-left: 20px;
  background: url(../images/pdf3.gif) 0 1px no-repeat;
}

li.pdf a,
li.pdf a:link,
li.pdf a:visited {
  color: #c40303;
}

a.pdf:hover,
ul.pdf a:hover,
li.pdf a:hover {
  background-position: -1000px 1px;
}

li.rss a,
li.rss a:link,
li.rss a:visited {
  padding-left: 20px;
  color: #e3842b;
  background: url(../images/rss2.gif) 0 2px no-repeat;
}

li.pdf a:hover,
li.rss a:hover {
  color: #000;
}

li.rss a:hover {
  background-position: -1000px 2px;
}

ul.bts {
  width: 100%;
  overflow: hidden;
}

ul.bts li {
  margin-right: 20px;
  padding: 0;
  background: transparent;
  float: left;
}

div.abc {
  margin-bottom: 1.3em;
  color: #777;
  border-top: 1px solid #e3e3e3;
  padding-top: 1.15em;
  font-size: 1.1em;
}

div.abc span,
div.abc a,
div.abc b {
  margin: 0 2px 0 3px;
}

div.abc strong,
div.abc b {
  color: #000;
}

div.abc a {
  font-weight: bold;
}

ul.pdf a,
ul.pdf a:link,
ul.pdf a:visited {
  color: #c40303;
}

ul.pdf a:hover {
  color: #000;
}

ul.pdf li {
  background: transparent;
  padding: 0;
}

div.pdfs div {
  width: 144px;
  margin-right: 20px;
  float: left;
}

div.pdfs {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 26px 0 18px;
  margin: 20px 0 30px;
}

div.results {
  margin-bottom: 30px;
}

div.content div.search {
  margin-bottom: 1.2em;
}

div.content div.results div.srch a,
div.content div.results div.date a,
div.content div.results div.date a:link,
div.content div.results div.date a:visited {
  text-decoration: underline;
}

/*========== [footer] ========================================================*/

div.foot {background: url(../images/f2.gif) 5px 0 repeat-y;}
div.foot2 {background: url(../images/f1.gif) 5px 0 no-repeat;padding-top: 35px;}
div.foot3 {background: url(../images/foot.gif) 0 100% no-repeat;padding-bottom: 80px;}

div.foot3 div.content {
  background: url(../images/f3.gif) 581px 0 repeat-y;
  position: relative;
}

h2#rt-n {
  width: 205px;
  height: 11px;
  left: -70px;
  margin-bottom: 15px;
}

h2#rt-n span {background: url(../images/research.gif)}

div.rt {
  width: 561px;
  float: left;
}

div.contact {
  width: 200px;
  float: right;
}

ul.more2 a,
ul.more2 a:link,
ul.more2 a:visited {
  display: block;
  padding: 6px 0 1px;
  border-bottom: 1px solid #e3e3e3;
  color: #047cbd;
  text-decoration: none;
}

ul.more2 a:hover {
  color: #000;
  border-bottom: 1px solid #777;
}

div.rt ul.more2 {
  width: 260px;
  margin-right: 40px;
  float: left;
}

h2#arch-n {
  width: 75px;
  height: 11px;
  margin-bottom: 15px;
}

h2#arch-n span {background: url(../images/archives.gif)}

h2#contact-n {
  width: 91px;
  height: 11px;
  margin: 30px 0 15px;
}

h2#contact-n span {background: url(../images/contact.gif)}

div.contact p strong {
  font-size: 0.89em;
  margin-bottom: 6px;
  display: block;
}

div#footer {
  position: absolute;
  bottom: -80px;
  left: 0;
  height: 44px;
  background: url(../images/foot2.gif);
  font-size: 0.89em;
}

div#footer p {
  position: absolute;
  top: 12px;
  left: 0;
  width: 280px;
  color: #000;
}

div#footer a {
  color: #000;
}

div#footer a:hover {
  color: #047cbd;
}

div#footer i {
  margin: 0 5px 0 3px;
}

div#footer p span {
  margin-right: 3px;
}

div#jump {
  position: absolute;
  left: 301px;
  width: 200px;
  top: 12px;
}

div#jump a {
  padding-left: 20px;
  background: url(../images/dot3.gif) 0 4px no-repeat;
}

div#jump a:hover {
  background-position: -1000px 4px;
}

.figure {
	font-size:0.77em;
	text-align:center;
	padding:10px;
	
}

.figure img {
	margin:0 auto;
}