* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background: #fff url("../img/bg.jpg") repeat-x;
	font: 0.8em/1.5 "arial", sans-serif;
	color: #000;
	text-align: center;
	top: 0;
}
#reiki {
	width: 890px;
	text-align: left;
	margin: 0 auto;
}
/* 
**************************************************************************
                                  OBECNE TRIDY
**************************************************************************
*/
hr, .hidden {
	display: none;
}
.fleft { float: left; }
.clear { clear: both; }
.fright { float: right; }
.block { display: block; }
.noscreen { display: none; }

/* 
**************************************************************************
                                  HLAVICKA S LOGEM
**************************************************************************
*/
.drobecek{
  display: block;
  font-size: 11px;
  color: #c17301;
  margin: 0 0 10px 0;
}
.drobecek a{
  color: #754500;
}
.drobecek a:hover{
  color: #c17301;
}
#flower{
  width: 276px;
  height: 232px;
	background: #fbf0c0 url("../img/flower.jpg") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
h1 {
	width: 614px;
	height: 191px;
	line-height: 191px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 276px;
	top: 0;
	overflow: hidden;
	background: #fbf0c0 url("../img/logo.jpg") 0 0 no-repeat;
	text-align: left;
}
h1 a {
  display: block;
	color: #514101;
	text-decoration: none;
}

h1 a:hover {
	color: #000;
	text-decoration: none;
}
h1 a span,
h1 a:hover span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 614px;
	height: 191px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url("../img/logo.jpg") 0 0 no-repeat;
	cursor: pointer;
}
h2{
  width: 614px;
  height: 41px;
  line-height: 54px;
  position: absolute;
  right: 0;
  top: 191px;
  background: #fbf0c0 url("../img/nadpis.jpg") no-repeat;
}
h2 strong{
  display: block;
  height: 41px;
  width: 300px;
  position: absolute;
  left: 200px;
  color: #514101;
  font-size: 16px;
  text-align: center;
}
h3{
  color: #c17301;
  font-size: 18px;
}
h4{
  color: #503816;
  font-size: 14px;
  margin: 30px 0 0 20px;
}
h4.bezodsazeni{
  margin: 0 0 0 20px;
}
h5{
  color: #503816;
  font-size: 13px;
  margin: 20px 0 0 20px;
  border-bottom: 1px solid #ccc;
}
#header{
  width: 890px;
  height: 274px;
  position: relative;
	background: url("../img/header-bottom.jpg") no-repeat bottom;
}
/* 
**************************************************************************
                                 NAVIGACE
**************************************************************************
*/

ul.nav{
  list-style: none;
  display: block;
  background: #fbefbd url("../img/nav-top.jpg") no-repeat;
  padding: 62px 0 0 0;
  width: 172px;
  line-height: 30px;
  overflow: hidden;
}
ul.nav li{
  display: block;
  height: 31px;

}
ul.nav li a{
  display: block;
  padding: 0 10px 0 20px;
  color: #514101;
  height: 30px;
  text-decoration: none;
  background: url("../img/nav-sep.jpg") no-repeat center bottom;
}
ul.nav li a.active{

  color: #000;
background: #f0e3af url("../img/nav-sep-hover.jpg") no-repeat center bottom;

}
ul.nav li a:hover{
  color: #000;

  background: #f0e3af url("../img/nav-sep-hover.jpg") no-repeat center bottom;
}
#nav-bottom{
  width: 172px;
  height: 76px;
  background: url("../img/nav-bottom.jpg") no-repeat;
}
/* 
**************************************************************************
                                  OBSAH STRÁNEK
**************************************************************************
*/
#container{
  background: url("../img/container-bg.jpg") repeat-y;
  height: auto;
  width: 100%;
}
#container #top{
  background: url("../img/container-top.jpg") no-repeat;
  height: auto;

  width: 100%;
}
#container #top #bot{
  background: url("../img/container-bottom.jpg") no-repeat bottom;
  height: auto;
  width: 100%;
  overflow: hidden;

}
#container #top #bot .in{
  padding: 0 27px 0 27px;
  margin: 0 0 50px 0;
  min-height: 660px;
  _height: 660px;
}

#panel{
  width: 190px;
  padding: 0 0 0 0;
  float: left;
  margin: 0 25px 0 0;
}
.content{
  width: 619px;
  float: left;
  color: #432a05;
}
#container #top #bot .content .in{
  padding: 0 10px;
}
/* pevne stanovene stranky */
#uvodni-stranka{}
#o-reiki{}
#leceni{}
#leceni img{
  display: block;
  margin: 0 0 0 20px;
}
#leceni .hlavni-cakry{
  background: url("../img/leceni-cakry.jpg") no-repeat 35%;
}
.content .leceni-left{
  min-height: 403px;
  _height: 403px;
  width: 420px;
  margin: 20px 10px 60px 0;
  float: left;
}
#leceni p{
  padding: 0 10px;
}
.content ul{
  margin: 0 0 0 30px;
}

