BODY  {
  background-image: url(../images/podklad.jpg);
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	text-align: justify;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 11px;
  line-height: 150%;
  color:#000;
	border: 0px;
	behavior: url(csshover.htc);
 	}

* {
  padding: 0;
  margin: 0;
  }
  
a:link       { color: #ff0000;  }
a:active     { color: #ff0000;  }
a:visited    { color: #ff0000;  }
a:hover      { color: #000; }


#telo {
  position: relative;
  top: 0px;
  width: 968px;
  margin-left: auto;
  margin-right: auto;
	}

#hlavicka {
  top: 0px;
  left: 0px;
  position: relative;
  width: 968px;
  height: 286px;
  background-image: url(../images/hlavicka.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
  }

#hlavicka a img {
  border: none;
  }

#obsah {
  position: relative;
  top: 0px;
  left: 0px;
  width: 968px;
  background-color: #EDEEF0;
  background-image: url(../images/obsah.jpg);
	background-repeat: repeat-y;
	z-index: 1 !important;
  }

#obsah_prava {
  position: relative;
  float: right;
  top: 45px;
  right: 20px;
  width: 737px;
  margin-bottom: 50px;
  }

#obsah_prava {
  text-align: center;
  }

#obsah_prava td {
  text-align: center;
  }

#obsah_prava p {
  text-align: justify;
  }

#obsah_prava.prava img {
  float: right !important;
  }

.bloky_uvod {
  position: absolute;
  left: 0px;
  top: 30px;
  }

.bloky_uvod1 {
  position: relative;
  top: 248px;
  left: 0px;
  margin-bottom: 200px;
  z-index: 10 !important;
  }

.akce_horni {
  position: relative;
  top: 0px;
  left: 0px;
  width: 735px;
  height: 28px;
  background-image: url(../images/akce_horni.jpg);
	background-repeat: no-repeat;
  } 

.akce_horni h2{
  color: #fff;
  }
 
.akce_horni h2 a{
  color: #fff !important;
  text-decoration: none;
  }

.akce_horni h2 a:hover {
  color: #000 !important;
  text-decoration: none;
  }

p.center {
  text-align: center !important;
  }

  
.zveme_horni {
  position: relative;
  top: 0px;
  left: 0px;
  width: 735px;
  height: 28px;
  background-image: url(../images/zveme_horni.jpg);
	background-repeat: no-repeat;
  } 

.zveme_horni h2{
  color: #fff;
  }
 
.zveme_horni h2 a{
  color: #fff !important;
  text-decoration: none;
  }

.zveme_horni h2 a:hover {
  color: #000 !important;
  text-decoration: none;
  }
  
.zveme_telo {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 7px 10px 0 10px;
  width: 713px;
  border-left: 1px #666 solid;
  border-right: 1px #666 solid;
  background-color: #aeaeae;
  }

.zveme_telo p {
  text-align: left !important;
  }

.zveme_telo a {
  color: #fff !important;
  text-decoration: none;
  }


.zveme_telo a:hover {
  color: #000 !important;
  text-decoration: none;
  }

.zveme_telo img {
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  padding-bottom: 0px;
  border: 0px #000 solid;
  }
  
