@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DroidSerifItalic';
	src: url('DroidSerif-Italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DroidSerifBoldItalic';
	src: url('DroidSerif-BoldItalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

body,
.menu_column ul li a,
.menu_div p,
.nov-hlavicka-datum {
	font: 13px 'DroidSansRegular', Arial, sans-serif
}

b,
strong,
h1,
h2,
h3,
h4,
#menuhorni,
.nov-hlavicka,
#str-nazev,
.nov-npmk a,
.nov-npmk a:visited,
.nov-muzeum a,
.nov-muzeum a:visited,
.nov-knihovna a,
.nov-knihovna a:visited,
.nov-epk a,
.nov-epk a:visited,
#block-poll-recent .form-submit,
div.vystava-navigace {
	font-family: 'DroidSansBold', Arial, sans-serif;
	font-weight: normal
}

body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
p,
table {
	margin: 0;
	padding: 0;
	border: 0
}

em,
i,
.vystava-popisek {
	font-family: 'DroidSerifItalic', Georgia, serif
}

strong em,
em strong,
strong i,
i strong,
h1 em,
h2 em,
h3 em,
h4 em {
	font-family: 'DroidSerifBoldItalic', Georgia, serif
}

input {
	padding: 0 5px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF
}

.nov-npmk a:hover,
.nov-muzeum a:hover,
.nov-knihovna a:hover,
.nov-epk a:hover {
	text-decoration: underline
}

.centruj {
	text-align: center
}

p {
	margin-bottom: 5px
}

#paticka {
	margin: 0 auto;
	width: 1010px;
	padding: 10px 0 20px 10px
}

#obal {
	margin: 40px auto 0 auto;
	width: 990px;
	padding: 0 10px 10px 10px;
	/* overflow: hidden */
}

#nalogo,
#banner,
.menuhorni {
	width: 100%
}

#nalogo {
	height: 68px;
	z-index: 0;
	position: relative
}

.region-roh {
	z-index: 10;
	height: 78px;
	width: 178px;
	position: absolute;
	right: 0;
	top: 0
}

#banner {
	height: 285px
}

#banner {
	background-image: url(../grafika/banner-1918.png)
}

#leva,
#prava {
	width: 188px;
	margin-bottom: 44px
}

#stin-horni {
	height: 10px
}

#hlavni {
	margin-top: 30px
}

#stredni {
	width: 574px;
	margin: 0 auto 0 auto
}

#leva {
	margin-right: 10px
}

#prava {
	margin-left: 10px
}

#menuleve {
	width: 100%;
	margin-bottom: 44px
}

#menuleve li,
#menuleve li a {
	display: block;
	height: 30px
}

#leva {
	float: left
}

#prava {
	float: right
}

.menu_panel_knihovna {
	width: 792px;
	position: absolute;
	top: 43px;
	z-index: 10;
	color: white;
	padding: 0 0 8px 0;
	opacity: 0
}

.menu_panel_muzeum {
	width: 594px;
	position: absolute;
	top: 43px;
	z-index: 10;
	color: white;
	padding: 0 0 8px 0;
	opacity: 0
}

.menu_panel_epk {
	width: 396px;
	position: absolute;
	top: 43px;
	z-index: 10;
	color: white;
	padding: 0 0 8px 0;
	opacity: 0
}

.menu_panel_muzeum {
	left: 0px
}

.menu_panel_knihovna {
	left: -198px
}

.menu_panel_epk {
	left: 0px
}

/* novinka */
.field-type-text-with-summary,
.nov-hlavicka {
	padding: 0 10px
}

.field-name-field-image {
	height: 120px;
	width: 173px;
	float: left
}

.field-name-field-image img {
	height: 120px;
	width: 173px
}

.nov-hlavni {
	float: right;
	width: 401px;
	padding-bottom: 5px
}

.nov-hlavicka {
	font-size: 14px;
	line-height: 26px;
	text-transform: uppercase
}

.nov-hlavicka-datum {
	font-size: 11px
}

.nov-ikonka,
.menu-ikonka {
	float: right;
	width: 19px;
	height: 19px
}

.menu-ikonka {
	margin: 2px 10px 0 0
}

