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;}
#dnes 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;}
#dnes-kalendar 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;}
#dnes p {padding: 5px 0 10px 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: 980px; text-align: left;}
#header {display: block; position: relative; width: 100%; height: 205px; 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;}
#datum {display: block; position: absolute; left: 10px; bottom: 20px; line-height: 30px; width: 300px; color: #666; font-size: 85%;}
#text {display: block; position: absolute; left: 280px; top: 30px;
       font-size: 12px;
       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: 20px; 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: 980px; height: 100px;
         voice-family: "\"}\""; voice-family: inherit; width: 965px; height: 90px;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #666; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}

.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;}

#main {display: block; position: relative; clear: both; margin: 0; padding: 0; background-color: #fff; width: 980px; text-align: left;}

#content {display: block; position: relative; float: left; margin: 0; padding: 0 0 0 10px; width: 630px;
          background-color: #fff; text-align: left; voice-family: "\"}\""; voice-family: inherit; width: 620px;}
#rmenu {display: block; position: relative; float: right; margin: 0; padding: 0; width: 340px; text-align: left;
        voice-family: "\"}\""; voice-family: inherit; width: 340px;}

#content .box {display: block; border-top: 1px solid #eee; padding: 5px; margin: 0 1px 5px 0;
               background: #fff url('../graf/bcg_body.gif') 0 -450px repeat-x;
               width: 305px; height: 90px; float: left;
               voice-family: "\"}\""; voice-family: inherit; width: 295px; height: 80px;}
#content img {display: block; position: relative; float: left; margin: 0 10px 5px 0;}
#content h3 {clear: none; font-size: 14px; font-weight: bold; font-style: normal; color: #aaa; margin: 0 0 2px 0;}
#content h3 a {color: #000; text-decoration: none;}
#content h3 a:hover {text-decoration: underline;}
#content p {margin: 0;}
#content p.normal {margin: 0 0 15px 0; text-align: justify;}
#content ul {list-style: url("../graf/li.gif") outside; margin: 0 0 5px 55px; padding-left: 20px;}
#content ul li {padding: 0 0 0px 0px; font-size: 11px;}
#content ul li span {font-size: 10px;}

#content .panoramata {display: block; border-top: 1px solid #eee; padding: 5px; margin: 0 5px 5px 0; background: #fff url('../graf/bcg_body.gif') 0 -450px repeat-x;
               width: 180px; float: left;}
#content .panoramata h2 {clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #000; margin: 0 0 5px 0; border: none; background: none; padding: 0;}
#content .panoramata ul {list-style: url("../graf/li.gif") ; margin: 10px 0 5px 0; float: left;}

.mesto_link {font-size: 10px; color: #aaa;}
.mesto_link a {font-size: 10px; color: #888; text-decoration: none;}
.mesto_link a:hover {text-decoration: underline;}

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;}

/* 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; left: -110px; top: 7px;}
#jazyk table, #jazyk td {margin: 0; padding: 0;}
#jazyk img {margin-left: 8px;}




#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;}


.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; }


.spot{
text-align: center;
padding: 5px 0 20px 0;
}
a.aktiv_spoty{
font-weight: bold;
}
.cleaner{clear:both;}

#dnes-kalendar {display: block; clear:both; margin: 0; padding: 0 0 0 10px; width: 980px;
          background-color: #fff; text-align: left; voice-family: "\"}\""; voice-family: inherit; width: 970px;}

#kalendar_akci {display: block; position: relative; float: right; width: 340px; 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: 50px; text-align: center;}
#kalendar .vsedni {background-color: #eee; padding: 2px 3px; border: 1px solid #fff; width: 50px; text-align: center;}
#kalendar .vikend {background-color: #ddd; padding: 2px 3px; border: 1px solid #fff; width: 50px; 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;}

.pravy_odkaz{
	display: block;
	float:left;
}

.dnes_sloupec{
width: 630px;
padding: 0 10px 0 0px;
float: left;
margin: 0 10px 0 0;
voice-family: "\"}\""; voice-family: inherit; width: 620px;}