@charset "UTF-8";
.customFontText {
  font-family: 'Roboto', sans-serif;
}

.customFont {
  font-family: 'Roboto Slab', sans-serif;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* breakpoints
@include respond-to('lg') {
  color: blue;
}
*/
/* 	ABOUT:
	
	Author					Pavel Kout ~ webface.cz
	Date					2012/08/21
	Revision				1.0

  Upravy Svoboda 2012-11-06 a 2013-06-09
  povodni css je ve zdroji id=10371, popis uprav je ve zdroji id=10372 
___________________________________________________ */
/* 	COLOR SHEME:
	
	Page Background			#FFFFFF
	Text					black
	Note					#929293
	Heading					#003461
	Caption					dtto
	Legend					dtto
	Highlight				dtto	
	Anchor
		- Link				#003461
		- Visited			#3E3D40
		- Active + Hover	#0061AB
	Border					#C5C5C6
	Background				#CADFED
___________________________________________________ */
/* 	OUTLINE:
	
	@screen
		- Global (reset + generic elements)
		- Universal (wide use selectors)
		- Layout
		- MyStyles (client’s selectors)
	@print
___________________________________________________ */
/* @media: Screen
=================================================== */
@media screen {
  /* Global
    --------------------------------------------------- */
  /* Global > Reset
    ................................................... */
  body,
  h1, h2, h3, h4, h5, h6,
  address, blockquote, div, hr, iframe, object, p,
  dl, dt, dd, ul, ol, li,
  table, caption, col, colgroup, thead, tfoot, tbody, tr, th, td,
  form, fieldset, legend, label,
  img,
  a {
    border: none;
    margin: 0;
    padding: 0;
  }
  body, input, textarea, select {
    font-family: sans-serif;
  }
  /* Global > Base
    ................................................... */
  body {
    text-align: center;
    color: black;
    background-color: #EEF0EF;
    font-size: 80%;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
  }
  /* Global > Heading
    ................................................... */
  h1 {
    font: bold 2em/1.1 sans-serif;
    word-spacing: -1px;
    letter-spacing: -1px;
    color: #003461;
    margin: 30px 0 15px 0;
    text-transform: uppercase;
  }
  h2 {
    font: bold 1.3em/1.3 sans-serif;
    word-spacing: -1px;
    color: #003461;
    text-transform: uppercase;
    margin: 30px 0 15px 0;
  }
  h3 {
    font: bold 1.15em/1.3 sans-serif;
    color: #003461;
    margin: 30px 0 15px 0;
  }
  h4 {
    font: bold 1em/1.3 sans-serif;
    color: #003461;
    margin: 30px 0 15px 0;
  }
  h5, h6 {
    font: normal 1em/1.3 sans-serif;
    color: #003461;
    margin: 30px 0 15px 0;
  }
  h1 + h2,
  h2 + h3,
  h3 + h4,
  h4 + h5,
  h5 + h6 {
    margin-top: 20px;
  }
  /* Global > Block
    ................................................... */
  p, address {
    margin: 0 0 20px 0;
  }
  blockquote {
    margin: 30px 0;
    border-left: 4px solid #C5C5C6;
    padding: 0 0 0 15px;
    font-style: italic;
  }
  blockquote p {
    margin-bottom: 5px;
  }
  hr {
    display: block;
    height: 0;
    overflow: hidden;
    border: solid #C5C5C6;
    border-width: 1px 0 0 0;
    margin: 30px 0;
  }
  /* Global > List
    ................................................... */
  dl {
    margin: 0 0 20px 0;
  }
  dt {
    margin: 0 0 10px 0;
  }
  dd {
    margin: 0 0 10px 15px;
  }
  dd + dt {
    margin: 20px 0 10px 0;
  }
  ul {
    display: block;
    list-style: none;
    margin: 0 0 20px 0;
  }
  ul li,
  ol ul li {
    display: block;
    padding: 0 0 0 15px;
    margin: 0 0 5px 0;
    background: url(https://www.cak.cz/images/bullet.png) 0 0.35em no-repeat;
  }
  ol {
    display: block;
    list-style: decimal;
    margin: 0 0 15px 2.5em;
  }
  ol li,
  ul ol li {
    display: list-item;
    background: none;
    margin: 0 0 5px 0;
  }
  ul ul, ul ol,
  ol ol, ol ul {
    margin: 10px 0;
  }
  /* Global > Table
    ................................................... */
  table {
    border-collapse: collapse;
    margin: 30px 0;
  }
  table {
    max-width: 100%;
  }
  caption {
    margin: 0 0 15px 0;
    text-align: left;
    color: #003461;
  }
  th {
    border: 1px solid #C5C5C6;
    padding: 10px;
    vertical-align: top;
    background: #CCDFEE none;
    font-weight: bold;
    text-align: left;
  }
  td {
    border: 1px solid #C5C5C6;
    padding: 10px;
    vertical-align: top;
    background: #EEF0EF none;
  }
  /* Global > Form
    ................................................... */
  form {
    margin: 30px 0;
  }
  fieldset {
    border: 1px solid #C5C5C6;
    margin: 30px 0;
    padding: 19px;
  }
  legend {
    padding: 0 15px;
    color: #003461;
  }
  input, textarea, select {
    font-size: 1em;
  }
  input[type="text"], input[type="password"], input[type="file"],
  textarea {
    color: #3E3D40;
  }
  input:focus[type="text"], input:focus[type="password"], input:focus[type="file"],
  textarea:focus {
    color: black;
  }
  /* Global > Inline
    ................................................... */
  abbr, acronym {
    border-bottom: 1px dotted;
    font-variant: small-caps;
    cursor: help;
  }
  dfn {
    border-bottom: 1px dotted;
    cursor: help;
  }
  cite, em, q, var {
    font-style: italic;
  }
  code, kbd, samp, pre, .monospace {
    font-family: "Lucida Console", "Andale Mono", monospace;
    word-spacing: -3px;
  }
  sub {
    font-size: smaller;
    text-decoration: none !important;
    vertical-align: sub;
  }
  sup {
    font-size: smaller;
    text-decoration: none !important;
    vertical-align: super;
  }
  del {
    text-decoration: line-through;
  }
  ins {
    text-decoration: underline;
  }
  strong {
    font-weight: bold;
  }
  /* Global > Link
    ................................................... */
  a:link {
    color: black;
  }
  a:visited {
    color: #3E3D40;
  }
  a:hover, a:active {
    color: #0061AB;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: #003461 !important;
  }
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover {
    color: #0061AB !important;
  }
  /* Universal
    --------------------------------------------------- */
  /* Universal > Display
    ................................................... */
  .f-no-float,
  .f-no-float-after:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
  }
  .f-float-left {
    float: left;
    margin: 0 0 20px 0;
    border-right: 20px solid white;
  }
  .f-float-right {
    float: right;
    margin: 0 0 20px 0;
    border-left: 20px solid white;
  }
  .f-clear-both {
    clear: both;
  }
  .f-invisible {
    position: absolute;
    z-index: -1;
    top: auto;
    left: 0;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -5000px;
  }
  .f-no-screen,
  .f-no-show {
    display: none;
  }
  /* Universal > Table
    ................................................... */
  /* -- Table Row Strip */
  .f-table-row-strip tr:nth-of-type(even) th,
  .f-table-row-strip tr:nth-of-type(even) td {
    background-color: #E5EFF6;
  }
  /* -- Table lite */
  .f-table-lite {
    border-top: 1px solid #C5C5C6;
  }
  .f-table-lite th {
    background: none;
    padding: 10px 20px 10px 0;
    border-width: 0 0 2px 0;
  }
  .f-table-lite td {
    background: none;
    padding: 10px 20px 10px 0;
    border-width: 0 0 1px 0;
  }
  /* -- Table alternative */
  .f-table-alt {
    border-collapse: separate;
    border-spacing: 2px;
    background: white none;
    border: 1px solid #C5C5C6;
  }
  .f-table-alt th {
    background: #CCDFEE none;
    font-weight: normal;
    border: none;
  }
  .f-table-alt td {
    background-color: #EEF0EF;
    border: none;
  }
  /* -- Table alternative X */
  .f-table-alt-x {
    border-collapse: separate;
    border-spacing: 2px;
    background: white none;
    border: 1px solid #C5C5C6;
  }
  .f-table-alt-x th {
    background: #CCDFEE none;
    font-weight: normal;
    border: none;
    padding: 1px 1px 1px 0px;
  }
  .f-table-alt-x td {
    background-color: #EEF0EF;
    border: none;
    padding: 1px 1px 1px 0px;
  }
  /* -- Table Form */
  .f-table-form {
    border-collapse: separate;
    border-spacing: 0;
    background: transparent none;
  }
  fieldset .f-table-form {
    margin-top: 0;
  }
  .f-table-form th {
    border: none;
    padding: 5px 10px 5px 0;
    vertical-align: middle;
    font-weight: normal;
    background: transparent none;
    color: black;
  }
  .f-table-form td {
    border: none;
    padding: 5px 10px 5px 0;
    vertical-align: middle;
    background: transparent none;
    color: black;
  }
  /* -- Table Form X */
  .f-table-form-x {
    border-collapse: separate;
    border-spacing: 0;
    background: transparent none;
  }
  fieldset .f-table-form-x {
    margin-top: 0;
  }
  .f-table-form-x th {
    border: none;
    padding: 1px 1px 1px 0;
    vertical-align: middle;
    font-weight: normal;
    background: transparent none;
    color: black;
  }
  .f-table-form-x td {
    border: none;
    padding: 1px 1px 1px 0;
    vertical-align: middle;
    background: transparent none;
    color: black;
  }
  /* -- Table-X */
  .f-table-x {
    border-collapse: collapse;
    margin: 30px 0px;
  }
  .f-table-x th {
    border: 1px solid #c5c5c6;
    padding: 1px;
    vertical-align: top;
    background: none repeat scroll 0% 0% #ccdfee;
    font-weight: bold;
    text-align: left;
  }
  .f-table-x td {
    border: 1px solid #c5c5c6;
    padding: 1px;
    vertical-align: top;
    background: none repeat scroll 0% 0% #EEF0EF;
  }
  /* -- Table-XX */
  .f-table-xx {
    border-collapse: collapse;
    margin: 30px 0px;
  }
  .f-table-xx th {
    border: 1px solid #c5c5c6;
    padding: 1px;
    vertical-align: top;
    background: none repeat scroll 0% 0% #ffffff;
    font-weight: bold;
    text-align: left;
  }
  .f-table-xx td {
    border: 1px solid #c5c5c6;
    padding: 1px;
    vertical-align: top;
    background: none repeat scroll 0% 0% #ffffff;
  }
  /* -- Table alternative XX */
  .f-table-alt-xx {
    border-collapse: separate;
    border-spacing: 2px;
    background: #C5C5C6 none;
    border: 1px solid #C5C5C6;
  }
  .f-table-alt-xx th {
    background: #EEF0EF none;
    font-weight: normal;
    border: none;
    padding: 1px 1px 1px 0px;
  }
  .f-table-alt-xx td {
    background-color: #ffffff;
    border: none;
    padding: 1px 1px 1px 0px;
  }
  /* Universal > List
    ................................................... */
  .f-no-list li {
    background: none;
    padding: 0;
  }
  .f-no-list dd {
    margin: 0;
  }
  /* Universal > Border
    ................................................... */
  .f-no-border {
    border: none !important;
  }
  /* Universal > Background
    ................................................... */
  .f-no-background {
    background: none !important;
  }
  /* Universal > Margin
    ................................................... */
  .f-margin-0 {
    margin: 0 !important;
  }
  .f-margin-top-0 {
    margin-top: 0 !important;
  }
  .f-margin-top-1 {
    margin-top: 15px;
  }
  .f-margin-top-2 {
    margin-top: 30px;
  }
  .f-margin-bottom-0 {
    margin-bottom: 0 !important;
  }
  .f-margin-bottom-1 {
    margin-bottom: 15px;
  }
  .f-margin-bottom-2 {
    margin-bottom: 30px;
  }
  .f-margin-2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  /* Universal > Width
    ................................................... */
  .f-width-auto {
    width: auto;
  }
  .f-width-25-pct {
    width: 25%;
  }
  .f-width-33-pct {
    width: 33%;
  }
  .f-width-50-pct {
    width: 50%;
  }
  .f-width-66-pct {
    width: 66%;
  }
  .f-width-75-pct {
    width: 75%;
  }
  .f-width-100-pct {
    width: 100%;
  }
  /* Universal > Align
    ................................................... */
  .f-align-left {
    text-align: left !important;
  }
  .f-align-center {
    text-align: center !important;
  }
  .f-align-right {
    text-align: right !important;
  }
  /* Universal > Vertical align
    ................................................... */
  .f-valign-middle,
  .f-valign-middle th, .f-valign-middle td, th.f-valign-middle, td.f-valign-middle,
  .f-valign-middle label, .f-valign-middle input, .f-valign-middle select, .f-valign-middle img {
    vertical-align: middle;
  }
  .f-valign-top,
  .f-valign-top th, .f-valign-top td, th.f-valign-top, td.f-valign-top,
  .f-valign-top label, .f-valign-top input, .f-valign-top select, .f-valign-top img {
    vertical-align: top;
  }
  .f-valign-bottom,
  .f-valign-bottom th, .f-valign-bottom td, th.f-valign-bottom, td.f-valign-bottom,
  .f-valign-bottom label, .f-valign-bottom input, .f-valign-bottom select, .f-valign-bottom img {
    vertical-align: bottom;
  }
  /* Universal > Text
    ................................................... */
  .f-no-wrap {
    white-space: nowrap;
  }
  .f-text-bold {
    font-weight: bold;
  }
  .f-text-italic {
    font-style: italic;
  }
  .f-text-normal {
    font-weight: normal !important;
    font-style: normal !important;
  }
  .f-text-caps {
    font-variant: small-caps;
  }
  .f-text-uppercase {
    text-transform: uppercase;
  }
  .f-text-large {
    font-size: 1.3em;
    word-spacing: -1px;
    letter-spacing: -1px;
    line-height: 1.35;
  }
  .f-text-small {
    font-size: .85em;
    line-height: 1.35;
  }
  .f-text-highlight {
    color: #61AF39;
  }
  .f-text-note {
    color: #929293;
    font-size: .85em;
    line-height: 1.35;
  }
  p.f-text-note {
    line-height: 1.35;
  }
  /* Universal > Gallery
    ................................................... */
  .gallery {
    margin: 30px -30px 3px 0;
    text-align: center;
  }
  .gallery:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .gallery .item {
    float: left;
    width: 180px;
    margin: 0 30px 20px 0;
    padding: 0;
    background: #CCDFEE none;
    min-height: 200px;
  }
  .gallery img {
    background-color: white;
  }
  .gallery .label {
    display: block;
    padding: 10px 15px 20px 15px;
    line-height: 1.2;
    font-size: .85em;
    word-spacing: -1px;
  }
  /* Layout
    --------------------------------------------------- */
  /* Layout > Header
    ................................................... */
  #header {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    border-top: 15px solid white;
    background: url(https://www.cak.cz/images/bg_header.png) no-repeat 50% 0;
    padding: 35px 0 0 0;
    text-align: left;
  }
  #header .btnSidebar {
    display: none;
  }
  #header a {
    text-decoration: none;
  }
  #header a:hover {
    text-decoration: underline;
  }
  /* -- logo */
  #logo {
    margin: 0 0 10px 0;
    float: left;
  }
  /* -- accesslink */
  #accesslink {
    position: absolute;
    z-index: -1;
    top: auto;
    left: 0;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -5000px;
  }
  /* -- search */
  #search {
    float: right;
    margin: 0;
  }
  #search legend {
    position: absolute;
    z-index: -1;
    top: auto;
    left: 0;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -5000px;
  }
  #search fieldset {
    border: none;
    margin: 0;
    padding: 40px 0 0 0;
  }
  #searchinput {
    background: white none;
    border: 1px solid #C5C5C6;
    border-radius: 3px;
    color: #929293;
    padding: 5px 10px;
    -webkit-box-shadow: 0px 1px 5px #D1D8D6;
            box-shadow: 0px 1px 5px #D1D8D6;
    width: 200px;
    text-transform: uppercase;
  }
  #searchsubmit {
    background: #2470A6 url(https://www.cak.cz/images/bg_submit.png) repeat-x 0 0;
    border: 1px solid #7FAAC6;
    border-radius: 3px;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    -webkit-box-shadow: 0px 1px 5px #D1D8D6;
            box-shadow: 0px 1px 5px #D1D8D6;
  }
  /* -- global */
  #global {
    clear: both;
    background-color: white;
    font-size: .85em;
    text-transform: uppercase;
    padding: 2px 0;
    color: #929293;
    position: relative;
  }
  #global .selected {
    color: black !important;
    font-weight: bold;
  }
  #sitenav {
    float: left;
    width: 829px;
    position: relative;
    margin: 0;
  }
  #sitenav li {
    float: left;
    margin: 0;
    padding: 5px 15px;
    background: none;
    border-right: 1px solid #EBECEC;
  }
  #sitenav li.last {
    position: absolute;
    right: 0;
    border-left: 1px solid #EBECEC;
  }
  #lang {
    float: right;
    margin: 0;
  }
  #lang li {
    float: left;
    margin: 0;
    padding: 5px 5px;
    background: none;
  }
  #lang li + li {
    border-left: 1px solid #EBECEC;
  }
  #lang a {
    color: #929293;
  }
  #lang a:hover {
    color: #0061AB;
  }
  /* Layout > Actionbar
    ................................................... */
  #actionbar {
    background: #D3D8D6 url(https://www.cak.cz/images/bg_actionbar.jpg) no-repeat 50% 0;
  }
  #actionbar-2 {
    position: relative;
    max-width: 1000px;
    width: 100%;
    height: 145px;
    margin: 0 auto;
    text-align: left;
  }
  /* -- listlink */
  #a_eu {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 60px !important;
    width: calc(100% - 10px);
    background: url(https://www.cak.cz/images/ico_listlinkEU.png) no-repeat 0 50%;
    border: 2px solid white;
    border-radius: 3px;
    padding: 5px 15px 5px 30px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    font-size: .8em;
  }
  #fir_eu {
    display: block;
    position: absolute;
    right: 3px;
    bottom: -19px;
    width: 25px;
    height: 41px;
    overflow: hidden;
    background: url(https://www.cak.cz/images/bg_handEU.png) no-repeat 0 0;
  }
  #listlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 299px;
    height: 145px;
    background: #3F6C8B url(https://www.cak.cz/images/bg_listlink.jpg) no-repeat 0 0;
    color: white;
  }
  #a_cz {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 20px;
    width: calc(100% - 10px);
    background: white url(https://www.cak.cz/images/ico_listlink.png) no-repeat 0 50%;
    border: 2px solid white;
    border-radius: 3px;
    padding: 5px 15px 5px 30px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8em;
  }
  #listlink a .fir {
    display: block;
    position: absolute;
    right: 3px;
    bottom: -18px;
    width: 28px;
    height: 36px;
    overflow: hidden;
    background: url(https://www.cak.cz/images/bg_hand.png) no-repeat 0 0;
  }
  /* -- news */
  #news {
    position: absolute;
    top: 0;
    left: 316px;
    width: 172px;
    height: 145px;
    background: #004176 url(https://www.cak.cz/images/bg_news.png) no-repeat 0 0;
    color: white;
    font-size: .85em;
    line-height: 1.2;
  }
  #news-2 {
    width: 153px;
    height: 115px;
    margin: 15px 15px 15px 20px;
    overflow: auto;
  }
  #news h2 {
    margin: 0 0 5px 0;
    color: white;
    text-transform: lowercase;
    font-size: 1.5em;
  }
  #news p {
    margin: 0;
  }
  #news p + p {
    margin-top: 5px;
  }
  /* -- promo */
  #promo {
    position: absolute;
    top: 0;
    left: 487px;
    width: 513px;
    height: 145px;
    overflow: hidden;
    margin: 0;
  }
  #promo li {
    float: left;
    width: 171px;
    height: 145px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none;
  }
  /* Layout > Main
    ................................................... */
  #main {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    text-align: left;
    -webkit-box-shadow: 0px 1px 5px #D1D8D6;
            box-shadow: 0px 1px 5px #D1D8D6;
    padding: 25px 0;
  }
  #data {
    float: right;
    width: 80%;
    /*overflow: hidden;*/
  }
  /* Layout > Content
    ................................................... */
  #content {
    float: left;
    width: 75%;
    /*overflow: hidden;*/
  }
  /* -- common */
  .separator {
    color: #003461;
    font-weight: bold;
    margin: 0 5px;
  }
  .keyword {
    background-color: #F4D842;
    padding: 0 5px;
    border-radius: 10px;
  }
  p.nextlink {
    text-align: right;
  }
  #content p.nextlink {
    font-size: .85em;
  }
  .nextlink a,
  a.nextlink {
    text-decoration: none;
  }
  .nextlink a:hover,
  a:hover.nextlink {
    text-decoration: underline;
  }
  .uppercase {
    text-transform: uppercase;
  }
  #content h2 {
    border-bottom: 4px solid #C5C5C6;
    padding-bottom: 5px;
  }
  .simplelist {
    margin: 20px 0;
  }
  .simplelist li {
    background: none;
    padding-left: 0;
  }
  .simplelist li + li {
    margin: 15px 0 0 0;
  }
  .date {
    color: #0061AB;
  }
  #content hr {
    border-top-width: 4px;
  }
  /* -- cols */
  .cols {
    clear: both;
    width: 100%;
    margin: 10px 0;
  }
  .cols .col-left {
    float: left;
    width: 48%;
    overflow: hidden;
  }
  .cols .col-right {
    float: right;
    width: 48%;
    overflow: hidden;
  }
  div.col-left h1:first-child, div.col-right h1:first-child,
  div.col-left h2:first-child, div.col-right h2:first-child,
  div.col-left h3:first-child, div.col-right h3:first-child,
  div.col-left h4:first-child, div.col-right h4:first-child,
  div.col-left h5:first-child, div.col-right h5:first-child,
  div.col-left h6:first-child, div.col-right h6:first-child {
    margin-top: 0;
  }
  #content h1:first-child {
    margin-top: 0;
  }
  /* -- perex */
  #perex {
    background-color: #E5EFF6;
    padding: 15px;
    margin-bottom: 30px;
    font-style: italic;
    color: #3E3D40;
  }
  #perex p {
    margin-bottom: 10px;
  }
  #perex p:last-child {
    margin-bottom: 0;
  }
  /* -- articlelist */
  .articlelist {
    margin: 30px 0;
  }
  .articlelist .item {
    margin: 10px 0;
    clear: both;
  }
  .articlelist .item + .item {
    border-top: 4px solid #C5C5C6;
    padding-top: 10px;
  }
  #content .articlelist h2 {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
    text-transform: none;
  }
  .articlelist .img {
    float: right;
    margin: 0 0 20px 20px;
  }
  .articlelist .date {
    color: #0061AB;
    font-size: .85em;
    text-transform: uppercase;
  }
  /* -- calendarlist */
  .calendarlist {
    margin: 30px 0;
  }
  .calendarlist .item {
    margin: 10px 0;
    clear: both;
  }
  .calendarlist .item + .item {
    border-top: 2px solid #C5C5C6;
    padding-top: 10px;
  }
  #content .calendarlist h2 {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
    text-transform: none;
  }
  .calendarlist .img {
    float: right;
    margin: 0 0 20px 20px;
  }
  .calendarlist .date {
    color: #0061AB;
    font-size: .85em;
    text-transform: uppercase;
  }
  /* -- pager */
  .pager {
    margin: 45px 0;
    font-size: .85em;
    color: #5E6264;
  }
  .pager li {
    display: inline;
    margin: 0;
    padding: 0;
    background: transparent none !important;
    vertical-align: middle;
  }
  .pager li + li {
    margin: 0 0 0 5px;
  }
  .pager a {
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 27px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #CADFED;
    background-color: #CADFED;
  }
  .pager .skip a {
    width: auto;
    padding: 0 10px;
  }
  .pager a:hover {
    background-color: #003461;
    color: white;
    border: 1px solid #003461;
  }
  .pager strong {
    display: inline-block;
    padding: 0;
    text-align: center;
    background-color: #003461;
    color: white;
    width: 27px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    font-weight: normal;
    border: 1px solid #003461;
  }
  /* -- downloads */
  .downloads {
    width: 100%;
  }
  h2 + .downloads {
    margin-top: 15px;
  }
  .downloads th, .downloads td {
    border: none;
    padding: 5px 10px;
    background: transparent none;
    color: black;
    vertical-align: middle;
  }
  .downloads .filename {
    padding-left: 0;
  }
  .downloads .filetype {
    text-align: center;
    padding: 5px 10px;
    width: 70px;
  }
  .downloads .filesize {
    color: #929293;
    white-space: nowrap;
    text-align: right;
    padding-right: 0;
  }
  .downloads img {
    vertical-align: middle;
  }
  /* -- search-counter */
  #search-counter {
    margin: 30px 0;
  }
  #search-counter h2 {
    border-bottom: none;
    padding-bottom: 0;
  }
  /* -- search-again */
  #search-again {
    margin: 30px 0;
  }
  #search-again h2 {
    border-bottom: none;
    padding-bottom: 0;
  }
  h2 + #search-again {
    margin-top: 20px;
  }
  #search-again fieldset {
    margin: 0;
    background-color: #E5EFF6;
    border: none;
    padding: 20px 15px;
    font-size: 1.3em;
  }
  #search-again input {
    vertical-align: middle;
    padding: 5px;
  }
  #search-again input[type=submit] {
    background: #2470A6 url(https://www.cak.cz/images/bg_submit.png) repeat-x 0 0;
    border: 1px solid #7FAAC6;
    border-radius: 3px;
    color: white;
    padding: 5px 10px;
    -webkit-box-shadow: 0px 1px 5px #D1D8D6;
            box-shadow: 0px 1px 5px #D1D8D6;
  }
  /* -- searchresults */
  #searchresults {
    margin: 30px 0;
  }
  #searchresults h2 {
    border-bottom: none;
    padding-bottom: 0;
  }
  #searchresults .item {
    margin: 20px 0;
  }
  #searchresults .item + .item {
    border-top: 1px solid #C5C5C6;
    padding-top: 20px;
  }
  #searchresults .page {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    color: #6CAF0A;
    text-transform: uppercase;
  }
  #searchresults .url {
    margin: 10px 0 0 0;
    font-size: .9em;
    padding: 0 0 0 20px;
    background: url(https://www.cak.cz/images/bullet.png) 0 50% no-repeat;
    /* skinnable */
  }
  #searchresults .txt {
    margin: 15px 0 0 0;
  }
  /* -- sitemap */
  #sitemap {
    margin: 30px 0;
    font-weight: bold;
    font-size: 1.3em;
  }
  #sitemap li {
    margin: 20px 0;
    padding: 0;
    background: no-repeat;
  }
  #sitemap ul {
    margin: 20px 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 4px solid #EBECEC;
    font-weight: bold;
    font-size: .85em;
  }
  #sitemap li li {
    margin: 20px 0;
  }
  #sitemap ul ul {
    margin: 20px 0 0 40px;
    padding: 0;
    border-left: none;
    text-transform: none;
    font-weight: normal;
  }
  #sitemap li li li {
    margin: 5px 0;
    font-size: 1em;
    background: url(https://www.cak.cz/images/bullet.png) 0 0.75em no-repeat;
    padding: 5px 0 5px 25px;
  }
  /* Layout > Column
    ................................................... */
  #column {
    float: right;
    width: 22%;
    padding: 0 1% 0 0;
    font-size: .85em;
  }
  #column h2 {
    color: #6CAF0A;
    font-size: 1.35em;
  }
  #column h2:first-child {
    margin-top: 5px;
  }
  #column a {
    text-decoration: none;
  }
  #column a:hover {
    text-decoration: underline;
  }
  #column .menu li {
    margin: 10px 0;
  }
  /* Layout > Sidebar
    ................................................... */
  #sidebar {
    float: left;
    width: calc(19% - 15px);
    font-size: .85em;
    padding: 0 0 0 15px;
  }
  #sidebar.sidebar--active {
    display: block !important;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.75);
  }
  #sidebar.sidebar--active #bulletin,
  #sidebar.sidebar--active #webarchive {
    display: none;
  }
  #sidebar.sidebar--active #nav {
    width: calc(100% - 1em);
  }
  #sidebar a {
    text-decoration: none;
  }
  #sidebar a:hover {
    text-decoration: underline;
  }
  /* -- nav */
  #nav {
    border-bottom: 4px solid #C5C5C6;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    text-transform: uppercase;
  }
  #nav li {
    background: #CCDFEE none;
    margin: 0 0 0 -15px;
    padding: 5px 15px;
    font-weight: bold;
  }
  #nav li + li {
    margin-top: 5px;
  }
  #nav ul {
    margin: 5px -15px -10px -15px;
    padding: 10px 0 10px 15px;
    background-color: white;
  }
  #nav ul li {
    background: transparent url(https://www.cak.cz/images/bullet.png) 0 0.35em no-repeat;
    margin: 0;
    padding: 0 0 0 15px;
    font-weight: normal;
  }
  #nav ul li + li {
    margin-top: 10px;
  }
  #nav ul ul {
    margin: 0;
    padding: 5px 0 0 0;
    background-color: transparent;
    text-transform: none;
  }
  #nav ul ul li + li {
    margin-top: 2px;
  }
  #nav .selected {
    color: black !important;
  }
  /* -- bulletin */
  #bulletin {
    margin: 30px 0;
  }
  #bulletin h2 {
    color: #929293;
    font-weight: normal;
    margin-top: -15px;
    font-size: 1em;
  }
  /* -- webarchive */
  #webarchive {
    color: #929293;
    font-style: italic;
    margin: 30px 0;
  }
  /* Global > Tools
    ................................................... */
  #tools {
    margin: 30px 200px;
    font-size: .85em;
    text-transform: lowercase;
  }
  #tools a {
    margin-right: 15px;
    text-decoration: none;
  }
  #tools a:hover {
    text-decoration: underline;
  }
  /* Global > Footer
    ................................................... */
  #footer {
    max-width: 1000px;
    width: 100%;
    margin: 20px auto;
    font-size: .85em;
    color: #3E3D40;
    text-align: left;
    text-transform: uppercase;
  }
  #footer li {
    display: inline;
    padding: 0;
    margin: 0;
    background: none;
  }
  #footer li + li {
    border-left: 1px solid #C5C5C6;
    margin-left: 7px;
    padding-left: 10px;
  }
  #footer a {
    text-decoration: none;
    white-space: nowrap;
  }
  #footer a:hover {
    text-decoration: underline;
  }
  /* MyStyles
    --------------------------------------------------- */
  /* -- here */
}

