/*  
* ==========================================================================================
* 
* Description: 	Šablona vzhledu od Designeo Creative s.r.o. 
* Version: 		1.0
*
* Author: 		Designeo Creative s.r.o.
* Website: 		http://www.designeo.cz 
* Email:	 	info@designeo.cz
* Created by: 	Honza Michalička, Tereza Jeníčková, Tomáš Polívka, Jan Sluka
* 
* Copyright: 	(c) 2011 Designeo Creative s.r.o. All rights reserved. 
* 		(c) 2015 TLP spol. s r.o. All rights reserved. 
* 
* ==========================================================================================
*/

/*
* COLOR PALLETE
*    blue: #2e4b8f
*    light blue: #daebf3
*    hover blue: #afc8d9
*    footer line silver: #e7ecf0
*    menu outline silver: #cdd6de
*/

/*
* CONTENT
*
* A. GENERAL
*
* B. BASIC HTML LAYOUT
*    B.1 Header
*        B.1.1 Top header
*        B.1.2 Middle header
*        B.1.3 Bottom header
*              B.1.3.1 Menu
*    B.2 Toolbar, Search forms
*        B.2.1 Toolbar
*        B.2.2 Google-search-form
*        B.2.3 Changelist-search, Index-view-search, Gis-search-form
*    B.3 Main
*        B.3.1 Breadcrumbs
*        B.3.2 Page menu
*        B.3.3 Content
*        B.3.4 Sidebar
*    B.4 Footer
*        B.4.1 Top footer
*        B.4.2 Middle footer
*        B.4.3 Bottom footer
*
* C. CUSTOM VIEWS
*    C.1 Stranky s CMS obsahem
*        C.1.1 CMS obsah
*        C.1.2 Homepage
*        	C.1.2.1 Flip tiles gallery
*        C.1.3 Stranka typu text
*        C.1.4 Stranka typu rozcestnik
*    C.2 Stranky admin views
*        C.2.1 Changelist view
*              C.2.1.1 Multi changelist view
*              C.2.1.2 Zasahy JPO
*        C.2.2 Index view
*              C.2.2.1 Databaze latek
*              C.2.2.2 Hlasne profily
*              C.2.2.3 Analyza ohrozeni
*              C.2.2.4 Scenar uniku latky
*    C.3 Stranky s mapou
*        C.3.1 Controls
*        C.3.2 Sidebar
*        C.3.3 Popups
*        C.3.4 Stranka typu gis
*        C.3.5 Mapa na changelistu
*    C.4 Google-search results
*    C.5 Site map
*
*/

/*
* A. GENERAL
* ==========================================================================================
*/

h1, h2, h3, h4, h5 {
    color: #666;
}
h1 {
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 21px;
}
h2 {
    margin: 0.7em 0;
    font-size: 19px;
}
h3 {
    margin: 0.5em 0;
    font-size: 15px;
}
h4 {
    margin: 0.3em 0;
    padding: 0;
    font-size: 13px;
}
h5 {
    margin: 0.2em 0;
    font-size: 11px;
    letter-spacing: normal;
    text-transform: none;
}
p {
    line-height: 21px;
}
table {
    padding: 0;
    border: 1px #dedede solid;
    border-spacing: 0;
    border-collapse: collapse;
}
table.model_icon_table {
    border: none;
}
table tr.odd {
    background-color: #f2f2f2;
}
table tr.row1 {
    background-color: #F2F2F2;
}
table tr.row2 {
    background-color: #F8F8F8;
}
table th {
    margin: 0;
}
table th,
table thead th,
table tr.heading th {
    color: #2e4b8f;
}
table th a:link,
table th a:visited,
table thead th a:link,
table thead th a:visited,
table tr.heading th a:link,
table tr.heading th a:visited {
    color: #203565;
}
table th,
table td {
    padding: 0 10px;
    border: 1px #dedede solid;
    font-family: "Arial CE", Arial, Helvetica, sans-serif;
}
a, a:link, a:visited, a:hover {
    color: #2e4b8f;
}
a, a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a[href$=".pdf"], a[href$=".xls"], a[href$=".doc"], a[href$=".txt"],
a[href$=".zip"], a[href$=".rar"], a[href$=".tar.gz"], a[href$=".tgz"],
a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"],
a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"],
a[href$=".ppt"], a[href$=".ppsx"], a[href$=".pps"], a[href$=".odp"], a[href$=".rtf"] {
    padding: 2px 0 2px 22px;
    background: transparent;
}
a[href$=".pdf"] {
    background: url(../img/file-types/page_white_acrobat.png) no-repeat scroll left center;
}
a[href$=".xls"] {
    background: url(../img/file-types/page_white_excel.png) no-repeat scroll left center;
}
a[href$=".doc"], a[href$=".rtf"] {
    background: url(../img/file-types/page_white_word.png) no-repeat scroll left center;
}
a[href$=".txt"] {
    background: url(../img/file-types/page_white_text.png) no-repeat scroll left center;
}
a[href$=".zip"], a[href$=".rar"], a[href$=".tar.gz"], a[href$=".tgz"] {
    background: url(../img/file-types/page_white_compress.png) no-repeat scroll left center;
}
a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"] {
    background: url(../img/file-types/music.png) no-repeat scroll left center;
}
a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"] {
    background: url(../img/file-types/film.png) no-repeat scroll left center;
}
a[href$=".ppt"], a[href$=".ppsx"], a[href$=".pps"], a[href$=".odp"] {
    background: url(../img/file-types/page_white_powerpoint.png) no-repeat scroll left center;
}
/* a[href*="@"] { background: url(../img/file-types/email.png) no-repeat scroll left center; } */
.cleaner {
    clear: both;
}

/*
* B. BASIC HTML LAYOUT
* ==========================================================================================
*/

body {
    margin: 0;
    padding: 0;
    font-family: "Arial CE", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 80%;
    background-color: #fff;
    /* background-color: #a3b61f; */
    color: #666;
    line-height: 1.7em;
}
#wrapper {
    font-size: 13px;
    width: 99.98%; /* fix pro nezadouci horizontalni scrollbar v IE */
    min-width: 1000px; /* hodnota odpovidajici sirce narrow-layoutu */
}
.narrow-layout {
    width: 1000px; /* pri zmene upravit #wrapper min-width ! */
    margin: auto !important;
}
.wide-layout {
    width: 100%;
    margin: 0;
}

/* B.1 HEADER --------------------------------------------------------------------------- */

#header {
    position: relative;
    background: none repeat scroll 0 0 transparent;
    overflow: visible;
}

/* B.1.1 TOP HEADER --------------------------------------------------------------------- */

