﻿* {
  margin: 0;
  padding: 0
  }

body {
  font-size: 90%;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  line-height: 1.4em;
  background: #fff6e8 url(../images/shadow.gif) top center no-repeat;
	color: #585858;
  }
  
#shadow {
	background: url(../images/bg.gif) top center repeat-x;
  }

a:link {
  color: #ae0905;
  }

a:visited {
  color: #c85e5c;
  }
  
a:hover {
  background: #ffe9c8;
  text-decoration: none;
  }

p {
  padding: 0.7em 0;
  }
  
strong {
  color: #e09302;
  }

.right {
  text-align: right;
  }

h1 {
  margin: 40px 0 0 0px;
  overflow: hidden;
  font-size: 1.9em;
  }

h1, h1 span {
  float: left;
  position: relative;
  width: 335px;
  height: 50px;
  }

h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.gif) top left no-repeat;
  }
  
h1 a:hover span {
  cursor: pointer;
  }
  
h2 {
  font-weight: normal;
  color: #ae0905;
  font-size: 1.5em;
  }
  
h2 strong {
  color: #ae0905;
  }
  
h2.headline-a {
  padding: 10px 0 5px 0px;
  overflow: hidden;
  }

h2.headline-a, h2.headline-a span {
  position: relative;
  width: 354px;
  height: 24px;
  overflow: hidden;
  }

h2.headline-a span {
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/headline-a.gif) top left no-repeat;
  }
  
h2.headline-b {
  padding: 10px 0 5px 0px;
  overflow: hidden;
  }

h2.headline-b, h2.headline-b span {
  position: relative;
  width: 354px;
  height: 24px;
  overflow: hidden;
  }

h2.headline-b span {
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/headline-b.gif) top left no-repeat;
  }
  
h2.headline-c {
  padding: 10px 0 5px 0px;
  overflow: hidden;
  }

h2.headline-c, h2.headline-c span {
  position: relative;
  width: 354px;
  height: 24px;
  overflow: hidden;
  }

h2.headline-c span {
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/headline-c.gif) top left no-repeat;
  }
  
h2.headline-d {
  padding: 10px 0 5px 0px;
  overflow: hidden;
  }

h2.headline-d, h2.headline-d span {
  position: relative;
  width: 354px;
  height: 24px;
  overflow: hidden;
  }

h2.headline-d span {
  position: absolute;
  top: 10px;
  left: 0;
  background: url(../images/headline-d.gif) top left no-repeat;
  }
  

/************************************************************  PAGE */

#page {
  width: 900px;
  margin: 0 auto;
  position: relative;
  }

#header {
  height: 100px;
  background: url(../images/header.jpg) right bottom no-repeat;
  }
  
#upper {
  width: 900px;
  height: 266px;
  background: url(../images/upper.jpg) right top no-repeat;
  }
  
#upper p {
  text-align: right;
  font-size: 1.4em;
  visibility: hidden;
  }

/************************************************************  NAVIGATION */

#nav {
  width: 352px;
  height: 48px;
  float: right;
  position: relative;
  top: 30px;
  left: 0px;
  }
  
#nav ul {
  list-style: none;
  }

#nav ul li {
  float: left;
  display: block;
  }
  
  
#nav ul li a {
  font-size: 1.2em;
  display: block;
  height: 48px;
  line-height: 48px;
  color: #b67321;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  }
  
#nav ul li a:hover {
  text-decoration: underline;
  color: #c23d2e;
  }
  
/* a */
#nav li#a {
  position: relative;
  overflow: hidden;
  }
  
#nav li#a,
#nav li#a span {
  width: 87px;
  height: 48px;
  }
  
#nav li#a span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/menu.gif) 0 0 no-repeat;
  }
  
#nav li#a a:hover span {
  background: url(../images/menu.gif) 0 -96px no-repeat;
  cursor: pointer;
  }
 
