#search-program {
  padding: 1rem 2rem 0 2rem;
  background-color: #57bcc5;
}

#search-program>* {
  margin-bottom: 1rem;
}


#search-program label {
  color: #fff;
  margin-right:.75rem;
}

#search-program .btn-primary {
  background-color: #ffe52d;
  border-color: #ffe52d;
  color:#000;
}
#search-program .btn-primary:hover {
    color:#fff;
  background-color: #286090;
  border-color: #286090;
}
#search-program .form-group {
	margin-right:2rem;
}
#program-result>.row>div.clear-row {
    clear: left;
}
#program-result .h1 {
    margin-top: 2rem;
}

#program-result p {
    text-align: left;
}

#program-result .card {
    border: 1px solid #57bcc5;
	margin-bottom:30px;
}

#program-result .card .card-title {
    background-color: #57bcc5;
	color:#fff;
	padding:12px 15px 10px 15px;
}
#program-result .card .card-title h3 {
	margin:0;
}

#program-result .card .card-content {
	padding:15px 15px 5px 15px;
}

.akce-popis {
    background-color: #eee;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:12px;
}


#program-result .location {
	margin:-15px 0 8px;
	font-style:italic;
}

#program-result .no-result {
    border-bottom: 3px solid #57bcc5;
}

#cookieNotice {
	display: inline-block;
	background-color: #333;
	color: #fff;
	padding: 1.5rem 1.8rem;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9998;
	font-size: 1.2rem
}
#cookieNotice label {
	font-size: 1.2rem
}
#cookieNotice .btn-detail {
	color: #fff;
	background:transparent;
	padding-left: 0
}
#cookieNotice .btn-detail:hover {
	color: var(--light)
}
#cookieNotice #btn-2-container {
	margin-top: .5rem
}
#cookieNotice #btn-2-container .btn {
	margin-top: .5rem
}
#cookieNotice #btn-2-container .btn-secondary {
	background-color: #666;
}
#cookieNotice #btn-2-container .btn-secondary:hover {
	background-color: #555;
	color:#fff;
}
#cookieNotice .title-1 {
	font-size: 1.5rem;
	margin-bottom: .5rem
}
#cookieNotice .title-2 {
	font-size: 1.5rem;
	margin-bottom: .5rem
}
#cookieNotice .custom-control {
	margin-bottom: .2rem
}
#cookieNotice .custom-control-label {
	line-height: 1.8
}
#cookieNotice .msg-wrap {
	margin-top: .5rem
}
.btn-primary {
	background-color: #57bcc5;
	border-color: #57bcc5;
}
.btn {
	border-radius:0;
}
table th {
	background: #57bcc5
}
#NEartid2 h2 {
	margin: 20px 0 15px;
	color: #000
}
.logo_xs,.navbar-brand {
	display: none
}
.hpbanners-row h2,.partner-banner h2 {
	text-transform: uppercase
}
@font-face {
    font-family: Avara;
	font-style: normal;
	font-weight: 400;
    src: url("/lib/Avara-Bold.otf") format("opentype");
}
@font-face {
	font-family: Oswald-Light;
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/Oswald-Light.ttf) format('truetype')
}
@font-face {
	font-family: Oswald;
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/Oswald-Regular.ttf) format('truetype')
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/OpenSans-Regular.ttf) format('truetype')
}
body {
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #333;
	background: url('/img/bg-2025-lg.png') top center no-repeat #57bcc5
}
#default_right_column .right-banner,#default_right_column .right-banner h2,.nav-tabs>li>a,.partner-banner h2,.program-tabs div {
	font-family: Oswald,sans-serif
}

.navbar-nav {
	font-family: Avara,sans-serif;
}

