html, body {
             background: #fff;
             color: #000;
             margin: 0;
             padding: 0;
             height: 100%;
             text-align: center;
           }
/* --- zakladni obsah, stoji nad Zahlavim, Zapatim a Stredem -----------------*/
#all {
       height:100%;
       width: 600px;
       margin: 0 auto;       /* zajisti centrovani tohoto bloku */
       padding: 0;
       background: #FFFFCE;
     }

/* -------------------- jednotne Zahalvi dokumentu ---------------------------*/
#header {
          height: 90px;
        }
#header img {
              border-width: 0;
            }

/* ---------- definice pro prvky validatoru ---------*/
.validate {
            position: absolute;  /* absolutne pozicovany blok menu*/
            bottom:  10px;
            left: 10px;
            padding: 0;
            margin: 0;
          }
.validate img{
               display: block;
               padding: 0;
               margin: 0;
               border: 0;
             }

/* ---------- jednotne Menu a Options, slozeno z navigace + dalsi design prvky ---------*/
#menu {
        position: absolute;  /* absolutne pozicovany blok menu*/
        top:  10px;
        left: 10px;
      }

#options {
        position: absolute;  /* absolutne pozicovany blok options*/
        top:  10px;
        right: 10px;
      }

/* seznam navigace dokumentu */
#menu .itemize, #options .itemize{
                 width: 7em;
                 padding: 0px;
                 margin: 0;
               }
/* polozka seznamu navigace dokumentu */
#menu .itemize li, #options .itemize li{
                    list-style: none;
                    border: 1px solid #996600;
                    text-align: center;
                  }
/* prvek polozky seznamu navigace dokumentu */
#menu .itemize li a, #options .itemize li a {
                      display: block;
                      padding: 2px 2px 2px 2px;
                      background: #FFFFCC;
                      font: normal normal normal 11pt impact, serif;
                      color: #B09283;
                      text-decoration: none;
                    }
/* prvek polozky seznamu navigace dokumentu (pri akci prejeti mysi) */
#menu .itemize li a:hover, #options .itemize li a:hover {
                            color: #FFFFCC;
                            background: #B09283;
                          }

/* - telo dokumentu Main, obsahuje vzdy obsah (content) + dalsi mozne prvky --*/
#main {
        font-family: tahoma, serif;
        height: auto;
        padding: 0;
        background: inherit;    /* dedi pozadi dle rodice DIV ALL */
      }
/* - obecna definice obsahu --*/
#main .content {
                 height: auto;
                 padding-bottom: 5px; /* nastavi odsazeni za koncem obsahu (DIV content)*/
               }
/* - spolecna definice pro tabulku s popisem pro sekci Aktualne--*/
#actual #main .content .complet_table {
                                        float: left;
                                        margin:0;
                                        padding-left: 5px;
                                      }
/*-- definice jen pro tabulku --*/
#main .content table {
                       color: #FFFFCC;
                       width: 300px;
                       background-color: #C8BA91;
                       text-align: center;
                       border-collapse: collapse;
                     }
/*-- definice jen pro tabulku Ceniku ..--*/
#sorts #main .content table {
                              width: 490px;
                              background-color: white;
                              color:  #C8BA91;
                              border: 1px outset #C8BA91;
                              margin: 0 auto;
                              padding:0;
                            }
/*-- a jeji sloupce --*/
#sorts #main .content td {
                           border: 1px outset #C8BA91;
                           margin: 0;
                           padding: 0;
                         }
/*-- a jeji radky --*/
#sorts #main .content tr {
                           border: 1px outset #C8BA91;
                           margin: 0;
                           padding: 0;
                         }
/*-- definice pro komplet tabulku Zamestnancu --*/
#employer #main .content .complet_table {
                              width: 590px;
                              margin: 0 auto;
                              padding:0;
                            }