#nav li#a a.active span {
  background: url(../images/menu.gif) 0 -48px no-repeat;
  }
  
/* b */
#nav li#b {
  position: relative;
  overflow: hidden;
  }
  
#nav li#b,
#nav li#b span {
  width: 85px;
  height: 48px;
  }
  
#nav li#b span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/menu.gif) -87px 0 no-repeat;
  }
  
#nav li#b a:hover span {
  background: url(../images/menu.gif) -87px -96px no-repeat;
  cursor: pointer;
  }
 
#nav li#b a.active span {
  background: url(../images/menu.gif) -87px -48px no-repeat;
  }
  
/* c */
#nav li#c {
  position: relative;
  overflow: hidden;
  }
  
#nav li#c,
#nav li#c span {
  width: 75px;
  height: 48px;
  }
  
#nav li#c span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/menu.gif) -172px 0 no-repeat;
  }
  
#nav li#c a:hover span {
  background: url(../images/menu.gif) -172px -96px no-repeat;
  cursor: pointer;
  }
 
#nav li#c a.active span {
  background: url(../images/menu.gif) -172px -48px no-repeat;
  }
  
/* d */
#nav li#d {
  position: relative;
  overflow: hidden;
  }
  
#nav li#d,
#nav li#d span {
  width: 105px;
  height: 48px;
  }
  
#nav li#d span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/menu.gif) -247px 0 no-repeat;
  }
  
#nav li#d a:hover span {
  background: url(../images/menu.gif) -247px -96px no-repeat;
  cursor: pointer;
  }
 
#nav li#d a.active span {
  background: url(../images/menu.gif) -247px -48px no-repeat;
  }
  


/************************************************************ CONTENT */

#content-top {
  width: 601px;
  background: url(../images/content-top.gif) left top no-repeat;
  }
  
#content-top img {
  float: right;
  position: relative;
  top: -30px;
  }
  
#content-bottom {
  padding: 20px 35px;
  background: url(../images/content-bottom.gif) left bottom no-repeat;
  }
  
#content-midd {
  margin: 10px 0;
  float: left;
  background: url(../images/content-midd.gif) left top repeat-y;
  }

/*********************************************************** COLUMN */

#column {
  width: 270px;
  float: right;
  margin-top: 13px;
  color: #9b712f;
  }
  
#column p {
  padding: 0.7em 0 1.2em 0;
  border-bottom: 1px solid #ffd189;
  }
  
#column p.nopadd {
  border: none;
  }
  
#column a img {
  border: none;
  margin: 10px 0;
  }
  
#column a img.abc {
  margin: 10px 0 0px 0;
  }
  
#column.terapie a:hover {
  background: none;
  }
  
h3 {
  font-weight: normal;
  font-size: 1.2em;
  padding: 1.4em 0 0.1em 0;
  }
  
h3.red {
  color: #ae0905;
  }

h3.green {
  color: #47a93c;
  }
  
h3.orange {
  color: #fba708;
  }

/************************************************************  FOOTER */

#footer {
  height: 54px;
  line-height: 54px;
  background: url(../images/footer.jpg) left top no-repeat;
  color: #9b712f;
  font-size: 0.9em;
  padding: 0 35px;
  }

#footer p {
  float: left;
  }
  
#footer p.right {
  float: right;
  }

br.cleaner {
  clear: both;
  }
  
#main ul {
  list-style: none;
  padding: 0 0px 5px 0;
  }
  
#main li {
  padding: 2px 0 2px 20px;
  background: url(../images/li.gif) 0 5px no-repeat;
  }
  
#main ul.first {
  padding-bottom: 20px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ffd189;
  }

table {
  width: 100%;
  border: 3px solid #feecd1;
  margin: 10px 0;
  font-weight: bold;
  }
  
td {
  border: 1px solid #feecd1;
  padding: 2px 5px;
  }

address {
  padding: 10px 0;
  font-style: normal;
  }
