.partner-banner {
	background: #fff;
	border: 6px solid #57bcc5;
	padding: 0 0 10px
}
.partner-banner img {
	float: left
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #fff
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #ffe52d
}
.partner-banner h2 {
	font-size: 22px;
	text-align: center;
	color: #fff;
	background: #57bcc5;
	margin-top: 0;
	padding: 5px 0 8px
}
#jp_container_1 {
	margin: 20px auto 10px
}
.main-container {
	min-height: 1320px;
}
.content-row {
	padding-bottom:30px;
}
#imagebanner {
	width: 1170px;
	height: 440px;
	margin-left: -15px;
	margin-right: -15px
}
.navbar {
	margin-top: 148px;
	margin-bottom: 0;
	right: -15px;
	border: 0;
	font-size: 24px;
	border-radius: 0;
	color: #fff;
	background: #243b5f
}
.navbar-nav>li {
	float: right
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-nav .open .dropdown-menu {
	color: #ffd300
}
.navbar-default .navbar-brand {
	color: #fff;
	font-size: 18px;
	padding: 15px 0 0 15px;
	text-decoration: none
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
	background: #57bcc5;
	color: #ffe52d
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	padding-top: 18px;
	padding-bottom: 15px;
	text-decoration: none
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #ffd300
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background: #243b5f
}
.navbar .container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 10px
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: #243b5f;
	color: #ffe52d
}

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
	border-color: #57bcc5
}
.form-control,.time-field-control {
	border-radius: 0;
	border: 1px solid #57bcc5
}
.time-field-control {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
	color: #555;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
	width: 3em
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
	border: 0
}
.btn-default {
	border-color: #0065a6;
	color: #fff;
	background: #0065a6
}
.btn-default:focus,.btn-default:hover {
	border-color: #9d8534;
	color: #fff;
	background: #9d8534
}
.navbar-nav img {
	margin-top: -5px;
	border: 1px solid #000
}
.dropdown-menu {
	background-color: #243b5f;
	border: 0;
	border-radius: 0;
	box-shadow: 0;
	font-size: 16px;
	margin: 2px 0 0;
	min-width: 160px;
	padding: 5px 0;
	z-index: 9999
}
label,table {
	font-size: 15px
}
.dropdown-menu>li>a {
	color: #fff;
	padding: 6px 20px;
	text-decoration: none
}
.dropdown-menu img {
	margin: -1px 5px 0 0
}
.content-row {
	background:#fff;
}
.content-row>div {
	padding-left: 30px;
	padding-right: 30px
}
.content-row>.pagecontent {
	padding-bottom: 30px;
	padding-right: 0
}
#artid2 .content-row>.pagecontent {
	padding-right: 30px;
	padding-bottom: 0
}
#default_right_column {
	padding-top: 30px
}
.form-control:focus {
	border-color: #00648c;
	outline: 0;
}
.show_order,.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
	border: 1px solid #57bcc5
}
#map_canvas_1 {
	width: 100%;
	height: 450px;
	margin-right: -15px
}
.table-bordered>tbody>tr:hover {
	background: #eee;
	color: #000
}
.show_order,.table>tfoot>tr>th,.table>thead>tr>th {
	background: #f2ecd8
}
div.table-responsive {
	padding-right: 35px
}
.table>thead>tr>th {
	text-align: center
}
.show_order {
	padding: 12px 15px
}
.thumbnail {
	background-color: transparent;
	border: 0
}
.pagegallery {
	margin: 20px 0 0;
	padding: 0 0 20px
}
.pagegallery>div {
	margin: 0 20px 20px 0;
	float: left
}
.pagegallery>div>a.thumbnail {
	border-radius: 0;
	border: 0;
	background: #d0e7ec;
	width: 142px;
	height: 142px;
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 0
}
.pagegallery .thumbnail img {
	position: relative;
	max-height: 140px;
	max-width: 140px;
	display: inline-block;
	vertical-align: middle;
	width: auto
}
.msystem {
	text-align: right
}
#top-logo {
	position: absolute;
	left: 50%;
	top: 12px;
	width:240px;
	height:240px;
	margin-left: -573px
}
#footer {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 11px;
	color: #232323;
	padding-top: 5px;
	padding-bottom: 30px
}
#footer .row a {
	color: #000
}
.hpbanners-row>div>.content {
	background: #eadfbc;
	padding-bottom: 20px;
	cursor: pointer
}
.hpbanners-row>div>.content:focus,.hpbanners-row>div>.content:hover {
	background: #d4c490
}
.hpbanners-row h2 {
	color: #0065a6;
	font-size: 1.2em;
	padding: 10px 10px 2px 15px
}
.hpbanners-row>div>.content>.row {
	background: #d4c490;
	margin: 0 1px
}
.hpbanners-row>div>.content:focus>.row,.hpbanners-row>div>.content:hover>.row {
	background: #eadfbc
}
.hpbanners-row .hpbanner-image {
	padding-right: 0
}
.hpbanners-row .hpbanner-text {
	padding: 10px 15px
}
.hpbanners-row .hpbanner-text h3,.hpbanners-row .hpbanner-text p {
	color: #000;
	font-size: 14px;
	text-align: left
}
.hpbanners-row .hpbanner-text h3 {
	font-size: 15px;
	line-height: 1.27;
	padding-bottom: 2px
}
.package-content,.package-perex {
	color: #000;
	width: 85%;
	font-size: 13px
}
.hpbanners-row .hpbanner-text p {
	margin-bottom: 0
}
.package-goticke-srdce {
	margin-top: 10px;
	background: url(/img/bg_goticke_srdce.jpg) bottom right no-repeat #eadfbc
}
.package-content.order-button {
	padding-bottom: 15px
}
.package-perex {
	background: #dfd3ab;
	padding: 12px 20px 5px
}
.package-content {
	padding: 12px 110px 5px 20px;
	border-left: solid 35px #fff
}
.package-content>div {
	padding-left: 0
}
.package-content p {
	text-align: left
}
.nav-tabs {
	border-bottom: 2px solid #57bcc5
}
.nav-tabs>li>a {
	font-size: 18px
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	background: #57bcc5;
	color: #fff;
	border-radius: 0;
	border: 2px solid #57bcc5
}
.program-tabs div {
	font-size: 14px;
	line-height: 1.2
}
.program-tabs h2 {
	height: 25px
}
.program-tabs .hours div {
	font-size: 16px;
	padding-top: 16px
}
.program-tabs .col-lg-2 {
	width: 13%
}
.program-tabs .palackeho-sady div div div {
	background-color: #a3d062
}
.program-tabs .palackeho-sady div div div.empty {
	background-color: rgba(163,208,98,.5)
}
.program-tabs .historicke-centrum div div div {
	background-color: #ffd300
}
.program-tabs .historicke-centrum div div div.empty {
	background-color: rgba(255,216,78,.5)
}
.program-tabs .okoli-otavy div div div {
	background-color: #00bdf2
}
.program-tabs .okoli-otavy div div div.empty {
	background-color: rgb(0,189,242,.5)
}
.program-tabs .dalsi-mista div div div {
	background-color: #c6a87e
}
.program-tabs .dalsi-mista div div div.empty {
	background-color: rgba(198,168,126,.5)
}
.program-tabs .hours div {
	background-color: #eee
}
.program-tabs .alsovo-namesti div div div {
	background-color: #f58b6d
}
.program-tabs .alsovo-namesti div div div.empty {
	background-color: rgba(245,139,109,.5)
}
.program-tabs .goticky-prikop div div div {
	background-color: #c3c2b1
}
.program-tabs .goticky-prikop div div div.empty {
	background-color: rgba(195,194,177,.5)
}
.program-tabs .havlickovo-namesti div div div {
	background-color: #ca8499
}
.program-tabs .havlickovo-namesti div div div.empty {
	background-color: rgba(202,132,153,.5)
}
.program-tabs .alsovo-namesti-spec div.hour-1,.program-tabs .alsovo-namesti-spec div.hour-2,.program-tabs .alsovo-namesti-spec div.hour-3,.program-tabs .alsovo-namesti-spec div.hour-4,.program-tabs .alsovo-namesti-spec div.hour-5,.program-tabs .alsovo-namesti-spec div.hour-6,.program-tabs .alsovo-namesti-spec div.hour-7,.program-tabs .alsovo-namesti-spec div.hour-8 {
	background-color: #e09ac2
}
.program-tabs .alsovo-namesti-spec div.empty {
	background-color: #f9e1ef
}
.program-tabs .goticky-prikop-spec div.hour-1,.program-tabs .goticky-prikop-spec div.hour-2,.program-tabs .goticky-prikop-spec div.hour-3,.program-tabs .goticky-prikop-spec div.hour-4,.program-tabs .goticky-prikop-spec div.hour-5,.program-tabs .goticky-prikop-spec div.hour-6,.program-tabs .goticky-prikop-spec div.hour-7,.program-tabs .goticky-prikop-spec div.hour-8 {
	background-color: #e09ac2
}
.program-tabs .goticky-prikop-spec div.empty {
	background-color: #f9e1ef
}
.program-tabs .havlickovo-namesti-spec div.hour-1,.program-tabs .havlickovo-namesti-spec div.hour-2,.program-tabs .havlickovo-namesti-spec div.hour-3,.program-tabs .havlickovo-namesti-spec div.hour-4,.program-tabs .havlickovo-namesti-spec div.hour-5,.program-tabs .havlickovo-namesti-spec div.hour-6,.program-tabs .havlickovo-namesti-spec div.hour-7,.program-tabs .havlickovo-namesti-spec div.hour-8 {
	background-color: #ffc
}
.program-tabs .havlickovo-namesti-spec div.empty {
	background-color: #ffd
}
.program-tabs .dalsi-mista-spec div.hour-1,.program-tabs .dalsi-mista-spec div.hour-2,.program-tabs .dalsi-mista-spec div.hour-3,.program-tabs .dalsi-mista-spec div.hour-4,.program-tabs .dalsi-mista-spec div.hour-5,.program-tabs .dalsi-mista-spec div.hour-6,.program-tabs .dalsi-mista-spec div.hour-7,.program-tabs .dalsi-mista-spec div.hour-8 {
	background-color: #ccc
}
.program-tabs .dalsi-mista-spec div.empty {
	background-color: #eee
}
.program-tabs .alsovo-namesti-spec div,.program-tabs .dalsi-mista-spec div,.program-tabs .goticky-prikop-spec div,.program-tabs .havlickovo-namesti-spec div {
	text-align: center;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff
}
.program-tabs .alsovo-namesti-spec.col-lg-4,.program-tabs .dalsi-mista-spec.col-lg-4,.program-tabs .goticky-prikop-spec.col-lg-4,.program-tabs .havlickovo-namesti-spec.col-lg-4 {
	padding-left: 0;
	padding-right: 0
}
.program-tabs .dalsi-mista-spec h2 {
	color: #666;
	text-align: center
}
.program-tabs .havlickovo-namesti-spec h2 {
	color: #cc0
}
.program-tabs div.with-link {
	background-image: url(/img/bg_callink.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	cursor: pointer
}
.program-tabs div.with-link:focus,.program-tabs div.with-link:hover {
	background: url(img/bg_callink.png) bottom right no-repeat #563d7c;
	color: #fff
}
.program-tabs .alsovo-namesti div div div,.program-tabs .dalsi-mista div div div,.program-tabs .goticky-prikop div div div,.program-tabs .havlickovo-namesti div div div,.program-tabs .historicke-centrum div div div,.program-tabs .okoli-otavy div div div,.program-tabs .palackeho-sady>div>div>div,.program-tabs>.tab-pane>.row>div>div {
	text-align: center;
	border-bottom: 5px solid #fff
}
.program-tabs h2 {
	color: #000;
	font-weight: 400
}
.program-tabs>.tab-pane>.row p {
	padding: 0 10px;
	float: none;
	text-align: center
}
.program-tabs>.tab-pane>.row>.alsovo-namesti>div>div,.program-tabs>.tab-pane>.row>.dalsi-mista>div>div,.program-tabs>.tab-pane>.row>.goticky-prikop>div>div,.program-tabs>.tab-pane>.row>.havlickovo-namesti>div>div,.program-tabs>.tab-pane>.row>.historicke-centrum>div>div,.program-tabs>.tab-pane>.row>.okoli-otavy>div>div,.program-tabs>.tab-pane>.row>.palackeho-sady>div>div {
	border-left: 5px solid #fff
}
.program-tabs>.tab-pane>.row>.hours>div>p {
	padding: 8px 0 0
}
.program-tabs>.tab-pane>.row>.alsovo-namesti>.row>div,.program-tabs>.tab-pane>.row>.dalsi-mista>.row>div,.program-tabs>.tab-pane>.row>.goticky-prikop>.row>div,.program-tabs>.tab-pane>.row>.havlickovo-namesti>.row>div,.program-tabs>.tab-pane>.row>.historicke-centrum>.row>div,.program-tabs>.tab-pane>.row>.hours,.program-tabs>.tab-pane>.row>.okoli-otavy>.row>div,.program-tabs>.tab-pane>.row>.palackeho-sady>.row>div {
	padding-left: 0;
	padding-right: 0
}
.program-tabs>.tab-pane>.row {
	margin-left: 0;
	margin-right: 0
}
.program-tabs .hour-1 {
	height: 70px;
	padding-top: 5px
}
.program-tabs .hour-2 {
	height: 140px;
	padding-top: 5px
}
.program-tabs .hour-3 {
	height: 210px;
	padding-top: 5px
}
.program-tabs .hour-4 {
	height: 280px;
	padding-top: 5px
}
.program-tabs .hour-5 {
	height: 350px;
	padding-top: 5px
}
.program-tabs .hour-6 {
	height: 420px;
	padding-top: 5px
}
.program-tabs .hour-7 {
	height: 490px;
	padding-top: 5px
}
.program-tabs .hour-8 {
	height: 560px;
	padding-top: 5px
}
.program-tabs .hour-9 {
	height: 630px;
	padding-top: 5px
}
.program-tabs .hour-10 {
	height: 700px;
	padding-top: 5px
}
#default_right_column img.typ3 {
	margin: 20px auto 5px auto
}
#default_right_column .right-banner {
	font-size: 21px;
	color: #000;
	padding: 20px 25px;
	margin-bottom: 30px
}
#default_right_column .right-banner>*:last-child {
	margin-bottom: 0
}
#default_right_column .right-banner h2 {
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 0
}
#default_right_column .right-banner a,#default_right_column .right-banner h2 strong {
	color: #333
}
#default_right_column .right-banner li {
	text-align: left
}
article li,p {
	text-align: justify
}
#default_right_column .right-banner ul {
	margin-left: .6em;
	padding-left: .6em;
	list-style-type: disc
}
.right-banner p {
	text-align: left
}
#default_right_column .orange-banner, #default_right_column .orange-banner a, #default_right_column .orange-banner h2 {
	color:#fff;
	background: #243b5f
}
#default_right_column .purple-banner {
	background: #ffd300
}
#default_right_column .green-banner {
	background: #57bcc5
}
h1, .h1 {
	font-size: 25px;
	color: #000;
	padding: 10px 0 7px;
	font-weight: 700
}
h1.typ1 {
	padding: 0 0 12px
}
h1 small {
	font-size: 90%
}
h2,h2.nazev,h3 {
	font-size: 20px;
	font-weight: 700
}
h1>span.delimiter {
	color: #57bcc5
}
h2 {
	color: #57bcc5;
	margin: 20px 0 10px;
	line-height: 1.2
}
a,h2.nazev,h2.nazev a,h3,h3 a {
	color: #57bcc5
}
h2.typ1 {
	margin-top: 5px
}
#artid386 .pagecontent>h2,#artid389 .pagecontent>h2,#artid390 .pagecontent>h2 {
	display: none
}
h2.nazev,h3 {
	margin: 0 0 5px
}
h3.adresa,h4 {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin: 0 0 4px
}
article ol,article ul {
	margin-top: .1em;
	margin-bottom: .7em
}
h3.adresa a,h4 a {
	color: #0065a6;
	text-decoration: none
}
p {
	margin: 0 0 .7em
}
a:hover {
	color: #57bcc5
}
strong.typ1 {
	color: #57bcc5
}
strong.typ2 {
	color: #0065a3
}
article ul {
	margin-left: 0;
	list-style-type: circle
}
article ol {
	list-style-type: decimal;
	margin-left: 2em
}
article ol.typ1 {
	margin-bottom: 1.2em
}
article li {
	margin-top: .5em
}
article #footer-menu li {
	margin-top: 0
}
article li.typ1 {
	text-align: left;
	font-size: 1.1em
}
img.typ1 {
	float: right;
	margin: 5px 0 5px 20px
}
img.typ2 {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px
}
img.typ3 {
	margin: 2em auto
}
@media (max-width:1199px) {.navbar {
	margin-top: 123px;
	font-size: 17px;
	padding: 0;
	min-height: 40px
}

body {
	background: url('/img/bg-2025-md.png') top center no-repeat #57bcc5
}
.navbar-nav {
	width: 100%
}
#top-logo {
	margin-left: -475px;
	width: 200px;
	height: 200px
}
.partner-banner img {
	float: none;
	margin: 10px auto 0
}
#imagebanner {
	width: 970px;
	height: 365px
}
.navbar {
	font-size: 19.5px
}
.navbar-default .navbar-nav>li>a {
	padding-top: 14px;
	padding-bottom: 10px
}