#header #top-bar {
    height: 25px;
    margin: 0 10px 0 10px;
    line-height: 25px;    
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #444;
}
#header #top-bar #top-bar-wrapper {
    margin: 0 10px 0 10px;
}
#header #top-bar .wrap-box {
    float: right;
    margin-top: 3px;
}
#header #top-bar #language-switcher {
    float: left;
    margin-left: 15px;
}
#header #top-bar #language-switcher table {
    border: 0 none;
    height: 22px;
}
#header #top-bar #language-switcher table td {
    border: 0 none;
    padding: 0;
    vertical-align: middle;
}
#header #top-bar #language-switcher table td input {
    margin: 0 0 0 8px;
    padding: 0;
}
#header #top-bar #login {
    float: left;
    height: 22px;
    line-height: 22px;
    margin-left: 15px;
}
#header #top-bar #login a,
#header #top-bar #login a:visited {
    color: #444;
}
#header #top-bar #login a:hover {
    text-decoration: underline;
}
#header #top-bar #top-links,
#header #top-bar #site-links {
    float: left;
    margin-right: 10px;
}
#header #top-bar #site-links a#changeform_link {
    display: inline-block;
    margin-right: 10px;
    color: #444;
    background-position: left center;
}
#header #top-bar #site-links a#changeform_link:hover {
    text-decoration: underline;
}
#header #top-bar #site-links #top-bar-close {
    float: left;
    position: static;
    margin-right: 10px;
    padding: 0;
    color: #444;
    background-color: transparent;
    border: none;
    font-size: 13px;
    cursor: pointer;
}
#header #top-bar #site-links #top-bar-close:hover {
    background-color: transparent;
    text-decoration: underline;
}

/* B.1.2 MIDDLE HEADER ------------------------------------------------------------------ */

#header #middle-bar {
    position: relative;
    height: 92px;
    padding: 20px 0 20px 0;
}
#header #middle-bar #middle-bar-wrapper {
    margin: 0 10px 0 10px;
}
#header #middle-bar #logo-kraje {
    float: left;
    width: 82px;
    height: 92px;
}
#header #middle-bar #slogan {
    height: 82px;
    margin: 0 0 0 82px;
    padding: 10px 0 0 20px;
    line-height: normal;
    font-size: 44px;
    font-family: "Open Sans Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-shadow: 3px 3px 2px #ddd, -1px -1px #222;
    color: #757575;
}
#header #middle-bar #slogan.full_width {
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
}

/* B.1.3 BOTTOM HEADER ------------------------------------------------------------------ */

#header #bottom-bar {
    position: relative;
    height: 29px;
    min-height: 0;
    border-top: 5px solid #2e4b8f;
    border-bottom: 5px solid #2e4b8f;
    background: none repeat scroll 0 0 #2e4b8f;
}
#header #bottom-bar #bottom-bar-wrapper {
    margin: 0 10px 0 10px;
}

/* B.1.3.1 MENU ------------------------------------------------------------------------- */

#header #bottom-bar #menu a:hover {
    text-decoration: underline;
}
#header #bottom-bar #menu a.empty-page:hover {
    text-decoration: none;
}
#header #bottom-bar #menu ul,
#header #bottom-bar #menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger {
    float: left;
    padding: 0 5px 0 5px;
    border-left: 2px solid #fff;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger:first-child {
    padding-left: 0;
    border-left: 0 none;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger a {
    padding: 0 5px 0 5px;
    color: #fff;
    font-size: 21px;
    font-family: "Open Sans Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger a.empty-page {
    cursor: default;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger.active a {
    color: #2e4b8f;
    background-color: #fff;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger.active a:hover {
    text-decoration: none;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger.overflow_dots a:hover {
    text-decoration: none;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger .arrow {
    position: absolute;
    top: 34px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: #2e4b8f transparent transparent transparent;
    z-index: 7000;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger .dropdown_items {
    display: none;
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    min-height: 75px;
    border-top: 5px solid #2e4b8f;
    border-bottom: 5px solid #fff;
    background-color: #ccc;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger.open .dropdown_items {
    display: block;
    z-index: 6000;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger .dropdown_items ul {
    padding: 10px 0 15px 0;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger .dropdown_items ul li {
    display: inline-block;
    width: 29.9%;
    padding: 0 20px 10px 10px;
    vertical-align: top;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger .dropdown_items ul li a {
    padding: 0;
    color: #666;
    background-color: #ccc;
    line-height: 27px;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger.active .dropdown_items ul li a:hover {
    text-decoration: underline;
}
#header #bottom-bar #menu ul.menu li.dropdown_trigger .dropdown_items ul li.redirect a img.menu-redirect-icon {
    padding: 0 0 0 5px;
    vertical-align: middle;
}
#header #bottom-bar #menu li.custom_background_color:hover {
    opacity: 0.85;
}


/* B.2 TOOLBAR, SEARCH FORMS ------------------------------------------------------------ */

/* B.2.1 TOOLBAR (na changelistu/mape na changelistu, indexu analyzy ohrozeni a strance typu gis) */

#changelist #toolbar,
.colSM #toolbar,
.gis #toolbar {
    margin: 0px;
    height: 22px;
    color: #666666;
}
#changelist #toolbar, .colSM #toolbar {
    background: none repeat scroll 0 0 transparent;
    border: none;
    padding: 3px 3px 10px 0;
}
.map-change-list #changelist #toolbar,
.gis #toolbar {
    background: url("../img/nav-bg.gif") repeat-x scroll left top #E1E1E1;
    border: 1px solid #DDDDDD;
    padding: 3px 3px 3px 6px;
}
.gis #toolbar {
    border-bottom: none;
}
.gis #toolbar #ajax {
    float: left;
    background: url("../img/ajax-loader-snake.gif") no-repeat scroll right 2px transparent;
    height: auto;
    padding: 0 20px 0 10px;
    position: static;
    right: auto;
    top: auto;
    width: auto;
}
#changelist.filtered #toolbar {
    margin-right: 0;
}

/* B.2.2 GOOGLE-SEARCH-FORM (na vsech typech stranek) ----------------------------------- */

#header #google-search { /* selektor '#header' nutny pro nepredefinovani .google-search-results */
    position: relative;
    float: left;
    width: 300px;
    height: 22px;
    margin-left: 15px;
}
form#google-search-form {
    width: 100%;
    height: 20px;
    border: 1px solid #e7ecf0;
    background-color: white;
}
form#google-search-form input#google-search-field {
    float: left;
    width: 85%;
    padding: 0 0 0 5px;
    border: none;
    background: none repeat scroll 0 0 transparent;
    color: gray;
    font-size: 13px;
    font-family: "Arial CE", Arial, Helvetica, sans-serif;
}
form#google-search-form input#google-search-field.empty-searchfield {
    background: #FFFFFF url("../img/google_custom_search_watermark.gif") 2px 1px no-repeat scroll;
}
form#google-search-form input#google-search-field.nonempty-searchfield {
    background: #FFFFFF none 0 0 no-repeat scroll;
}
form#google-search-form input#google-search-button {
    float: right;
    width: 18px;
    height: 18px;
    margin: 0;
    border: none;
    background: url("../img/search-but.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
form#google-search-form input#google-search-button:hover {
    background-position: 0 -20px;
}

