/* pismo */
body { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 80%; line-height: 150%; color: #000000; text-align: justify; }
td { font-size: 100%; }

/* odkazy */
a.skoknaobsah { display: none; }
a img { border-style: none; }

/* telo */
body { margin-top: 30px; background: #adaa92 url(../images/design/back_top.gif) repeat-x; }

/* nadpisy */
h3 { height: 40px; margin: 0; }
  span { z-index: 1; display: block; position: absolute; width: 700px; height: 40px; }
  span.vitejte            { background: url(../images/design/nadpis_vitejte.gif) no-repeat; }
  span.webdesign          { background: url(../images/design/nadpis_webdesign.gif) no-repeat; }
  span.graphic_art        { background: url(../images/design/nadpis_graphic_art.gif) no-repeat; }
  span.reference          { background: url(../images/design/nadpis_reference.gif) no-repeat; }
  span.kontakty           { background: url(../images/design/nadpis_kontakty.gif) no-repeat; }
  span.posledni_prace     { background: url(../images/design/nadpis_posledni_prace.gif) no-repeat; }
  span.mapa_webu          { background: url(../images/design/nadpis_mapa_webu.gif) no-repeat; }
  span.seznam_katalogu    { background: url(../images/design/nadpis_seznam_katalogu.gif) no-repeat; }
  span.odeslani_vzkazu    { background: url(../images/design/nadpis_odeslani_vzkazu.gif) no-repeat; }
  span.stranka_nenalezena { background: url(../images/design/nadpis_stranka_nenalezena.gif) no-repeat; }

h4 { font-size: 110%; margin: 1.33em 0; color: #545555; }

/* layout */
#hlavni { width: 800px; margin: auto; }

#vrch { width: 100%; height: 79px; background: #000000 url(../images/design/vrch.gif) no-repeat; }
  #vrch img { margin: 20px 0 0 10px; }
  #vrch a { color: #ffffff; }
  
#hlavicka { width: 100%; height: 163px; background-color: #29d5eb; }
  #hlavicka h1 { position: absolute; margin: 0; padding: 1em 0; }
  #hlavicka h2 { position: absolute; margin: 0; padding: 130px 0 0 170px; font-size: 150%; font-weight: normal; color: #ffffff; z-index: 2; }
  #hlavicka span { position: absolute; font-weight: bold; isplay: block; width: 800px; height: 163px; background: url(../images/design/hlavicka.gif) no-repeat; z-index: 1; }

#menu { width: 100%; height: 42px; background: #b9c3c5 url(../images/design/menu.gif) no-repeat; }
  #menu ul { list-style-type: none; margin: 0; padding: 0; font-family: "Lucida Console", "Monaco CE", fixed, monospace; text-align: center; }
  #menu ul li { float: left;}
  #menu ul li a { display: block; color: #000; margin: 1px 0; padding: 10px 0 0 0; height: 28px; width: 120px; text-decoration: none; }
  #menu ul li a:hover { background: url(../images/design/menu-hover.gif) no-repeat center bottom; }
 
#obsah { width: 100%; _height: 420px; min-height: 420px; padding: 10px 0; background: #d4dee0 url(../images/design/obsah.gif) repeat-y; }
  #stranka { margin: 0 20px; }

#paticka { clear: both; background: url(../images/design/paticka.gif) no-repeat; color: #000000; }
  #paticka p { font-size: 90%; text-align: right; padding: 15px; margin: 0px; }
  #paticka a { font-size: 90%; color: #000000; font-weight: bolder; text-decoration: none; }
  
/* divy */
.posledni { width: 186px; _height: 157px; min-height: 157px; margin-top: 10px; background: url(../images/design/podklad_posledni.gif) no-repeat; text-align: center; float: left; padding-right: 0.5em; }
  .posledni p { margin: 0; padding: 10px 0 3px; }
  .posledni a { color: #000000; font-weight: bolder; text-decoration: none; }
.form { background-color: #d4dee0; color: #545555; padding: 10px; border: 1px solid; }
  .form table { margin: auto; }
  .form td { color: #545555; } 
.mapa { margin: 2em; }  
  .mapa h4 { margin: 1em 0 0 0; font-weight: normal; font-size: 100%; }  
  .mapa ul { margin: 0; list-style-type: none; }
  .mapa ul li { padding-left: 15px; background: url(../images/design/odrazka.gif) no-repeat left center; }
  .mapa ul li h4 { margin: 0; }
/* .reference_kategorie { width: 740px; height: 40px; margin: 1em auto; text-align: center; background: url(../images/design/reference_podklad.gif) no-repeat; }
  .reference_kategorie ul { list-style: none; margin: 0; padding: 0.8em 0 0; }
  .reference_kategorie ul li { float: left; padding: 0 1em; border-right: 1px #000 solid; }
  .reference_kategorie ul li a { font-family: "Lucida Console", "Monaco CE", fixed, monospace; font-size: 110%; color: #fff; text-decoration: none; }
  .reference_kategorie ul li a:hover { text-decoration: underline; } */
  
.reference_kategorie { width: 740px; height: 40px; margin: 1em auto; text-align: center; background: url(../images/design/reference_podklad.gif) no-repeat; }
  .reference_kategorie ul { list-style: none; margin: 0; padding: 0.8em 0 0; }
  .reference_kategorie ul li { display: inline; padding: 0 1em; border-right: 1px #000 solid; }
  .reference_kategorie ul li.last { border-right: none; }
  .reference_kategorie ul li a { font-family: "Lucida Console", "Monaco CE", fixed, monospace; font-size: 110%; color: #fff; text-decoration: none; }
  .reference_kategorie ul li a:hover { text-decoration: underline; }
                                                                                                                        
/* tabulky */
table.ref { width: 100%; }
  table.ref h4 { font-size: 110%; margin: 0.5em 0 0; }
  table.ref td { text-align: left; vertical-align: top; }
  table.ref td.center { text-align: center; }
  table.ref td a.nove_okno { color: #545555; font-weight: bolder; padding: 0 15px; background: url(../images/design/bullet_external_link.png) no-repeat right center; }
  table.ref img { margin: 0 0.3em; }
  table.ref td.right { text-align: right; }
  table.ref td.bottom { vertical-align: bottom; }
  table.ref ul { list-style-type: none; margin: 0; padding: 0; margin-top: 0.5em; }
  table.ref ul li { color: #d4dee0; height: 18px; font-size: 70%; padding: 0 0 5px 30px; background: url(../images/design/li_technologie.gif) no-repeat; }
  table.ref hr { border: 0; color: #545555; background-color: #545555; height: 1px; }

/* seznamy */
ul.seznam { list-style-type: none; }
  ul.seznam li { padding-left: 20px; background: url(../images/design/odrazka.gif) no-repeat left center; }

/* formulare */
input.vstup { width: 200px; }
textarea { width: 200px; height: 150px; }

img.obtekany { float: right; padding-left: 1em; } 

.bottom { margin-bottom: 0; }
.center { text-align: center; }
.right { text-align: right; }