<!--
/* základní css styl stránky - base.css - cervenec 2007* verze 12.7 */
html {
	padding: 0px;
	margin: 0px;
	
}
body,div,img,h1,h2,h3,h4,address,p,ul{
	display: block;
	 margin: 0px;
	 padding: 0px;
	 border: none;
	position: relative;
							}
body {
	margin: 0px;
	padding: 0px;
	font: normal normal normal  75% 'Verdana CE','Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
	color: black;
	background: white url("pic/lista.jpg") repeat-x left top;
	text-align: center;
	
	}

div#main{
	width: 750px;
	height: auto;
	min-height: 100%;
	background: transparent !important;
	text-align: justify;
	margin: 10px auto;
	position: relative;
	border: none;
	
}
div#top {
	width: 746px;
	height: 118px;
	float: left;
	border-top: #3C6080 2px solid; 
	border-left: #3C6080 2px solid;
	border-right:#3C6080 2px solid;
	background:transparent;
	
}

div#nav{
	z-index:6;
	width: 746px;
	height: 25px;
	position: relative;
	left:0px;
	top:0px;
	font-size: 12px;
	background-color :transparent !important;
}
div.vnitrni{
	width: 746px;
	height: auto;
	margin-top: 1px;
	clear: both;
	background-color: transparent !important;
}

div.topLeft{
	width: 455px;
	height: 112px;
	margin-top:2px;
	margin-left:2px;
	float:left;
	background:white url("pic/logo.jpg") no-repeat left center;
	
}
div.topRight{
	width: 160px;
	height: 112px;
	margin-top:2px;
	margin-left:70px;
	float:left;
	background:white;
	
}
div.topLeft a{
	display: inline;
}
div.topRight a{
	display: inline;
	color: blue;
	text-decoration: none;
	font-size: 11px;
	font-style:normal;
}
div.topRight a:hover{
	text-decoration: underline;
	
}
address{
	width: 170px;
	height: auto;
	float: left;
	white-space: normal;
	padding-top: 10px;
	font-size: 11px;
	font-style:normal;
	color: black;
}
div.search{
	width: 746px;
	height:25px;
	margin-top: 2px;
	font-size: 12px;
	background-color: #A4C5F7;
	border-left: #3C6080 2px solid;
	border-right:#3C6080 2px solid;
	border-bottom: #3C6080 solid 1px;
}
div.searchL{
	width: 400px;
	height: auto;
	position: relative;
	float:left;
}
div.searchP{
	width: 330px;
	height: auto;
	position: relative;
	float: right;
	
}
div.searchL p{
	position:relative;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}

div.searchP p{
	position: relative;
	float: right;
	margin-left: 2px;
}
p input.submit{
	cursor: pointer;
}
form.hledac{
	border: none;
	font: normal normal normal  10px 'Verdana CE','Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
	color:  #919191;
}
.buttonA{
	margin-top: 1px;
	background-color: white;
	border: #3C6080 1px solid;
}
div#obsah{
	width: 746px;
	height: 60em;
	min-height: 30em;
	clear: both;
	border-left: #3C6080 2px solid;
	border-right:#3C6080 2px solid;
	border-top:none;
	background-color:white;
	
}
div#obsah a{
	font-size: 100%;
	font-weight: bold;
	line-height: 160%;
	color: black;
	text-decoration: none;
}
div#obsah p{
	width: 660px;
	height: auto;
	text-align: justify;
	margin-top: 0.3em;
	margin-left: 50px;
}
ul {
	list-style: outside square;
	position: relative;
	margin-left: 100px;
	margin-top: 1.5em; 
	margin-bottom: 1.5em; 
} 


