body{
  background-color: white; 
  font-family: tahoma, arial, sans-serif;
  margin: auto;
  font-size: 0.8em;
  text-align: center;
}
div#hlavni{
   /*position:relative;*/
	width: 721px;
	background-color: white;
	text-align: center;
	margin: auto;
	padding: 0px;
	clear: none;
	position: relative;
}
div#hlavicka{
	width: 721px;
	background-color: White;
	background-image: url(images/head.png);
	height: 164px;
	position: relative;
	color: Gray;
}
div#hlavicka div{
	position: absolute;
	padding-left: 30px; 
	background-repeat: no-repeat;
	background-position: left center;
}
div#hlavicka div#tel{
	background-image: url(images/tel.gif);
	top: 143px;
	left: 522px;
}
div#hlavicka div#icq{
	background-image: url(images/icq.gif);
	top: 114px;
	left: 419px;
}
div#hlavicka div#mail{
	background-image: url(images/email.gif);
	top: 110px;
	left: 141px;
}
div#hlavicka div#adr{
	background-image: url(images/homebw.gif);
	top: 136px;
	left: 183px;
}
div#hlavicka div#private{
	top: 72px;
	left: 176px;
}
div#hlavicka div#private a{
	text-decoration: none;
}
a.picture{
	display: block;
	height: 45px;
	margin: 0 0 8px 0;
	width: 250px;
	background-repeat: repeat-y;
	padding-left: 55px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	z-index: 1;	
}
a.picture:visited, a.picture:link{
	background-position: 0px 0px;
	color: Black;
}
a.picture:hover{
	background-position: 0px 45px;
	text-decoration: underline;
	
}
a.hory{
	background-image: url(images/hory.gif);
}
a.c4a{
	background-image: url(images/c4a.gif);
}
a.private{
	background-image: url(images/private.gif);
}
a.elegant{
	background-image: url(images/elegant.gif);
}
a.lanar{
	background-image: url(images/lanar.gif);
}
a.junak{
	background-image: url(images/junak.gif);
}
a.discryptor{
	background-image: url(images/discryptor.gif);
}
a.planany{
	background-image: url(images/planany.gif);
}
a.hscr{
	background-image: url(images/hscr.gif);
}
a.kamen{
	background-image: url(images/kamen.gif);
}
a.kolo{
	background-image: url(images/kolo.gif);
}
a.cyklodata{
	background-image: url(images/cyklodata.gif);
}
a.mujplan{
	background-image: url(images/mujplan.gif);
}
a.gps{
	background-image: url(images/gps.gif);
}
a.mpf{
	background-image: url(images/mpf.gif);
}
a.red:hover{
	color: red;
}
a.lblue:hover{
	color: #1E90FF;
}
a.blue:hover{
	color: #4D4EFF;
}
a.green:hover{
	color: #009C4F;
}
a.yellow:hover{
	color: #EBB614;
}
a.okr:hover{
	color: rgb(255,153,0);
}
a.brown:hover{
	color: rgb(102,51,0);
}
a.violet:hover{
	color: rgb(153,0,204);
}
a.fosfor:hover{
   color: rgb(0,140,0);
   color: rgb(102,255,102);
   color: rgb(103,205,0);
}
span.detail{
	font-size: 11px;
	color: Black;
	text-decoration: none;
	font-weight: normal;
	position: absolute;
	margin-top: -20px;
	margin-left: 55px;
	padding: 0px 200px 15px 0;
	z-index: 0;
}
div#vnitrni{
	padding: 10px 5px 5px 30px;
	margin: 5px 60px 5px 60px;
	text-align: left;
	/*border-left: 3px double #C2C1C0;
	border-right: 3px double #C2C1C0;*/
	background-image: url(images/corner2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
div#foot{
	position: relative;
	height: 55px;
	background-image: url(images/foot.png);
	margin: 0;
	padding: 0px;
	color: Gray;
	text-align: left;
	
	/*background-image: url(images/foot.jpg);*/
}
div#foot div{
   padding-top: 30px; 
   padding-left: 100px;
}
div#foot a:link, div#foot a:visited{
   color: gray;  
}
div#foot a:hover{
   color: #222;  
}
div#hlavicka h1{
   text-align: center;
   margin: 0px;
}
div#hlavicka h1 a{
   display: block;
   margin: 0px auto;
   width: 721px;
   height: 107px;
}
div#hlavicka h1 a span{
   display: none;
}
div#hlavicka h2{
   display: none;
}