/* B.2.3 CHANGELIST-SEARCH (na changelistu/mape na changelistu), ------------------------ */
/*       INDEX-VIEW-SEARCH (na indexu analyzy ohrozeni) --------------------------------- */
/*       GIS-SEARCH-FORM (na strance typu gis) ------------------------------------------ */

form#changelist-search,
form#index-view-search,
form#gis-search-form {
    display: block;
    float: left;
    width: auto;
    height: 22px;
    margin: 0;
    padding: 0;
}
form#changelist-search div#validator,
form#index-view-search div#validator {
    display: block;
    height: 22px;
}
form#changelist-search span#input-wrapper,
form#index-view-search span#input-wrapper,
form#gis-search-form span#input-wrapper {
    display: block;
    float: left;
    width: 250px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 1px solid #DDDDDD;
    background-color: white;
}
form#changelist-search label,
form#index-view-search label {
    display: none;
}
/* selektor '#changelist' nutny pro predefinovani changelists.css */
/* selektor '#content.colSM' nutny pro predefinovani rozcestnik.css */
#changelist form#changelist-search input#searchbar,
#content.colSM form#index-view-search input#searchbar,
form#gis-search-form input#searchquery {
    display: block;
    float: left;
    width: 220px;
    height: 20px;
    margin: 0;
    padding: 0 5px 0 5px;
    border: none;
    font-size: 13px;
    font-family: "Arial CE", Arial, Helvetica, sans-serif;
}
#changelist form#changelist-search input[type="submit"],
form#index-view-search input[type="submit"],
form#gis-search-form input#searchbtn {
    display: block;
    float: none;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0 0 0 20px;
    border: none;
    background: url("../img/search-but.png") no-repeat scroll 0 0 white;
    color: transparent;
    cursor: pointer;
}
form#gis-search-form input#searchbtn {
    opacity: 1 !important;
}
form#changelist-search input[type="submit"]:hover,
form#index-view-search input[type="submit"]:hover,
form#gis-search-form input#searchbtn:hover {
    background-position: 0 -20px !important;
}
form#changelist-search span.quiet {
    margin-left: 10px;
}

/* B.3 MAIN ----------------------------------------------------------------------------- */

#main #main-wrapper {
    margin: 0 10px 0 10px;
}

/* B.3.1 BREADCRUMBS -------------------------------------------------------------------- */

#breadcrumbs {
    width: auto;
    margin-top: 6px;
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #444;
    line-height: 30px;
}
#breadcrumbs a,
#breadcrumbs a:visited {
    color: #444;
    text-decoration: underline;
}
#breadcrumbs a:hover {
    text-decoration: none;
}
#breadcrumbs a:first-child {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    top: 2px;
}

/* B.3.2 PAGE MENU -------------------------------------------------------------------- */
#page-menu {
    float: left;
    width: 233px;
    min-height: 400px;	
    margin: 10px 0 20px 0;
    padding: 0;
    border-right: 2px solid #ccc;
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #444;
}
#page-menu #page-menu-inner {
    padding-right: 10px;
}
#page-menu #page-menu-inner.tree li {
    line-height: 22px;
}
#page-menu #page-menu-inner.tree li a,
#page-menu #page-menu-inner.tree li span {
    padding: 0 3px 0 3px;
    color: #444;
    font-size: 13px;
    border-radius: 2px;
}
#page-menu #page-menu-inner.tree li a.clicked,
#page-menu #page-menu-inner.tree li a.clicked:hover,
#page-menu #page-menu-inner.tree li span.clicked {
    background: none repeat scroll 0 0 #7084b2;
    border: 1px solid #7084b2;
    color: #fff;
}
#page-menu #page-menu-inner.tree li a:hover,
#page-menu #page-menu-inner.tree li a.hover,
#page-menu #page-menu-inner.tree li span {
    background: none;
    border: none;
    text-decoration: underline;
}
#page-menu #page-menu-inner.tree li a.empty-page:hover {
    text-decoration: none;
}
/* vertikalni zarovnani ikon napric levely vrstev */
#page-menu #page-menu-inner.tree li.level_0 a,
#page-menu #page-menu-inner.tree li.level_0 span {
	width: 215px;
}
#page-menu #page-menu-inner.tree li.level_1 a,
#page-menu #page-menu-inner.tree li.level_1 span {
	width: 200px;
}
#page-menu #page-menu-inner.tree li.level_2 a,
#page-menu #page-menu-inner.tree li.level_2 span {
	width: 185px;
}
#page-menu #page-menu-inner.tree li.level_3 a,
#page-menu #page-menu-inner.tree li.level_3 span {
	width: 170px;
}
#page-menu #page-menu-inner.tree li.level_4 a,
#page-menu #page-menu-inner.tree li.level_4 span {
	width: 155px;
}
#page-menu #page-menu-inner.tree li.redirect a img.page-menu-redirect-icon {
    padding: 0 0 0 3px;
    vertical-align: middle;
}

/* B.3.3 CONTENT ------------------------------------------------------------------------ */

#content {
    min-height: 400px;
    margin: 10px 0 20px 0;
    padding: 0;
}
#main.page-menu-enabled #content {
    margin-left: 243px;
}
#content > h1,
#content > .wrap > h1 {
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#content .article_footer {
    color: #757575;
}
#content .article_footer .article_tags,
#content .article_footer .article_author {
    margin-bottom: 20px;
}
#content .article_footer .article_tags {
    float: left;
}
#content .article_footer .article_author {
    float: right;
}
#content .article_footer .article_tags .article_tags_label,
#content .article_footer .article_author .article_author_label {
    font-weight: bold;
}
#content .article_footer .article_tags .article_tags_content,
#content .article_footer .article_author .article_author_content {
    margin-left: 5px;
}
#main.gis #content,
.map-change-list #main.admin-view #content {
    min-height: 0;
}

/* B.3.4 SIDEBAR ------------------------------------------------------------------------ */