div#obsah li {
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	color: black;
}
div#obsah a#tisk {
	display: block;
	width:70px;
	height: 25px;
	background:white;
	margin-left: 600px;
	margin-top: 10px;
	font-size: 100%;
	font-weight: bold;
	font-style: oblique;
	text-decoration: underline;
	color: black;
}
div#obsah a#tisk:hover {
	display: block;
	width:70px;
	height: 25px;
	background:white;
	margin-left: 600px;
	margin-top: 10px;
	font-size: 100%;
	font-weight: bold;
	font-style: oblique;
	text-decoration: underline;
	color:#E67F00;
}
div#obsah a#help {
	display: inline;
	font-weight: bold;
	text-decoration: underline;
}
div#obsah a#help:hover {
	color:#E67F00;
}
div.paticka{
	width:746px;
	height:55px;
	border-left: #3C6080 2px solid;
	border-right:#3C6080 2px solid;
	border-bottom: #3C6080 2px solid;
	border-top:none;
	background:white url("pic/foot.jpg") no-repeat left bottom;
	clear:both;
}
div.paticka p{
	width: 160px;
	height: 30px;
	float: left;
	margin-top: 17px;
	margin-left: 10px;
	background: #A4C5F7;
	text-align: center;
}
div.paticka p.p1 {
	width: 220px;
	height: 30px;
	float: left;
	margin-top: 17px;
	margin-left: 10px;
	background: #A4C5F7;
	text-align: center;
}
div.paticka p.p1 span{
	display: inline;
	font-size: 8pt;
	font-weight: normal;
	color: black;
}
div.paticka span{
	display: inline;
	font-size: 7pt;
	font-weight: normal;
	color: black;
}
div.paticka a{
	display: inline;
	font-size: 7pt;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
div.paticka a:hover{
	font-size: 7pt;
	font-weight: bold;
	color: #E67F00;
	text-decoration: none;
}
strong{
	font-weight: bold;
}
p.cistic{
	width: 740px;
	height: 6em;
	
}
/* navigace  */
div#prvni {
	margin: 0px;
	padding: 0px;
	border: none;
	position: absolute;
}
div.prvni a {
	display: block;
	position: relative;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
div.prvni a:hover {
	color: #E67F00;
}

div.submenu {
	height: auto;
	width: auto;
	background:transparent !important;
	color: white;
	font-weight: bold;
	
}	

div.submenu a{
	display: block;
	height: 20px;
	position: relative;
	float: left;
	clear: both;
	color: white;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 4px;
	padding-left: 0.5em;
	text-decoration: none;
	border-left: 1px solid #3C6080;
	border-right: 1px solid #3C6080;
	border-bottom: 1px solid #3C6080;
	background:#A4C5F7 url("pic/linkBack.jpg") repeat-x left top;
}
div.submenu a:hover {
	font-weight: bold;
	color: #E67F00;
	white-space: nowrap;
	background:#A4C5F7 url("pic/linkBack.jpg") repeat-x left top;
	text-decoration: none;
}
div#seznam1 a{
	width: 190px;
	
}

div#seznam2 a{
	width: 120px;
	
}

div#nav a#activni {
	text-decoration: none;
	color: #E67F00;
	font-weight: bold;
}



div#seznam1{
	display: none;
	width: 190px;
	height: auto;
	position: absolute;
	left: 100px;
	top: 25px;
	z-index: 1;
	border-top: 1px solid black;
	border-bottom:none;
	background: white;
	
}
div#seznam2{
	display: none;
	width: 120px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 25px;
	z-index: 1;
	border-top: 1px solid black;
	
}
div#level1, div#level2, div#level3{
	display: none;
	width: 200px;
	height: auto;
	position: absolute;
	left: 290px;
	border-top: 1px solid black;
}
div#level1 {
	top:25px;
}
div#level2 {
	top:75px;
}
div#level3 {
	top:50px;
}

div#level1 a{
	width: 190px;
}
div#level2 a{
	width: 190px;
}
div#level3 a{
	width: 190px;	
}