/* <-- end-media-screen */
/* @media: Print
    =================================================== */
@media print {
  body {
    font-family: georgia, serif;
  }
  table {
    border-collapse: collapse;
    border: none;
    margin-bottom: 10pt;
  }
  th, td {
    border: 1px solid;
  }
  .f-no-print, .f-no-show, .f-no-float, .fir, .pager,
  #accesslink, #search, #global, #actionbar, #column, #sidebar, #tools {
    display: none;
  }
  a, img {
    border: none;
  }
  .gallery .item {
    display: inline-block;
    list-style: none;
    padding: 0 0 10pt 0;
    margin: 0;
    text-align: center;
    vertical-align: text-top;
    width: 200px;
  }
  .gallery .item span {
    display: block;
  }
}

/* <-- end-media-print */
#cal div.cal-standard {
  background-image: url(https://www.cak.cz/images/cal-standard-pozadi.jpg);
  background-repeat: no-repeat;
  color: #515151;
  height: 43px;
  width: 43px;
}

#cal table.kal {
  padding: 14px;
}

#cal div.cal-event-sel {
  background-color: #bbbdc0;
  border: 2px solid black;
  color: white;
  height: 43px;
  width: 43px;
}

#cal div.cal-event {
  background-color: #bbbdc0;
  color: white;
  height: 43px;
  width: 43px;
}

