* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Comic Sans MS, Arial, Tahoma, Sans-serif, "Trebuchet MS", Verdana;
	font-size: 0.8em;
	color: #212121;
	background: url('../_images/body-back.jpg') repeat top left;  
	height: 100%;
	text-align: center;
}
h1 {font-size: 1.5em; color: #474747; font-weight: normal; text-transform: uppercase; margin: 0; padding: 5px 0;}
h2, h3 {font-size: 1.2em; color: #474747; font-weight: bold; margin: 0px 0px 5px 0px;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #861316; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #f53939;/*#e26f31;*/ text-decoration: underline;}
h2.caption {font-size: 0.85em; text-align: center; margin: 5px 0;}
p {	margin: 0px 0px 10px 0px;
	font-size: 1 em;
	line-height: 1.5;
	text-align: justify;
}
small {font-size: 0.85em;}
a {color: #861316; text-decoration: underline; font-weight: normal;}
a:hover {color: #f53939;/*#e26f31;*/}
/*a:visited {}*/
img {border: 1px solid #474747;	margin: 0;}
ul {margin: 0 0 15px 40px;}
li {list-style-image: url('../_images/list.gif');}
strong {font-weight: bold; color: #292929;}

/*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;}

table.prehled {float: left; width: 210px; line-height: 1.8em; margin: 0 10px;}
table.prehled tr {/*vertical-align: sup;*/}
table.prehled th {font-weight: bolder; text-align: left; background-color: none; width: 65px; _width: 95px; margin: 0 10px 0 0; padding: 0 2px;}

i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {clear: both; display: block; _display: none; border: none; height: 0px;}

address {font-style: normal; margin: 0 0 10px 0;}

/*--------------------------- 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;}
.hmaly {font-size: 1em; font-weight: bold;}
.small {font-size: 0.9em;}
.normal {font-size: 1em;}
h1.normal {font-size: 1.5em; text-transform: lowercase;}
.bigger {font-size: 120%;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
.border {border-top: 1px solid #e1d403; margin: 5px 0 0 0; padding: 5px 0 0 0; }
.light {color: #b1b1b1;}
.strom td img {border: none; vertical-align: center;}
/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  text-align: left;
  width: 990px;
  margin: 0 auto;
  padding: 0;
  
}

/*--------------- HEADER -----------------*/
#header {
  /*position: realative;*/
	background: url('../_images/header-back1.jpg') no-repeat top left;  
  width: 990px;
  height: 143px;
}

#header .pic-left-obal {
  position: relative;
  width: 1px;
  height: 1px;
}
#header .pic-left {
  position: absolute; top: 0; right: 1px;_right: 0px;
  background: url('../_images/header-pic-left.jpg') no-repeat top left;
  width: 52px;
  height: 205px;
}

#header #logo, #header #logo a, #header #logo a span {
  width: 319px;
  height: 110px;
}
#header #logo {float: right;}
#header #logo a {
	position: relative;
  display: block;
  text-decoration:none;
	color:#000000;
	font-size: 10px;
}
#header #logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-logo.jpg') no-repeat top left;
}

/*-----------------------------*/

/*---------- OBSAH ----------*/
#main {
  float: right;
  display: inline;
  background: url('../_images/main-back.jpg') no-repeat top left;
  width: 770px;
  min-height: 500px;
  _height: 500px;
  margin: 0;
}

#content {
  float: left;
  width: 488px;
  _width: 508px;
  padding: 110px 0 0 10px;
}


#rightstripe {
  float: right;
  width: 248px;
}

#rightstripe .aktualita-top {
  background: url('../_images/aktualita-top.jpg') no-repeat top left;
  width: 248px;
  height: 16px;
  _margin: 0 0 -2px 0;
}

#rightstripe .aktualita {
  text-align: center;
  background: url('../_images/aktualita-back.jpg') repeat-y top left;
  width: 192px;
  _width: 248px;
  min-height: 196px;
  _height: 191px; 
  padding: 0 48px 0 8px;  
  
}

