html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style-type: none;
}

img {
border: none;
}
body {
font-size: 62.5%; /* Nastaví 1em na 10px pro všechny prohlížeče */
/* text-align: center; */
color: #FFFFFF; 
font-family: sans-serif;
background: #24592F;
}
#content {
width: 1024px;
text-align: left;
margin: 0 ;
position: relative;
/*  background:  url(/System/css/design/content_back.png) repeat-x left top; */
/*  min-height: 395px;
 _height: 395px; */
}
#index #content {
background: none;
}
#mainContent {
width: 1024px;
position: relative;
float: left;
top: 0px;
margin-bottom: 0;
background: url(/System/css/design/menu_right_bck.png) repeat-y right top;
/*  min-height: 430px;
_height: 430px;  */
}
#InMainContent {
background: #8FB506 url(/System/css/design/content_back.png) repeat-x left top;
position: relative;
float: left;
 min-height: 360px;
_height: 360px; 
padding-bottom: 10px;
}
#index #mainContent {
background: url(/System/css/design/mainContent_home_back.png) repeat-x left top;
}
#index #InMainContent {
background: none;
}
#header {
width: 1024px;
height: 145px;
background: #24592F;
position: relative;
}
#main {
width: 494px;
position: relative;
float: left;
left: 0px;
top: 0px;
padding-top: 23px;
/* margin-bottom: 26px; */
}
#index #main {
width: 328px;
}
#side {
width: 184px;
position: relative;
float: left;
left: 0px;
top: 26px;
padding-left: 24px;
padding-bottom: 30px;
}
#otherside {
width: 322px;
position: relative;
float: left;
top: 0px;
left: 0;
}
#index #otherside {
width: 488px;
background: none;
}
#index #menuRight {
background: url(/System/css/design/menu_right_home.png) no-repeat left top; 
width: 488px;
height: 388px;
}
#menuRight {
width: 322px;
height: 250px;
background: url(/System/css/design/menu_right.png) no-repeat left top; 
}
#menuRight ul {
position: relative;
left: 74px;
top: 38px;
width: 250px;
}
#index #menuRight ul li {
font-size: 130%;
}
#menuRight ul li {
font-weight: normal;
letter-spacing: -1px;
font-size: 150%;
}
#menuRight ul li a {
font-size: 100%;
}
#menuRight ul li span {
background: url(/System/css/design/red_rightMenu.gif) no-repeat left center;
padding-left: 10px;
}
#menuRight ul li a img{
border: none;
}
li.program {
position: absolute;
left: -19px;
top:-38px;
}
li.program a {
background: url(/System/css/design/leftTop.jpg) no-repeat left top;
display: block;
width: 116px;
height: 126px;
}
li.program span{
position: relative;
left: 17px;
top: 37px; 
}


li.kcBeseda {
position: absolute;
left: 98px;
top: -37px;
}
li.kcBeseda a {
background: url(/System/css/design/rightTop.jpg) no-repeat left top;
display: block;
width: 116px;
height: 125px;
}
li.kcBeseda span{
position: relative;
left: 15px;
top: 37px;
}


li.fotogalerie {
position: absolute;
left: -19px;
top: 89px;
}
li.fotogalerie a {
background: url(/System/css/design/leftBottom.jpg) no-repeat left top;
display: block;
width: 116px;
height: 123px;
}
li.fotogalerie span{
position: relative;
left: 15px;
top: 67px;
}


