/******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; 
}

/***** hack pro ie - menu align center ******/

* html #menu ul li {
    display: inline;
}

*:first-child+html #menu ul li {
    display: inline;
}

/******* základní věci*********/

body {
  margin: 0;
  padding: 0;
  background: #fff url('hlavni_pozadi.png') 0% 0% repeat-x;
  color: #000;
  font-family: 'Verdana', Arial, Courier, sans-serif;
  text-align: center;
}

p {
  letter-spacing: 0.01em;
  color: #525252;
  font-size: 0.70em;
  line-height: 1.7em;
  text-align: left;
  padding: 0px 15px 0px 15px;
  margin-bottom: 10px;
  text-indent: 10px;
}

p strong{color: #2b2b2b;}

p a, ul a {color: #00c4f7;}

p a:hover, ul a:hover {color: #2b2b2b;}

h3, h4, h5, h6 {
  color: #00c4f7;
  text-align: left;
  margin: 5px 15px;
  font-weight: lighter;
}

h3 {font-size: 1.0em;}
h4 {font-size: 0.9em;}
h5 {font-size: 0.85em;}
h6 {font-size: 0.75em;}

img {
  margin: 5px;
  border: 1px solid #cecccc;
}

a:hover img {border: 1px solid #00c4f7;}

ul {
  list-style-image: url('listnews.png'); 
  text-align: left;
  font-size: 0.70em;
  line-height: 1.6em;
  letter-spacing: 0.01em;
  color: #525252;
  padding: 0 15px 0 30px;
  margin: 0 0 15px 0;
}


/******* layout *******/

#container {
  width: 800px;
  height: auto;
  margin: 0 auto;
}

#horni_lista {
  width: 800px;
  height: 28px;
  background: transparent url('horni_lista.jpg') 399px 0% no-repeat;
}

#header {
  width: 800px;
  height: 145px;
}

#menu {
  height: 58px;
  width: 800px;
  background: #f7f7f7 url('hlavni_pozadi.png') 0% -173px repeat-x;
}

/******* horni lista ********/

#horni_lista ul{
  margin: 0 0 0 443px;
  list-style: none;
  font-size: 0.65em;
  padding: 0;
}

#horni_lista ul li{
  display: block;
  float: left;
  line-height: 22px;
  position: relative;
  background: #000;
}

#horni_lista ul li a {
  display: block;
  float: left;
  width: 90px;
  height: 23px;
  color: #aaaaaa;
  text-decoration: none;
}

#horni_lista ul li a:hover {color: #fff;}

#horni_lista ul li a span{
  display: block;
  float: left;
  width: 90px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 0;
}

#horni_lista ul li a span.domu {background: transparent url('domu.jpg') 0% 0% no-repeat;}

#horni_lista ul li a span.mapa {background: transparent url('mapa.jpg') 0% 0% no-repeat;}

#horni_lista ul li a span.kontakt {background: transparent url('kontakt.jpg') 0% 0% no-repeat;}

#horni_lista ul li a:hover span.domu {background: transparent url('domuhover.jpg') 0% 0% no-repeat;}

#horni_lista ul li a:hover span.mapa {background: transparent url('mapahover.jpg') 0% 0% no-repeat;}

#horni_lista ul li a:hover span.kontakt {background: transparent url('kontakthover.jpg') 0% 0% no-repeat;}

/****** header ********/

#header h1 {
  width: 246px;
  height: 145px;
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  float: left;
  position: relative;
  overflow: hidden;
}

#header h1 a {
  cursor: pointer;
  color: #3fd7ff;
  text-decoration: none;
  font-weight: lighter;
}

#header h1 a strong {
  color: #939598;
  font-size: 1.6em;
}

#header h1 a span{
  position: absolute;
  width: 246px;
  height: 145px;
  left: 0;
  top: 0;
  background: transparent url('logo.jpg') 0% 0% no-repeat;
}

#header_obrazek {
  width: 320px;
  height: 145px;
  background: transparent url('header.jpg') 0% 0% no-repeat;
  float: left;
}

#header h2{
  float: right;
  width: 234px;
  padding: 0;
  margin: 23px 0 0 0;
  text-transform: uppercase;
  color: #00cbff;
  font-size: 0.80em;
  font-weight: lighter;
  letter-spacing: 0.2em;
  text-align: left;
}

