* {
box-sizing: border-box;
}
.font-size-75per {
font-size: 75%;
}
.text-align-left {
text-align: left !important;
}
.mobile-only-inlineblock {
display: none !important;
}
@media only screen and (max-width : 1023px) {
.mobile-only-inlineblock {
display: inline-block !important;
}
.rightbutts .mobile-hlaseni-zavad {
display: inline-block !important;
}
}
.desktop-only-block {
display: none !important;
}
.desktop-only-inlineblock {
display: none !important;
}
@media only screen and (min-width : 1024px) {
.desktop-only-block {
display: block !important;
}
.desktop-only-inlineblock {
display: inline-block !important;
}
}
body {
min-width: 320px;
padding: 0;
margin: 0;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
background: rgb(225,225,240);
}
iframe {
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
}
.iframe-wrapper {
width: 100%;
text-align: center;
margin: 0 auto;
}
p, h1, h2, h3, h4, h5, h6, h7, .section-title {
font-size: 100%;
margin: 0 0 .3em 0;
padding: 0;
line-height: normal;
}
p { line-height: 175%; }
h1 {
font-size: 225%; 
}
h2, .section-title {
font-size: 150%;
color: #CC0033;
}
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h1, h2, h3, h4, h5, h6, .section-title {
font-family: 'PT Sans', 'Open Sans', sans-serif;
font-weight: normal;
}
table {
width: 100%;
margin: 0;
padding: 0 0 13px 0;
border: 0;
border-top: 0;
border-left: 0;
border-collapse: collapse;
border-spacing: 0;
}
tr, td, th {
width: auto;
margin: 0;
padding: 0;
border: 0;
text-align: left;
vertical-align: middle;
}
td, th {
width: auto;
padding: 4px 7px 4px 7px;
border-bottom: 0;
border-right: 0;
}
th {
background: transparent;
white-space: nowrap;
}
tr:hover {
background: transparent;
}
.index-page-main-content-wrapper, .page-error404-content-wrapper {
word-wrap: break-word;
}
.page-main-content-wrapper, .news-page-main-content-wrapper, .search-page-main-content-wrapper, .page-error404-content-wrapper {
background: white;
border-radius: .5em;
padding: 1.2em 1.5em 1.5em 1.5em;
margin: 0;
box-shadow: 1px 1px 1em gray;
word-wrap: break-word;
overflow: hidden;
border-radius: 0 .5em .5em .5em;
box-shadow: -.5em .5em .5em rgb(187,187,187);
}
.page-main-content-wrapper .filetype-icon, .search-page-main-content-wrapper .filetype-icon {
height: 1.3em;
vertical-align: middle;
margin: 0 .4em 0 0;
padding: 0;
}
.index-page-main-content-wrapper .content a, .page-main-content-wrapper .content a, .news-page-main-content-wrapper .content a, .search-page-main-content-wrapper .content a, .page-error404-content-wrapper .content a {
color: #2966B8;
text-decoration: underline;
}
.index-page-main-content-wrapper .content a:hover, .news-page-main-content-wrapper .content a:hover, .search-page-main-content-wrapper .content a:hover, .page-error404-content-wrapper .content a:hover {
color: rgb(200,0,0);
text-decoration: none;
}
.index-page-main-content-wrapper h1, .page-main-content-wrapper h1, .news-page-main-content-wrapper h1, .search-page-main-content-wrapper h1, .page-error404-content-wrapper h1 {

font-size: 225%;
font-weight: bold;

color: #2966B8;
border-bottom: 5px solid #CC0033;

line-height: 105%;

margin: 0 0 0 0;
padding: 0 0 0 0;
}
.index-page-main-content-wrapper h1 {
color: #CC0033;
text-shadow: 1px 1px 1px white;
border-bottom: 0;
}
.search-page-main-content-wrapper p {
padding: 0;
margin: 0;
}
@media only screen and (max-width : 1023px) {
.page-main-content-wrapper {
padding: 1em 1em 1em 1em;
}
.news-page-main-content-wrapper {
padding: 1em 1em 1em 1em;
}
}
.header {
width: 100%;
}
.infoline {
height: 3em;
line-height: 3em;
color: white;
background: #CC0033;
overflow: hidden;
}
.infoline-limiter {
background: #CC0033;
}
.infoline-limiter-inner {
width: 100%;
overflow: hidden;
}
.infoline-full-menu-button {
display: inline-block;
pointer-events: auto;
padding: .2em .4em .2em .4em;
margin: 2px 0 0 0;
font-weight: bold;
color: white;
text-shadow: 1px 1px 1px gray;
text-transform: uppercase;
border-radius: 3px;
text-decoration: none;
margin: 0;
padding: 0;
float: left;
width: 7.5em;
}
.infoline-full-menu-button:hover {
color: white;
text-shadow: 1px 1px 1px black;
text-decoration: underline;
}
.infoline-full-menu-button img {
padding: 0;
vertical-align: -.5em;
width: 1.75em;
height: 1.75em;
}
.infoline-full-menu-button span {
font-size: 110%;
margin-left: .5em;
margin-right: .5em;
}
.infoline-full-menu-button-pressed {
text-shadow: 1px 1px 1px black;
text-decoration: underline;
}
.infoline-text {
display: inline-block;
width: calc(54em - 1.2em - 7.5em);
text-align: right;
}
.infoline-text a {
color: white;
display: block;
font-size: 100%;
}
@media only screen and (max-width : 1023px) {
.infoline-text {
width: calc(100% - .5em - 7.5em);
}
}
@media only screen and (max-width : 819px) {
.infoline-text a {
line-height: 1.2em;
padding-top: .3em;
font-size: 90%;
}
}
@media only screen and (max-width : 420px) {
.infoline-text a {
line-height: 1.1em;
padding-top: .3em;
font-size: 80%;
}
}
.limiter {
margin: 0 auto;
padding: 0 1em;
max-width: 84em;
height: auto;
}
@media only screen and (max-width : 1023px) {
.limiter {
padding: 0 .7em;
}
}
.pixeline {
color: white;
height: 1px;
}
.pixeline2 {
background: rgb(200,200,0);
height: 3px;
}
.web {
margin: 0 auto;
width: 100%;
overflow: visible;
background-image: linear-gradient(white,transparent);
background-size: 100% 8em;
background-repeat: no-repeat;
}
.webleft {
width: 54em;
float: left;
}
.webright {
width: calc(100% - 54em);
float: right;
}
.webcontent {
padding: 1em 1em 0 0;
width: 100%;
}
.rightbox {
position: relative;
top: -5em;
background: #2966B8;
color: white;
border-radius: .5em .5em 0 0;
}
.rightbox-inner {
padding: 1em 0 1em 0;
}
.rightbutts {
margin: 0 0 0 1em;
padding: 0;
list-style-type: none;
line-height: 0;
overflow: hidden;
}
.rightbutts div[type="li"] {
line-height: normal;
display: inline-block;
margin-right: 1em;
margin-bottom: 1em;
padding: 0;
}
.rightbutts a {
display: block;
width: 8em;
height: 3.7em;
border-radius: .5em;
background-image: linear-gradient(rgb(71,132,214),rgb(41,102,184));
overflow: hidden;
padding: .5em .7em .5em .25em;
border: 1px solid white;
text-align: right;
text-transform: uppercase;
}
.rightbutts a:hover {
color: white;
text-shadow: 1px 1px 1px black;
background-image: linear-gradient(rgb(91,152,234),rgb(61,122,204));
}
.rightbutts a span {
font-size: 90%;
display: inline-block;
text-decoration: none;
color: white;
max-width: calc(100%);
word-wrap: break-word;
overflow: hidden;
max-height: 4.3em;
}
.rightbutts .green-rightbutt {
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
text-shadow: 1px 1px 1px black;
}
.rightbutts .green-rightbutt:hover {
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
@media only screen and (min-width : 1176px) {
.rightbutts .mobile-hlaseni-zavad {
display: none !important;
}
}
.secondary-rightbutts {
margin: .25em 0 0 0;
padding: 0;
list-style-type: none;
line-height: 0;
overflow: hidden;
}
.secondary-rightbutts div[type="li"] {
line-height: normal;
display: inline-block;
margin-right: 0;
margin-bottom: 0;
padding: 0;
width: 100%;
}
.secondary-rightbutts a {
display: block;
border-radius: .5em;
background-image: linear-gradient(rgb(71,132,214),rgb(41,102,184));
overflow: hidden;
padding: .5em 0 .25em .75em;
border: 1px solid white;
text-align: left;
text-transform: uppercase;
}
.secondary-rightbutts a:hover {
color: white;
text-shadow: 1px 1px 1px black;
background-image: linear-gradient(rgb(91,152,234),rgb(61,122,204));
}
.secondary-rightbutts a span {
font-size: 90%;
display: inline-block;
text-decoration: none;
color: white;
max-width: calc(100%);
word-wrap: break-word;
overflow: hidden;
max-height: 4.3em;
}
.secondary-rightbutts .green-rightbutt {
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
text-shadow: 1px 1px 1px black;
}
.secondary-rightbutts .green-rightbutt:hover {
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
@media only screen and (min-width : 1176px) {
.secondary-rightbutts .mobile-hlaseni-zavad {
display: none !important;
}
}
.rightlinks {
list-style-type: none;
line-height: 0;
margin: 0 1em .5em 0;
}
.rightlinks div[type="li"] {
line-height: normal;
display: inline-block;
float: right;
margin: 0 0 .75em 1.5em;
padding: 0;
}
.rightlinks div[type="li"]:first-of-type {
}
.rightlinks span {
font-size: 105%;
line-height: 100%;
color: rgb(245,245,245);
}
.rightlinks a {
color: white;
display: inline-block;
padding: 0 .3em 0 .3em;
text-decoration: none;
}
.rightlinks a:hover {
text-decoration: underline;
}
.rightbox-subpages {
float: left;
max-width: 100%;
overflow: hidden;
margin: 0 0 1.5em 0;
padding: .5em .5em .5em 0;
background: white;
position: relative;
left: calc(-1em + 1px);
border: 0 solid rgb(210,210,225);
border-left: 0;
border-radius: 0 .5em .5em 0;
box-shadow: .75em .5em .5em rgba(0,0,0,.25);
}
.rightbox-subpages .rightbox-subpages-title {
color: #2966B8;
font-weight: bold;
font-size: 100%;
border-bottom: 3px solid #CC0033;
margin: .25em 1em .5em 1em;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rightbox-subpages ul {
list-style-type: none;
line-height: 0;
}
.rightbox-subpages li {
display: block;
margin: 0;;
padding: 0;
}
.rightbox-subpages a {
line-height: 175%;
display: block;
margin: 0;;
padding: 0 1em 0 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rightbox-subpages a:hover {
color: white;
background: black;
}
.rightbox-subpages img {
display: inline-block;
width: 1em;
height: 1em;
padding: 0;
margin: 0 .5em .25em 0;
vertical-align: middle;
}
.rightbox .section-title, .rightbox h2 {
font-size: 175%;
color: white;
text-shadow: 1px 1px 1px black;
line-height: 110%;
margin: 0 0 .3em 0;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100%;
padding-left: 1.3em;
background-image: url('img/arrow-right-blank-white-26x26.png');
overflow: hidden;
text-overflow: ellipsis;
}
.rightbox-headline {
font-family: 'PT Sans', 'Open Sans', sans-serif;
font-weight: normal;
color: #CC0033;
font-size: 175%;
color: white;
text-shadow: 1px 1px 1px black;
line-height: 110%;
margin: 0 0 .3em 0;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 1.1em;
padding-left: 1.3em;
background-image: url('img/arrow-right-blank-white-26x26.png');
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.rightbox-headline:hover {
cursor: pointer;

}
.rightbox .section-title a, .rightbox h2 a {
color: white;
text-decoration: none;
}
.rightbox-headline a {
color: white;
text-decoration: none;
}
.rightbox-roller {
margin: 0;
padding: 0;
}
#headlinePortalObcana {
background-image: url('img/portal-obcana-close-white-64x64.png');
}
#rollerPortalObcana {
display: none;
}
#rollerCorona {
display: none;
}
#headlineOpeningHours {
background-image: url('img/arrow-down-blank-white-26x26.png');
}
@media only screen and (min-width : 1024px) and (max-width : 1175px) {
.rightbutts .mobile-hlaseni-zavad {
display: none !important;
}
.rightbutts div[type="li"] {
line-height: normal;
display: inline-block;
margin-right: 1em;
margin-bottom: 1em;
width: calc(50% - 1em);
}
.rightbutts a {
display: block;
width: 100%;
height: 3.5em;
text-align: center;
}
.rightbutts a span {
font-size: 80%;
}
.rightlinks a {
padding-bottom: .5em;
}
}
@media only screen and (max-width : 1023px) {
.webleft {
width: 100%;
float: none;
}
.webcontent {
padding: 1em 0 0 0;
width: 100%;
}
.webright {
width: 100%;
float: none;
padding: 0 0 0 0;
}
.rightbox {
position: static;
background: transparent;
}
.rightbox-inner {
padding: 1em 0 0 0;
}
.rightbutts {
margin: 0 0 0 0;
text-align: center;
}
.rightbutts div[type="li"] {
width: calc((100% - 8px) / 8);
margin-right: 1px;
margin-bottom: 1px;
padding: 0;
}
.rightbutts a {
width: 100%;
height: 4.7em;
}
}
@media only screen and (min-width : 600px) and (max-width : 799px) {
.rightbutts a {
height: 4.6em;
}
.rightbutts a span {
font-size: 80%;
}
}
@media only screen and (max-width : 599px) {
.rightbutts div[type="li"] {
width: calc((100% - 4px) / 4);
}
.rightbutts a {
width: 100%;
}
.rightbutts a span {
font-size: 80%;
max-width: calc(100%);
overflow: hidden;
}
}
@media only screen and (max-width : 419px) {
.rightbutts div[type="li"] {
width: calc((100% - 4px) / 4);
}
.rightbutts a {
width: 100%;
padding: .5em .5em .5em .2em;
}
.rightbutts a span {
font-size: 80%;
}
}
.header-inner {
position: absolute;
z-index: 1;
width: 100%;
overflow: hidden;
pointer-events: none;
min-width: 320px;
}
.header-logo {
width: 14em;
float: left;
}
.header-menu {
padding: 0 0 0 15em;
text-align: right;
}
.header-flag {
pointer-events: auto;
width: 100%;
color: black;
display: block;
background: white;
background: rgba(255,255,255,.9);
margin: 0;
padding: 1.5em 2em 1.5em 2em;
border-left: 1px solid rgb(200,200,200);
border-right: 1px solid rgb(200,200,200);
border-bottom: 1px solid rgb(200,200,200);
border-radius: 0 0 1em 1em;
overflow: hidden;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
text-decoration: none;
}
.header-flag:hover {
background: white;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.header-flag img {
width:9.8572em;
height:7.7858em;
max-width: 100%;
}
.header-flag span {
display: block;
text-align: right;
}
.full-menu-button {
float: left;
display: inline-block;
pointer-events: auto;
padding: .2em .4em .2em .4em;
margin: 2px 0 0 0;
font-weight: bold;
color: white;
text-shadow: 1px 1px 1px gray;
text-transform: uppercase;
border-radius: 3px;
text-decoration: none;
}
.full-menu-button:hover {
color: white;
text-shadow: 1px 1px 1px black;
text-decoration: underline;
}
.full-menu-button img {
padding: 0;
vertical-align: -.75em;
width: 1.75em;
height: 1.75em;
}
.full-menu-button span {
font-size: 110%;
margin-left: .25em;
}
.full-menu-button-pressed {
text-shadow: 1px 1px 1px black;
text-decoration: none;
}
@media only screen and (max-width : 1023px) {
.header-logo {
min-width: 8em;
max-width: 14em;
width: calc(100% / 5);
}
.header-menu {
padding-left: calc((100% / 5) + (.5em));
}
.header-flag {
padding-right: calc(100% / 10);
padding-left: calc(100% / 10);
}
.header-flag img {
width: 100%;
height: auto;

}
.header-flag span {
font-size: 80%;
}
}
.header-menu-box {
pointer-events: auto;
display: inline-block;
margin: 1em 0 0 .8em;
border: 1px solid rgba(255,255,255,.8);
border-radius: .5em;
background: rgba(0,0,0,.5);
overflow: hidden;
padding: 0 .9em 0 .9em;
height: 3.2em;
line-height: 3em;
-webkit-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: background-color 250ms linear;
}
.header-menu-box:hover {
background: rgba(0,0,0,.8);
}
.header-menu-box img {
height: 1.5em;
vertical-align: middle;
}
.header-menu-box-top-title {
padding-top: .4em;
display: inline-block;
float: left;
line-height: 110%;
text-align: left;
}
.header-menu-box-smaller-subtitle {
font-size: 85%;
}
.header-menu-homepage {
float: left;
margin-left: 0;
color: white;
text-shadow: 1px 1px 1px black;
background: rgb(204,0,51);
background-image: linear-gradient(rgb(71,132,214),rgb(41,102,184));
text-decoration: none;
}
.header-menu-homepage:hover {
color: white;
background-image: linear-gradient(rgb(91,152,234),rgb(61,122,204));
}
.header-menu-homepage img {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin: 0 .5em 0 0;
}
.header-menu-runguide {
color: white;
text-shadow: 1px 1px 1px black;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
text-decoration: none;
}
.header-menu-runguide:hover {
color: white;
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
.header-menu-runguide img {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin: 0 .5em 0 0;
}
.index-header-menu-runguide {
}
.index-header-menu-runguide img {
}
.index-header-menu-runguide:hover img {
}
@media only screen and (max-width : 1023px) {
.index-header-menu-runguide {
display: inline-block;
}
}
.header-menu-box a {
color: rgb(50,50,50);
}
.search-box img {
width: 1.5em;
height: 1.5em;
}
.search-box input[type=text] {
font-size: 100%;
width: 4.95em;
margin: 0 0 0 2px;
padding: 3px 2px 3px 5px;
background: rgba(255,255,255,1);
border: 0;
border-radius: .2em;
}
.search-box input[type=submit] {
font-size: 100%;
margin: 0 0 0 2px;
padding: 3px .7em 3px .7em;
border: 0;
border-radius: .2em;
background-image: linear-gradient(white,silver);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.search-box input[type=submit]:active {
background-image: linear-gradient(silver,white);
padding: 4px .65em 3px .75em;
}
.index-search-box input[type=text] {
width: 15em;
}
@media only screen and (max-width : 1023px) {
.index-search-box input[type=text] {
width: 4.95em;
}
}
.header-menu-socials {
border: 1px solid rgba(200,200,200,.8);
background: rgba(255,255,255,.7);
}
.header-menu-socials:hover {
background: rgba(255,255,255,.9);
}
.header-menu-socials a {
padding-right: .75em;
}
.header-menu-socials a:last-of-type {
padding-right: 0;
}
.header-menu-socials img {
width: 1.5em;
height: 1.5em;
}
.header-menu-contacts {
color: white;
text-shadow: 1px 1px 1px black;
background: rgb(204,0,51);
background-image: linear-gradient(rgb(71,132,214),rgb(41,102,184));
text-decoration: none;
}
.header-menu-contacts:hover {
color: white;
background-image: linear-gradient(rgb(91,152,234),rgb(61,122,204));
}
.header-menu-contacts img {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin: 0 .5em 0 0;
}
.header-menu-languages {
float: right;
pointer-events: auto;
color: white;
border: 0;
border-top: 2px solid transparent;
border-radius: 0;
padding: 0 0 0 0;
background: transparent;
height: auto;
line-height: 0;
}
.header-menu-languages:hover {
background: transparent;
}
.header-menu-languages img {
margin-left: 1px;
margin-top: .8em;
vertical-align: top;
width: 1.9286em;
height: 1em;
}
.header-menu-languages img:first-of-type {
margin-left: 0;
margin-top: 0;
vertical-align: middle;
width: 2.2858em;
height: 1.5em;
}
.header-menu-languages-pressed {
border: 0;
border-top: 2px solid transparent;
}
@media only screen and (max-width : 1099px) {
.header-menu-languages {
float: none;
margin-right: 1px;
margin-left: 85% !important;
}
}
@media only screen and (max-width : 479px) {
.header-menu-languages {
}
}
@media only screen and (max-width : 1023px) {
.header-menu-box {
margin-top: .5em;
margin-left: .7em;
}
.header-menu a:first-of-type {
margin-top: .7em;
}
.header-menu-homepage {
float: none;
}
.search-box input[type=text] {
width: 4.95em;
}
.header-menu-socials a {
padding-right: 1em;
}
.header-menu-socials a:last-of-type {
padding-right: 0;
}
}
.rightbox .openinghours-wrapper {
width: 100%;
overflow: hidden;
padding: 0 1em 0 1em;
}
.rightbox .openinghours-wrapper .openinghours-inner {
margin: 0 0 1.5em 0;
}
.rightbox .openinghours-wrapper .openinghours-box {
padding: 0;
margin: 0;
}
.rightbox .openinghours-wrapper .openinghours-box .row {
font-size: 95%;
display: block;
width: 100%;
overflow: hidden;
line-height: 155%;
margin: 0;
padding: 0 .3em 0 .3em;
color: white;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rightbox .openinghours-wrapper .openinghours-box .row:hover {
background: black;
}
.rightbox .openinghours-wrapper .openinghours-box .row:first-of-type {
border-bottom: 0;
}
.rightbox .openinghours-wrapper .openinghours-box .row:last-of-type {
border-bottom: 0;
}
.rightbox .openinghours-wrapper .openinghours-box .column0 {
display: inline-block;
width: calc(100% - 13.5em);
}
.rightbox .openinghours-wrapper .openinghours-box .day-name {
display: block;
width: auto;
font-weight: bold;
text-decoration: none;
font-size: 100%;
}
.rightbox .openinghours-wrapper .openinghours-box .column1 {
font-weight: normal;
display: inline-block;
text-align: right;
width: 13.5em;
}
.rightbox .openinghours-wrapper .openinghours-box .no-opening-day {
color: white;
}
@media only screen and (min-width : 1024px) and (max-width : 1175px) {
.rightbox .openinghours-wrapper {
padding: 0;
}
.rightbox .openinghours-wrapper .openinghours-box .day-name {
font-size: 110%;
}
.rightbox .openinghours-wrapper .openinghours-box .column0, .rightbox .openinghours-wrapper .openinghours-box .column1 {
display: block;
width: auto;
text-align: center;
}
}
.openinghours-calbtns {
margin: .5em 0 0 0;
text-align: right;
}
.openinghours-calbtns a {
color: white;
text-decoration: none;
display: inline-block;
font-size: 100%;
line-height: 135%;
font-weight: normal;
}
.openinghours-calbtns .openinghours-onecalbtn-full {
text-shadow: 1px 1px 1px black;
padding: .3em .7em .4em .7em;
border-radius: .5em;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
}
.openinghours-calbtns .openinghours-onecalbtn-full:hover {
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
.calendar-and-tv-wrapper {
width: 100%;
overflow: hidden;
padding: 0 1em 0 1em;
}
@media only screen and (max-width : 1023px) {
.calendar-and-tv-wrapper {
padding: 0 0 0 0;
}
}
.corona-red-block {
background: #CC0033;
padding-top: 1em;
margin: 0 0 1.5em 0;
border-top: 2px solid red;
border-bottom: 2px solid red;
}
.corona-red-block .section-title {
margin-top: .5em;
}
.info-box-koronavirus {
padding: 0;
}
.info-box-koronavirus a {
width: auto;
display: inline-block;
margin: 0;
text-decoration: none;
transition: background 150ms;
border-radius: .3em;
padding: .5em .7em .5em .5em;
border: 1px solid transparent;
background: transparent;
font-size: 100%;
color: white;
text-shadow: 1px 1px gray;
line-height: 100%;
overflow: hidden;
}
.info-box-koronavirus a:hover {
transition: background 150ms;
background: red !important;
color: white;
text-shadow: 1px 1px black;
}
.banner-koronavirus-hi {
background:#FE4810;
font-weight:normal;
}
.corona-blue-block {
background: rgb(71,132,214);
background: rgb(51,112,204);
padding-top: 1em;
margin: 0 0 1.5em 0;
}
.corona-blue-block .section-title {
margin-top: .5em;
margin-bottom: .4em;
}
.corona-blue-block .rightbox-headline {
margin-top: .5em;
margin-bottom: .4em;
}
.corona-blue-block .info-box-koronavirus a:hover {
background: #2966B8 !important;
}
.corona-blue-block .banner-koronavirus-hi {
background: transparent;
}
@media only screen and (max-width : 1023px) {
.corona-red-block {
margin: .5em 0 0 0;
}
.corona-blue-block {
margin: .5em 0 0 0;
border-radius: .5em;
}
.info-box-koronavirus a {
padding: .25em .7em .25em .5em;
}
}
.portalobcana-blue-block {
background: rgb(51,112,204);
margin: 0 0 1.5em 0;
width: 100%;
overflow: hidden;
padding: 0 1em 0 1em;
}
.portalobcana-blue-block:hover {
background-color: #CC0033;
}
.portalobcana-blue-block .rightbox-headline {
margin-top: .5em;
margin-bottom: .4em;
}
.portalobcana-blue-block .rightbox-headline:hover {
color: white;
text-decoration: underline;
}
.portalobcana-red-block {
background: #CC0033;
border-top: 2px solid red;
border-bottom: 2px solid red;
margin: 0 0 1.5em 0;
width: 100%;
overflow: hidden;
padding: 0 1em 0 1em;
}
.portalobcana-red-block .rightbox-headline {
margin-top: .5em;
margin-bottom: .4em;
}
.info-box-portalobcana {
padding: 0;
}
.info-box-portalobcana a {
width: auto;
display: block;
margin: 0 0 0 2em;
text-decoration: none;
transition: background 150ms;
border-radius: .3em;
padding: .5em .7em .5em .5em;
border: 1px solid transparent;
background: transparent;
font-size: 100%;
color: white;
text-shadow: 1px 1px black;
line-height: 100%;
overflow: hidden;
}
.info-box-portalobcana a:hover {
transition: background 150ms;
background: red !important;
color: white;
text-shadow: 1px 1px black;
}
@media only screen and (max-width : 1023px) {
.portalobcana-blue-block, .portalobcana-red-block {
margin: .5em 0 0 0;
border-radius: .5em;
}
.info-box-portalobcana a {
padding: .25em .7em .25em .5em;
}
}
@media only screen and (max-width : 399px) {
.portalobcana-blue-block .rightbox-headline, .portalobcana-red-block .rightbox-headline {
font-size: 140%;
margin-top: .75em;
margin-bottom: .75em;
}
}
.spravcecasu-calendar-small {
margin: 0 0 1.5em 0;
}
.spravcecasu-calendar-small .section-title {

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spravcecasu-calendar-small .section-title a {
font-size: 100%;
color: white;
text-decoration: none;
}
.spravcecasu-calcon {
}
.spravcecasu-calcon-line {
display: block;
text-decoration: none;
color: white;
overflow: hidden;
}
.spravcecasu-calcon-line:hover {
color: white;
background: black;
}
.spravcecasu-calcon-line span {
display: inline-block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spravcecasu-calcon-line small {
font-size: 90%;
}
.calcon-date {
padding-left: 5px;
width: 3.5em;
}
.calcon-time {
width: 3em;
text-align: right;
}
.calcon-text {
padding-left: 1em;
width: calc(100% - 6.5em) !important;
}
.calcon-line-a {
line-height: normal;
}
.spravcecasu-calbtns {
margin: .5em 0 0 0;
text-align: right;
}
.spravcecasu-calbtns a {
color: white;
text-decoration: none;
display: inline-block;
line-height: 135%;
font-size: 100%;
font-weight: normal;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-suggest {
margin: 0 .7em 0 5px;
padding: .3em 0 .4em 0;
float: left;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-suggest:hover {
text-decoration: underline;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-suggest img {
width: 1.2em;
height: 1.2em;
vertical-align: top;
margin: 0 .3em 0 .2em;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-full {
text-shadow: 1px 1px 1px black;
padding: .3em .7em .4em .7em;
border-radius: .5em;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-full:hover {
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
@media only screen and (max-width : 1023px) {
.spravcecasu-calendar-small {
margin: .5em 0 0 0;
padding: .7em;
background: #2966B8;
border-radius: .5em;
}
#MainPageBoxTimebur {
background: #2966B8;
}
}
.kralupytv-videobox-small {
margin: 0 0 1.5em 0;
}
.kralupytv-videobox-small .section-title {
background-image: url('img/kralupytv-logo-26x26.png');
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.kralupytv-videobox-small .section-title a {
color: white;
text-decoration: none;
}
.kralupytv-bigvideothumb {
}
.kralupytv-bigvideothumb a {
display: block;
height: 14em;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-decoration: none;
color: white;
}
.kralupytv-bigvideothumb a .kralupytv-playbtn {
display: block;
height: 10em;
background-color: transparent;
background-image: url('img/youtube.png');
background-repeat: no-repeat;
background-position: center top 5.5em;
background-size: 3.5em auto;
}
.kralupytv-bigvideothumb a .kralupytv-videotitle {
display: block;
background: rgba(0,0,0,.6);
padding: .5em 30% .5em 1em;
height: 4em;
overflow: hidden;
text-overflow: ellipsis;
}
.kralupytv-bigvideothumb a .kralupytv-videotitle small {
font-size: 90%;
}
.kralupytv-bigvideothumb a:hover .kralupytv-videotitle {
background-color: rgba(0,0,0,.8);
}
.kralupytv-nextvids {
}
.kralupytv-nextvids-line {
display: block;
text-decoration: none;
color: white;
overflow: hidden;
}
.kralupytv-nextvids-line:hover {
color: white;
background: black;
}
.kralupytv-nextvids-line span {
display: inline-block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.kralupytv-nextvids-line small {
font-size: 90%;
}
.nextvids-date {
padding-left: 5px;
width: 5.5em;
}
.nextvids-text {
padding-left: 1em;
width: calc(100% - 5.5em) !important;
}
.nextvids-line-a {
}
.kralupytv-buttons {
margin: .5em 0 0 0;
text-align: right;
}
.kralupytv-buttons a {
color: white;
text-decoration: none;
display: inline-block;
line-height: 135%;
font-size: 100%;
font-weight: normal;
}
.kralupytv-buttons .kralupytv-onebtn-suggest {
margin: 0 .7em 0 5px;
padding: .3em 0 .35em 0;
float: left;
}
.kralupytv-buttons .kralupytv-onebtn-suggest:hover {
text-decoration: underline;
}
.kralupytv-buttons .kralupytv-onebtn-suggest img {
width: 1.2em;
height: 1.2em;
vertical-align: top;
margin: 0 .3em 0 .2em;
}
.kralupytv-buttons .kralupytv-onebtn-full {
text-shadow: 1px 1px 1px black;
padding: .3em .7em .35em .7em;
border-radius: .5em;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
}
.kralupytv-buttons .kralupytv-onebtn-full:hover {
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
@media only screen and (max-width : 1023px) {
.kralupytv-videobox-small {
margin: .5em 0 0 0;
padding: .7em;
background: #2966B8;
border-radius: .5em;
}
}
.footer-rich {
width: 100%;
margin: 1.5em 0 0 0;
padding: 0 0 .5em 0;
background-image: linear-gradient(transparent, rgb(160,160,180));
border-radius: 0;
overflow: hidden;
}
.footer-rich p { font-size: 90%; }
.footer-rich a { color: black; text-decoration: underline; }
.footer-rich a:hover { color: black; text-decoration: none; }
.footer-rich img { border: 0; }
.footer-rich .emblem { padding: .5em 1em .5em 1em; display: inline-block; float: left; }
.footer-rich .contacts { margin: 0 0 0 0; padding: .5em 2em .5em 1em; display: inline-block; float: left; }
.footer-rich .right { margin: 0 0 0 0; padding: .5em 1em .5em 0; display: inline-block; float: right; }
.footer-rich .boxtitle {
padding: 0;
line-height: normal;
margin: 0 0 .5em 0;
font-weight: bold;
text-decoration: none;
font-size: 100%;
}
.footer-small {
width: 100%;
height: auto;
line-height: 2em;
background: rgb(50,50,50);
border-radius: 0;
padding: .5em 0 .5em 0;
margin: 0;
text-align: center;
}
.footer-small a {
display: inline-block;
text-decoration: none;
color: white;
margin: 0 1em 0 1em;
}
.footer-small a:hover {
text-decoration: underline;
color: white;
}
.footer-small .footer-user-logout-btn {
margin: 0 1em 0 0;
}
.footer-tech {
display: block;
text-align: center;
padding: .5em 0 1em 0;
list-style-type: none;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
background-image: url('img/footer-001.webp');
}
.footer-tech div[type="li"] {
font-size: 90%;
line-height: 225%;
color: rgb(50,50,50);
text-shadow: 1px 1px 1px white;
}
.footer-tech a {
color: rgb(50,50,50);
text-decoration: underline;
}
.footer-tech .footer-tech-operacni-program-zamestnanost {
line-height: 100%;
padding: 0;
margin: 1em 0 0 0;
}
.footer-tech .footer-tech-operacni-program-zamestnanost img {
max-width: 80%;
line-height: 0;
padding: 0;
margin: 0;
}
@media only screen and (min-width : 1024px) {
.footer-tech .footer-tech-tonda-kralupa {
display: none;
}
}
@media only screen and (max-width : 1023px) {
.footer-tech .footer-tech-tonda-kralupa {
display: block;
line-height: 100%;
padding: 0;
margin: 1em 0 0 0;
}
.footer-tech .footer-tech-tonda-kralupa img {
max-width: 80%;
line-height: 0;
padding: 0;
margin: 0;
}
}
.featured {
margin-bottom: 1.5em;
overflow: hidden;
max-height: 4.8em;
}
.featured-themes {
font-size: 100%;
text-align: left;
line-height: 150%;
padding-left: .5em;
}
.featured-themes a {
font-size: 100%;
margin-left: 0;
margin-right: 1em;
text-decoration: none;
color: rgb(50,50,50);
white-space: nowrap;
display:inline-block;
background: white;
padding:.25em .7em .2em .7em;
margin: 0 .5em .5em 0;
border-radius:.3em;
}
.featured-themes a:hover {
color: black;
text-decoration: underline;
}
.featured-themes a:first-of-type {
margin-left: 0;
color: white;
text-shadow: 1px 1px 1px black;
padding:.25em .7em .2em .7em;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
}
.featured-themes a:last-of-type {
margin-left: 0;
color: black;
font-weight: bold;

}
@media only screen and (max-width : 699px) {
.featured {
margin-bottom: 1em;
max-height: 7.8em;
font-size: 90%;
}
}
@media only screen and (max-width : 459px) {
.featured {
margin-bottom: 1em;
max-height: 10em;
font-size: 85%;
}
.featured-themes a {
padding: .2em .7em .2em .7em;
}
.featured-themes a:first-of-type {
padding: .2em .7em .2em .7em;
}
}
.bottom-featured {
margin-top: 2em;
}
.bottom-featured .featured {
overflow: visible;
max-height: none;
}
.news-wrapper {


}

.mtps-news-thumb-image-container {
overflow: hidden;
border-radius: .5em;
}
.news h1 {
font-size: 250%;
text-shadow: 1px 1px 1px silver;
line-height: 110%;
margin: 0 0 .2em 0;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100%;
padding-left: .1em;
}
.onenews {
width: 100%;
overflow: hidden;
border: 1px solid white;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
border-radius: .5em;
overflow: hidden;
background-color: white;
margin-bottom: 1em;
display: inline-block;
padding: .8em .8em 1em .8em;
float: left;

height: 35em;
width: 100%;
}
.onenewstop {

height: 31em;
max-height: 31em;
overflow: hidden;
}
.onenewsbtns {
height: 2.2em;
max-height: 2.2em;
text-align: right;
padding-right: .5em;
}
.onenewsbtns a {
display: inline-block;
margin-top: .7em;
color: rgb(50,50,50);
text-decoration: none;
}
@media only screen and (min-width : 1024px) {
.onenews {
width: calc((100% - 2em) / 3);
}
.nti3-1 {

}
.nti3-2 {

margin-left: 1em;
}
.nti3-3 {

margin-left: 1em;
}
}
@media only screen and (min-width : 736px) and (max-width : 1023px) {
.onenews {
width: calc((100% - 2em) / 3);
}
.nti3-1 {

}
.nti3-2 {

margin-left: 1em;
}
.nti3-3 {

margin-left: 1em;
}
}
@media only screen and (min-width : 600px) and (max-width : 735px) {
.onenews {
width: calc((100% - 1em) / 2);
}
.nti2-1 {

}
.nti2-2 {

margin-left: 1em;
}
}
@media only screen and (max-width : 599px) {
.onenews {
height: auto;
}
}
.onenews:nth-child(odd) { 

}
.onenews:nth-child(even) { 


}
.onenews:hover {
background-color: white;
}
.onenews .onenewsicon {
width: 100%;
padding: 0;
margin: 0;
border: 0;
border-radius: .3em .3em 0 0;
}
.onenews .onenewstext {
padding: .5em .1em 0 .1em;
}
.onenews h2 {
font-size: 150%;
line-height: 110%;
margin: 0 0 .3em 0;
color: #2966B8;
}
.onenews span {
color: rgb(50,50,50);
font-size: 90%;
padding-right: .2em;
}
.threehelpers {
margin-bottom: 1.25em;
text-align: center;
}
.bottomhelpers {
margin-top: 1.5em;
margin-bottom: 1em;
}
.helperbox {
cursor: pointer;
display: inline-block;
box-shadow: 1px 1px 1em gray;
border-radius: .5em;
overflow: hidden;
border: 1px solid white;
transition: box-shadow 0.3s ease-in-out;
text-align: left;
}
.helperbox:hover {
box-shadow: 1px 1px 1em black;
}
.helperbox .helperbg {
margin: 0;
padding: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.helperbox .section-title {
font-size: 125%;
color: white;
margin: 0;
padding: .45em 0 .2em .5em;
white-space: nowrap;
background: white;
font-weight: bold;
color: #2966B8;
border-bottom: 3px solid silver;
line-height: 105%;
background: rgb(245,247,249);
}

.helperlinks {
padding-top: .3em;
}
.helperlinks a {
display: block;
padding: 0 0 0 1em;
text-decoration: none;
line-height: 175%;
font-size: 100%;
color: black;
white-space: nowrap;
}
.helperlinks a:hover {
color: white;
background: black;
}
.cityhelper {

margin-bottom: 2em;

width: 15.5em;
}
.cityhelperinner {
background: white;

height: 13.4em;
}
.cityhelperinner .section-title {
border-bottom: 3px solid #00CC33;
}
.officehelper {

width: 19.5em;
margin-left: 1em;
margin-right: 1em;
}
.officehelperborder {
border: 2px solid rgb(240,240,240);
border-radius: .5em;
overflow: hidden;
}
.officehelperinner {
background: white;


height: 16.8em;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.officehelperinner .helperbg {
padding-top: 0;
}
.officehelperinner .section-title {
border-bottom: 3px solid #CC0033;
}
.officehelperinner h4 {
font-size: 120%;
color: white;
text-shadow: 2px 2px 1px black;
margin: 0;
padding: .2em 0 .3em .5em;
}
.runguide-line {
text-align: right;
margin: .3em .5em 0 0;
}
.runguide {
pointer-events: auto;
display: inline-block;
margin: 0;
border: 1px solid rgba(255,255,255,.8);
border-radius: .5em;
background: rgba(0,0,0,.5);
overflow: hidden;
padding: 0 .9em 0 .9em;
height: 3.2em;
line-height: 3em;
-webkit-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: background-color 250ms linear;
color: white;
text-shadow: 1px 1px 1px black;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
text-decoration: none;
}
.runguide:hover {
color: white;
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
}
.runguide img {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin: 0 .5em 0 0;
}
.municihelper {

margin-bottom: 2em;

width: 15.5em;
}
.municihelperinner {
background: white;

height: 13.4em;
}
.municihelperinner:hover .helperbg {
}
.municihelperinner .section-title {
border-bottom: 3px solid #0033CC;
}
@media only screen and (max-width : 1023px) {
.threehelpers {
margin-bottom: 1em;
}
.cityhelper {
margin-bottom: 0;
width: calc((100% - 1em) / (13/4));
}
.cityhelperinner {
height: 15em;
}
.officehelper {
width: calc((100% - 1em) / (13/5));
margin-left: .5em;
margin-right: .5em;
}
.officehelperborder {
border: 0;
}
.officehelperinner {
height: 15em;
}
.municihelper {
margin-bottom: 0;
width: calc((100% - 1em) / (13/4));
}
.municihelperinner {
height: 15em;
}
}
@media only screen and (max-width : 639px) {
.threehelpers {
width: 100%;
}
.cityhelper {
width: 100%;
}
.cityhelperinner {
height: auto;
padding-bottom: .4em;
}
.cityhelperinner .section-title {
white-space: normal;
font-size: 110%;
}
.officehelper {
width: 100%;
margin-left: 0;
margin-right: 0;
height: auto;
}
.officehelperinner {
height: auto;
padding-bottom: .2em;
}
.officehelperinner .section-title {
white-space: normal;
font-size: 110%;
}
.officehelperinner .helperlinks {
background: transparent;
padding-bottom: 0;
}
.municihelper {
width: 100%;
}
.municihelperinner {
height: auto;
padding-bottom: .4em;
}
.municihelperinner .section-title {
white-space: normal;
font-size: 110%;
}
.helperbox .helperbg {
float: left;
width: 33%;
padding-top: 0;
height: 100%;
}
.helperlinks {
padding: .2em 0 0 33%;
font-size: 95%;
}
.helperlinks a {
display: inline;
float: left;
padding-right: .7em;
}
}
.navigation {
font-size: 80%;
margin: 0;
padding: .1em .1em 1.4em .1em;
color: rgb(70,70,70);
width: 100%;
overflow: hidden;
white-space: normal;
text-align: right;
}
.navigation a {
padding: 0;
color: rgb(100,100,100);
text-decoration: underline;
white-space: normal;
}
.navigation a:hover {
color: black;
text-decoration: none;
}
.navigation div {
display: inline;
}
.button-in-page-content-line {
padding: 1em 0 1em 0;
text-align: center;
}
.button-in-page-content-line a {
color: white;
text-shadow: 1px 1px 1px black;
padding: .5em 1em .65em 1em;
border-radius: .5em;
background: rgb(0,170,0);
background-image: linear-gradient(rgb(0,200,0),rgb(0,170,0));
text-decoration: none;
}
.button-in-page-content-line a:hover {
color: white;
background-image: linear-gradient(rgb(0,220,0),rgb(0,190,0));
text-decoration: underline;
}
.button-in-page-content-line a img {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin: 0 .5em 0 0;
}
.button-goto-opening-hours {
padding: .5em 0 0em 0;
text-align: left;
}
.eud-category-switch {
margin: 0 0 1em 0;
padding: 0 0 0 0;
border: 0;
line-height: 0;
}
.eud-category-switch-one {
display: inline-block;
width: 45%;
}
.eud-category-switch-two {
display: inline-block;
width: 55%;
}
.eud-category-switch-title {
float: left;
padding: 0 .7em 0 0;
color: black;
line-height: normal;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.eud-category-switch-two .eud-category-switch-title {
padding: 0 .7em 0 1em;
}
.eud-category-switch-wrapper {
overflow: hidden;
padding: 0;
}
.eud-category-switch select {
float: left;
padding: 0;
border: 1px solid gray;
background: white;
width: 100%;
min-width: 100%;
max-width: 100%;
}
@media only screen and (max-width : 600px) {
.eud-category-switch-one {
display: block;
width: auto;
padding-bottom: .5em;
}
.eud-category-switch-two {
display: block;
width: auto;
}
.eud-category-switch-title {
width: 7em;
}
.eud-category-switch-two .eud-category-switch-title {
padding: 0 .7em 0 0;
}
.eud-category-switch select {
width: 98%
}
}
.eud-list-of-documents {
width: 100%;
font-size: 100%;
line-height: 175%;
margin: .5em  0 1em 0 !important;
padding: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

.eud-document-detail { width: 100%; font-size: 100%; line-height: 175%; margin: .5em 0 1em 0 !important; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.eud-document-detail a { text-decoration: none; }
.eud-document-detail a:hover { text-decoration: underline; }
.eud-document-detail tr, .eud-document-detail th, .eud-document-detail td { margin: 0; padding: 0; vertical-align: top; }
.eud-document-detail th, .eud-document-detail td { text-align: left; width: auto; font-weight: normal; }
.eud-document-detail th { width: 6.5em; padding-right: 1em; font-weight: bold; white-space: nowrap; overflow: visible; text-align: right; }
.eud-document-thumb {
padding: 0;
margin: 0 0 .3em 0;
width: 100%;
overflow: hidden;
}
.eud-document-thumb .eud-document-date {
display: inline-block;
float: left;
width: 7em;
text-align: right;
padding-right: .7em;
}
.eud-document-thumb .eud-document-date span {
font-size: 90%;
color: #595959;
}
.eud-document-thumb .eud-document-title {
display: inline-block;
width: calc(100% - 7em);
float: right;
}
.eud-document-thumb a {
color: black:
text-decoration: none;
}
.eud-document-thumb:hover a {
color: black:
text-decoration: underline;
}
@media only screen and (max-width : 480px) {
.eud-document-thumb {
margin: 0 0 1em 0;
}
.eud-document-thumb .eud-document-date {
display: block;
float: none;
width: auto;
text-align: left;
padding-right: 0;
}
.eud-document-thumb .eud-document-date span {
font-size: 100%;
}
.eud-document-thumb .eud-document-title {
display: block;
width: auto;
float: none;
}
}
.eud-special-h1 { 
font-size: 150% !important;
margin: 0 0 .3em 0 !important;
padding: 0 !important;
line-height: normal !important;
border-bottom: 0 !important;
color: #CC0033 !important;
font-weight: normal !important;
}
.eud-special-h2 { 
font-size: 225%;
font-weight: bold;
color: #2966B8;
border-bottom: 5px solid #CC0033;
line-height: 105%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.institutions-category-switch { margin: 0 0 1em 0; padding: 0 .3em 0 1em; border: 0; background: rgb(150,150,150); }
.institutions-category-switch span { color: white; line-height: 240%; display: inline-block; white-space: nowrap; }
.institutions-category-switch select { margin-left: 1em; width: auto; }
.institutions-category-switch a { color: white; text-decoration: underline; line-height: 240%; display: inline-block; white-space: nowrap; margin-left: 1em; }
.institutions-category-switch a:hover { text-decoration: none; }
.institution { width: 100%; font-size: 100%; line-height: 175%; margin: 0 0 1.5em 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.institution tr, .institution th, .institution td { margin: 0; padding: 0; vertical-align: top; border: 0; }
.institution th { width: 12em; line-height: 0; }
.institution td { width: auto; }
.institution img { width: 12em; margin: 0; padding: 0; border: 0; }
.institution-data { width: 100%; font-size: 100%; line-height: 175%; margin: 0 0 1em 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.institution-data tr, .institution-data th, .institution-data td { margin: 0; padding: 0; vertical-align: top; border: 0; }
.institution-data td { padding-left: 1em; width: auto; }
.institution-data .idtitle { width: 4.5em; font-weight: bold; text-align: right; white-space: nowrap; }
.institution-data h2 a { color: #305699; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; text-shadow: 1px 1px 1px rgb(225,225,225); }
.institution-data h2 a:hover { color: rgb(200,0,0); text-decoration: underline; }

.contacts-search-box label {
font-weight: bold;
}
.contacts-search-box {
text-align: center;
margin: 1em 0 1.5em 0;
background: rgb(235,235,235);
padding: .7em .5em .7em .5em;
border-radius: .5em;
}
.contacts-search-box img {
width: 1.5em;
height: 1.5em;
}
.contacts-search-box input[type=text] {
font-size: 100%;
width: 4.95em;
margin: 0 0 0 2px;
padding: 3px 2px 3px 5px;
background: rgba(255,255,255,1);
border: 0;
border-radius: .2em;
}
.contacts-search-box input[type=submit] {
font-size: 100%;
margin: 0 0 0 2px;
padding: 3px .7em 3px .7em;
border: 0;
border-radius: .2em;
background-image: linear-gradient(white,silver);
background-size: 100% 100%;
background-repeat: no-repeat;
border: 1px solid gray;
}
.contacts-search-box input[type=submit]:active {
background-image: linear-gradient(silver,white);
padding: 4px .65em 3px .75em;
}
.contacts-search-box input[type=text] {
width: 24em;
border: 1px solid gray;
}
.contacts-search-box-results {
position: absolute;
z-index: 1000;
background: white;
text-align: left;
box-shadow: 1px 1px 1em gray;
}
.contacts-search-box-results ul {
list-style-type: none;
line-height: 0;
margin: 0;
padding: 0;
}
.contacts-search-box-results li {
display: block;
margin: 0;
padding: 0;
}
.contacts-search-box-results a {
line-height: 125% !important;
display: block;
margin: 0;
padding: .5em .5em .5em .5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
border-bottom: 1px solid silver;
}
.contacts-search-box-results a:hover {
color: white;
background: black;
}
.contacts-search-box-results small {
margin: 0;
padding: 0;
}
@media only screen and (max-width : 1023px) {
.contacts-search-box label {
display: block;
}
.contacts-search-box input[type=text] {
width: 60%;
}
}
.eud-search-box {

margin: 1em 0 .7em 0;
padding: .7em .5em .7em 1em;
}
.eud-search-box input[type=text] {
width: 60%;
}
.contacts-department-box {
margin: 0 0 1.5em 0;
border: 1px solid silver;
}
.contacts-department-box h3 {
margin: 0;
border-bottom: 1px solid silver;
color: white;
background: #CC0033;
padding: .2em 0 .2em .75em;
}
.contacts-one-contact-line {
margin: 0 0 0 0;
border-bottom: 1px solid silver;
cursor: pointer;
}
.contacts-one-contact-line:hover {
background: rgb(235,245,255);
}
.contacts-one-contact-line a {
text-decoration: none;
}
.contacts-one-contact-line a:hover {
text-decoration: underline;
}
.contacts-one-contact-line:last-of-type {
border-bottom: 0;
}
.contacts-one-contact-line .contact-name-and-function {
float: left;
margin: 0;
padding: 0;
display: inline-block;
width: 70%;
overflow: hidden;
}
.contacts-one-contact-line .contact-phone-and-email {
float: left;
margin: 0;
padding: 0;
display: inline-block;
width: 30%;
min-width: 12em;
overflow: hidden;
}
.contacts-one-contact-line .contact-name {
float: left;
margin: 0;
display: inline-block;
width: 40%;
padding: .3em 0 .3em 1em;
}
.contacts-one-contact-line .contact-function {
float: left;
margin: 0;
display: inline-block;
width: 60%;
padding: .3em 0 .3em 1em;
}
.contacts-one-contact-line .contact-phone {
float: right;
margin: 0;
display: inline-block;
text-align: right;
padding: .3em .5em .3em 1em;
white-space: nowrap;
}
.contacts-one-contact-line .contact-email {
float: right;
margin: 0;
display: inline-block;
padding: .45em 1em 0 .5em;
}
.contacts-one-contact-line .contact-email img {
width: 1em;
height: 1em;
}
.contacts-one-contact-line .contact-full-email {
display: none;
padding: .3em .5em .3em 1em;
overflow: hidden;
}
@media only screen and (max-width : 611px) {
.contacts-one-contact-line .contact-name-and-function {
float: none;
display: block;
width: auto;
}
.contacts-one-contact-line .contact-name {
float: none;
display: block;
width: auto;
font-weight: bold;
padding: .5em 0 .1em 1em;
}
.contacts-one-contact-line .contact-function {
float: none;
display: block;
width: auto;
padding: .2em 0 .2em 1em;
}
.contacts-one-contact-line .contact-phone-and-email {
float: none;
display: block;
width: auto;
}
.contacts-one-contact-line .contact-phone {
float: none;
display: block;
text-align: left;
width: auto;
padding: .2em 0 .2em 2.5em;
background-repeat: no-repeat;
background-size: 1em 1em;
background-position: left 1em top .45em;
background-image: url('img/phone-landline-black-32x32.png');
}
.contacts-one-contact-line .contact-email {
display: none;
}
.contacts-one-contact-line .contact-full-email {
display: block;
padding: .2em 0 .75em 2.5em;
background-repeat: no-repeat;
background-size: 1em 1em;
background-position: left 1em top .5em;
background-image: url('img/email-at-black-32x32.png');
}
}
.dosearch-search-box label {
font-weight: bold;
margin: 0 .3em 0 .5em;
}
.dosearch-search-box {
text-align: left;
margin: 1.5em 0 1.5em 0;
background: rgb(235,235,235);
padding: .7em .5em .7em .5em;
border-radius: .5em;
}
.dosearch-search-box img {
width: 1.5em;
height: 1.5em;
}
.dosearch-search-box input[type=text] {
font-size: 100%;
width: 4.95em;
margin: 0 0 0 2px;
padding: 3px 2px 3px 5px;
background: rgba(255,255,255,1);
border: 0;
border-radius: .2em;
}
.dosearch-search-box input[type=submit] {
font-size: 100%;
margin: 0 0 0 2px;
padding: 3px .7em 3px .7em;
border: 0;
border-radius: .2em;
background-image: linear-gradient(white,silver);
background-size: 100% 100%;
background-repeat: no-repeat;
border: 1px solid gray;
}
.dosearch-search-box input[type=submit]:active {
background-image: linear-gradient(silver,white);
padding: 4px .65em 3px .75em;
}
.dosearch-search-box input[type=text] {
width: 24em;
border: 1px solid gray;
}
.rightbox-banners {
margin: 0 1em 0 1em;
padding: 0;
}
.rightbox-banners .rightbox-banners-inner a {
display: block;
line-height: 0;
margin: 0 0 1em 0;
}
.rightbox-banners .rightbox-banners-inner img {
width: 100%;
max-width: 100%;
}
.virtualni-prohlidka { display: block; background: url('img/virtualni-prohlidka-mesta-312x124.jpg') center center; background-size: 100% auto;  }
.virtualni-prohlidka div { height: 6em; transition: background 200ms; }
.virtualni-prohlidka div:hover { background: transparent; background: rgba(255,255,255,.1); }
.virtualni-prohlidka p { color: white; text-decoration: underline; background: rgb(80,80,80); background: rgba(50,50,50,.8); display: block; width: 100%; border: 0; margin: 0; padding: 0 0 0 .5em; font-size: 100%; height: 2em; line-height: 2em; white-space: nowrap; overflow: hidden; transition: background 200ms; }
.virtualni-prohlidka p:hover { color: white; text-decoration: none; background: rgb(50,50,50); }
.banner-skoleni {
display: block; font-size: 100%; line-height: normal; margin: 0; text-decoration: none;
background-image: url('img/banner-skoleni-bg-193x106.png');
background-repeat: no-repeat;
background-size: cover;
padding: 1em 1em .5em 1em;
border: 1px solid silver;
}
.banner-skoleni:hover {
border: 1px solid black;
}
.banner-skoleni div {
font-size: 160%;
color: white;
text-shadow: 1px 1px gray;
line-height: 105%;
background-image: url('img/ikona-skoleni-64x128.png');
background-repeat: no-repeat;
background-position: left center;
background-size: auto 105%;
padding-left: 2em;
}
.banner-skoleni:hover div {
text-shadow: 1px 1px black;
}
.banner-skoleni p {
font-size: 95%;
color: white;
text-shadow: 1px 1px gray;
line-height: 225%;
}
.banner-skoleni:hover p {
text-shadow: 1px 1px black;
}
.photobox-v6 {
overflow: hidden;
text-align: center;
width: 100%;
}
.photobox-v6-inner {
width: 170em;
height: 26em;
position: relative;
left: calc((100vw - (100vw - 100%)) / 2 - 85.5em);
}
.hphoto-v6 {
display: inline-block;
width: 38em;
height: 100%;
background-size: cover;
background-size: 50em auto;
background-repeat: no-repeat;
background-position: center center;
border: 0;
}
.hphoto-left-overlap-v6 {
display: inline-block;
width: 6em;
height: 100%;
overflow: hidden;
background-size: 50em auto;
background-repeat: no-repeat;
background-position: left center;
}
.hphoto-right-overlap-v6 {
display: block;
width: 6em;
height: 100%;
background-size: 50em auto;
background-repeat: no-repeat;
background-position: right center;
-webkit-mask-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
mask-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1));
overflow: visible;
}
@media only screen and (min-width : 444px) and (max-width : 1175px) {
.photobox-v6-inner {
width: 120em;
height: 16em;
left: calc((100vw - (100vw - 100%)) / 2 - 60em);
}
.hphoto-v6 {
width: 30em;
}
}
@media only screen and (max-width : 443px) {
.photobox-v6-inner {
height: 23.5em;
}
.hphoto-v6-0 {
display: none;
}
.hphoto-v6-2 {
display: none;
}
.hphoto-v6-3 {
display: none;
}
}

.news-full-article {
margin-bottom: 1.5em;
overflow: hidden;
width: 100%;
}
.news-full-article .navigation {
padding-bottom: .4em;
}

.news-full-article .news-info {
font-size: 100%;
line-height: normal;


font-weight: normal;
color: #2966B8;
margin: 0;
padding: 0 0 1em 0;
text-shadow: none;
text-align: right;
}
.news-full-article .news-info .dot {
font-size: 100%;
line-height: 100%;
}
.news-full-article .news-info .published-date-time {
font-size: 100%;
}
.news-full-article .news-text {
line-height: 175%;
text-align: justify;
}
.news-full-article .news-text .full-news-icon {
float: left;
width: 16em;
margin: .4em 1em .5em 0;
background: transparent;
}
.news-full-article .news-text img {
min-width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
.news-full-article .news-author { line-height: 175%; padding: .3em 0 0 0; text-align: right; font-style: italic; font-weight: bold; }
.news-full-article .news-back-to-homepage { padding: .3em 0 0 0; text-align: right; }
.news-full-article .news-back-to-homepage span { padding: 0; }
@media only screen and (max-width : 599px) {
.news-full-article .news-text .full-news-icon {
float: none;
width: 100%;
background: transparent;
}
.news-full-article .news-text .full-news-icon-box {
display: block;
float: none;
width: 100%;
}
}
.in-page-openinghours-wrapper {
padding: 0 0 0 1em;
margin: 0;
max-width: 33em;
}
.in-page-openinghours-wrapper .in-page-openinghours-box {
padding: 2px;
margin: 1.5em 0 0 0;
border: 1px solid silver;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .row {
font-size: 100%;
display: block;
width: auto;
overflow: hidden;
line-height: 225%;
margin: 0;
padding: 0 1em 0 1em;
color: black;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid rgb(235,235,235);
}
.in-page-openinghours-wrapper .in-page-openinghours-box .row:first-of-type {
border-bottom: 0;
background: rgb(235,235,235);
}
.in-page-openinghours-wrapper .in-page-openinghours-box .row:last-of-type {
border-bottom: 0;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .column0 {
display: inline-block;
width: calc(100% - 15em);
}
.in-page-openinghours-wrapper .in-page-openinghours-box .day-name {
display: block;
width: auto;
font-weight: bold;
text-decoration: none;
font-size: 125%;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .column1 {
font-weight: normal;
display: inline-block;
text-align: right;
width: 15em;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .row:first-of-type span {
font-weight: bold;
font-size: 105%;
text-align: right;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .is-opening-day {
color: rgb(0,175,0);
}
.in-page-openinghours-wrapper .in-page-openinghours-box .no-opening-day {
color: rgb(200,0,0);
}
.compact-opening-hours-wrapper {
padding: 0;
margin: 0;
max-width: 32em;
}
.compact-opening-hours-wrapper .in-page-openinghours-box {
margin: .75em 0 0 0;
}
.compact-opening-hours-wrapper .in-page-openinghours-box .row {
line-height: 175%;
padding: 0 .5em 0 .5em;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .day-name {
font-size: 100%;
}
@media only screen and (max-width : 599px) {
.in-page-openinghours-wrapper {
padding: 0;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .day-name {
font-size: 110%;
}
.in-page-openinghours-wrapper .in-page-openinghours-box .column0, .in-page-openinghours-wrapper .in-page-openinghours-box .column1 {
display: block;
width: auto;
text-align: center;
}
.compact-opening-hours-wrapper .in-page-openinghours-box {
margin: .5em 0 0 0;
}
}
.mtps-content-tiles {
font-size: 100%;
width: 100%;
display: block;
overflow: hidden;
padding: 0;
margin: 0 0 .5em 0;
}
.mtps-content-tiles .mtps-one-content-tile {
font-size: 100%;
display: inline-block;
float: left;
overflow: hidden;
margin: 0 1em 1em 0;
width: calc((100% - 3 * 1em) / 4);
border-radius: .5em;
}
.mtps-content-tiles .mtps-oct4-4 {
margin: 0 0 1em 0;
}
.mtps-content-tiles .mtps-one-content-tile a {
height: 5.5em;
padding: .4em .5em .25em .7em;
font-size: 100%;
line-height: 150%;
display: block;
text-decoration: none;
word-wrap: break-word;
border-radius: .5em;
overflow: hidden;
color: white;
background-image: linear-gradient(rgb(71,132,214),rgb(41,102,184));
border: 1px solid #2966B8;
}
.mtps-content-tiles .mtps-one-content-tile a:hover {
color: white;
text-shadow: 1px 1px 1px black;
background-image: linear-gradient(rgb(91,152,234),rgb(61,122,204));
border: 1px solid #2966B8;
text-decoration: none;
}
.mtps-content-tiles-count-3 .mtps-one-content-tile {
width: calc((100% - 2 * 1em) / 3);
}
.mtps-content-tiles-count-3 .mtps-oct3-3 {
margin: 0 0 1em 0;
}
.mtps-content-tiles-count-2 .mtps-one-content-tile {
width: calc((100% - 1 * 1em) / 2);
}
.mtps-content-tiles-count-2 .mtps-oct2-2 {
margin: 0 0 1em 0;
}
@media only screen and (max-width : 599px) {
.mtps-content-tiles .mtps-one-content-tile {
margin: 0 1em 1em 0;
width: calc((100% - 2 * 1em) / 3);
}
.mtps-content-tiles .mtps-oct3-3 {
margin: 0 0 1em 0;
}
.mtps-content-tiles .mtps-one-content-tile a {
font-size: 95%;
line-height: 115%;
height: 6.5em;
padding: .4em .4em .25em .4em;
}
}
@media only screen and (max-width : 399px) {
.mtps-content-tiles .mtps-one-content-tile {
margin: 0 1em 1em 0;
width: calc((100% - 1 * 1em) / 2);
}
.mtps-content-tiles .mtps-oct2-2 {
margin: 0 0 1em 0;
}
.mtps-content-tiles .mtps-one-content-tile a {
font-size: 95%;
line-height: 105%;
height: 6.5em;
padding: .4em .4em .25em .4em;
}
}
.webGuideMainTitle {
color: #2966B8;
text-shadow: 1px 1px 1px silver;
padding-left: 2.5em;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100%;
background-image: url('bg/logo-mesta-bez-textu-65x38.png');
}
.webGuideResultsTitle {
color: #2966B8;

text-shadow: 1px 1px 1px silver;
padding-left: 1.5em;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100%;
background-image: url('img/webguide-theme-entertainment-35x35.png');
}

.photobox-v5 {
overflow: hidden;
text-align: center;
width: 100%;
}
.photobox-v5-inner {
width: 2380px;
height: 26em;
position: relative;
left: calc((100vw - (100vw - 100%)) / 2 - 1197px);
}
.hphoto-v5 {
display: inline-block;
width: 532px;
height: 100%;
background-size: cover;
background-size: 700px auto;
background-repeat: no-repeat;
background-position: center center;
border: 0;
}
.hphoto-overlap-v5 {
display: inline-block;
width: 84px;
max-width: 84px;
min-width: 84px;
height: 26em;
overflow: hidden;
}
.hphoto-left-overlap-v5 {
width: 100%;
height: 100%;
background-size: 700px auto;
background-repeat: no-repeat;
background-position: right center;
overflow: hidden;
}
.hphoto-right-overlap-v5 {
display: inline-block;
width: 1px;
height: 26em;
background-size: 700px auto;
background-repeat: no-repeat;
background-position: left center;
}


.inpage-content-tags {
font-size: 90%;
}
.inpage-contacts-mayor {
width: 100%;
overflow: hidden;
margin-bottom: 1em;
text-align: center;
}
.inpage-contacts-mayor .one-mayor {
display: inline-block;
float: left;
width: 33.333%;
width: calc((100% - 2em) / 3);
}
.inpage-contacts-mayor .one-mayor:first-of-type {
margin-right: 1em;
}
.inpage-contacts-mayor .one-mayor:last-of-type {
margin-left: 1em;
}
.inpage-contacts-mayor .one-mayor-photo {
border-radius: 1em;
height: 12em;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.inpage-contacts-mayor .one-mayor-photo a {
padding: .25em 0 0 0;
line-height: 115%;
}
.inpage-contacts-mayor .one-mayor-photo:hover a {
background: black !important;
}
.inpage-contacts-others {
width: 100%;
overflow: hidden;
margin-bottom: 1em;
text-align: center;
list-style-type: none;
}
.inpage-contacts-others li {
margin: 0 .75em 0 .75em;
display: inline-block;
}
.inpage-contacts-others li span {
margin: 0;
padding: 0 .5em 0 0;
}
.qtronik-wrapper {
margin: 0;
padding: 1.5em 0 1em 0;

}
.qtronik-wrapper .qtronik-store-services-title {
margin: 0;
padding: 0 0 .5em 0;
}
.qtronik-wrapper .qtronik-store-services-title h2 {
text-align: center;
}
.qtronik-wrapper .qtronik-store-services-title p {
text-align: center;
}
.qtronik-wrapper .qtronik-store-services-title .qtronik-selected-service {
font-weight: bold;
}
.qtronik-wrapper .qtronik-selected-date {
text-align: center;
font-weight: bold;
background: yellow;
}
.qtronik-wrapper .qtronik-store-services-buttons {

}
.qtronik-wrapper .qtronik-go-back-button {
margin: 0;
padding: 1em 0 0 0;
}
.qtronik-wrapper .qtronik-one-service-button {
display: block;
cursor: pointer;
margin: 0 auto .5em auto;
padding: .75em 0 .75em 0;
width: 50%;
min-width: 22em;
text-align: center;
line-height: 150%;
background: orange;
}
.qtronik-wrapper .qtronik-one-service-button:hover {
background: #FF8C00;
}
.qtronik-wrapper .qtronik-one-service-button-white {
background: white;
}
.qtronik-wrapper .qtronik-one-service-button-white:hover {
background: white;
}
.qtronik-wrapper .qtronik-top-button {
margin: 0;
padding: 0 0 .5em 0;
}
.qtronik-wrapper .qtronik-top-button .qtronik-one-service-button {
display: block;
cursor: pointer;
margin: 0 auto .5em auto;
padding: .5em 0 .5em 0;
width: 20%;
min-width: 10em;
text-align: center;
line-height: 125%;
background: orange;
}
.qtronik-wrapper .qtronik-top-button .qtronik-one-service-button:hover {
background: #FF8C00;
}
.qtronik-wrapper .qtronik-send-order-button {
display: block;
cursor: pointer;
margin: 0 auto 5em auto;
padding: .75em 0 .75em 0;
width: 50%;
min-width: 22em;
text-align: center;
line-height: 150%;
background: #00A550;
}
.qtronik-wrapper .qtronik-send-order-button:hover {
background: #1ACF71;
}
.qtronik-wrapper .qtronik-one-service-button-inner {
padding: 0;
margin: 0;
font-size: 125%;
font-weight: bold;
color: white;
text-shadow: 1px 1px 1px black;
}
.qtronik-wrapper .qtronik-one-service-button-white .qtronik-one-service-button-inner {
padding: 0;
margin: 0;
font-size: 125%;
font-weight: bold;
color: black;
text-shadow: 1px 1px 1px rgb(225,225,225);
}
.qtronik-wrapper .qtronik-one-month {
margin: 0 auto 1.5em auto;
padding: 0;
border: 0;
text-align: center;
}
.qtronik-wrapper .qtronik-one-month-inner {
text-align: left;
display: inline-block;
margin: 0;
padding: 1px;
border: 1px solid silver;
}
.qtronik-wrapper .qtronik-one-month .qtronik-one-month-name {
text-align: center;
font-size: 115%;
line-height: 175%;
}
.qtronik-wrapper .qtronik-one-month .qtronik-one-month-days {
}
.qtronik-wrapper .qtronik-one-week-line {
}
.qtronik-wrapper .qtronik-month-legend {
text-align: center;
}
.qtronik-wrapper .qtronik-month-legend p {
margin: 0;
padding: 0 0 1em 0;
line-height: 125%;
}
.qtronik-wrapper .qtronik-one-day-box {
display: inline-block;
width: 5em;
margin: 1px;
text-align: center;
line-height: 250%;
font-weight: bold;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.qtronik-wrapper .qtronik-one-day-header {
background: rgb(245,247,249);
line-height: 175%;
font-weight: normal;
color: black;
}
.qtronik-wrapper .qtronik-no-day-box {
background: transparent;
}
.qtronik-wrapper .qtronik-free-day-box {
cursor: pointer;
background: #00A550;
}
.qtronik-wrapper .qtronik-free-day-box:hover {
background: #1ACF71;
}
.qtronik-wrapper .qtronik-occupied-day-box {
cursor: pointer;
background: #C32D33;
}
.qtronik-wrapper .qtronik-notavailable-day-box {
background: #088FC0;
}
.qtronik-wrapper .qtronik-holiday-day-box {
background: #E3C800;
}
.qtronik-wrapper .qtronik-silver-day-box {
background: #C9C9C9;
}
.qtronik-wrapper .qtronik-blocked-day-box {
background: #C9C9C9;
}
.qtronik-wrapper .qtronik-one-interval {
margin: 0 0 .5em 0;
padding: 0;
text-align: center;
line-height: 225%;
}
.qtronik-wrapper .qtronik-one-interval:hover {
background: rgb(245,247,249);
}
.qtronik-wrapper .qtronik-one-interval-time {
display: inline-block;
width: 8em;
margin: 0;
padding: 0;
font-weight: bold;
}
.qtronik-wrapper .qtronik-one-interval-text {
display: inline-block;
width: auto;
margin: 0;
padding: 0 1.5em 0 1em;
}
.qtronik-wrapper .qtronik-one-interval-button {
display: inline-block;
width: 8em;
background: aqua;
margin: 0;
padding: 0;
color: white;
font-weight: bold;
}
.qtronik-wrapper .qtronik-interval-button-green {
cursor: pointer;
background: #00A550;
}
.qtronik-wrapper .qtronik-interval-button-green:hover {
background: #1ACF71;
}
.qtronik-wrapper .qtronik-interval-button-red {
background: #C32D33;
}
.qtronik-wrapper .qtronik-final-form {
}
.qtronik-wrapper .qtronik-final-form .qtronik-form-box {
margin: 0 auto .5em auto;
width: 50%;
}
.qtronik-wrapper .qtronik-final-form .qtronik-form-box h3 {
font-weight: bold;
}
.qtronik-wrapper .qtronik-form-text input[type=text], .qtronik-wrapper .qtronik-form-text input[type=email] {
margin: 0;
padding: 0 .5em 0 .5em;
line-height: 175%;
width: 100%;
}
.qtronik-wrapper .qtronik-final-form .qtronik-final-box {
margin: 0 auto .5em auto;
width: 40%;
}
.qtronik-wrapper .qtronik-final-form .qtronik-final-box h3 {
text-align: center;
font-weight: bold;
}
.qtronik-wrapper .qtronik-final-title {
text-align: center;
font-size: 100%;
font-weight: bold;
}
.qtronik-wrapper .qtronik-final-text {
text-align: center;
font-size: 125%;
margin: 0;
padding: 0;
line-height: 175%;
width: 100%;
}
@media only screen and (max-width : 700px) {
.qtronik-wrapper .qtronik-one-service-button-inner {
font-size: 115%;
}
.qtronik-wrapper .qtronik-one-month-inner {
display: block;
}
.qtronik-wrapper .qtronik-one-day-box {
width: 13.3%;
width: calc((100% / 7) - 2px);
}
.qtronik-wrapper .qtronik-one-interval {
margin: 0 0 .25em 0;
line-height: 150%;
}
.qtronik-wrapper .qtronik-one-interval-time {
font-size: 125%;
width: 100%;
margin: 0;
padding: 0;
}
.qtronik-wrapper .qtronik-one-interval-text {
display: inline-block;
width: 100%;
margin: 0;
padding: 0 .5em 0 .5em;
}
.qtronik-wrapper .qtronik-one-interval-button {
line-height: 225%;
margin: 0 0 .5em 0;
}
.qtronik-wrapper .qtronik-final-form .qtronik-form-box {
width: 90%;
}
.qtronik-wrapper .qtronik-final-form .qtronik-final-box {
margin: 0 auto .5em auto;
width: 90%;
}
}
@media only screen and (max-width : 360px) {
.qtronik-wrapper .qtronik-one-service-button {
width: 100%;
min-width: auto;
}
.qtronik-wrapper .qtronik-one-service-button-inner {
font-size: 100%;
}
}
.mtps-page-attachments img { width: 1.5em; height: 1.5em; vertical-align: middle; margin: 0 .5em 0 0; padding: 0; line-height: 0; }
.mtps-openinghours-full {
max-width: 37em;
padding: .25em;
}
.mtps-openinghours-full .mtps-openinghours-title {
background-color: rgb(235,235,235);
padding: .25em .25em .25em .5em;
margin: 0 0 .25em 0;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=department] {
width: 50%;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=morning] {
width: 25%;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=afternoon] {
width: 25%;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=allday] {
width: 50%;
text-align: right;
padding-right: .5em;
}
@media only screen and (max-width : 600px) {
.mtps-openinghours-full .mtps-openinghours-inner {
padding-top: .5em;
}
.mtps-openinghours-full .mtps-openinghours-inner .mtps-openinghours-title {
text-align: center;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=department] {
width: auto;
display: block;
text-align: center;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=morning] {
width: 50%;
max-width: 11em;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=afternoon] {
width: 50%;
max-width: 11em;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=allday] {
width: 100%;
text-align: center;
padding-bottom: .5em;
}
}
@media only screen and (max-width : 360px) {
.mtps-openinghours-full {
border: 1px solid rgb(128,128,128);
}
}
#rollerOpeningHours {
font-size: 100%;
display: block;
}
#rollerOpeningHoursEx {
display: none;
cursor: pointer;
}
#rollerOpeningHoursEx span {
margin: 0 0 0 2.5em;
color: white;
}
#rollerOpeningHoursEx a {
color: white;
}
#rollerOpeningHours .mtps-openinghours-full {
border: 0;
margin: 0 0 1em 0;
padding: 0;
}
#rollerOpeningHours .day-name {
display: inline;
}
#rollerOpeningHours .mtps-openinghours-title, #rollerOpeningHours .mtps-openinghours-title span {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
line-height: 155%;
}
#rollerOpeningHours .mtps-openinghours-title {
padding: 0 .25em 0 .25em;
background-color: transparent;
}
#rollerOpeningHours .mtps-openinghours-lines {
border: 0;
margin: 0;
padding: 0 .25em 0 .25em;
line-height: 0;
overflow: hidden;
white-space: nowrap;
}
#rollerOpeningHours .mtps-openinghours-lines:hover {
background: black;
color: white;
}
#rollerOpeningHours div[type="department"] {
font-size: 95%;
width: 49%;
border: 0;
padding: 0;

font-weight: normal;
overflow: hidden;
line-height: 155%;
}
#rollerOpeningHours div[type="allday"] {
font-size: 95%;
width: 51%;
padding: 0;
border: 0;
overflow: hidden;
white-space: nowrap;
line-height: 155%;
}
#rollerOpeningHours .is-special {
color: yellow;
}
#rollerOpeningHours .mtps-openinghours-note {
font-size: 85%;
}
.mtps-searchbox-one-result {

}
.mtps-searchbox-one-result a {

}
.mtps-searchbox-one-result-parent {
float: left;
height: 1.5em;
line-height: 1.5em;


}