/*
 * Základní Styl BV - rozcestník
 * Autor: Jan Řezáč - Filosof
 *
 */

@import url("initial.css");

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

a:visited {
  color: #0c7c96;
}

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

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

div#mainWrap {
  padding: 0 25px;
}

div#main {
  width: 950px;
  margin: 0 auto;
  font-size: 0.75em;
  text-align: left;
  position: relative;
  padding-top: 190px;
  background: #fff;
  color: #232020;
}

div.divize {
  width: 300px;
  float: left;
  margin-right: 25px;
}

div#last {
  margin: 0;
}

/*========== [header] ========================================================*/
div#menu {
  width: 408px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(../images/arrow.gif) 0 0 no-repeat;
}

div#menu ul {
  margin: 6px 0 0 20px;
}

div#menu li {
  float: left;
}

div#menu a, div#menu a:link, div#menu a:visited {
  float: left;
  color: #000;
  display: block;
  padding: 0 22px 5px;
  background: url(../images/dot1.gif) 100% 0 no-repeat;
}

div#menu li.en a, div#menu li.en a:link, div#menu li.en a:visited {
  color: #6e6e6e;
}

div#main div#menu a:hover {
  color: #00a4ca;
}

div#main div#menu a.active, div#main div#menu a.active:link, div#main div#menu a.active:visited, div#main div#menu a.active:hover {
  color: #000;
  cursor: default;
  text-decoration: none;
}

div#flashbanner {
  width: 630px;
  height: 92px;
  position: absolute;
  top: 60px;
  right: 0;
  color: #000000;
  
}

/*========== [text] ==========================================================*/
div#header h1, div#header h1 span, div#logo, div#logo span {
  display: block;
  position: absolute;
  top: 39px;
  left: 0;
  width: 203px;
  height: 89px;
  overflow: hidden;
  font-size: 1.4em;
}

div#header h1 span, div#logo span {
  top: 0;
  background: url(../images/logo.gif) 0 0 no-repeat;
}

div.div, div.div a {
  width: 300px;
  display: block;
  text-decoration: none;
  height: 224px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

div.div a {
  margin: 0;
}

div#lm {background: url(../images/laboratorni-medicina.gif) 0 0 no-repeat;}
div#kp {background: url(../images/klinicke-produkty.gif) 0 0 no-repeat;}
div#rd {background: url(../images/rdn-products.gif) 0 0 no-repeat;}

div.div span, div.div i {
  display: block;
  width: 300px;
  height: 89px;
  overflow: hidden;
  position: absolute;
  top: 36px;
  left: 0;
}

div.div i {top: 0;}

div#lm i {background: url(../images/img1.jpg) 0 0 no-repeat;}
div#kp i {background: url(../images/img2.jpg) 0 0 no-repeat;}
div#rd i {background: url(../images/img3.jpg) 0 0 no-repeat;}

div.div a:hover i {
  background-position: 0 -90px !important;
}

div#content p {
  margin-bottom: 30px;
}

h3.nhead, h3.nhead span {
  width: 300px;
  height: 16px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-bottom: 15px;
}

h3.nhead span {
  position: absolute;
  margin: 0;
}

h3#nlm span {background: url(../images/news-lm.gif) 0 0 no-repeat;}
h3#nkp span {background: url(../images/news-kp.gif) 0 0 no-repeat;}
h3#nrp span {background: url(../images/news-rdn.gif) 0 0 no-repeat;}

/*odkazy*/
ul.linx {
  border-top: 1px solid #e0e1e3;
  margin-bottom: 28px;
}

ul.linx a, ul.linx a:link, ul.linx a:visited {
  display: block;
  padding: 8px 37px 9px 95px;
  position: relative;
  color: #6e6e6e;
  text-decoration: none;
  background: url(../images/dot4.gif) 95% 9px no-repeat;
  border-bottom: 1px solid #e0e1e3;
}

div#mfoot ul.linx a, div#mfoot ul.linx a:link, div#mfoot ul.linx a:visited {
  background: url(../images/dot6.gif) 95% 9px no-repeat;
}

ul.linx a i {
  position: absolute;
  left: 13px;
  top: 8px;
  font-style: normal;
  width: 80px;
}

ul.linx a b {
  font-weight: normal;
  color: #000;
  text-decoration: underline;
}

ul.linx a:hover, div#mfoot ul.linx a:hover {
  background-position: 95% -991px;
}

ul.linx a:hover b {
  color: #00a4ca;
}

.ra {
  text-align: right;
}

a.more {
  padding-left: 28px;
  background: url(../images/dot3.gif) 0 3px no-repeat;
}

