/*
 * Zakladni Styl Traumacel
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

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

a:visited {
  color: #d20000;
}

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

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff url(../tpl_images/top.png) 50% 0 repeat-x;
  color: #444;
  font-size: 1em;
  line-height: 1.8;
}

div#mainWrap {
  padding-bottom: 32px;
  background: url(../tpl_images/bot2.png) 50% 100% repeat-x;
}

table {
  line-height: 1.8;
}

div#main {
  position: relative;
  width: 956px;
  text-align: left;
  margin: 0 auto;
  font-size: 0.77em;
}

div#header {
  height: 216px;
}

div#logo {
  width: 650px;
  height: 51px;
  left: 17px;
  top: 63px;
  position: absolute;
}

div#logo span {background: #fff url(../tpl_images/logo.gif);}

div#altNav a {
  position: absolute;
  left: -9999px;
}

div#altNav a:active, div#altNav a:focus {
  padding: 0.2em 1em 0.4em;
  background: #ef0000;
  top: 0;
  left: 8px;
  display: block;
  color: #fff;
  outline-style: none !important;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

/*========== [menu] ==========================================================*/
div#menu {
  width: 951px;
  height: 45px;
  position: absolute;
  top: 157px;
  left: 5px;
  background: url(../tpl_images/menu.gif);
}

div#menu ul {
  position: absolute;
  width: 685px;
  height: 45px;
  top: 0;
  left: 0;
}

div#menu li {
  height: 45px;
  position: absolute;
  top: 0;
}

div#menu a,
div#menu a:link,
div#menu a:visited {
  font-weight: bold;
  text-transform: uppercase;
}

li#m1 {left: 0;width: 129px;}
li#m2 {left: 129px;width: 95px;}
li#m3 {left: 224px;width: 92px;}
li#m4 {left: 316px;width: 69px;}
li#m5 {left: 385px;width: 155px;}
li#m6 {left: 540px;width: 54px;}
li#m7 {left: 594px;width: 91px;}

li#m1 span {background: url(../tpl_images/menu.gif) 0 0;}
li#m2 span {background: url(../tpl_images/menu.gif) -129px 0;}
li#m3 span {background: url(../tpl_images/menu.gif) -224px 0;}
li#m4 span {background: url(../tpl_images/menu.gif) -316px 0;}
li#m5 span {background: url(../tpl_images/menu.gif) -385px 0;}
li#m6 span {background: url(../tpl_images/menu.gif) -540px 0;}
li#m7 span {background: url(../tpl_images/menu.gif) -594px 0;}

li#m1 a:hover span {background-position: 0 -92px;}
li#m2 a:hover span {background-position: -129px -92px;}
li#m3 a:hover span {background-position: -224px -92px;}
li#m4 a:hover span {background-position: -316px -92px;}
li#m5 a:hover span {background-position: -385px -92px;}
li#m6 a:hover span {background-position: -540px -92px;}
li#m7 a:hover span {background-position: -594px -92px;}

li#m1 a.active span {background: url(../tpl_images/menu.gif) 0 -46px !important;}
li#m2 a.active span {background: url(../tpl_images/menu.gif) -129px -46px !important;}
li#m3 a.active span {background: url(../tpl_images/menu.gif) -224px -46px !important;}
li#m4 a.active span {background: url(../tpl_images/menu.gif) -316px -46px !important;}
li#m5 a.active span {background: url(../tpl_images/menu.gif) -385px -46px !important;}
li#m6 a.active span {background: url(../tpl_images/menu.gif) -540px -46px !important;}
li#m7 a.active span {background: url(../tpl_images/menu.gif) -594px -46px !important;}

div#menu i {
  display: block;
  width: 8px;
  height: 4px;
  position: absolute;
  top: 36px;
  left: 50%;
  overflow: hidden;
  background: url(../tpl_images/active.gif);
}

div#bread {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 8px;
  position: absolute;
  width: 940px;
  top: 203px;
  left: 8px;
  background: #f8f8f8 url(../tpl_images/brb.gif) 0 0 repeat-x;
}

div#bread p {
  font-size: 0.89em;
  padding: 0 16px;
  margin: 0;
  color: #777;
}

div#bread a,
div#bread a:link,
div#bread a:visited {
  color: #777;
  margin-right: 7px;
  padding-right: 14px;
  background: url(../tpl_images/bread.gif) 100% 3px no-repeat;
}