li.prispejte {
position: absolute;
left: 99px; 
top: 90px;
}
li.prispejte a {
background: url(/System/css/design/rightBottom.jpg) no-repeat left top;
display: block;
width: 115px;
height: 122px;
}
li.prispejte span{
position: relative;
left: 15px;
top: 67px;
}
#index #menuRight ul {
width: 400px;
}
#index #menuRight ul li {
letter-spacing: 0;
font-size: 160%;
}
#index li.program a {
background: url(/System/css/design/leftTop_home.jpg) no-repeat left top;
display: block;
width: 183px;
height: 192px;
}
#index li.program span{
position: relative;
left: 37px;
top: 43px;
}
#index li.program {
position: absolute;
left: 14px;
top: -38px;
}
#index li.kcBeseda {
position: absolute;
left: 198px;
top: -38px;
}
#index li.kcBeseda a {
background: url(/System/css/design/rightTop_home.jpg) no-repeat left top;
display: block;
width: 183px;
height: 192px;
}
#index li.kcBeseda span{
position: relative;
left: 35px;
top: 43px;
}
#index li.fotogalerie {
position: absolute;
left: 14px;
top: 155px;
}
#index li.fotogalerie a {
background: url(/System/css/design/leftBottom_home.jpg) no-repeat left top;
display: block;
width: 183px;
height: 195px;
}
#index li.fotogalerie span{
position: relative;
left: 37px;
top: 143px;
}

#index li.prispejte {
position: absolute;
left: 199px; 
top: 156px;
}
#index li.prispejte a {
background: url(/System/css/design/rightBottom_home.jpg) no-repeat left top;
display: block;
width: 183px;
height: 194px;
}
#index li.prispejte span{
position: relative;
left: 43px;
top: 143px;
}

#menu {
width: 135px;
}
#menu li {
min-height: 22px;
_height: 22px;
width: 134px;
/* border-top: 1px solid #8FC330; */

z-index: 5;
}
#menu ul ul li {
width: auto;
}
#menu li span {
/* background: url(/System/css/design/pasivni2.gif) repeat-x left top; */
display: block;
height: 22px;
width: 100%;
z-index: 0;
}
#menu li.first {
border: none;
}
#menu li.active {
background: url(/System/css/design/aktivni_all.gif) no-repeat left top;
position: relative;
top: -1px;
z-index: 10;
}
#menu li.active span, #menu li.active ul li.active span {
background: url(/System/css/design/aktivni_right.jpg) no-repeat right top !important;
position: relative;
z-index: 0;
display: block;
}
#menu li.active ul li span {
background: none !important;
}
#menu li.active a, #menu li.active ul li.active a  {
line-height: 1.8em;
border-bottom: 1px solid #FF5500;
}
#menu li a, #menu li.active ul li a {
border-bottom: 1px solid #95CC33;
}
#menu li a:hover, #menu li.active ul li a:hover {
border-bottom: 1px solid #FF5500;
_padding-bottom: 0px !important;
}

