@font-face {
	font-family: 'Avant Garde Book BT';
	font-style: normal;
	font-weight: normal;
	src: local('Avant Garde Book BT'), url('../fonts/AVGARDN_2.woff') format('woff');
}

@font-face {
	font-family: 'Avant Garde Demi BT';
	font-style: normal;
	font-weight: normal;
	src: local('Avant Garde Demi BT'), url('../fonts/AVGARDD_2.woff') format('woff');
}


@font-face {
	font-family: 'Avant Garde Demi Oblique BT';
	font-style: normal;
	font-weight: normal;
	src: local('Avant Garde Demi Oblique BT'), url('../fonts/AVGARDDO_2.woff') format('woff');
}

html {
	height: 100%;
	position: relative;
}

body {
	font-family: 'Verdana', 'Arial', sans-serif;
	font-size: 12px;
	margin: 0;
	width: 100%;
	height: 100%;
	background-color: #e5ecf6;
}
table { font-size: 1em; }
table td { margin: 0; padding: 0; }

h1, h2, h3, h4 { margin: 10px 0 0; padding: 0; color: #016eaf; }
a { color: #016eaf; }
a:hover { color: #e62135; }

h1 { font-size: 190%; margin-top: 0.5em; margin-bottom: 0.3em; position: relative; padding: 25px 0; }
h1 img.h1-bg-top { position: absolute; top: 0; left: 0; }
h1 img.h1-bg-bottom { position: absolute; bottom: 0; left: 0; }
h2 { font-size: 140%; margin-top: 0.4em; margin-bottom: 0.2em; }

iframe.youtube { width: 560px; height: 315px; }

a img { border:0; }
.clear { height: 0; width: 0; clear: both; line-height: 0; font-size: 0; }
.fleft { float: left; }
.fright { float: right; }
.hidden { display: none; }
.va-top { vertical-align: top; }
hr { border: 0 none; height: 1px; background: #aaa; }

#top .wrapper, #main .wrapper, #bottom .wrapper { margin: 0 auto; width: 1060px; }

#top .left, #main .left, #bottom .left { width: 100px; float: left; }
#top .center, #main .center, #bottom .center { width: 700px; float: left; }
#top .right, #main .right, #bottom .right { width: 250px; float: left; }

#top, #main, #bottom { clear: both; }

#menu-float { display: none; }

#top { background-color: #1b85c1; width:100%; }
#top h1 { font-family: "Avant Garde Demi BT", serif; font-weight: bold; font-size: 2em; color: #fff; margin: 0; padding: 0; text-transform: uppercase; }
#top h1 a { color: #fff; text-decoration: none; }
#top div.center { background-color: #e3001b; color: #fff; }
#top div.center.wide { display: block; }
#top div.center.narrow { display: none; }
#top div.center > div { padding: 0 30px; min-height: 70px; height: fit-content; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; justify-items: flex-end; }
#top div.center div.pardubickykraj { text-align: left; }
#top div.center div.pardubickykraj img { width: 137px; }
#top div.right { color: #fff; }
#top div.right a { color: #fff; }
#top div.right > div { padding: 25px; color: #fff; }
#top img#menu-button { display: none; }

#main div.left { background: #e5ecf6; }
#main div.center { background: #fff; }
#main div.right { background: #006db2; }
#main div.right, #main div.right a { color: #fff; }
#main div.right ul.main-menu { padding: 1em 0; text-transform: uppercase; }
#main div.right ul a { text-decoration: none; display: block; padding: 1em; margin: 0 1em; }
#main div.right ul li:hover { background-color: #0079b8; }
#main div.right ul li:hover ul { background-color: #006db2; }
#main div.right ul { list-style: none; padding: 0; margin: 0; }
#main div.right ul.main-menu ul { display: none; padding-left: 1em; }
#main div.right ul.main-menu > li > a { border-bottom: 1px solid #1d7cbc; }
#main div.right ul.main-menu > li > a[href="#"] { background-image: url(../images/menu-arrow.png); background-position: right center; background-repeat: no-repeat; }
#main div.right div.quick-links { padding: 0 1em 1em 1em; }

div.quick-links { font-family: "Avant Garde Demi BT", serif; font-size: 1.8em; }
div.quick-links a { color: #fff; text-decoration: none; }

a.menu-img-expozice { height: 32px; display: block; background: url(../images/menu-expozice.png) 0 0 no-repeat; margin: 1.4em 0; }
a.menu-img-expozice:hover { background-position: 0 -32px; }
a.menu-img-rbbs { height: 56px; display: block; background: url(../images/menu-rodny-byt.png) 0 0 no-repeat; margin: 1.4em 0; }
a.menu-img-rbbs:hover { background-position: 0 -56px; }

a.menu-img-exposition { height: 32px; display: block; background: url(../images/menu-exposition.png) 0 0 no-repeat; margin: 1.4em 0; }
a.menu-img-exposition:hover { background-position: 0 -32px; }
a.menu-img-nfobs { height: 56px; display: block; background: url(../images/menu-native-flat.png) 0 0 no-repeat; margin: 1.4em 0; }
a.menu-img-nfobs:hover { background-position: 0 -56px; }

a.menu-img-portmoneum { height: 32px; display: block; background: url(../images/menu-portmoneum.png) 0 0 no-repeat; }
a.menu-img-portmoneum:hover { background-position: 0 -32px; }

#main div#content { padding: 10px 30px; }
#main div#content p { text-align: justify; }
#main #logo, #main #banners { height: 280px; }
#main #left { position: relative; }
#main #logo { position: absolute; width: 1000px; margin-left: -900px; background: #fff; }
#main #logo img { position: absolute; right: 23px; top: 28px;}
#main #banners { position: relative; }
#main #banners > img { position: absolute; top: 30px; left: 30px; }

#bottom .left { background: #e5ecf6; }
#bottom .center { background: #0079b8; color: #fff; font-size: 90%; }
#bottom .center a { color: #fff; }
#bottom .center p { padding:0; }
#bottom .center > div { padding: 3px 1em; }
#bottom .right { background: #0079b8; text-align: center; }
#bottom .right > div { padding: 3px 0; }

div.aktualita { padding-bottom: 2em; clear: both; }
div.aktualita img { float: left; width: 135px; }
div.aktualita h3, div.aktualita p { margin: 0 0 0 160px; padding: 0; }
div.aktualita p.datum { color: #e62135; }

/* Z pokladu muzea */
div.poklad { margin-bottom: 1em; }
div.poklad div.foto { width: 190px; float: left; text-align: center; font-size: 80%; }
div.poklad div.popis { width: 430px; float: right; }
div.poklad p.info { font-style: italic; font-size: 80%; color: #555; }
div.poklad p.info a { color: #555; }
div.poklad h2 { margin-top: 0; }

/* Informace */
table.informace tr.space td { height: 1em; }
table.informace tr td:first-child { font-weight: bold; width: 20%; }

.wrapper { margin: 0 auto; height: 100%; width: 1060px; position: relative; }

ul.lang-menu { float: right; font-size: 94%; padding: 0.7em 0; }
ul.lang-menu li { display: inline; margin: 0; padding: 0; }
ul.lang-menu a { color: #000; text-decoration: none; }
ul.lang-menu a:hover, #lang-menu li.selected a { color: #858585; }

div#menu { position: absolute; bottom: 0; width: 100%; text-align: center; z-index: 99; }
div#menu ul.lang-menu { display: none; }
div#menu ul.main-menu { margin: 0 auto; padding: 0; font-size: 1.5em; }
div#menu ul.main-menu > li { display: inline-block; margin: 0; padding: 0.5em 1.5em; line-height: 1.2em; background: #fff; }
div#menu ul.main-menu > li.invert { background: #000; }
div#menu ul.main-menu a { color: #000; text-decoration: none; }
div#menu ul.main-menu > li.invert a { color: #fff; }
div#menu ul.main-menu a:hover, ul.main-menu li.selected a { color: #c84b4b; }

div.pane.collapsed ul { display: none; }

@media only screen and (max-width: 1075px) {
	#top .wrapper, #main .wrapper, #bottom .wrapper { width: 960px; }
	div.left { display: none; }
}

@media only screen and (max-width: 970px) {
	div.left, div.right { display: none; }
	#top .wrapper, #main .wrapper, #bottom .wrapper { width: 100%; float: none; margin: 0 auto; }
	#top .center, #main .center, #bottom .center { width: 100%; float: none; margin: 0 auto; }
	#top .center.wide { display: none !important; }
	#top .center.narrow { display: block !important; padding: 10px 0; }
	#top .center img#rml-title { max-width: 80%;  }
	#top img#menu-button { display: inline-block; max-width: fit-content; }
	#main #logo, #main #banners { height: 40vw; }
	#main #banners > img { max-width: 80%; }
	#main .center { position: relative; }
	#menu-float { width: 100%; position: absolute; top: 0; display: none; background: #fff; }

	#menu-float { background: #006db2; }
	#menu-float a { color: #fff; }
	#menu-float ul.main-menu { padding: 1em 0; text-transform: uppercase; }
	#menu-float ul a { text-decoration: none; display: block; padding: 1em; margin: 0 1em; }
	#menu-float ul li:hover { background-color: #0079b8; }
	#menu-float ul li:hover ul { background-color: #006db2; }
	#menu-float ul { list-style: none; padding: 0; margin: 0; }
	#menu-float ul.main-menu ul { display: none; padding-left: 1em; }
	#menu-float ul.main-menu > li > a { border-bottom: 1px solid #1d7cbc; }
	#menu-float ul.main-menu > li > a[href="#"] { background-image: url(../images/menu-arrow.png); background-position: right center; background-repeat: no-repeat; }
	#menu-float div.lang-menu { padding: 1em; text-align: right; }
	#menu-float div.quick-links { padding: 0 1em 1em 1em; }
	#menu-float div.action-menu { background: #0079b8; padding: 0 1em 1em 1em; text-align: center; }
	
	div#content img { max-width: 100%; }

	iframe.youtube { width: 100%; height: 53svw; max-width: 560px; max-height: 315px; }
}