/************************************************************  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  }  

body {
  font-size: small;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  line-height: 1.5em;
	background: #fff url(../images/bg.jpg) top center repeat-x;
	color: #243349;
  }

a:link {
  color: #4E0AA0;
  }

a:visited {
  color: #4E0AA0;
  }
  
a:hover {
  color: #D38922;
  }

p {
  padding: 0.7em 0;
  }

strong {
  color: #c6801e;
  }
  
strong.frost {
  color: #003f9a;
  }

/************************************************************  PAGE */

#page {
  width: 960px;
  margin: 0 auto;
  }

#header {
  width: 960px;
  height: 217px;
  background: white url(../images/header.jpg) top left no-repeat;
  }
  
#header h1 {
  overflow: hidden;
  font-size: 1.9em;
  }

#header h1, h1 span {
  float: left;
  position: relative;
  top: 48px;
  width: 287px;
  height: 53px;
  }

#header h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.gif) top left no-repeat;
  }
  
#header h2 {
  overflow: hidden;
  font-size: 1.3em;
  clear: both;
  }

#header h2, h2 span {
  float: left;
  position: relative;
  top: 40px;
  width: 374px;
  height: 38px;
  }

#header h2 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/slogan.gif) top left no-repeat;
  }
  
#header p {
  clear: both;
  position: relative;
  width: 140px;
  top: 52px;
  left: 233px;
  color: #7d7d7d;
  }

/************************************************************  main index */

#main-index {
  width: 960px;
  }
  
#nav {
  float: left;
  width: 286px;
  position: relative;
  background: #ddebff url(../images/nav-bg.gif) top left no-repeat;
  padding: 29px 0;
  }
  
#nav ul {
  list-style: none;
  }
  
#nav ul li a {
  width: 218px;
  float: left;
  font-size: 1em;
  color: #2055a5;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 0 0 68px;
  line-height: 42px;
  }

#nav ul li a.active {
  background: url(../images/nav-active.jpg) 54px 3px no-repeat;
  color: #ddebff;
  }

.nav-bg-active {
  position: absolute;
  left: 286px;
  display: block;
  width: 24px;
  height: 47px;
  background: url(../images/nav-bg-active.jpg) top left no-repeat;
  }
  
.nav-bg-active#index {
  top: 21px;
  }
  
.nav-bg-active#indikace-a-kontraindikace {
  top: 63px;
  }
  
.nav-bg-active#prubeh-terapie{
  top: 105px;
  }
  
.nav-bg-active#klinicke-zkusenosti {
  top: 147px;
  }
  
.nav-bg-active#reference {
  top: 189px;
  }
  
.nav-bg-active#technicke-parametry {
  top: 231px;
  }
  
.nav-bg-active#fotografie {
  top: 273px;
  }
  
.nav-bg-active#kontakt {
  top: 315px;
  }
  
#nav ul li a:hover {
  text-decoration: underline;
  }


#points {
  float: left;
  width: 470px;
  padding: 10px 0 0 20px;
  }

#points h4 {
  padding: 0px 0 0 20px;
  color: #bf7a18;
  margin: 0;
  }
  
#points h4 span {
  color: #0e3d80;
  }

/****************************************** content */

#content h4 {
  color: #c6801e;
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight: normal;
  padding: 0.4em 0;
  }

#content ul {
  margin: 10px 0 20px 0;
  list-style: none;
  }
  
#content ul li {
  padding: 10px 0 10px 22px;
  background: url(../images/li.gif) 0 8px no-repeat;
  line-height: 1.3em;
  }

#main ul,
#plus ul {
  list-style: none;
  float: left;
  width: 470px;
  }
  
#main ul li,
#plus ul li {
  padding: 7px 0 7px 22px;
  background: url(../images/li.gif) 0 5px no-repeat;
  line-height: 1.3em;
  }
  
#content .address {
  background: #ddebff;
  padding: 20px;
  margin: 45px 0 10px 0;
  border-top: 1px solid #9abef2;
  }

#content .address#first {
  background: #ddebff;
  padding: 20px;
  margin: 15px 0 10px 0;
  border-top: 1px solid #9abef2;
  }

#content .address h4 {
  color: #0e3d80;
  font-size: 1.2em;
  padding: 0 0 0.5em 0;
  }
  
#content .address h4.no-padd {
  padding: 0;
  }
  
#content table.table-address {
  width: 100%;  
  margin: 15px 0;
  border: 1px solid #0e3d80;
  border-collapse: collapse;
  }
  
#content table.table-address th {
  text-align: left;
  width: 42%;
  padding: 5px 10px;
  }
  
#content table.table-address td {
  text-align: left;
  padding: 5px 10px;
  }
  
#content table.table-address th.bg,
#content table.table-address td.bg {
  background: #ddebff;
  }
  
table.three-col {
  width: 100%;  
  margin: 15px 0;
  border: 1px solid #0e3d80;
  border-collapse: collapse;
  }
  
table.three-col th {
  text-align: left;
  width: 33%;
  padding: 5px 10px;
  }
  
table.three-col td {
  width: 33%;
  text-align: left;
  padding: 5px 10px;
  }
  
table.three-col th.bg,
table.three-col td.bg {
  background: #ddebff;
  }
  
table.six-col {
  width: 100%;  
  margin: 15px 0;
  border: 1px solid #0e3d80;
  border-collapse: collapse;
  }
  
table.six-col th {
  text-align: left;
  padding: 5px 10px;
  }
  