div#mfoot a.more {
  background: url(../images/dot5.gif) 0 3px no-repeat;
}

a.more:hover, div#mfoot a.more:hover {
  background-position: -1000px 3px;
}

div#text {
  width: 625px;
  float: left;
  margin-right: 25px;
}

div#content h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  color: #000;
  margin-bottom: 12px;
}

div#content h1.arch {
  margin-bottom: -4px;
} 

div#content h2 {
  font-size: 1.2em;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 8px;
}

div#main div#text p {
  margin-bottom: 1.6em;
}

h3#bvnews2, h3#bvnews2 span {
  overflow: hidden;
  top: 0;
  left: 0;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px 13px;
  width: 141px;
  height: 13px;
}

h3#bvnews2 span {
  position: absolute;
  margin: 0;
  background: url(../images/bv-aktualne2.gif) 0 0 no-repeat;
}

div.btop {
  background: #ecedee url(../images/back-top.gif) 0 0 repeat-x;
  padding-top: 25px !important;
  margin-top: 5px !important;
}

dl {
  padding-top: 11px;
  position: relative;
  margin-bottom: 1.6em;
}

dt {
  width: 210px;
  border-top: 1px solid #232020;
  font-size: 2.2em;
  position: absolute;
  left: 0;
}

dd {
  margin-left: 210px;
}

dd ul.linx {
  border-top: 1px solid #232020;
  margin-bottom: 0;
}

dd ul.linx a.last {
  border: 0 none;
}

ul#linxlm, ul#linxkp {
  margin-bottom: 45px;
}

ul.c {
  margin-bottom: 1.6em;
}

/*kontakty*/
table {
  margin-bottom: 1.6em;
  width: 100%;
}

td, th {
  border-bottom: 1px solid #e0e1e3;
  padding: 2px 8px;
  width: 23%;
  vertical-align: top;
}

th {
  border-bottom: 1px solid #000;
}

tr.s td {
  background: #eee;
}

.phone {
  text-align: right;
}

div.img {
  margin-bottom: 25px;
}

/*========== [footer] ========================================================*/
div#news {
  width: 950px;
  font-size: 0.75em;
  text-align: left;
  position: relative;
  color: #232020;
  margin: 0 auto;
  padding: 24px 0 10px;
}

div#mfoot {
  background: url(../images/back-top.gif) 0 0 repeat-x;
}

div#mfoot3 {
  background: #ecedee url(../images/back.gif) 50% 0 repeat-y;
}

div#mfoot2 {
  background: url(../images/back-bot.gif) 0 100% repeat-x;
  padding: 0 25px;
}

div#newsWrap {
  width: 625px;
  float: right;
}

div#contact {
  width: 300px;
  float: left;
  padding-bottom: 1.8em;
}

div#news h3, div#news h3 span {
  overflow: hidden;
  top: 0;
  left: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

div#news h3 span {
  position: absolute;
  margin: 0;
}

h3#bvnews, h3#bvnews span {width: 141px;height: 13px;}
h3#bvnews span {background: url(../images/bv-aktualne.gif) 0 0 no-repeat;}

div#news div#contact h3, div#contact h3 span {width: 56px;height: 11px;margin-bottom: 17px;}
div#contact h3 span {background: url(../images/kontakt.gif) 0 0 no-repeat;}

div#moreNews h3, div#moreNews h3 span {width: 106px;height: 15px;}
div#moreNews h3 span {background: url(../images/dalsi-aktuality.gif) 0 0 no-repeat;}

div#newsWrap div.ra {
  margin-bottom: 20px;
}

div#newsWrap h4 {
  font-weight: normal;
}

div.date {
  color: #6e6e6e;
}

div#moreNews div {
  width: 300px;
}

div.rarch {
  float: right;
}

div.larch {
  float: left;
}

div#foot {
  margin-top: 25px;
  padding: 0 25px;
}

div#foot p {
  width: 950px;
  margin: 0 auto;
  font-size: 0.75em;
  text-align: left;
  position: relative;
  color: #232020;
  padding-bottom: 30px;
}

div#foot p span {
  position: absolute;
  top: 0;
  right: -3px;
}

div#foot a, div#foot a:link, div#foot a:visited {
  color: #232020;
  margin: 0 3px;
}

div#foot a:hover {
  color: #00a4ca;
}

div#foot a.active, div#foot a.active:link, div#foot a.active:visited, div#foot a.active:hover {
  color: #232020;
  text-decoration: none;
  font-weight: bold;
  cursor: default;
}

div.eu p,
div.eu ol {
  margin-bottom: 14px;
}

div.eu ol {
  margin-left: 30px;
}

div.eu h2 {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 11px;
  font-weight: normal;
}