@media print {
	.noprint	{ display: none; }
}

:root {
  --body-bg: #e9eaed;
  --footer-bg: #d8d9dc;
  --page-bg: #f9f9f9;
  --aktivni: #c00;
  --aktivni-bg: #4477ff;
  --aktivni-menu: #a00;
  --hover: #447;
  --font-color: #1b1b1b;
}

::selection { background: var(--aktivni); color: #fff; }

html	{ margin: 0; padding: 0; font-size: 1em!important; }
body	{ margin: 0; padding: 0; font-family: "Raleway", 'Open Sans', verdana; font-size: 0.8rem!important; color: var(--font-color); }

/*body { background:  var(--body-bg)  url(/css/bg_argiope.jpg) no-repeat center center fixed!important; background-size: 210%!important; }*/
body { background: #e2e1df  url(/css/bg_gibba.jpg) no-repeat center left fixed!important; }

h1, h2, h3, h4, h5	{ margin: 0; padding: 0; font-weight: normal; font-family: "Raleway", 'Open Sans', verdana; }

#subContent h2,
#subContent h3,
#subContent h4,
#subContent h5		{ margin: 0.5em 0; }

h1	{ font-size: 1.4rem; }
h2	{ font-size: 1.3rem; }
h3	{ font-size: 1.2rem; }
h4	{ font-size: 1.15rem; }
h5	{ font-size: 1.05rem; }
h6	{ font-size: 1.02rem; }

h1 span,
h2 span,
h3 span,
h4 span,
h5 span	{ font-weight: bold; }

h1 img,
h2 img,
h3 img,
h4 img,
h5 img	{ vertical-align: middle; }

#header h1	{ line-height: 53px; }
#header h2	{ line-height: 2em; }

h1 a	{ color: var(--font-color); text-decoration: none; }

h3	{ border-bottom: 1px dashed var(--aktivni); margin-top: 0.5em!important; }

legend.h3	{ font-size: 1.2em; }

a	{ color: #005091; text-decoration: none; }
a:hover	{ text-decoration: underline; color: var(--aktivni); }
a.active	{ font-weight: bold; }
a img	{ border: none; vertical-align: middle; }

table	{ border-collapse: collapse; /*border: 1px solid #bbb; border-radius: 5px;*/ margin: 0!important; }
td, th	{ padding: 5px; font-size: 1em; }

/*thead td,
thead th	{ background: #ccc; }

tbody tr	{ border-bottom: 1px solid #bbb; }*/

tbody tr th	{ text-align: left; }
th span		{ font-weight: normal; }

pre	{ margin: 1em; padding: 1em; border: 1px solid #036; background: #ededed; overflow: auto; }

p	{ margin: 10px 0; }

code	{ background: #d3d3d3; padding: 0 3px; }

ul, ol	{ margin: 1em 0; }
ul.nav, ol.nav	{ margin-top: 0; }

li	{ margin-bottom: 0.5em; page-break-inside: avoid; }
ul.nav li	{ margin-bottom: 0; }

ol ol	{ list-style-type: lower-alpha; margin-top: 0.5em; }

dt	{ font-weight: bold; border-bottom: 1px solid #d5d8dd; margin-bottom: 5px; padding: 5px 0; }
dt img	{ vertical-align: middle; }
dt small	{ font-weight: normal; font-style: italic; float: right; }
dd	{ margin: 0 0 10px 20px; }
dd ul	{ padding-left: 0; list-style: none; }

a img	{ max-width: 100%; }

hr	{ margin: 0.5em 0; }

footer	{ /*background: var(--footer-bg);*/ font-size: 0.8em; padding: 10px 0 3em; }
/*footer { background: #080708 url(/css/bg_nuctenea.jpg) no-repeat top right; background-size: contain; color: #fff; }*/
footer dl,
footer ul	{ margin: 0.5em 0 0 0; padding: 0 0 0.5em 0; list-style-type: none; border-bottom: 1px solid #c4c4c4; }
footer h4	{ font-size: 1.2em; font-weight: normal; }

.sideCol .box h4	{ padding-bottom: 5px; margin-bottom: 0; border-bottom: 2px solid var(--aktivni); }

.box		{ background: #fff; /*border: 1px solid #d5d8dd;*/ margin-bottom: 8px; padding: 8px; border-radius: 5px; }
.box ul ul	{ margin-left: 10px; }

.box input[type="text"],
.box input[type="number"],
.box input[type="tel"],
.box input[type="email"],
.box textarea,
.box select { background-color: var(--page-bg); }

.box .box	{ background: var(--body-bg); }

.col-sm-2 .box	{ border-top: 4px solid #c00; }

#page .container #subContent .box { box-shadow: inset 0px 0px 5px 0 #ddd; }

#supHeader	{ background: #d7d7d7 url(/css/headerBg.png) repeat-x top center; width: 100%; }

#header h1,
#header h2	{ text-align: center; }

#menuToggle	{ position: fixed; top: 10px; right: 10px; display: none; }

ul.nav		{ list-style-type: none; padding: 0; margin: 0; }
ul.nav ul	{ list-style: none; padding: 0 0 0 1em; margin: 0; }
.sideCol ul.nav li a { display: block; padding: 0.5em 0.5em 0.5em 0; border-right: 2px solid #fff; color: var(--font-color); }
ul.nav li a:hover	{ border-color: var(--font-color); }
.sideCol ul.nav li a.active { font-weight: bold; border-right-color: #cc0000; border-right-width: 4px; }

nav.navbar		{ min-height: inherit; margin-bottom: 0; }
nav.navbar-default	{ border: 1px solid #c00; }
ul.navbar-nav		{ border: 0; padding: 0 1px; }
ul.navbar-nav li	{ margin: 2px 1px; }
ul.navbar-nav li a	{ padding: 0.5em 1em; border-radius: 3px; }

.sideCol .nav-tabs > li > a	{ border-bottom-color: var(--aktivni)!important; }
.sideCol .nav-tabs > li.active > a	{ border-color: var(--aktivni)!important; border-bottom-color: #fff!important; }

#mainMenu	{ background: var(--aktivni); border-radius: 0; padding: 10px 0 ; box-shadow: 0px 0.5em 0.5em #555; opacity: 0.9; }
#mainMenu ul li			{ margin: 0 1px; }
#mainMenu ul li a		{ color: #fff; display: block; padding: 0.5em; margin-right: 0.5em; }
#mainMenu ul li a:hover { background: #990000; }
#mainMenu ul li a.active { background: var(--aktivni-menu); }
#mainMenu input { border-color: #fff; background-color: var(--aktivni-menu); color: #fff; }
#mainMenu input:focus { background-color: #fff; color: #000; }
#logo	{ width: 106px; height: 106px; float: left; background: transparent url(/css/logo.gif) no-repeat center center; background-size: contain; }

#footer		{ background: var(--body-bg); float: none; clear: both; margin-bottom: 13px; }
#footer .box	{ background: #fff; margin-top: 0; text-align: center; }

#infoBox	{ max-height: 250px; overflow: auto; }

#dialog		{ display: none; max-height: 500px; }
/*
#srcForm input	{ width: 55%; }
#srcForm button	{ width: 32%; margin-left: 2%; }
*/
#srcForm .form-group	{ margin-bottom: 0; }
#srcForm .form-control	{ height: inherit; }

#galerie	{ display: block; clear: both; }
#galerie a	{ display: block; float: left; border: 1px solid #fff; }
#galerie a img	{ max-width: 100%; width: 100%; }

@media (min-width: 768px){
	#galerie a	{ width: 25%; }
}

@media (min-width: 1000px){
	#galerie a	{ width: 16.66%; }
}

@media screen and (max-width: 750px){
	#menuToggle	{ display: inline; }
	#mainMenu	{ margin-bottom: 10px; }
	#mainMenu ul	{ float: none; }
	#mainMenu ul li		{ display: block; float: left; padding: 0!important; margin: 1%!important; width: 31%!important; text-align: center; }
	#mainMenu ul li a	{ padding: 0.5em!important; border: 1px solid #d7d7d7; }
	#mainMenu ul li a:hover	{ background: #990000; }
}

.ui-state-warning,
.ui-state-highlight,
.ui-state-error	{ margin: 0 0 10px 0; padding: 5px; }

fieldset	{ border-radius: 5px; padding: 10px 0; margin: 0 0 20px 0; border-color: #c0c0c0; }
legend		{ margin: 0; padding: 0; font-size: 1rem; font-family: 'Open Sans', Verdana; }
label span { font-style: italic; }

.formField		{ float: none; margin-bottom: 5px; padding: 5px 5px 0 5px; clear: left; }
.formField .spacer	{ padding-left: 10%; }
.formField span		{ vertical-align: middle; }
.formField img		{ vertical-align: middle; }
.formField label	{ display: block; float: left; width: 10%; font-weight: bold; padding: 5px 0; clear: left; }
.formField input[type="text"],
.formField select,
.formField textarea,
.formField .mce-tinymce { width: 85%!important; min-width: 400px; clear: right; margin: 0; vertical-align: middle; position: relative!important; }

.formField .mce-tinymce	{ margin: 0 0 0 10%; }

.formField #recaptcha_area input	{ width: inherit!important; min-width: inherit!important; }

button.nob	{ border: none; background: transparent; margin: 0; padding: 0; }

.fl	{ float: left; }
.fr	{ float: right!important; }
.cb	{ clear: both; }
.cl	{ clear: left; }
.cr	{ clear: right; }

.fl .thumbnail	{ margin-right: 5px; }

a.fl img	{ margin-right: 3px!important; }
img.fr		{ margin-left: 3px; }

div.cl,
div.cr,
div.cb	{ height: 1px; line-height: 1px; font-size: 1px; margin-top: -1px; }

.ac	{ margin: 0 auto; }

.tac	{ text-align: center; }
.tal	{ text-align: left; }
.tar	{ text-align: right; }

.line	{ font-size: 1px; color: #f7f7f7; line-height: 1px; height: 1px; }

.page	{ page-break-after: always; }

.block	{ page-break-inside: avoid; }

.chapter	{ page-break-after: always; }

.warning	{ color: #f00; }

.w100	{ width: 100%; }

.w50	{ width: 49%; }

.w100p	{ width: 100px; }
.w200p	{ width: 200px; }
.w250p	{ width: 250px; }
.w300p	{ width: 300px; }

.dn	{ display: none; }

#gmapa2	{ display: none; }
#smapa,
#gmapaSearch,
.mapa,
#gmapa	{ margin: 0 auto 10px auto; width: 100%; aspect-ratio: 32/17;  z-index: 1; }

#gmapSearch2,
#gmapSearch	{ margin-top: 10px; padding: 7px; }

.mapy			{ position: relative; }
.mapy #mapaSearch	{ position: absolute; right: 98px; top: 15px; z-index: 1000; }
.mapy #mapaSearch input	{ position: relative; }
.mapy .mapa		{ z-index: 1; }

.infowindow	{ font-size: 0.8em; padding-right: 20px; margin-top: 10px; margin-bottom: 10px; }
.infowindow h1	{ font-size: 1.3em; padding: 0; margin: 0; margin-left: 43px; background: none; float: none; }
.infowindow a	{ display: block; color: black; text-decoration: none; }
.infowindow h2	{ float: left; font-size: 1em; margin: 0; margin-left: 43px; }
.infowindow p	{ text-align: right; }
.tooltip	{ background-color: white; color: black; padding: 2px 5px 2px 5px; border: solid 1px #ababab; font-size: 0.8em; white-space: nowrap; font-weight: normal; box-shadow: 0px 0px 5px #666; z-index: 100; }

.small	{ font-size: 0.8em; }

a.lightbox	{ border: 0; /*padding: 0;*/ text-align: center; }

.obrazek	{ margin: 5px; padding: 5px; background: #e9eaed; }
.obrazek a	{ display: inline!important; }
.obrazek img	{ width: inherit!important; }
.obrazek .popis	{ font-size: 0.8em; clear: both; }

a.nob	{ border: none!important; padding: 0!important; margin: 0!important; }

.fotka		{ float: left; padding: 5px 0; text-align: center; width: 25%; margin-bottom: 15px; }
.fotka a	{ float: none; }

.pieChart	{ width: 600px; height: 250px; }

.clovekStats		{ margin: 10px 0; padding: 0; list-style-type: none; width: 100%; }
.clovekStats li		{ display: block; float: left; text-align: center; width: 25%; }
.clovekStats span	{ display: block; font-size: 3em; font-family: verdana; margin: 5px; }


/* mapa druhu */
#mapa	{ width: 100%; height: 500px; }

#detaily	{ display: none; width: 700px; height: 500px; position: absolute; top: 4em; left: 1em; background: #fff; overflow: auto; border: 1px solid #2c7bc0; }
#detaily table	{ margin: 0 auto; width: 80%; }
button.close	{ float: right; /*position: absolute; top: 0; right: 0;*/ }

.detaily	{ margin-bottom: 1em; }

.copy	{ position: absolute; right: 0; top: 0.5em; font-size: 0.7em; text-align: right; padding-right: 1em; color: #808080; }
.copy p	{ line-height: 1.2em; }
.copy a	{ color: #2c7bc0; }

.akcePopis	{ font-size: 0.8em; }
.akcePopis ul	{ list-style: none; margin: 0; padding: 0; }

.d1000	{ background-color: #f6ff00!important; color: #000; }
.d0100	{ background-color: #0cff00!important; color: #000; }
.d0010	{ background-color: #2764ff!important; color: #000; }
.d0001	{ background-color: #ff0000!important; color: #000; }

.kalendar		{ display: block; width: 100px; height: 16px; clear: both; text-align: center; margin: 0 auto; }
.kalendar a		{ display: block; width: 16px; height: 16px; background: transparent url(/css/icalendar.png) no-repeat left top; float: right; margin-right: 3px; }
.kalendar a span	{ display: none; }
.kalendar a.outlook	{ background-position: -32px 0; }
.kalendar a.thunderbird	{ background-position: -64px 0; }
.kalendar a.goodle	{}
.kalendar a.windows	{ background-position: -16px 0; }
.kalendar a.yahoo	{ background-position: -48px 0; }

.strike	{ text-decoration: line-through; }

#skupinovka	{ width: 100%; }
#skupinovka img	{ max-width: 100%; }

/* bootstrap */
.label		{ /*color: inherit;*/ font-weight: normal; border-radius: 0.25em; padding: 0 0.25em; }
.label-LC	{ background-color: #97ff00!important; color: #000; }
.label-ES	{ background-color: green!important; color: #fff; }
.label-RE	{ background-color: #333!important; color: #fff; }
.label-CR	{ background-color: #f00!important; color: #fff; }
.label-EN	{ background-color: orange!important; color: #000; }
.label-VU	{ background-color: yellow!important; color: #000; }

.nopad div	{ padding: 0!important; }

h3 .pagination	{ margin: 0; }

.panel			{ box-shadow: 3px 3px 2px #eee; margin: 10px 0 0 0; }
.panel-heading		{ padding: 0.25em 0.5em; }
.panel-heading h3	{ border: none; }

figure  { position: relative; }
figcaption	{ position: absolute; bottom: 0.25rem; right: 0.25rem; left: 0.25rem; background: rgba(255,255,255,0.85); color: var(--font-color); padding: 2px 4px; font-size: 0.8em; }
.figure-img { margin-bottom: 0; }
.panel-body	{ padding: 10px; }


input[type=file]	{ padding: 0 5px; }

.form-control:focus	{ border-color: #c00; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(204, 0, 0, 0.6); }

li.list-group-item span.badge 		{ background: #fff; }
li.list-group-item.active,
li.list-group-item.active span.badge	{ background: #637c90; }
li.list-group-item.active a		{ font-weight: bold; color: #fff; }
/*li.list-group-item.active span.badge a	{ color: #005091; }*/

span.bi { border: 2px solid #c0c0c0; border-radius: 4px; padding: 2px 4px; margin: 2px; background: #fff; }

.ui-autocomplete		{ z-index: 1999; }
.ui-autocomplete-category	{ font-weight: bold; padding: .2em .4em; margin: .8em 0 .2em; line-height: 1.5; }

.citace strong	{ font-variant: small-caps; font-weight: normal; }

.form-check label	{ font-weight: normal; }