body{font-size: 11px; font-family: "Trebuchet MS";
     background-color: #ffa; color: #000; margin: 0;}

h1 {color: #060; margin: 10px 0 5px 0; padding: 0; font-size: 22px;}
h2 {color: #060; margin: 10px 0 5px 0; padding: 0; font-size: 16px;}
h2.akce {clear: both; font-size: 12px; margin: 0 0 5px 0; color: #888;}

a {color: #063; text-decoration: none;}
a:active {color: green;}
a:hover  {color: green; text-decoration: underline;}

p {margin: 0 0 10px 0;}

table th {color: #063; 
          font-weight: normal; font-size: 80%;}


img {border:0;}

ul {list-style: url("../graf/li.gif") outside; margin: 4px 0 15px 5px; padding-left: 20px;}
ul li {padding: 0 0 3px 0px;}
ul li span {font-size: 10px;}

#mother {display: block; width: 1002px; clear: both; position: relative; 
         text-align: left; margin: 0px auto; padding: 0;
         background: #fff; border: 2px solid #060;}

 #header  {display: block; clear: both; color: #ff0; line-height: 1.4; 
           padding: 0 5px; margin: 0; 
           font-weight: normal; 
           background: #eee url("../graf/header_bgr.jpg") no-repeat; 
           width: 1002px; height: 100px; voice-family: "\"}\""; voice-family: inherit; width: 992px; height: 100px;}
 #header h1 {color: #ff7; font-size: 32px; padding: 0; margin: 1px 0 0 0;} 
 #header h1 a {color: #ff7; text-decoration: none;}
 #header h1 a:active {color: #ff7;}
 #header h1 a:hover  {color: #ff3; text-decoration: none;}
 #header h2 {color: #ffc; font-size: 16px; padding: 0; margin: -7px 0 2px 0;} 
 #header .header_horni {font-size: 13px; font-weight: bold;}
 #header .header_horni a {color: #fff; text-decoration: none;}
 #header .header_horni a:hover, a:active {color: #fff; text-decoration: underline;}
 #header .header_dolni {color: #ccc; font-size: 10px; font-weight: normal;}
 #header .header_dolni a {color: #ccc; text-decoration: none;}
 #header .header_dolni a:hover, a:active {color: #fff; text-decoration: underline;}
 #header_ic  {display: block; position: absolute; left: 755px; top: 65px; 
              font-size: 12px; font-weight: bold; color: #fff;}
 #header_ic span {font-size: 9px; font-weight: normal; color: #fff;}
 #header_ic a {color: #fff; text-decoration: none;}
 #header_ic a:active {color: #fff;}
 #header_ic a:hover  {color: #ff7; text-decoration: none;}
 #header_vlajky  {display: block; position: absolute; right: 5px; top: 0px;}
 #header_vlajky img {border:1px solid green; width: 27px height: 17px;}
 
 #footer  {display: block; clear: both; text-align: left; padding: 2px 5px; margin: 0; 
           background: #060; color: #ccc; 
           font-size: 11px; font-weight: normal; 
           height: 20px; width: 1002px; voice-family: "\"}\""; voice-family: inherit; width: 992px; height: 16px;}
 #footer .footer_r  {display: block; position: relative; float: right; 
                     text-align: right; margin: 0;}
 #footer .footer_r a {color: #ccc; text-decoration: none;}
 #footer .footer_r a:hover, a:active {color: #ccc; text-decoration: underline;}

 #content {display: block; clear: both; float: left; text-align: left; 
           padding: 0; margin: 0; background: #fff url("../graf/content_bgr.gif") repeat-y; 
           width: 1002px; voice-family: "\"}\""; voice-family: inherit; width: 1002px;}

 #column_left  {display: block; position: relative; float: left; 
                margin: 0; padding: 0; 
                width: 198px; voice-family: "\"}\""; voice-family: inherit; width: 198px;}
  #leve_menu   {display: block; list-style-type: none; list-style-image: none; 
                 width: 198px; text-align: left; font-size: 11px;
                 margin: 0; padding: 0;}
  #leve_menu li {display: block; list-style-type: none; list-style-image: none; 
                 width: 198px; height: 20px; margin: 0; padding: 0;}
  a.m1 {display: block; padding: 1px 5px; 
        color: #ddd; font-weight: bold;
        border-left: 10px solid #0b4; 
        text-decoration: none;
        background: #060;
        width: 198px; height: 20px; voice-family: "\"}\""; voice-family: inherit; width: 178px; height: 18px;}
   a.m1:hover, a.aktiv1 {background: #090; color: #fff; text-decoration: underline;}
        
   a.m2 {display: block; padding: 1px 5px; 
         color: #000; 
         border-left: 10px solid #bbb; 
         text-decoration: none; 
         background: #fff url('../graf/bcg_menu.gif') -400px 50% no-repeat;
         width: 198px; height: 20px; voice-family: "\"}\""; voice-family: inherit; width: 178px; height: 19px;}
   a.m2:hover, a.aktiv2 {background: #ccc; border-left: 10px solid #7a7; text-decoration: underline;}
        
   a.m3 {display: block; padding: 1px 5px; 
         color: #000; font-size: 10px;
         border-left: 20px solid #ddd; 
         text-decoration: none; 
         background: #eee;
         width: 198px; height: 20px; voice-family: "\"}\""; voice-family: inherit; width: 168px; height: 18px;}
   a.m3:hover, a.aktiv3 {border-left: 20px solid #9c9; background: #eee; text-decoration: underline;}

 #column_left p {margin: 0; padding: 7px; border-bottom: 1px solid #eee;}

 #content_data {display: block; position: relative; float: right; 
                margin: 0; padding: 0; 
                width: 800px; voice-family: "\"}\""; voice-family: inherit; width: 800px;}

 #column_data  {display: block; position: relative; float: left; 
                margin: 0; padding: 5px 8px 0 8px;
                width: 598px; voice-family: "\"}\""; voice-family: inherit; width: 582px;}

 #column_right {display: block; position: relative; float: right; 
                background: url("../graf/column_r/top.jpg") no-repeat; 
                margin: 0; padding: 125px 0 0 0; 
                font-size: 10px; text-align: center;
                width: 198x; voice-family: "\"}\""; voice-family: inherit; width: 198px;}
 #column_right h1 {color: #060; font-size: 14px; padding: 0; margin: 1px 0 0 0;} 
 #column_right h2 {color: #060; font-size: 12px; padding: 0; margin: 1px 0 0 0;} 
 #column_right p {margin: 0; padding: 7px; border-bottom: 1px solid #eee;}