div#bread a:hover {
  color: #ef0000;
}

div#bread span {
  margin-right: 6px;
}

#br div#content {
  padding-top: 3em;
}

div#search {
  position: absolute;
  width: 228px;
  right: 25px;
  top: 6px;
}

input.send {
  width: 70px;
  height: 22px;
  background: url(../tpl_images/vyhledat.gif) 0 0;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

input.send:hover, input.send:focus {
  background-position: 0 -23px;
}

div#search2 input.send {
  position: static;
}

div#search input.txt {
  background: #fff;
  border: 0 none;
  padding: 3px 2px;
  width: 149px;
}

div#search2 input.text {
  position: relative;
  top: -7px;
}

div.srch h2 {
  color: #444;
  margin: 0.8em 0 1.2em;
}

div.srch h3 {
  margin-bottom: 0;
}

div#lang {
  position: absolute;
  right: 0;
  top: 0;
  width: 256px;
  height: 31px;
}

div#lang li {
  position: absolute;
  top: 0;
  height: 31px;
}

li#l1 {left: 3px;width: 71px;}
li#l2 {left: 74px;width: 84px;}
li#l3 {left: 157px;width: 94px;}

li#l1 span {background: url(../tpl_images/lang.png) -3px 0;}
li#l2 span {background: url(../tpl_images/lang.png) -74px 0;}
li#l3 span {background: url(../tpl_images/lang.png) -157px 0;}

li#l1 a:hover span {background-position: -3px -64px;}
li#l2 a:hover span {background-position: -74px -64px;}
li#l3 a:hover span {background-position: -157px -64px;}

li#l1 a.active span {background-position: -3px -32px !important;}
li#l2 a.active span {background-position: -74px -32px !important;}
li#l3 a.active span {background-position: -157px -32px !important;}

div#cart {
  position: absolute;
  top: 54px;
  color: #666;
  right: 8px;
  width: 245px;
}

div#cart div {
  padding-right: 56px;
  background: url(../tpl_images/cart.gif) 95% 4px no-repeat;
}

div#cart a,
div#cart a:link,
div#cart a:visited {
  color: #666;
}

div#cart a:hover {
  color: #000;
}

div#cart p {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 13px;
}

div#cart ul {
  position: relative;
  width: 189px;
  height: 22px;
  overflow: hidden;
}

div#cart li {
  position: absolute;
  top: 0;
  height: 22px;
}

li.reg {
  width: 80px;
  left: 0;
}

li.log {
  width: 106px;
  left: 83px;
}

li.reg span {background: url(../tpl_images/rl.gif);}
li.log span {background: url(../tpl_images/rl.gif) -83px 0;}

li.reg a:hover span {background-position: 0 -23px;}
li.log a:hover span {background-position: -83px -23px;}

/*========== [content] =======================================================*/
div#line {
  width: 940px;
  height: 64px;
  margin-left: 8px;
  background: url(../tpl_images/line.gif);
  position: relative;
  top: -12px;
  margin-bottom: 1.2em;
}

div#line li {
  position: absolute;
  top: 0;
  width: 173px;
  height: 64px;
}

li#k1 {left: 0px;}
li#k2 {left: 246px;}
li#k3 {left: 497px;}
li#k4 {left: 746px;}

li#k1 span {background: url(../tpl_images/line.gif) 0px 0px;}
li#k2 span {background: url(../tpl_images/line.gif) -246px 0px;}
li#k3 span {background: url(../tpl_images/line.gif) -497px 0px;}
li#k4 span {background: url(../tpl_images/line.gif) -746px 0px;}

li#k1 strong span {background-position: 0px -65px;}
li#k2 strong span {background-position: -246px -65px;}
li#k3 strong span {background-position: -497px -65px;}
li#k4 strong span {background-position: -746px -65px;}

li#k1 a span {background-position: 0px -130px;}
li#k2 a span {background-position: -246px -130px;}
li#k3 a span {background-position: -497px -130px;}
li#k4 a span {background-position: -746px -130px;}

li#k1 a:hover span {background-position: 0px -195px;}
li#k2 a:hover span {background-position: -246px -195px;}
li#k3 a:hover span {background-position: -497px -195px;}
li#k4 a:hover span {background-position: -746px -195px;}

div#content {
  padding: 0 23px;
  margin-bottom: 25px;
}

div#main div.c3 {
  margin-bottom: 0;
}

div#main div.c2 {
  padding-right: 9px;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #ef0000;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 15px;
}

