/* CSS Document */
* {margin: 0; padding: 0;}
.cleaner {
	visibility:hidden;
  clear: both;
}
.print {
	display:none;
}
.right {
  float: right;
  padding: 0;
  margin:10px;
  border:3px solid #666;
}
.bold {
  font-weight: bold;
}
.mailnote {
	background:#D70000;
	color:#fff;
	text-align:center;
	margin:10px;
}
.hide {
	position:absolute;
	top:-2000px;
}
a {
  color: #1D68A6;
  font-weight: bold;
}
a:hover {
  color: #D70000;
}
ul {
  list-style-type: none;
}
li {
  padding: 5px 10px;
  line-height: 1.4em; 
}
select {
	margin-top: 10px;
	width: 210px;
	vertical-align: bottom;
  
}
img {
  border: 0;
}
html {
  background: #FFF;
}
body {
  behavior: url(../hover.htc);
  width: 820px;
  margin: 10px auto;
  padding: 10px;
  background: #FFF url(../img/obsah_bcgr.gif) no-repeat center 180px;
  border-top: 6px solid #B9CBDA;
  font: 0.79em Arial, lucida, Arial, sans-serif;
/*	font-size: 81%;
	_font-size: 79%;*/
}
form#napiste_nam {
  padding-left: 0px;
  margin: 10px 0;
}
form#napiste_nam label, form#napiste_nam input, form#napiste_nam select, form#napiste_nam textarea {
  display: block;
  float: left;
  margin-top:  5px;
  width: 100px;
}
form#napiste_nam label {
  width: 60px;
}
form#napiste_nam input {
  margin-right: 10px;
}
form#napiste_nam textarea {
  width: 280px;
}
form#napiste_nam br {
	clear:left;
}
p {
  padding: 3px 10px;
  line-height: 1.7em;
}
li p {
  padding: 0;
}
h1 {
  display block;
  position: relative;
  overflow: hidden;
  margin: 0; 
  padding: 0;
  font-size: 1.2em;
  border-right: 2px dotted #D2D2D2;
  float: left;
}
h1, h1 span {
  width: 245px;
  height: 100px;
}
h1 span {
  display: block;
  position: absolute;
  top: 0px; right: 0px;
  background: url(../img/h1.png) no-repeat 0 0;
}
h2 {
  font-size: 1.2em;
  margin-bottom: 5px;
  padding: 5px 10px 0 10px;
}
h3 {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.1em;
	color:#366e9d;
	line-height:1.5em;

}
h4 {
  padding: 10px 10px 0 10px;
}

#slogan {
	display: block;
	width: 270px;
	line-height:100px;	
	float:left;
	border-right: 2px dotted #D2D2D2;
	padding: 0 10px 0 10px;
	font-size: 1.8em;
	text-align:center;
}
#tel {
	display: block;
	width: 180px;
	line-height:100px;	
	float:left;
	background: url(../img/phone.png) no-repeat 30px center;
	padding: 0 0 0 80px;
	font-size: 1.2em;
}
#tel span {
	font-size: 1.4em;
	color: #4784B6;
}	
#rychla_volba {
	display: block;
	width: 240px;
	height: 80px;	
	float:left;
	padding-top: 20px;
}
#rychla_volba input {
	padding-top: 10px;
	vertical-align:top;
}
#rychla_volba select {
	width:210px;
}
ul#mainmenu {
	border-top: 1px solid #D2D2D2;
	width: 240px; 
	margin: 0;
	margin-top: 10px;
	float: left;
}
ul#mainmenu li {
  padding: 0;
	border-bottom: 1px solid #D2D2D2;
	background: url(../img/menu_odrazka.png) no-repeat 10px center;
}
ul#mainmenu a {
  display: block;
  width: 200px;
  text-decoration: none;
  line-height: 29px;
  padding-left: 40px;
}
ul#mainmenu a:hover {
  display: block;
  width: 200px;
  text-decoration: none;
  background: #F0F0F0 url(../img/menu_odrazka_hover.png) no-repeat 10px center;
}
ul#mainmenu a.active {
  display: block;
  width: 200px;
  text-decoration: none;
  color:#fff;
  background: #666 url(../img/menu_odrazka_active.png) no-repeat 10px center;
}
ul#mainmenu a.active:hover {
  background: #666 url(../img/menu_odrazka_active.png) no-repeat 10px center;
}
#predvedeni {
	display: block;
	width:470px;
	height: 165px;
	background: #366e9d url(../img/predvedeni.png) no-repeat top left;
	padding: 10px 50px; margin: 8px 0 5px 10px ;
	float:left;
}
#predvedeni h2 {
	line-height:1.6em;
	color:#fff;
}

