@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;
	background: none
}

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 {
	height: 24px;
	width: 154px;
	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
}

a,
a:visited {
	color: #AB4129;
	text-decoration: underline
}

a:hover {
	color: #AB4129;
	text-decoration: none
}

#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: 66px;
	top: 0
}

/*
.lang-switch{
    position: absolute;
    right: 9px;
    top: 19px;
}
*/
#banner {
	height: 285px
}

#banner {
	background-image: url(../grafika/zahlavi-menu-app.png)
}

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

#stredni {
	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,
#stredni a:hover {
	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,
.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: 45px
}

.menuhorni {
	background-image: url(../grafika/zahlavi-menu-app.png)
}

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

.menuhorni ul {
	list-style: none inside
}

.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: 45px;
	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
}

a.hmhlavni,
a.hmdeti,
a.hmpitter,
a.hmzamky,
a.hmkontakt {
	background-image: url(../grafika/zahlavi-menu-app.png)
}

a.hmhlavni {
	background-position: 0 -285px
}

a.hmdeti {
	background-position: -198px -285px
}

a.hmpitter {
	background-position: -396px -285px
}

a.hmzamky {
	background-position: -594px -285px
}

a.hmkontakt {
	background-position: -792px -285px
}

a.hmhlavni_aktiv {
	background-position: 0 -330px
}

a.hmdeti_aktiv {
	background-position: -198px -330px
}

a.hmpitter_aktiv {
	background-position: -396px -330px
}

a.hmzamky_aktiv {
	background-position: -594px -330px
}

a.hmkontakt_aktiv {
	background-position: -792px -330px
}

a.hmhlavni:hover {
	background-position: 0 -375px
}

a.hmdeti:hover {
	background-position: -198px -375px
}

a.hmpitter:hover {
	background-position: -396px -375px
}

a.hmzamky:hover {
	background-position: -594px -375px
}

a.hmkontakt:hover {
	background-position: -792px -375px
}

/* 284 331 hmhlavni hmdeti hmpitter hmzamky hmkontakt */
/* 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.png) no-repeat 95% bottom} */
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
}

a.active-trail {
	background: url(../grafika/menu-sipka-aktivni.png) no-repeat 95% bottom
}

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-search-block-form--2 {
	margin: 22px 0 0 0;
	padding: 0;
	border: 0
}

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

#edit-search-block-form--2 {
	width: 144px;
	float: left;
	padding-left: 0.5em;
	height: 22px
}

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

/* 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_app.gif) repeat-x left bottom
}

div.nov-muzeum tr {
	background: url(../grafika/linka_dashed_muz.gif) repeat-x left bottom
}

div.nov-epk tr {
	background: url(../grafika/linka_dashed_epk.gif) repeat-x left bottom
}

td,
th {
	padding: 4px
}

caption {
	padding: 4px
}

th {}

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

.region-viteze h2,
.region-right 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
}

.region-right 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,
.region-right .content,
.region-anketititko .content {
	padding-bottom: 10px;
	font-size: 13px;
}

.region-right .content a,
.adresa a {
	text-decoration: none;
	font-weight: bold
}

.region-right .content 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_app.gif) repeat-x left bottom
}

/* ckeditor */
.edittorre {
	width: 554px;
	padding: 0 10px;
	font-size: 13px;
}

#nalogo .home {
	float: right;
	margin-top: 14px;
	margin-right: 20px;
}

#nalogo .lang-switch {
	float: right;
	margin-top: 19px;
	margin-right: 9px
}

#nalogo .lang-switch img {
	height: 30px;
	width: auto;
}

#top {
	height: 285px;
	background: url(../grafika/zahlavi_color.png) 50% 46% no-repeat;
	position: relative;
}

#top .stripe {
	box-sizing: border-box;
	height: 68px;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 12px;
	background: -moz-linear-gradient(left, rgba(171, 65, 41, 0.5) 0%, rgba(173, 164, 140, 0.5) 49%, rgba(173, 164, 140, 0.5) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(171, 65, 41, 0.5) 0%, rgba(173, 164, 140, 0.5) 49%, rgba(173, 164, 140, 0.5) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(171, 65, 41, 0.8) 10%, rgba(173, 164, 140, 0.8) 49%, rgba(173, 164, 140, 0.8) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#top .stripe .title {
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'DroidSansBold';
	width: 300px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

.stripe .quote {
	position: absolute;
	top: 16px;
	left: 350px;
	color: white;
}

#top .stripe .signature {
	position: absolute;
	top: 27px;
	left: 820px;
	width: 160px;
}

#top .stripe .signature img {
	width: 100%;
	height: auto;
}

.menuhorni {
	height: 45px
}

.menuhorni {
	background-image: none
}

.menuhorni ul {
	list-style: none inside
}

.menuhorni ul li {
	text-transform: none;
	font-size: 14px;
	display: block;
	float: left;
	width: 16.666667%;
	border: 0;
	position: relative;
	line-height: 18px;
	text-align: center;
}