h1 {
   color: #bbb;
   margin: 0.5em 0px 0.5em 15px;
   color: #bbb;   
}
h2 {
   color: #bbb;
   margin: 1.1em 0px 0.5em 30px;
   color: #bbb;   
}
h3{
   margin: 11px 0px 5px 0px;
}
h4.odr{
   margin: 4px 0px 3px 8px;
   padding-left: 15px;
   background-image: url(images/odrazka.gif);
   background-repeat: no-repeat;
   background-position: left center;
}
ul{
   margin: 2px;
   list-style-image: url(images/odrazka.gif);
}
li span{
   color: gray;
}
.none{
   display: none;
}
/*NAVSTEVY*/
table.pristupy{
	font-size: 12px;
	border: 0px;
	width: auto;
}
table.pristupy tr{
	height: 20px;
	border: 0px;
}
table.pristupy td{
	border: 0px;
}
table.pristupy div.pristupy{
	height: 15px;
	background-color: #FFBBA2;
	border: 1px solid #FF4500;
}
table.pristupy span.hodnota{
	position: absolute;
	padding: 0px 4px 0 4px;
}
.after{
   font-size: 11px;
   color: #666666;
   padding: 5px;
   margin: 5px;
}

/*FORMULARE*/
/* FORMULARE */
div.insideform{
	margin: 5px 0px 30px 160px;
	border: 1px solid #aaa;
	clear: left;
	padding: 0 15px 15px;
}
div.insideform h4{
	clear:left;
	font-size: 1.1em;
	margin: 15px 0px 15px;
}
div.insideform h4 span{
	padding: 3px 10px;
	color: #666;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-left: 5px;
	font-weight: bold;
}
label{
      width: 150px;
      display: block;
      float:left;
      text-align:right;
      margin-top:1px;
      clear:left;
}
label.normal{
     width: auto;
     display: inline;
     float: none;
     clear:none;
     text-align:left;
     margin-top:0px;
  }
  input, select, textarea, span.input{
     display: inline;
     
     margin-left: 10px;
     margin-top:1px;
     /*border: 1px solid black;*/
  }
  span.input{
  	  border: 0px;
  	  position: relative;
  	  top: 2px;
  	  
  }
  textarea{
	width: 300px;
	height: 6em;
}
fieldset{
	width:auto;
	display: block;
	/*float:left;*/
	clear:both;
	/*border: 0px solid #ccc;*/
	/*background-color: #eee;*/
	margin-top: 10px;
	width: 75%;
	border: 0px;
  }
  legend, h3.legend{
	clear:left;
	color: #666;
	font-size: 1.2em;
	padding: 3px 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-left: 5px;
	font-weight: bold;
	display: inline;
}
form {
	margin: 10px 0px 10 30px;
}
form input.pidi{
	width: 2em;
}
form input.maly{
	width: 7em;
}
form input.velky{
	width: 300px;
}
.err, .error{
	color: red !important;
}
form.filtr{
	width: auto;
	float: none;
	margin: 0.4em 0px;
	padding: 0px;
}
form.filtr fieldset {
	width: auto;
	float: none;
	margin: 0px; 
	padding: 5px;
}
form.filtr input {
	display: inline;
	float: none;
}
form.filtr label {
	display: inline;
	float: none;
	width: auto;
	margin-left: 10px;
}
form.filtr br{
	display: none;	
}
form.full fieldset{
	float: none;
	width: 75%;
}
.programInfo{
	color: gray;
	margin: 10px 30px;
}
a.cfile{
	background-image: url("images/text.gif");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	display: block;
	float: left;
}
a.zipfile{
	background-image: url("images/zip.gif");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 30px;
	display: block;
	float: left;
}