* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	background: #71a078 url('../_images/body-back.jpg') repeat-x top right;
	font-size: 0.8em;
	color: #404040;
	height: 100%;
	text-align: center;
}
h1 {font-size: 1.5em; color: #626561; background: url('../_images/h1-list.gif') no-repeat top left; font-weight: bold; min-height: 59px; _height: 59px; margin: 0px 0px 10px 0px; padding: 20px 0 0 65px;}
h2 {font-size: 1.2em; color: #626561; font-weight: bold; margin: 0px 0px 5px 0px;}
h3 {font-size: 1em; color: #626561; font-weight: bold; margin: 5px 0px 0px 0px;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #18621e; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #082d0b;/*#e26f31;*/ text-decoration: underline;}
p {	margin: 0px 0px 10px 0px;
	font-size: 0.9 em;
	font-weight: normal;
	line-height: 1.5;
	text-align: justify;
}
small {font-size: 0.85em;}
a {color: #18621e; text-decoration: none; font-weight: bold;}
a:hover {color: #082d0b;/*#e26f31;*/ text-decoration: underline;}
/*a:visited {}*/
img {border: 1px solid #bfbfbf;	margin: 0;}
ul {margin: 0px 0px 0px 20px;}
li {/**list-style-image: url('../_images/list.gif');*/ list-style: circle;}
strong {font-weight: bold; font-size: 105%; color: #585858;}

/*tabulky*/
table { font-size: 0.95em; border: 1px solid #990033; margin: 0px auto 15px auto; border-collapse: collapse;}

table caption { font-weight: bold; color: #990033; margin: 0px auto;}

tr{ border: none;}
th, td { text-align: left; border: 1px solid #990033; padding: 5px 5px; color: #000000;}
th {font-weight: bold; width: 150px; background-color: #e3d8d7; color: #000000;}

i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {clear: both; display: none;}

address {float: left; font-style: normal; width: 180px;}

/*--------------------------- 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;}
.small {font-size: 0.85em;}
.normal {font-size: 1em;}
.bigger {font-size: 1.1em; font-weight: bold;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0 auto; padding: 3px 4px;}
.light {color: #b1b1b1;}
img.left {margin: 0 10px 4px 0;}
.nahledy img {margin: 0 0 0 10px;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  width: 800px;
  _width: 799px;
  text-align: left;
  background-color: #ffffff; /*url('../_images/container-back2.gif') repeat-y top left;*/
  border: 1px solid #ffffff;
  margin: 0px auto;
  padding: 0; 
}

#main {
  float: right;
  width: 618px;
}
/*---------------- HEADER -----------------*/
#header {
  float: left;
  width: 179px; 
  height: 165px;
}
#header a {
	position: relative;
  display: block;
  text-decoration:none;
	color:#000000;
	font-size: 15px;
  width: 179px; 
  height: 165px;
}
#header a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-logo.jpg') no-repeat top left;
  width: 179px; 
  height: 165px;
}

/*-------- PEREX (HEADER RIGHT) ---------*/
#header-right {
  background: url('../_images/header-back.jpg') no-repeat top left;
  width: 598px; _width: 618px;
  height: 232px; _height: 247px;
  padding: 5px 10px 10px 10px;
}
#header-right a {
  float: left;
  color: #d4e6d4;
  font-weight: bold;
  text-decoration: none;
  width: 100px;
}

#header-right a.online {
  float: none;
  color: #d4e6d4;
  font-weight: bold;
  text-decoration: none;
  width: auto;
}

#header-right a:hover, #header-right a.online:hover {text-decoration: underline;}
#header-right div {
  float: right;
  text-align: right;
  color: #e3fff1;
  font-style: italic;
  font-weight: bold;
  width: 400px;
  margin: 0; padding: 0;
}

/*--------------- CONTENT ---------------*/
#content {
  background: #d8f0cf url('../_images/content-back.jpg') no-repeat top left;
  width: 578px; _width: 598px;
  min-height: 590px; _height:605px;
  padding: 5px 10px 10px 10px;
  
}
#content.ospolecnosti {min-height: 350px; _height:365px;}

/*----------------MENU --------------*/
#menu {
  float: left;
  background: url('../_images/menu-back.jpg') no-repeat top left;
  width: 179px;
  /*_margin: 0 -3px 0 0*/
  /*border: 1px solid red;*/
  
}
#menu ul {list-style: none; height: 157px; _height: 161px; margin: 0 0 5px 0; padding: 4px 0 0 4px;}
#menu ul li {
  list-style: none; 
  /*margin: 0 0 5px 0;*/
  padding: 0;
}
#menu ul li a {
  position: relative;
  display: block;
  width: 170px;
  height: 22px;
}
#menu ul li a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor: pointer;
	width: 170px;
	height: 22px;
}

#menu ul li.menu1 a span {background: url('../_images/menu1.gif') no-repeat top left;}
#menu ul li.menu2 a span {background: url('../_images/menu2.gif') no-repeat top left;}
#menu ul li.menu3 a span {background: url('../_images/menu3.gif') no-repeat top left;}
#menu ul li.menu4 a span {background: url('../_images/menu4.gif') no-repeat top left;}
#menu ul li.menu5 a span {background: url('../_images/menu5.gif') no-repeat top left;}
#menu ul li.menu6 a span {background: url('../_images/menu6.gif') no-repeat top left;}

#menu ul li a:hover span, ul#menu li a.active span {background-position: -170px top;}

#menu #undermenu {
  float: left;
  background: #e4e4e5 url('../_images/undermenu-top.gif') no-repeat top left;
  width: 167px; _width: 174px;
  margin: 0 0 0 2px;
  padding: 8px 4px 4px 4px;
} 
#menu #undermenu img {
  border: 1px solid #bfbfbf;
  margin: 5px 0 0 0;
}
#menu #undermenu-bottom {
  clear: left;
  line-height: 0.1em;
  background: #e4e4e5 url('../_images/undermenu-bottom.gif') no-repeat top left;
  width: 175px;
  height: 8px;
  margin: 0 0 0 2px;
  _margin: -6px 0 0 2px;
}
#menu #undermenu address {
  text-align: center;
  background: #e4e4e5 url('../_images/undermenu-address-back.gif') no-repeat top left;
  width: 167px;
  height: 62px; _height: 71px;
  padding: 18px 0 0 0;

}
/*-------------- FOOTER -------------*/
#footer {
  clear: both;
  color: #727272;
  font-size: 0.8em;
  text-align: center;
  background: #ffffff url('../_images/footer-back.jpg') no-repeat top center;
  /*width: 800px;*/
  height: 11px;
  _height: 15px;
  margin: 5px 0 0 0;
  padding: 2px 5px 2px 0;
}
#footer a {
  color: #727272;
  font-weight: normal;
  text-decoration: none;
}
#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#footer img {
  border: none;
  vertical-align: middle;
}
/*--------------- DROBECEK ----------*/
.drobecek {
  font-size: 0.9em;
  margin: 0 0 8px 0;
}
/*----------- kontakt --------*/
.mapka {
  float: right;
  text-align: center;
  width: 320px;
  margin: 0;
}
.adresa {
  float: left;
  width: 210px;
  margin : 0 0 10px 75px;
}

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: 130px;}
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 130px;
  _margin: 4px 0 0 132px;
  padding: 0 0 2px 0;
}