.menuhorni ul li a {
	text-decoration: none;
	box-sizing: border-box;
	display: block;
	line-height: 45px;
	padding: 0;
	width: 100%;
	background-color: #F8F8F8;
	border-left: 1px solid #CCC;
}

.menuhorni ul li:first-child a {
	border-left: 0px solid black;
}

.menuhorni ul li a:hover,
.menuhorni ul li a.is-active {
	background-color: red;
	color: white;
}

#hlavni {
	background-color: white;
	margin-top: 10px;
	padding-top: 30px;
}

.title-hlavni,
.title-pitter,
.title-deti,
.title-zamky {
	background-color: white;
	box-sizing: border-box;
	color: #ab4129;
}

.left-menu {
	list-style-type: none;
	padding-left: 0;
}

.left-menu li {
	margin-left: 10px;
	list-style: none;
}

.left-menu li::marker {
	content: none;
	display: none;
}

/* #block-leftmenucz > ul > li:nth-child(1) > a */
#leva .left-menu li a {
	color: #474136;
	text-decoration: none;
	font-size: 14px;
	font-family: 'DroidSansBold';
	padding: 5px 8px;
	display: block;
	box-shadow: 0 1px 3px #474136;
	margin-bottom: 4px
}

#leva .left-menu li a:hover,
#leva .left-menu li a.is-active {
	color: white;
	background-color: #474136;
}

#leva .npmk-logo {
	display: block;
	padding-top: 12px;
	margin-left: 10px;
}

#leva .pitter-fb {
	display: block;
	margin-left: 10px;
	padding-top: 12px;
}

#stredni {
	width: 774px;
	float: right;
}

#stredni>div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

#block-pitter-content {
	float: left;
	/* width: calc(100% - 360px); */
	text-align: justify;
	flex: 1;
	margin-right: 20px;
}

#block-views-block-events-front-block-1 {
	float: right;
	width: 340px;
	margin-top: 10px;
	margin-right: 20px;
}

#block-views-block-events-front-block-1 .views-field-field-image {
	float: left;
	margin-right: 10px
}

#block-views-block-events-front-block-1 .views-row {
	margin-bottom: 20px;
}

#block-views-block-events-front-block-1 .views-row:after {
	display: block;
	content: "";
	clear: both;
}

#block-views-block-events-front-block-1 .views-field-title {
	font-weight: bold;
}

#block-views-block-events-front-block-1 .views-field-title,
#block-views-block-events-front-block-1 .views-field-body {
	width: 210px;
	float: left;
}

#block-pitter-content .views-row {
	margin-bottom: 20px;
}

#block-pitter-content .views-row:after {
	display: block;
	content: "";
	clear: both;
}

#block-pitter-content .views-field-field-image {
	float: left;
	margin-right: 10px
}

#block-pitter-content .views-field-title {
	font-weight: bold;
}

#block-pitter-content .views-field-title,
#block-pitter-content .views-field-body {
	width: 400px;
	float: left;
}

#block-pitter-content .row {
	overflow: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	gap: 25px;
}

#block-pitter-content .row:after {
	display: block;
	content: "";
	clear: both;
}

#block-pitter-content .row .text {
	float: left;
	width: 400px;
	text-align: justify;
}

/* #block-pitter-content > div > div > div:nth-child(2) > div > div.images */
#block-pitter-content .row .images {
	float: right;
	width: 314px;
	margin-right: 20px
}

#block-pitter-content .row .text figure,
#block-pitter-content .row .images figure {
	margin: 0;
	text-align: center;
	margin-bottom: 15px
}

#block-pitter-content .row .images figure.half {
	width: calc(50% - 5px);
	float: left;
	margin-right: 10px;
}

#block-pitter-content .row .images .half:nth-child(2n) {
	margin-right: 0;
}

#block-pitter-content .row .images figure img {
	width: 100%;
	height: auto;
}

.field-name-field-fotky .field-items:after {
	display: block;
	content: "";
	clear: both;
}

.field-name-field-fotky .field-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 8px
}

.field-name-field-fotky .field-item:nth-child(4n) {
	margin-right: 0;
}

.field-name-field-fotky .field-item a {
	line-height: 0;
	font-size: 0;
}

#block-pitter-content a {
	text-decoration: underline;
}

#block-pitter-content a:hover {
	text-decoration: none;
}

.pager .pager__items {
	clear: both;
	text-align: center;
	margin: 0 0 0.75em 0;
}

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

.pager .pager__items li.is-active a {
	font-weight: bold;
	text-decoration: none !important;
	color: black;
}

.nov-nadpis {
	background-color: white;
	box-sizing: border-box;
	color: #ab4129;
	display: inline-block;
	width: 100%;
	line-height: 25px;
	font-size: 18px;
	padding: 0;
	padding-bottom: 18px;
	/* padding-left: 10px; */
}

.gallery.gallery-images {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}