html , body {
  margin:               0;
  font-family:          Tahoma, Arial;
  font-size:            10pt;
  color:                #333333;
}

#web {
  width:                957px;
  margin:               0 auto 0 auto;
}

#banner {
  border-top:           1px solid #FFFFFF;
  margin:               20px 0 0 0;
}

#menu_logo {
  width:                281px;
  margin:               0;
  float:                left;
}


#menu {
  background-image:     url(../images/menu_pozadi.jpg);
  height:               48px;
  margin-top:           57px;
}

/*
#menu a {
  text-decoration:      none;
  padding:              16px 40px 16px 40px;
  color:                #FFFFFF;
  font-weight:          bold;
  line-height:          48px;
  margin:               0;
  background-image:     url(../images/menu_button01.jpg);

}

#menu a:hover {
  background-image:     url(../images/menu_button02.jpg);
}
*/

#menu ul {
  float:                right;
  display:              block;
  margin:               0;
  padding:              0;
}

#menu li {
  float:                left;
  list-style:           none;
}

#menu a {
  float:                left;
  font-weight:          bold;
  text-decoration:      none;
  line-height:          1;
  color:                #FFFFFF;
}

#menu a span {
  display:              block;
  padding:              19px 30px 17px 30px;
  color:                #FFFFFF;
}

#menu a:hover {
  float:                left;
  text-decoration:      none;
  line-height:          1;
  background:           url("../images/menu_button02.jpg") no-repeat 0 0;
  color:                #FFFFFF;
}

#menu a:hover span {
  display:              block;
  padding:              19px 30px 17px 30px;
  color:                #FFFFFF;
  background:           url("../images/menu_button02_right.jpg") no-repeat 100% 0;
}

.menu_aktivni {
  float:                left;
  text-decoration:      none;
  line-height:          1;
  background:           url("../images/menu_button02.jpg") no-repeat 0 0;
  color:                #FFFFFF;
}

.menu_aktivni span {
  display:              block;
  padding:              19px 30px 17px 30px;
  color:                #FFFFFF;
  background:           url("../images/menu_button02_right.jpg") no-repeat 100% 0;
}

/* -------------------------------------------------------------------------- */

#konec_div {
  clear:                both;
}

#banner_podtitul {
  background-image:     url(../images/banner_podtitul_pozadi.jpg);
  background-repeat:    no-repeat;
  height:               98px;
}

#banner_podtitul_text {
  padding:              30px 20px 20px 210px
}


#banner_podtitul_text h1 {
  margin:               0;
  padding:              0;
  line-height:          20px;
  font-family:          Myriad Pro, Arial;
  font-size:            24px;
  color:                #06528E;
}

#banner_podtitul_text span {
  margin:               0;
  padding:              0;
  line-height:          20px;
  font-family:          Myriad Pro, Arial;
  font-size:            18px;
  color:                #06528E;
  font-weight:          normal;
}

#hlavni_vpravo {
  margin:               0 0 0 722px;
  padding:              10px 10px 10px 35px;

}

#hlavni_obsah {
  width:                718px;
  float:                left;
  padding:              10px;
}

#hlavni {
  background-image:     url(../images/hlavni_pozadi.jpg);
}

#hlavni h1 {
  margin:               0;
  padding:              0;
  line-height:          18pt;
  font-family:          MS Reference Sans Serif, Arial;
  font-size:            18px;
  color:                #FF8F44;
  font-weight:          normal;
}


#hlavni h2 {
  margin:               0;
  padding:              0;
  line-height:          18pt;
  font-family:          MS Reference Sans Serif, Arial;
  font-size:            18px;
  color:                #FF8F44;
  font-weight:          normal;
}

.adresa {
  padding:              10px;
  line-height:          20px;
}

.adresa a {
  color:                #FF8F44;
  text-decoration:      underline;
}

.adresa a:hover {
  text-decoration:      none;
}

.telefon {
  color:                #87B144;
  line-height:          18px;
  margin-top:           5px;
}

.telefon img {
  float:                left;
  padding:              0 18px 0 8px;
}

#hlavni_delici_cara {
  background-image:     url(../images/hlavni_delicicara.jpg);
  width:                1px;
  height:               361px;
  float:                left;
}

#hlavni_info {
  padding-left:         10px;
  margin:               0 0 0 261px;
}

#hlavni_info img.obrazek01 {
  float:                right;
  margin:               0px 0px 5px 8px;
  padding:              4px;
  border:               1px solid #E9E9E9;
}

#hlavni_info img.obrazek02 {
  float:                right;
  margin:               0px 0px 5px 8px;
  padding:              4px;
  border:               1px solid #FFD8B0;
}

#hlavni_aktuality {
  float:                left;
  padding-left:         10px;
  width:                250px;
}

