* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Tahoma, Arial, Sans-serif, "Trebuchet MS", Verdana;
	font-size: 0.8em;
	color: #000000;
	background-color: #ece0e0;
	height: 100%;
	text-align: center;
}
h1 {font-size: 2.2em; color: #d46307; font-weight: normal; margin: 0 0 5px 0; padding: 5px 0;}
h2, h3 {font-size: 1.6em; color: #d46307; font-weight: normal; margin: 25px 0px 5px 0px;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #242f20; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #e28a00;/*#e26f31;*/ text-decoration: underline;}
h2.caption {font-size: 0.9em; text-align: center; margin: 5px 0;}
p {
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}
p.h {margin: 0;}
p.popisek {width: 220px; font-size: 0.8em; font-weight: bold; text-align: center;}
small {font-size: 0.85em;}
a {color: #d46307; text-decoration: none; font-weight: bold;}
a:hover {color: #954300; text-decoration: underline; /*#e26f31;*/}
img {border: none;/*1px solid #a2a2a2;*/	margin: 0;}
ol {margin: 0 0 0 30px; }
ul {margin: 0 0 15px 30px; }
ul li {list-style-image: url('../_images/list.gif'); line-height: 2em;}
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 th {text-align: left;}
i {color: #575757; font-weight: bold; font-style: italic; /*font-size: 1.2em;*/ margin: 15px 0;}
hr {clear: both; display: block; _display: none; border: none; height: 0px;}

address {font-style: normal; }
/*--------------------------- 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;}
.small {font-size: 0.9em;}
.bigger {font-size: 1.2em;}s
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  text-align: center;
  background-color: #fdd4ad;
  width: 100%;
  margin: 0 auto;
  padding: 4px 0 0 0;
}

.wrap {
  text-align: left;
  width: 790px;
  margin: 0 auto;
}

/*--------------- HEADER -----------------*/
#header {
  background: #d88e05 url('../_images/header-back.gif') repeat-x top left;
  border-top: 1px solid #ca9294;
  height: 139px;
}

#header #logo, #header #logo a, #header #logo a span {width: 325px; height: 139px;}
#header #logo {float: left;}
#header #logo a {
	position: relative;
  display: block;
	font-size: 10px;
}

#header #logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-logo.gif') no-repeat top left;
}
#header #servis-list ul li {line-height: 1em;}
#header #servis-list, #header #servis-list span {width: 226px; height: 139px;}
#header #servis-list {float: right;}
#header #servis-list {
  position: relative;
  display: block;
	font-size: 15px;
}
#header #servis-list span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-servis-list.gif') no-repeat top left;
}
/*-------------------*/


/*--------menu-------*/
#menu {
  text-align: center;
  background: #3d3d3d url('../_images/menu-back.gif') repeat-x top left;
  border-top: 1px solid #1a2226;
  width: 100%; height: 44px;
  
}
#menu ul{
  text-align: left;
  color: #e8ecf1;
  width: 790px;
  height: 44px;
  margin: 0 auto; _margin: 0 auto 0 0; padding: 0;
}
#menu ul li {float: left; list-style: none;}
#menu ul li, #menu ul li a, #menu ul li a span {height: 44px;}
#menu ul li a {position: relative; display: block; font-size: 10px; color: #ffffff;}

#menu ul li a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
}

#menu ul li.menu1 a span, #menu ul li.menu1 {background: url('../_images/menu-button-uvod.gif') no-repeat top left; width: 58px;}
#menu ul li.menu2 a span, #menu ul li.menu2 {background: url('../_images/menu-button-floating.gif') no-repeat top left; width: 84px;}
#menu ul li.menu3 a span, #menu ul li.menu3 {background: url('../_images/menu-button-solarium.gif') no-repeat top left; width: 88px;}
#menu ul li.menu4 a span, #menu ul li.menu4 {background: url('../_images/menu-button-lasercentrum.gif') no-repeat top left; width: 152px;}
#menu ul li.menu5 a span, #menu ul li.menu5 {background: url('../_images/menu-button-estdermatologie.gif') no-repeat top left; width: 190px;}
#menu ul li.menu6 a span, #menu ul li.menu6 {background: url('../_images/menu-button-kozniambulance.gif') no-repeat top left; width: 148px;}
#menu ul li.menu7 a span, #menu ul li.menu7 {background: url('../_images/menu-button-kontakt.gif') no-repeat top left; width: 69px;}

