* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Tahoma, Arial, Sans-serif, "Trebuchet MS";
	font-size: 0.8em;
	color: #505050;
	text-align: center;
	background: #c5c5c5 url('../_images/body-back.jpg') repeat-x top left;
	height: 100%;
	padding: 17px 0 0 0;
}
h1 {font-size: 1.6em; color: #255f1b; font-weight: bold; background: url('../_images/h1-back.jpg') no-repeat top left; margin: 30px 0 5px 0; padding: 2px 0 5px 0;}
h1.index {margin-top: 0px}
h2, h3 {font-size: 1.4em; color: #255f1b; font-weight: bold; margin: 0px 0px 5px 0px;}
h3 {font-size: 1.2em;}
h2.main {background: url('../_images/h2-back.gif') no-repeat top left; padding: 2px 0 5px 20px; }
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #388e2a; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #e54b28;/*#e26f31;*/ text-decoration: underline;}
h2.caption {font-size: 0.9em; text-align: center; margin: 5px 0;}
p {	margin: 0 0 15px 0;
	font-size: 0.9 em;
	line-height: 1.8em;
	text-align: justify;
}
small {font-size: 0.85em;}
a {color: #255f1b; text-decoration: underline; font-weight: bold;}
a:hover {color: #e3722d;/*#e26f31;*/}
/*a:visited {}*/
img {margin: 0; border: 1px solid #cfcfcf;}
ul {margin: 0 0 15px 40px;}
ul li {list-style: circle; margin: 0 0 8px 0;}
strong {font-weight: bold; color: #505050;}

/*tabulky*/
table { font-size: 0.9em; /*border-color: #5C80E5;*/ margin: 0px 0px 15px 0; border-collapse: collapse;}
table caption, h2.caption { font-weight: bold; color: #7f1100; margin: 0px auto;}


i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {border: 1px solid #698eac; margin: 10px;}

address {font-style: normal; }

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.darkred {color: #d71d1d;} .darkred strong {color: #833636;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {vertical-align: middle; padding: 0;}
.light {color: #b1b1b1;}
.bigger {font-size: 1.2em;}
img.right, img.left {border: none;}
img.right {margin: 0 0 0 20px;}
img.left {margin: 0 20px 0 0;}
/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  position: relative;
  text-align: left;
  background: #ffffff url('../_images/container-back.jpg') repeat-y top right;
  width: 957px;
  margin: 0 auto;
}

/*--------------- HEADER -----------------*/
#header {
  background: #488c4a url('../_images/header-back.jpg') no-repeat top left;
  width: 957px;
  height: 262px;
  padding: 0;
}

#content {
  float: right;
  width: 687px;
  _width: 737px;
  margin: 0 1px 0 0;
  padding: 0 30px 10px 20px;
}

#left-pane {
  float: left;
  background: #488c4a url('../_images/left-pane-back.jpg') repeat-y top left;
  border-bottom: none;
  width: 219px; /*width: 219px;*/
  _width: 217px;
  overflow: hidden;
  min-height: 550px;
  _height: 550px;
  margin: 0 0 0 0;
  padding: 0;
}
#left-pane .crossover {
  background: url('../_images/menu-prechod.jpg') no-repeat top left;
  width: 219px;
  height: 74px;
}
#left-pane address {
  color: #ffffff;
  background: url('../_images/menu-address-back.jpg') repeat-y top left;
  width: 194px;
  _width: 219px;
  padding: 10px 0 10px 25px;
}
#left-pane address strong {color: #ffffff;}
#left-pane address a {color: #ffffff; font-weight: normal;}
#left-pane address a:hover {color: #e3722d;}
#left-pane address span {
  display: block;
  margin: 5px 0 0 15px;
}

/*------- menu ----------*/

ul.menu {
  background: #488c4a url('../_images/menu-ul-back.jpg') repeat-y top left;
  width: 169px;
  _width: 218px;
  margin: 0;
  padding: 0 0 15px 25px;
}
ul.menu li {
  list-style: none; 
  /*background: #fcdaba url('../_images/menu-li-back.jpg') no-repeat top left;*/
  margin: 0 0 10px 0;
}

ul.menu li a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  margin: 2px 0 0 0;
  /*padding: 0 0 0 15px;*/
}

ul.menu li ul {
  width: 180px;
  margin: 10px 0 0 10px;
  padding: 0;
}
ul.menu li ul li a {
  font-weight: normal;
}
ul.menu li a:hover {color: #e3722d;}

/*------------- logo ----------*/
#logo {
  clear: both;
  position: absolute;
  top: 20px;
  left: 368px;
  width: 220px;
  height: 235px;
  /*border: 1px solid red;*/
  z-index: 1000;
}

#logo, #logo a, #logo a span {
  width: 220px;
  height: 235px; 
}
/*#header #logo {}*/
#logo a {
	position: relative;
  display: block;
  text-decoration: none;
	color: #383838;
	font-size: 10px;
}
#logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor: pointer;
	background: #ffffff url('../_images/header-back.jpg') no-repeat -368px -20px;
}

/*----------- paticka ---------*/
#footer {
  clear: both;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  background: #fff url('../_images/footer-back.jpg') repeat-y top left;
  width: 957px;
  height: 35px;
  padding: 10px 0 0 0;
}
#footer a {color: #ffffff; text-decoration: none;}
#footer img {border: none;}
/*--------- drobecek -----------*/
.drobecek {
  clear: both;
  position: absolute;
  top: 265px;
  left: 240px;
  color: #b4b4b4;
  font-size: 0.85em;
  width: 720px;
  height: 25px;
  z-index: 1000;
}
.drobecek a {
  color: #858585;
  font-weight: normal;
  text-decoration: none;
}

.nahled {
  text-align: center;
  width: 152px;
  margin: 0 5px;
}
.nahled .popisek {
  font-size: 0.8em;
}
.horizontal {margin: 0 0 0 10px; text-align: center;}
.horizontal .nahled {
  float: left;
  /**display: inline;
  *float: none;  
  /*height: 170px;*/
  margin: 0 5px 10px 0; 
}

/*---------- kontakt -------*/
#content address {
  float: left;
  width: 300px;
}
#mapa-right {
  float: right;
  text-align: center;
  width: 370px;
}
#mapa {
  border:1px solid #000000;
  width:370px;
  height:320px;
}
 
/*---------- ostatni -------*/
.hlaska {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: #e57543 url('../_images/hlaska-back.gif') repeat-x top left;
  border: 2px solid #d4621c;
  margin: 0 0 12px 0;
  padding: 8px 0;
}

.hlaska ol {text-align: left; margin: 0 0 0 35px;}

/*--------- formulare ----------*/

fieldset {text-align: left; border: 1px solid #c1a5a1; margin: 0 auto; padding: 10px; width: 550px;}
fieldset p {font-size: 0.85em;color: #000; margin: 8px 0 0 0;}
label {float: left; text-align: right; width: 100px;}
input, textarea, select {vertical-align: middle; border: 1px solid #c1a5a1; margin: 0 0 5px 0;}
input.text {width: 300px;}
input.short {width: 150px; padding: 2px;}
input.psc {width: 80px;}
input.submit {
  color: #000; 
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #a2a2a2; 
  height: 22px;  
  margin: 4px 0 0 100px;
  _margin: 4px 0 0 102px;
  padding: 0 0 2px 0;
}




