body {
  background: #e9eef8 url(../obr/bg.png) repeat-x;
  text-align: center;
  font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
}

#hlavni {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 967px;
  background: url(../obr/bg_hlavni.png) repeat-y;
}

#hlavicka {
  width: 967px;
  height: 364px;
  background: url(../obr/hlavicka_line.jpg) no-repeat;
  position: relative;
}

h1, h1 span {
  position: relative;
  width: 182px;
  height: 198px;
  top: 85px; left: 52px;
  overflow: hidden;
}

h1 span {
  position: absolute;
  top: 0; left: 0;
  background: url(../obr/logo.jpg) no-repeat;
}

h1 a {
  text-decoration: none;
}

h1 strong {
  visibility: hidden;
}

#hlavicka #fungujeme {
  position: absolute;
  top: 40px; left: 240px;
  margin: 0; padding: 0;
  color:#172a4a;
  font-weight:bold;
  height:30px;
  line-height:30px
}

#hlavicka #fungujeme strong{color:#ce0000}

#hlavicka ul {
  position: absolute;
  top: 320px; left: 65px;
  list-style: none;
  margin: 0; padding: 0;
}

#hlavicka li {
  float: left;
  position: absolute;
  text-align: center;
}

.nas {width: 60px; height: 30px;}
.kon {width: 100px; left: 84px;}
.dar {width: 100px; left: 205px;}
.nov {width: 120px; left: 328px;}
.dob {width: 120px; left: 465px;}
.fot {width: 120px; left: 597px;}
.pod {width: 120px; left: 730px;}

#hlavicka ul a {
  font-size: 11pt;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
}

#hlavicka ul a:hover {
  text-decoration: underline;
  color: #ff0;
}

#hlavicka ul li.nas ul {
  position: absolute;
  top: 27px; left: 7px;
  width: 238px;
  height: 163px;
  background: #bde1ff;
  padding-top: 10px;
  display: none;
}

#hlavicka ul li.nas ul li {
  display: block;
  position: relative;
  background: url(../obr/nas_li.png) no-repeat bottom;
  height: 31px;
}

#hlavicka ul li.nas ul li.bez {
  background: none;
}

#hlavicka ul li.nas ul li a {
  display: block;
  width: 226px;
  height: 30px;
  line-height: 30px;
  color: #1b4172;
  font-size: 9pt;
  text-align: left;
  padding-left: 23px;
  margin-left: 6px;
}

#hlavicka ul li.nas ul li a:hover {
  color: #ff0;
  background: url(../obr/nas_a.png) no-repeat;
}

#nav {
  width: 967px;
  min-height: 600px;
  background: url(../obr/bg_navmenu.png) no-repeat top;
  padding-top: 5px
}

#nav p.nav {
  margin: 0;
  margin-left: 300px;
}

#nav a {
  color: #1b4172;
  text-decoration: none;
  font-size: 10pt;
}

#zpet {  
  margin-right: 5px;
  padding-left: 20px;
  background: url(../obr/sipka_nahoru.png) no-repeat;
  height: 15px;
  line-height: 15px;
}

.ted {
  padding-left: 22px;
  margin-left: 5px;
  background: url(../obr/sipka_nav.png) no-repeat;
  height: 15px;
  line-height: 15px;
}

#nav .nav a.ted:hover, a#zpet:hover {
  color: #d24000;
}

#levy {
  font-size: 10pt;
  width: 278px;
  float: left;
  padding-top: 15px;
}

#levy ul {
  list-style: none;
  color: #1c4171;
  margin: 0;
  padding-left: 25px;
}

#levy h3 a {
  color: #3b5a94;
  font-size: 12pt;
  text-decoration: none;
  font-variant: small-caps;
}

#levy h3 a:hover {
  color: #d24000;
}

#levy h3 span {
  display: block;
  float: left;
  width: 86px;
  height: 79px;
  margin-left: -29px;
}