#sidebar {
    float: left;
    width: 33.3333%;
    margin-top: 30px;
}
#main.wide-layout #sidebar {
    width: 32.3333%;
}
#sidebar #news_wrapper img#aktuality_icon,
#sidebar #hlasne_profily_wrapper img#hlasne_profily_icon,
#sidebar #vystrahy_sivs_wrapper img#vystrahy_sivs_icon {
    float: left;
    height: 20px;
}
#sidebar #news_wrapper img#aktuality_icon {
    height: 18px;
    margin-top: 2px;
}
#sidebar #hlasne_profily_wrapper img#hlasne_profily_icon {
    margin-top: -1px;
    margin-left: 8px;
}
#sidebar #vystrahy_sivs_wrapper img#vystrahy_sivs_icon {
    margin-top: 1px;
    margin-left: -1px;
}
#sidebar h1 {
    padding-bottom: 8px;
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#sidebar h1:first-child {
    /* zajisti horizontalni zarovnani obsahu pod prvnim nadpisem s horni linii dlazdic */
    padding-bottom: 14px;
}
#sidebar #news_wrapper h1,
#sidebar #hlasne_profily_wrapper h1,
#sidebar #vystrahy_sivs_wrapper h1 {
    padding-left: 24px;
}
#sidebar h3 {
    margin: 0;
}
#sidebar a {
    color: #666;
}
#sidebar a:link,
#sidebar a:visited {
    text-decoration: none;
}
#sidebar a:hover {
    text-decoration: underline;
}
#sidebar ul {
    margin: 0;
    padding: 0 0 0 6px;
    list-style: none;
    list-style-image: none;
    clear: both;
}
#sidebar ul li {
    padding: 0 0 0 18px;
    list-style-type: none;
    line-height: 21px;
    font-size: 13px;
    background: url('../img/bullet_blue.png') no-repeat scroll 0 2px transparent;
}
#sidebar ul#news {
    margin-bottom: 22px;
}
#sidebar ul#news li {
    margin-bottom: 8px;
}
#sidebar ul#news li.prioritni {
    background-image: url('../img/bullet_red_white.gif');
}
#sidebar ul#news li.prioritni h3 a {
    color: red;
}
#sidebar ul#news li .date {
    color: gray;
    font-size: 11px;
    font-style: italic;
}
#sidebar ul#hlasne_profily li {
    min-height: 40px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 2px solid #eeeeee;
    background-image: url('../img/bullet_red_white.gif');
}
#sidebar ul#hlasne_profily li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}
#sidebar ul#hlasne_profily li#no_profile_msg {
    min-height: 25px;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    background-image: url('../img/bullet_blue.png');
}
#sidebar ul#hlasne_profily li a {
    font-size: 15px;
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#sidebar ul#hlasne_profily li div.mimoradny_stav_txt {
    padding: 5px 0 0 0;
}
#sidebar p#hlasne_profily_vse {
    margin: 8px 0 22px 24px;
}
#sidebar p#hlasne_profily_vse a {
    font-size: 15px;
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#aktualni-stav .hlasny_profil_na_main_page {
    float: left;
}
#sidebar a#info_panel_changeform_link {
    float: right;
    background-position: left center;
    color: #444;
}
#sidebar #pravy_panel {
    margin-bottom: 22px;
}
#sidebar #pravy_panel p {
    margin: 13px 0;
}
#sidebar #pravy_panel p:first-of-type {
    margin-top: 0;
}
#sidebar ul#vystrahy_sivs li {
    min-height: 40px;
    padding-bottom: 8px;
    background-image: url('../img/bullet_red_white.gif');
}
#sidebar ul#vystrahy_sivs li:last-child {
    margin-bottom: 15px;
}
#sidebar ul#vystrahy_sivs li#zadna_vystraha_msg {
    min-height: 25px;
    padding-bottom: 0;
    margin-bottom: 15px;
    background-image: url('../img/bullet_blue.png');
}
#sidebar ul#vystrahy_sivs li#vystraha_jinde_msg {
    min-height: 25px;
    padding-bottom: 0;
    margin-bottom: 15px;
    background-image: url('../img/bullet_blue.png');
    font-style: underline;
}
#sidebar ul#vystrahy_sivs li#vystraha_jinde_msg a {
    text-decoration: underline;
}
#sidebar ul#vystrahy_sivs li.vystrazna_informace a {
    font-size: 15px;
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#sidebar ul#vystrahy_sivs li div.date {
    color: gray;
    font-style: italic;
    font-size: 11px;
}

/* B.4 FOOTER --------------------------------------------------------------------------- */

#footer {
    margin: 0;
    padding: 0;
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #444;
}

/* B.4.1 TOP FOOTER --------------------------------------------------------------------- */

#footer #footer-top-bar {
    height: 30px;
    background-color: #ccc;
}
#footer #footer-top-bar ul.site-tools {
    float: left;
    margin: 0;
    padding: 5px 0 0 10px;
}
#footer #footer-top-bar ul.site-tools li {
    display: inline;
    margin-right: 20px;
    font-size: 13px;
}
#footer #footer-top-bar ul.site-tools li a {
    text-decoration: underline;
    color: #444;
}
#footer #footer-top-bar ul.site-tools li a:hover {
    text-decoration: none;
}
#footer #footer-top-bar ul.site-tools li.site-map {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left 3px;
}
#footer #footer-top-bar ul.site-tools li.site-map {
    background-image: url('../img/ico_sitemap.png');
}
#footer #footer-top-bar ul.site-tools li.rss-feed {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left 3px;
}
#footer #footer-top-bar ul.site-tools li.rss-feed {
    background-image: url('../img/ico_rss.png');
}

/* B.4.2 MIDDLE FOOTER ------------------------------------------------------------------ */

#footer #footer-middle-bar {
    background-color: #ccc;
}
#footer #footer-middle-bar #footer-middle-bar-wrapper {
    padding: 0 10px;
}
#footer #footer-middle-bar div#footer_panel {
    padding: 5px 0;
    border-top: 1px solid #2e4b8f;
}
#footer #footer-middle-bar div#footer_panel a#footer_panel_changeform_link {
    float: right;
    background-position: left center;
    color: #444;
}
#footer #footer-middle-bar div#footer_panel a#footer_panel_changeform_link:hover {
    text-decoration: underline;
}
#footer #footer-middle-bar div#footer_panel div#footer_panel_text {
    margin-right: 130px;
}
#footer #footer-middle-bar div#footer_panel div#footer_panel_text p {
    margin: 0;
}

/* B.4.3 BOTTOM FOOTER ------------------------------------------------------------------ */

#footer #footer-bottom-bar {
    background-color: #2e4b8f;
}
#footer #footer-bottom-bar #copyright {
    height: auto; /* predefinovani neverejna.css u stranek tunelovanych z admina */
    padding: 5px 0 0 10px;
    color: white;
    background-color: transparent; /* predefinovani neverejna.css u stranek tunelovanych z admina */
}
#footer #footer-bottom-bar #copyright a {
    color: white;
}
#footer #footer-bottom-bar #copyright a:hover {
    text-decoration: underline;
}

/* 
* C. CUSTOM VIEWS
* ==========================================================================================
*/

/* C.1 STRANKY S CMS OBSAHEM ------------------------------------------------------------ */

/* C.1.1 CMS OBSAH ---------------------------------------------------------------------- */