#cal div.cal-detail-link {
  margin-left: 15px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
}

#cal div.cal-detail-link-hol {
  margin-left: 15px;
  margin-top: 7px;
  font-size: 17px;
  font-weight: bold;
  color: #24537f;
}

#search-submit {
  height: 22px;
  overflow: hidden;
  /*position: absolute;*/
  right: 0;
  top: 0;
  width: 22px;
}

#cal-search-01 {
  width: 135px;
  /*    float: center;*/
}

#datepicker {
  width: 135px;
}

#cal-search-03 {
  width: 135px;
}

#cal-search-date-from {
  background-image: url(https://www.cak.cz/images/ico_search_datapicker.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background: transparent;
  height: 22px;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 22px;
  float: right;
}

#cal-search-date-to {
  height: 22px;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 22px;
  float: right;
}

#cal-search-del {
  height: 22px;
  overflow: hidden;
  /*position: absolute;*/
  right: 0;
  top: 0;
  width: 22px;
  float: right;
  cursor: pointer;
}

#cal-search-date {
  height: 22px;
  overflow: hidden;
  /*position: absolute;*/
  right: 0;
  top: 0;
  width: 22px;
  float: right;
}

#cal-search td {
  border: medium none;
  padding: 0;
  vertical-align: top;
}

#cal-search tr {
  border: medium none;
  padding-bottom: 2px;
  vertical-align: top;
}