.pagegallery>div>a.thumbnail {
	width: 135px;
	height: 135px
}
.pagegallery .thumbnail img {
	max-height: 135px;
	max-width: 135px
}
.program-tabs .col-lg-2 {
	width: 41.66666667%
}

}
@media (max-width:991px) {
	body {
		background: url('/img/bg-2025-sm.png') top center no-repeat #57bcc5
	}
	
	.navbar {
		right: 0;
	}
	
	#program-result .h1 {
	    margin-top: 0;
	}
	#program-result .h1:first-child {
	    margin-top: 2rem;
	}

	#footer,.navbar-nav {
margin-left: 0
}
#imagebanner {
width: 750px;
height: 282px
}
.navbar {
font-size: 18px;
min-height: 34px;
margin: 95px -15px 0 0;
width: 580px;
float: right;
padding-left: 0;
padding-right: 5px
}
.navbar-default .navbar-nav>li>a {
margin-top: 0;
padding: 12px 10px 10px
}
#top-logo {
margin-left: -360px;
width: 140px;
height: 140px
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
background-color: #008bc3;
color: #fff
}
.navbar-default .navbar-toggle {
border: 0
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
background-color: #008bc3
}
#artid2 .content-row>.pagecontent, .content-row>.pagecontent,.content-row>div {
padding-left: 15px;
padding-right: 15px
}
.pagegallery>div>a.thumbnail {
width: 124px;
height: 124px
}
.pagegallery .thumbnail img {
max-height: 124px;
max-width: 120px
}
#footer {
margin-right: 0
}

}
@media (max-width:767px) {
	.dropdown-menu {
		background:#57bcc5;
	}
	#search-program {
	  padding-bottom: .5rem;
	  margin-left:-15px;
	  margin-right:-15px;
	}
	#search-program .form-group {
	  margin-right: 0;
	}
	#imagebanner {
