@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600|Muli:300|Indie+Flower:400|Oswald:400,700,300&subset=latin,latin-ext);
*{margin:0; padding:0;}   
* HTML {HEIGHT: auto;}
HTML {HEIGHT: auto;  -webkit-font-smoothing: antialiased;}
body {font-family:"Open Sans", sans-serif, san_serif; font-size: 1.0em;top:0px; left:0px; text-align:center;background-image:url(i/bg.gif); background-position: top left; background-repeat: repeat-x;}
a, a:link {text-decoration:none; color:#333;} 
h1 { font-size: 1.4em !important; color: #009933 !important; padding: 5px 0; text-transform:uppercase;}
h1 a { font-size: 1.4em !important; color:#009933 !important; padding: 5px 0;}
h1 a:link{ font-size:1.4em !important; color:#009933 !important;}
h1 a:visited{ font-size: 1.4em !important; color:#009933 !important;}
h1 a:hower{ font-size: 1.4em !important; color: #009966 !important;}
h1.detail {text-transform: none !important;}
h2 { font-size: 1.2em !important; color: #009966 !important; padding: 5px 0;}
h2 a, h2 a:link, h2 a:visited {color: #009966; text-decoration:none;}
h2 a:hower{color: #990033; text-decoration:none;}
h2 a{color: #01624a; text-decoration:none;}
h3 { font-size: 1.1em !important; color:#009966 !important; padding: 10px 0 3px 0;}
a:link img, a img {border: none !important; text-decoration:none !important;}
.img50 { width: 50%; min-width: 320px;}
.img800 {width: 800px; min-width: 320px;}
p {padding: 10px 0 10px 0;}
p a{ color: #009966; font-weight: bold;}
.w750 {margin: 0px; padding: 10px; text-align: left; width: 750px;}
.w600 {margin: 0px; text-align: left; padding: 10px;  width: 600px !important;}
.w98p {padding: 10px; text-align: left; width: 98%;}
.h45 { height: 45px !important; width: 98%;}
.h250 { height: 250px;}
.txtl { text-align: left !important;}
.txtr { text-align: right !important;}
.txtj { text-align: justify !important;}
.top10 {margin-top: 10px  !important;}
.top20 {margin-top: 20px  !important;}
.top40 {margin-top: 40px  !important;}
.top60 {margin-top: 60px  !important;}
.top80 {margin-top: 80px  !important;}
.top120 {margin-top: 120px  !important;}
.btm60 {margin-bottom: 60px  !important;}
.btm40 {margin-bottom: 40px  !important;}
.btm20 {margin-bottom: 20px  !important;}
.btm0 {margin-bottom: 0px  !important; padding-bottom: 0px}
.padd0 { padding-bottom: 0px !important;padding-top: 0px !important;}
.padd10 { padding-bottom: 5px !important;padding-top: 0px !important;}
.padlel20 {padding-left: 20px  !important;}
.padlel40 {padding-left: 40px  !important;}
.marlel20 {margin-left: 20px  !important;}
.px12 {font-size:12px !important;}
.px20 {font-size:16px !important;}
.pc32 {width: 32% !important;}
.centr {padding 0 auto; text-align: center  !important;}
.green20, p.green20  {color: #00CC66; font-weight: bold;font-size:20px !important;}
.green08, p.green08  {color: #00CC66; font-weight: bold;font-size:0.8em !important;}
.orange20 {color: #CC6600 !important; font-weight: bold;font-size:1.2em !important;}
.blue20 {color: #0099FF; font-weight: bold;font-size:20px !important;}
.redl20 {color: #FF3333; font-weight: bold;font-size:20px !important;}
.orange16 {color: #CC6600 !important; font-weight: bold;font-size:1.1em !important;}
.red {color: #FF0000 !important;}
.bred {color: #FF0000 !important; font-weight:bold !important;}
.bred14 { font-size: 14px; color: #FF0000 !important; font-weight:bold !important;}
.bbrwn {color: #993300; font-weight:bold;}
.bbrwn14 {color: #993300; font-weight:bold; font-size:1.2em;}
.bgrn14 {color: #009933; font-weight:bold; font-size:1.1em;}
.bggrey { background-color:#efefef;}
.cancl {padding-bottom:2px; vertical-align:bottom;}
.novy{ position:relative; float: right; font-weight: bold; font-size: 14px; color: #CC6600;} 
.novy a {font-weight: bold; font-size: 14px; color: #CC6600; text-decoration:none;} 
.novy a:link {font-weight: bold; font-size: 14px; color: #CC6600; text-decoration:none;} 
.novy a:visited {color: #CC6600; text-decoration:none;} 
.novy a:hover {font-weight: bold; font-size: 14px; color: #FF6633; text-decoration: underline;} 
.b {font-weight:bold;}
.l8 {font-size: 8pt;}
img.padl{padding-left: 10px;}
img.padr{padding-right: 10px;}
.floatl{ float:left;}
.floatr{ float:right;}
.bordbtm { border-bottom: 2px solid #CC0000;}
.Alileft { text-align: left !important;}
.nadp2	{color: #CC3300; font-size: 1.1em; font-weight: bold; }

div#cal {width: auto; margin: 0 auto; max-width:1175px; padding: 0 10px;}
div#top {height: 150px; min-height:150px; max-width:100%; padding: 0px; margin: 0px 0 0 0; top:0px; left:0px;}
div#spol {float:right; position: relative; width: 440px; height: 70px; margin: 62px 0px 0px 0px; padding: 10px; font-size:12px; color:#000; text-align: right;}

div#flags { float: right; position: relative; width: 100px; height: 20px; text-align:right; margin: 15px 0px 0px 0px; color:#bc6600;}
div#flags a {color: #CCCCCC; text-decoration:underline;}
div#flags a:visited {color: #CCCCCC;}
div#flags a:hover {color: #bc6600;}
.flag {margin-left:3px;}

p.ser { text-align: left;}

div#logtyp {float: left; position:relative; width: 300px; height: auto; padding: 0; margin: 5px 0px 0px 0px; top: 0;}
div#logtyp img {width: 100%; min-width:178px;}
div#topkont {float: right; position:relative; width: 200px; height: auto; padding: 0; margin: 10px 0px 0px 0px; top: 0; font-size: 0.8em; font-weight:bold; text-align: right; color: #00CC66;}
div#topkont a  {color: #00CC66;}
div#topkont a:visited {color: #00CC66;}
div#topkont a:hover {color: #bc6600;}

div#topkont ul {list-style:none; list-style-image:none;}
div#topkont ul li{list-style:none;}
.topmobil { width: 99%; margin: 0; padding:0;}
.topmail { width: 99%; margin: 0; padding:0;}

div#logomenu {width: 100%; min-height: 30px; margin: 0px 0px 0px 0px; padding: 0px auto; }
div#logo {width: auto; height: auto; padding: 0 auto; margin: 0px 0px 0px 0px; top: 0; text-align:center;}
div#logo img {width: 50%; min-width:220px;}

#menu{background: none; margin: 0px; float:right; position: relative; clear:right; width: 100%; height: auto; margin: 10px 0px 0px 0px; padding: 0px; border-bottm: 1px solid #333333;}

/* MENU */
#menu hr{border: 0; background-color: transparent;}

#menu ul { margin: 0 0;}
#menu li {list-style: none; z-index: 1; font-weight: normal; font-style: normal; font-size: 1.1em; line-height: 1.2em; color: #009966; }
#menu li .rborder {border-right:#009966 !important;}
#menu li a {padding: 8px 26px;  text-align: left; margin: 0px 0px; color: #009966; border-right: #FF0000 !important;}
#menu li a.first {padding-left:0px !important;}
#menu li a.last {padding-right:0px !important;}
#menu ul {auto;margin-left: 0px;}
#menu li {float: left; position: relative;}
#menu li li {float: none;}
#menu li:hover ul {visibility: visible;}
#menu a, #menu li:hover li a {display: block; text-decoration: none; color: #006666;  background-color: none;}
#menu li li a {height: 25px;text-align: left;width: 200px; background-color:#efefef;
}
#menu li:hover li a {width: 200px; font-size: 12px; display: block;  text-decoration: none;  color: #343434;  background-color: #006666; border-bottom: 1px solid #fff;}
#menu li:hover a, #menu li:hover li:hover a {background-color: #eee;}

#menu li.current  {
	display: none !important;
}
#menu li.current a {
	display: none !important}


.takatop {color: #99CC00  !important; border: 1px solid #FFCC00 !important; }

div#c {vertical-align:top; height: auto; width:auto;  padding: 0; margin: 0px; top:0px; left: 0px; text-align:left; borde: 1px solid  #6699CC}
div#l {float: left; width: 187px; height: auto; position: relative; background-color:#ffffff; background-image: url(i/lmenu-bg.gif); background-repeat: repeat-y; margin:0; padding:0;}

div#stred { position: relative; float: left; width: 100% !important; min-height: auto; padding: 0; margin: 0px; horizontal-align: left; height: auto; border: 1px solid  none;}
div#stred li {list-style: none; z-index: 1; font-size: 1.05em; line-height: 1.2em; color:#57566b;}
div#stred li a {padding:3px 3px;  text-align: left; margin: 1px 10px; color:#71708b;}
div#stred ul {margin-left: 10px;}
div#stred  p, div#stred  ul  {margin: 0 !important; text-align: justify; font-size: 1.0em; color:#333333;}
div#stred  .mapa img { width: 99%; margin-top: 10px;}

div.obs {margin: 0px; padding: 0px; text-align: justify; width: 100%;}
div.obs p {margin: 20px 0 !important; text-align: justify; font-size: 1.1em; font-weight:normal; color:#333333;}

div.obs p a{color:#009966 ;}
div.obs p a:link{color: #009966;}
div.obs p a:visited{color:#009966;}
div.obs p a:hover{color: #FF9900;}

div.obs ol li{list-style-type: decimal-leading-zero !important; padding-left: 20px !important; }
div.obs ul.listcirc li{list-style-type: circle !important; padding-left: 20px !important; }

.kl {float: left;}
.kr {float: right;}

div.kat{font-size: 1.1em; font-weight:bold;}
div.kat a {font-size: 1.1em; font-weight:bold; text-decoration: none;}
div.kat a:hover{ text-decoration:underline;}


.lef {position: relative; float: left;  width: 63%; min-width:320px; vertical-align: bottom; text-align: left; padding: 4px 0 5px 0px !important; margin: 3px 2px 10px 0px; font-size:.9em; font-weight:normal !important; }
.righ {position: relative;  float: right; width: 31%; min-width:320px; vertical-align: bottom; text-align: left; padding: 4px 0 5px 10px !important; margin: 3px 2px 10px 2px; font-size:.9em; font-weight:normal !important; }

.zpetgal { font-size: 0.5em !important;}

.itm {position: relative; float: left; width: 24%; height: 240px; vertical-align: bottom; text-align: center;  pading: 0px !important; margin: 5px 8px 15px 0px;}
.itmdet {position: relative; width: 99%; height: auto; text-align: left;  pading: 0px !important; margin: 5px 0px 15px 0px; border-bottom: 1px dotted #ddd;overflow: hidden;}
.cenadet { color:#FF0000 !important; background-color:#FFFFFF;}

.itm img { height: 100%; height: 90%; margin-bottom: 5px;}

p.nazitm {text-align:left !important; margin: 0px !important; padding: 3px 0 !important;}

p.popitm {margin: 0px !important; padding: 3px !important; font-size:.8em  !important; color:#666666; height:auto; width: 98%; text-align: justify !important;}
.cenaitm { position: absolute; right: 5px; bottom: 5px;  color:#FF0000 !important; background-color:#FFFFFF;}


.aktu {position: relative; float: left;  width: 100%; vertical-align: bottom; text-align: left; padding: 0 0 10px 0 !important; margin: 0 0 20px 0; font-size: 1.0em; font-weight:normal !important; border-bottom: 1px solid #CCCCCC; }
div.aktu h2 {font-size: 1.0em; font-weight: bolder; color: #01624a !important;}
div.aktu a:link{color:#01624a;}
div.aktu a:visited{color:#01624a;}
div.aktu a:hover{color: #FF9900;}
.aktu .vice, .aktu .vice a, {font-weight:bold; margin-top: 0px !important; color: #009933 !important;}


ul.men { margin: 0 0;}
ul.men ul {margin-left: 40px; padding-left: 40px;}
ul.men li {list-style: none; font-weight: normal; font-style: normal; font-size: 1.4em; line-height: 1.4em; color: #009933; padding: 10px 5px; width: 300px;}
ul.men li a {font-size: 1.3em; line-height: 1.4em; text-align: left; margin: 0px 0px; color: #009933;}
ul.men li ul li {margin: 0px; padding: 6px;}
ul.men li li a {font-size: 1.1em; line-height: 0.9em; text-align: left; margin: 0px; padding: 2px 10px !important; width: 400px !important;}
ul.men li:hover li a {text-decoration: none;  color: #343434;  background-color: #B7FFB7; border-bottom: 1px solid #fff;}
ul.men li:hover a, ul.men li:hover li:hover a {background-color: #66FF33;}


.bokmenu {position: relative; float:right;  text-align:left; width: 230px; background-color: #E8FFE8; margin: 0 0 10px 10px;} 

ul.bok { margin: 0 0;}
ul.bok ul {padding-left: 5px;}
ul.bok li {list-style: none; font-weight: normal; font-style: normal; font-size: 1.1em; color: #009933; padding: 5px 5px;}
ul.bok li a {text-align: left; margin: 0px 0px; color: #009933;}
ul.bok li ul li {margin: 0px; padding: 0px;}
ul.bok li li a {font-size: 0.8em; text-align: left; margin: 0px; padding: 0 px !important;}
ul.bok li:hover li a {text-decoration: none;  color: #343434;  background-color: #B7FFB7; border-bottom: 1px solid #fff;}
ul.bok li:hover a, ul.bok li:hover li:hover a {background-color: #66FF33;}


.gall img { margin-top: 10px;}

hr.sep {clear: both;  visibility: hidden; padding: 5px 0; width: 100%; height: 5px;}
hr.ln {clear: both;  visibility: hidden; padding: 9px 0; width: 100%; height: 5px;}

div.sep { width: 100%; height: 20px; padding-top: 9px; position:relative; float:left;}

.nepro { font-size: 1.1em !important; color: #FF0000 !important; padding: 5px 0;}

.dota td {padding: 10px 5px; vertical-align:top; text-align: left !important;}
.dota td input, .dota td textarea{padding: 3px; font-size: 1.0em;}
.znacka td { line-height: 1.3em;}

.mapa { width: 60%;}

input.but_odesl { width: 100px; height: 30px; font-size: 1.2em;}

#pisteform table {margin: 0 auto !important; text-align:center;}
.poptavka td { text-align:left; padding: 2px 2px;}
.poptavka td.centr p{ text-align:center !important;}
.poptavka td input {height: 1.3em; font-size: 1.1em; padding: 3px;}
.poptavka td input#odeslat, .poptavka td input#O_Reset  {height:  1.8em !important; font-size: 1.1em !important; padding: 1px 5px !important;}
.poptavka td select, .poptavka td select option  {height: 1.6em; font-size: 1.0em; padding: 3px; width: 180px;}

p.vice,  p.vice a, {font-weight:bold; margin-top: 0px !important; color: #009933 !important;}
p.vice a:visited, {font-weight:bold; margin-top: 0px !important; color: #009933 !important;}

.btm{background-color: #C6FFC6; width: 100%; height: 300px; padding: 0 auto !important;} 
.btmwidth{width: 1175px; margin: 0 auto;} 
.btminfo {position: relative; float:left;  text-align:left;} 
.btminfo1 { padding: 0 10px 0 0; border-right: 1px solid #dddddd;} 
.btminfo2 { padding:0px 10px; border-right: 1px solid #dddddd;} 
.btminfo3 { padding: 0px 0 0 10px;}
.btminfo ul{padding-left: 20px;} 
.btminfo li{list-style-type: disc !important; list-style-position: inside; text-indent: -1em; padding-left: 0.5em; margin: 4px;  text-align:left;} 



.m  {text-align:center; font-size: 9px; color: #666666; margin: 15px auto; width: 100%; padding: 15px 0px; border-top: 1px solid #eee; height: 20px; }
.m a { 	font-size: 9px; color: #666666;}
.m a:link {font-size: 9px; color: #666666;}
.m a:visited {font-size: 9px; color: #666666;}
.m a:hover {font-size: 9px; color: #333;}

@media screen and (max-width:1200px){
body {background:none;}
}


@media screen and (max-width:800px){
	.cc_container .cc_message{font-size:0.6em !important;}
	.cc_container .cc_btn{font-size:0.8em !important;}
	.h250 {height: 400px !important;}
	.kl {float: left;}
	.kr {float: left;}
		.katAll .vice{margin-top: 0px;}
	.katAll .vice2{margin-top: 0px;}
	.img800 {width: 100%; min-width: 320px;}

}

@media screen and (max-width:768px){
	.cc_container .cc_message{font-size:0.7em !important;}
	.cc_container .cc_btn{font-size:0.8em !important;}
	.h250 {height: 250px !important;}
	.kl {float: left;}
	.kr {float: left;}
	.katAll {width: 98%; position: relative; vertical-align: top; text-align: left; padding: 2px 0 10px 2px !important; margin: 3px 2px 10px 2px; font-size:.9em; font-weight:normal !important; }
	.katAll img {margin-right: 100px;}
	.katAll h2{ border: 0px  !important;}
	.katAll .vice{margin-top: 0px;}
	.katAll .vice2{margin-top: 0px;}

}


@media screen and (max-width:500px) {
	.cc_container .cc_message{font-size:0.6em !important;}
	.cc_container .cc_btn{font-size:0.8em !important;}
	.h250 {height: 400px !important;}
	.kl {float: left;}
	.kr {float: left;}
	.katAll {width: 98%; position: relative; vertical-align: top; text-align: left; padding: 2px 0 10px 2px !important; margin: 3px 2px 10px 2px; font-size:.9em; font-weight:normal !important; }
	.katAll img {margin-right: 100px;}
	.katAll h2{ border: 0px  !important;}
	.katAll .vice{margin-top: 0px;}
	.katAll .vice2{margin-top: 0px;}

}