#menu li.active ul li a {
border: none;
_padding-bottom: 1px;
}
#menu li.active ul li.active a {
line-height: 1.9em;
_padding-bottom: 0px;
}
#menu li.active a,#menu li.active ul li.active a, #menu li.active a:hover,#menu li.active ul li.active a:hover {
background: none;
}
#menu li.active a, #menu li a:hover, #menu li.active ul li.active a {
color: #FFF000;
}
#menu li a:hover {
background: url(/System/css/design/red_rightMenu.gif) no-repeat 7% 5px;
}
#menu li a {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
padding: 0px 0 0px 20px;
/* margin-top: 3px; */
display: block;
line-height: 1.6em;
background: url(/System/css/design/pasive.gif) no-repeat 7% 5px;
height: 100%;
}
#menu ul {

}
#menu ul ul {
margin: 5px 0 0 20px;
display: none;
}
#menu li.active ul {
display: block;
}
#menu ul ul li {

}
#menu ul ul li a, #menu li.active ul li a {
background: url(/System/css/design/li_white.gif) no-repeat 7% 5px;
font-size: 11px;
color: #FFFFFF;
/* padding-bottom: 1px; */
}
#menu ul ul li a:hover, #menu li.active ul li a:hover {
color: #FFF000;
background: url(/System/css/design/red_rightMenu.gif) no-repeat 7% 5px;
/* padding-bottom: 0; */
}
/* header*/
#header #logo{
 float: left;
 display: block;
 margin-left: 26px;
}
#header #logo img{
 border: none;
}
#header h1{
color: #8FB506;
float: left;
position: relative;
left: 164px;
top: 80px;
font-size: 260%;
font-weight: normal;
}
#search {
position: absolute;
right: 23px;
_right: 21px;
top: 38px;
width: 188px;
height: 22px;
}
#search_text {
width: 145px;
height: 14px;
border: 1px solid #798C7D;
color: #B6B6B6;
}
#search_submit {
background: url(/System/css/design/submit.png) no-repeat left top;
width: 23px;
height: 18px;
font-size: 0px;
color: white;
border: none;
margin-left: 3px; 
_margin-top: 1px;
_margin-left: 5px;
cursor: pointer;
_cursor: hand;
/*position: relative;
left: 3px;
top: -5px;
_top: 0px;*/
vertical-align: top;
}
/*main*/
p, ul {
font-size: 1.2em;
}
ul.grant li span {
position: relative;
top: -5px;
}
ul.grant li { margin-bottom: 5px; }
ul ul {
font-size: 1em;
}
#main ul li a{
font-size: 1em;
}
h2 {
font-size: 180%;
padding: 15px 0 15px 0;
}
p.pic { margin: 15px 0 0 0; }

h3, h4 {
font-size: 150%;
padding: 3px 0;
}
h5, h6 {
font-size: 140%;
}
a {
color: #FFF000;
text-decoration: none;
font-size: 1.2em;
}
p a {
font-size: 1.1em;
}
a.right {
background: url(/System/css/design/main_li.gif) no-repeat right 5px;
_background-position: right 4px;
padding-right:12px;
}
a.left, h3.left, .text h3, .news h3, .searchBox h3 {
background: url(/System/css/design/main_li.gif) no-repeat left 5px;
_background-position: left 4px;
padding-left:12px;
zoom: 1;
}
.text h3, .news h3  {
background-position: left 8px; 
}

h3.left{
font-size: 160%;
font-weight: normal;
background-position: left 5px;
}
.searchBox h3 {
font-size: 160%;
background-position: left 10px;
}
#main ul {

}
#main ul li {
background: url(/System/css/design/main_li.gif) no-repeat left 5px;
padding-left: 12px;
width: 95%; /*musí být kvůli IE jinak odrážky nevykreslí*/
}
#main ul#homeUl li {
width: 310px; /*musí být kvůli IE jinak odrážky nevykreslí*/
}

/*kalendar*/
#dynaLink {
width: 100%;
height: 29px;
margin-top: 20px;
}
#main ul#dynaLink li{
height: 29px; padding: 0; display: inline; float: left; width: auto;
background: url(/System/css/design/light_big.png) no-repeat left top;
font-size: 11px;
margin-right: 5px;
_margin-bottom: -3px;
}
#main ul#dynaLink li.switchActive {
background: url(/System/css/design/dark_big.png) no-repeat left top;
font-size: 14px;
}
#dynaLink li a{
text-decoration: none; 
color: #FFFFFF; height: 29px; display: block;
cursor: pointer; cursor: hand;
_display: inline-block;
}
#dynaLink li a:hover,#dynaLink li.switchActive a {
color: #FFF000; 
}
#dynaLink li span{
display: block; line-height: 31px; height: 29px; padding: 0 1em;
_display: inline-block; 
background: url(/System/css/design/light_small.png) no-repeat right top;
}
#dynaLink li.switchActive span {
background: url(/System/css/design/dark_small.png) no-repeat right top;
}
table.kalendar {
border-bottom: 1px solid #608202;
border-top: 1px solid #608202;
width: 305px;
}
table.kalendar th, table.kalendar td, table.kalendar td a {
width: 42px;
height: 22px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
vertical-align: middle;
}
table.kalendar th {
font-weight: bold;
}
table.kalendar td {
border: 0;
padding: 0;margin: 0;
}
table.kalendar td a {
text-decoration: none;
display: block;
color: #FFFFFF;
}
/* table.kalendar td span {
display: block;
} */
table.kalendar td.action a span {
position: relative;
top: 3px;
left: 0px;
}
table.kalendar td.action a {
background: url(/System/css/design/kalendar_bunka.png) no-repeat left 0px;
cursor: pointer;
cursor: hand;
position: relative;
top: -3px;
}
/* *table.kalendar td a {

	background-image: url(/System/css/design/kalendar_bunka.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/System/css/design/kalendar_bunka.png", sizingMethod="scale");

} */