.zveme_spodni {
  position: relative;
  top: 0px;
  left: 0px;
  width: 735px;
  height: 18px;
  background-image: url(../images/zveme_spodni.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
  }

.obsah_horni {
  position: relative;
  top: 0px;
  left: 0px;
  width: 735px;
  height: 28px;
  background-image: url(../images/obsah_horni.jpg);
	background-repeat: no-repeat;
	z-index: 1 !important;
  }  

.obsah_blok {
  position: relative;
  width: 100%;
  float: left;
  top: 0px;
  left: 0px;
  }

.obsah_blok_hledej {
  position: relative;
  width: 100%;
  float: left;
  top: 0px;
  left: 0px;
  border-bottom: 1px #c1c1c1 dashed;
  margin-bottom: 5px;
  }

.obsah_telo ol {
  top: 0px;
  left: 0px;
  text-align: left;
  padding-left: 15px;
  margin-bottom: 10px;
  }

.obsah_telo ul {
  top: 0px;
  left: 0px;
  text-align: left;
  padding-left: 15px;
  margin-bottom: 10px;
  }

.obsah_telo ul li ul{
  margin-bottom: 0px;
  }

.nadpis1 {
  list-style-type: none;
  font-style: italic;
  position: relative;
  text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 11px;
  margin-left: -15px;
  color:#000;
  }

.nadpis2 {
  list-style-type: none;
  font-style: italic;
  position: relative;
  text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 14px;
  padding-top: 2px;
  color:#000;
  }

.obsah_telo {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 7px 10px 0 10px;
  width: 713px;
  border-left: 1px #999999 solid;
  border-right: 1px #999999 solid;
  background-color: #DEDEDC;
  z-index: 1 !important;
  }


.zveme_telo .pod  {
  display: none;
  position: relative;
  top: 0px;
  left: 0px;
  }

.zveme_telo:hover .pod {
  position: relative;
  display: block;
  top: 0px;
  left: 0px;
  margin-top: 8px;
  padding: 0px;
  width: 713px;
  }

div.leva {
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  padding-right: 10px;
  }

div.prava {
  position: relative;
  top: 0px;
  left: 0px;
  float: right;
  padding-left: 10px;
  }

.nahled {
  text-align: center;
  }

.mini {
  position: relative;
  float: left;
  width: 232px;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 2px;
  margin-right: 2px;
  }

.mini img {
  border: none;
  }


.obsah_spodni {
  position: relative;
  top: 0px;
  left: 0px;
  width: 735px;
  height: 18px;
  background-image: url(../images/obsah_spodni.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	z-index: 1 !important;
  }  

#paticka {
  top: 0px;
  left: 0px;
  width: 968px;
  height: 96px;
  text-align: center;
  background-image: url(../images/paticka.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
  }

.italcomma {
  top: 95px;
  position: relative;
  color: #666666;
  }

.italcomma h3 {
  width: 100%;
  text-align: center;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 10px;
  color:#666666;
  border-bottom: none;
  padding: 0px;
  margin: 0px; 
  z-index: 50;
  }

.italcomma h3 a {
  width: 100%;
  text-align: center;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 10px;
  color:#666666 !important;
  text-decoration: none;
  border-bottom: none;
  padding: 0px;
  margin: 0px; 
  z-index: 50;
  }

.italcomma h3 a:hover {
  width: 100%;
  text-align: center;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 10px;
  color:#666666 !important;
  text-decoration: none;
  border-bottom: none;
  padding: 0px;
  margin: 0px; 
  z-index: 50;
  }

#web {
  top: 95px;
  position: relative;
  color: #666666;
  padding-bottom: 5px;
  }

#web a {
  font-size: 10px;
  color: #666666 !important;
  text-decoration: none;
  }

#technologie {
  position: absolute;
  left: 30px;
  top: 251px;
  width: 160px;
	text-align: left;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
	color: #000;
  }

h1 {
  position: relative;
  width: 722px;
  left: 1px;
  text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 11px;
  line-height: 150%;
  padding-left: 11px;
  color:#000;
  border-bottom: 1px #FF0000 solid;
  padding-bottom: 3px;
  margin-bottom: 10px;
  }

