/*  Michal Zapomel - cesky vlasovy design
    (c) Liv Ducci - Martin Svetlik 2007   */
    
* { margin: 0; padding: 0; }
body { 
  text-align: center;
  background: #171717 url('bg.png');
  font-family: Verdana, sans-serif; 
  font-size: 11px;
  margin: 0;
  line-height: 15px;
}

/* ------------------------------ Vseobecné vlastnosti ---------------------------------*/
a {
  color: #857551; 	
  font-weight: bold;
  text-decoration: underline;
}
a:visited {
  color: #857551; 	
  text-decoration: underline;
}
a:hover {
  color: #000000; 	
  text-decoration: none;
}
.hidden { display: none; }
.hideit { cursor: pointer; }
strong .hideit:hover { color: #000; }
.center { text-align: center; }

#page { 
  width: 899px; 
  margin: 0 auto;  
  text-align: left;
  padding-top: 30px;
}

/* ------------------------------ Logo, horni menu ---------------------------------*/
#up { height: 119px; }

/* logo */
#logo {
  margin: 0; 
  padding: 0;
  position: relative;
  width: 333px;
  height: 149px;
  overflow: hidden;
  text-align: left;
  float: left;
  background: #fff;
}
#logo span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 150px; 
  z-index: 1;
	width: 333px;
	height: 0px;
  margin: 0; 
  padding: 0;
  cursor: pointer;
  background: url('./layout/logo.png') top left no-repeat;
}
#logo h1 { line-height: 119px; }
#logo a, #logo a:visited { color: #333333; text-decoration: none; padding: 17px; }
#logo a:hover { color: #000; }

/* horni menu */
#top-menu {
	margin: 0;
	padding: 0;
	position: relative;
	width: 566px;
	height: 150px;
	float: right;
	text-align: center;
	background-color: #272727;
	background-image: url(./layout/top-menu.png);
}
#top-menu p { 
  font-weight: bold; 
  color: #616161; 
  text-align: right; 
  padding-right: 10px; 
  padding-top: 50px;
}
#top-menu p a { color: #616161; }
#top-menu p a:hover { color: #616161; text-decoration: none; }
#top-menu ul { margin-top: 26px;}
#top-menu ul li {
  text-transform: uppercase;
  font-weight: bold;
  display: inline;
  border-right: 2px solid #fff;
  padding-right: 6px;
  padding-left: 6px;
}
#top-menu ul li.nb { border: none; }
#top-menu ul li a { color: #fff; text-decoration: none; }
#top-menu ul li a:hover { color: #fff; text-decoration: underline; }


/* ------------------------------ Hlavicka, leve menu ---------------------------------*/
#head-ob { height: 221px;   margin-bottom: 5px; }

/* leve menu */
#left-menu {
  margin: 0; 
  padding: 0;
  position: relative;
  width: 333px;
  height: 221px;
  background: #857551 url('./layout/left-menu.png');
  float: left;
}
/* navigace */
#menu { width: 293px; background: transparent url('./menu/bg-top.gif') no-repeat; margin-top: 37px; padding-top: 8px; }
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-weight: bold;
}
#menu ul li a {
	background: transparent url('./menu/bg.gif') no-repeat;
	background-position: 0 -7px;
	height: 30px;
	width: 293px;
	display: block;
	color: #e9e3c2;
	text-decoration: none;
	padding-left: 50px;
}
#menu ul li#active a { background: transparent url('./menu/bg-active.gif') no-repeat; background-position: 0 -7px; color: #fff; }
#menu ul li a:hover { color: #fff; }

/* hlavicka */
#head {
  margin: 0; 
  padding: 0;
  position: relative;
  width: 566px;
  height: 221px;
  background: #fff url('./layout/head.png');
  float: right; 
}

/* ------------------------------ Obsahova cast ---------------------------------*/
#cont { 
  width: 899px; 
  background: #fff url('bg-cont.png') repeat-y; 
  margin: 0em auto; 
}
#cont p { text-align: justify; }
#cont strong { color: #333333; }
#cont h2 { font-size: 13px; }
#cont h3 { font-size: 13px; padding: 6px 0 1px; }
#cont ul { margin-bottom: 7px; }
#cont ul li p { margin: 10px 10px; text-align: justify; }

hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
}

#hset {
  overflow: hidden;
  position: relative;
  text-align: left;
  font-size: 13px;
  background: #fff;
}
#hset span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

/* vlevo */
#cont-left { 
  margin: 0; 
  padding: 0;
  width: 333px;
  background: #fafafa url('./layout/cont-left.png') top no-repeat;
  float: left;
}
#cl-text {
  background: url('bg-cont-left.png') repeat-y;
  width: 333px;
  margin: 0; 
  padding: 0;
  float: left;
  margin-top: 4px;
  padding-top: 26px;
}
#cl-text p { padding-left: 32px; padding-right: 29px; }
#left-col {
  position: relative;
	width: 268px;
	height: 155px;
  overflow: hidden;
  margin: 23px 32px;
}
#left-col span {
  display: block;
  position: absolute; left: 0; top: 0; z-index: 1;
	width: 268px; height: 155px;
  cursor: pointer;
  background: url('./left-col.png') top left no-repeat;
}

#cl-text h2.cvdmz {
  position: relative;
  width: 332px; height: 65px;
  margin-bottom: 15px;
  padding-left: 14px;
  overflow: hidden;
}
#cl-text h2.cvdmz span {
  display: block;
  position: absolute; left: 0; top: 80px; z-index: 1;
  width: 332px; height: 65px;
  background: url('./h2/cvdmz.png') top left no-repeat;
}