#predvedeni p {
	width: 350px;
	line-height:1.6em;
	color:#fff;
}
#predvedeni a {
	line-height:1.6em;
	color:#fff;
}
#obsah {
	display:block;
	float:left;
	width:645px;
	padding-top:5px;
  border-top: 2px dotted #D2D2D2;
  line-height:1.7em;
}
#main-obsah {
	display:block;
	width:415px;
	float:right;
	min-height: 350px;
	_heignt: 350px;
}
#main-obsahin {
  margin-left: 15px;
	margin-right:10px;
	border-left: 2px dotted #D2D2D2;
	border-right: 2px dotted #D2D2D2;
}
#main-obsah p {
	padding-right: 20px;
}
#sub-obsah {
	
}
#sub-obsah li {
	font-size:0.9em;
}
#servis {
	display:block;
	width: 175px;
  float: left;
  border-top: 2px dotted #D2D2D2;
  padding-top: 5px;
}
#servis h2 {
	background:#A7D0F1 url('../img/servis_h2.png') no-repeat top center;
	margin-bottom: 5px;
	padding: 10px 10px 5px 10px;
	color:#fff;
}
.karta {
	margin-bottom:10px;
	padding-bottom:5px;
	background:#eaf2fa;
}
#paticka {
  border-top: 2px dotted #D2D2D2;
    margin-top: 5px;
    padding: 5px 10px;
}
#osoby {
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	z-index:100;
}
.osoba {
	position:relative;
}
#osoby h4 {
  margin:0;
  margin-left:9px;
  _margin-left:5px;
  float:left;
  width: 100px; 
  padding: 5px;
  font-size:1em;
  border:3px solid #D2D2D2;
  background:transparent url('../img/seznam_odrazka.png') no-repeat 95px 10px;
}
#osoby h4:hover {
  background:#F8F8F8 url('../img/seznam_active_odrazka.png') no-repeat 95px 10px;
}
#osoby p {
	position: absolute;
	top:40px;left:0;
	width: 340px;
  border: 3px solid #D2D2D2;
  margin: 0 10px 10px 10px;
  padding:10px;
  background:#fff;
}
#osoby div#jednicka p#one, #osoby div#dvojka p#two, #osoby div#trojka p#tree {
	display:none;	
}
#osoby div#jednicka:hover p#one, #osoby div#dvojka:hover p#two,#osoby div#trojka:hover p#tree {
	display: block;
}
#osoby span {
	display:block;
	margin-bottom;5px;
	font-weight:bold;
}

#ured_hod br {
  clear: both;
}
#ured_hod span {
  display: block;
  float: left;
  width: 45px;
  margin-right: 5px;
}
#ured_hod span.den {
  display: block;
  float: left;
  width: 35px;
  margin-right: 10px;
}
#sub-obsah h3 {
	font-size: 1em;
	color: #666;
	display:block;
	padding-left:25px;
	background:transparent url('../img/seznam_odrazka.png') no-repeat 10px 10px;
	line-height:1.5em;
	border-top: 0px solid #ccc;
}
#sub-obsah h3.active {
	background:transparent url('../img/seznam_active_odrazka.png') no-repeat 10px 10px;
}
#sub-obsah h3 a {
	color:#666;
	background:transparent;
}
#sub-obsah h3 a:hover {
	color:#000;
	font-weight:bold;
	background:transparent;
}
#sub-obsah ul {
	margin-left:15px;
	border-bottom:1px solid #ccc;
	width:220px;
	_width:205px;
}
#sub-obsah li {
	border-top:1px solid #f0f0f0;
	background:transparent url('../img/subseznam_odrazka.png') no-repeat 10px 11px;
	padding-left:20px;
	display:block;
}
#sub-obsah ul.seek {
	display:none;
}
div#sub-obsah h3#dvojka a:hover ul.seek {
	display:block;
}


p#portret {
  float: right;
  padding: 0;
  margin:10px;
}
p#portret p {
	padding:0; margin:0;
}
p#portret img {
	padding:0; margin:0;
	border:3px solid #D2D2D2;
}