*:focus { outline: none; }
body { font-size: 13px; margin: 0 auto; padding: 0; font-family: "Trebuchet MS", Arial, sans-serif; color: black; background: rgb(240,240,240); } /* Garamond */
p { font-size: 100%; line-height: 175%; text-align: justify; }

.desk { margin-left: auto; margin-right: auto; min-width: 1000px; max-width: 92em; }
.background { padding: 1em; }
.web { padding: 1em; border-radius: .3em; background: white; box-shadow: rgb(100,100,100) .3em .3em 1em; }

.box { width: auto; display: block; }

.top { overflow: hidden; width: 100%; }
.top .top-name-of-day { float: left; width: 45em; }
.top .top-name-of-day span { font-size: 95%; display: inline-block; margin: 0 0 .5em .7em; }
.top .top-name-of-day .last { margin-left: .4em; }
.top .top-links-and-flags { padding: 0 0 0 45em; text-align: right; }
.top .top-links-and-flags a { font-size: 95%; display: inline-block; margin: 0 1.2em .5em 0; text-decoration: none; color: rgb(50,50,50); }
.top .top-links-and-flags a:hover { color: black; text-decoration: underline; }
.top .top-links-and-flags a img { margin-right: .3em; height: .7em; border: 0; }
.top .top-links-and-flags .last { margin-right: .7em; }

