@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: Verdana, 'Arial CE', Arial, sans-serif; 
	font-size: 75%;
	text-align: center;
	color: #000000;
	/*background: #FFE718 url("bg.gif") repeat-y;*/
	background: #EFEFEF url(pbg.gif); /* 27.10.06 */
}
/*--- layout stranky ---*/
#page {
  max-width: 1024px;
  text-align: left;
	background: #FFE718 url("bg.gif") repeat-y;
}
  
#zahlavi {
  position: relative;
  min-height: 130px;
}
* html #zahlavi {
  height: 130px;
}
#menu {
  position: absolute;
  top: 108px;
  left: 450px;
  width: 600px;
  min-height: 1.8em;
}
* html #menu {
  height: 1.5em;
  z-index: 99;
}
#dokument {
  background: #FFFFFF url("doc.jpg") repeat-y left bottom;
  border-top: 1px solid #D0B921;
  min-height: 500px;    
}
* html #dokument {
  position: relative;  
  border: 1px solid #FFF;
  border-top: 1px solid #D0B921;
  height: 500px;    
} 

#text {
  position: relative;
  float: right;
  width: 65%;
  padding: 3em 60px 30px 0;
}

#text {
	width: 643px; /* 27.10.06 */
	}
#dokument {
	width: 1024px; /* 27.10.06 */
	}
#page {
	width: 1024px; /* 27.10.06 */
	}

#submenu {
  width: 211px;
}
* html #submenu {
  position: relative;
}
#zapati {
  clear: both;
  position: relative;
  padding: 20px 20px 20px 0;
  line-height: 1.6em;  
  font-size: 0.9em;
  text-align: right;
  min-height: 60px; 
}
* html #zapati {
  height: 60px; 
} 
#jazyky {
  position: absolute;
  top: 0px;
  right: -1px;
  height: 1.5em;
  font-size: 0.8em;
}
/*--- jazyky ---*/
#jazyky li {
 float: right;
 list-style-type: none;
 padding-top: 5px;
 }
#jazyky li a {
  color: #000;
  border-right: 1px solid #000000;
  padding: 0 5px 0 5px;  
}
/*--- zahlavi ---*/
#zahlavi p {
  position: absolute;
  display: block;
  top: 10px;
  right: 0;
  height: 89px;
  width: 401px;
  background: transparent url("zahlavi.gif") no-repeat; 
}
#logo {
  position: absolute;
  top: 31px;
  left: 20px;
  width: 159px;
  height: 74px;
  z-index: 2;
}
/*html #logo {
  z-index: 99;
}*/
/*--- menu ---*/
#menu ul {
  position: relative;
  top: 1px;  
  list-style-type: none;
  width: 600px;
  margin: 0 10px 0 auto;
}
#menu li {
  float: left;
  text-align: center;
  margin-left: 2px;
}
#menu a {
  padding: 5px 5px 2px 9px; 
  display: block; 
  white-space: nowrap; 
  text-decoration: none;
  font-weight: bold; 
  color : #000;
  background: transparent url("zalozka-n.gif") no-repeat;
  border-right: 1px solid #D0B921;
  border-bottom: 1px solid #D0B921;  
}
#menu li.active a, #menu li a:hover {
  background: transparent url("zalozka-a.gif") no-repeat;
  border-bottom: 1px solid #FFF;  
}
unknown {
	width: auto
}
/*--- typografie v divu text ---*/
#anotace {
  position: relative;
  margin-bottom: 20px;
}
*html #anotace {
  height: 125px;
}
#anotace .roh {
  position: absolute;
  top: 0;
  left: 0; 
  background: transparent url("roh.gif") no-repeat;
  z-index: 99;
  width: 18px;
  heigh: 18px;
}
#in-a {
  display: block;
  border: 5px solid #FFE718;
  margin-left: 173px;
  margin-right: 15px;
  padding: 5px 10px 0 10px;
  min-height: 110px;
  background: #F7F7F7; 
}
*html #anotace #in-a {
  height: 110px;
  width: 417px;
} 
#text h1 {
  color: #000;
  text-transform: uppercase;
}
#text h2 a, #text h2 a:hover {
  font-size: 100%;
  color: #cc9900;  
}
#text h3 {
  color: #666;
}
#text p, #text ul, #text ol, #text address {
  margin: 0 0 1em 0;
  line-height: 1.6em;
  text-align: justify; 
}
#text p {
  text-align: justify; 
}
#text li {
  margin-bottom: 0.5em
}
#text ul li {
  list-style-type: disc;
  list-style-position: inside;  
}
#text ol li {
  list-style-position: inside;
}
#text table {
  width: 100%;
  text-align: left;
  margin: 0 0 1em 0;  
}
/*--- produkt box ---*/
div.produkt, div.produkt2 {
  position: relative;
  text-align: center;
  border: 1px #FFE718 solid;
  width: 23%; /* 31 */
  height: 130px;
  float: left;
  margin: 0 10px 10px 0;
  background: #EFEFEF url(pbg.gif);
}

div.produkt2 {
	padding: 5px;
	width: 110px;
	height: 80px;
	}