.nov-ikonka {
	margin: 4px 0 0 0
}

.nov-nadpis {
	padding: 5px 10px
}

.node-promoted {
	margin-bottom: 22px;
	width: 574px;
	display: inline-block
}

.node a {
	text-decoration: none
}

.nov-cti-dal {
	float: left;
	padding: 4px 0 0 10px
}

.content ul li.node-readmore {
	margin-left: 0
}

/* stránka */
#str-nazev,
h1,
h2,
h3,
h4 {
	line-height: 25px;
	font-size: 18px;
	padding-bottom: 8px;
	padding-left: 10px
}

h3,
h4 {
	font-size: 15px
}

h2,
h3,
h4 {
	padding-left: 0
}

.str-hlavni {
	margin-bottom: 10px;
	padding: 10px 0
}

.str-hlavni p {
	margin-bottom: 10px
}

.str-hlavni img {
	padding: 0
}

.field-items ul {
	list-style: square outside;
	padding-bottom: 1em;
	padding-left: 1em
}

.field-items ol {
	margin-left: 2em;
	padding-bottom: 1em;
}

.str-hlavni form input {
	border: 1px solid gray;
	margin-bottom: 2px
}

.str-hlavni form input.tlacitko {
	border: none
}

.str-hlavni form input.tlacitko {
	font-weight: bold;
	height: 32px
}

.str-hlavni form input.tlacitko:hover {
	text-decoration: underline
}

#stredni h1,
#stredni h2,
#stredni h3,
#stredni h4,
#stredni hr {
	clear: both;
	display: inline-block;
	width: 100%
}

#stredni h3.nov-nadpis {
	width: 381px
}

.content ul li {
	margin-left: 1em
}

/*menu*/
.menuhorni {
	height: 44px
}

.menuhorni {
	background-image: url(../grafika/banner-1918.png)
}

.menuhorni {
	background-position: 0 -285px
}

.menuhorni ul {
	list-style: none inside;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.menuhorni ul li {
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	width: 198px;
	border: 0;
	position: relative;
	line-height: 18px
}

.menuhorni ul li a {
	text-decoration: none;
	display: table-cell;
	width: 183px;
	height: 44px;
	vertical-align: middle;
	padding: 0 5px 0 10px
}

.menu_column ul li a:hover {
	text-decoration: underline
}

.menuhorni input {
	width: 140px;
	line-height: 24px
}

.menuhorni input.tlacitko {
	height: 24px;
	width: 24px;
	padding: 0;
	border: 0;
	float: right
}

#menuhorni {
	box-shadow: -7px 0px 10px 0px #bdbdbd;
}

a.hm-hlavni,
a.hm-valka,
a.hm-legie,
a.hm-vznik,
a.hm-osobnosti {
	background-image: url(../grafika/banner-1918.png)
}

a.hm-hlavni {
	background-position: 0 -285px
}

a.hm-valka {
	background-position: -198px -285px
}

a.hm-legie {
	background-position: -396px -285px
}

a.hm-vznik {
	background-position: -594px -285px
}

a.hm-osobnosti {
	background-position: -792px -285px
}

a.hm-hlavni_aktiv {
	background-position: 0 -330px
}

a.hm-valka_aktiv {
	background-position: -198px -330px
}

a.hm-legie_aktiv {
	background-position: -396px -330px
}

a.hm-vznik_aktiv {
	background-position: -594px -330px
}

a.hm-osobnosti_aktiv {
	background-position: -792px -330px
}

a.hm-hlavni:hover {
	background-position: 0 -376px
}

a.hm-valka:hover {
	background-position: -198px -376px
}

a.hm-legie:hover {
	background-position: -396px -376px
}

a.hm-vznik:hover {
	background-position: -594px -376px
}

a.hm-osobnosti:hover {
	background-position: -792px -376px
}

/* 284 331 hm-hlavni hm-valka hm-legie hm-vznik hm-osobnosti */
/* spolecne pro DIVy menu */
.menu_shadow {
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888
}

.menu_div ul li {
	display: block
}

/* display: block; */
.menu_div ul li a {
	display: inline
}