table.program td, table.program th{
padding-right: 10px;
vertical-align: top;
}
table.program tr.prgramRow td {
padding-right: 0;
}
table.program tr.top th {
font-weight: normal;
}
table.program tr.top h3, table.program tr.top th span{
margin-top: 8px;
display: block;
}
table.program tr.top th span {
margin-top: 12px;
}
table.program tr{
vertical-align: top;
}
table.program th span{
color: #FFFFFF;
background: url(/System/css/design/main_li.gif) no-repeat left 3px;
padding-left: 12px;
font-size: 110%;

}
table.program h3, table.program tr.prgramRow a {
color: #FFF000;
}
table.program h3 {
font-size: 130%;
}
table.program h3 a {
font-size: 100%;
}
table.program h4 {
font-size: 130%;
}
table.program h3 span.time {
color: #FFFFFF;
padding-left: 10px;
font-size: 90%;
}
/* table.program p {
font-size: 110%;
} */
table.program tr.prgramRow {
text-align: right;
}
table.program tr.prgramRow td {
border-bottom: 1px solid #608202;
}
table.program tr.prgramRow a, .searchBox p.more a {
background: url(/System/css/design/program_li.gif) no-repeat right 5px;
padding-right: 12px;
text-align: right;
margin-bottom: 8px;
display: block;
}
.Switch {
/* margin-bottom: 10px; */
/* width: 477px; */
position: relative;
float: left;
}
.Switch ul li { margin-left: 3px; }
.galerie {
border-top: 1px solid #608202;
}
.galerie ul, p.galerie {
padding-left: 0 !important;
margin-left: -7px !important;
_margin-left: 0;
}
.Switch ul, p.Switch {
height: 22px;
/* width: 90%; */
padding: 10px;
padding-left: 0;
margin-left: -7px !important;
_margin-left: 0;
}
#main .Switch li, #main .Switch a {
display: block;
float: left;
background: none;
width: 22px;
height: 22px;
line-height: 22px;
padding-left: 0;
text-align: center;
}
#main .Switch a.pruhledne, #main .Switch span.actual, #main .Switch a.actual {
background: url(/System/css/design/switch.png) no-repeat left top;
display: block;
width: 22px;
height: 22px;
line-height: 22px;
}
.Switch li a ,.Switch a {
color: #FFFFFF;
cursor: pointer;
cursor: hand;
}
/*footer*/
#index #footer {
background: none;
padding-top: 0;
}
#footer {
height: 80px;
clear: both;
background: url(/System/css/design/footer_top.png) no-repeat left top;
padding-top: 17px;
}
table.darci {
padding: 10px 0;
margin-left: 26px;
}
table.darci th.first {
 color: #8FB506;
 font-size: 120%;
 padding-left: 5px;
}
table.darci td {
border-right: 1px solid #8FB506;
}
table.darci td, table.darci th {
padding: 0 15px;
}
table.darci td a img, table.darci th a img {
border: none;
vertical-align: middle;
}
table.darci th.dekujeme a {
color: #FFF000;
background: url(/System/css/design/main_li.gif) no-repeat right 5px;
padding-right:12px;
margin-left: 20px;
font-size: 110%;
font-weight: normal;
}
.footerRow {
padding: 40px 0 10px 0;
height: 15px;
line-height: 15px;
font-size: 10px;
_padding-top: 40px;
margin-left: 26px;
}
span.light {
color: #FFF000;
padding: 0 5px;
}
span.dark {
color: #7D9F06;
padding: 0 5px;
}
span.odrazka {
line-height: 13px;
}
a.designed {
color: #7D9F06;
position: relative;
left: 157px;
top: 0;
font-size: 100%;
}
/*drobečkovka*/
div#breadCr a, div#breadCr span  {
font-size: 10px;
}
div#breadCr {
}
div#breadCr a.home {
background: url(/System/css/design/main_li.gif) no-repeat left 3px;
padding-left:12px;
}
div#breadCr a{
color: #FFF000;
}