h2 {
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #ef0000;
  margin-bottom: 8px;
}

h2.h2 {
  margin-bottom: 5px;
}

h2.h2 a {
  text-decoration: none;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #ef0000;
  margin-bottom: 1em;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  color: #ef0000;
  margin-bottom: 1.1em;
}

h1#head1 {
  width: 280px;
  height: 18px;
  margin-bottom: 19px;
}

h1#head1 span {background: url(../tpl_images/nadpis.gif);}

div.text {
  width: 641px;
  float: left;
}

div.text2 {
  width: 596px;
  float: right;
}

div.col {
  float: right;
  width: 230px;
}

div.col h2 {
  color: #444;
}

div.wrp {
  background: url(../tpl_images/div.gif) 665px 0 repeat-y;
}

div#intro {
  padding-right: 248px;
  position: relative;
  background: url(../tpl_images/schema.png) 100% 0 no-repeat;
  min-height: 401px;
}

p, div#content ul, ol, dl, table {
  margin-bottom: 1.2em;
}

div#content ul li {
  padding-left: 19px;
  background: url(../tpl_images/dot.gif) 0 6px no-repeat;
}

ol li {
  margin-left: 18px;
}

dt {
  color: #ef0000;
}

dd, div.ref li {
  margin: 0 0 0.6em;
}

div.faq dt {
  background: url(../tpl_images/dot2.gif) -1000px 7px no-repeat;
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
  color: #333;
  padding-left: 19px;
}

div.faq h2 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0;
  margin-bottom: 1em;
}

div.faq dt:hover {
  background-position: 0 7px;
  color: #ef0000;
}

div.faq dd {
  padding-left: 19px;
}

div#content div#intro ul.domtabs li {
  position: absolute;
  left: auto;
  padding: 0;
  background: transparent;
  text-indent: -100em;
}

li#s1 {
  top: 0;
  right: 0;
  width: 200px;
  height: 118px;
}

li#s2 {
  top: 118px;
  right: 0;
  width: 229px;
  height: 106px;
}

li#s3 {
  top: 224px;
  right: 76px;
  width: 193px;
  height: 141px;
}

li#s4 {
  top: 273px;
  right: 269px;
  width: 154px;
  height: 126px;
}

li#s1 span {background: url(../tpl_images/schema.png) -223px 0 no-repeat;}
li#s2 span {background: url(../tpl_images/schema.png) -194px -118px no-repeat;}
li#s3 span {background: url(../tpl_images/schema.png) -154px -224px no-repeat;}
li#s4 span {background: url(../tpl_images/schema.png) 0 -273px no-repeat;}

li#s1 a:hover span {background: url(../tpl_images/schema2.png) -223px 0 no-repeat;}
li#s2 a:hover span {background: url(../tpl_images/schema2.png) -194px -118px no-repeat;}
li#s3 a:hover span {background: url(../tpl_images/schema2.png) -154px -224px no-repeat;}
li#s4 a:hover span {background: url(../tpl_images/schema2.png) 0 -273px no-repeat;}

li#s1.active span {background: url(../tpl_images/schema3.png) -223px 0 no-repeat !important;}
li#s2.active span {background: url(../tpl_images/schema3.png) -194px -118px no-repeat !important;}
li#s3.active span {background: url(../tpl_images/schema3.png) -154px -224px no-repeat !important;}
li#s4.active span {background: url(../tpl_images/schema3.png) 0 -273px no-repeat !important;}

ul.sm {
  border-top: 1px solid #e5e5e5;
}

div#content ul.more li,
div#content ul.sm li,
div#content ul.anim li {
  padding: 0;
  background: transparent;
}

ul.sm li {
  border-bottom: 1px solid #e5e5e5;
}

ul.more a,
ul.sm a {
  padding-left: 19px;
  background: url(../tpl_images/dot.gif) 0 4px no-repeat;
}

ul.sm a,
ul.sm a:link,
ul.sm a:visited {
  display: block;
  background-position: -1000px 10px;
  padding: 3px 0 5px 19px;
  color: #444;
}

ul.sm a:hover {
  background-position: 0 10px;
  color: #ef0000;
}

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

div.col h2.imgr {
  margin-bottom: 6px;
}

div.col p {
  margin-bottom: 12px;
}

h2#h-hoj {
  width: 147px;
  height: 15px;
}

h2#h-hoj span {
  background: url(../tpl_images/n-hojeni.gif);
}