margin-left: 0
}
#top-logo {
display: none
}
#imagebanner,.navbar {
width: 100%;
margin-right: 0
}
#imagebanner,.navbar {
margin-right: 0
}
.navbar,.navbar-nav>li {
float: none
}
#imagebanner {
height: 200px
}
.navbar {
font-size: 14px;
min-height: 50px;
line-height: auto;
margin-top: 0;
padding-left: 0;
padding-right: 0
}
.dropdown-menu {
background-color: #fff
}
.dropdown-menu>li {
display: inline-block
}
.dropdown-menu>li>a {
color: #57bcc5
}
.main-container {
background: #fff
}
.msystem {
text-align: left
}
.logo_xs {
display: block;
float: right;
margin-top: 20px
}
.navbar-default .navbar-nav>li>a {
padding: 7px 18px
}
.program-tabs .col-lg-2 {
width: 100%
}

}
@media (max-width:530px) {.supersmall-logo {
display: block!important
}
.small-logo {
display: none!important
}

}
@media (max-width:480px) {#imagebanner {
height: 150px
}
.pagegallery>div>a.thumbnail {
width: 110px;
height: 110px
}
.pagegallery .thumbnail img {
max-height: 110px;
max-width: 110px
}
#map_canvas {
width: 90%;
height: 350px
}
.program-tabs .hours div {
font-size: 14px
}
#jp_container_1 {
max-width: 200px
}
#jp_container_1 .jp-progress,#jp_container_1 .jp-time-holder,#jp_container_1 .jp-volume-controls {
display: none
}
#jp_container_1 .jp-controls {
padding: 20px 20px 0;
width: 100%
}

}