/* vpravo */
#cont-right {
  width: 566px;
  background: #fff url('./layout/cont-right.png') top no-repeat;
  float: right;
  padding-top: 59px;
}
#cp-text { padding-left: 22px; padding-right: 22px; }
#cp-text p { margin: 0 0 7px; }
#cp-text ul { list-style: none; margin-top: 10px; margin-left: 15px; }
#cp-text ul li {  background: url('cp-dwn-li.png') left no-repeat; background-position: 0 4px; padding-left: 10px; }
#cp-text h2 { margin-bottom: 7px; margin-top: 5px; }

#cp-text h2.news {
  margin: 0; padding: 0;
  position: relative;
  width: 86px; height: 25px;
  overflow: hidden;
  padding-left: 15px;
}
#cp-text h2.news span {
  display: block;
  position: absolute; left: 5px; top: -25px; z-index: 1;
  width: 86px; height: 25px;
  background: url('./h2/news.gif') top left no-repeat;
}

/* vpravo - box novinek */
#news-text { 
  width: 480px; 
  border-top: 2px solid black; 
  margin-top: 7px;
  padding: 21px 16px 10px 22px;
}
#news-text ul { margin: 0 5px; }
#news-text ul li { margin-bottom: 3px; }

#news-text img { float: left; margin-right: 13px; margin-bottom: 15px; border: 2px solid black; }
.right { float: right; }
#news-text a { color: #e90067; }

/* ------------------------------ Jednotlive sekce ---------------------------------*/

/* GALERIE */
#gal-obal { padding-left: 10px; }
#gal-obal h3 { text-align: center; margin: 20px 0 10px; }
#gal-obal .tright { text-align: right; padding-right: 30px; }
#gal-obal .tright a { display: block; }
.gal { text-align: center; }
.gal img { border: 3px solid #dbdbdb; margin: 1px; }
.gal a { text-decoration: none; }
.gal a:hover img { border-color: #ff60a6; }

/* FM PLUS */
.fm-logo { width: 120px; float: left; }
.fm-text { float: right; width: 402px; }
.fm-logo a img { border: none; margin-left: 5px; }

/* 联系我们 */
#form fieldset { border: none; padding: 10px 20px; }
#form #jmeno, #mail, #jiny, #text { border: 1px solid #c2c2c2; padding: 1px; margin-top: 2px; }
#form #jmeno, #mail, #jiny { width: 220px; }

/* ------------------------------ Nadpisy ---------------------------------*/

/* zakladni definice */
h2.nadpis { height: 25px; position: relative; overflow: hidden; }
h2.nadpis span { display: block; position: absolute; left: 0; top: 0; z-index: 1; height: 25px; }

h2.pop { width: 216px;  } /* prohlaseni o pristupnosti */
h2.pop span {  width: 216px; background: url('./h2/prohlaseni.gif') top left no-repeat; }
h2.beauty { width: 127px;  } /* beauty salon */
h2.beauty span {  width: 127px; background: url('./h2/beautys.gif') top left no-repeat; }
h2.tym { width: 127px;  } /* clenove tymu */
h2.tym span {  width: 127px; background: url('./h2/ctymu.gif') top left no-repeat; }
h2.sluzby { width: 115px;  } /* dalsi sluzby */
h2.sluzby span {  width: 115px; background: url('./h2/sluzby.gif') top left no-repeat; }
h2.fmplus { width: 109px;  } /* fm plus styl */
h2.fmplus span {  width: 109px; background: url('./h2/fmplus.gif') top left no-repeat; }
h2.hair { width: 105px;  } /* hair design */
h2.hair span {  width: 105px; background: url('./h2/hdes.gif') top left no-repeat; }
h2.interier { width: 85px;  } /* interier */
h2.interier span {  width: 85px; background: url('./h2/interier.gif') top left no-repeat; }
h2.联系我们 { width: 96px;  } /* 联系我们 */
h2.联系我们 span {  width: 96px; background: url('./h2/联系我们.gif') top left no-repeat; }
h2.odkazy { width: 78px;  } /* links */
h2.odkazy span {  width: 78px; background: url('./h2/odkazy.gif') top left no-repeat; }
h2.mz { width: 142px;  } /* michal zapomel */
h2.mz span {  width: 142px; background: url('./h2/mz.gif') top left no-repeat; }
h2.nabidka { width: 121px;  } /* nase nabidka */
h2.nabidka span {  width: 121px; background: url('./h2/nabidka.gif') top left no-repeat; }
h2.otdoba { width: 142px;  } /* oteviraci doba */
h2.otdoba span {  width: 142px; background: url('./h2/otd.gif') top left no-repeat; }

/* ------------------------------ Paticka ---------------------------------*/
#down {
  margin: 0; 
  padding: 0;
  position: relative;
  width: 899px;
  height: 30px;
  background: #fff url('./layout/down.png') no-repeat;
  float: right;
}
#foot p { 
  color: #616161; 
  margin-top: 7px; 
  font-weight: bold; 
  font-size: 11px; 
  padding-bottom: 10px; 
}
p#des { float: left; width: 45%; padding-left: 20px; background: url('./liv-ducci.png') 90px -1px no-repeat; }
p#des span { margin-left: 25px; }
p#des a, p#des a:visited  { color: #616161; text-decoration: underline; }
p#des a:hover { text-decoration: none; }
p#cop { float: right; width: 45%; text-align: right; padding-right: 20px; }