.menu_column {
	padding-left: 10px;
	padding-right: 10px;
	float: left
}

.menu_column2,
.menu_column3,
.menu_column4 {
	width: 178px;
	top: 0px
}

.menu_column-epk {
	width: 168px;
	padding-right: 10px
}

.menu_div {
	position: relative;
	padding-top: 4px;
	font-size: 13px
}

.menu_div ul li {
	border-bottom: 0px solid;
	line-height: 21px;
	text-transform: none;
	width: 100%;
	padding-left: 0
}

.menu_div ul li.menu-li-mensi a {
	line-height: 20px
}

/* *** */
.menu_div ul li img.ilustrativni {
	padding-top: 10px
}

.menu_div p {
	line-height: normal;
	text-transform: none
}

.menu_div a:hover {
	text-decoration: underline
}

.icko_knihovna_menu {
	padding: 0 10px 0 0
}

.menu_column h2 {
	padding: 10px 0
}

/* Styly vztahujici se k levemu menu */
#leva ul.menu {
	list-style-image: none
}

#leva li.collapsed {
	/* background: url(../grafika/menu-sipka-rozbal-1.gif) no-repeat 95% bottom */
}

ul.menu li a {
	border-top: 10px solid
}

ul.menu li,
ul.menu li a {
	margin: 0;
	padding: 0
}

ul.menu li.first a {
	border-top: 0
}

ul.menu li ul li a {
	border: none
}

ul.menu li a {
	padding: 6px 10px
}

ul.menu li ul li {
	margin-left: 0
}

ul.menu li ul li ul li {
	padding-left: 8px
}

/* treti uroven */
ul.menu li ul li ul li ul {
	visibility: hidden;
	position: absolute
}

ul.menu li.leaf,
ul.menu li.collapsed,
ul.menu li.expanded {
	list-style-image: none;
	list-style-type: none;
	border: 0
}

.menu a {
	display: block;
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em
}

ul.menu li.active-trail {
	font-weight: bold
}

ul.menu li.active-trail ul {
	font-weight: normal
}

.menu a:hover {
	text-decoration: underline
}

.seznam_obrazku img {
	margin-bottom: 8px
}

.adresa {
	padding: 10px;
	margin-bottom: 10px
}

/* vyhledavani */
#edit-submit,
#edit-submit--3,
#edit-submit--2,
#edit-keys {
	margin: 22px 0 0 0;
	padding: 0;
	border: 0
}

#edit-submit,
#edit-submit--3,
#edit-submit--2 {
	width: 24px;
	height: 24px
}

#edit-keys {
	width: 144px;
	float: left;
	padding-left: 0.5em;
	height: 24px
}

/* pravy sloup */
#prava a img {
	padding-bottom: 8px
}

/* 8 -> 0 Mila */
/* tabulky */
table {
	padding: 0;
	width: 554px;
	margin-bottom: 10px
}

caption,
th {
	font-size: 13px;
	font-weight: bold
}

th {
	border: none
}

/*tr {border-top:1px solid gray}*/
tr {
	background: url(../grafika/linka_dashed_1918.gif) repeat-x left bottom
}

td,
th {
	padding: 4px
}

caption {
	padding: 4px
}

th {}

/* viteze */
.region-anketititko .title {
	font-weight: bold
}

.region-viteze h2,
.prave-hlavni h2,
.region-anketititko h2 {
	margin-top: 22px;
	background-color: #0093DF;
	color: white;
	line-height: 30px;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 13px;
}

.region-viteze h2 {
	padding-left: 35px
}

.leve-knihovna #block-block-4 h2 {
	padding-left: 10px
}

.prave-hlavni h2,
.region-anketititko h2 {
	margin-top: 10px;
	background: #0093DF url(../grafika/ico_nova_kniha.gif) no-repeat 5% 50%;
	padding-left: 35px
}

.region-viteze .content,
.prave-hlavni .content,
.region-anketititko .content {
	padding-bottom: 10px;
	font-size: 13px;
}

.prave-hlavni a,
.adresa a {
	text-decoration: none;
	font-weight: bold
}

.prave-hlavni a:hover,
.adresa a:hover {
	text-decoration: underline
}