h1 a:link { color: #000; }
h1 a:active { color: #000; }
h1 a:visited { color: #000; }
h1 a:hover { color: #ff0000; }  


h2 {
  position: relative;

  text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 11px;
  line-height: 150%;
  color:#000;
  padding: 6px 10px 0 12px;
  }

h2 a:link { color: #000; }
h2 a:active { color: #000; }
h2 a:visited { color: #000; }
h2 a:hover { color: #ff0000; }  

h3 {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 11px;
  line-height: 150%;
  color:#000;
  border-bottom: 1px #858585 dashed;
  padding: 6px 0 2px 0px;
  margin-bottom: 10px; 
  }

.nadpis {
  position: relative;
  text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 11px;
  line-height: 150%;
  color:#000;
  padding: 6px 0 2px 0px;
  margin-top: 5px;
  }

h3 a:link { color: #000; }
h3 a:active { color: #000; }
h3 a:visited { color: #000; }
h3 a:hover { color: #ff0000; }


p {
  padding-bottom: 10px;
  }

table {
  width: 99%;
  border-collapse: collapse;
  margin-bottom: 5px;
  }

table td {
  padding: 5px;
  text-align: left;
  } 

table.sektor_vyroby {
  position: relative;
  float: left;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
  }
  
table.sektor_vyroby td {
  border: 1px #000 solid;
  padding: 2px 5px 2px 5px;
  text-align: center !important;
  } 

table.sektor_vyroby th {
  border: 1px #000 solid;
  background-color: #C1C1C1;
  padding: 2px 5px 2px 5px;
  text-align: center;
  }

table.parametry {
  position: relative;
  float: left;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 5px;
  }
  
table.parametry td {
  border: 1px #000 solid;
  padding: 2px 5px 2px 5px;
  text-align: center !important;
  } 

table.parametry th {
  border: 1px #000 solid;
  background-color: #C1C1C1;
  padding: 2px 5px 2px 5px;
  text-align: left;
  }

table.prislusenstvi td img{
  float: left !important;
  }


.galerie {
  width: 100px;
  float: left;
  padding: 10px 18px 10px 0;
  text-align: center;
  }

.galerie img {
  border: none;}

.mapa ul {
  padding-left: 20px;
  text-decoration: none;
  text-align: left;
  color: #000;
  }

.mapa ul a {
  text-decoration: none;
  color: #000;
  }

#vyhledavani{
  position: absolute;
  right: 27px;
  top: 1px;
  width: 188px;
  height: 34px;
	text-align: left;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
	color: #000000;
  line-height:100%;
  }

#vyhledavani_1 {
  float: left;
  border: 0px;
  width: 154px;
  height: 34px;
  font-size: 11px;
  line-height:100%;
  background-image: url(../images/vyhledavani.jpg);
	background-repeat: no-repeat;
  } 

#vyhledavani_1 input {
  position: relative;
  border: 0px #f1f1f1 solid;
  left: 15px;
  top: 9px;
  width: 135px;
  height: 14px;
  padding: 2px;
  text-align: left;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  line-height:100%;
  background-color: #f1f1f1;
  }

#vyhledavani_2 input {
  float: left;
  border: 0px;
  width: 34px;
  height: 34px; 
  background-image: url(../images/hledej.jpg);
	background-repeat: no-repeat;
  } 
  
#vyhledavani_2 input:hover {
  float: left;
  border: 0px;
  width: 34px;
  height: 34px; 
  background-image: url(../images/hledej_hover.jpg);
	background-repeat: no-repeat;
  }   

.tretina_leva {
  position: relative;
  float: left;
  width: 241px;
  padding-left: 0px;
  padding-right: 2px;
  text-align: left;
  }

.tretina {
  position: relative;
  float: right;
  width: 241px;
  padding-left: 4px;
  padding-right: 2px;
  }

.tretina_horni {
  width: 241px;
  height: 28px;
  background-image: url(../images/tretina_horni.jpg);
	background-repeat: no-repeat;
	color: #fff;
  }  

.tretina_horni h2 a {
	color: #fff !important;
	text-decoration: none;
  } 
  
 .tretina_horni h2 a:hover {
	color: #000 !important;
	text-decoration: none;
  }    

.tretina_obsah {
  width: 219px;
  height: 183px;
  padding: 7px 10px 0 10px;
  background-color: #aeaeae;
  border-left: 1px #666666 solid;
  border-right: 1px #666666 solid;
  }

.tretina_obsah a img {
  border: none;
  }

.tretina_obsah a {
  text-decoration: none;
  color: #fff !important;
  }

.tretina_obsah a:hover {
  text-decoration: none;
  color: #000 !important;
  }

.tretina_obsah p {
  text-align: left !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  }
  
.tretina_spodni {
  width: 241px;
  height: 17px;
  background-image: url(../images/tretina_spodni.jpg);
	background-repeat: no-repeat;
  }  

/* menu vodorovne - zacatek */
div#navigace_podklad {
  position: absolute;
  right: 18px;
  top: 1px;
  width: 740px;
  height: 38px;
  background-image: url(../images/navigace.jpg);
	background-repeat: no-repeat;
  }

div#navigace {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 11px;
  margin: 0px;
  }
  
div#navigace ul {
  margin: 0 0 0 0px;
  }
  
  
div#navigace li {
  float: left;
  position: relative;
  list-style-type: none;
  padding: 0 8px 0 8px;
  }

div#navigace li:first-child {
  float: left;
  position: relative;
  list-style-type: none;
  border-left: none;         
  }

div#navigace a{
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
  }

  
div#navigace a:hover {
  color: #FF0000;
  } 