#hospic span {
  background: url(../obr/DP3.png) no-repeat;
  margin-top: -20px;
  margin-right: 10px;
}

#kostel span {
  background: url(../obr/kostel.png) no-repeat;
  margin-top: -20px;
  margin-right: 10px;
}

#archa span {
  background: url(../obr/archa.png) no-repeat;
  margin-top: -20px;
  margin-right: 10px;
}
#archa {line-height: 45px;}

#kruh span {
  background: url(../obr/kruh.png) no-repeat;
  margin-top: -20px;
  margin-right: 10px;
}

#rest span {
  background: url(../obr/restaurace.png) no-repeat;
  margin-top: -20px;
  margin-right: 10px;
}

#levy ul ul {
  clear: left;
  padding-left: 0px;
  margin-bottom: 30px;
}

#levy ul ul li a span {
  display: block;
  float: left;
  width: 18px;
  height: 25px;
  background: url(../obr/sipka.png) no-repeat;
  margin-right: 15px;
}

#levy ul ul li a:hover span, #levy ul ul li a span.aktiv {
  background: url(../obr/sipka_aktiv.png) no-repeat;
}

#levy ul ul li.aktiv a span {
  background: url(../obr/sipka_dolu.png) no-repeat;
}

#levy ul ul a {
  color: #1c4171;
  font-size: 10pt;
  text-decoration: none;
  display: block;
  width: 230px;
  background: url(../obr/li.png) no-repeat bottom;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

#levy ul ul ul {
  padding-left: 70px;
  margin-bottom: 0px;
  display: none;
}

#levy ul ul li.aktiv ul {
  display: block;
}

#levy ul ul ul a {
  background: none;
}

#levy ul ul ul a:hover, #levy ul ul ul a.aktiv {
  text-decoration: underline;
  color: #d24000;
}

#obsah {
  width: 409px;
  float: left;
  margin-left: 35px;
  color: #364c8a;
  font-size: 10pt;
  padding-top: 20px;
}

#obsah h2 {
  font-size: 16pt;
  margin-bottom: 30px;
}

#obsah h2 span {
  display: block;
  float: left;
  width: 110px;
  height: 69px;
  background: url(../obr/vlajka_archa.png) no-repeat;
  margin-left: -34px;
  margin-top: -25px;
  margin-right: 7px;
}

#obsah h2 span.domaci {
  background: url(../obr/vlajka_domaci.png) no-repeat;
}

#obsah h2 span.kostel {
  background: url(../obr/vlajka_kostel.png) no-repeat;
}

#obsah h2 span.asistence {
  background: url(../obr/vlajka_asistence.png) no-repeat;
}

#obsah h2 span.auto {
  background: url(../obr/vlajka_auto.png) no-repeat;
}

#obsah h2 span.pujcovna {
  background: url(../obr/vlajka_pujcovna.png) no-repeat;
}

#obsah h2 span.ambulance {
  background: url(../obr/vlajka_ambulance.png) no-repeat;
}

#obsah h2 span.klub {
  background: url(../obr/vlajka_klub.png) no-repeat;
}

#obsah h2 span.mobilni {
  height: 73px;
  background: url(../obr/vlajka_mobilni.png) no-repeat;
}

#obsah h2 span.hospic {
  height: 73px;
  background: url(../obr/vlajka_hospic_dp.png) no-repeat;
}

#obsah h2 span.kruh {
  background: url(../obr/vlajka_kruh.png) no-repeat;
}

#obsah h2 span.rest {
  background: url(../obr/vlajka_restaurace.png) no-repeat;
}

#obsah h2 span.poradenstvi {
  background: url(../obr/vlajka_poradenstvi.png) no-repeat;
}

#obsah h3 {
  font-size: 16pt;
}

#obsah h3 a {
  font-size: 16pt;
  text-decoration: none;
  color: #364c8a;
}

#obsah a {
  color: #d24000;
  text-decoration: underline;
}