#header ul{
  float: right;
  width: 234px;
  text-align: left;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 0.7em;
  letter-spacing: 0.1em;
  list-style-image: url('headlist.gif');
}

#header ul li{
  line-height: 15px;
}

#header ul li.hed1{
  color: #a4a4a4;
}

#header ul li.hed2{
  color: #818181;
}

#header ul li.hed3{
  color: #656565;
}


/******** menu **********/ 

#menu ul {
  list-style: none;
  font-size: 0.70em;
  letter-spacing: 0.001em;
  width: auto;
  margin: 0 auto;
  text-align: center;
}

#menu ul li {
  display: inline-block;
  display: -moz-inline-stack;
  width: 110px;
  line-height: 56px;
}

#menu ul li a {
  display: inline-block;
  width: 110px;
  height: 58px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  
}

#menu ul li a:hover, #menu ul li a.active {
  font-weight: bold;
  background: transparent url('hover.png') 0% 0% no-repeat;
}

#menu ul li ul {
  font-size: 10px;
  width: 800px;
}

#menu ul li ul li {
  float: left;
  line-height: 20px;
}


img{
  border: 0px;
}

#menu ul li ul li a {
  width: auto;
  height: auto;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  padding: 0px 15px;
}

#menu ul li ul li a:hover {
  text-decoration: underline;
  color: #2ed3fe;
  background: none;
  font-weight: normal;
}

/****** hlavni obsah *********/

#content {
  width: 700px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

#left {
  width: 435px;
  height: auto;
  float: left;
}

#hlavni_okno {
  width: 435px;
  height: auto;
  padding-bottom: 15px;
  background: #fafcfc url('who_pozadi.png') 0% 100% no-repeat;
}

#content h2 {
  font-size: 1.2em;
  color: #414141;
  text-align: left;
  height: 75px;
  width: 318px;
  overflow: hidden;
  font-weight: lighter;
  margin: 30px 0 0 0;
  padding: 10px 0 0 100px;
  line-height: 1.4em;
}

#content h2 span {
  font-size: 0.5em;
  text-transform: uppercase;
  color: #3dc8ec;
  font-weight: normal;
  letter-spacing: 0.1em;
}

#content h2.kdo {
  background: transparent url('kdo.jpg') 0% 0% no-repeat;
}

#content h2.kontakt {
  background: transparent url('kon.jpg') 0% 0% no-repeat;
  font-size: 1.1em;
}

#content h3 {
  text-align: left;
  margin: 5px 15px;
  font-size: 1.0em;
  font-weight: lighter;
}

#content p strong{
  color: #2b2b2b;
}

#content p a{
  color: #3dc8ec;
}

#content p a:hover {
  color: #000;
}

#content p.read{
  text-align: right;
  background: transparent url('read.png') 76% 100% no-repeat;
  line-height: 27px;
  padding: 5px 40px 0 0;
  margin: 0 0 5px 0;
  font-weight: bold;
}

#content p.read a{
  color: #3dc8ec;
}

#content p.read a:hover{
  color: #000;
}

#content blockquote p {
  color: #3dc8ec;
  font-style: italic;
  font-size: 0.8em;
  text-align: center;
}

/******** kontaktni formular *********/

#con form {
  text-align: left;
  width: 435px;
  margin: 0 auto;
  float: left;
}

#con form fieldset{
  border: none;
  width: 355px;
  margin: 0 auto;
}

#con div.mailto {
  float: left;
}

#con div.yourname {
  float: right;
}

#con form fieldset input {
  width: 150px;
  height: 18px;
  background: #f9f9f9;
  border: 1px solid #cecccc;
  font-size: 0.9em;
  line-height: 22px;
  color: #767676;
  letter-spacing: 0.01em;
  text-align: right;
}

#con form fieldset input:hover, #con form fieldset textarea:hover {
  border: 1px solid #60deff;
}

#con form fieldset label {
  font-size: 0.6em;
  color: #444444;
  padding: 0 0 0 5px;
  letter-spacing: 0.05em;
}

#con form fieldset textarea {
  font-size: 0.9em;
  background: #f9f9f9;
  border: 1px solid #cecccc;
  color: #444444;
  margin: 10px 0 10px 0;
  letter-spacing: 0.05em;
  width: 355px;
  height: 100px;
}

