@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.png); background-position: top left; background-repeat: repeat-x;}
a, a:link {text-decoration:none;} 
h1 { font-size: 1.5em !important; color:#FF9900 !important; padding: 5px 0; text-transform:uppercase;}
h1 a { font-size: 1.5em !important; color:#FF9900 !important; padding: 5px 0;}
h1 a:link{ font-size:1.5em !important; color:#FF9900 !important;}
h1 a:visited{ font-size: 1.5em !important; color:#284995 !important;}
h1 a:hower{ font-size: 1.5em !important; color: #FF9900 !important;}
h2 { font-size: 1.2em !important; color: #284995 !important; padding: 5px 0;}
h2 a, h2 a:link, h2 a:visited {color: #284995; text-decoration:none;}
h2 a:hower{color: #990033; text-decoration:none;}
h2 a{color: #284995; text-decoration:none;}
h3 { font-size: 1.0em !important; color: #284995 !important; padding: 5px 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: #990000; 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;}
.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;}
.top100 {margin-top: 100px  !important;}
.top120 {margin-top: 120px  !important;}
.btm40 {margin-bottom: 40px  !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;}
.padri20 {padding-right: 20px  !important;}
.px12 {font-size:12px !important;}
.px20 {font-size:16px !important;}
.centr {padding 0 auto; text-align: center  !important;}
.TxtL {text-align: left !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;}
.drkblue {color: #051b42 !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: #003333; font-weight:bold; font-size:1.1em;}
.drkblue14 {color: #051b42 !important; font-weight:bold; font-size:1.5em !important;}
.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;}


div#cal {width: 1075px; margin: 0 auto; padding: 0 10px;}
div#c {vertical-align:top; height: auto; width:auto;  padding: 0; margin: 0px; top:0px; left: 0px; text-align:left;}
div#top {width:100%; padding: 0px; margin: 0 auto !important; top:0px; left:0px; border-bottom: 1px solid #ccc; background-color:#f3f3f3;}
div#topObs{height: 120px; max-width:1075px; padding: 0px; margin: 0 auto !important;  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: 46%; height: auto; padding: 0; margin: 80px 0px 0px 0px; top: 0;}
div#logtyp img {width: 100%; min-width:178px;}

div#toprow{width: auto; height: 40px; padding: 0; margin: 5px 0px 0px 0px; top: 0;}
div#toprowL{ float: left; position:relative;width: auto; height: 20px; padding: 0; margin: 0px; vertical-align:middle;}
div#topAdr{float: right; position: relative; width: 25px; padding: 0; margin: 0px 5px 0px 0px;}
div#topAdrTxt{ float: left; position: relative; padding: 0; margin: 2px 3px 0px 0px;}
div#topAdrTxt2{ float: left; position: relative; padding: 0; margin: 2px 12px 0px 0px;}
div#toprowP{ float: right; position:relative;width: auto; right: 0px; height: ; padding: 0; margin: 0px; vertical-align:middle; text-align: right;}
div#topClc{float: right; position: relative; width: 18px; height: 20px; padding: 0; margin: 0px 5px 0px 0px;}
div#topClcTxt{ float: right; position: relative; width: auto; height: auto; padding: 0; margin: 2px 20px 0px 0px;}
div#topTel{float: right; position: relative; width: 12px; height: 20px; padding: 0; margin: 0px 5px 0px 0px;}
div#topTelTxt{ float: right; position: relative; width: auto; height: auto; padding: 0; margin: 2px 0px 0px 0px;}
div#topAdrTxt, div#topAdrTxt2, div#topClcTxt, div#topTelTxt {color: #284995 !important; font-size: 0.85em;} 

/* MENU */
#menu{; margin: 0px; float:right; position: relative; clear:right; width: auto; height: auto; margin: 42px 0px 0px 0px; padding: 0px;}
#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: #284995; }
#menu li:hover { background-color:#d1ecfd;}
#menu li .rborder {border-right:#01624a !important;}
#menu li a {padding: 8px 20px;  text-align: left; margin: 0px 0px; color:#284995; border-right:#01624a !important;}
#menu li a.first {padding-left:20px !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: #284995;  background-color: none;}
#menu li li a {height: 25px;text-align: left;width: 200px; background-color:#d1ecfd;
}
#menu li:hover li a {width: 200px; font-size: 12px; display: block;  text-decoration: none;  color: #343434;  background-color: #d1ecfd; border-bottom: 1px solid #fff;}
#menu li:hover a, #menu li:hover li:hover a {background-color: #d1ecfd;}


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

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;}
div#stred p, h2 {margin: 0 !important; text-align: justify; font-size: 1.0em; color:#333333;}

.motto {width: 100% !important; height: 300px; padding: 0; margin: 0px; horizontal-align: left; background: url(i/statue-bg.jpg) right top no-repeat;}
.mottoTxt {width: 55% !important; padding: 60px 0 0 180px; horizontal-align: center;}
.mottoTxt h2{ font-size: 1.8em !important; font-style:italic; text-align: left;}



.odka{ margin: 0 0; background-color: #FFFFCC;}
.odka p{ text-align: left !important;}
.he1 {height: 634px;}
ul.Odk { margin:10px 0 0 0; padding: 10px 0 0 0;}
ul.Odk li {list-style: none; z-index: 1; width: 22%; margin: 7px 5px; padding: 5px; font-weight: normal; font-style: normal; color: #284995;}
ul.Odk li:hover { background-color:#d1ecfd;}
ul.Odk li .rborder {border-right:#01624a !important;}
ul.Odk li a {text-align: center; font-size: 1.2em; margin: 5px; color:#284995;}
ul.Odk li a.first {padding-left:20px !important;}
ul.Odk li a.last {padding-right:0px !important;}
ul.Odk ul {auto;margin-left: 0px;}
ul.Odk li {float: left; position: relative;}
ul.Odk li li {float: none;}
ul.Odk li:hover ul {visibility: visible; }
ul.Odk a, ul.Odk li:hover li a {display: block; text-decoration: none; color: #284995;  background-color: none;}
ul.Odk li li a {height: 25px;text-align: left;width: 200px; background-color:#d1ecfd;
}
ul.Odk li:hover li a {width: 200px; font-size: 12px; display: block;  text-decoration: none;  color: #343434;  background-color: #d1ecfd; border-bottom: 1px solid #fff;}
ul.Odk li:hover a, ul.Odk li:hover li:hover a {background-color: #d1ecfd;}

.odkTop li {font-size: 1.2em; line-height: 1.3em; border: 2px solid #FF9933;}
.odkDwn li {font-size: 1.0em; line-height: 1.1em; height: 66px;}

ul.OdkEnd { margin:10px 0 0 30px; padding: 10px 0 0 0;}
ul.OdkEnd li {list-style: none; z-index: 1; width:auto; margin: 7px 5px; padding: 5px; font-weight: normal; font-style: normal; color: #284995;}
ul.OdkEnd li:hover { background-color:#d1ecfd;}
ul.OdkEnd li .rborder {border-right:#01624a !important;}
ul.OdkEnd li a {text-align: center; font-size: 1.2em; margin: 5px; color:#284995;}
ul.OdkEnd li.dwn:hover { background:none;}

.onas{ margin: 0; background-color: #FFFFCC;}
.onas p{text-align: left !important; margin: 15px 15px; padding: 15px 15px; }


#stred hr{border: 0; background-color: transparent;}



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: #b36b00;}
div.obs p a:link{color:#b36b00;}
div.obs p a:visited{color:#b36b00;}
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;}

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

.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:#01624a !important;}

.katAll {position: relative;  width: 47%; 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; }
div.katAll img {width: 25%; min-width:220px;height: 25%; min-height:220px;}

.katAllDou {position: relative;  width: 99%; min-width:320px; height: 150px; vertical-align: bottom; text-align: left; padding: 4px 0 5px 10px !important; margin: 3px 2px 20px 2px; font-size:.9em; font-weight:normal !important;}

.katAlln {min-width:320px;}

.katAll h2,.katAllDou h2, h2.katAlln{border-bottom: 1px solid #ccc; font-size: 1.4em  !important; margin-bottom: 15px; padding-bottom: 3px;}
.dat { color: #666666; font-size: 0.7em; font-weight: normal !important; padding-left: 0px;}

.katAll li {list-style: none; z-index: 1; font-size: 1.0em; line-height: 1.2em; color:#57566b;}
.katAll li a {padding:3px 3px;  text-align: left; margin: 1px 10px; color:#71708b;}
.katAll ul {auto;margin-left: 10px;}

.katAll p a{color: #003333;}
.katAll p a:link{color:#003333;}
.katAll p a:visited{color:#003333;}
.katAll p a:hover{color: #FF9900;}

.katAll .vice{ font-weight:bold; margin-top: 20px;}
.katAll .vice2{ font-weight:bold; margin-top: 60px;}
.katAll .vice0{ font-weight:bold; margin-top: 10px;}

.spolup li { font-size: 1.4em  !important; font-weight:bold; margin-top: 40px;}
.t20 li {margin-top: 14px;}

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

div#btm { clear:both; padding: 10px; text-align: left; bottom:0px;}

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

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


div#btm { width: 98% !important; height: 360px; background-color:#dedede; padding: 0 auto; right: 10px !important;}

div#btmOkno {height: 360px; right: 0 !important;}

.btminfo {text-align:left; height: 99%} 
.btminfo a { color:#666666;} 
.btminfo a:link { color:#666666;} 
.btminfo a:visited { color:#666666;} 
.btminfo a:hover { color: #CC3300;} 
.btminfo1 { margin: 0px; padding-left:10px; width: 30%;}
.btminfo2 { padding:0px 0px; width: 69%; text-align:right;} 
.btminfo2 img{width: 650px; height: 352px;} 
.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:1075px){
body {background:none;}
div#cal {width: 100% !important; margin: 0 auto; padding: 0 10px; }
div#stred {position: relative; float: left; width: 100% !important; min-height: auto; padding: 0; margin: 0px; horizontal-align: left; height: auto; }
div#btmOkno {width: 100%; height: 360px; margin: 0 auto;}
.btminfo1 {margin: 0px; padding-left:10px; width: 30%;}
.btminfo2 { padding:0px 0px; width: 68%; text-align:right;} 
.btminfo2 img{width: 100%; height: 100%;} 
.Odk li{width: 30%  !important;}
.odkTop {font-size: 1.2em; line-height: 1.3em;}
.odkDwn li {font-size: 1.0em; line-height: 1.1em; height: 56px;}
}


@media screen and (max-width:800px){
div#cal {width: 100% !important; margin: 0 auto; padding: 0 10px;}
div#stred {position: relative; float: left; width: 100% !important; min-height: auto; padding: 0; margin: 0px; horizontal-align: left; height: auto;}
div#btmOkno { background-color: #FFFFFF; height:auto;}
.btminfo1 { margin: 0px; padding-left:10px; width: 30%;  background-color: #FFFFFF; height:auto;}
.btminfo2 {position: relative; float: left; padding:0px 0px; width: 69%; text-align:right;} 
.kr .btminfo2 { padding:0px 0px; width: 69%; text-align:right;} 
.btminfo2 img{width: 100%; height: 100%;} 

	.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){
.mottoTxt {width: 100% !important; padding: 60px 0 0 40px; horizontal-align: center;}
.Odk li{width: 44%  !important;}
.odkTop {font-size: 1.2em; line-height: 1.3em;}
.odkDwn li {font-size: 1.0em; line-height: 1.1em; height: 56px;}
.btminfo1 {width: 99%;}
.btminfo2 {width: 99%;} 

	.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) {
.Odk li{width: 90%  !important;}
.btminfo1 { margin: 0px; padding-left:10px; width: 100%;}
.btminfo2 {position: relative; float: left; padding:0px 0px; width: 100%; text-align:right;} 
.kr .btminfo2 { padding:0px 0px; width: 100%; text-align:right;} 
.btminfo2 img{width: 100%; height: 100%;} 

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

}