body, h1, h2, h3, p, img, form, input, textarea, ul, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

body { background: #80cee2 url('images/background-top.jpg') repeat-x left top; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center; }

#container { background: #fff; margin-top: 96px; text-align: left; }

#wraper { min-height: 500px; width: 925px; margin: 0px auto; overflow: auto; }
#wraper.index { background: url('images/spina.jpg') no-repeat right 53px;}
#wraper.kontakt { background: url('images/kontakt.jpg') no-repeat 650px 53px;}
#wraper.reference { background: url('images/reference.jpg') no-repeat 630px 80px;}

#content { width: 670px; float: right; text-align: left; font-size: 1.3em; }
  #content p { padding-bottom: 0.8em; }
  #content p span { font-size: 0.9em; }
  #content ul { list-style: none; margin: 10px 0px; }
  #content ul.uvod { background: #E4F9FF; width: 220px; padding: 10px; border: 1px solid #CAF2FF;}  
  #content ul li { background: url('images/li.png') no-repeat left 2px; line-height: 22px; padding-left: 28px; }
  #content ul.uvod li { color: #16758f; font-weight: bold; }

  #content ul.sluzby li {background: url('images/li2.gif') no-repeat left 5px; line-height: 18px; }
  #content ul.sluzby li ul li { background: none; font-size: 0.9em; padding-bottom: 10px; line-height: 14px; }
  #content a { text-decoration: none; font-weight: bold; color: #038aba;}
  #content a:hover { text-decoration: underline; color: #20abcc;}
  
  #content table { border-collapse: collapse; font-size: 0.9em;}
  #content table th { background: #29aed3; color: #fff; text-align: left; padding: 0px 5px; width: 100%; }      
  #content table th.kc { width:150px; }
  #content table td { padding: 0px 5px; border: 1px solid #29aed3;  }

#menu { width: 220px; float: left; font-size: 1.2em; }
  #menu ul { list-style: none; margin-left: 10px; width: 199px; }
  #menu ul li { height: 33px; background: url('images/background-menu.gif') no-repeat left top; }
  #menu ul li a { display: block; height: 31px; line-height: 31px; color: #16758f; font-weight: bold; text-decoration: none; padding-left: 20px; }   
  #menu ul li a:hover { text-decoration: underline; color: #80cee2;}
  #menu ul li.active a { color: #29aed3; }

#footer { background: url('images/background-bottom.jpg') repeat-x left top; height: 208px; font-size: 1.1em; color: #565656;}
  #footer a {color: #838383; text-decoration: none; }
  #footer a:hover {color: #16758f; text-decoration: underline; }

h1 { width: 255px; height: 86px; text-indent: -9000px; background: url('images/h1-kaby.gif') no-repeat left top;}
h2 { height: 40px; text-indent: -9000px; }
  h2.vitejte { background: url('images/h2-vitejte.gif') no-repeat left top; }
  h2.profil { background: url('images/h2-profil.gif') no-repeat left top; }
  h2.nase-sluzby { background: url('images/h2-nase-sluzby.gif') no-repeat left top; }
  h2.cenik { background: url('images/h2-cenik.gif') no-repeat left top; }
  h2.reference { background: url('images/h2-reference.gif') no-repeat left top; }
  h2.kontakt { background: url('images/h2-kontakt.gif') no-repeat left top; }
          
h3 { height: 20px; text-indent: -9000px; margin: 10px 0px;}
  h3.co-nabizime { background: url('images/h3-co-nabizime.gif') no-repeat left top; }