#leceni-menu{
  background: #fbefbd;
  height: auto;
  overflow: hidden;
  width: 165px;
  padding: 0 0 10px 0;
  float: left;
  border-left: 1px solid #ededb0;
}
#leceni-menu ul.nav{
  width: 155px;
  margin: 0 5px;
  padding: 0;
  line-height: 23px;
  background: none;
}
#leceni-menu ul.nav li{
  height: auto;
  line-height: 23px;
  margin: 10px 0 0 0;
}
#leceni-menu ul.nav li a{
  height: auto;
  line-height: 23px;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  background: none;
  border-bottom: 1px solid #fff;
}
#leceni-menu ul.nav li a:hover{
  border-bottom: 1px solid #ededb0;
  background: #f0e3af;
}
#leceni-menu ul.nav li a.active{
  height: auto;
  line-height: 23px;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  color: #000;
  background: #fff;
  border-bottom: 1px solid #ededb0;
}
#leceni dl{
  display: block;
  clear: both;
  height: 64px;
  color: #432a05;
  border: none;

}
#leceni dl dt{
  display: block;
  float: left;
  width: 100px;


}
#leceni dl dd{
  width: 130px;
  display: block;
  float: right;
  color: #432a05;
}
#seminare{}
#co-ziskas{}
#co-si-vzit-sebou{}
#prihlaska-reiki-online{}
#masaze{}
#bankovani{}
#aromaterapie{}
#tai-chi{}
#mapka{}
#fotogalerie{}
#zajimave-odkazy{}
#kniha-navstev{}
#leceni #ruce{
  display: block;
  margin: 0 auto;
}
#foto-info{
  padding: 0 0 0 20px;
  float: left;
  width: 380px;
}
#zajimave-odkazy address,
#seminare address{
  margin: 0 20px 0 20px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
}
#seminare strong{
  height: 23px;
  line-height: 23px;
  display: block;
  border-bottom: 1px solid #ccc;
}
#bankovani a.prihlaska,
#prihlaska-reiki-online a.prihlaska,
#seminare a.prihlaska{
  display: block;
  text-align: center;
  font-size: 14px;
  color: #503816;
  margin: 0 20px;
  font-weight: bold;
  background: #fff;
  height: 30px;
  line-height: 30px;
}
#bankovani a.prihlaska:hover,
#prihlaska-reiki-online a.prihlaska:hover,
#seminare a.prihlaska:hover{
  color: #000;
}
#bankovani ul{
margin: 10px 0 0 40px;
}
.content address{
  font-style: normal;
  color: #313131;
}
.content address strong{
  display: block;
  color: #432a05
}
.content dl{
  clear: both;
}
.content dl dt{
  color: #432a05;
  width: 50px;
  float: left;
  display: block;
}

.content dl dd{
  color: #313131;
  display: block;
  float: left;
}
.content dl dd a{
  color: #313131;
  text-decoration: none;
}
.content dl dd a:hover{
  color: #313131;
  text-decoration: underline;
}
.content #mapa-umisteni a{
  display: block;
  text-align: center;
  color: #c17301;
  text-decoration: none;
  font-size: 18px;
}
.content #mapa-umisteni a:hover{
  text-decoration: underline;
  color: #432a05;
}
.content ul#reiki{
  list-style: none;
  display: block;
  width: 500px;
  float: left;
  margin: 10px 0 0 10px;
  text-align: left;
  background: url("../img/reiki-znak.jpg") no-repeat right top;
  height: 171px;
}
.content ul#reiki li{
  background: url("../img/sipka.jpg") no-repeat left 50%;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 20px;
}
.content p{
  text-align: justify;
  padding: 0 20px;
  margin: 15px 0 10px 0;
  color: #503816;
  line-height: 20px;
}
#davkovani{
  margin: 0 0 0 20px;
}
#tai-chi ul{
  margin: 5px 0 0 40px;
}
#davkovani dl{
  clear: both;
  height: auto;
  overflow: hidden;
  line-height: 20px;
  border-bottom: 1px solid #ccc; 
  margin: 5px 0 5px 0;
  padding: 5px;
}
#davkovani dt{
  display: block;
  width: 190px;
  float: left;
}
#davkovani dd{
  width: 190px;
  display: block;
  float: left;
}
ul.fotogalerie{
  display: block;
  clear: both;
  margin: 0 auto;
}
ul.fotogalerie li{
  display: block;
  float: left;
  margin: 5px;
}
ul.fotogalerie li a{

}