#text div.produkt img {
	width: 130px;
	height: 87px;
	}

#text div.produkt p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  padding: 5px 0;
  margin: 0;
  text-align: center;  
  font-weight: bold;
  background: #FFE718;
}
#text div.produkt p a {
  color: #000;
  text-decoration: none;
}
/*--- obrazky ---*/
#text .obr {
  text-align: center; 
  background: #EFEFEF; 
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #CCCCCC;
}
#text .obr img {
  margin: 0 auto;
}
#text .obr p {
  text-align: center;
	font-style: italic;  
  margin: 0 auto;
  font-size: 0.9em;
}
/*--- typografie v divu navigace ---*/
#submenu .box  {
  width: 210px;
  background: #CCCCCC url("sub.gif") repeat-y;
  margin-bottom: 200px;
}
#submenu .box h3  {
  text-transform: uppercase;
  border-bottom: 1px solid #FFF;
  padding: 30px 10px 5px 20px;
}
#submenu div.box li {
  line-height: 1em;
  margin: 0;
  padding: 0;
  border: 0px solid #DDD;
  border-bottom: 1px solid #808080; 
}
#submenu div.box li a {
  display: block;
  text-transform: uppercase;
  list-style-type: none;
  padding: 5px 10px 5px 20px;
  font-weight: bold;
  font-size: 0.8em;
  background: #DDD;
  color: #000;
  text-decoration: none;
}
#submenu div.box li a:hover, #submenu div.box li.active a {
  background: #CCC;
  text-decoration: underline;
}
#submenu div.box li.active ul li {
  line-height: 1em;
  margin: 0;
  padding: 0;
  border: 0px solid #EEE;
  border: 1px solid #EEE;
  border-top: 1px solid #808080;  
}
#submenu div.box li.active ul li a {
  display: block;
  text-transform: lowercase;
  list-style-type: none;
  padding: 5px 10px 5px 35px;
  font-weight: bold;
  font-size: 0.8em;
  background: #EEE;
  color: #000;
  text-decoration: none;
}
#submenu div.box li.active ul li a:hover, #submenu div.box li.active ul li.active a {
  text-decoration: underline;
  background: #CCC;  
}
#submenu div.box p#certifikat {
  position: relative;
  padding: 50px 51px 15px 51px;
  background: transparent;
  text-align: center;
}
#submenu div.box p#certifikat a {
  text-decoration: none;
  color: #000;
}
/*--- typografie v divu zapati ---*/
#zapati a, #zapati a:hover {
  color: #000;
}
/*--- obecne tagy (typografie) ---*/
hr  {
  display: none;
}
h1, h2, h3, h4, h5, h6  {
  margin: 0 0 0.15em 0;
  line-height: 1.5em;
  font-family: Trebuchet MS, sans-serif;  
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.4em;
  color: #cc9900;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1em;
}
caption, dfn, cite, q, em {
	font-style: italic;
}
dfn, abbr, acronym {
  border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
	font-style: normal;
}
address {
	font-variant: normal;
	font-style: normal;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
strong {
	font-weight: bold;
}
fieldset {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
legend {
	margin: 0 .5em;
	padding: .5em 0;
  color: #666;	
}
textarea {
	width: 300px;
}
label span {
	display: block;
	float: left;
	width: 170px;
	clear: inherit;
	font-size: 0.9em;
}
table {
  border-collapse: collapse;
  font-size: 1em;
}
th {
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
  background: #EFEFEF;
}
td {
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
}
#menu img {
  border: none;
}
/*---obecne tridy ---*/
div.clear {
  clear: both; 
  margin-bottom: 5px;
}
div.ukonceniobtekani {
  clear: both; 
  font-size:1px; 
  height: 1px;
}
.mezera_dole {
  padding-bottom: 1em;
}
.skryt {
  display: none;
}
a.skryty {
  text-decoration: none;
}
hr.linka {
  display: block;
  border: 1px solid #008830;
  margin: 20px 0;
}
.border {
  border: 1px solid #333333;
}
/*--- titulka ---*/
#text.index {
  width: 682px;
}
div.img-index {
  text-align: center;
}
div.img-index div.produkt {
  float: left;
  width: 25%;
  margin-top: 20px;
  text-align: center;
  font-size: 0.8em;
}
#text div.img-index div.produkt p, #text div.img-index div.produkt li {
  text-align: center;
  margin: 0 auto;
}
#text div.img-index div.produkt ul li {
  list-style-type: none;
}
/*--- mapa webu ---*/
#text ul li ul li {
  margin-left: 15px;
  
}
#text ul li ul li span {
  font-weight: bold;
  color: #666;
}
/*--- tridy a barvy ---*/
.alignL, .imdl {
  float: left;
  margin: 0 10px 10px 0;
}
.imdl {
  text-align: center;
  width: 150px;
  height: 150px;
}
.alignC {
  text-align: center;
}
.alignR {
  float:right;
  margin: 0 0 10px 10px;
}
a {
  color: ;
}
a:hover {
  text-decoration: none;
}
a img {
  border: none;
}
}