/*-- definice jen pro tabulku Zamestancu --*/
#employer #main .content table {
                              width: 590px;
                              text-align: left;
                            }
/*-- definice jen pro popisek tabulky --*/
#main .content caption {
                         font-weight: bold;
                         text-align: left;
                         border-bottom: 2px solid #FFFFCC;
                         background-color: #C8BA91;
                       }
/*-- definice jen pro sloupec tabulky --*/
#main .content table th {
                          border-right: 2px solid #FFFFCC;
                        }
/* - pomocny prvek pro dodrzeni stejne koncove urovne prvku DIV--*/
#main .clean {
               clear: both;
               padding: 0px;
               margin: 0;
             }

/* - prvek obsahu (nadpis) --*/
#main .content h3 {
                    text-align: left;
                    text-decoration: underline;
                    color: #C8BA91;
                    padding-left: 5px;
                    padding-bottom: 10px;
                    margin: 0px;
                  }

/* ---------- definice pro trasu a mapu webu ---------*/
#main .maps {
              text-align: left;
              font: normal normal normal 11pt tahoma, serif;
              padding-left: 5px;
              padding-right: 5px;
              margin: 0;
            }
/* - prvek s cestou webu -*/
#main .maps .path {
                    text-align: left;
                    float: left;
                    width: auto;
                    display: inline;
                  }
/* - prvek s odkazem na webmapu -*/
#main .maps .webmap {
                      width: 120px;
                      text-align: right;
                      float: right;
                      display: inline;
                    }
/* - prvky odkazu v mape -*/
#main .maps a {
                text-decoration: none;
                color: #996600;
              }

#main .maps a:hover {
                      text-decoration: underline;
                      color: #C8BA91;
                    }

/* - prvek obsahu (nadpis) --*/
#main .content .pic_caption {
                              text-align: center;
                              font-size: 10px;
                              font-family: ariel, serif;
                              font-style: oblique;
                              display: block;
                            }
/* - prvek obsahu (plovouci blok) v ramci uvodni stranky --*/
#general #main .content .floating {
                                    height: 140px;
                                    width: 90px;
                                    padding: 5px 10px 15px 10px; /* nastavi odsazeni kolem prvku */
                                    float: left;
                                  }
/* - prvek obsahu (plovouci blok) v ramci stranky kontaktu--*/
#contact #main .content .floating {
                                    height: 186px;
                                    width: 320px;
                                    padding: 5px 10px 15px 10px; /* nastavi odsazeni kolem prvku */
                                    float: left;
                                  }
/* - specifikace obrazku v plovoucim bloku v ramci hlavni stranky--*/
#general #main .content .floating img {
                                        display: block;
                                      }
/* - specifikace obrazku v plovoucim bloku v ramci stranky kontaktu--*/
#contact #main .content .floating img {
                                        border: 2px outset #C8BA91;
                                        display: block;
                                      }
/* - prvek obsahu (text) --*/
#main .content p {
                   text-align: justify;
                   text-indent: 5px;  /* odsazeni textu na prvni radce */
                   padding: 5px;  /* odsazeni kolem textu */
                   margin: 0px;
                 }

#main  p {
           text-align: left;
           text-indent: 0px;  /* odsazeni textu na prvni radce */
           padding: 5px;  /* odsazeni kolem textu */
           margin: 0px;
         }

/* - prvek vstupniho formulare je na zarovnan stred --*/
#main .input p {
                 text-align: center;
               }

/* ---------- jednotne Zapati, slozeno z texu s horni linkou -----------------*/
#footer {
          border-top: 1px solid #C8BA91;
          height: 60px;
          font: italic normal normal 12px serif;
          color: #996600;
          background: inherit;  /* dedi pozadi dle rodice DIV ALL */
        }
/* - prvek zapati (text) --*/
#footer p {
            margin-top: 5px;  /* nastavi odsazeni od hranicni linky */
            text-align: center;
          }
