body, td, textarea {font-family: "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;}
body, td, textarea {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

a, a:link, a:visited, a:active {color: #B81114; text-decoration: underline;}
a:hover {color: #f00; text-decoration: underline;}
a img {border-style: none; color: none; text-decoration: none;}

h1 {display: block; position: relative; clear: both; font-size: 169%; font-weight: normal; font-style: normal; color: #333; margin: 6px 0 15px 0; padding: 10px 7px; line-height: 100%;  background: #fff url('../graf/bcg_bilakostka.gif');}
h2 {clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #000; margin: 0 0 10px 0; padding: 2px 0 2px 8px; border-left: 4px solid #090; background: #fff url('../graf/bcg_bilakostka.gif');}
h2.akce {clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #000; margin: 0 0 15px 0; padding: 5px 8px; background-color: #fc0; background-image: none; border-left: 6px solid #900;}
h3 {clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #000; margin: 0 0 10px 0;}
h3.akce {clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #fff; background: #009C32; margin: 0 0 10px 0; padding: 5px 5px 5px 10px;}

p {margin: 0 0 15px 0;}

td {font-size: 100%; font-style: normal; color: #000;}

table {font-size: 11px; margin: 0 0 15px 0;}
table.okraj {margin: 0 0 15px 0; border-left: 1px dotted #999; border-top: 1px dotted #999;}
td {padding: 2px 3px; vertical-align: middle;}
.okraj td {padding: 2px 3px; border-right: 1px dotted #999; border-bottom: 1px dotted #999; vertical-align: middle;}
.leva {text-align: left;}
.prava {text-align: right;}
.stred {text-align: center;}
.tucna {font-weight: bold;}
th {padding: 3px 3px; border-right: 1px dotted #999; border-bottom: 1px dotted #999; background-color: #ccc; color: #000; text-align: left; font-size: 11px;}

#mother {display: block; position: relative; margin: 0 auto; width: 990px; text-align: left;}
#header {display: block; position: relative; width: 100%; height: 180px; margin: 0; background: #fff url('../graf/bcg_header.png') no-repeat bottom;}
#logobox a {display: block; position: relative; left: 0px; top: 45px; width: 200px; height: 100px;}
#search {display: block; position: absolute; left: 434px; bottom: 5px; margin: 0; padding: 0;}
#search td {margin: 0; padding: 0;}
#search input {display: block; margin: 0; padding: 0;}
#search .text {width: 141px; height: 16px; margin: 0; padding: 2px 5px 0 5px; border: 1px solid #aaa; color: #666; font-size: 95%; background: #fff url('../graf/bcg_searchbox.gif') repeat-x;}
#datum {display: block; position: absolute; left: 620px; bottom: 2px; line-height: 30px; width: 300px; color: #666; font-size: 85%;}
#text {display: block; position: absolute; left: 270px; top: 30px; 
       font-size: 11px;
       width: 300px; height: 45px;}
#text a, #text a:link, #text a:visited, #text a:active {color: #666; margin-left: 5px; text-decoration: none;}
#text a:hover {color: #000; text-decoration: underline;}
#text h1 {display: block; position: relative; clear: both; 
          font-size: 26px; font-weight: normal; font-style: normal; 
          color: #333; margin: 0; padding: 0; line-height: 100%; background: none;}
#graf {display: block; position: absolute; right: 400px; top: 0px; width: 200px; height: 20px;}

a.m1 {padding: 5px 5px 5px 12px; width: 183px; color: #000; border-bottom: 1px solid #fff; text-decoration: none; background: #fff url('../graf/bcg_menu.gif') 0px 50% no-repeat;}
a.m2 {padding: 3px 5px 3px 21px; width: 174px; color: #000; border-bottom: 1px solid #fff; text-decoration: none; background: #fff url('../graf/bcg_menu.gif') -400px 50% no-repeat;}
a.m1:hover, a.aktiv1 {background-color: #fff; border-bottom: 1px solid #039; background: #fff url('../graf/bcg_menu.gif') -200px 50% no-repeat;}
a.m2:hover, a.aktiv2 {background-color: #fff; border-bottom: 1px solid #ddd; background: #fff url('../graf/bcg_menu.gif') -606px 50% no-repeat;}

#footer {display: block; position: relative; clear: both; margin: 5px 0 0 0; padding: 5px 5px 5px 10px; 
         text-align: left; font-size: 88%;
         background: #fff url('../graf/bcg_sedakostka.gif'); 
         border-top: 5px solid #aaa; width: 990px; height: 100;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #666; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}

#newsletter {display: block; width: 100%; font-size: 90%; margin: 0 0 15px 0; padding: 0;}
#newsletter th {background-color: #FFD200; color: #000; padding: 8px 5px; border: 0;}
#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;}

#kalendar_akci {display: block; width: 180px; font-size: 90%;}
#kalendar th {background-color: #FFD200; color: #000; padding: 8px 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 #900; font-weight: bold;}
#kalendar .aktiv {border: 1px solid #000; font-weight: bold; background-color: #900; color: #fff;}
#kalendar .aktiv a {color: #fff; text-decoration: none;}
#kalendar .hlava {background-color: #fff; color: #900;}
#kalendar img {margin: 5px 0;}

.home_akce {width: 100%;}
.home_akce th {margin: 0; padding: 6px 0; background-color: #fff; border: 0; border-bottom: 1px solid #00A6EB;}
.home_akce th span {margin: 0; padding: 5px 5px 5px 10px; color: #0091FF; background-color: #00A6EB; background: #fff url('../graf/bcg_menu.gif') -200px 50% repeat-x;}
.home_akce td {margin: 0; padding: 7px 0 7px 20px; border-bottom: 1px solid #eee; background: #fff url('../graf/li.gif') 5px 9px no-repeat;}
.home_akce td.cista {margin: 0; padding: 5px 0; border-bottom: 0px solid #eee; background-color: #fff; background-image: none;}

.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;}

/* nepropatrane */

#logo {display: block; position: absolute; left: 35px; top: 43px; width: 131px; height: 66px;}

#lista {display: block; position: relative; width: 960px; height: 29px; background: #3b3b3b url('../graf/bcg_lista.gif') repeat-x; line-height: 29px; color: #fff;}

#jazyk {display: block; position: absolute; right: 0; top: 7px;}
#jazyk table, #jazyk td {margin: 0; padding: 0;}
#jazyk img {margin-left: 8px;}

#main {display: block; position: relative; clear: both; margin: 8px 0 0 0; padding: 0; background-color: #fff; width: 990px; text-align: left;}
#container {display: block; position: relative; float: left; margin: 0; padding: 0; width: 790px; text-align: left;}
#lmenu {display: block; position: relative; float: left; margin: 0; padding: 0; width: 200px; text-align: left;}

#leve_menu    {display: block; list-style-type: none; list-style-image: none; width: 200px; margin: 0; padding: 0;}
#leve_menu li {display: block; list-style-type: none; list-style-image: none; width: 100%; margin: 0; padding: 0;}
#leve_menu a {display: block; position: relative; margin: 0; font-size: 90%;}
#leve_menu p {margin: 0; padding: 7px; font-size: 85%; border-bottom: 1px solid #eee;}
#leve_menu p a {display: inline; font-size: 100%;}

.nav_kon {display: block; position: relative; clear: both; margin: 0; padding: 4px 0 2px 0; font-size: 11px; background-color: #fff;}
.nav_kon img {padding: 0 2px 1px 2px;}
.nav_kon a {text-decoration: none;}

.drobny {font-size: 85%;}
/*
#leve_menu {display: block; clear: both; list-style-type: none; list-style-image: none; width: 200px; margin: 0; padding: 0;  background: #fff url('../graf/bcg_body.gif') 0 -158px repeat-x;}
#leve_menu li {display: block; width: 100%; padding: 0; margin: 0; color: #ddd; background-color: transparent;}
#leve_menu a {display: block; margin: 0; font-size: 90%;}

*/

#content {display: block; position: relative; float: right; margin: 0; padding: 0; width: 580px; background-color: #fff; text-align: left;}
ul {list-style: url("../graf/li.gif") outside; margin: 4px 0 15px 5px; padding-left: 24px;}
ul li {padding: 0 0 3px 2px;}
ul li span {font-size: 10px;}

#rmenu {display: block; position: relative; float: right; right: 10px; margin: 0; padding:  0; width: 180px; text-align: left;}


#aktualne {display: block; clear: both; position: relative; float: left; width: 360px;}
#aktualne p {font-size: 86%; margin: 0 0 2px 0;}
#aktualne h3 {clear: none;}
#aktualne img {display: block; position: relative; float: left; margin: 0 8px 5px 0;}

#aktualne .box {display: block; clear: both; border-top: 1px solid #eee; padding: 5px; margin: 0 0 5px 0; background: #fff url('../graf/bcg_body.gif') 0 -450px repeat-x;}

.plocha td {margin: 0; padding: 0;}
.plocha img {display: block; margin: 0 0 5px 0; padding: 0;}
.plocha .pr {padding: 0 0 0 5px;}
.plocha a {margin: 0;}

p.poznamka {margin: 0 0 10px 0; background-color: #eee; font-size: 86%; padding: 10px 8px; line-height: 1.4em;}

/* fotogalerie */
#fotogalerie {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1000px; 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 #600;}
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 0; background-color: #fc0;}

.searchres {background-color: #ccc; color: #c00; padding: 0 5px;}

.poledni-menu {width: 100%; border-top: 1px solid #eee;}
.poledni-menu td {border-bottom: 1px solid #eee; padding: 2px 5px;}
.poledni-menu td.menu {background-color: #eee; border-color: #fff;}

.kal_tab_box {width: 580px; margin: 5px 0 15px 0; padding: 8px 0; background-color: #900;}
.kal_tab {width: 580px; font-size: 11px; background-color: #900; 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; }