#buttony {
  width: 148px;
  height: 22px;
  margin: 10px auto 10px auto;
}

#con form fieldset input.send, #con form fieldset input.clear {
  border: none;
  text-align: center;
  height: 22px;
  line-height: 20px;
  color: #929292;
  letter-spacing: 0.01em;
  font-size: 0.75em;
  cursor: pointer;
}

#con form fieldset input.send {
  width: 75px;
  background: #e7e7e7 url('button1.png') 0% 0% no-repeat;
}

#con form fieldset input.send:hover {
  background: #8fe8ff url('button1hover.png') 0% 0% no-repeat;
  color: #4c4b4b;
}

#con form fieldset input.clear {
  width: 73px;
  background: #e7e7e7 url('button2.png') 0% 0% no-repeat;
  margin-left: -6px;
}

#con form fieldset input.clear:hover {
  background: #8fe8ff url('button2hover.png') 0% 0% no-repeat;
  color: #4c4b4b;
}

/******* pravy sloupec ********/

#right {
  width: 220px;
  height: auto;
  float: right;
  padding-top: 30px;
}

#right h3.nov {
  font-size: 1.0em;
  text-align: left;
  color: #414141; 
  height: 71px;
  width: 220px;
  overflow: hidden;
  font-weight: lighter;
  padding: 15px 0 0 80px;
  line-height: 1.4em;
  margin: 0;
}

#right h3.nov span {
  font-size: 0.54em;
  text-transform: uppercase;
  color: #3dc8ec;
  font-weight: normal;
  letter-spacing: 0.1em;
}

#right h3.nov {
  background: transparent url('news.jpg') 0% 0% no-repeat;
}

#news {
  width: 220px;
  height: auto;
  background: #fff url('newspozadihlavni.png') 0% 0% repeat-y;
  line-height: 1.2em;
}

#news div.novinka {
  width: 220px;
  height: auto;
  background: transparent url('newstextpozadi.png') 0% 0% no-repeat;
  padding: 10px 0 10px 0;
}

#news div.novinka p span{
  color: #00c7ff;
  font-weight: bold;
  float: right;
  margin: 0;
  background: none;
  padding: 0 10px 0 0;
}

/****** novinky posuvnik ******/

#posuvnik {
  width: 220px;
  height: 53px;
  background: transparent url('posuvnik.jpg') 1px 0% no-repeat;
}

#posuvnik p {
  text-align: center;
  text-indent: 0;
}

#posuvnik p a{
  margin: 20px 0 0 0;
  display: inline-block;
  width: 19px;
  height: 20px;
  background: #e6e6e6 url('button.jpg') 50% 50% no-repeat;
  color: #acacac;
  text-decoration: none;
}

#posuvnik p a:hover{
  background: #e6e6e6 url('buttonhover.jpg') 50% 50% no-repeat;
  color: #656565;
}

/***** paticka *****/

#footer {
  width: auto;
  height: 110px;
  background: #e1f8fe url('footer.png') 0% 0% repeat-x;
  margin-top: 30px;
}

#pata {
  width: 800px;
  height: 110px;
  position: relative;
  margin: 0 auto;
  background: transparent url('logopata.jpg') 65px 50% no-repeat;
}

#pata p {
  font-size: 0.65em;
  letter-spacing: 0.01em;
  color: #9b9b9b;
  text-align: left;
  text-indent: 0;
}

#pata p a {color: #9b9b9b;}

#pata p a:hover {color: #43d7ff;}

#pata p.patalevy {
  float: left;
  padding: 70px 0 0 75px;
}

#pata p.patapravy {
  float: right;
  text-align: left;
  padding: 43px 105px 0 0 ;
}

/******** nahoru ******/ 

#top {
  width: 52px;
  height: 37px;
  position: absolute;
  background: transparent url('top.jpg') 70% 0% no-repeat;
  top: -30px;
  left: 670px;
}

#top p {
  font-size: 0.70em;
  line-height: 4.6em;
  letter-spacing: 0.01em;
}

#top p a{
  text-decoration: none;
  color: #b9b9b9;
}

#top p a:hover {color: #000;}