table.six-col td {
  padding: 5px 10px;
  width: 13%;
  }
  
table.six-col td.long {
  width: 40%;
  }
  
table.six-col th.bg,
table.six-col td.bg,
table.six-col th.long-bg,
table.six-col td.long-bg {
  background: #ddebff;
  }
  
/*********************** content reference */

#content .reference-box {
  float: left;
  width: 240px;
  margin: 0 20px 20px 0;
  padding: 20px;
  background: #e8e8e8;
  }
  
#content .reference-box-bg {
  float: left;
  width: 240px;
  margin: 0 20px 20px 0;
  padding: 20px;
  background: #ddebff;
  }

/************************************************************ box first */

#box-first {
  float: left;
  width: 960px;
  background: url(../images/blue-snow-line.gif) bottom left no-repeat;
  padding-bottom: 50px;
  }
  
#box-first.no-line {
  background: none;
  padding-bottom: 0px;
  }

#box-second {
  float: left;
  width: 960px;
  background: url(../images/blue-snow-line.gif) bottom left no-repeat;
  padding-bottom: 50px;
  }
  
#box-second h4 {
  font-size: 1.4em;
  padding: 15px 0 20px 0;
  color: #003f9a;
  font-weight: normal;
  }
  
#box-second h4 span {
  color: #dc922a;
  }
  
#box-second #video {
  width: 470px;
  float: left;
  padding-top: 10px;
  }
  
#box-second #video a {
  display: block;
  width: 450px;
  height: 344px;
  }

#box-second #plus {
  width: 490px;
  float: right;
  padding-top: 20px;
  }

#box-second #plus #presentation {
  width: 470px;
  float: right;
  background: #ddebff url(../images/presentation-bg.gif) top right no-repeat;
  }
  
#box-second #plus #presentation h4 {
  display: block;
  width: 227px;
  height: 41px;
  line-height: 43px;
  padding: 0;
  margin-left: 20px;
  text-align: center;
  font-weight: normal;
  font-size: 1.15em;
  color: #cde2ff;
  background: #ddebff url(../images/presentation-header-bg.gif) top left no-repeat;
  }
  
#box-second #plus #presentation p {
  padding: 13px 20px;
  }
  
#box-second #plus #presentation p strong {
  color: #0e3d80;
  }
  
#box-second #plus #presentation a {
  display: block;
  width: 165px;
  height: 35px;
  margin-left: 285px;
  line-height: 35px;
  background: url(../images/presentation-buttom.gif) top left no-repeat;
  color: #fff;
  text-decoration: none;
  text-align: center;
  }
  
#box-second #plus #presentation a:hover {
  color: #3d2400;
  text-decoration: underline;
  }

/************************************************************ CONTENT */

#content {
  width: 600px;
  float: right;
  padding: 20px 0 20px 20px
  }
  
#content h3 {
  font-size: 1.5em;
  line-height: 1.4em;
  padding: 20px 0 10px 0;
  font-weight: normal;
  color: #003f9a;
  }

#content ol {
  padding: 5px 0 10px 10px;
  margin-left: 20px;
  }
  
#content ol li {
  padding: 6px 0 6px 0px;
  border-bottom: 1px dotted #000;
  }

/*********************************************************** COLUMN */

#column {
  width: 320px;
  float: left;
  padding-bottom: 140px;
  background: url(../images/column.gif) bottom left no-repeat;
  }
  
#column.index {
  padding-bottom: 0;
  background: none;
  }

/*********************************************************** website */

#website {
  float: left;
  width: 960px;
  height: 53px;
  line-height: 56px;
  background: #ddebff url(../images/website.gif) top left no-repeat;
  color: #174e9c;
  text-align: center;
  margin-top: 25px;
  }
  
#website a {
  color: #174e9c;
  }
  
#website a:hover {
  color: #505050;
  }
  
/************************************************************ pcs */

.pcs a img {
  width: 170px;
  border: 6px solid #ddebff;
  margin: 0 10px 10px 0;
  }
  
.pcs a:hover img {
  border: 6px solid #1e59ac;
  }

/************************************************************ kontakt */

address {
  width: 50%;
  float: left;
  font-style: normal;
  padding: 10px 0 20px 0;
  }
  
.contacts {
  width: 49%;
  float: right;
  padding: 10px 0 20px 0;
  }
  
  
/******************** map */

a.map img {
  border: 6px solid #ddebff;
  margin-bottom: 20px;
  }
  
a.map:hover img {
  border: 6px solid #1e59ac;
  }

/******************** form */

#form {
  width: 90%;
  border: 5px solid #ddebff;
  padding: 7px 25px;
  margin-top: 8px;
  }
  
fieldset {
  border: none;
  }
  
input, textarea {
  border: 1px solid #1e59ac;
  padding: 5px;
  margin-top: 4px;
  font-family: sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  }

#button {
  background: #104085;
  color: #fff;
  padding: 5px 12px;
  }

/************************************************************  FOOTER */

#footer {
  width: 960px;
  float: left;
  margin-top: 25px;
  background: url(../images/gray-snow-line.gif) top left no-repeat;
  color: #919191;
  padding: 25px 0 20px 0;
  text-transform: uppercase;
  font-size: 0.8em;
  }
  
#footer p {
  float: left;
  padding: 10px;
  }
   
#footer p.right {
  float: right;
  }
  
#footer a {
  color: #919191;
  }
  
#footer a:hover {
  color: #000;
  }

br.cleaner {
  clear: both;
  }

.red {
  color: red;
  }