/* - prvek odkazu email (napr take v zapati) --*/
a.email {
          color: #AAB;
        }

table a.email {
          color: #996600;
        }
/* - prvek odkazu na stránky (napr take v referenci) --*/
a.link {
          color: #C8BA99;
        }

/* -Obecne prvky (mohou byt soucasti v podobe rozsireni bezne vyplne stranek)-*/
/* seznam polozek s obsahem obrazku, nahrazuje klasickou tabulku tohoto typu */
.picture_list {

              }
/* - obecna definice sezanamu --*/
.picture_list ul {
                   padding: 0;
                   margin: 0;
                   padding-top: 10px;  /* nastavi odsazeni nad seznamem */
                   padding-bottom: 15px; /* nastavi odsazeni pod seznamem */
                 }
/* - definice plozky sezanamu / jako hlavni prvek pro Zahlavi (header) --*/
#header .picture_list li {
                           list-style-type: none;
                           display: inline;  /* zobrazi jako vodorovny seznam */
                         }
/*- definice plozky sezanamu / jako rozsirujici prvek pro telo dokumentu (Main)-*/
#main .picture_list li {
                         list-style-type: none;
                         display: inline;
                         padding: 10px; /* nastavi odsazeni kolem prvku seznamu */
                       }
/*- definice prvku plozky sezanamu / jako hlavni prvek pro Zahlavi (header) --*/
#header .picture_list li img {
                             }
/*- definice prvku plozky sezanamu / jako rozsirujici prvek pro telo dokumentu (Main)-*/
#main .picture_list li img {
                             border: 1px outset #C8BA91;
                           }
/* -------------------------------------------------------------------------- */
/* seznam polozek s obsahem textu */
.text_list {

              }
/* - obecna definice sezanamu --*/
.text_list ul {
                padding: 0;
                margin: 0 auto;
              }
/* - definice plozky sezanamu --*/
#main .text_list li {
                      list-style-type: none;
                      text-align: left;
                      font: normal normal normal 10pt impact, serif;
                    }

/* - definice plozky sezanamu pro sekci Zaruky--*/
#garant #main .text_list li {
                      list-style-type: upper-roman;
                      text-align: left;
                      font: normal normal normal 9pt tahoma, serif;
                      padding: 5px;
                      padding-left: 15px;
                    }
/* - definice plozky sezanamu pro sekci Referenci--*/
#refer #main li {
                  list-style-type: circle;
                  text-align: left;
                  font: normal normal normal 10pt tahoma, serif;
                  padding: 5px;
                  padding-left: 15px;
                }

/* - definice plozky sezanamu pro sekci pratelskych webu --*/
#partner #main li {
                   list-style-type: square;
                   text-align: left;
                   font: normal normal normal 11pt tahoma, serif;
                   padding: 5px;
                   padding-left: 15px;
                   color: #C8BA99;
                 }

/* a jeho odkazu */
#partner #main li a {
                      color: #996600;
                      text-decoration: none;
                    }

#partner #main li a:hover {
                            color: #C8BA99;
                            text-decoration: underline;
                          }

.text_list ul {
                padding: 0;
                margin: 0;
              }

/* - definice sezanamu pro sekci Mapa webu --*/
#main .maplist li {
                      list-style-type:  upper-roman;
                      text-align: left;
                      font: normal normal normal 11pt tahoma, serif;
                    }
/* - odkaz v tomto seznamu --*/
#main .maplist li a {
                      color: black;
                      text-decoration: none;
                    }
/* - akce pri najeti mysi--*/
#main .maplist li a:hover {
                            color: #C8BA91;
                            text-decoration: underline;
                          }
/* - akce po navstiveni odkazu --*/
#main .maplist li a:visited {
                            color: #B09283;
                            text-decoration: none;
                          }
/* - zanoreny seznam --*/
#main .maplist li ul li{
                      list-style-type:  circle;
                      text-align: left;
                    }