h2#h-hem {
  width: 180px;
  height: 15px;
}

h2#h-hem span {
  background: url(../tpl_images/n-hemo.gif);
}

div.mech {
  margin-bottom: 2em;
  width: 190px;
  height: 22px;
}

div.mech span {
  background: url(../tpl_images/n-mech.gif);
}

div.mech a:hover span {
  background-position: 0 -23px !important;
}

div.col h2.imgr a:hover span {
  background-position: 0 -16px !important;
}

div.news {
  padding: 0 23px 0 23px;
  margin-bottom: 35px;
  background: #fff url(../tpl_images/div2.gif) 24px 0 repeat-y;
}

div.sel {
  margin: 20px 23px 1.3em 23px;
  font-size: 1.2em;
  padding-bottom: 1.3em;
  border-bottom: 1px solid #e5e5e5;
}

div.sel label {
  display: inline !important;
  font-weight: bold;
  color: #ef0000;
  margin-right: 3px;
}

div.postupy {
  background: url(../tpl_images/div2.gif) 0 0 repeat-y;
}

div.info {
  margin: 0 23px;
}

div.n1, div.postup {
  float: left;
  width: 286px;
  margin-right: 26px;
}

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

div.pr {
  float: left;
  width: 440px;
}

div.col div.pr {
  width: 100%;
  float: none;
}

.mBot {
  margin-bottom: 10px !important;
}

div.pr2 {
  float: right;
}

div.n2 {
  float: right;
  margin: 0;
}

div.pr4 {
  float: left;
  width: 290px;
  margin-right: 20px;
}

div.pr5 {
  margin-right: 0;
}

div.nimg, div.pimg {
  float: right;
  margin: 5px 0 5px 10px;
}

div.mimg2 {
  float: right;
  margin: 2px 0 15px 15px;
}

div.imgx {
  margin-bottom: 23px;
}

sup, sub {
  font-size: 0.77em;
}

table {
  margin-left: 1px;
}

td, th {
  border: 1px solid #e5e5e5;
  padding: 1px 6px;  
}

th {
  color: #ef0000;
  border: 1px solid #e5e5e5;
}

div.colr {
  position: relative;
  top: -6px;
}

div.n1 p {
  margin-bottom: 12px;
}

div.n1 h3, div.lr h3 {
  margin: 0;
}

div.n1 h3 a,
div.n1 h3 a:link,
div.n1 h3 a:visited,
div.prod1 h3 a,
div.prod1 h3 a:link,
div.prod1 h3 a:visited,
div.prods h3 a,
div.prods h3 a:link,
div.prods h3 a:visited,
div.col h3 a,
div.col h3 a:link,
div.col h3 a:visited {
  text-transform: uppercase;
  padding-left: 19px;
  background: url(../tpl_images/dot.gif) 0 3px no-repeat;
  text-decoration: none;
}

div.n1 h3 a:hover,
div.prod1 h3 a:hover,
div.prods h3 a:hover,
div.col h3 a:hover {
  background-position: -1000px 3px;
}

div.n1 div.date {
  color: #999;
  font-size: 0.89em;
  margin-right: 90px;
  position: relative;
  top: -2px;
  padding-top: 4px;
  margin-bottom: 2px;
}

div.cont {
  width: 41px;
  height: 22px;
}

div.cont span {
  background: url(../tpl_images/vice.gif);
}

div.spager {
  position: relative;
  text-align: center;
  width: 100%;
}

div.spager p a,
div.spager p b {
  margin: 0 3px;
}