.mizitko {
	visibility: hidden
}

/* exponat dne */
#block-block-5 h2 {
	background: #0093DF url(../grafika/ico_exemplar_dne.gif) no-repeat 5% 50%
}

/*anketa*/
.region-anketititko {
	padding-bottom: 10px
}

#block-poll-recent .choices {
	margin: 0
}

#block-poll-recent h2 {
	background-image: none;
	padding-left: 10px
}

#block-poll-recent .form-item-choice {
	margin: 2px 0 0 0
}

#block-poll-recent .form-radio {
	margin: 0;
	width: 12px;
	height: 12px
}

#block-poll-recent .form-submit {
	margin: 10px 0 0 0;
	width: 8em;
	text-transform: uppercase
}

#block-poll-recent ul.links {
	display: none
}

/*oddelovatko*/
hr {
	border: 0;
	background: url(../grafika/linka_dashed_1918.gif) repeat-x left bottom;
	height: 1px;
}

/*vystavy*/
div.vystava-sirka {
	width: 574px
}

div.vystava-vyska {
	text-align: center
}

div.vystava-vyska,
div.vystava-sirka {
	padding-bottom: 10px
}

div.vystava-navigace {
	width: 554px;
	text-align: center;
	padding: 0 10px
}

img.vystava-obrazek-sirka {
	width: 553px;
	height: 414px;
	padding: 10px
}

img.vystava-obrazek-vyska {
	height: 553px;
	width: 414px;
	padding: 10px;
	text-align: center
}

div.vystava-popisek {
	padding: 2px 10px 2px 10px
}

div.field-name-field-text-nad {
	padding: 0 10px
}

.leva {
	float: left
}

.prava {
	float: right
}

input[type="radio"] {
	height: 13px;
	width: 13px
}

.oddel {
	margin-top: 7px
}

/* ckeditor */
.edittorre {
	width: 554px;
	padding: 0 10px
}

/* form */
#formik input,
#formik textarea {
	display: block
}

#souradnice input {
	display: inline
}

#formik fieldset {
	border: 1px solid black;
	background-color: #e6e6e6
}

#formik #lans,
#formik #loew {
	width: 3em
}

#formik label {
	font-weight: normal
}

#formik legend {
	font-weight: bold
}

#formik-upozorni {
	color: red
}

.formik-prask {
	margin-left: 3px
}

.formik-edit {
	border-bottom: 2px dotted black;
	width: 553px;
	margin-bottom: 5px
}

.formik-obr {
	width: 100px;
	float: right;
	height: 130px;
	display: block
}

.formik-edit input,
.formik-edit textarea,
.formik-edit label {
	display: inline
}

#stredni iframe {
	border: 0px none red
}

.formik-smz {
	margin-left: 18em;
	background-color: red
}

.formik-edt {
	background-color: green
}

.fsoubor {
	display: block
}

a.formik-schov img.formik-ee {
	position: relative;
	display: none;
	width: 300px;
	height: 500px;
	z-index: -1
}

a.formik-schov:hover img.formik-ee {
	display: block;
	z-index: 11;
	left: -200px;
	top: -300px
}

.btn-wrapper {
	text-align: center;
}

.btn-wrapper a {
	border: 1px solid #b11218;
	text-align: center;
	margin-top: 10px;
	display: block;
	float: left;
	padding: 10px 0 7px;
	width: calc(50% - 5px);
	box-sizing: border-box;
	transition: all .3s;
	letter-spacing: .03em;
	font-family: DroidSansRegular;
	font-size: 16px
}

.btn-wrapper a:hover {
	background-color: #b11218;
	color: white !important;
	text-decoration: none;
}

.btn-wrapper a:first-child {
	margin-right: 10px;
}


#search-block-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
}

/* .node-readmore{
	    padding: 0 0.5em;
} */
.links.inline {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 0.5em;
}

.pager__items {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.pager__item {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em;
}

.is-active {
    font-weight: bold;
}
.is-active a {
	text-decoration: none;
	cursor: default;
}

.str-hlavni div {
  padding: 0 10px;
}

.rtecenter {
    text-align: center;
}