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

div#logo {
  width: 663px;
  height: 66px;
  left: 17px;
  top: 53px;
  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: 101px;}
li#m2 {left: 101px;width: 94px;}
li#m3 {left: 195px;width: 65px;}
li#m4 {left: 260px;width: 91px;}
li#m5 {left: 351px;width: 181px;}
li#m6 {left: 532px;width: 53px;}
li#m7 {left: 583px;width: 85px;}

li#m1 span {background: url(../tpl_images/menu.gif) 0 0;}
li#m2 span {background: url(../tpl_images/menu.gif) -101px 0;}
li#m3 span {background: url(../tpl_images/menu.gif) -195px 0;}
li#m4 span {background: url(../tpl_images/menu.gif) -260px 0;}
li#m5 span {background: url(../tpl_images/menu.gif) -351px 0;}
li#m6 span {background: url(../tpl_images/menu.gif) -532px 0;}
li#m7 span {background: url(../tpl_images/menu.gif) -583px 0;}

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

input.send {
  width: 56px;
  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;
}

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

li.log {
  width: 76px;
  left: 70px;
}

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

li.reg a:hover span {background-position: 0 -23px;}
li.log a:hover span {background-position: -70px -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: 181px;
  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.postupy {
  background: url(../tpl_images/div2.gif) 0 0 repeat-y;
}

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

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

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

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

div.next {
  width: 57px;
  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: 97px;
  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.katalog input.koupit {
  width: 98px;
  background: url(../tpl_images/kosik3.gif) 0 -23px !important;
}

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

div.cont2 {
  width: 124px;
  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#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.comment div.re div {
  width: 64px;
  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: 43px;
  height: 22px;
  overflow: hidden;
  background: url(../tpl_images/odeslat.gif);
}

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

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

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

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

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

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

#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#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#search {
  width: 248px;
}

div#search input.txt {
  width: 184px;
}

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

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

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