div.prev {
  width: 87px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

div.prev span {
  background: url(../tpl_images/prev.gif);
}

div.next {
  width: 94px;
  height: 22px;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
}

div.next span {
  background: url(../tpl_images/next.gif);
}

div.cont a:hover span,
div.next a:hover span,
div.prev a:hover span {
  background-position: 0 -23px;
}

/* produkty */
div.prod1 {
  background: #f8f8f8 url(../tpl_images/p2.gif) 0 0 repeat-y;
  margin: 0 0 16px 5px;
  width: 951px;
  overflow: hidden;
}

div.prod2 {background: url(../tpl_images/p1.gif) 0 0 no-repeat;}
div.prod3 {background: url(../tpl_images/p3.gif) 0 100% no-repeat;padding: 13px 18px 1px;}
div.prod4, div.prods {background: url(../tpl_images/div.gif) 457px 0 repeat-y;margin-bottom: 22px;}

div.domtab div.prod4 {background: transparent;}

div.prods2 {background: transparent;margin: 0;}

div.pimg {
  position: relative;
  right: -8px;
}

div.col div.pimg {
  right: 0;
}

div.pr h3 {
  margin-bottom: 6px;
}

div.prod1 h3 a,
div.prod1 h3 a:link,
div.prod1 h3 a:visited,
div.col h3 a,
div.col h3 a:link,
div.col h3 a:visited {
  background: url(../tpl_images/dot.gif) -1000px 3px no-repeat;
  color: #444;
}

div.prod1 h3 a:hover,
div.col h3 a:hover {
  background-position: 0 3px;
  color: #ef0000;
}

div.pr p {
  margin-bottom: 13px;
}

div.pr h5 {
  font-weight: bold;
  color: #444;
  font-style: italic;
  margin-bottom: 6px;
}

div.pr div.ind {
  margin-bottom: 7px;
  font-variant: small-caps;
  text-transform: lowercase;
  color: #000;
}

div.pr div.ind b {
  font-weight: normal;
}

input.koupit {
  width: 87px;
  height: 22px;
  background: url(../tpl_images/kosik.gif) 0 -23px;
  overflow: hidden;
}

input.koupit:hover, input.koupit:focus {
  background-position: 0 0;
}

div.katalog input.koupit {
  background: url(../tpl_images/kosik3.gif) 0 -23px !important;
}

div.prods input.koupit, 
div.dokos input.koupit {background-position: 0 0;}

div.katalog input.koupit:hover,
div.katalog input.koupit:focus {
  background-position: 0 0 !important;
}

div.prods input.koupit:hover, 
div.prods input.koupit:focus,
div.dokos input.koupit:hover,
div.dokos input.koupit:focus {background-position: 0 -23px;}

div.cont2 {
  width: 102px;
  height: 22px;
}

div.cont2 span {
  background: url(../tpl_images/vice2.gif) 0 -23px;
}

div.cont2 a:hover span {
  background-position: 0 0;
}

div.allp {
  width: 123px;
  height: 22px;
  margin-right: 8px;
}

div.allp span {
  background: url(../tpl_images/vsechny.gif) 0 -23px;
}

div.allp a:hover span {
  background-position: 0 0;
}

#homeprod div.cont2 span,
div.katalog div.cont2 span {
  background: url(../tpl_images/vice3.gif) 0 -23px !important;
}

#homeprod div.cont2 a:hover span,
div.katalog div.cont2 a:hover span {
  background-position: 0 0 !important;
}

div.prods div.cont2 span {background-position: 0 0;}
div.prods div.cont2 a:hover span {background-position: 0 -23px;}

input.text, textarea, select {
  border: 1px solid  #ddd;
  padding: 3px 2px 4px;
  width: 220px;
}

textarea {
  width: 340px;
  height: 150px;
}

div.add input.text {
  width: 2.4em;
  position: relative;
  top: -7px;
}

div.pr div.add {
  padding-top: 1px;
}

div.pr div.cont2 {
  margin-top: 1px;
}

div.pr3 div.pr, .bb, .intro, .step, .act {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px;
}

div.pr3 div.pr {
  margin-bottom: 12px !important;
  padding-bottom: 16px;
}

div.pra2 {
  padding-bottom: 12px;
}

div.pr3 div.pr {
  margin-bottom: 0;
}

div.intro, .step {
  margin-bottom: 24px;
}

div.in2 {
  padding-bottom: 24px;
  margin-bottom: 18px;
}

div.step {
  padding-left: 4em;
  position: relative;
}

div.st {
  color: #e5e5e5;
  font-weight: bold;
  font-size: 3em;
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1.0;
}

div.lstep {
  border: 0 none;
}

div.photos {
  padding-top: 5px;
}

div.photos div {
  margin-bottom: 1.6em;
}

div.mimg {
  float: right;
}

h6 {
  color: #777;
  font-variant: small-caps;
  margin-bottom: 4px;
  position: relative;
  font-size: 0.83em;
  top: -8px;
  text-transform: uppercase;
  font-weight: normal;
}

div.prods2 table {
  width: 100%;
  margin-bottom: 0;
}

table.kosik {
  width: 100%;
}

table.kosik td {
  vertical-align: middle;
}

table.vlast th, table.vlast td {
  padding: 3px 10px 3px 0;
  font-weight: normal;
  vertical-align: top;
  border: 0 none;
  border-bottom: 1px solid #e5e5e5;
}

table.vlast th {
  color: #777;
  padding-right: 20px;
}

table.kosik input.text {
  width: 2.4em;
  border: 1px solid  #e5e5e5;
  padding: 3px 2px 4px;
  position: relative;
  top: -3px;
}

table.kosik input.koupit {
  position: relative;
  top: 4px;
}

table.kosik th, table.kosik td {
  padding: 0 10px 0 0;
  border: 0 none;
  border-bottom: 1px solid #e5e5e5;
}

table.kosik th {
  padding-bottom: 3px;
  border-bottom: 1px solid #777;
}

table.kosik th.poc, table.kosik td.poc {
  width: 140px;
  padding-right: 0;
}

div.dokos table.kosik th.poc,
div.dokos table.kosik td.poc {
  width: 60px;
}

div.dokos table.kosik td.poc input {
  top: 0;
}

div.info h2 a {
  text-decoration: none;
  color: #ef0000;
}

p.iimg {
  padding-top: 42px;
  margin: 0;
}

div#dm {
  padding: 12px 8px 0;
}