.header { overflow: hidden; width: 100%; }
.header .header-main { padding: 0 16em 0 0; }
.header .header-menu { float: right; width: 15em; margin-bottom: 1em; }
.header .header-menu a { border-radius: .4em; margin: 0 0 1px 0; padding: 0 0 0 1em; display: block; overflow: hidden; white-space: nowrap; background: #305699; color: white; text-decoration: none; transition: background 150ms; height: 1.75em; line-height: 1.75em; }
.header .header-menu a:hover { background: red; }

.header .header-logo { float: left; width: 30em; }
.header .header-logo img { width: 30em; height: 6.231em; border: 0; }
.header .header-logo .logo-motto { padding: .3em 0 0 0; color: #6C7178; text-align: right; font-weight: bold; font-size: 110%; }

.header .header-thumbs { padding: 0 0 0 31em !important; text-align: right; }
.header .header-thumbs ul.top-menu { display: block; margin: 0; padding: 0; }
.header .header-thumbs .top-menu li { line-height: normal !important; margin: 0 0 0 1em; border-radius: .3em; display: inline-block; width: 17.5%; overflow: hidden; white-space: nowrap; background: rgb(235,235,235); background: url('meu.png') center bottom; background-size: auto 100%; }
.header .header-thumbs .top-menu a { padding: 6.1em 0 0 0; text-align: center; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-decoration: none; }
.header .header-thumbs .top-menu a:hover { background: rgba(255,255,255,.25); transition: background 150ms; }
.header .header-thumbs .top-menu a:hover span { text-decoration: underline; background: #305699; transition: background 150ms; }
.header .header-thumbs .top-menu span { color: white; background: #6C7178; background: rgba(55,55,55,.75); display: block; padding: .4em 0 .4em 0; text-decoration: none; font-weight: bold; overflow: hidden; white-space: nowrap; }
.header .header-thumbs .top-menu .city { margin-left: 0; background: url('city.jpg') center bottom; background-size: auto 100%; }
.header .header-thumbs .top-menu .office { background: url('office.jpg') center bottom; background-size: auto 100%; }
.header .header-thumbs .top-menu .municipality { background: url('municipality.jpg') center top; background-size: 100% auto; }
.header .header-thumbs .top-menu .board { background: url('board.jpg') center top; background-size: 100% auto; }
.header .header-thumbs .top-menu .registry { background: url('registry.jpg') center top; background-size: 100% auto; }

.header .main-menu { font-size: 100%; font-weight: bold; overflow: hidden; white-space: nowrap; height: 2.35em; line-height: 2.35em; margin-top: .5em; margin-bottom: .1em; }
.header .main-menu ul { list-style-type: none; margin: 0 !important; padding: 0 !important; }
.header .main-menu li { line-height: 2.35em !important; display: inline-block; }
.header .main-menu li img { border: 0; }
.header .main-menu li a { width: auto; text-align: center; border-radius: .3em; margin: 0 2px 0 0; padding: 0 .7em 0 .7em; display: block; background: rgb(200,0,0); color: white; text-decoration: none; transition: background 150ms; }
.header .main-menu li a:hover { background: red; }
.header .main-menu li .home { padding-right: 0; padding-left: 0; }
.header .main-menu li .last { margin-right: 0; }
.header .main-menu .btn-homepage { width: 3.2em; }

.header .main-menu .pmnu { display: none; position: absolute; z-index: 5000; width: auto; height: auto; margin: 0; padding: 1px 0 0 0; border: 0; white-space: normal; line-height: normal !important; box-shadow: gray .3em .3em 1em; }
.header .main-menu .pmnu ul { margin: 0 !important; padding: 0 !important; list-style-type: none !important; display: block !important; line-height: normal !important; }
.header .main-menu .pmnu li { margin: 0 !important; padding: 0 !important; display: block !important; border: 0 !important; border-radius: 0 !important; line-height: normal !important; }
.header .main-menu .pmnu li a { text-align: left !important; margin: 0 !important; padding: .5em 1.5em .5em 1.5em !important; display: block !important; border: 0 !important; border-radius: 0 !important; line-height: normal !important; font-weight: normal !important; }
.header .main-menu .pmnu .hidden_tree { display: none; }
.header .main-menu .pmnu .imgplus { display: none; height: .7em; margin: 0; margin: 0 .5em 0 1em; }
.header .main-menu .pmnu .imgminus { display: none; height: .7em; margin: 0; margin: 0 .5em 0 1em; }
.header .main-menu .pmnu .imgempty { display: none; height: .7em; margin: 0; margin: 0 .5em 0 1em; }

.header .navigation { font-size: 90%; padding: .5em 0 0 .1em; color: rgb(150,150,150); overflow: hidden; white-space: nowrap; }
.header .navigation a { /*padding: 0 .5em 0 .5em;*/ padding: 0 0 0 0; color: rgb(150,150,150); text-decoration: underline; }
.header .navigation a:hover { color: black; text-decoration: none; }
.header .navigation div { display: inline-block; }

.page { overflow: hidden; width: 100%; }
.page h1 { font-size: 190%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: rgb(200,0,0); text-shadow: 1px 1px 1px rgb(225,225,225); margin: 0 0 .2em 0; padding: 0; }
.page h2 { font-size: 140%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; text-shadow: 1px 1px 1px rgb(225,225,225); margin: 0 0 .2em 0; padding: 0; }
.page h3 { font-size: 120%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; text-shadow: 1px 1px 1px rgb(225,225,225); margin: 0 0 .2em 0; padding: 0; }
.page .page-left { float: left; width: 19em; }
.page .page-desk { padding: 0 0 0 20.5em; }

.page .page-desk-right { float: right; width: 15em; }
.page .page-desk-content { padding: 0 16.5em 0 0; }

.page .page-content { overflow: auto; overflow-x: hidden; width: 100%; }
.page .page-content .page-content-main { padding: 0 25.5em 0 0; }
.page .page-content .page-content-right { float: right; width: 24em; }

.page .left-menu { margin: 0; padding: 0; line-height: 2em; }
.page .left-menu ul { margin: 0; padding: 0; list-style-type: none; }
.page .left-menu li { margin: 0; padding: 0; }
.page .left-menu li a { text-overflow: ellipsis; margin: 0 0 2px 0; padding: 0 .8em 0 .8em; display: block; overflow: hidden; white-space: nowrap; background: rgb(245,245,245); border-radius: .5em; border-radius: 0; text-decoration: none; -webkit-transition: background 150ms; transition: background 150ms; }
.page .left-menu li a:hover { color: white; background: #305699; }
.page .left-menu li .selected { font-weight: bold; color: black; background: rgb(220,220,220); }
.page .left-menu li .selected:hover { color: black; background: rgb(220,220,220); }
.page .left-menu li .menu_title { margin: 1em 0 2px 0; font-weight: bold; color: white; background: #6C7178; border-radius: 0; }
.page .left-menu li .menu_title:hover { font-weight: bold; color: white; background: #6C7178; text-decoration: underline; }
.page .left-menu li .menu_title_first { margin: 0 0 2px 0; font-weight: bold; color: white; background: #6C7178; border-radius: 0; line-height: 200%; }
.page .left-menu li .menu_title_first:hover { font-weight: bold; color: white; background: #6C7178; text-decoration: underline; }

.page .left-menu .hidden_tree { display: none; }
.page .left-menu .imgplus { display: none; height: .7em; margin: 0; margin: 0 .5em 0 1em; }
.page .left-menu .imgminus { display: none; height: .7em; margin: 0; margin: 0 .5em 0 1em; }
.page .left-menu .imgempty { display: none; height: .7em; margin: 0; margin: 0 .5em 0 1em; }
.page .left-menu .collapsed .imgplus { display: inline-block; }
.page .left-menu .collapsed .imgminus { display: none; }
.page .left-menu .collapsed .imgempty { display: none; }
.page .left-menu .expanded .imgplus { display: none; }
.page .left-menu .expanded .imgminus { display: inline-block; }
.page .left-menu .expanded .imgempty { display: none; }
.page .left-menu .empty .imgplus { display: none; }
.page .left-menu .empty .imgminus { display: none; }
.page .left-menu .empty .imgempty { display: inline-block; }

.right-search-box { margin: 0 0 1em 0 !important; padding: 0; height: 2em; line-height: 2em; border: 1px solid rgb(220,220,200); border-radius: .3em; }
.right-search-box .inner-box { margin: 0; padding: 0; border: 0; overflow: hidden; width: 100%; }
.right-search-box .search-btn { float: right; width: 4em; text-align: center; padding: 0; }
.right-search-box .search-btn a { display: block; border-radius: .3em; text-decoration: none; color: white; background: #305699; }
.right-search-box .search-btn a:hover { background: rgb(200,0,0); }
.right-search-box .search-box { padding: 0 4em 0 0; background: url('lupa-gray-h13.png') 1em center no-repeat; background-size: auto 1em; }
.right-search-box .search-box .search-box-borders { margin: 0; padding: 0 .3em 0 2.5em; border: 0; }
.right-search-box .search-text { display: inline-block; width: 100%; margin: 0; padding: 0; border: 0; }

.info-box { padding: 0 0 1em 0; }
.info-box h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; line-height: 200%; color: white; background: #6C7178; padding: 0 0 0 1em; text-shadow: none; }
.info-box .box { text-align: center; border-radius: .3em; margin: 0; padding: .5em 1em .5em 1em; background: rgb(245,245,245); }
.info-box .box-no-borders { margin: 0; padding: 0; border: 0 }
.info-box .box p { text-align: center; font-size: 100%; line-height: 175%; }
.info-box .box .title { font-weight: bold; line-height: 175%; }
.info-box .box h3 { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-serif; color: black; text-decoration: none; font-weight: bold; line-height: 150%; text-shadow: none; margin: 0 0 .3em 0; padding: 0; }
.info-box .box table { width: 100%; padding: 0; margin: 0 0 1em 0; border: 0; }
.info-box .box tr { padding: 0; margin: 0; border: 0; }
.info-box .box td, .info-box .box th { font-size: 90%; white-space: nowrap; text-align: right; padding: 0; margin: 0; line-height: 200%; }
.info-box .box th { font-weight: bold; text-align: left; }
.info-box h2 a { color: white; text-decoration: none; }
.info-box h2 a:hover { text-decoration: underline; }

.objednejte-se-na-urad { display: block; font-size: 100%; line-height: 0; margin: 0; padding: 0; border: 0; text-decoration: none; }
.objednejte-se-na-urad img { margin: 0; padding: 0; border: 0; }

.contact_list_from_users_box { margin: 1.5em 0 0 0; padding: 2px; border: 1px solid #305699; }
.contact_list_from_users { width: 100%; margin: 0; padding: 0; border: 0; }
.contact_list_from_users tr { margin: 0; padding: 0; border: 0; }
.contact_list_from_users th { text-align: left; margin: 0; padding: 0; border: 0; }
.contact_list_from_users .department { text-align: left; margin: 0; padding: 0; border: 0; background: rgb(235,235,235); }
.contact_list_from_users tr:hover { background: rgb(245,245,245); }
.contact_list_from_users .th_name { width: 14em; padding: .4em 0 .4em 1em; }
.contact_list_from_users .th_function { width: auto; padding: .4em 0 .4em 1em; }
.contact_list_from_users .th_telephone { width: 10em; padding: .4em 0 .4em 1em; }
.contact_list_from_users td { margin: 0; padding: .4em 0 .4em 0; border: 0; }
.contact_list_from_users .td_name { width: 14em; padding-left: 1em; }
.contact_list_from_users .td_function { width: auto; padding-left: 1em; }
.contact_list_from_users .td_telephone { width: 10em; text-align: right; padding-right: 1em; }
.contact_list_from_users h2 { font-weight: normal; text-align: left; font-size: 110%; color: white; background: #305699; margin: 0 0 1px 0; padding: .4em 0 .4em 1em; border: 0; text-shadow: none; }

.banners { margin: 0; }
.banners a { display: block; line-height: 0; margin: 0 0 1em 0; }
.banners img { width: 100%; }

.rich-footer { margin: 1em 0 0 0; padding: 0 0 .5em 0; background: rgb(235,235,235); background-image: linear-gradient(180deg, white, rgb(200,200,200)); border-radius: .3em; font-size: 90%; overflow: hidden; width: 100%; }
.rich-footer a { color: black; text-decoration: underline; }
.rich-footer a:hover { color: black; text-decoration: none; }
.rich-footer img { border: 0; }
.rich-footer .emblem { padding: .5em 1em .5em 1em; display: inline-block; float: left; }
.rich-footer .contacts { margin: .5em 0 0 0; padding: .5em 2em .5em 1em; display: inline-block; float: left; }
.rich-footer .right { margin: .5em 0 0 0; padding: .5em 1em .5em 0; display: inline-block; float: right; }
.rich-footer h6 { margin: 0 0 .3em 0; font-weight: bold; text-decoration: none; font-size: 100%; }

.links-footer { margin: 2px 0 0 0; height: 2.5em; line-height: 2.5em; background: #6C7178; border-radius: .3em; overflow: hidden; width: 100%; }
.links-footer a { color: white; text-decoration: none; }
.links-footer a:hover { text-decoration: underline; }
.links-footer .links-footer-left { float: left; width: 60%; }
.links-footer .links-footer-left a { margin-left: 1.5em; }
.links-footer .links-footer-left .first { margin-left: 1em; }
.links-footer .links-footer-right { padding: 0 0 0 60%; text-align: right; }
.links-footer .links-footer-right a { margin-right: 1.5em; }
.links-footer .links-footer-right .last { margin-right: 1em; }

.bottom { text-align: center; padding-top: .7em; }
.bottom a { font-size: 90%; color: rgb(130,130,130); text-shadow: 1px 1px 1px rgb(180,180,180); text-decoration: none; }
.bottom a:hover { color: black; text-shadow: 1px 1px 1px white; text-decoration: underline; }

.tester { height: 10em; margin-bottom: 1em; background: rgb(220,255,230); }

.news-article { margin-bottom: 1.5em; overflow: hidden; width: 100%; }
.news-article h1 { font-size: 190%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: rgb(200,0,0); text-shadow: 1px 1px 1px rgb(225,225,225); margin: 0 0 .2em 0; padding: 0; text-shadow: 1px 1px 1px rgb(225,225,225); }
.news-article h2 { font-size: 140%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; margin: 0; padding: 0; text-shadow: 1px 1px 1px rgb(225,225,225); }
.news-article 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); }
.news-article h2 a:hover { color: rgb(200,0,0); text-decoration: underline; }
.news-article .news-icon { float: left; width: 12em; line-height: 0; }
.news-article .news-icon a { display:inline-block; }
.news-article .news-icon img { width: 12em; /*padding-top: .2em;*/ }
.news-article .news-text { padding-left: 13em; line-height: 175%; text-align: justify; }
.news-article .news-publishing-time { color: rgb(120,120,120); font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; }

.news-full-article { margin-bottom: 1.5em; overflow: hidden; width: 100%; }
.news-full-article h1 { font-size: 190%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: rgb(200,0,0); text-shadow: 1px 1px 1px rgb(225,225,225); margin: 0 0 .2em 0; padding: 0; text-shadow: 1px 1px 1px rgb(225,225,225); }
.news-full-article h3 { font-size: 120%; line-height: 100%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; margin: 0; padding: 0 0 .5em 0; text-shadow: 1px 1px 1px rgb(225,225,225); }
.news-full-article h3 .dot { font-size: 75%; }
.news-full-article h3 .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 { max-width: 100%; padding: 0; margin: 0; background: transparent; }
.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; }

.next-news { padding: 0; margin: 0; border: 0; }
.news-load-next { font-size: 125%; display: block; border: 1px dashed rgb(80,80,80); border-radius: 1em; margin: 1em 2em 1em 2em; padding: 1em; text-align: center; color: #305699; background: rgb(245,245,245); text-decoration: none; }
.news-load-next:hover { color: #305699; background: rgb(240,240,255); text-decoration: underline; }

.calendar-full-item { margin-bottom: 1.5em; overflow: hidden; width: 100%; }
.calendar-full-item h1 { font-size: 190%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: rgb(200,0,0); text-shadow: 1px 1px 1px rgb(225,225,225); margin: 0 0 .2em 0; padding: 0; text-shadow: 1px 1px 1px rgb(225,225,225); }
.calendar-full-item h3 { font-size: 120%; line-height: 100%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; margin: 0; padding: 0 0 .5em 0; text-shadow: 1px 1px 1px rgb(225,225,225); }
.calendar-full-item h3 .dot { font-size: 75%; }
.calendar-full-item h3 .published-date-time { font-size: 100%; }
.calendar-full-item .calendar-item-text { line-height: 175%; text-align: justify; }
.calendar-full-item .calendar-item-text img { float: left; width: 16em; margin: .4em 1em .5em 0; }
.calendar-full-item .calendar-item-author { line-height: 175%; padding: .3em 0 0 0; text-align: right; font-style: italic; font-weight: bold; }
.calendar-full-item .calendar-back-to-homepage { padding: .3em 0 0 0; text-align: right; }
.calendar-full-item .calendar-back-to-homepage span { padding: 0; }

.table-opening-hours-podatelna { width: 50%; padding: 0; margin: 0; border: 1px solid gray; }
.table-opening-hours-podatelna tr { padding: 0; margin: 0; border: 0; }
.table-opening-hours-podatelna td, .table-opening-hours-podatelna th { font-size: 90%; white-space: nowrap; text-align: right; padding: 0 1em 0 1em; margin: 0; line-height: 200%; border: 1px solid gray; }
.table-opening-hours-podatelna th { font-weight: bold; text-align: left; }

.eud-category-switch { margin: 0 0 1em 0; padding: 0 .3em 0 1em; border: 0; background: rgb(150,150,150); }
.eud-category-switch span { color: white; line-height: 240%; display: inline-block; white-space: nowrap; }
.eud-category-switch select { margin-left: 1em; width: auto; }
.eud-category-switch a { color: white; text-decoration: underline; line-height: 240%; display: inline-block; white-space: nowrap; margin-left: 1em; }
.eud-category-switch a:hover { text-decoration: none; }

.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-list-of-documents a { text-decoration: none; }
.eud-list-of-documents a:hover { text-decoration: underline; }
.eud-list-of-documents tr, .eud-list-of-documents th, .eud-list-of-documents td { margin: 0; padding: 0; vertical-align: top; }
.eud-list-of-documents th, .eud-list-of-documents td { text-align: left; width: auto; font-weight: normal; }
.eud-list-of-documents th { width: 6.5em; padding-right: 1em; font-weight: bold; white-space: nowrap; overflow: visible; text-align: right; }

.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; }

.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; }

.external-banners { display: block; font-size: 100%; line-height: normal; text-align: center; padding: 0; margin: 0; }
.external-banners a { font-size: 100%; padding: 0; margin: 0; }
.external-banners img { max-width: 90%; padding: .5em 0 .5em 0; margin: 0; border: 0; }

.tab-sport-donations { width: 100%; font-size: 100%; line-height: 200%; margin: .5em 0 1em 0 !important; padding: 0; border: 1px solid silver; border-collapse: collapse; border-spacing: 0; color: black; }
.tab-sport-donations td, .tab-sport-donations th, .tab-sport-donations tr { margin: 0; padding: 0; border: 1px solid silver; text-align: left; vertical-align: top; }
.tab-sport-donations th { font-weight: bold; background: rgb(245,245,245); line-height: 240%; padding-left: .5em; }
.tab-sport-donations .th-sport-donations-promoter { width: 10em; }
.tab-sport-donations .th-sport-donations-event { width: auto; }
.tab-sport-donations .th-sport-donations-amount { width: 9em; }
.tab-sport-donations .td-sport-donations-promoter { width: 10em; padding-left: .5em; }
.tab-sport-donations .td-sport-donations-event { width: auto; padding-left: .5em; }
.tab-sport-donations .td-sport-donations-amount { width: 9em; padding-right: .5em; text-align: right; }
.tab-sport-donations a { font-weight: normal; color: black; text-decoration: underline; }
.tab-sport-donations a:hover { color: rgb(200,0,0); text-decoration: none; }

.link-img-sport-donations { display: block; text-align: center; width: 100%; font-size: 100%; line-height: 175%; margin: 0 0 1em 0; padding: 0; border: 0; color: black; }
.link-img-sport-donations img { margin: 0; padding: 0; border: 0; }
.link-delete-img-sport-donations { display: block; text-align: center; width: 100%; font-size: 80%; line-height: 100%; margin: 0 0 2em 0; padding: 0; border: 0; color: gray; }

.qtronik-iframe { border: 0; width: 51em; width: 100%; }

.virtualni-prohlidka { display: block; background: url('virtualni-prohlidka.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-portal-obcana {
  display: block; font-size: 100%; line-height: normal; margin: 0; text-decoration: none;
  padding: .5em 1em .5em 1em;
  background: #305699;
  border: 2px solid rgb(100,100,100);
  border-left: 2px solid rgb(235,235,235);
  border-top: 2px solid rgb(235,235,235);
  overflow: hidden;
}
.banner-portal-obcana:hover {
  padding: .5em .9em .4em 1em;
  border: 2px solid rgb(100,100,100);
  border-right: 2px solid rgb(235,235,235);
  border-bottom: 2px solid rgb(235,235,235);
}
.banner-portal-obcana div {
  font-size: 160%;
  color: white;
  text-shadow: 1px 1px gray;
  line-height: 100%;
  overflow: hidden;
}
.banner-portal-obcana:hover div {
  padding-left: 1px;
  padding-top: 1px;
  text-shadow: -1px -1px black;
}


.banner-skoleni {
  display: block; font-size: 100%; line-height: normal; margin: 0; text-decoration: none;
  background-image: url('/templates/kralupy/banner-skoleni-bg.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('/templates/kralupy/ikona-skoleni.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;
}

.vzdelavaci-kurz {
  text-decoration: none;
  margin: 0 0 1.5em 0;
  padding: 1em 1.5em 1em 1.5em;
  display: block;
  background: rgb(252,252,252);
}
.vzdelavaci-kurz:hover {
  text-decoration: none;
  background: rgb(245,247,249);
}
.vzdelavaci-kurz p span {
  display: inline-block;
  width: 8em;
}
.vzdelavaci-kurz:hover h2 {
  color: rgb(200,0,0);
  text-decoration: underline;
}
.vzdelavaci-kurz:hover p {
  color: black;
}
.vzdelavaci-kurz b {
  font-weight: normal;
  cursor: pointer;
  text-decoration: underline;
  color: rgb(0,0,200);
}
.vzdelavaci-kurz b:hover {
  text-decoration: none;
  color: rgb(200,0,0);
}

.kurzy-detail {}
.kurzy-detail p {
  line-height: 200%;
}
.kurzy-detail p span {
  display: inline-block;
  width: 10em;
}
.kurzy-detail a {
  font-weight: normal;
  cursor: pointer;
  text-decoration: underline;
  color: rgb(0,0,200);
}
.kurzy-detail a:hover {
  text-decoration: none;
  color: rgb(200,0,0);
}

.tabItems { width: 34.3em; margin: 0; padding: 0 0 0 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.tabItems tr, .tabItems td, .tabItems th { width: auto; margin: 0; padding: 0; border: 0; text-align: left; vertical-align: middle; overflow: hidden; white-space: nowrap; }
.tabItems td, .tabItems th { padding: .3em .3em .3em .3em; border-bottom: 1px solid rgb(235,235,235); }
.tabItems th { background: rgb(245,245,245); white-space: nowrap; text-align: right; padding-right: .5em; width: 10em !important; }
.tabItems tr:hover { background: rgb(245,245,245); }

.editItems { text-align: right; padding: .2em 0 0 0; }
.editItems a { color: rgb(0,0,200); }
.editItems a:hover { color: rgb(200,0,0); }
.editItems span { float: left; color: rgb(0,0,0); padding-right: 2em; }

.tabItems input[type=text] { border: none !important; width: 20em !important; }

.zajimavost-bigfram {
  display: block;
  border: 1px solid silver;
  padding: 1px;
  margin: 0 0 1em 0;
  background: url('zajimavosti/bigfram-659x371.jpg') center bottom;
  background-size: auto 100%;
}
.zajimavost-bigfram:hover {
  border: 1px solid black;
}
.zajimavost-bigfram div {
  padding-top: 10m;

}

.mtps-news-thumb-image-container {
  padding-top: .2em;
}

.dialog_smarttext { font-size: 15px; line-height: 150%; }


.info-box-koronavirus { padding: 0 0 .1em 0; }

.banner-koronavirus {
  width: auto;
  display: inline-block;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  text-decoration: none;
  padding: .5em 1em .5em .7em;
  background: rgb(200,0,0);
  border: 1px solid #305699;
  border-left: 1px solid rgb(220,220,220);
  border-top: 1px solid rgb(220,220,220);
  overflow: hidden;
  transition: background 150ms;
  border-radius: .3em;
}
.banner-koronavirus:hover {
  transition: background 150ms;
  background: red;
}
.banner-koronavirus div {
  font-size: 110%;
  color: white;
  text-shadow: 1px 1px gray;
  line-height: 100%;
  overflow: hidden;
}
.banner-koronavirus:hover div {
  text-shadow: 1px 1px black;
}

.content ul {
  display: inline-block;
  width: auto;
}
.content li {
  margin: 0 0 0 1.5em;
  padding: 0;
  list-style-position: outside;
}


.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 .is-opening-day {
  color: rgb(0,175,0);
}
.in-page-openinghours-wrapper .in-page-openinghours-box .no-opening-day {
  color: rgb(200,0,0);
}