#obsah a:hover {
  text-decoration: none;
}

.dopis {
  width: 409px;
  background: url(../obr/dopis_bg.png) repeat-y;
  margin-bottom: 25px;
}

.dopis_top {
  width: 409px;
  height: 10px;
  background: url(../obr/dopis_top.png) no-repeat;
}

.dopis_bottom {
  width: 409px;
  height: 20px;
  background: url(../obr/dopis_bottom.png) no-repeat;
}

.small {
  text-align: right;
  font-style: italic;
  margin-left: 10px;
  margin-right: 25px;
  font-size: 75%;
}

.dopis .text {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 25px;
}

dt {
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 3px;
}

dd {
  margin-left: 10px;
}

.tab {
   width: 100%;
   border-collapse: collapse;
   line-height: 1.4em;
}

.tab tr:hover {
  background: #9dd2fe;
}

#pravy {
  width: 208px;
  float: right;
}

#pravy h4 {
  width: 190px;
  height: 44px;
  background: url(../obr/pruh.png) no-repeat;
  color: #ff0;
  font-size: 12pt;
  line-height: 40px;
  padding-left: 21px;
}

.novinka {
  width: 167px;
  margin-left: 17px;
  background: url(../obr/li.png) no-repeat bottom;
  padding-bottom: 10px;
}

.bez {
  background: none;
}

#pravy h3 {
  color: #d24000;
  font-size: 10pt;
  margin-bottom: 5px;
}

#pravy h3 a {
  color: #d24000;
  font-size: 10pt;
}

.datum {
  font-weight: normal;
  font-size: 9pt;
}

.novinka p {
  margin-top: 2px;
  margin-bottom: 0px;
  font-size: 9pt;
  color: #1b4172;
}

#gal {
  border: 2px #9dd2fe solid;
  width: 170px;
  height: 170px;
  margin-left: 10px;
  margin-top: 25px;
}

#patka {
  width: 967px;
  height: 196px;
  background: url(../obr/patka.png) no-repeat;
  color: #ff0;
  font-size: 9pt;
  position: relative;
}

#tri, #tri span {
  width: 116px;
  height: 117px;
  position: absolute;
  overflow: hidden;
  display: block;
  top: 35px; left: 790px;
}

#tri span {
  background: url(../obr/logo_tri.png) no-repeat;
  position: absolute;
  top: 0; left: 0;
}

#design, #design span {
  position: absolute;
  overflow: hidden;
  width: 153px;
  height: 24px;
  display: block;
  top: 165px; left: 50px;
}

#design span {
  background: url(../obr/estetica.png) no-repeat;
  position: absolute;
  top: 0; left: 0;
}

#patka div {
  position: absolute;
  left: 780px; top: 167px;
}

#techmenu {
  width: 386px;
  height: 32px;
  background: url(../obr/techmenu.png) no-repeat;
  position: absolute;
  top: 0; left: 550px;
  list-style: none;
  margin: 0; padding: 0;
}

#techmenu a {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #fff;
  text-decoration: none;
  position: absolute;
  display: block;
  padding-left: 30px;
  height: 19px;
  line-height: 19px;
  top: 9px;
}

#techmenu a:hover {
  color: #ff0;
  text-decoration: underline;
}

#uv {left: 24px;}
#uv:hover {background: url(../obr/domecek.png) no-repeat;} 

#map {left: 115px;}
#map:hover {background: url(../obr/krizek.png) no-repeat;} 
#vel {left: 241px;}
#vel:hover {background: url(../obr/aa.png) no-repeat;} 

hr {
  visibility: hidden;
  clear: both;
}

#obsah .letak {
  text-align: center;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  height: 90px;
  border: #364c8a solid 1px;
  margin-left: 5px;
  margin-bottom: 10px;
}

#obsah .letak a {
  text-decoration: none;
  font-size: 80%;
}

.letak img {
  border: 0 none;
}