div#dm ul.domtabs {
  background: #6f6e6e url(../tpl_images/dm2.gif) 0 100% repeat-x;
  width: 100%;
  position: relative;
  top: 1px;
  overflow: hidden;
}

div#dm ul.domtabs li {
  float: left;
}

div#dm ul.domtabs li#d1.active {
  border-left: 1px solid #e5e5e5;
}

div#dm ul.domtabs a,
div#dm ul.domtabs a:link,
div#dm ul.domtabs a:visited {
  padding: 5px 15px 8px;
  color: #fff;
  border-top: 1px solid #6f6e6e;
  display: block;
  outline-style: none !impotant;
}

div#dm ul.domtabs a:hover {
  border-top: 1px solid #ef0000;
  background: #ef0000;
}

div#dm ul.domtabs li.active a,
div#dm ul.domtabs li.active a:link,
div#dm ul.domtabs li.active a:visited,
div#dm ul.domtabs li.active a:hover {
  background: #f8f8f8  url(../tpl_images/dm1.gif) 0 100% repeat-x;
  color: #000;
  border-top: 1px solid #e5e5e5;
  font-weight: bold;
  text-decoration: none;
}

div.ref li {
  background: url(../tpl_images/dot.gif) -1000px 6px no-repeat;
  padding-left: 19px;
}

div.prod4 h2 {
  color: #444;
}

div.lr {
  padding-bottom: 17px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px;
}

div.lr2 {
  border: 0 none;
  margin: 0 none;
}

div.lrimg {
  width: 120px;
  float: right;
  margin: 5px 0 10px 10px;
}

div.lr div.date, div.lr p, div.lr div.cont {
  margin-left: 19px;
}

div.lr div.date {
  color: #999;
  font-size: 0.89em;
  position: relative;
  top: -2px;
  margin-bottom: 2px;
}

div.lr p {
  margin-bottom: 12px;
}

div.lr div.cont span {
  background-position: 0 -23px;
}

div.lr div.cont a:hover span {
  background-position: 0 0;
}

div.postup {
  text-align: center;
}

div.postup img {
  display: inline;
}

div.postup a, div.postup span {
  display: block;
  color: #444;
  text-decoration: none;
}

div.postup span {
  font-weight: bold;
  text-decoration: underline;
}

div.postup a:hover span {
  color: #ef0000;
}

div.comment div.comment {
  padding: 0 0 0 15px;
}

div.who {
  color: #777;
  margin-bottom: 6px;
}

div.comment p {
  margin-bottom: 14px;
}

div.comment h3 {
  margin: 0;
  padding-left: 1px;
  color: #444;
}

div.comment div.re {
  padding-bottom: 17px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px;
}

div.comment div.re div {
  width: 79px;
  height: 22px;
}

div.comment div.re div span {background: url(../tpl_images/odpovedet.gif) 0 -23px;}
div.comment div.re div a:hover span {background-position: 0 0;}

div.reply h2 {
  color: #ef0000;
}

div.reply {
  background: #ececec;
  border: 1px solid #e5e5e5;
  padding: 10px 15px;
  margin-bottom: 12px;
}

div.reply p {
  margin: 0;
}

div.reply th {
  vertical-align: top;
  width: 80px;
}