#menu ul li.menu1 a:hover span, #menu ul li.menu1 a.active span {background-position: -58px 0;}
#menu ul li.menu2 a:hover span, #menu ul li.menu2 a.active span {background-position: -84px 0;}
#menu ul li.menu3 a:hover span, #menu ul li.menu3 a.active span {background-position: -88px 0;}
#menu ul li.menu4 a:hover span, #menu ul li.menu4 a.active span {background-position: -152px 0;}
#menu ul li.menu5 a:hover span, #menu ul li.menu5 a.active span {background-position: -190px 0;}
#menu ul li.menu6 a:hover span, #menu ul li.menu6 a.active span {background-position: -148px 0;}
#menu ul li.menu7 a:hover span, #menu ul li.menu7 a.active span {background-position: -69px 0;}
/*------------------------*/


/*-------middle box------*/
#middle {
  background: #e5e4e4 url('../_images/middle-back.gif') repeat-x top left;
  border-top: 1px solid #d3c3c3;
  padding: 15px 0;
}
/*-----------------------*/

/*-------bottom box------*/
#bottom {
  text-align: center;
  background: #ffe5cd url('../_images/bottom-back.gif') repeat-x top left;
  height: 260px; _height: 300px;
  padding: 20px 0;
}
/*-----------------------*/

/*---------footer--------*/
#footer {
  color: #ffffff;
  text-align: center;
  background: #e28b07 url('../_images/footer-back.gif') repeat-x top left;
  height: 27px; _height: 35px;
  padding: 8px 0 0 0;
}

#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer img {vertical-align: middle; border: none;}


/*------ obecne layout prvky ----*/
.index-right, .pagebox-right {float: right;}
.index-left, .pagebox-left{float: left;}
.index-right, .pagebox-left {width: 520px;}
.index-left, .pagebox-right {width: 260px;}

.pagebox-right img {border: 3px solid #ffffff; margin: 0 0 15px 0; padding: 0;}

.make-order {
  background: #ffffff url('../_images/objednejtese.jpg') no-repeat bottom right;
  border: 3px solid #d8d8d8;
  width: 241px;
  _width: 247px;
  height: 102px;
  margin: 0 0 20px 0;
}
.make-order h2, .infobox1 h2, .infobox2 h2 {color: #000000; font-weight: bold; font-size: 1.3em; margin: 14px 4px 12px 6px;}
.make-order p {
  color: #d46307;
  font-size: 1.7em;
  background-color: #F9EBD7;/*#fff3e8;*/
  border: 1px solid #f4f0ec;
  width: 130px;
  _width: 150px;
  margin: 5px;
  padding: 0 10px;
}

.akce {
  display: block;
  background-color: #f5c363;
  border: 3px solid #c37f00;
  margin: 0 0 10px 0;
  padding: 10px; 
}
.akce h2 {color: #f00010; margin: 0; padding: 0;}
.akce p {font-size: 1.2em; text-align: center;}
.akce a {color: #000000; text-decoration: underline;}
/*----- informacni boxy -----*/
.infobox1, .infobox2 {
  border: 1px solid #d8d8d8;
  width: 390px;
  _width: 520px;
  /*height: 172px;*/
  margin: 26px 0 20px 0;
  padding: 5px 20px 5px 110px;
}
.infobox1.oh {background: #ffffff url('../_images/opening-hours.jpg') no-repeat top left;}
.infobox1.pl {background: #ffffff url('../_images/pricelist.jpg') no-repeat top left;}

.infobox1 h2, .infobox2 h2 {margin: 0 0 10px 6px;}
.infobox1 table {background-color: #F9EBD7; border: 1px solid #f4f0ec; width: 380px; margin: 0 0 5px 0; padding: 5px;}
.infobox1.oh table th {width: 60px; padding: 0 0 0 10px}
.infobox1.pl table th, .infobox1.pl table td {text-align: center;}

.infobox2 {background: #ffffff; width: 500px; _width: 520px; padding: 5px 20px 0 0;}
.infobox2 .infobox2-wrap-right {
  float: right;
  background-color: #F9EBD7; 
  border: 1px solid #f4f0ec;
  width: 370px; _width: 380px;
  margin: 0 0 15px 0; padding: 5px;
}
.infobox2 .infobox2-wrap-right h3 {color: #000000; margin: 0; padding: 0;}
.infobox2 .infobox2-wrap-left {float: left; width: 115px;}
.infobox2 h2 {margin: 0 0 10px 120px;}
/*-------------------------*/


.service-item-box {
  float: left;
  text-align: center;
  background: #ffe5cd url('../_images/bottom-service-back.gif') no-repeat top left;
  width: 138px;
  _width: 146px;
  height: 228px;
  margin: 0 10px 0 0;
  padding: 4px;
}
.service-item-box img {border: none; margin: 0 0 12px 0;}
.service-item-box a.heading {display: block; color: #1e2c5e; text-decoration: none; height: 40px;}
.service-item-box a.heading:hover {color: #1e2c5e; text-decoration: underline;}
.service-item-box a.more-info {display: block; float: right; color: #d46307; text-decoration: none; width: 25px;}
.service-item-box a.more-info:hover {color: #d46307; text-decoration: underline;}