#cms-text-title h1 {
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#cms-text {
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #444;
}
#cms-text h1,
#cms-text h2,
#cms-text h3,
#cms-text h4,
#cms-text h5 {
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#cms-text h1 {
    font-size: 18px;
}
#cms-text h1:first-child {
    padding-top: 5px;
}
#cms-text p {
    margin: 13px 0 13px 0;
}
#cms-text a {
    text-decoration: underline;
}
#cms-text a:hover {
    text-decoration: none;
}
#cms-text img {
    /* float: left; */
    margin: 15px;
}
#cms-text table.no-border,
#cms-text table.no-border th,
#cms-text table.no-border td {
    border-width: 0;
}
#cms-text table th,
#cms-text table td {
    vertical-align: middle;
    line-height: 21px;
    font-size: 13px;
}
#cms-text table th,
#cms-text table thead td {
    background: #dddddd url('../img/table-head.png') 1px 0 repeat-x;
    text-align: center;
    font-weight: bold;
    color: #2e4b8f;
    line-height: 36px;
}
#cms-text ul {
    padding-left: 24px;
}
#cms-text ul li {
    line-height: 21px;
    font-size: 13px;
    list-style: square outside url("../img/list-style.png");
}
#cms-text ul ul {
    float: none;
    margin: 0 0 0 15px;
    padding-left: 40px;
}
#cms-text ul ul li {
    padding: 0;
    background: none;
    list-style-image: none;
    list-style-type: disc;
}
#cms-text ul ul ul li {
    list-style-type: square;
}
#cms-text ul ul ul ul li {
    list-style-type: circle;
}
#cms-text ol li {
    line-height: 21px;
    font-size: 13px;
}
#cms-text a.external-link {
    padding-right: 15px !important;
    background: url('../img/icon_external_link.gif') no-repeat scroll right center transparent !important;
}
#cms-text .all-external-links a,
#cms-text table.all-external-links-exclude-first-column td a {
    padding-right: 15px;
    background: url('../img/icon_external_link.gif') no-repeat scroll right center transparent;
}
#cms-text a.no-external-link,
#cms-text .all-external-links a.no-external-link,
#cms-text table.all-external-links-exclude-first-column tr td:first-child a {
    padding-right: 0;
    background: none repeat scroll 0 0 transparent;
}
#cms-text-cleaner {
    clear: both;
}

/* obrazek s interaktivnim textem na hlavni strance COVID */

#cms-text #covid_info_tile {
    position: relative;
}
#cms-text #covid_info_tile div#covid_info_tile_text {
    position: absolute;
    top: 0px;
    right: 0;
    width: 430px;
    color: #eee;
    text-align: center;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    -webkit-text-size-adjust: 100%;
}
#cms-text #covid_info_tile div#covid_info_tile_text a {
    color: #eee;
    cursor: pointer;
}


/* C.1.2 HOMEPAGE ----------------------------------------------------------------------- */

#main.home.text #content {
    float: left;
    width: 66.6666%;
    margin-top: 30px;
}
#main.home.text.wide-layout #content {
    width: 64.6666%;
}
#main.home.text #content h1 {
    padding-bottom: 0px;
}
#main.home.text #content .wrap {
    padding-right: 10%;
}

/* C.1.2.1 FLIP TILES GALLERY ----------------------------------------------------------- */

/* default tlp/common/static/common/css/flip_tiles_gallery.css */

/* custom dlazdice pro aktualni informace ke koronaviru */

div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important {
    height: 302px !important;
}
div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important span.flip-tile-front {
    display: block !important;
}
div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important span.flip-tile-label {
    width: 267px;
    position: absolute;
    right: 8px;
    padding: 8px !important;
    background-color: white;
    color: red;
    font-weight: bold;
}
div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important span.flip-tile-label.flip-tile-label-top {
    width: 322px;
    top: 8px;
    padding: 5px !important;
    font-size: 14px;
}
div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important span.flip-tile-label.flip-tile-label-bottom {
    bottom: 8px;
    font-size: 19px;
    text-decoration: underline;
}
div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important span.flip-tile-label span.label-row {
    display: block;
}
div.flip-tiles-gallery.one-col-gallery ul.flip-tiles-list li.flip-tile.flip-tile-important span.flip-tile-label span.label-row.underline {
    text-decoration: underline;
}



/* C.1.3 STRANKA TYPU TEXT -------------------------------------------------------------- */

#main.text {
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #444;
}
#main.text h1,
#main.text h2,
#main.text h3,
#main.text h4,
#main.text h5 {
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}

/* C.1.4 STRANKA TYPU ROZCESTNIK -------------------------------------------------------- */

#main.rozcestnik #content {
    float: none;
    line-height: 21px;
}
#main.rozcestnik #content p {
    margin: 0;
}
#main.rozcestnik #content a {
    text-decoration: none;
    color: #666;
}
#main.rozcestnik #content a:hover {
    text-decoration: underline;
}
#main.rozcestnik #content ul {
    margin: 0;
    padding: 0;
}
#main.rozcestnik #content .box {
    float: left;
    width: 240px;
    min-height: 120px;
    margin: 10px;
    padding: 10px;
    border: 10px solid #e5e5e5;
    background-color: #ccc;
    cursor: pointer;
}
#main.rozcestnik #content .box:hover {
    border: 10px solid #7084b2;
}
#main.rozcestnik #content .box h2 {
    margin: 0 0 8px 0;
    font-family: "Open Sans Condensed",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
#main.rozcestnik #content .box h2 a,
#main.rozcestnik #content .box h2 a:visited {
    color: #666;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#main.rozcestnik #content .box h2 a:hover {
    text-decoration: underline;
}
#main.rozcestnik #cms-text ul {
    margin: 13px 0 13px 0;
}

/* C.2 STRANKY ADMIN VIEWS -------------------------------------------------------------- */

#main.admin-view {
}
#main.admin-view #content {
    float: none;
    position: relative;
}
#main.admin-view #content table th,
#main.admin-view #content table td {
    padding: 5px;
    vertical-align: middle;
}
#main.admin-view #content table th {
    text-align: left;
}
#main.admin-view #content table td {
    line-height: 1.4em;
}
#main.admin-view #content #content-main {
    float: none;
    padding-top: 1px;
}

/* C.2.1 CHANGELIST VIEW ---------------------------------------------------------------- */

ul.object-tools {
    margin: 0;
    padding: 0;
    z-index: 1;
}
#changelist {
    border: none;
    background: none repeat scroll 0 0 transparent !important;
    min-height: 0;
}
#changelist table th,
#changelist table td {
    font-size: 13px;
    font-weight: normal;
}
#changelist table td.result-header,
#changelist table td.result-header-1 {
    font-weight: bold;
}
#changelist table td.result-header {
    background: url("../img/table-head.png") repeat-x scroll 1px 0 #DDDDDD;
}
#changelist table thead th,
#changelist table thead tr.heading th {
    font-weight: bold;
    white-space: normal;
}
#changelist ul.toplinks {
    list-style-image: none;
    border: 1px solid #DEDEDE !important;
    margin-bottom: 6px !important;
}
#changelist ul.toplinks li {
    font-size: 12px;
    line-height: 18px;
}
#changelist ul.toplinks li a {
    color: #2e4b8f;
}
#changelist ul.toplinks li.date-back a {
    color: #AAAAAA;
}
#changelist p.paginator {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
#changelist #changelist-filter {
    border: 1px solid #DDDDDD;
    position: static;
}
#changelist #changelist-filter h2 {
    color: #2e4b8f;
    background: url("../../admin/img/admin/nav-bg.gif") repeat-x scroll left top #E1E1E1;
    font-size: 13px;
    padding: 1px 5px 1px 5px;
}
#changelist #changelist-filter h3 {
    line-height: 16px;
}
#changelist #changelist-filter ul {
    list-style-image: none;
    float: none;
}
#changelist #changelist-filter ul li a {
    font-size: 12px;
    line-height: 15px;
}
#changelist #changelist-filter ul li.selected {
    border-left: 5px solid #2e4b8f;
}
#changelist #changelist-filter ul li.selected a {
    color: #2e4b8f !important;
}
#changelist #content-filtered {
    margin-right: 172px;
}
#changelist.widefilter #content-filtered {
    margin-right: 272px;
}
#main.skryt-filtr #changelist-filter {
    display: none;
}
#main.skryt-filtr #changelist #content-filtered {
    margin-right: 0px;
}
#main.skryt-header td.result-header {
    display: none;
}
body.popup.change-list > #wrapper {
    /* zajisti spravnou sirku popup okna */
    min-width: 0;
}
#main.admin-view #changelist table#result_list th,
#main.admin-view #changelist table#result_list td {
    padding: 5px;
}
#main.admin-view #changelist table#result_list th a,
#main.admin-view #changelist table#result_list td a {
    padding: 0px;
}
#main.admin-view #changelist table#result_list thead th .text span {
    padding: 0px;
}
#main.admin-view #changelist p.paginator {
    padding: 10px;
}
#main.admin-view #changelist div.flip-tiles-gallery.two-col-gallery {
    /* zarovnani changelistu kamer na sirku narrow-layoutu - 20px za #main-wrapper margin */
    width: 980px;
}