div.reply th, div.reply td {
  padding: 3px 0;
}

div.photos2 {
  padding-top: 7px;
}

div.photos2 a span {
  color: #777;
  text-decoration: none;
  font-size: 0.89em;
  display: block;
  padding: 2px 0;
  line-height: 1.5;
}

div.photos2 a:hover span {
  color: #ef0000;
}

div.photos2 div.clr {
  padding-bottom: 15px;
}

div.photos2 div div {
  float: left;
  width: 136px;
  margin-right: 16px;
}

div.act {
  float: none;
  width: 100%;
  padding-bottom: 17px;
  margin-right: 0;
}

div.col textarea {
  width: 220px;
}

div.form label {
  display: block;
  padding-top: 8px;
}

input.odeslat {
  margin-top: 6px;
  width: 63px;
  height: 22px;
  overflow: hidden;
  background: url(../tpl_images/odeslat.gif);
}

input.odeslat:hover, 
input.odeslat:focus,
div.col input.odeslat {
  background-position: 0 -23px;
}

div.col input.odeslat:hover, div.col input.odeslat:focus {
  background-position: 0 0;
}

div.i2 {
  border-top: 1px solid #e5e5e5;
  padding-top: 12px;
  margin-bottom: 10px;
}

div.form h3 label, div.form p label {
  display: inline;
  padding: 0;
  margin-left: 4px;
}

input.ch {
  position: relative;
  top: 2px;
}

div.n1 textarea, div.n1 input.text {
  width: 250px;
}

div.i2 div.n1 p {
  margin-right: 0;
}

div.text2, div.i2 div.n1 {
  padding-top: 8px;
}

div.text2 h3 {
  margin-bottom: 8px;
}

ul.anim {
  position: relative;
  top: -6px;
  font-size: 1.15em;
}

div#content ul.anim li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 9px;
  line-height: 1.6;
}

ul.anim span {
  position: absolute;
  left: 0;
  top: 0;
  color: #ef0000;
  font-weight: bold;
  margin-right: 10px;
}

h1.kosik {
  padding: 7px 0 12px 55px;
  background: url(../tpl_images/kosik2.gif) 0 0 no-repeat;
}

input.upravit {
  width: 61px;
  height: 22px;
  overflow: hidden;
  background: url(../tpl_images/upravit.gif) 0 -23px;
}

input.upravit:hover, 
input.upravit:focus {
  background-position: 0 0;
}

input.del {
  width: 24px;
  height: 22px;
  overflow: hidden;
  background: url(../tpl_images/smazat.gif) 0 -23px;
}

input.del:hover, 
input.del:focus {
  background-position: 0 0;
}

table.kosik td {
  padding: 5px 10px 5px 0;
}

table.kosik2 input {
  position: relative;
  top: 4px;
}

table.kosik2 input.text {
  top: 0 !important;
}

table.kosik a {
  font-weight: bold;
  text-decoration: none;
}

table.kosik a:hover {
  text-decoration: underline;
}

table.kosik tr.l td {
  border-bottom: 3px double #444;
}

table.kosik b, table.kosik a:hover {
  color: #ef0000;
}

table.kosik td.pl {
  padding-left: 4px;
}

table.kosik tr.sum {
  color: #000;
}

table.kosik tr.sum td {
  background: url(../tpl_images/brb.gif) 0 100% repeat-x;
}

input.pokr {
  width: 228px;
  height: 34px;
  overflow: hidden;
  background: url(../tpl_images/pokracovat.gif);
}

input.pokr:hover, 
input.pokr:focus {
  background-position: 0 -35px;
}

input.zav {
  width: 185px;
  height: 34px;
  overflow: hidden;
  background: url(../tpl_images/zavazne.gif);
}

input.zav:hover, 
input.zav:focus {
  background-position: 0 -35px;
}

div.must label {
  font-weight: bold;
}

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

div.m1 {
  width: 211px;
  float: left;
  margin-right: 22px;
}

table.ap {
  width: 100%;
  vertical-align: middle;
  border: 0 none;
}

table.ap td {
  vertical-align: middle;
  border: 0 none;
  padding: 10px 10px 30px 0;
}

div.m1 h3 {
  margin-bottom: 8px;
  color: #444;
}

.stroke {
  text-decoration: line-through;
  color: #aaa;
}