#search {display: block; position: relative; margin: 2px 0 20px 10px; padding: 0; text-align: center;}
#search td {margin: 0; padding: 0;}
#search input {display: block; margin: 0; padding: 0;}
#search .text {width: 140px; height: 16px; margin: 0; padding: 2px 5px 0 5px; border: 1px solid #ccc; color: #666; font-size: 95%; background: #eee url('../graf/bcg_logobox.gif') 0 -120px no-repeat;}
.searchres {background-color: #ddd; color: #060; padding: 0 5px;}

#aktualne {display: block; clear: both; position: relative; float: left; border-right: 3px solid #ddd; 
           padding-right: 10px;
           width: 360px; voice-family: "\"}\""; voice-family: inherit; width: 350px;}
#aktualne p {margin: 0 0 2px 0;}
#aktualne h3 {clear: both; font-size: 14px; margin: 0;}
#aktualne img {display: block; position: relative; float: left; 
               background-color: #fff;
               margin: 0 8px 5px 0; padding: 2px; border: 1px solid #aaa;}

#aktualne .box {display: block; clear: both; border-top: 1px solid #eee; padding: 0 0 5px 0; margin: 0 0 5px 0; 
                background: #fff url('../graf/bcg_aktualne.gif') repeat-x;}

.home_menu {width: 100%;}
.home_menu th {margin: 0; padding: 2px 0; background: #fff url('../graf/bcg_body.gif') repeat-x; border: 0; border-bottom: 1px solid #060;}
.home_menu th span {margin: 0; padding: 2px 5px; background-color: #090; color: #ccc;}
.home_menu td {font-size: 12px; font-weight: bold;  margin: 0; padding: 2px 0 2px 20px; border-bottom: 1px solid #eee; background: #fff url('../graf/li.gif') 5px 5px no-repeat;}

.home_akce {width: 100%;}
.home_akce th {margin: 0; padding: 2px 0; background: #fff url('../graf/bcg_body.gif') repeat-x; border: 0; border-bottom: 1px solid #666;}
.home_akce th span {margin: 0; padding: 2px 5px; color: #888;}
.home_akce td {font-size: 10px; margin: 0; padding: 1px 0 1px 20px; border-bottom: 1px solid #eee; background: #fff url('../graf/li.gif') 5px 5px no-repeat;}
.home_akce td.cista {font-size: 10px; margin: 0; padding: 1px 0; border-bottom: 0px solid #eee; background-color: #fff; background-image: none;}

p.poznamka {margin: 10px 0; background-color: #eee; font-size: 88%; padding: 10px 8px; line-height: 1.4em;}

#kalendar_akci {display: block; clear: both; width: 198px;}
#kalendar tr {height: 14px;}
#kalendar th {background-color: #060; color: #ddd; padding: 3px 5px; border: 0;}
#kalendar .mesictext {background: #fff url('../graf/bcg_bilakostka.gif'); padding: 7px 0; width: 180px; text-align: center; font-weight: bold; border-width: 0 0 2px 0;}
#kalendar .mesictext a {font-size: 140%;}
#kalendar td {background-color: #fff; padding: 2px 3px; border: 1px solid #fff; width: 17%; text-align: center;}
#kalendar .vsedni {background-color: #eee; padding: 2px 3px; border: 1px solid #fff; width: 17%; text-align: center;}
#kalendar .vikend {background-color: #ddd; padding: 2px 3px; border: 1px solid #fff; width: 17%; text-align: center; font-weight: bold;}
#kalendar .aktual {border: 1px solid #090; font-weight: bold;}
#kalendar .aktiv {border: 1px solid #000; font-weight: bold; background-color: #090; color: #fff;}
#kalendar .aktiv a {color: #fff; text-decoration: none;}
#kalendar .hlava {background-color: #fff; color: #090;}
#kalendar img {margin: 5px 0; border: 0;}

.kal_tab_box {width: 580px; margin: 5px 0 15px 0; padding: 8px 0; background-color: #aaa;}
.kal_tab {width: 580px; font-size: 11px; background-color: #aaa; margin: 0;}
.kal_tab td {padding: 2px 5px; color: #fff;}
.kal_tab img {display: block; padding: 0; margin: 0; width: 16px; height: 15px;}
.kal_tab .nol {padding-left: 0;}
.kal_tab .nor {padding-right: 0;}
.kal_tab .txtin {border: 1px solid #000; font-size: 11px; padding: 2px; margin: 0;}
.kal_tab select {border: 1px solid #000; font-size: 11px; padding: 0 0 0 2px; margin: 0;}
.kal_tab select option {padding: 2px; margin: 0;}
.kal_dat {width: 80px;}
.kal_txt {width: 90px;}
.kal_sel {width: 80px;}
.kal_por {width: 335px;}
.kal_tab .odeslat {font-size: 10px; }

.top {display: block; clear: both; text-align: center; width: 11px; height: 11px; margin: 0 auto; padding: 0 0 15px 0;}
.top a:link, .top a:active, .top a:visited {display: block; position: relative;  float: left; width: 11px; height: 11px;  line-height: 22px; background: url('../graf/top.gif') no-repeat;}
.top a:hover {background: url('../graf/itop.gif') no-repeat;}

.tab_docs {width: 580px; margin: 5px 0 15px 0; padding: 2px 0;}
.tab_docs tr {background-color: #eaeaea;}
.tab_docs th {background-color: #063; color: #fff; font-size: 9px; font-weight: normal;}
.tab_docs .datum {width: 45px; font-size: 10px; text-align: center; vertical-align: top;}
.tab_docs .nazev {font-weight: bold; text-align: left;}
.tab_docs .nazev span {font-weight: normal; font-size: 10px;}
.tab_docs .autor {width: 105px; font-size: 10px; text-align: left; vertical-align: top;}

.phone_num {width: 120px;}

/* fotogalerie */
#fotogalerie {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1200px; background: transparent url('../graf/bcg_gal.gif'); z-index: 333;}
#fotogalerie a {text-decoration: none;}
#gal {position: relative; top: 0; margin: 0 auto; background-color: #fff; border: 8px solid #060;}
img.gal {margin: 5px auto; display: block;}
.thumbnails {width: 100%; margin: 0 auto; border: 1px solid #ccc; border-width: 0;}
.thumbnails td {background: #fff url('../graf/bcg_thumb.gif') repeat-x bottom; text-align: center; vertical-align: middle; border: 1px solid #ccc; border-width: 0 1px 1px 0;}
.thumbnails img {display: block; margin: 5px auto; padding: 1px; border: 1px solid #ccc;}
p.galerie {font-size: 100%; margin: 0 0 5px 0; padding: 5px 10px; background-color: #eee; color: #060}

#newsletter {display: block; width: 100%; font-size: 90%; margin: 0 0 15px 0; padding: 0;}
#newsletter th {background-color: #060; color: #eee; padding: 3px 5px; border: 0; font-size: 100%;}
#newsletter td {width: 100%; background-color: #eee; color: #000; padding: 0 5px 5px 5px; border: 0; font-size: 10px;}
#newsletter input.text {background-color: #fff; color: #000; height: 15px; font-size: 11px; padding: 0 3px; border: 1px solid #999; width: 122px;}