/* C.2.1.1 MULTI CHANGELIST VIEW -------------------------------------------------------- */

#changelist.multi table#result_list {
    border: none;
}
#changelist.multi table#result_list th {
    font-weight: bold;
}
#changelist.multi table#result_list td:first-child {
    padding-left: 20px;
}
#changelist.multi table#result_list td.result-header {
    padding-top: 20px;
    padding-left: 10px;
    background: none repeat scroll 0 0 transparent;
    font-weight: bold;
}
#changelist.multi table#result_list tr.first-row td.result-header {
    padding-top: 10px;
}
#changelist.multi table#result_list td.result-header a:link,
#changelist.multi table#result_list td.result-header a:visited {
    color: #003366;
}
#changelist.multi table#result_list td.result-header a:hover {
    text-decoration: none;
}
#changelist.multi p.paginator {
    border: none;
}

/* C.2.1.2 Zasahy JPO ------------------------------------------------------------------- */

.change-list #content #zasahy_jpo_info {
    position: relative;
    bottom: 10px;
    margin-bottom: 0;
}
.change-list #content #zasahy_jpo_info div {
    float: none;
    margin-left: 0;
    color: red;
}

/* C.2.2 INDEX VIEW --------------------------------------------------------------------- */

.rozcestnik-header1,
.rozcestnik-header {
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: none; 
    border-left: 1px solid #DEDEDE;
    font-size: 13px;
    padding: 2px 5px 3px 8px;
}
table.index-header {
    border: none;
    background: none;
    margin: 15px 0 15px 0;
    width: 100%
}
table.index-header img {
    display: none;
}
table.index-header tr.index-header-row {
    background: none;
}
table.rozcestnik th,
table.rozcestnik td {
    border-left: none;
    border-right: none;
    border-top: 1px solid #EEEEEE;
    border-bottom: none;
    font-size: 12px;
    line-height: 14px;
}
table.rozcestnik tr:first-child th,
table.rozcestnik tr:first-child td {
    border-top: none;
}
table.rozcestnik td.description-inner table.inner {
    border: none;
}
table.rozcestnik td.description-inner table.inner td {
    border: none;
}
table.rozcestnik.not-first-section-table {
    border-top: none;
    margin-top: -1px;
}
table.rozcestnik.not-first-section-table tr:first-child th,
table.rozcestnik.not-first-section-table tr:first-child td {
    border-top: 1px solid #EEEEEE;
}
table.section_table th {
    font-size: 13px;
    color: #666666;
}
/* selektor '#main.admin-view #content' nutny pro predefinovani obecnejsich definic */
#main.admin-view #content.maximized {
    padding-top: 0;
    min-height: 0;
    width: 100%;
    margin: 0;
}
#main.admin-view #content table th.center {
    text-align: center;
}
#main.admin-view #content table.rozcestnik tr.index-header-row th {
    padding-left: 0;
    font-size: 21px;
    line-height: 21px;
}
#main.admin-view #content table.rozcestnik th,
#main.admin-view #content table.rozcestnik td.first_column,
#main.admin-view #content table.rozcestnik.basic_info td {
    padding: 5px 5px 5px 1.2em;
}
#main.admin-view #content table.rozcestnik.basic_info td.description-inner table.inner td {
    padding-left: 0;
}
#main.admin-view #content table.section_table th:first-child {
    padding: 5px 5px 5px 8px;
}
#content-related .module {
    border: 1px solid #DEDEDE;
    margin-top: 1px;
}
#content-related .module h2 {
    font-size: 13px;
    padding-left: 8px;
}
#content-related #photo-module #show_lightbox {
    padding-right: 8px;
    font-size: 13px;
}
#content-related #rozcestnik.tree ul {
    float: none;
}
#main.admin-view table.rozcestnik.foto {
    display: none;
}
#maximize.tlpmapbutton {
    top: 9px;
}

/* C.2.2.1 DATABAZE LATEK --------------------------------------------------------------- */

/* selektory '#main.admin-view #content-main/#content-related' nutne pro predefinovani obecnejsich definic */

#content-related #index_souhrn table {
    border: none;
}
#content-related #index_souhrn table th,
#content-related #index_souhrn table td {
    border: none;
}
#content-related #index_souhrn table td table#index_souhrn_kemler_un_kod td,
#content-related #index_souhrn table td table#index_souhrn_hazchem_kod td {
    border: 2px solid black;
    padding: 0;
}
#content-related #index_akce table {
    border: none;
}
#main.admin-view #content-related #index_akce table th,
#main.admin-view #content-related #index_akce table td {
    border: none;
    padding: 8px 8px 8px 10px;
}
table.section_table {
    background-color: white;
    border-top: none;
}
table.section_table p {
    line-height: 1.4em;
}
table.section_table a:hover {
    text-decoration: underline;
}
table.section_table ul {
    padding-left: 18px;
    float: none;
}
table.section_table ul li {
    font-size: 12px;
    line-height: 1.4em;
}
#main.admin-view #content-main table.section_table th,
#main.admin-view #content-main table.section_table td {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #EEEEEE;
    border-left: none;
    vertical-align: top;
}
#main.admin-view #content-main table.section_table tbody tr td:first-child {
    padding: 5px 5px 5px 8px;
}
#main.admin-view #content-main table.section_table td.no_bottom_border {
    border-bottom: none;
}
#main.admin-view #content-main table.section_table td.middle_vertical {
    vertical-align: middle;
}
#content-main table.section_table td table#identifikace_kemler_un_kod,
#content-main table.section_table td table#haseni_hazchem_kod {
    border: none;
}
#main.admin-view #content-main table.section_table td table#identifikace_kemler_un_kod td,
#main.admin-view #content-main table.section_table td table#haseni_hazchem_kod td {
    border: 2px solid black;
    padding: 0 !important;
    vertical-align: middle;
}
#main.admin-view #content-main #zasah table.section_table td {
    border-left: 1px solid #EEEEEE;
}
#main.admin-view #content-main #zasah table.section_table tbody tr td:first-child {
    border-left: 1px solid #DEDEDE;
}
#main.admin-view #content-main table.section_table td.modelovani_third_column,
#main.admin-view #content-main table.section_table td.scenare_second_column {
    padding-left: 20px;
}
#content-main #zasah table.section_table.distances_table td.bold_bottom_border {
    border-bottom: 2px solid #EEEEEE;
}
#content-main #zasah table.section_table.distances_table td.bold_right_border {
    border-right: 2px solid #EEEEEE;
}