.alert {
  border: 1px solid #eceac6;
  padding: 5px 10px 6px 30px;
  background: #fffdd7 url(../tpl_images/alert.gif) 15px 9px no-repeat;
  margin-bottom: 1.4em;
}

.error {
  border: 1px solid #e1bfbf;
  padding: 5px 10px 6px 36px;
  background: #ffdbdb url(../tpl_images/error.gif) 10px 9px no-repeat;
  margin-bottom: 1.4em;
  font-weight: bold;
  color: #ef0000;
}

.ok {
  border: 1px solid #dbe9c4;
  padding: 5px 10px 6px 36px;
  background: #f1ffda url(../tpl_images/ok.gif) 10px 9px no-repeat;
  margin-bottom: 1.4em;
  font-weight: bold;
  color: #486f09;
}

div.form ul.error {
  border: 0 none;
  padding: 1px 0;
  background: transparent;
  font-size: 0.89em;
  margin: 3px 0;
}

#content ul.ok li,
#content ul.error li {
  background: transparent;
  padding: 0;
}

div.free {
  margin-bottom: 1.4em;
}

div.free td,
div.free th {
  background: #fffdd7;
  padding-left: 6px;
}

div.free table.kosik th {
  border-top: 1px solid #777;
  padding-top: 3px;
}

div.free h1,
div.free table.kosik th {
  color: #333;
}

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

div#footer {
  width: 951px;
  position: relative;
  height: 46px;
  margin-left: 5px;
  background: #ef0000 url(../tpl_images/footer.gif) 0 0 no-repeat;
  color: #fff;
}

div#footer div.clr {
  padding-top: 6px;
}

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

div#footer a:hover {
  color: #f8f8f8;
}

div.f1 {
  float: left;
  width: 400px;
  margin-left: 19px;
}

div.f2 {
  float: right;
  width: 300px;
  text-align: right;
  margin-right: 152px;
}

div.bioster {
  width: 136px;
  height: 36px;
  left: auto;
  position: absolute;
  right: 8px;
  top: 0;
}

div.bioster span {background: url(../tpl_images/bioster.gif);}
div.bioster a:hover span {background-position: 0 -37px;}

div#footer i,
div#cart i,
i.tube {
  margin: 0 3px;
  font-style: normal;
}

/*========== [NEW] ===========================================================*/
div#dm {
  padding-top: 24px;
}

p.iimg {
  padding-top: 10px;
}

div.nMarg {margin-bottom: 0;}
div.prod5 {background: url(../tpl_images/div2.gif) 0 0 repeat-y;margin: 16px 0 22px;}

table.form,
table.form td,
table.form th {
  border: 0 none;
}

.mBot2 {
  margin-bottom: 23px !important;
}

div.cert {
  width: 290px;
  float: left;
  margin: 0 20px 1.3em 0;
}

div.lcert {
  margin-right: 0;
}

#content div.cert h2 {
  border-bottom: 1px solid #e5e5e5;
  font-size: 1em;
  padding: 2px 0;
}

div.certImg {
  text-align: left;
}

div.certImg img {
  display: inline;
}

div.col div.pr {
  margin-bottom: 1em;
}

div.infos {
  padding: 1.3em 0 2em 0;
}

div.infos div.imgr {
  width: 210px;
  height: 145px;
  margin-right: 23px;
  float: left;
}

div#inf1 span {background: url(../tpl_images/mechanismus.gif)}
div#inf2 span {background: url(../tpl_images/chci.gif)}
div#inf3 span {background: url(../tpl_images/faq.gif)}
div#inf4 span {background: url(../tpl_images/aplikace.gif)}

div.infos div.imgr a:hover span {
  background-position: 0 -146px !important;
}

div.infos div#inf4 {
  margin-right: 0;
}

div.pdf a, div.pdf a:link, div.pdf a:visited {
  background: url(../tpl_images/pdf.gif) 0 1px no-repeat;
  padding-left: 21px;
  margin-right: 10px;
}

div.pdf a:hover {
  color: #000;
  background-position: -1000px 1px;
}

div.video {
  width: 100px;
  margin-left: 19px;
  height: 22px;
}

div.video span {
  background: url(../tpl_images/video.gif) 0 -23px;
}

div.video a:hover span {
  background-position: 0 0;
}

div.vid {
  padding: 1em 0;
}

div.katalog h2 {
  text-transform: none;
  font-size: 1.5em;
}

div.pnote {
  color: #777;
  padding: 15px 0 0;
  font-size: 0.89em;
}