/* menu vodorovne - konec */

#katalogy {
  position: relative;
  bottom: 100px;
  left: 20px;
  width: 600px;
  border: 1px red solid;
  z-index: 0 !important;
  }

/******************************** menu ****************************************/	
div#menu {
  position: relative;
  left: 9px;
  top: 0px;
  width: 185px;
  float: left;
  font-size: 11px;
  text-align: left;
  line-height: 13px;
  margin: 0 0 25px 0;
  z-index: 99 !important;
  border-top: 1px solid #666666;
  }
  
div#menu ul {
  margin: 0 0 0 0px;
  }
  
* html div#menu ul {
  float: left;
  }  
  
div#menu li {
  float: left;
  width: 100%;
  position: relative;
  list-style-type: none;
  border-bottom: 1px solid #666666;
  }

div#menu ul li:hover {
  border-bottom: 1px solid #FF0000;
  }


div#menu ul li a:hover {
  width: 152px;
  background-image: url(../images/menu_hover.jpg) !important;
  }

div#menu a{
  display: block;
  width: 151px;
  text-decoration: none;
  color: #000;
  padding: 8px 9px 8px 24px;
  }
  
div#menu a:hover {
  color: #000;
  } 

div#menu ul li ul.menu {
  top: -1px;
  margin: 0;
  position: absolute;
  width: 212px;
  left: 185px;
  border-top: 1px solid #000;
  }


div#menu ul li ul.pozice {
  position: absolute;
  bottom: -1px;
  left: 185px;
  width: 708px;
  border-top: 1px solid #000;
  border-bottom: 0px solid #000;
  border-left: 1px solid #000;
  }

div#menu ul li ul.pozice li {
  position: relative;
  width: 235px;
  float: left;
  border-left: 0px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-image: none;
  background-image: url(../images/menu_1.png);
  background-repeat: repeat;
  }

div#menu ul li ul.pozice li:hover {
  border-bottom: 1px solid #FF0000;
  }
  
div#menu ul li ul.pozice li a {
  width: 220px;
  }

div#menu ul li ul.pozice li a:hover {
  width: 220px;
  background-image: url(../images/menu_1_hover.png) !important;
  }

div#menu ul li ul.pozice li:first-child {
  border-top: none !important;
  }
  
div#menu ul li ul li {
  width: 210px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-image: none;
  background-image: url(../images/menu_1.png);
  background-repeat: repeat;
  }

div#menu ul li ul li a {
  width: 195px;
  padding: 6px 5px 6px 10px;
  }

div#menu ul li ul li a:hover {
  width: 195px;
  background-image: url(../images/menu_1_hover.png) !important;
  }

body div#menu ul li ul {
  display: none;
  }   
  
div#menu ul li:hover ul {
  display: block;
  }    


  
div#menu ul li:hover ul, div#menu ul li ul:hover {
  display: block;
  }     

  
* html div#menu ul li ul {
  border-top: 1px solid #000;
  border-left: 0px;
  } 

/******************************** menu ****************************************/
        
.konecobtekani:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
	}

		/* Skryto před IE-mac \*/
		* html .ukonceniobtekani {height: 1%;}
		/* Konec skrytí před IE-mac */ 