/* C.2.2.2 HLASNE PROFILY --------------------------------------------------------------- */

#content-main #aktualni-stav {
    background-color: white;
    border: 1px solid #DEDEDE;
}
#content-main #aktualni-stav img {
    margin-left: 10px;
}

/* C.2.2.3 ANALYZA OHROZENI ------------------------------------------------------------- */

#summary-module table {
    border: none;
}
#summary-module table td {
    border: none;
}

/* C.2.2.4 SCENAR UNIKU LATKY ----------------------------------------------------------- */

#content-main table.tabulka_nasledek {
    border-bottom: 1px solid #EEEEEE;
}
#content-main table.tabulka_projevy,
#content-main table.info_dosah {
    background: none repeat scroll 0 0 white;
    border-top: none;
}
#main.admin-view #content #content-main table.tabulka_projevy td {
    border-left: none;
    border-right: none;
    border-top: 1px solid #EEEEEE;
    border-bottom: none;
    vertical-align: top;
}
#main.admin-view #content #content-main table.info_dosah td {
    border: none;
    vertical-align: top;
}
#main.admin-view #content #content-main table.tabulka_projevy td.projevy_header {
    border-top: none;
    border-bottom: 3px double #EEEEEE;
}
#content-related #vizualizace_panel {
    border: none;
}
#main.admin-view #content table.vizualizace_tabulka td {
    padding: 3px;
    vertical-align: top;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #EEEEEE;
    border-left: none;
}

/* C.3 STRANKY S MAPOU ------------------------------------------------------------------ */

#mapdiv .map {
    border-color: #D4D4D4;
}

/* C.3.1 CONTROLS ----------------------------------------------------------------------- */

#mapdiv .olControlLayerSwitcher div span {
    background-color: #1B4253 !important;
}
#mapdiv .olControlLayerSwitcher .layersDiv {
    background-color: #1B4253 !important;
}
#mapdiv .olControlLayerSwitcher .maximizeDiv {
    opacity: 0.75;
}
#mapdiv .olControlPanZoomBar {
    opacity: 0.75;
}
#mapdiv .olControlMousePosition {
    line-height: 14px;
}

/* C.3.2 SIDEBAR ------------------------------------------------------------------------ */

#mapdiv .sidebar {
    border-color: #D4D4D4;
}
#mapdiv .sidebarpane {
    border-color: #D4D4D4;
}
#mapdiv .contentpane {
    background: url("../img/sidebar-bg.png") repeat-y scroll 0 0 #F8F8F8;
}
#mapdiv .contentpane h2 {
    color: #2e4b8f;
}
#mapdiv .contentpane ul,
#mapdiv .contentpane ol {
    float: none;
    margin-left: 17px !important;
    line-height: 12px;
}
#mapdiv .contentpane li {
    font-size: 12px;
    line-height: 12px;
}
#mapdiv .contentpane p {
    line-height: 140%;
}
#mapdiv .contentpane b {
    color: #2e4b8f;
}
#mapdiv .contentpane .title {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #97A5B0;
    position: relative;
}
#main.gis #mapdiv .contentpane .title h1,
#main.admin-view #mapdiv .contentpane .title h1 { /* selektor '#main.admin-view' nutny pro predefinovani .map-change-list */
    font-size: 17px;
    color: #2e4b8f;
    margin: 0em;
    padding: 4px 4px 2px 15px;
    background: none repeat scroll 0 0 #DBEBF3;
}
#mapdiv .contentpane .title .closebtn {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: transparent url('../img/close-icon.png') top left no-repeat;
}
#mapdiv .contentpane .title .backbtn {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 29px;
    width: 15px;
    height: 15px;
    background: transparent url('../img/back-icon.png') top left no-repeat;
}
#mapdiv .contentpane .content {
    line-height: 15px;
}
#mapdiv .contentpane #searchbtn_value {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    text-indent: 20px;
    background: url("../img/search-but.png") no-repeat scroll 0 -20px transparent;
    color: transparent;
}
#mapdiv .contentpane .searchResultItem {
    border: none;
    padding: 5px 5px 5px 5px;
    width: auto;
}
#mapdiv .contentpane .searchResultItem h3 {
    color: #2e4b8f;
}
#mapdiv .contentpane .searchResultItem.selectedItem {
    background-color: #C6DBF7;
}
#mapdiv .contentpane .searchResultItem.invalidItem h3 {
    color: #808080;
}
#mapdiv .contentpane .paginator table {
    border: none;
}
#mapdiv .contentpane .paginator table td {
    border: none;
}
#mapdiv .contentpane .paginator a {
    color: #2e4b8f;
}
#mapdiv .contentpane .paginator a.showall {
    background-color: transparent;
}
#mapdiv .contentpane .paginator .current {
    background-color: #2e4b8f;
}
#mapdiv .contentpane .copyright {
    margin-bottom: 15px;
    color: #2e4b8f;
}
#mapdiv .contentpane .copyright a {
    color: #2e4b8f;
}
#mapdiv .contentpane table#layer_search_box,
#mapdiv .contentpane #layers-tree table {
    border: none;
}
#mapdiv ul#layers-tree {
    margin-left: 0 !important;
}
#main.admin-view #content #mapdiv ul#layers-tree table td {
   /* zruseni stylu z changelists.css */
       border: none;
       padding: 0 !important;
       vertical-align: top !important;
   /* fixni vyska radku prebiji relativni 1.4em, zajisti vertikalni zarovnani ikonek na stred checkboxu */
      line-height: 14px;
}
#mapdiv ul#layers-tree ul {
	margin-left: 0px !important;
}
#main.admin-view #content #mapdiv table#layer_search_box td.layer_search_button {
	padding-left: 15px;
}
ul#layers-tree table tbody td.layer_toolbar {
    /* na portalu se akcni ikonky do toolbaru nejak nevejdou */
    width: 61px;
}
/* C.3.3 POPUPS ------------------------------------------------------------------------- */