/*formulaře*/
.registrace {
padding-top: 10px;
}
.formular {
background: url(/System/css/design/form_top.png) no-repeat left top;
width: 321px;
padding-top: 5px;
margin-top: 10px;
margin-left: 12px;
}
.formular form {
background: #B1C704 url(/System/css/design/form_bottom.png) no-repeat left bottom;
padding-bottom: 10px;
}
form label {
font-size: 110%;
width: 56px;
padding: 0 0 0 23px;
display: block;
float: left;
color: #24592F;
}
form h3 {
padding: 0 0 10px 23px;
font-size: 120%;
}
form p {
padding-bottom: 5px;
}
form input {
border: 1px solid #ABB36D;
width: 195px;
padding: 0 3px;
}
form input[readonly="readonly"], form input.readonly {
	background-color: #8FB506;
}
form p strong {
	font-weight: bold;
	color: red;
	clear: both;
	display: block;
	text-align: center;
	margin-bottom: 1em;
}
form #submit {
background: url(/System/css/design/button_program.png) no-repeat left top;
width: 23px;
height: 18px;
font-size: 0;
color: #FFFFFF;
border: none;
cursor: pointer;
_cursor: hand;
/*position: relative;
left: 10px;
top: -3px;
_top: -1px;
_text-indent: 4px;*/
vertical-align: top;
margin: 2px 0 0 3px;
}
form#eZpravodaj p.first{
 padding-top: 13px;
}
form#eZpravodaj p label {
 padding-left: 5px;
}
#prihlaseni #submit {
background: url(/System/css/design/button_program.png) no-repeat left top;
}
form#searchForm p.first{
padding: 10px 5px 3px 15px; 
}
form#searchForm p.last {
padding: 3px 5px 3px 15px; 
}
form#searchForm input {
width: 250px;
}
form#searchForm input#submit {
width: 23px;
}
form#regUser label, form#zmenUzAtr label {
/* width: 65px; 
padding-left: 19px;*/
width: 125px; 
padding-left: 15px;
clear: left;
}
form#regUser input, form#zmenUzAtr input {
width: 135px;
}
form#regUser #submit {
width: 23px;
position: relative;
top: 0;
left: 20px;
}
#capchaImg {
margin-right: 50px;
}
form.regVstupenky label{
width: 126px;
}
form.regVstupenky p {
margin-bottom: 10px;
}
form.regVstupenky select {
width: 160px;
}
form.regVstupenky #submit {
position: relative;
left: 257px;
margin-bottom: 10px;
}
form#zmenUzAtr #submit {
position: relative;
left: 250px;
}
#submit span {
visibility: hidden;
}
form.regUsera #submit{
left: 110px !important;
}
.usr {
padding-left: 23px;
}
/*podivnosti*/
.cross {
/*padding-left: 12px;*/
}
/*fotogalerie*/
#main ul.fotogal {
float: left;
margin-bottom: 20px;
}
.fotogal li.text h3 {
font-size: 120%;
}
.fotogal li.text h3 {
background-position: left 8px;
}
.news {
margin-bottom: 20px;
}
#main ul li.foto {
width: 110px;
height: 82px;
float: left;
background: none;
}
#main ul li.foto img {
border: 2px solid #FFF000;
}
#main ul li.text {
padding: 0 0 0 20px;
width: 347px;
float: left;
background: none;
}
.text p {
padding-left: 12px;
font-size: 100%;
}
.news p {
padding-left: 12px;
font-size: 110%;
}
.text h3 a, .news h3 a, .searchBox h3 a {
color: #FFF000;
font-weight: normal;
font-size: 15px;
}
.news h3 a, .searchBox h3 a {
font-weight: bold;
}
/* vahledávání */
#searchings {

}
.searchBox {

}
.searchBox h3 {

}
.searchBox p.searchTex {
padding-left: 12px;
}
.searchBox p.more {
border-bottom: 1px solid #608202;
}
/*fotogalerie detail*/
.fotogaleriePrew {
margin: 25px 0 5px 0;
}
.fotogalerieSwitch {
 background: url(/System/css/design/switch_back.png) repeat-x left top;
 width: 465px;
 height: 27px;
 position: relative;
}
.fotogalerieSwitch p {
background: url(/System/css/design/switch_right.png) no-repeat 478px 0px;
height: 27px;
}

