* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Tahoma, Arial, Sans-serif, "Trebuchet MS";
	font-size: 0.8em;
	color: #ffffff;
	text-align: center;
	background: #575757 url('../_images/body-back.gif') repeat-x top left;
	height: 100%;
	padding: 39px 0 0 0;
}
h1 {font-size: 2em; color: #fffc00; font-weight: normal; margin: 0 0 5px 27px; padding: 10px 0 20px 0;}
h2, h3 {font-size: 1.4em; color: #66015b; 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: #ffffff; text-decoration: underline; font-weight: bold;}
a:hover {color: #e4e207;/*#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: #ffffff;}

/*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;}
.strong {font-weight: bold;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {vertical-align: middle;}
.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: transparent url('../_images/container-back.jpg') repeat-y top right;*/
  width: 996px;
  margin: 0 auto;
}

/*--------------- HEADER -----------------*/
#header {
  background: #ffffff url('../_images/header-back.jpg') no-repeat top left;
  width: 996px;
  height: 225px;
  margin: 0; padding: 0;
}

#content {
  background: #424242 url('../_images/content-back.gif') repeat-y top left;
  width: 990px;
  _width: 996px;
  margin: 0 1px 0 0;
  padding: 0 3px 10px 3px;
}


/*------- menu ----------*/

ul#menu {
  position: absolute;
  top: 225px;
  right: 0;
  width: 445px;
  height: 40px;
  margin: 0; 
  padding: 0;
  z-index: 150;
}
ul#menu li {
  float: left;
  list-style: none;
  text-align: center;
  background: transparent url('../_images/menu-li-back2.gif') no-repeat top left;
  width: 92px;
  height: 32px;
  _height: 22px;
  margin: 0 12px 10px 0;
}

ul#menu li a {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  width: 92px;
  height: 22px;
  _height: 32px;
  margin: 0;
  padding: 10px 0 0 0;
}

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: 80px;
  left: 255px;
  width: 455px;
  height: 105px;
  /*border: 1px solid red;*/
  z-index: 1000;
}

#logo, #logo a, #logo a span {
  width: 455px;
  height: 105px;
}
/*#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 -255px -80px;
}

/*--------- index images --------*/
.index_img1, .index_img2, .index_img3, .index_img4 {position: absolute; width: 262px; height: 208px;}
.index_img1 {
  top: 250px;
  right: 9px;
  background: transparent url('../_images/index-abs1-back.jpg') no-repeat top left;
  z-index: 1;
}
.index_img2 {
  top: 410px;
  left: 8px;
  background: transparent url('../_images/index-abs2-back.jpg') no-repeat top left;
  z-index: 1;
}
.index_img3 {
  top: 590px;
  right: 9px;
  background: transparent url('../_images/index-abs3-back.jpg') no-repeat top left;
  z-index: 1;
}
.index_img4 {
  top: 750px;
  left: 8px;
  background: transparent url('../_images/index-abs4-back.jpg') no-repeat top left;
  height: 198px;
  z-index: 1;
}

/*---------- index panes --------*/
#content .index_pane1 {float: left; background: #fffddc url('../_images/index-pane1-back.gif') no-repeat top left;}
#content .index_pane2 {float: right; background: #fffddc url('../_images/index-pane2-back.gif') no-repeat top left;}
#content .index_pane3 {float: left; background: #fffddc url('../_images/index-pane3-back.gif') no-repeat top left;}
#content .index_pane4 {float: right; background: #fffddc url('../_images/index-pane4-back.gif') no-repeat top left;}

#content .index_pane1,
#content .index_pane2,
#content .index_pane3,
#content .index_pane4 {
  position: relative;
  width: 795px;
  height: 153px;
  margin-top: 0;
  margin-right: 9px;
  margin-bottom: 10px;
  margin-left: 9px;
  z-index: 10;
}
#content .index_pane1 div,
#content .index_pane2 div,
#content .index_pane3 div,
#content .index_pane4 div {
  color: #000000;
  /*font-weight: bold;*/
  margin: 15px;
}
#content .indexp a {color: #000000;}
#content .indexp a:hover {color: #e3722d;}
#content .indexp strong {color: #484848;}



/*----------- paticka ---------*/
#footer {
  clear: both;
  color: #000000;
  text-align: center;
  font-size: 0.9em;
  background: #fff url('../_images/footer-back.gif') no-repeat top left;
  width: 996px;
  height: 22px;
  _height: 32px;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}
#footer a {color: #000000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#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 30px 10px 0;
}
.content_pane {margin: 0 30px 20px 30px;}

/*---------- kontakt -------*/
#content address {
  float: left;
  width: 360px;
}
#mapa-right {
  float: right;
  text-align: center;
  width: 520px;
}
#mapa {
  border:1px solid #000000;
  width:520px;
  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; background-color: #4e4e4e; padding: 10px; width: 100%;}
fieldset p {font-size: 0.85em;color: #fff; 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;
}