* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Tahoma, Sans-serif, "Trebuchet MS", Arial, Verdana;
	font-size: 0.8em;
	color: #000000;
	height: 100%;
	text-align: center;
}
h1 {font-size: 1.3em; color: #242f20;  margin: 0px 0px 10px 0px; padding: 0px;}
h2, h3 {font-size: 1.2em; color: #242f20; font-weight: bold; margin: 0px 0px 5px 0px;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #484720; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: red;/*#e26f31;*/ text-decoration: underline;}
p {	margin: 0px 0px 10px 0px;
	font-size: 0.9 em;
	line-height: 1.5;
	text-align: justify;
}
a {color: #484720; text-decoration: underline; font-weight: bold;}
a:hover {color: red;/*#e26f31;*/}
/*a:visited {}*/
img {border: 1px solid #a2a2a2;	margin: 0px;}
ul {margin: 0px 0px 0px 20px;}
li {list-style-image: url('../_images/odrazka.gif');}
strong {font-weight: bold; color: #292929;}

table { font-size: 0.85em; /*border-color: #5C80E5;*/ margin: 0px 0px 15px 0; border-collapse: collapse;}
table caption { font-weight: bold; color: #1a4b85; margin: 0px auto;}
tr{ }
th, td { text-align: left; border-bottom: 1px solid #000000; padding: 5px 5px; color: #000000;}
th { font-weight: bold; width: 150px;}
i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {clear: both; display: none;}

address {float: left; font-style: normal; width: 150px; }

/*--------------------------- 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;}
.red {color: red;}
.hmaly {font-size: 1em; font-weight: bold;}
.normal {font-size: 1em;}
.dnone {display: none; visibility: hidden;}
.noborder {border: none;}
.border {border-top: 1px solid #e1d403; margin: 5px 0 0 0; padding: 5px 0 0 0; }
.light {color: #eadc00;}
img.left {margin: 0 10px 4px 0;}
.small {font-size: 0.85em;}
.bigger {font-size: 1.25em;}
/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  width: 980px;
  _width: 982px;
  text-align: left;
  background-color: #fff21f;
  border: 1px solid #000000;
  margin: 0px auto; 
}
/*---------------- HEADER -----------------*/
#header {
  height: 100px;
}
#header #logo {
  float: left;
  width: 449px;
  height: 100px;
}
#header #logo a {
	text-decoration:none;
	color:#000000;
  position: relative;
  display: block;
	width: 192px;
	height: 100px;
	font-size: 15px;
}
#header #logo a span {
  cursor : pointer;
	display: block;
	background: url("../_images/header-logo.jpg") no-repeat top left;
	position: absolute;top:0;left:0;
	width: 449px;
	height: 100px;
}
#header .pic {
  float: right;
  background: url("../_images/header-pic.jpg") no-repeat top right;
  width: 531px;
  height: 100px;
}


/*--------------- CONTENT ----------------*/
#content {
  float: right;
  font-family: Verdana,Tahoma, Sans-serif;
  background-color: #fefe8e;
  border-right: 10px solid #fff21f;
  /*border-left: 1px solid #000000;*/
  width: 772px;
  _width: 802px;
  min-height: 690px; 
  _height: 690px;
  margin: 0;
  padding: 10px;
}
#content ul {margin-bottom: 20px;}
#content address {
  float: left;
  width: 230px;
}
#content .map {
  float: right;
  text-align: center;
  width: 510px;
}
#guidepost {
  /*text-align: left;*/
  background-color: #fff21f;
  width: 604px;
  _width: 640px;
  margin: 10px 0 10px 25px; 
  padding: 20px 20px 0 20px;
}
ul#guidepost li { list-style: none; list-style-image: none;}
ul#guidepost li.li {
  float: left;
  display: inline;
  list-style: none;
  margin: 0 20px 20px 0;
}

ul#guidepost li.last {
  margin: 0 0 20px 0;
}
#guidepost li a {
  position: relative;
	display: block;
	border: 1px solid #c4c43e;
	width: 186px;
	height: 142px;
}
#guidepost li a:hover {
  border: 1px solid #9b9b35;
}
#guidepost li a span {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; 
  width: 186px;
	height: 142px;
}
#guidepost li.guide1 a span { background: url("../_images/guide-byty.jpg") no-repeat top left;}
#guidepost li.guide2 a span { background: url("../_images/guide-domy.jpg") no-repeat top left;}
#guidepost li.guide3 a span { background: url("../_images/guide-pozemky.jpg") no-repeat top left;}
#guidepost li.guide4 a span { background: url("../_images/guide-komercni-prostory.jpg") no-repeat top left;}
#guidepost li.guide5 a span { background: url("../_images/guide-rekreace.jpg") no-repeat top left;}
#guidepost li.guide6 a span { background: url("../_images/guide-ostatni.jpg") no-repeat top left;}

ul#guidepost li a:hover span { background-position: -186px 0;}


/*---------- FOOTER -------------*/
#footer {
  clear: both;
  color: #787761;
  text-align: right;
  margin: 5px 10px 5px 0; 
}
#footer img {vertical-align: middle;}

.drobecek {
  font-size: 0.8em;
  margin: 10px 0;
}
.fulltext {
  float: right;
  width: 250px;
}
.vypis_navigace {
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;
  /*border: 1px solid #000000;*/
  margin: 15px 0;  
}
.vypis_navigace a {margin: 0 2px;}


.inzerat {
  text-align: left;
  border: 1px solid #000000;
  background: url("../_images/inzerat-back.jpg") repeat-x top left;
  width: 700px;
  _width: 720px;
  margin: 0 0 15px 0;
  padding: 10px; 
}
.inzerat .text {
  float: left;
  width: 480px;
}
.inzerat .photos {
  float: right;
  text-align: center;
  width: 150px;
} 
.inzerat .photos img {margin: 0 auto;}

.detail_obrazky {
  float: right;
  text-align: center;
  width: 300px;
}
.detail_obrazky img {margin: 0 0 5px 0;}
.tabulka_inzerat {float: left; width: 450px; }
.tabulka_inzerat caption {
  /*display: block;*/
  text-align: center;
  background-color: #ffffc5;
  border: 1px solid #000000; 
  width: 450px; 
  margin: 0;
  padding: 5px 0;
}
.tabulka_inzerat th {}
.tabulka_inzerat td {}
.tabulka_inzerat .light {background-color:#fffe9d;}
.tabulka_inzerat p {font-size: 1em;}

.aktuality, .aktualita { 
  background-color: #fff77d;
  border: 1px solid #c0b400;
  width: 770px;
  /*border-top: none;*/
  padding: 5px;
}
/*.aktuality p, .aktuality h3 {clear: both; width: 180px; _width: 195px;}*/
/*.aktuality h3 a {
  clear: right;
  font-style: italic;
  font-weight: bold;
  color: #3b7a41;
}
.aktuality h3 a:hover {color: red;}*/
.aktuality h2 {width: 500px;}
.aktuality p {padding: 5px;}
.aktuality img {float: right;}
.aktuality .text {float: left; width: 450px;}

#kontakt address {
  float: left;
  width: 250px;
  margin: 0 0 0 50px;
}

#mapa {
  border:1px solid #000000;
  width:550px;
  height:420px;
  margin: 0 0 0 50px;
}
#mapa img {border: none; margin: 0; padding: 0;}

/*------- FORMULARE ------*/
#content fieldset {border: 1px solid #000000; margin: 0 0 10px 0; padding: 5px;}
#content fieldset legend {color: #000000;}
#content label {float: left; width: 242px;}