#rightstripe .aktualita-bottom {
  background: url('../_images/aktualita-bottom.jpg') no-repeat top left;
  width: 248px;
  height: 16px;
  margin: -5px 0 0 0;
  _margin: 0;
  
}
#rightstripe .akt-nadpis-obal {
  position: relative;
  width: 1px;
  height: 1px;
}
#rightstripe .akt-nadpis {
  position: absolute; top: 5px; right: -5px;_right: -6px;
  background: url('../_images/aktuality.jpg') no-repeat top left;
  width: 27px;
  height: 103px;
}
#rightstripe h2 a{
  font-size: 1em;
  font-weight: normal;
  color: #474747;
  text-decoration: none;
}
#rightstripe h2 a:hover{
  text-decoration: underline;
}

/*-------- KATALOG -------*/
.katalog-navigace {font-size: 0.92em;}

#content .nemovitost {
  border-bottom: 1px solid #7a7a7a;
  width: 100%;
  margin: 0 0 10px 0;
}
#content .img {
  float: left;
  text-align: center;
  width: 190px;
}
#content .obrazek {
  background: #ebebeb url('../_images/img-back.gif') repeat-y top left;
  width: 183px; 
  _width: 190px;
  /*_margin: -5px 0 0 0;*/
  padding: 5px 0 0 7px;
  _padding: 5px 0 0 8px;
}
#content .obrazek-top {background: url('../_images/img-top.gif') no-repeat top left; font-size: 1px; width: 190px; height: 7px;}
#content .obrazek-bottom {background: url('../_images/img-bottom.gif') no-repeat top left; width: 190px; height: 5px;}

#content .nemovitost img {
 /* float: left;*/
  /*width: 152px;*/
  margin: 0 5px 5px 5px;
}
#content .nemovitost ul {
  display: inline;
  clear: right;
  float: right;
  list-style: none;
  width: 280px;
  _width: 300px;
  margin: 6px 0 0 0;
}
#content .nemovitost p {
  /*clear: right;
  float: right;
  width: 420px;*/
}
#content .nemovitost .text {
  clear: right;
  float: right;
  width: 420px;
}
#content .nemovitost .galerie {
  text-align: center;
  width: 154px;
  padding-top: 2px; 
}



/*-------- FOOTER --------*/
#footer {
  clear: both;
  font-size: 0.9em;
  text-align: center;
  padding: 10px 0 0 5px; 
}
#footer a {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer img {vertical-align: middle; border: none;}

/*------ OSTATNI ------*/
.drobecek {
  font-size: 0.9em;
  margin: 0 0 6px 0; 
}
.navigaceStrankovani {
  float: right;
}

.hlaska {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #7f1100;
  margin: 0 0 2px 0;
  padding: 4px 0;
}


/* nahledy */
.index-img {float: right; width: 180px; margin: 0 0 0 5px;}
.nahled {
  text-align: center;
  width: 152px;
  margin: 0 5px;
}
.nahled .popisek {
  font-size: 0.8em;
}
.horizontal {margin: 0 0 0 40px; text-align: center;}
.horizontal .nahled {
  float: left;
  /*height: 170px;*/
  margin: 0 10px 10px 0; 
}

.nahled2 {
  float: left;
  width: 160px;
  height: 250px;
  text-align: center;
  border: 1px solid #a1a1a1;
  margin: 10px 10px 10px 0px;
}
.nahled2 {
  width: 172px;
  height: 200px;
}

.img-okraj a {
  _border: 10px solid #ebebeb;
  _margin: 10px 0 ;  
}
.img-okraj img {
  _margin: 10px 0 0 0;
  /*border: 1px solid #ebebeb;*/  
}


/*----- FORMULARE ------*/
fieldset {background: transparent url('../_images/fieldset-back.png') repeat top left; _background: #ebebeb; border: 1px solid #c1a5a1; padding: 10px;}
fieldset p {color: #70504c; margin: 8px 0 0 0;}
fieldset p.popis {margin: 8px 0 0 150px;}
fieldset.vyhledat {margin: 0 0 5px 0; padding: 5px; vertical-align: top;}
fieldset.vyhledat label, fieldset.vyhledat input, fieldset.vyhledat select {float: none; display: inline;}
fieldset.vyhledat label {width: 90px;}
label {float: left; text-align: right; width: 150px;}
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.checkbox {border: none;}
input.submit, input.submit1 {
  color: #000000; 
  font-weight: normal;
  border: 1px solid #c1a5a1;
  height: 22px;  
  margin: 4px 0 0 150px;
  _margin: 4px 0 0 152px;
  padding: 0 0 2px 0;
}
input.submit1 {
  
  margin: 0;
}
select {vertical-align: middle;}