p.citat {
  line-height:          22px;
  margin:               0 0 10px 0;
  padding:              10px;
  font-style:           italic;
  font-size:            11pt;
  font-family:          Arial, Verdana ;
  background-color:     #F7F7F7;
  /*  background-color:     #F5FAFF;*/
  /*border:               1px solid #F0FAFF;*/
}

p {
  line-height:          18px;
  margin:               0 0 10px 0;
  padding:              5px 0 10px 0;
}

#paticka {
  margin-top:           10px;
  border-top:           4px solid #B6D8EB;
  background-color:     #E8F6FD;
  line-height:          18px;
  font-size:            10px;
  height:               40px;
  padding:              8px 15px 8px 15px;
}

#paticka_odkazy {
  float:                left;
}

#paticka_odkazy a {
 color:                 #333333;
 text-decoration:       none;
}

#paticka_odkazy a:hover {
 text-decoration:       underline;
 color:                 #FF9900;
}


#paticka_copyright {
  float:                right;
  text-align:           right;
}

.novinka {
  border-bottom:        1px solid #E9F3F9;
  margin-right:         20px;
  padding-bottom:       5px;
}

.novinka_datum {
  background-image:     url(../images/ico/ico_kalendar.png);
  background-repeat:    no-repeat;
  padding:              0px 0px 0px 25px;
  margin:               7px 5px 7px 0px;
}

.novinka_text {
  font-size:            8pt;
  color:                #3481B2;
  line-height:          18px;
}

ul {
  list-style:           square;
}

li {
  line-height:          20px;
}


#hlavni ul a {
  text-decoration:      none;
  color:                #007BCE;
  background-image:     url(../images/hlavni_odkaz.jpg);
  background-position:  right;
  background-repeat:    no-repeat;
  padding-right:        20px;
}

#hlavni ul a:hover {
  color:                #FF6600;
  text-decoration:      underline;
}

.novinka a {
  text-decoration:      none;
  color:                #007BCE;
  background-image:     url(../images/hlavni_odkaz.jpg);
  background-position:  right;
  background-repeat:    no-repeat;
  padding-right:        15px;
}

.novinka a:hover {
  color:                #FF6600;
  text-decoration:      underline;
}

.obrazek_vpravo {
  float:                right;
  margin:               5px 0 10px 10px;
}

.kontakty {
  font-size:            8pt;
  line-height:          18px;
  margin:               10px 10px;
}

.kontakty b {
  font-size:            10pt;
  padding-bottom:       5px;
}

.kontakty a {
  color:                #333333;
  text-decoration:      none;
}

.kontakty a:hover {
  text-decoration:      underline;
  color:                #FF9900;
}

/* -------------------------------------------------------------------------- */

.reference-box {
  float:                left;
  display:              block;
  text-align:           center;
  margin:               10px 28px 10px 0;
}

.reference-box img {
  background-color:     #E8F6FD;
  padding:              10px;
  display:              block;
}

.reference-box span {
  font-size:            8pt;
}

.reference-box span a {
  text-decoration:      underline;
  color:                #007BCE;
  line-height:          25px;
  background-image:     url(../images/hlavni_odkaz.jpg);
  background-position:  right;
  background-repeat:    no-repeat;
  padding-right:        20px;
}

.reference-box span a:hover {
  text-decoration:      none;
}

/* -------------------------------------------------------------------------- */

.reference-box-uvod {
  float:                left;
  display:              block;
  text-align:           center;
  margin:               10px 5px 10px 0;
}

.reference-box-uvod a img {
  display:              block;
  background-color:     #E8F6FD;
  padding:              10px;
  border:               0;
}

.reference-box-uvod a {
  display:              inline-table;
}

.reference-box-uvod a span {
  text-decoration:      underline;
  font-size:            8pt;
  color:                #007BCE;
  line-height:          25px;
  background-image:     url(../images/hlavni_odkaz.jpg);
  background-position:  right;
  background-repeat:    no-repeat;
  padding-right:        20px;
}

.reference-box-uvod a:hover span {
  text-decoration:      none;
}

.reference-box-uvod a:hover img {
  background-color:     #F2F2F2;
}

.reference-box-uvod-konec {
  float:                left;
  display:              block;
  text-align:           center;
  margin:               10px 0px 10px 0;
}

.reference-box-uvod-konec a img {
  display:              block;
  background-color:     #E8F6FD;
  padding:              10px;
  border:               0;
}

.reference-box-uvod-konec a {
  display:              inline-table;
}

.reference-box-uvod-konec span {
  text-decoration:      underline;
  font-size:            8pt;
  color:                #007BCE;
  line-height:          25px;
  background-image:     url(../images/hlavni_odkaz.jpg);
  background-position:  right;
  background-repeat:    no-repeat;
  padding-right:        20px;
}

.reference-box-uvod-konec a:hover {
  text-decoration:      none;
}

.reference-box-uvod-konec a:hover img {
  background-color:     #F2F2F2;
}