ul.fotogalerie li div.image {
	width: 132px;
	height: 122px;
	text-align: center;
	position:relative;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;


  text-align: center;
  background: #fffbec;
  border-top: 1px solid #f7eec8;
  border-left: 1px solid #f7eec8;
  border-bottom: 1px solid #d6c580;
  border-right: 1px solid #d6c580;

}
ul.fotogalerie li div.image div {
  /* pouzity hack pro ie6 na vertikalni vycentrovani obrazku v divu */
  _position: absolute;
  _top: 50%;
  _left: 0;

  /* pouzity hack pro ie7 na vertikalni vycentrovani obrazku v divu */
  &position: absolute;
  &top: 50%;
  &left: 0;
}
ul.fotogalerie li div.image div p  {
  margin: 0;
  padding: 0;
  /* pouzity hack pro ie6 na vertikalni vycentrovani obrazku v divu */
	_position: relative;
	_top: -50%;

  /* pouzity hack pro ie7 na vertikalni vycentrovani obrazku v divu */
	&position: relative;
	&top: -50%;
}

	
ul.fotogalerie li div.image div p a{

}
	
ul.fotogalerie li div.image div p img{
	display: block;
	position:relative;
	left: 0;
	border: 3px solid #fbefbd;
	margin: 0 auto;
	text-align: center;
}



.content dl{
  clear: both;
  height: auto;
  width: 98%;
  overflow: hidden;
  line-height: 20px;
  border-bottom: 1px solid #ccc; 
  margin: 5px 10px 5px 10px;
  padding: 5px;
}
.content dt{
  display: block;
  width: 180px;
  float: left;
  font-weight: bold;
}
.content dd{
  width: 370px;
  display: block;
  float: left;
}
.content dd input,
.content dd select,
.content dd textarea{
  padding: 2px 3px;
  border-top: 1px solid #b4b4b4;
  border-left: 1px solid #b4b4b4;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.content dd textarea{
  width: 300px;
  height: 100px;
}
.content dl.submit-form dd input{
  padding: 4px 15px;
  border-top: 1px solid #fff6d0;
  border-left: 1px solid #fff6d0;
  border-bottom: 1px solid #e2d392;
  border-right: 1px solid #e2d392;
  background: #fbefbd;
  font-weight: bold;
  color: #736427;
  cursor: pointer;
}
.content dl.warning dt{
  text-align: right;
}
.content dl.warning dd{
  padding: 0 0 0 5px;
}
.content input:active, .content textarea:active, .content select:active {
  border:1px solid #eadeab;
  background: #fdf6d7;
}
.content input:focus, .content textarea:focus, .content select:focus {
  border:1px solid #eadeab;
  background: #fdf6d7;
}

.content dl dt{
  width: 180px;
}

.content select{
  width: 150px;
}
.content option{
  padding: 0 6px;
}


ul#kniha{
  list-style: none;
  margin: 20px 10px;
}
ul#kniha li{
  display: block;
  clear: both;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
}
ul#kniha li p{
  margin: 5px 0;
  padding: 10px;
  background: #fefee3;
  border: 1px solid #ededc2;
}
ul#kniha li div a{
  color: #68581a;
}
ul#kniha li div a:hover{
  color: #433707;
  text-decoration: none;
}
ul#kniha li div{
  text-align: right;
  padding: 3px 10px;
  font-size: 11px;

}
.content ul.sitemap{
  list-style: none;
  margin: 0 20px;
}
.content ul.sitemap li{
  line-height: 24px;
}
.content ul.sitemap a{
  color: #68581a;
}
.content ul.sitemap a:hover{
  color: #000;
  text-decoration: none;
}
#zajimave-odkazy p{
  margin: 5px 20px;
  padding: 5px;
  background: #fefee3;
  border: 1px solid #ededc2;
}
#zajimave-odkazy a.odkaz{
  margin: 0 20px;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  color: #68581a;
}
#zajimave-odkazy a.odkaz:hover{
  color: #000;
  text-decoration: none;
}
/* 
**************************************************************************
                                  PATICKA
**************************************************************************
*/
#footer{
  height: 67px;
  padding: 0 0 0 80px;
  color: #ba7801;
  font-size: 11px;
  background: #feffe8 url("../img/footer.jpg") 0 0 no-repeat;
}
#footer div{
  line-height: 22px;
  padding: 5px 0 0 0;
}
#footer a{
  color: #704903;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover{
  color: #000;
  text-decoration: underline;
}