/*
 * Zakladni Styl Traumastem DE
 * Autor: Jan Rezac
 *
 */

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

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

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: 71px;}
li#m2 {left: 71px;width: 95px;}
li#m3 {left: 166px;width: 96px;}
li#m4 {left: 262px;width: 89px;}
li#m5 {left: 351px;width: 176px;}
li#m6 {left: 527px;width: 52px;}
li#m7 {left: 579px;width: 95px;}

li#m1 span {background: url(../tpl_images/menu.gif) 0 0;}
li#m2 span {background: url(../tpl_images/menu.gif) -71px 0;}
li#m3 span {background: url(../tpl_images/menu.gif) -166px 0;}
li#m4 span {background: url(../tpl_images/menu.gif) -262px 0;}
li#m5 span {background: url(../tpl_images/menu.gif) -351px 0;}
li#m6 span {background: url(../tpl_images/menu.gif) -527px 0;}
li#m7 span {background: url(../tpl_images/menu.gif) -579px 0;}

li#m1 a:hover span {background-position: 0 -92px;}
li#m2 a:hover span {background-position: -71px -92px;}
li#m3 a:hover span {background-position: -166px -92px;}
li#m4 a:hover span {background-position: -262px -92px;}
li#m5 a:hover span {background-position: -351px -92px;}
li#m6 a:hover span {background-position: -527px -92px;}
li#m7 a:hover span {background-position: -579px -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) -71px -46px !important;}
li#m3 a.active span {background: url(../tpl_images/menu.gif) -166px -46px !important;}
li#m4 a.active span {background: url(../tpl_images/menu.gif) -262px -46px !important;}
li#m5 a.active span {background: url(../tpl_images/menu.gif) -351px -46px !important;}
li#m6 a.active span {background: url(../tpl_images/menu.gif) -527px -46px !important;}
li#m7 a.active span {background: url(../tpl_images/menu.gif) -579px -46px !important;}

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

input.send {
  width: 60px;
  height: 22px;
  background: url(../tpl_images/vyhledat.gif) 0 0;
}

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

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

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

li.log {
  width: 92px;
  left: 97px;
}

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

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

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#intro {
  padding-right: 248px;
  position: relative;
  background: url(../tpl_images/schema.png) 100% 0 no-repeat;
  min-height: 401px;
}

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;}

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: 202px;
  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.cont {
  width: 48px;
  height: 22px;
}

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

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

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

div.next {
  width: 76px;
  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;
}

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

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

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

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: 83px;
  height: 22px;
}

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

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

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

div.comment div.re div {
  width: 82px;
  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;}

input.odeslat {
  margin-top: 6px;
  width: 70px;
  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;
}

input.upravit {
  width: 79px;
  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;
}
input.pokr {
  width: 303px;
  height: 34px;
  overflow: hidden;
  background: url(../tpl_images/pokracovat.gif);
}

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

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

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

#homeprod div.cont2,
div.katalog div.cont2 {
  width: 77px;
  height: 22px;
}

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

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#eu {
  color: #003399;
  font-weight: bold;
  padding-left: 55px;
  background: url(../tpl_images/eu.gif) 0 2px no-repeat;
  margin-bottom: 30px;
  margin-left: 9px;
  line-height: 1.4;
}

li#l1 span {background: url(../tpl_images/lang.gif) -3px 0;}
li#l2 span {background: url(../tpl_images/lang.gif) -74px 0;}
li#l3 span {background: url(../tpl_images/lang.gif) -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.allp {
  width: 105px;
  height: 22px;
}

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

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