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

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: 100%; clear: both; position: relative; 
         text-align: left; margin: 0px auto; padding: 0;
         background: #fff;}

 #header  {display: none;}
 #footer  {display: block; clear: both; text-align: left; padding: 2px 5px; margin: 0; 
           border-top: 1px solid #060; 
           font-size: 11px; font-weight: normal; 
           height: 20px; width: 100%;}
 #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; 
           width: 100%;}

 #column_left  {display: none;}

 #content_data {display: block; position: relative; float: right; 
                margin: 0; padding: 0; 
                width: 100%;}

 #column_data  {display: block; position: relative; float: left; 
                margin: 0; padding: 5px 8px 0 8px;
                width: 100%;}

 #column_right {display: none;}

#aktualne {display: block; clear: both; position: relative; float: left; border-right: 3px solid #ddd; 
           padding-right: 10px;
           width: 60%;}
#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;}