@media screen, projection, tv{
html,body{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; color: #333333; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/
body{ background: White url(../img/back.png) repeat-x; }

hr{ height: 1px; color: #DEDEDE; background: #DEDEDE; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
input, textarea, select{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; }
h1{ font-size: 1.5em; margin: .8em 0; }
h2{ font-size: 1.3em; margin: .8em 0; }
h2.hlavni{ border-top: 3px solid #363636; margin: 0; background-color: #636363; color: White; font-weight: normal; font-size: 1.1em; padding: 8px 175px 8px 181px; }
.pronadpis h2.hlavni{ padding-right: 15px; }
h2.hlavni a{ color: #E6E5E5; text-decoration: none; background: #636363 url(../img/h2.gif) no-repeat 100% .38em; padding-right: 10px; }
h2.hlavni a:hover{ color: White; }
h3{ font-size: 1.1em; margin: 1.3em 0 .8em 0; }
h3.nadpisy{ font-size: 1.3em; margin: .8em 0; }
h3.sekce{ background: White url(../img/tecky-hor.gif) repeat-x 0 100%; font-size: 1.4em; padding-bottom: .5em; margin-bottom: 1em; margin-top: .5em;  }
h3.sekce span{ background: transparent url(../img/h3.gif) no-repeat 97.8% .4em; display: block; }
h3.podsekce{ background: White url(../img/tecky-hor.gif) repeat-x 0 100%; font-size: 1.2em; padding-bottom: .5em; margin-bottom: .6em; margin-top: 1.8em;  }
h3.podsekce span{ background: transparent; display: block; }
h4{ font-size: 1em; margin: .8em 0; }
a{ color: #E30009; }
a:hover{ color: Black; }
a.black{ color: black; }
a:hover.black{ color: #E30009; }
a.gray{ color: #333; }
a:hover.gray{ color: #E30009; }
a.orange{ color: #FF6600; }
a:hover.orange{ color: black; }
dd{ padding: 3px 0 7px 0; }

#cont{ margin: 0 auto; text-align: left; width: 903px;  font-size: .7em;  line-height: 1.2em; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/stin.png');  }
html>body #cont{ background: transparent url(../img/stin.png) repeat-y; filter: none; }
#base{ background-color: White; position: relative;width: 883px; margin-left: 10px; margin-right: 10px;}
#head h1{ color: black; background-color: white; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 214px; height: 88px; }
#head a{ background-color: #024074; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/uzimex.png) no-repeat; color: White; }
#head h2{ position: absolute; top: 0px; left: 262px; margin: 0; }
#head{ width: 565px; background: White url(../img/tecky.gif) repeat-y 100% 0; }

.hledej{ position: absolute; top: 0; right: 0; padding: 13px 15px; text-align: right; width: 27em; }
.hledej input{ border: 1px solid #909090; background-color: #FBFFFF; color: #999999; padding: 2px 5px 1px 7px; width: 16.7em; vertical-align: middle; }
.hledej img{ vertical-align: middle; margin-right: 4px; }
.hledej input.seabtn{ border: 0; vertical-align: middle; width: 65px; margin: -2px 0 0 5px; padding: 1px 0; }
.hledej p{ margin: 0; padding: 3px 0 0 0; line-height: 1.4em; color: #666; }
.hledej a{ color: #666; }
.hledej a:hover{ color: #DF0005; }

/*#top{ background: White url(../img/robot.jpg) no-repeat 100% 0; }*/
#top-in{ background: transparent url(../img/top3.jpg) no-repeat 0% 0; height: 166px; }

#nav{ width: 883px; position: absolute; top: 61px; left: -1px; font-weight: bold; text-transform: uppercase; font-size: 1em; border-left: 1px solid #C1C1C1; border-right: 1px solid #C1C1C1;}
#nav ul{ list-style-type: none; margin: 0px 0 0 214px; color: White; background-color: #232323; height: 2.41em; padding-left: 20px; }
#nav li{ float: left; position: relative; behavior: url(/styly/hover.htc); }
#nav a{ display: block; text-decoration: none; padding: 7px 25px 7px 20px; color: White; font-size: .9em; letter-spacing: -1px; background-color: #232323; margin: 0 10px 0 0; white-space: nowrap; font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; text-align: left; }
#nav a:hover, #nav li:hover a, #nav li.hover a{ background-color: #B20204; color: White; }
#nav ul div{ background-color: #303030; font-size: .9em; visibility: hidden; position: absolute; top: 27px; left: 3px; width: 10em; z-index: 100; }
#nav ul ul{ margin: 0; float: none; padding: 0; height: auto; border: 1px solid black; width: 9.8em; letter-spacing: normal; position: relative; top: -1px; left: -3px; }
#nav ul ul li{ float: none; position: static; }
#nav ul ul a{ background: #505050 url(../img/sub.gif) repeat-x; text-align: left; font-weight: normal; line-height: 1.2em; width: 9.8em; padding: 0; margin: 0; font-size: 1em; letter-spacing: normal; }
#nav ul .vetsi ul a, #nav ul .vetsi ul{ width: 25em; }
#nav ul div.vetsi{ width: 25.2em; }
#nav ul ul a:hover{ background-image: none; background-color: #BF292A; }
#nav ul ul a span{ padding: 2px 5px 2px 20px; display: block; }
#nav li:hover div, #nav li.hover div{ visibility: visible; }
#nav .plus{ margin-right: 5px; font-size: .9em; }

#menu{ position: relative;  }
#menu #preklik{border-top: 3px solid #7D7D7D; background: white url(../img/nadmenu.png) no-repeat; height: 30px; }
#menu #prekliksortiment{border-top: 3px solid #7D7D7D; background: white url(../img/nadmenusortiment.png) no-repeat; height: 30px; }
#menu #preklikvyrobci{border-top: 3px solid #7D7D7D; background: white url(../img/nadmenuvyrobci.png) no-repeat; height: 30px; }
#menu h3{  margin: 0; }
#menu h3 a{ display: block; width: 80px; color: #000000; padding: 11px 0px 6px 10px; text-transform: uppercase; font-size: .85em; text-decoration: none; font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; letter-spacing: -1px; }
#menu h3 a:hover{ color: #DF0005; }
#menu h3.vyrobci{ width: 82px; position: absolute; top: 3px; left: 90px; }
#menu h3.vyrobci a{ width: 72px; text-align: center; }
#menu ul{ list-style-type: none; margin: 0; clear: both; }
#menu ul a{ display: block; text-decoration: none; width: 161px; line-height: 1.18em; font-size: .9em; color: #333333; background: #D7D7D7 url(../img/m1.png) no-repeat 0 -51px; text-transform: uppercase; padding: 4px 4px 3px 6px; }
#menu ul .mnu-2-radky{ background: #D7D7D7 url(../img/m-v.png) no-repeat 0 -70px; padding-bottom: 2px; }
#menu ul a:hover, #menu ul a.aktivni{ color: White; background-color: #B20204; background-position: 0 0em; }
#menu ul ul a{ background: white url(../img/m2.png) no-repeat 0 100%; padding: 4px 15px 4px 5px; width: 151px; line-height: 1.19em; }
#menu ul ul a.mnu-2-radky{ background: #D7D7D7 url(/img/m2-v.png) no-repeat 0 0; padding-top: 3px; }
#menu ul ul a:hover{ color: #333333; background-position: 0 100%; background-color: White; }
#menu ul ul ul a{ text-transform: none; }
#menu ul ul ul span{ padding-left: 14px; background: transparent url(../img/odrazka.gif) no-repeat 7px 3px; display: block; }
#menu ul ul ul ul a span{ padding-left: 22px; background: transparent url(../img/odrazka.gif) no-repeat 15px 3px;  display: block; }
#menu ul ul a:hover{ color: #DF0005; }
#menu ul ul a.aktivni{ color: #DF0005; background-position: 0 0;}
#main{ width: 100%; clear: both; background: White url(../img/left-back.gif) repeat-y 0; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden; }
#left{ width: 172px; margin-left: -883px; margin-top: -32px; }
#stred{ width: 547px; margin-left: 172px; }
#right{ width: 164px; margin-top: -25px; }
.pronadpis #right{ margin-top: 0; }
#plocha{ padding: 10px 10px 20px 10px; }
#plocha ul, #plocha ol{ margin-left: 1.5em; }

#pata{ font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; padding-top: 2px; padding-bottom: 15px; clear: both; width: 899px; margin: 0 auto; background: white url(../img/pata.png) no-repeat 1px 0;color: #808080;  font-size: .9em;  }
#pata p{ margin: 0; padding: 4px 10px 0 10px; margin: 2px 10px; background-color: White;}
#pata p span{ color: #572C24; }
#pata a{ color: #808080; background-color: White; text-decoration: none; }
#pata a:hover{ color: #DF0005; }
#pata p.prava{ float: right; width: 45em; text-align: right; }
.tisk{ background: White url(../img/print.gif) no-repeat 0 3px; padding: 5px 0 5px 15px; }
.kontakt{ background: White url(../img/phone.gif) no-repeat 0 3px; padding: 5px 0 5px 15px }
.a-ramecek{ border: 1px solid #808080; display: block; line-height: 1.4em; margin: 0 7px; }


#right h3{ background-color: #414141; line-height: 1.2em; font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; font-size: .8em; letter-spacing: -1px; color: White; margin: 0; padding: 7px 10px; font-weight: normal; text-transform: uppercase; }
#odkazy ul{ list-style-type: none; margin: 0; }
#odkazy a{ display: block; text-decoration: none; padding: 3px 0; width: 164px; background: #F7F7F7 url(../img/rych.gif) repeat-x 0 100%; color: #3D3D3D; font-size: .9em; }
#odkazy a span{ background: #F7F7F7 url(../img/sip.gif) no-repeat 13px .3em; padding-left: 34px; }
#odkazy a:hover{ color: #DF0005; }
#bannery img{ border: 1px solid #808080; display: block; margin: 5px auto; }
#bannery span{ display: block; padding: 0px 12px 5px 12px; line-height: 1.3em; }
#bannery a{ text-decoration: underline; }
.indextab{ width: auto;  }
.indextab .pic{ height: 90px; overflow: hidden; }
.indextab td{ width: 168px;  vertical-align: top; padding-right: 7px;}
.indextab h3{ text-transform: uppercase; margin: 0 0 .7em 0; font-size: 1em; padding: 0; font-weight: bold; text-align: left;}
.indextab h3 a{ color: #333333; text-decoration: none; background-color: White; }
.ctyri{ margin-top: 1.5em; }
.ctyri td{ width: 125px; }


.pic{ border-bottom: 4px solid #F5CD64;  position: relative; background-color: #F2F2F2; padding-top: 0; }
.pic img{ margin-top: 0; float: none; display: block; }
.pic .vice2{ position: absolute; top: 43px; left: 128px; }

.indextab p{ margin: 0; }
.indextab p.text{ margin: .4em 0; }
.indextab .datum{ color: #999999; background-color: White; }
.vice{ text-transform: uppercase; color: #E30009; background: transparent url(../img/vice.gif) no-repeat 100% .1em; padding-right: 15px; font-size: .9em; margin-right: 9px; }
.vice-back{ text-transform: uppercase; color: #E30009; background: White url(../img/vice-back.gif) no-repeat 100% .1em; padding-right: 15px; font-size: .9em; margin-right: 9px; }
.loga{ background: White url(../img/tecky-hor.gif) repeat-x 0 0;  padding: 5px 0; margin-top: .8em; clear: both; width: 520px;}
.loga img{ display: block; float: left; margin: 0 8px 10px 0;  }
.archiv{ padding-top: .4em; clear: both; width: 509px; }
.archiv .vice{ color: #333333; background-color: White; margin-right: 0; }
div.text{ margin: 1em 0; }

.polozka{ clear: both; margin: 0 0 .7em 0; }
.pic{ width: 168px; float: left; margin-right: 10px; display: inline; }
.podrobne .pic{ margin: 0 10px .3em 0;  }
.novinkadetail .pic{ margin-top: 1.3em; }
.polozka p{ margin: 0; margin-left: 178px; }
.polozka h4{ margin: 0 0 .1em 178px; color: #E30009; text-transform: uppercase; font-size: 1.1em; }

.polozka-stazeni{ margin: 2.2em 0; }
.polozka-stazeni p, .polozka-stazeni ul{ margin: .5em 5px .5em 0; }
.polozka-stazeni h4{ margin: 0; color: #E30009; text-transform: uppercase; font-size: 1.1em; }
.polozka-stazeni .stahnout{ clear: both; padding-top: 7px; margin-top: 0; }
.btn{ background-color: Black; color: White; cursor: pointer; border: 1px solid black; vertical-align: middle; padding: 0px 2px;  }

.vyraznybox{ background-color: #F6F6F6; padding: .5em 1em; border-top: 3px solid #F5CD64; margin: 1.8em 0; }
.extraseznam{ list-style-type: none; margin: 0; padding: 0;}
.extraseznam li{ background: transparent url(../img/vice.gif) no-repeat 0 .6em; padding: .5em 0 .5em 20px; line-height: 1.3em; }
.extraseznam a{ background-color: transparent; font-weight: bold; }

.odkaz{ background: transparent url(../img/vice.gif) no-repeat 0 .6em; padding: .5em 0 .5em 20px; line-height: 1.3em; }
.next{ background: White url(../img/sip.gif) no-repeat 0 .4em; padding-left: 11px;  margin-left: 2px; }
.hledane_slovo{ color: #E30009; letter-spacing: .08em; }
.polozka h4 .hledane_slovo{ color: Black; }

.sloupec1{ float: left; display: inline; margin-right: 10px; width: 250px; }

.kontakty td{ padding: 4px 15px 4px 0; line-height: 1.3em; vertical-align: top; }
.gal{ float: left; display: inline; margin: .2em .6em .3em 0; }
.gal img{ display: block; margin: 0 0 3px 0; }
.rady li{ clear: both; }

.akt{ margin: .7em 0 .4em 0; clear: both; border-bottom: 1px solid #DEDEDE; padding-bottom: .9em; }
.akt h4{ font-size: 1.1em; margin: 0 0 .2em 0; }
.akt h4, .akt p{ margin: 0 10px 0 178px; }
.sloupec1 .akt h4, .sloupec1 .akt p{ margin: 0 10px 0 86px; }
.akt .obr{ margin: .2em 5px 0 0; }
.akt .datum{ display: block; color: #666666; float: right; }
.datum{ color: #666666; }
#vypis-novinek .akt{ margin-bottom: 1.8em; }
#vypis-novinek .datum{ font-size: .9em; font-weight: normal; }
.souvnov h4, .souvnov p{ margin: 0 10px 0 96px; }

.kestazeni{ margin-bottom: 1.8em; clear: both; }
.kestazeni p, .kestazeni h4{ margin: 0; }
.kestazeni h4 img{ display: block;  }
.kestazeni .datum, .kestazeni .vyrobci{ display: block; color: #666666; } 
.kestazeni .right{ padding-top: .7em; }
.vpravo{ float: right; font-weight: normal; font-size: 1em; width: 8em; }



.souvis{ margin: 0 0 .6em 0; padding: 0 0 .2em 0; background-color: #F6F6F6;}
.souvis h3.podsekce{ margin: 1.8em 0 0 0; }
.souvis img{ margin-top: .3em; }
.souvis p, .souvis h3{ margin: .2em 10px .2em 10px; }
.souvis h3{ margin-top: 0em; }
.souvis .datum{ margin-right: 10px; }
.polozkastazeni{ border-bottom: 1px solid #DDDDDD; padding-bottom: 7px; margin-bottom: 7px; }
.doporuc{ position: relative; top: -1.2em; padding: 0 0 0 10.3em; }

#menu_zalozek{ background: #F5CD64 url(/img/zal.gif) repeat-x 0 100%;   margin-bottom: 1em; width: 527px;}
/*#menu_zalozek{ background: #D8D8D8;   margin-bottom: 1em; width: 527px;}*/

/*
span.nadpzalozky{ display: inline; cursor: pointer; color: Black; text-decoration: none; background: #CCCCCC url(/img/zalozka2.gif) no-repeat 0 -5px; text-align: center; width: 91px; float: left; padding: 1px 0 1px 0; margin: -8px 0 0 0; }
span.aktivnizal{ display: inline; color: #E30009; cursor: default; font-weight: bold; text-decoration: none; background: #CCCCCC url(/img/zalozka-a.gif) no-repeat 0 -5px; text-align: center; width: 91px; float: left; padding: 1px 0 1px 0; margin: -8px 0 0 0; }
*/
span.nadpzalozky{ background-color: #F5CD64; border-right: 1px solid #ADADAD;  font-weight: bold; width: 68px; text-align: center; display: block; border-bottom: 1px solid #ADADAD;  float: left; padding: 2px 5px 1px 5px; cursor: pointer; }
span.aktivnizal{ background-color: #F6F6F6; color: #E30009;  font-weight: bold; cursor: default; border-bottom: 0; padding-bottom: 2px; margin-bottom: -1px;  }


div.potvrzeni{ width: 230px; height: 110px; background-color: #87CEFA; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

.tab{ clear: both; }
.tab table{ font-size: 1em; border-collapse: collapse; margin: 3px 0 12px 0; width: 99%; line-height: 1.2em;border: 1px solid #636363; border-bottom-width: 3px;  }
.tab th{ color: White; background-color: #AF0102; padding: 2px 3px; border: 1px solid #AF0102; font-weight: bold; text-align: left; border-right: 1px solid white;  border-bottom: 0; }
.tab th.last{ border-right: 0; }
.tab td{ border: 1px solid #636363; padding: 2px 3px; background-color: #F6F6F6;color: black; }
tr.sec td{ background-color: white;  }
tr.sec td a{ background-color: white; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: white; color: black;}
 
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 25px; }
.doc{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 25px; }
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; }
.zip{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; }
.file{ background: transparent url(/img/i-file.gif) no-repeat 0% -3px; padding: 4px 0 4px 25px; }


}