/* konec navigace -> začátek obsahu*/
h1{
	position: relative;
	top:0.5em;
	margin-left: 50px;
	margin-bottom: 1em;
	font-size: 130%;
	font-weight: bold;
	color: #E67F00;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-align: left;
}
h2,h3{
	position: relative;
	left: 20px;
	top: 0;
	margin-bottom: 1.0em;
	font-size: 110%;
	font-weight: bold;
	color: #E67F00;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
/* page produkty  */
dl{
	display: block;
	position: relative;
	left: 3em;
	top: 0.2em;
}

dd{
	font-size: 90%
}
div#obsah a:hover{
	color: #E67F00;
	text-decoration: underline;
}
/* obrázky stránky */
div.paticka img{
	float: left;
	margin-top: 17px;
	margin-left: 20px;
	border: 0;
}
div.paticka img.pic1{
	float: left;
	margin-top: 17px;
	margin-left: 10px;
	border: 0;
}
/* page specifikace produktů */
.middle{
	width: 650px;
	height:auto;
	clear: both;
	margin-top: 1em;
	text-align: left;
	
}
.down{
	width: 650px;
	height:auto;
	clear: both;
	margin-top: 1em;
	text-align: left;
	
}
.tabulka{
	width: 600px;
	height:auto;
	clear: both;
	margin-top: 0.5em;
	text-align: center;
	
}
table{
	display: table;
	width: auto;
	border-collapse: separate;
	border: 2px solid #696767;
	margin-left: auto;
	margin-right: auto;
}
tr{display:table-row;}

td,th{
	display:table-cell;
	width: auto;
	height: auto;
	text-align:center;
	vertical-align:middle;
	border: 2px solid #696767;
	padding: 0.3em;

}
th{
	text-align: left;
}
div#obsah div.kontakt {
	display: block;
	width: 742px;
	height: auto;
	float: left;
	clear: both;
	margin-top: 1.5em;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 1.5em;
	text-align: left;
	background: white;
}
div#obsah div.kontakt div.bezne{
	width: 200px;
	height: auto;
	float: left;
	margin-top:0;
	margin-left: 40px;
	text-align: left;
	background: white;
}
div#obsah div.kontakt div.micro{
	width: 300px;
	height: auto;
	float: left;
	margin-top:0;
	margin-left:0px;
	text-align: left;
	background: white;
}

ul.typ {
	list-style: outside square;
	margin-top: 0;
	margin-left: 20px;
	
}

ul.typ li {
	font-size: 95%;
	font-weight: normal;
	line-height: 120%;
	color: black;
}
/* styly určené pro tisk */
div#topTisk{
	display: none;
} 
hr {
	display: none;
}
sub{
	font-size: 80%;
}
/* page kontakty */
em{
	letter-spacing: 0.1em;
	font-size: 105%;
	font-weight: bold;
	font-style: normal;
}
hr.cara{
	display: block;
	width:600px;
	height:1px;
	color: #3C6080;
	background: #3C6080;
	border: none; 
	text-align: center;
	margin-top: 0.5em;
	margin-left: auto;
	margin-right: auto;

}
/* POPTÁVKA - FORMULÁŘ PAGE */
div#obsah div.boxInfo{
	width: 400px;
	height: auto;
	float: left;
	clear:both;
	margin:0;
	background-color: red;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
div#obsah div.boxSend{
	width: 360px;
	height: auto;
	float: left;
	clear:both;
	margin-left: 10px;
	margin-top: 20px;
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
div#obsah div.boxInfo p.infoA{
	width: 150px;
	height: auto;
	float:left;
	background-color: blue;
	margin-top: 10px;
	text-align: center;
	text-indent: 0;
	margin-left: 0;
}
div#obsah div.boxInfo p.infoB{
	width: 180px;
	height: auto;
	float:left;
	background-color: black;
	margin-top: 10px;
	text-align: left;
	text-indent: 0;
	margin-left: 0;
}
div#obsah div.boxInfo p.infoC{
	width: 220px;
	height: auto;
	float:left;
	background-color: green;
	margin-top: 20px;
	text-align: left;
	font-size: 11px;
	text-indent: 0;
	margin-left: 0;
}
.pole{
	width:150px;
  	 height:auto;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	background-color: Fuchsia;
	border: 1px solid black;
 }
 div#obsah fieldset{
 width: 400px;
 	border: 1px solid #b8b8b8;
	padding: 1em;
	background: Aqua;
 }
.pole2{
	font-size:12px;
   font-weight:bold;
	color:#B54A60;
	background-color:#E4E4E4;
	cursor:pointer; 
}	
div.boxInfo .pole3{
	background-color: white;
 }	
div.boxInfo span.znacka{
	font-weight: bolder;
	font-size: 14px;
	color: #D50000;
 }
/* -------------- hack width pro IE5 ---------------*/
div#level1, div#level2, div#level3 {
voice-family: "\"}\""; 
voice-family: inherit;
  left: 298px;
} 


-->