#mapdiv .popupContent {
    line-height: 15px;
}
#mapdiv .popupContent p {
    padding: 0;
    line-height: 15px;
}
#mapdiv .popupContent h2 {
    margin: 0;
    padding: 0 10px 10px 0;
    line-height: 20px;
}
#mapdiv .popupContent h3 {
    margin: 0.6em 0em 0em 0em;
    padding: 0;
    line-height: 18px;
}
#mapdiv .popupContent img.border {
    margin-left: 0;
}
#mapdiv .popupContent table.popupContentTable {
    border: none;
    font-size: 12px;
}
/* selektory '#main.admin-view' a '#main.gis' nutne pro predefinovani obecnejsich definic */
#main.admin-view #mapdiv .popupContent table.popupContentTable tr th,
#main.admin-view #mapdiv .popupContent table.popupContentTable tr td,
#main.gis #mapdiv .popupContent table.popupContentTable tr th,
#main.gis #mapdiv .popupContent table.popupContentTable tr td {
    border: none;
    font-size: 12px;
    vertical-align: top;
    padding: 5px;
}
#main.admin-view #mapdiv .popupContent table.popupContentTable tr td:first-child,
#main.gis #mapdiv .popupContent table.popupContentTable tr td:first-child {
    padding-left: 0;
}
#mapdiv .popupContent table#popupPhotoTable.popupContentTable a#photoGalleryLink {
    color: #2e4b8f;
}
#mapdiv .popupActions span,
#mapdiv .popupActions span a {
    color: #2e4b8f;
}
#mapdiv .olPopupCloseBox {
    background: transparent url('../img/close-icon.png') top left no-repeat !important;
}

/* C.3.4 STRANKA TYPU GIS --------------------------------------------------------------- */

#main.gis {
    width: 100%;
    margin: 0;
    background: none repeat scroll 0 0 transparent;
}
#main.gis #content.gis-content {
    float: none;
    width: 100%;
    margin: 0;
    padding-top: 10px;
}
#main.gis #content.gis-content h1 {
    padding: 0 0 2px 7px;
}

/* C.3.5 MAPA NA CHANGELISTU (admin view) ----------------------------------------------- */

/* pozn. stranka s mapou ma vzdy #main.wide-layout */

.map-change-list #wrapper {
    /* anulujeme minimalni sirku wrapperu, ktera pri nizsich rozlisenich vede ke spatnemu sizingu mapy a oriznuti sidebaru */
    min-width: 0;
}
.map-change-list #header #top-bar #login {
    /* predefinovani absolutniho pozicovani z screen.css */
    position: static;
    top: auto;
    right: auto;
}
.map-change-list #header #top-bar #login a,
.map-change-list #header #top-bar a#changeform_link {
    /* predefinovani velikosti pisma z screen.css */
    font-size: 13px;
}
.map-change-list #main.admin-view #main-wrapper {
    /* margin wrapperu musime vynulovat, abychom dosahli roztazeni mapy na celou sirku stranky */
    margin: 0;
}
.map-change-list #main.admin-view #main-wrapper #breadcrumbs {
    /* narozdil od mapy bude mit breadcrumb jiste odsazeni od vertikalniho okraje stranky */
    padding-left: 10px;
    padding-right: 10px;
}
.map-change-list #main.admin-view #main-wrapper #content h1 {
    /* narozdil od mapy bude mit nadpis jiste odsazeni od vertikalniho okraje stranky */
    padding: 0 10px 2px 10px;
}
.map-change-list #main.admin-view #main-wrapper #content #sidebartabs .sidebartab .title h1 {
    padding: 0;
}
.map-change-list #main.admin-view #main-wrapper #content #changelist #changelist-filter {
    line-height: 15px;
    position: absolute;
}
.map-change-list #main.admin-view #main-wrapper #content #changelist #content-filtered {
    margin-right: 0;
}
/* predefinovani screen.css, ktere je sdilene v PKR i COSMOD */
.map-change-list #main.admin-view #main-wrapper #content #sidebartabs .sidebartab.active {
    background-color: #2e4b8f;
}
.map-change-list #main.admin-view #main-wrapper #content #sidebartabs .sidebartab.active:before,
.map-change-list #main.admin-view #main-wrapper #content #sidebartabs .sidebartab.active:after {
    border-color: #2e4b8f;
}
.map-change-list #main.admin-view #main-wrapper #content #sidebartabs .sidebartab.active:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.map-change-list #main.admin-view #main-wrapper #content #sidebartabs .sidebartab.active:after {
    border-top-color: transparent;
    border-right-color: transparent;
}

/* C.4 GOOGLE-SEARCH RESULTS ------------------------------------------------------------ */

#main.google-search-results {
    background: none;
}
#main.google-search-results #content table {
    border: none;
}
#main.google-search-results #content table td {
    border: none;
}
#main.google-search-results #content #google-search {
    width: 230px;
    margin-top: 4px;
    padding-bottom: 10px;
}
#main.google-search-results #content #cse .gsc-above-wrapper-area {
    border-bottom: 0 none;
}
#main.google-search-results #content #cse .gsc-control-cse {
    padding: 0;
}

/* C.5 SITE MAP ------------------------------------------------------------------------- */

#main.sitemap {
    background: none;
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #444;
}
#main.sitemap #content {
    float: none;
    width: 100%;
    margin: 20px 0 20px 0;
}
#main.sitemap #content ul {
    float: none;
    margin: 0;
    padding-left: 18px;
}
#main.sitemap #content ul li {
    padding: 0 0 3px 16px;
    line-height: 21px;
    font-size: 13px;
    background: transparent url('../img/list-style.png') 0 6px no-repeat;
    list-style-type: none;
}
#main.sitemap #content ul ul {
    margin-left: 15px;
    padding-left: 10px;
}
#main.sitemap #content ul ul li {
    padding: 0;
    background: none;
    list-style-image: none;
    list-style-type: square;
    color: #2e4b8f;
}
#main.sitemap #content a {
    color: #444;
    text-decoration: none;
}
#main.sitemap #content a:hover {
    text-decoration: underline;
}

/* C.6 MAPA COVID ----------------------------------------------------------------------- */

#mapa_covid {
    width: 1000px;
    position: relative;
}

#mapa_covid .okres {
    position: absolute;
    width: 16px;
    height: 16px;
}

#mapa_covid .okres .okres_pointer {
    width: 16px;
    height: 16px;
    background-color: red;
    border-radius: 8px;
    cursor: pointer;
}

#mapa_covid .okres:hover .okres_pointer {
    background-color: #031c52;
}

#mapa_covid .okres .okres_popup {
    display: none;
    width: 180px;
    position: relative;
    top: 14px;
    left: -22px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #031c52;
    font-weight: bold;
    color: white;
}

#mapa_covid .okres .okres_popup:after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #031c52;
    border-top: 0;
    margin-left: -10px;
    margin-top: -10px;
}

#mapa_covid .okres:hover .okres_popup {
    display: block;
}

#mapa_covid .okres .okres_popup .pocet_label {
    float: left;
    width: 130px;
}

#mapa_covid .okres .okres_popup .pocet_value {
    margin-left: 130px;
    width: 50px;
    text-align: right;
}