.fotogalerieSwitch span.switchLeft {
background: url(/System/css/design/switch_left.png) no-repeat left top;
width: 6px;
height: 27px;
display: block; float: left;
}
#back {
position: relative;
left: 0px;
top: 5px;
/* background:transparent url(/System/css/design/left_li.gif) no-repeat left 5px; 
padding-left: 11px;*/
z-index: 110;
}
#submitNext, #prevButton {
cursor: pointer;
cursor: hand;
}
#submitNext {
background: url(/System/css/design/main_li.gif) no-repeat right 6px;
border: none; 
width: 57px;
color: #FFF000;
position: absolute;
left: 405px;
top: 4px;
}
#prevButton {
background: url(/System/css/design/left_li.gif) no-repeat left center;
border: none; 
width: 80px;
color: #FFF000;
position: absolute;
left: 6px;
top: 4px;
}
#back img, #next img {
border: none;
}
#next {
position: relative;
top: 5px;
left: 338px;
z-index: 100;
/* background-position: right 5px;
padding-right: 14px; */
}
#fotoNumber {
position: absolute;
top: 7px;
left: 220px;
}
.fotogaleriePrewImg {

}
.fotogaleriePrewImg img {
border: 2px solid #FFF000;
margin: 5px 3px 0 0;
float: left;
}
 /* box na homepage */
#s2 p.obal {
height: 120px; 
/*overflow-y: scroll;*/ 
border-top: 1px solid #608202; 
border-bottom: 1px solid #608202;
padding-top: 10px;
}
#s2 p.obal span.datum {
padding-left: 12px;
background: url(/System/css/design/main_li.gif) no-repeat left 5px;
color: #FFFFFF;
}
#s2 p.obal span.time {
color: #FFFFFF;
}
#s2 p.obal span.akce {
 padding-left: 12px;
 font-weight: bold;
}
#formGallery {
margin: 0;
}
#lightbox {background-color: white; padding: 10px 10px 20px 10px;}
#lightbox a {background-image: none!important;}
#lightboxDetails {font-size: 0.8em; padding-top: 0.4em;}
#lightboxCaption {float: left; font-size: 12px; color: #000000;}
#keyboardMsg {float: right;}
#closeButton {bottom: 5px; right: 10px;}
#lightbox img {border: none; clear: both;}
#overlay img {border: none;}
#overlay {background-image: url("/System/css/design/overlay.png");}
* html #overlay {background-color: #333; back\ground-color: transparent; background-image: url("/System/css/design/blank.gif"); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/System/css/design/overlay.png", sizingMethod="scale");}