#cal-search th {
  background: none;
  border: none;
  font-weight: normal;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  text-align: left;
  vertical-align: top;
}

.styled-select {
  width: 166px;
  height: 20px;
  overflow: hidden;
  background-image: url(https://www.cak.cz/images/ico_search_select.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
}

#datepicker-from {
  background-image: url("../images/ico_search_datapicker.jpg");
  background-position: right center;
  background-repeat: no-repeat;
  border: thin solid #a9aaae;
  height: 20px;
  width: 156px;
}

#datepicker-to {
  background-image: url("../images/ico_search_datapicker.jpg");
  background-position: right center;
  background-repeat: no-repeat;
  border: thin solid #a9aaae;
  height: 20px;
  width: 156px;
}

.styled-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../images/ico_search_select.jpg") no-repeat scroll right center white;
  border: thin solid #a9aaae;
  border-radius: 0;
  cursor: pointer;
  height: 25px;
  line-height: 1;
  padding: 3px 26px 3px 5px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 185px;
}

.styled-select select::-ms-expand {
  display: none;
}

#event-list {
  width: 100%;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

#event-list td {
  width: 100%;
  background: none;
  border: none;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.calender {
  float: right;
  padding: 20px;
  background-color: #f0f2f1;
  height: 360px;
  width: 220px;
}

.calender form > table {
  margin: .5em 0 !important;
}

@media (max-width: 1000px) {
  #cal table {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  #cal table {
    width: 280px !important;
  }
  #cal table th {
    padding: 5px;
    font-size: 11px;
  }
}

iframe {
  max-width: 100%;
  height: auto;
}

.backHp {
  display: none;
}

.btnDesk {
  display: none;
}
/*# sourceMappingURL=generic.css.map */