/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top:  dashed;
  border-top:  solid \9;
  border-right:  solid transparent;
  border-left:  solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: ;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: ;
  text-align: left;
  background-color: ;
  border: 1px solid ;
  border-radius: ;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: ;
  color: ;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: ;
  background-color: ;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: ;
  text-decoration: none;
  outline: 0;
  background-color: ;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: ;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: ;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: ;
  line-height: ;
  color: ;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index:  - 10;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom:  dashed;
  border-bottom:  solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: ) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* =================================================== Open Sans ================================================== */
@font-face {
    font-family: 'openSans';
    src: url('/public/frontend/fonts/open_sans/opensans-regular.eot');
    src: url('/public/frontend/fonts/open_sans/opensans-regular.eot?#iefix') format('embedded-opentype'),
    url('/public/frontend/fonts/open_sans/opensans-regular.woff') format('woff'),
    url('/public/frontend/fonts/open_sans/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'openSans';
    src: url('/public/frontend/fonts/open_sans/opensans-bold.eot');
    src: url('/public/frontend/fonts/open_sans/opensans-bold.eot?#iefix') format('embedded-opentype'),
    url('/public/frontend/fonts/open_sans/opensans-bold.woff') format('woff'),
    url('/public/frontend/fonts/open_sans/opensans-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'openSans';
    src: url('/public/frontend/fonts/open_sans/opensans-italic.eot');
    src: url('/public/frontend/fonts/open_sans/opensans-italic.eot?#iefix') format('embedded-opentype'),
    url('/public/frontend/fonts/open_sans/opensans-italic.woff') format('woff'),
    url('/public/frontend/fonts/open_sans/opensans-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'openSans';
    src: url('/public/frontend/fonts/open_sans/opensans-bolditalic.eot');
    src: url('/public/frontend/fonts/open_sans/opensans-bolditalic.eot?#iefix') format('embedded-opentype'),
    url('/public/frontend/fonts/open_sans/opensans-bolditalic.woff') format('woff'),
    url('/public/frontend/fonts/open_sans/opensans-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  font-family: Tahoma, sans-serif;
  font-size: 13px;
  color: #373737;
}
html,
body {
  height: 100%;
  min-height: 100%;
}
#layout {
  height: auto;
  min-height: 100%;
  position: relative;
}
ul {
  padding: 5px 0 5px 20px;
}
ol {
  padding: 5px 0 5px 20px;
}
div {
  float: left;
  position: relative;
  display: block;
}
.pp_pic_holder,
.pp_overlay {
  float: none;
}
.pp_pic_holder div,
.pp_overlay div {
  float: none;
}
.layout {
  margin: 0;
  float: left;
  height: auto;
  position: relative;
  width: 100%;
}
.auto {
  margin: auto;
  float: none;
  height: auto;
  position: relative;
  width: 940px;
}
@media (max-width: 640px) {
  .auto {
    width: 100%;
  }
}
.simple h1 {
  margin-bottom: 15px;
}
.simple h2 {
  font-size: 14px;
}
.simple a {
  color: #004489;
}
.simple a:visited {
  color: #004489;
}
.contentBlock.organization.tree .clovek1,
.contentBlock.organization.tree .clovek2 {
  float: left;
  margin: 5px 0;
  font-size: 11px;
  position: relative;
}
.contentBlock.organization.tree .clovek1 table.obsah,
.contentBlock.organization.tree .clovek2 table.obsah {
  width: 184px;
  text-align: center;
}
.contentBlock.organization.tree .clovek1 table.obsah {
  height: 174px;
}
.contentBlock.organization.tree .clovek2 table.obsah {
  height: 58px;
}
.contentBlock.organization.tree .clovek1 table.obsah td.thumb {
  height: 130px;
}
.contentBlock.organization.tree .clovek1 table.obsah td.thumb img {
  height: 115px;
}
.contentBlock.organization.tree .odsadit {
  margin-left: 212px;
  margin-top: -184px;
}
.contentBlock.organization.tree .uroven2 {
  z-index: 2;
  position: relative;
}
.contentBlock.organization.tree .uroven3 {
  z-index: 3;
  position: relative;
}
.contentBlock.organization.tree .linka2-s,
.contentBlock.organization.tree .linka3-s {
  position: absolute;
  width: 28px;
  left: -28px;
}
.contentBlock.organization.tree .linka2-s {
  top: 92px;
  bottom: 92px;
}
.contentBlock.organization.tree .linka3-s {
  top: 34px;
  bottom: 34px;
}
.contentBlock.organization.tree .linka1-v,
.contentBlock.organization.tree .linka2-v {
  position: absolute;
  height: 174px;
  width: 10px;
}
.contentBlock.organization.tree .linka1-v {
  right: -14px;
}
.contentBlock.organization.tree .linka2-v {
  left: -14px;
}
.contentBlock.organization.tree .linka3-v {
  position: absolute;
  height: 58px;
  width: 10px;
  left: -14px;
}
.contentBlock.organization.tree .clovek1,
.contentBlock.organization.tree .clovek2 {
  background: #edf2f6;
}
.contentBlock.organization.tree .linka2-s,
.contentBlock.organization.tree .linka3-s {
  background: url('/public/frontend/images/organizace-linka.jpg') repeat-y center center;
}
.contentBlock.organization.tree .linka1-v,
.contentBlock.organization.tree .linka2-v {
  background: url('/public/frontend/images/organizace-linka.jpg') repeat-x center center;
}
.contentBlock.organization.tree .linka3-v {
  background: url('/public/frontend/images/organizace-linka.jpg') repeat-x center center;
}
.contentBlock.organization.tree .pozice,
.contentBlock.organization.tree .jmeno {
  width: 100%;
  text-align: center;
}
.headerArea > .auto {
  height: 217px;
}
.menu > .auto {
  height: 45px;
}
.mainArea > .auto {
  padding: 0;
}
.headerArea {
  margin: none;
  float: left;
  height: auto;
  position: relative;
  width: 100%;
  background-color: #ffffff;
}
.headerArea > .auto > .left {
  width: 333px;
  height: 217px;
}
.headerArea > .auto > .left .logo {
  width: 300px;
  height: 76px;
  margin: 17px 33px 24px 0px;
}
.headerArea > .auto > .right {
  width: 607px;
  height: 217px;
}
.headerProlog {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 8px;
  font-size: 12px;
  text-transform: uppercase;
  color: #004489;
}
.mainArea {
  margin: none;
  float: left;
  height: auto;
  position: relative;
  width: 100%;
  background-color: #f2f3f3;
  padding: 10px 0 20px 0;
}
.footArea {
  width: 100%;
  height: 130px;
}
.footArea .footAreaTop {
  float: left;
  height: auto;
  position: relative;
  width: 100%;
  background-color: #004489;
}
.footArea .footAreaBottom {
  float: left;
  position: relative;
  width: 100%;
  background-color: #ffffff;
}
.footArea .footAreaBottom .copyright {
  text-align: right;
  width: 100%;
  height: 31px;
  line-height: 31px;
}
.footArea .footAreaBottom .copyright a {
  color: #004489;
}
.footArea .footAreaBottom span.ctech {
  color: #004489;
}
.container {
  min-width: 940px;
  width: 100%;
}
.menu {
  float: left;
  height: auto;
  position: relative;
  width: 100%;
  background-image: url('/public/frontend/images/menu-bg.png');
}
.menu > .auto > ul {
  float: left;
  padding: 0px;
}
.menu > .auto > ul li {
  width: auto;
  list-style-type: none;
}
.menu > .auto > ul > li > a {
  float: left;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 33px;
  text-decoration: none;
  padding: 0 16px;
  display: block;
}
.menu > .auto > ul > li > a:hover {
  text-decoration: underline;
}
.menu > .auto > ul > li.active {
  float: left;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 33px;
  text-decoration: none;
  display: block;
  background-color: #227bc7;
  background: url('/public/frontend/images/menu-bg-sipka.png') center 33px no-repeat, url('/public/frontend/images/menu-bg-left.png') left top no-repeat, url('/public/frontend/images/menu-bg-right.png') right top no-repeat, url('/public/frontend/images/menu-bg-center.png') center top repeat-x;
  padding-bottom: 10px;
}
.menu > .auto > ul > li.activeParent {
  float: left;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 33px;
  text-decoration: none;
  display: block;
  background: url('/public/frontend/images/menu-bg-left.png') left top no-repeat, url('/public/frontend/images/menu-bg-right.png') right top no-repeat, url('/public/frontend/images/menu-bg-center.png') center top repeat-x;
  padding-bottom: 10px;
}
.menuSubmenu,
.subMenu {
  width: 266px;
  padding: 3px 0 8px 0;
  margin-bottom: 11px;
  background-color: #004489;
}
.menuSubmenu ul,
.subMenu ul {
  width: 100%;
  padding: 5px 0 0 0;
}
.menuSubmenu ul li,
.subMenu ul li {
  width: auto;
  padding: 5px 0 5px 19px;
  font-size: 13px;
  text-transform: uppercase;
  list-style-type: none;
}
.menuSubmenu ul li ul,
.subMenu ul li ul {
  display: none;
}
.menuSubmenu ul li.active,
.menuSubmenu ul li.activeParent,
.subMenu ul li.active,
.subMenu ul li.activeParent {
  width: 228px;
  padding: 5px 40px 5px 19px;
  text-decoration: none;
}
.menuSubmenu ul li.active ul,
.menuSubmenu ul li.activeParent ul,
.subMenu ul li.active ul,
.subMenu ul li.activeParent ul {
  display: block;
}
.menuSubmenu ul li.active,
.subMenu ul li.active {
  background: url('/public/frontend/images/sipka-right.png') left top no-repeat;
}
.menuSubmenu ul a,
.subMenu ul a {
  color: #ffffff;
  text-decoration: none;
}
.menuSubmenu ul a:hover,
.subMenu ul a:hover {
  text-decoration: underline;
}
.menuSubmenu .level2 ul,
.menuSubmenu .details ul {
  float: left;
  width: 100px;
  padding: 5px 0;
  margin-left: -19px;
}
.menuSubmenu .level2 li,
.menuSubmenu .details li {
  width: 228px;
  height: 16px;
  padding: 5px 19px;
  background: url('/public/frontend/images/sipka-right-menu.png') left center no-repeat;
  font-size: 11px;
  text-transform: none;
  list-style-type: none;
}
.menuSubmenu .level2 li.active,
.menuSubmenu .details li.active {
  width: 228px;
  height: 16px;
  padding: 5px 19px 5px 38px;
  margin-left: -19px;
  background: url('/public/frontend/images/sipka-right-menu.png') 19px center no-repeat, url('/public/frontend/images/sipka-right.png') left top no-repeat;
  font-size: 11px;
  text-transform: none;
  list-style-type: none;
}
.menuSubmenu .level2 a,
.menuSubmenu .details a {
  color: #c8def4;
  text-decoration: none;
}
.menuSubmenu .level2 a:hover,
.menuSubmenu .details a:hover {
  text-decoration: underline;
}
.menuFooter {
  width: 420px;
}
.menuFooter ul {
  float: left;
  width: 100%;
  padding: 0;
}
.menuFooter ul li {
  width: auto;
  list-style-type: none;
}
.menuFooter ul li a {
  float: left;
  padding: 0 0 0 10px;
  margin-right: 20px;
  color: #dae6f2;
  background: url('/public/frontend/images/sipka-left.png') no-repeat left center;
  font-size: 11px;
  line-height: 88px;
  font-weight: normal;
  text-decoration: underline;
  display: block;
}
.menuFooter ul li a:hover {
  color: #ffffff;
}
.footAreaTop > .auto > .right {
  width: 520px;
  margin: 30px 0;
}
.footAreaTop > .auto > .right span {
  color: #dae6f2;
  font-size: 11px;
}
.menuHeader {
  width: 420px;
}
.menuHeader ul {
  float: left;
  width: 100%;
  padding: 0;
}
.menuHeader ul li {
  width: auto;
  list-style-type: none;
}
.menuHeader ul li.line {
  float: left;
  padding: 0 5px;
  color: #8eafd1;
  display: block;
}
.menuHeader ul li.line:last-of-type {
  display: none;
}
.menuHeader ul li > a {
  float: left;
  color: #004489;
  font-size: 13px;
  font-weight: normal;
  text-decoration: underline;
  display: block;
}
.menuPartners {
  width: 266px;
  padding: 14px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.menuPartners ul {
  float: left;
  width: 100%;
  padding: 0;
}
.menuPartners ul li {
  float: left;
  width: 100%;
  margin: 5px 0;
  text-align: center;
  list-style-type: none;
}
.menuPartners ul li a {
  float: left;
  width: 100%;
  text-align: center;
  display: block;
}
.newsRSSContainer {
  width: 266px;
  padding: 14px 0;
  margin-bottom: 11px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.newsRSSContainer .title {
  width: 247px;
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-left: 19px;
}
.newsRSSContainer .title h2 {
  color: #004489;
  font-size: 20px;
  font-weight: normal;
}
.newsRSSContainer .more {
  text-align: right;
  width: 228px;
  padding: 0 19px;
  margin-top: 10px;
}
.newsRSSContainer .more a {
  width: 213px;
  padding-left: 15px;
  background: url('/public/frontend/images/sipka-right-bottom.png') no-repeat left;
  color: #004489;
  text-align: right;
}
.newsRSSContainer .more a:hover {
  color: #227bc7;
}
.newsRSS {
  width: 266px;
  padding: 6px 0;
  margin-top: 7px;
}
.newsRSS .title {
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 0 solid #b7d3f0;
}
.newsRSS .title .img {
  width: 43px;
  height: 43px;
}
.newsRSS .title .text {
  width: 197px;
  padding: 1px 13px 0 13px;
}
.newsRSS .title .text a {
  width: 223px;
  color: #227bc7;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.newsRSS .title .date {
  width: 100%;
  padding-top: 2px;
  color: #8d8d8d;
  font-size: 11px;
}
.newsRSS .article {
  width: 228px;
  padding: 5px 19px;
}
.newsRSS .article a {
  color: #004489;
}
.newsRSS .article a:hover {
  color: #227bc7;
}
.newsALLContainer {
  width: 652px;
  background-color: #ffffff;
  padding: 14px 0;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.newsALLContainer > .title {
  width: 633px;
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-left: 19px;
}
.newsALLContainer > .title h1 {
  color: #004489;
  font-size: 20px;
  font-weight: normal;
}
.newsALL {
  width: 652px;
  padding: 14px 0;
  background: url('/public/frontend/images/delic-stin.png') left bottom repeat-x #ffffff;
}
.newsALL .text {
  padding: 0 19px;
}
.newsALL .text h2 {
  color: #227bc7;
  font-size: 13px;
  font-weight: bold;
}
.newsALL .text h2 a {
  width: 223px;
  font-weight: bold;
  color: #227bc7;
  font-size: 13px;
  text-decoration: none;
}
.newsALL > .date {
  width: 614px;
  color: #8d8d8d;
  font-size: 11px;
  padding: 2px 19px 0 19px;
}
.newsALL > .article {
  width: 614px;
  padding: 2px 19px 0 19px;
}
.newsALL > .article p {
  padding: 12px 0;
  margin: 0;
}
.newsALL > .more {
  width: 614px;
  text-align: right;
  padding: 0 19px;
  margin-top: 10px;
}
.newsALL > .more a {
  color: #004489;
  width: 599px;
  padding-left: 15px;
  background: url('/public/frontend/images/sipka-right-bottom.png') no-repeat left;
}
.newsALL > .more a:hover {
  color: #227bc7;
}
.newsONE {
  width: 652px;
  background-color: #ffffff;
  padding: 14px 0;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.newsONE > .title {
  width: 633px;
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-left: 19px;
}
.newsONE > .title h1 {
  color: #004489;
  font-size: 20px;
  font-weight: normal;
}
.newsONE > .date {
  width: 614px;
  color: #8d8d8d;
  font-size: 11px;
  padding: 2px 19px 0 19px;
}
.newsONE > .article {
  width: 614px;
  padding: 2px 19px 0 19px;
}
.newsONE > .article p {
  padding: 12px 0;
  margin: 0;
}
.newsONE > .article a {
  color: #004489;
  font-weight: bold;
}
.newsONE > .article a:hover {
  color: #227bc7;
}
.newsONE > .more {
  width: 614px;
  text-align: right;
  padding: 0 19px;
  margin-top: 10px;
}
.newsONE > .more a {
  color: #004489;
  width: 599px;
  padding-left: 15px;
  background: url('/public/frontend/images/sipka-right-bottom.png') no-repeat left;
}
.newsONE > .more a:hover {
  color: #227bc7;
}
.conferenceContainer {
  width: 266px;
  background-color: #ffffff;
  padding: 14px 0;
  margin-bottom: 11px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.conferenceContainer > .title {
  width: 247px;
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-left: 19px;
}
.conferenceContainer > .title h2 {
  color: #004489;
  font-size: 20px;
  font-weight: normal;
}
.conferenceContainer > .more {
  text-align: right;
  width: 228px;
  padding: 0 19px;
  margin-top: 10px;
}
.conferenceContainer > .more a {
  text-align: right;
  width: 213px;
  padding-left: 15px;
  background: url('/public/frontend/images/sipka-right-bottom.png') no-repeat left;
  color: #004489;
}
.conferenceContainer > .more a:hover {
  color: #227bc7;
}
.conference {
  width: 266px;
  margin-top: 7px;
  padding: 6px 0;
}
.conference .img {
  width: 20px;
  height: 33px;
  background-image: url('/public/frontend/images/odrazka.png');
  margin-left: 19px;
}
.conference > .text {
  width: 209px;
  padding: 1px 13px 0 5px;
}
.conference > .text a {
  width: 223px;
  font-weight: bold;
  color: #227bc7;
  font-size: 13px;
  text-decoration: none;
}
.conference > .text > .date {
  width: 100%;
  color: #8d8d8d;
  font-size: 11px;
  padding-top: 2px;
}
.padding {
  padding: 0 19px;
}
@media (max-width: 640px) {
  .padding {
    padding: 0;
  }
}
.margin {
  margin-bottom: 12px;
}
.colContainer {
  width: 652px;
  padding: 14px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.colContainer h2 {
  color: #004489;
  font-size: 14px;
  font-weight: bold;
}
.colContainer h3 {
  font-size: 13px;
  font-weight: bold;
}
.colLogoContainer {
  width: 652px;
  padding: 11px 0;
}
.colDirectorContainer {
  width: 364px;
  background-color: #ffffff;
  padding: 14px 0;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.colDirectorContainer h1 {
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-left: 19px;
  color: #004489;
  font-size: 20px;
  font-weight: normal;
}
.colDirectorContainer p {
  text-align: justify;
}
.colContainer h1,
.galleryContainer h1,
#sitemap h1,
.waterwayContainer h1,
.searchResults h2 {
  font-size: 20px;
  color: #004489;
  font-weight: normal;
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-left: 19px;
}
.colContainer p {
  margin: 0;
  padding: 12px 0;
}
.colContainer a {
  color: #004489;
}
.colContainer a:hover {
  color: #227bc7;
}
.colLinksContainer {
  width: 266px;
  margin-top: 7px;
  padding: 14px 0;
}
.galleryLine {
  width: 100%;
  height: 11px;
  background: url('/public/frontend/images/delic-stin.png') left bottom repeat-x;
}
.galleryContainer {
  width: 940px;
  padding: 14px 0px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.galleryContainer .album .article {
  width: 265px;
  padding: 0 19px;
  margin: 20px 0;
}
.galleryContainer .album .article .title {
  width: 265px;
  padding-bottom: 12px;
  text-align: center;
}
.galleryContainer .album .article .title h2 {
  font-size: 14px;
}
.galleryContainer .album .article .title h2 a {
  color: #004489;
}
.galleryContainer .album .article .title h2 a:hover {
  color: #227bc7;
}
.galleryContainer .album .article .thumbs {
  width: 265px;
}
.galleryContainer .album .article .more {
  width: 265px;
  margin-top: 10px;
  text-align: center;
}
.galleryContainer .album .article .more a {
  color: #004489;
  width: 265px;
  padding-left: 15px;
  background: url('/public/frontend/images/sipka-right-bottom.png') no-repeat left;
}
.galleryContainer .album .article .more a:hover {
  color: #227bc7;
}
.galleryContainer .more {
  text-align: right;
  width: 902px;
  padding: 0;
  margin-top: 10px;
}
.galleryContainer .more a {
  padding-left: 15px;
  background: url('/public/frontend/images/sipka-right-bottom.png') no-repeat left;
  color: #004489;
}
.galleryContainer .more a:hover {
  color: #227bc7;
}
.galleryContainer .items {
  width: 940px;
}
.galleryContainer .items .item {
  width: 108px;
  height: 108px;
  margin: 14px 14px 0 0;
}
.galleryContainer.all .album .article .thumbs {
  text-align: center;
}
.galleryContainer.all .album .article .thumbs a {
  display: inline-block;
}
#wrapper {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.rslides {
  margin: 0 auto;
}
.rslides_containerAuto {
  margin: auto;
  width: 100%;
  max-width: 800px;
}
.rslides_container {
  float: left;
  width: 100%;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  _display: block;
  *display: block;
  width: 11px;
  height: 11px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: auto;
}
.rslides li {
  display: none;
  width: 100%;
  -webkit-backface-visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  float: left;
  display: block;
  position: relative;
}
.rslides img {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}
.rslidesText {
  color: #004489;
  font-size: 12px;
  background: url('../images/header-img-bg.png');
  margin-top: -60px;
  padding: 10px 23px 10px 30px;
}
.searchArea {
  position: absolute;
  top: 139px;
  left: 0;
  width: 181px;
  height: 25px;
  border: 1px solid #d5d5d5;
  background: url('/public/frontend/images/header-search.png') no-repeat;
}
.searchArea input {
  color: #969696;
  background: none;
}
.searchArea input[type=text] {
  width: 142px;
  height: 23px;
  line-height: 23px;
  display: block;
  border: 0;
  margin: 0 7px;
  padding: 1px 0 0 0;
  outline: none;
}
.searchArea input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 0;
}
#sitemap {
  width: 652px;
  padding: 14px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
#sitemap a {
  color: #004489;
}
#sitemap a:hover {
  color: #227bc7;
}
.fl {
  float: left;
  width: 266px;
  margin-right: 22px;
}
.fr {
  float: left;
  width: 652px;
}
.colContainer > .col1 {
  width: 614px;
}
.pagination {
  width: 100%;
  color: #767676;
}
.pagination table {
  margin: auto;
  border-collapse: collapse;
}
.pagination a {
  color: #004489;
}
.pagination a:hover {
  color: #227bc7;
}
.filter {
  width: 614px;
  padding-bottom: 20px;
  background: url('/public/frontend/images/delic-stin.png') left bottom repeat-x;
}
.filter .text {
  padding: 0;
  background: none;
  color: #004489;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  width: auto;
}
.filter .selecty {
  width: 100%;
  margin: 10px;
}
.filter .info {
  color: #8d8d8d;
  font-size: 11px;
  font-weight: normal;
}
.filter .show {
  width: 100%;
}
.filter a {
  float: left;
  padding: 8px 12px;
  margin-top: 20px;
  margin-bottom: 6px;
  background-color: #227bc7;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
.filter a:hover {
  color: #ffffff;
}
.filter form {
  display: block;
  margin: 0;
}
.filter pre {
  margin-top: 10px;
  color: #8d8d8d;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
.constructionsListOld {
  width: 100%;
  display: block;
}
.constructionsListOld .item {
  width: 614px;
  padding: 0 19px 20px 19px;
  background: url('/public/frontend/images/delic-stin.png') left bottom repeat-x;
}
.constructionsListOld .item .thumb {
  width: 108px;
  height: 108px;
  padding-right: 19px;
}
.constructionsListOld .item .thumb img {
  width: 108px;
  height: 108px;
}
.constructionsListOld .item .title {
  width: 487px;
  padding-bottom: 5px;
}
.constructionsListOld .item .title a {
  width: 487px;
  color: #227bc7;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}
.constructionsListOld .item .stav {
  width: 487px;
  padding-bottom: 10px;
  color: #8d8d8d;
  font-style: italic;
}
.constructionsListOld .item .link-more {
  width: 487px;
}
.constructionsList {
  float: left;
  width: 100%;
}
.constructionsList .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 488px;
  border: 1px solid #ebebeb;
  margin: 0 82px 15px 82px;
}
.constructionsList .item .thumb {
  display: block;
  float: left;
  width: 139px;
  height: 169px;
  border-right: 1px solid #ebebeb;
}
.constructionsList .item .thumb img {
  position: absolute;
  z-index: 1;
}
.constructionsList .item .thumb .link-gallery {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  bottom: 23px;
}
.constructionsList .item .thumb .link-gallery a {
  background: url('/public/frontend/images/icon-gallery.png') 6px center no-repeat #227bc7;
  padding: 5px 12px 5px 30px;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  border-top: 1px solid #88c5f8;
  border-bottom: 1px solid #004489;
}
.constructionsList .item .thumb .link-gallery a:hover {
  border-top: 1px solid #004489;
  border-bottom: 1px solid #004489;
  background: url('/public/frontend/images/icon-gallery.png') 6px center no-repeat #004489;
}
.constructionsList .item .text {
  display: block;
  float: left;
  width: 347px;
  height: 169px;
}
.constructionsList .item .text .title {
  float: left;
  width: 100%;
  background-color: #004489;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 9px 14px 9px 14px;
}
.constructionsList .item .text .title a {
  float: left;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
}
.constructionsList .item .text .titleDesc {
  float: left;
  width: 100%;
  height: auto;
  background-color: #edf2f6;
}
.constructionsList .item .text .titleDesc .stav,
.constructionsList .item .text .titleDesc .type {
  float: left;
  width: 100%;
  color: #004489;
  font-size: 13px;
  padding-left: 14px;
  line-height: 21px;
}
.constructionsList .item .text .desc {
  float: left;
  width: 100%;
  padding: 10px;
}
.constructionsList .item .text .link-more {
  float: left;
  position: absolute;
  width: 100%;
  text-align: right;
  bottom: 14px;
}
.constructionsList .item .text .link-more a {
  background: url('/public/frontend/images/sipka-right-bottom.png') left center no-repeat;
  padding: 0 13px 0 17px;
}
.constructionsList .item .textMain {
  display: none;
}
.constructionsList hr {
  display: none;
}
.constructionsList.strategicke-zamery-a-stavby {
  text-align: center;
}
.constructionsList.strategicke-zamery-a-stavby .item {
  float: left;
  width: 214.66666px;
  margin: 0;
}
.constructionsList.strategicke-zamery-a-stavby .item:nth-of-type(3n + 1) {
  margin: 0 2px 0 0;
}
.constructionsList.strategicke-zamery-a-stavby .item:nth-of-type(3n + 2) {
  margin: 0 2px;
}
.constructionsList.strategicke-zamery-a-stavby .item:nth-of-type(3n + 3) {
  margin: 0 0 0 2px;
}
.constructionsList.strategicke-zamery-a-stavby .item .thumb {
  display: none;
}
.constructionsList.strategicke-zamery-a-stavby .item .text {
  display: none;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain {
  display: block;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .title {
  float: left;
  width: 100%;
  height: 86px;
  background-color: #004489;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 9px 14px 9px 14px;
  display: table;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .title a {
  width: 100%;
  color: #ffffff;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc {
  float: left;
  width: 100%;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc .box {
  float: left;
  width: 50%;
  color: #ebebeb;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc .box:nth-of-type(1) {
  border-bottom: 1px solid #f0f2f4;
  border-right: 1px solid #f0f2f4;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc .box:nth-of-type(2) {
  border-bottom: 1px solid #f0f2f4;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc .box:nth-of-type(3) {
  border-right: 1px solid #f0f2f4;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc .box a {
  float: left;
  width: 100%;
  font-size: 11px;
  color: #227bc7;
  text-decoration: none;
  padding: 9px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.constructionsList.strategicke-zamery-a-stavby .item .textMain .desc .box a:hover {
  background-color: #edf2f6;
}
.constructionsList.strategicke-zamery-a-stavby hr {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  border: 2px solid transparent;
}
.line {
  width: 100%;
}
.sectionText h2,
.constructions > .text h2 {
  color: #004489;
  font-size: 14px;
  font-weight: bold;
}
.constructions > .text {
  padding: 0 19px;
}
.constructions > .text img {
  margin-right: 20px;
}
#galeriestavby {
  padding: 0 19px;
}
#galeriestavby h3 {
  color: #004489;
  font-size: 14px;
  font-weight: bold;
}
#galeriestavby img {
  margin: 7px;
}
.contactsContainer {
  width: 652px;
  background-color: #ffffff;
  padding: 14px 0;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
.contactsContainer .name {
  color: #004489;
  font-weight: bold;
}
.contactsContainer .nameOther {
  color: #004489;
  font-weight: normal;
}
.sekce {
  width: 614px;
  background: url('/public/frontend/images/delic-stin.png') left bottom repeat-x;
  padding: 20px 19px 20px 19px;
}
.funkce {
  width: 595px;
  background-color: #edf2f6;
  color: #227bc7;
  padding: 6px 9px;
  line-height: 16px;
  font-weight: bold;
}
.contactsContainer .obsahOther,
.obsah {
  padding: 0 9px;
}
.newsALLContainer .obsah {
  padding: 0;
}
.contactsContainer a {
  color: #004489;
}
.contactsContainer a:hover {
  color: #227bc7;
}
.obsah {
  width: 100%;
}
.rowObsah {
  width: 100%;
  padding: 1px 0 5px 10px;
  margin-bottom: 15px;
}
.barvaS1 {
  color: #8d8d8d;
}
.waterwayContainer {
  width: 940px;
  background-color: #ffffff;
  padding-top: 14px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
}
@media (max-width: 640px) {
  .waterwayContainer {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .waterwayPadding {
    padding: 0 0 0 11%;
    background-position: 11% 43px;
    background-repeat: repeat-y;
  }
}
@media (min-width: 641px) {
  .waterwayPadding {
    padding: 0 30px 0 60px;
    background-image: url('/public/frontend/images/way-bg.png'), url('/public/frontend/images/way-bg.png'), url('/public/frontend/images/way-bg.png');
    background-position: 60px 43px, 343px 43px, 626px 43px;
    background-repeat: repeat-y, repeat-y, repeat-y;
  }
}
.waterway {
  width: 283px;
}
.vltava {
  color: #459adc;
}
.labe {
  color: #267dc1;
}
.morava {
  color: #005cb9;
}
.waterway > .title {
  width: 243px;
  height: 58px;
  font-size: 14px;
  font-weight: bold;
  padding: 70px 0 0 40px;
}
.vltava > .title {
  background: url('/public/frontend/images/way-title-vltava.png') left top no-repeat;
}
.labe > .title {
  background: url('/public/frontend/images/way-title-labe.png') left top no-repeat;
}
.morava > .title {
  background: url('/public/frontend/images/way-title-morava.png') left top no-repeat;
}
.waterway > .object {
  width: 232px;
  min-height: 55px;
  padding: 0 20px 18px 20px;
  border-left: 12px solid #267dc1;
}
.vltava > .object {
  border-left: 12px solid #459adc;
}
.vltava > .object a {
  color: #459adc;
  text-decoration: none;
}
.vltava > .object a:hover {
  text-decoration: underline;
}
.vltava > .object > .circle {
  border: 3px solid #459adc;
}
.labe > .object {
  border-left: 12px solid #267dc1;
}
.labe > .object a {
  color: #267dc1;
  text-decoration: none;
}
.labe > .object a:hover {
  text-decoration: underline;
}
.labe > .object > .circle {
  border: 3px solid #267dc1;
}
.morava > .object {
  border-left: 12px solid #005cb9;
}
.morava > .object a {
  color: #005cb9;
  text-decoration: none;
}
.morava > .object a:hover {
  text-decoration: underline;
}
.morava > .object > .circle {
  border: 3px solid #005cb9;
}
.circle {
  width: 18px;
  height: 18px;
  z-index: 2;
  position: relative;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #ffffff;
  margin-left: -38px;
}
.object > .title {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}
.object > .type {
  width: 100%;
  font-size: 13px;
  font-weight: normal;
}
.waterway > .titleFooter {
  width: 243px;
  height: 58px;
  font-size: 14px;
  font-weight: bold;
  padding: 70px 0 0 40px;
}
.vltava > .titleFooter {
  background: url('/public/frontend/images/way-footer-vltava.jpg') left top no-repeat;
}
.labe > .titleFooter {
  background: url('/public/frontend/images/way-footer-labe.jpg') left top no-repeat;
}
.morava > .titleFooter {
  background: url('/public/frontend/images/way-footer-morava.jpg') left top no-repeat;
}
.vltava > .object.skryte,
.labe > .object.skryte,
.morava > .object.skryte {
  color: #cbd7df;
}
.vltava > .object.skryte .circle,
.labe > .object.skryte .circle,
.morava > .object.skryte .circle {
  border-color: #cbd7df;
}
@media (max-width: 640px) {
  .header {
    width: 100%;
    color: #ffffff;
  }
  .header > .text {
    width: 96%;
    padding: 0 2%;
    z-index: 50;
    font-family: 'OpenSans', sans-serif;
    color: #267dc1;
    margin-top: 25px;
  }
  .header > .text > .type {
    width: 100%;
    font-size: 25px;
  }
  .header > .text > h1 {
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .waterwayDetail {
    width: 100%;
    background-color: #ffffff;
  }
}
@media (min-width: 641px) {
  .header {
    margin: -14px 19px 0px -19px;
    color: #ffffff;
  }
  .header > .text {
    width: 860px;
    margin-top: -120px;
    padding: 0 40px;
    z-index: 50;
    position: relative;
    font-family: 'OpenSans', sans-serif;
  }
  .header > .text .type {
    width: 100%;
    font-size: 25px;
  }
  .header > .text h1 {
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .waterwayDetail {
    width: 940px;
    padding: 14px 0;
    background: url('/public/frontend/images/way-bg.png') 667px 0 repeat-y #ffffff;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
    -moz-box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
    box-shadow: 0px 0px 11px 0px rgba(141,141,141,0.3);
  }
}
.waterwayDetailLeft {
  width: 608px;
  margin-top: 25px;
}
@media (max-width: 640px) {
  .waterwayDetailLeft {
    width: 100%;
  }
}
.waterwayDetail .blueContent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #267dc1;
  color: #ffffff;
  margin-bottom: 6px;
  width: 608px;
}
@media (max-width: 640px) {
  .waterwayDetail .blueContent {
    width: 100%;
  }
}
.blueContent.tabs-2 {
  height: 10px;
}
.blueContent > .text {
  width: 100%;
  padding: 25px;
}
@media (max-width: 640px) {
  .blueContent > .text {
    width: 94%;
    padding: 25px 3%;
  }
}
.blueContent > .document {
  width: 100%;
  height: 21px;
  text-align: center;
  vertical-align: bottom;
  margin-bottom: 20px;
}
.blueContent > .document a {
  float: left;
  text-align: center;
  line-height: 21px;
  width: 608px;
  height: 21px;
  background: url('/public/frontend/images/way-file.png') 200px 0 no-repeat;
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 640px) {
  .blueContent > .document a {
    width: 100%;
  }
}
.blueContent > .document a:hover {
  text-decoration: underline;
}
.blueContent > .text a,
.blueContent > .text p a {
  color: #ffffff;
}
.waterwayDetail .park_places,
.waterwayDetail .operation_mode {
  width: 25%;
  border-top: 1px solid #5891c9;
  border-left: 1px solid #5891c9;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .waterwayDetail .park_places,
  .waterwayDetail .operation_mode {
    width: 50%;
    border-bottom: 0;
    border-left: 0;
  }
}
.park_places > .title,
.operation_mode > .title,
.services > .title {
  width: 100%;
  font-size: 12px;
  margin-top: 24px;
  font-weight: bold;
  text-align: center;
}
.park_places > .num,
.operation_mode > .num {
  width: 100%;
  font-size: 45px;
}
.park_places > .num span,
.operation_mode > .num span {
  font-size: 12px;
  font-weight: normal;
}
.park_places > .free > .icon {
  width: 30px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  padding: 0 30px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: url('/public/frontend/images/icon-free.png') right center no-repeat #3e90d8;
  margin: 0 0 0 -30px;
}
.park_places > .free {
  float: none;
  width: 30px;
  height: 16px;
  margin: auto;
}
.services.lodi {
  width: 50%;
  min-height: 130px;
  border: 1px solid #5891c9;
  color: #ffffff;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .services.lodi {
    width: 100%;
  }
}
.services.noha {
  width: 558px;
  border: 0;
  color: #ffffff;
  padding: 0 25px 25px 25px;
}
@media (max-width: 640px) {
  .services.noha {
    width: 96%;
    padding: 0 2% 25px 2%;
  }
}
.services .items {
  width: 100%;
  text-align: center;
  padding: 10px 0 0 0;
}
.services.noha .item,
.services.lodi .item {
  float: none;
  min-width: 34px;
  max-width: 85px;
  margin: 0 auto;
  padding: 0 2px 10px 2px;
  display: inline-block;
}
.services.noha .item img,
.services.lodi .item img {
  text-align: center;
  display: inline-block;
}
.services .title {
  width: 100%;
  text-align: center;
}
.infoboxes > .left {
  width: 100%;
}
@media (max-width: 640px) {
  .infoboxes > .left {
    width: 100%;
  }
}
.infoboxes > .left > .box {
  background-color: #e8eef5;
  padding: 8px 13px 8px 8px;
  font-size: 14px;
  font-weight: bold;
  color: #004489;
  min-height: 14px;
  margin-bottom: 6px;
  width: calc(100% - 21px);
}
@media (max-width: 640px) {
  .infoboxes > .left > .box {
    padding: 8px 1% 8px 1%;
  }
}
.box.gps,
.box.r_km,
.box.administrator {
  width: 329px;
}
@media (max-width: 640px) {
  .box.gps,
  .box.r_km,
  .box.administrator {
    width: 98%;
  }
}
.infoboxes > .left > .box.vhf {
  width: calc(50% - 27px);
  margin-right: 6px;
}
@media (max-width: 640px) {
  .infoboxes > .left > .box.vhf {
    width: 38%;
    margin-right: 1%;
  }
}
.infoboxes > .left > .box.phone {
  width: calc(50% - 21px);
}
@media (max-width: 640px) {
  .infoboxes > .left > .box.phone {
    width: 57%;
  }
}
.infoboxes > .box {
  background-color: #e8eef5;
  padding: 8px 13px 8px 8px;
  font-size: 14px;
  font-weight: bold;
  color: #004489;
}
@media (max-width: 640px) {
  .infoboxes > .box {
    padding: 8px 1% 8px 1%;
    margin-bottom: 6px;
  }
}
.box.info {
  width: calc(100% - 21px);
  min-height: 122px;
  margin: 0 0 6px 0;
  font-weight: normal;
}
@media (max-width: 640px) {
  .box.info {
    width: 98%;
  }
}
.box.info strong {
  width: 231px;
  font-weight: bold;
}
@media (max-width: 640px) {
  .box.info strong {
    width: 100%;
  }
}
.infoboxes > .left > .box > .title {
  color: #227bc7;
}
.infoboxes > .left > .box > .value {
  float: right;
}
.infoboxes > .bottom {
  width: 100%;
}
.infoboxes > .bottom .box {
  background-color: #e8eef5;
}
@media (max-width: 640px) {
  .box.map {
    width: 98%;
    margin: 0 1% 0 1%;
    font-weight: normal;
    padding: 0px;
  }
  .box.map img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 641px) {
  .box.map {
    width: 468px;
    height: 225px;
    margin-left: 6px;
    font-weight: normal;
    padding: 2px;
  }
}
.box.youtube {
  width: 100%;
  text-align: center;
  background: none !important;
}
.box.youtube iframe {
  margin: 6px auto;
}
.zoom {
  text-align: center;
  line-height: 34px;
  width: 468px;
  height: 34px;
  z-index: 2;
  position: relative;
  margin-top: -36px;
  background: url('/public/frontend/images/pixel-ffffff-74.png') left top repeat;
}
@media (max-width: 640px) {
  .zoom {
    width: 100%;
  }
}
.zoom span {
  background: transparent;
}
.zoom a {
  text-align: center;
  font-size: 14px;
  color: #267dc1;
  background: url('/public/frontend/images/zoom.png') right center no-repeat;
  padding-right: 20px;
  text-decoration: none;
}
.zoom a:hover {
  text-decoration: underline;
}
.open_hours {
  width: 120px;
  height: 219px;
  padding: 5px;
  background-color: #e8eef5;
}
@media (max-width: 640px) {
  .open_hours {
    width: 98%;
    padding: 5px 1%;
    margin-bottom: 6px;
  }
}
.open_hours .title {
  width: 100%;
  margin-bottom: 8px;
  color: #227bc7;
  font-size: 13px;
  font-weight: bold;
}
.open_hours table {
  width: 100%;
}
.open_hours th {
  text-align: left;
  width: 60%;
  height: 25px;
  color: #004489;
}
.open_hours td {
  height: 25px;
  color: #004489;
}
.partners {
  width: 608px;
}
@media (max-width: 640px) {
  .partners {
    width: 100%;
  }
}
@media (min-width: 641px) {
  .partners > .partner {
    width: 145px;
    height: 76px;
    padding: 2px;
    margin-top: 7px;
    margin-right: 4px;
    background-color: #e8eef5;
  }
  .partners > .partner:nth-child(4n+4) {
    margin-right: 0px;
  }
}
@media (max-width: 640px) {
  .partners > .partner {
    width: 44%;
    height: auto;
    padding: 1%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 7px;
    background-color: #e8eef5;
  }
  .partners > .partner:nth-child(2n+1) {
    width: 48%;
  }
}
.partners > .partner img {
  width: 100%;
  height: auto;
}
.infoContent {
  width: 558px;
  padding: 12px 25px 25px 25px;
  border: 0px;
  margin-top: -6px;
  margin-bottom: 6px;
  background-color: #e8eef5;
  color: #004489;
  font-size: 13px;
  font-weight: normal;
}
.infoContent .title {
  width: 100%;
  margin-bottom: 5px;
  color: #227bc7;
  font-size: 14px;
  font-weight: bold;
}
.infoContent strong {
  margin-bottom: 2px;
  color: #004489;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 640px) {
  .infoContent {
    width: 96%;
    padding: 12px 2% 25px 2%;
  }
}
.around {
  background-color: #eaf2fb;
}
.aroundFilter {
  width: 558px;
  border: 0;
  padding: 25px;
  background-color: #eaf2fb;
  background-image: none;
  color: #227bc7;
}
@media (max-width: 640px) {
  .aroundFilter {
    width: 96%;
    padding: 25px 2%;
  }
}
.around .item:nth-child(2n+1) {
  width: 558px;
  border: 0;
  padding: 25px;
  background-color: #d7e5f5;
}
@media (max-width: 640px) {
  .around .item:nth-child(2n+1) {
    width: 96%;
    padding: 25px 2%;
  }
}
.around .item:nth-child(2n+2) {
  width: 558px;
  border: 0;
  padding: 25px;
  background-color: #eaf2fb;
}
@media (max-width: 640px) {
  .around .item:nth-child(2n+2) {
    width: 96%;
    padding: 25px 2%;
  }
}
.around .item .title {
  float: left;
  width: 100%;
  color: #235c83;
  font-size: 12px;
  font-weight: bold;
}
.around .item .text {
  float: left;
  width: 100%;
  color: #235c83;
  font-size: 12px;
  font-weight: normal;
}
.around .item .text a {
  color: #235c83;
}
.aroundTypeSelect {
  float: left;
  width: 225px;
  height: 30px;
}
.around form {
  float: left;
}
.around label.title {
  float: left;
  width: 100%;
  font-size: 14px;
  margin-bottom: 13px;
  color: #227bc7;
  font-weight: bold;
}
.dd-select {
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #becfdc;
  position: relative;
  cursor: pointer;
}
.dd-desc {
  color: #aaa;
  display: block;
  overflow: hidden;
  font-weight: normal;
  line-height: 1.4em;
}
.dd-selected {
  box-shadow: inset 0 0 6px #ccc;
  background-color: #ffffff;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  display: block;
  padding: 3px 3px 3px 10px;
  font-weight: bold;
}
.dd-pointer {
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}
.dd-pointer-down {
  border: solid 5px transparent;
  border-top: solid 5px #227bc7;
}
.dd-pointer-up {
  border: solid 5px transparent !important;
  border-bottom: solid 5px #227bc7 !important;
  margin-top: -8px;
}
.dd-options {
  margin-top: 38px;
  border: solid 1px #becfdc;
  border-top: none;
  list-style: none;
  box-shadow: 0px 1px 5px #ddd;
  display: none;
  position: absolute;
  z-index: 2000;
  padding: 0;
  background: #fff;
  overflow: auto;
}
.dd-option {
  padding: 3px 3px 3px 10px;
  display: block;
  border-bottom: solid 1px #ddd;
  overflow: hidden;
  text-decoration: none;
  color: #227bc7;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.dd-options > li:last-child > .dd-option {
  border-bottom: none;
}
.dd-option:hover {
  background: #f3f3f3;
  color: #227bc7;
}
.dd-selected-description-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dd-option-selected {
  background: #f6f6f6;
}
.dd-option-image,
.dd-selected-image {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  float: left;
  margin-right: 5px;
  max-width: 30px;
  border: 0px;
}
.dd-image-right {
  float: right;
  margin-right: 15px;
  margin-left: 5px;
}
.dd-container {
  position: relative;
}
​ .dd-selected-text {
  height: 30px;
  font-weight: bold;
}
.element.style {
  background-color: #ffffff;
}
.newsWay {
  width: 608px;
  margin: 9px 0 6px 0;
  background-color: #267dc1;
  color: #ffffff;
}
.newsWay .header {
  width: 558px;
  padding: 25px 25px 15px 25px;
  margin: 0px;
  border-bottom: 1px solid #5891c9;
}
.newsWay .header .title {
  font-size: 12px;
  font-weight: bold;
}
.newsWay .header .buttonShowAll {
  float: right;
  padding-right: 16px;
  background: url('/public/frontend/images/news-all.png') right center no-repeat;
  color: #9cc8f1;
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}
.newsWay .list {
  width: 558px;
  padding: 0 25px 15px 25px;
  margin: 0;
}
.newsWay .list .item {
  padding: 25px 0 0 0;
}
.newsWay .list .title,
.newsWay .list .text {
  margin-bottom: 6px;
}
.newsWay .list .date {
  color: #9cc8f1;
  font-size: 12px;
  font-weight: normal;
}
@media (max-width: 640px) {
  .newsWay {
    width: 100%;
    margin: 9px 0 6px 0;
    background-color: #267dc1;
    color: #ffffff;
  }
  .newsWay .header {
    width: 96%;
    padding: 25px 2% 15px 2%;
    margin: 0;
    border-bottom: 1px solid #5891c9;
  }
  .newsWay .list {
    width: 96%;
    padding: 0 2% 15px 2%;
    margin: 0;
  }
  .newsWay .list .item {
    padding: 25px 0 0 0;
  }
}
.waterwayMin {
  width: 236px;
  margin: -3px 0 0 40px;
  color: #267dc1;
}
.waterwayMin > .title {
  width: 203px;
  height: 58px;
  padding: 70px 0 0 40px;
  font-size: 14px;
  font-weight: bold;
  background: url('/public/frontend/images/way-title-labe.png') left top no-repeat;
}
.waterwayMin .object {
  width: 192px;
  min-height: 55px;
  padding: 0 20px 18px 20px;
  border-left: 12px solid #267dc1;
}
.waterwayMin > .object > .circle {
  width: 18px;
  height: 18px;
  z-index: 2;
  position: relative;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #ffffff;
  margin-left: -38px;
  border: 3px solid #267dc1;
}
.waterwayMin > .object.active > .circle {
  width: 28px;
  height: 28px;
  z-index: 2;
  position: relative;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  background-color: #ffffff;
  margin-left: -45px;
  border: 5px solid #267dc1;
}
.waterwayMin > .titleFooter {
  width: 203px;
  height: 58px;
  font-size: 14px;
  font-weight: bold;
  padding: 70px 0 0 40px;
  background: url('/public/frontend/images/way-footer-labe.jpg') left top no-repeat;
}
.object.active > .title {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}
.object.active > .type {
  width: 100%;
  font-size: 20px;
  font-weight: normal;
}
.waterwayMin > .object a {
  color: #267dc1;
  text-decoration: none;
}
.waterwayMin > .object a:hover {
  text-decoration: underline;
}
.waterwayMin > .object.skryte {
  color: #cbd7df;
}
.waterwayMin > .object.skryte .circle {
  border-color: #cbd7df;
}
#constructionsMap {
  width: 600px;
  height: 350px;
}
#constructionsMap .gm-style-iw div {
  line-height: 1.35;
}
#constructionsMap .gm-style-iw a {
  color: #227bc7;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
.status {
  padding-right: 8px;
  padding-top: 4px;
}
.searchResults {
  width: 100%;
  margin-bottom: 25px;
}
.searchResults li {
  width: 100%;
  list-style-type: none;
}
.footPanel {
  margin-top: 7px;
  font-weight: bold;
}
.margin-22-L {
  margin-left: 22px;
}
@media (max-width: 640px) {
  .hidden {
    display: none;
  }
}
@media (min-width: 641px) {
  .hiddenM {
    display: none;
  }
}
@media (max-width: 640px) {
  .normal {
    float: left;
    width: 100%;
    padding: 17px 0;
    background-color: #227bc7;
    text-align: center;
    margin-top: -10px;
  }
  .normalDown {
    float: left;
    width: 100%;
    padding: 17px 0;
    background-color: #227bc7;
    text-align: center;
    margin-bottom: -20px;
  }
  .normal a,
  .normalDown a {
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
  }
}
#tabsWays {
  width: 100%;
  background-color: #227bc7;
}
#tabsWays li {
  float: left;
  list-style-type: none;
  padding: 10px 20px;
}
#tabsWays a {
  padding: 1%;
  background-color: #227bc7;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
.waterLevel,
.meteo,
.waterwayStatus,
.nts,
.cameras {
  width: 602px;
  border: 3px solid #e8eef5;
  margin-top: 6px;
  background-color: #ffffff;
}
.lavdis .title {
  padding: 3px;
  color: #227bc7;
  font-size: 14px;
  font-weight: bold;
}
.lavdis strong {
  color: #004489;
  font-size: 12px;
  font-weight: bold;
}
.lavdis a {
  font-size: 14px;
  color: #227bc7;
  font-weight: bold;
  padding: 3px;
  text-decoration: none;
}
.lavdis a:hover {
  text-decoration: underline;
}
.mdata {
  float: left;
  width: 31.3333%;
  padding: 3px 1%;
}
.mdata100 {
  float: left;
  width: 98%;
  padding: 3px 1%;
}
.cam {
  width: 301px;
}
.cam .title {
  width: 301px;
}
.cam .picture {
  width: 299px;
  padding: 0 1px;
}
.cam .time {
  width: 98%;
  padding: 0 1% 3px 1%;
}
.right {
  float: left;
}
.H1strategy {
  float: left;
  width: 100%;
  text-align: center;
}
.H1strategy h1 {
  font-size: 20px;
  color: #004489;
  font-weight: normal;
  padding-bottom: 3px;
  border-bottom: 2px solid #b7d3f0;
  margin-bottom: 12px;
  text-align: center;
  display: inline-block;
}
.strategyOld {
  width: 100%;
  display: block;
  padding: 0 19px;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.strategy {
  float: left;
  width: 100%;
}
.strategy .images {
  float: left;
  width: 100%;
  height: 202px;
}
.strategy .images .map {
  float: left;
  width: 35%;
  height: 100%;
  background-color: #edf2f6;
}
.strategy .images .map img {
  width: 100%;
}
.strategy .images .project {
  float: right;
  width: 65%;
  height: 100%;
  background-color: #edf2f6;
}
.strategy .images .project img {
  width: 100%;
}
.strategy .blockHalfLeft {
  float: left;
  width: 50%;
  padding: 0 4px 0 20px;
}
.strategy .blockHalfRight {
  float: left;
  width: 50%;
  padding: 0 20px 0 4px;
}
.strategy .blockFull {
  float: left;
  width: 100%;
  padding: 0 20px;
  margin-top: 10px;
}
.strategy .titleBox {
  float: left;
  width: 100%;
  height: 43px;
  background-color: #004489;
  text-align: center;
  margin-bottom: 6px;
}
.strategy .titleBox h2 {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 43px;
}
.strategy .item {
  margin-bottom: 6px;
}
.strategy .item .title {
  float: left;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  background-color: #227bc7;
  border-bottom: 1px solid #ebebeb;
}
.strategy .item .desc {
  float: left;
  width: 100%;
  background-color: #edf2f6;
  font-size: 12px;
  color: #767b7f;
  padding: 12px 14px 13px 14px;
}
.strategy .item .desc strong {
  color: #227bc7;
  font-weight: bold;
  font-size: 14px;
}
.strategy .item .desc p {
  padding: 5px 0 0 0;
}
.strategy .item .desc em {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #227bc7;
}
.strategy .item .desc h2 {
  font-size: 16px;
  margin-top: 15px;
}
.strategy .item .desc h3 {
  font-size: 14px;
  font-weight: bold;
  color: #004489;
}
.strategy .item .desc h5 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #227bc7;
}
.strategy .item .desc li {
  list-style-image: url('/public/frontend/images/sipka-right-bottom.png');
  padding-bottom: 10px;
}
.strategy .item .desc table {
  width: 100% !important;
}
.strategy .info {
  margin-top: 30px;
}
.strategy .info .country {
  float: left;
  width: 100%;
  color: #004489;
  font-size: 16px;
  font-weight: bold;
}
.strategy .info .name {
  float: left;
  width: 100%;
  color: #767b7f;
  font-size: 13px;
  font-weight: normal;
}
.strategy .info .km {
  float: left;
  width: 100%;
  color: #227bc7;
  font-size: 14px;
  margin-top: 18px;
  margin-bottom: 37px;
}
.strategy .info .km .title {
  float: left;
  width: 50%;
  text-align: left;
}
.strategy .info .km .number {
  float: left;
  width: 50%;
  text-align: right;
}
.strategy .contractor,
.strategy .administration {
  float: left;
  width: 100%;
  border: 1px solid #ebebeb;
  margin-bottom: 6px;
}
.strategy .map .legend {
  float: left;
  width: 100%;
  height: 46px;
  background-color: #edf2f6;
  color: #9c9c9c;
  font-size: 10px;
  line-height: 11px;
}
.strategy .map .legend .red,
.strategy .map .legend .orange,
.strategy .map .legend .green {
  float: left;
  width: 33.33333%;
  height: 46px;
  padding: 12.5px 0 12.5px 38px;
}
.strategy .map .legend .red {
  background: url('/public/frontend/images/strategy-legend-red.png') left center no-repeat;
}
.strategy .map .legend .orange {
  background: url('/public/frontend/images/strategy-legend-orange.png') left center no-repeat;
}
.strategy .map .legend .green {
  background: url('/public/frontend/images/strategy-legend-green.png') left center no-repeat;
}
.strategy .map #constructionsMapDetail {
  width: 300px;
  height: 250px;
}
.strategy .map #constructionsMapDetail .gm-style-iw div {
  line-height: 1.35;
}
.strategy .map #constructionsMapDetail .gm-style-iw a {
  color: #227bc7;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
.strategy .done {
  float: left;
  width: 100%;
  border: 1px solid #ebebeb;
  margin-top: 6px;
}
.strategy .done .flag {
  float: left;
  width: 100%;
  height: 17px;
  margin: 17px 0 4px 0;
  background: url('/public/frontend/images/done-vlajka.png') left center no-repeat, url('/public/frontend/images/done-vlajka.png') right center no-repeat;
}
.strategy .done .progressContainer {
  float: left;
  width: 100%;
  background-color: #edf2f6;
  padding: 0 19px;
}
.strategy .done .progress {
  float: left;
  width: 100%;
  height: 19px;
  background: url('/public/frontend/images/done-bg.png') left center repeat;
  border: 1px solid #227bc7;
}
.strategy .done .progress .full {
  float: left;
  max-width: 100%;
  height: 17px;
  background-color: #227bc7;
}
.strategy .done .progress .full .sipka {
  float: right;
  width: 6px;
  height: 17px;
  margin-right: -6px;
  background: url('/public/frontend/images/strategy-done-sipka.png') right center no-repeat;
}
.strategy .done .progress .text {
  position: absolute;
  float: left;
  width: 100%;
  height: 19px;
}
.strategy .done .progress .text .start {
  float: left;
  color: #ffffff;
  padding-left: 10px;
}
.strategy .done .progress .text .end {
  float: right;
  color: #227bc7;
  padding-right: 10px;
}
.strategy .done .date {
  float: left;
  width: 100%;
  color: #767b7f;
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 16px;
}
.strategy .done .date strong {
  color: #227bc7;
  font-weight: bold;
  font-size: 12px;
}
.strategy .done .date .start {
  float: left;
  width: 50%;
  text-align: left;
}
.strategy .done .date .end {
  float: left;
  width: 50%;
  text-align: right;
}
.strategy .done h2 {
  font-size: 16px;
  margin-top: 10px;
}
.strategy .done h3 {
  font-size: 14px;
  margin-top: 10px;
}
.strategy .money {
  float: left;
  width: 100%;
}
.strategy .money .desc {
  padding: 0;
}
.strategy .money table {
  width: 100%;
  border-spacing: 0;
}
.strategy .money table tr {
  height: 25px;
}
.strategy .money table tr:nth-of-type(2n + 1) {
  background-color: #e2e7eb;
}
.strategy .money table tr td {
  float: left;
  height: 25px;
  line-height: 18px;
  font-size: 12px;
  color: #767b7f;
  padding: 2px 0;
}
.strategy .money table tr td:first-of-type {
  width: 15%;
  text-align: center;
}
.strategy .money table tr td:first-of-type img {
  height: 100%;
}
.strategy .money table tr td:nth-of-type(2) {
  text-align: left;
  width: 60%;
}
.strategy .money table tr td:last-of-type {
  text-align: right;
  width: 25%;
  padding-right: 12px;
}
.strategy .money .titleMoney {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 10px;
}
.strategy .money .titleMoney strong {
  font-size: 14px;
}
.strategy .documents {
  float: left;
  width: 100%;
  border: 1px solid #ebebeb;
  margin-bottom: 6px;
}
.strategy .documents .title {
  float: left;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  background-color: #227bc7;
  border-bottom: 1px solid #ebebeb;
}
.strategy .documents .desc {
  float: left;
  width: 100%;
  background-color: #edf2f6;
  font-size: 12px;
  color: #767b7f;
  padding: 12px 14px 13px 14px;
}
.strategy .documents .desc ul {
  float: left;
  width: 100%;
}
.strategy .documents .desc ul li {
  float: left;
  width: 45%;
  margin-right: 5%;
  list-style-image: url('/public/frontend/images/sipka-right-bottom.png');
  padding-bottom: 10px;
}
.strategy .documents .desc ul li:hover {
  list-style-image: url('/public/frontend/images/sipka-down-bottom.png');
}
.strategy .documents .desc ul li a {
  color: #767b7f;
  font-size: 13px;
  text-decoration: none;
}
.strategy .documents .desc ul li a:hover {
  color: #000204;
  text-decoration: underline;
}
.strategy .gallery {
  float: left;
  width: 100%;
  margin-bottom: 9px;
}
.strategy .gallery .title {
  float: left;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  background-color: #227bc7;
}
.strategy .gallery .itemContainerAll {
  float: left;
  width: 100%;
}
.strategy .gallery .itemContainerAll .itemContainer {
  float: left;
  width: 116px;
  display: inline-flex;
  margin: 4px 4px 15px 4px;
}
.strategy .gallery .itemContainerAll .itemContainer:nth-of-type(1) {
  margin: 4px 3.5px 15px 0;
}
.strategy .gallery .itemContainerAll .itemContainer:nth-of-type(5) {
  margin: 4px 0 15px 3.5px;
}
.strategy .gallery .itemContainerAll .itemContainer .item {
  float: left;
  position: relative;
  margin: 0 auto;
}
.strategy .gallery .itemContainerAll .itemContainer .item a {
  float: left;
  width: 115px;
  height: 115px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
.strategy .gallery .itemContainerAll .itemContainer .item a img {
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #ebebeb;
  margin: 0 !important;
}
.strategy .gallery .itemContainerAll .itemContainer .item a .imgHover {
  background-position: center center;
  position: absolute;
  width: 117px;
  height: 117px;
}
.strategy .gallery .itemContainerAll .itemContainer .item a:hover .imgHover {
  background: url('/public/frontend/images/gallery-img-hover.png') center center no-repeat rgba(0,68,137,0.75);
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.strategy .gallery .itemContainerAll .itemContainer .item a .imgHoverVideo {
  background-position: center center;
  position: absolute;
  width: 117px;
  height: 117px;
}
.strategy .gallery .itemContainerAll .itemContainer .item a:hover .imgHoverVideo {
  background: url('/public/frontend/images/gallery-img-hover-video.png') center center no-repeat rgba(0,68,137,0.75);
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.strategy .gallery a.detail {
  float: right;
  background: url('/public/frontend/images/sipka-right-bottom.png') left center no-repeat;
  padding-left: 20px;
}
.strategy .newsStrategy {
  margin-bottom: 10px;
}
.strategy .newsStrategy.item {
  border: 0px;
}
.strategy .newsStrategy .item {
  float: left;
  width: 33.33333%;
}
.strategy .newsStrategy .item:nth-of-type(1) {
  padding: 0 17px 0 0;
}
.strategy .newsStrategy .item:nth-of-type(2) {
  padding: 0 8.5px 0 8.5px;
}
.strategy .newsStrategy .item:nth-of-type(3) {
  padding: 0 0 0 17px;
}
.strategy .newsStrategy .item .titleNews {
  color: #227bc7;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.strategy .newsStrategy .item .text {
  color: #767b7f;
  font-size: 13px;
  margin-top: 5px;
  text-align: justify;
}
.strategy *,
.constructionsList *,
.mapList *,
.filterRiver *,
.filterConstruct * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mapList {
  float: left;
  width: 582px;
  margin: 0 35px;
}
.mapList .legend {
  float: left;
  width: 100%;
  height: 58px;
  color: #9c9c9c;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
}
.mapList .legend .red,
.mapList .legend .orange,
.mapList .legend .green {
  float: left;
  width: 33.33333%;
  height: 58px;
  padding: 20px 0 20px 60px;
}
.mapList .legend .red {
  background: url('/public/frontend/images/legend-list-red.png') left center no-repeat;
}
.mapList .legend .orange {
  background: url('/public/frontend/images/legend-list-orange.png') left center no-repeat;
}
.mapList .legend .green {
  background: url('/public/frontend/images/legend-list-green.png') left center no-repeat;
}
.mapList #constructionsMapList {
  float: left;
  width: 582px;
  height: 275px;
}
.mapList #constructionsMapList .gm-style-iw div {
  line-height: 1.35;
}
.mapList #constructionsMapList .gm-style-iw a {
  color: #227bc7;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
.filterRiver {
  float: left;
  width: 100%;
  height: 50px;
  margin-top: 25px;
}
.filterRiver .item {
  float: left;
  width: 33.3333%;
}
.filterRiver .item a {
  float: left;
  width: 100%;
  color: #ebebeb;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  padding: 9px 0 20px 0;
  background: url('/public/frontend/images/filter-river.png') center bottom repeat-x;
}
.filterRiver .item a:hover,
.filterRiver .item a.active {
  color: #004489;
  font-weight: bold;
  background: url('/public/frontend/images/filter-river_.png') center bottom repeat-x;
}
.filterConstruct {
  float: left;
  margin-top: 33px;
  padding: 0 72px;
}
.filterConstruct .input {
  float: left;
  width: 234px;
  height: 27px;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0 10px;
}
.filterConstruct .input label {
  float: left;
  color: #227bc7;
  font-size: 12px;
  line-height: 25px;
  padding: 0 7px;
}
.filterConstruct .input:hover label {
  background-color: #edf2f6;
}
.filterConstruct .input input {
  float: left;
  height: 25px;
  padding: 0 5px;
  border: 0;
  background-color: transparent;
  border-left: 1px solid #d7d7d7;
  outline: none;
}
.filterConstruct .input input {
  width: 177px;
}
.filterConstruct .input select {
  float: left;
  height: 25px;
  padding: 0 5px;
  border: 0;
  border-left: 1px solid #d7d7d7;
  outline: none;
  background: url('/public/frontend/images/select.png') no-repeat right transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.filterConstruct .input select:hover {
  background: url('/public/frontend/images/select_.png') no-repeat right transparent;
}
.filterConstruct .input select {
  width: 154px;
}
.filterConstruct .input option {
  float: left;
  width: 234px;
}
.form {
  margin-top: 20px;
}
.form *:focus {
  outline: none;
}
.form .image {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.form .questionForm {
  padding: 20px 40px;
  background-color: #f8f8f8;
}
.form .questionForm .title {
  text-align: center;
}
.form .questionForm form {
  margin-top: 30px;
}
.form .form-group {
  width: 48%;
  float: left;
}
.form .form-group.half {
  margin-left: 4%;
  width: 48%;
}
.form .form-group.half.last {
  margin-bottom: 20px;
}
.form .form-group.half.last.last-center {
  margin-left: 25%;
}
.form .form-group.radio__items {
  width: 100%;
  margin: 10px 0;
}
.form .form-group.radio__items .radio__label {
  margin-bottom: 15px;
}
.form .form-group.radio__items label:first-child {
  width: 100%;
  display: block;
}
.form .form-group.radio__items input {
  margin-bottom: 15px;
  margin-left: 3px;
}
.form .form-group.radio__items input + label {
  margin-left: 5px;
  margin-right: 10px;
  transform: translateY(2px);
}
.form input[type=text],
.form input[type=tel] {
  width: 100%;
  padding: 4px 10px;
  margin: 2px 0 15px;
  display: inline-block;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.form .form-group.submit {
  width: auto;
  margin-left: 40%;
}
.form input[type=submit] {
  padding: 5px 10px;
  display: inline-block;
  border: 1px solid #ddd;
  box-sizing: border-box;
  cursor: pointer;
  width: 120px;
  background-color: #fff;
  font-size: 14px;
}
.form .flash {
  width: 100%;
  text-align: center;
}
.form .flash h1 {
  font-size: 20px;
  color: #004489;
  font-weight: normal;
  padding-bottom: 20px;
  padding-top: 5px;
  border-bottom: none;
  margin-left: 19px;
}
.datepicker-dropdown.dropdown-menu {
  z-index: 1000;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#errorPresenter {
  float: none;
  min-height: calc(100vh - 430px);
}
#errorPresenter * {
  float: none;
}
#errorPresenter .errorMsgWrapper {
  text-align: center;
}
#errorPresenter .errorMsgWrapper .description {
  color: #515661;
  max-width: 550px;
  display: inline-block;
}
#errorPresenter .errorMsgWrapper .description .code {
  font-size: 120px;
  font-weight: 400;
  line-height: 1.3;
  padding-top: 50px;
}
#errorPresenter .errorMsgWrapper .description .annonation {
  font-size: 18px;
  font-weight: 700;
}
#errorPresenter .errorMsgWrapper .description .message {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 50px;
}
#errorPresenter .errorMsgWrapper .description .btn {
  background-color: #227bc7;
  padding: 8px 12px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  margin-bottom: 50px;
  display: inline-block;
}
.comp__cookieBar div {
  float: none;
}
#mov-cookieBar-userSettings-wrapper {
  float: none;
}
.hidden {
  display: none !important;
}

/*! jQuery UI - v1.11.1 - 2014-09-16
* http://jqueryui.com
* Includes: core.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-state-default:nth-child(1){
    float: left;
    width: 160px;
    height: 30px;
    list-style-type: none;
    background: url('/public/frontend/images/way-detail-lod-nohou.png') left top repeat;
    z-index: 10;
    position: relative;
    outline: none;
}
.ui-tabs-active:nth-child(1){
    float: left;
    width: 160px;
    height: 30px;
    list-style-type: none;
    background: url('/public/frontend/images/way-detail-lod-lodi.png') left top repeat;
    z-index: 11;
    position: relative;
    outline: none;
}

.ui-state-default:nth-child(2){
    float: left;
    width: 250px;
    height: 30px;
    list-style-type: none;
    background: url('/public/frontend/images/way-detail-noha-lodi.png') left top repeat;
    margin-left: -40px;
    z-index: 10;
    position: relative;
    outline: none;
}
.ui-tabs-active:nth-child(2){
    float: left;
    width: 250px;
    height: 30px;
    list-style-type: none;
    background: url('/public/frontend/images/way-detail-noha-nohou.png') left top repeat;
    margin-left: -40px;
    z-index: 11;
    position: relative;
    outline: none;
}

ul.ui-tabs-nav{
    float: left;
    padding: 0px;
}

a.ui-tabs-anchor, a.ui-tabs-anchor:link, a.ui-tabs-anchor:visited{
    color: #f0f0f0;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 50px;
    padding-right: 30px;
    line-height: 30px;
    outline: none;
}

a.ui-tabs-anchor:hover{
    text-decoration: underline;
}
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite_x.png') top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite_y.png') -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite_y.png') top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite_next.png') center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite_prev.png') center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url('/public/frontend/scripts/prettyphoto/images/default/default_thumb.png') center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 105px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; font-color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite_x.png') bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/default/sprite.png') -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url('/public/frontend/scripts/prettyphoto/images/default/loader.gif') center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/btnNext.png') center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/sprite.png') -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/loader.gif') center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/contentPattern.png') top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/contentPattern.png') top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/contentPattern.png') top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/contentPattern.png') top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/btnNext.png') center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/contentPattern.png') top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/sprite.png') -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url('/public/frontend/scripts/prettyphoto/images/dark_rounded/loader.gif') center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #000; }
	
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/loader.gif') center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/sprite.png') -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/btnNext.png') center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url('/public/frontend/scripts/prettyphoto/images/dark_square/btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url('/public/frontend/scripts/prettyphoto/images/light_square/sprite.png') -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_square/btnNext.png') center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url('/public/frontend/scripts/prettyphoto/images/light_square/btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/loader.gif') center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url('/public/frontend/scripts/prettyphoto/images/facebook/contentPatternTop.png') top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/facebook/contentPatternLeft.png') top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/facebook/contentPatternRight.png') top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook .pp_details { position: relative; }
	div.facebook .pp_description { margin: 0 37px 0 0; }
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url('/public/frontend/scripts/prettyphoto/images/facebook/loader.gif') center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	div.facebook .pp_nav .pp_play { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url('/public/frontend/scripts/prettyphoto/images/facebook/btnNext.png') center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url('/public/frontend/scripts/prettyphoto/images/facebook/btnPrevious.png') center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url('/public/frontend/scripts/prettyphoto/images/facebook/contentPatternBottom.png') top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url('/public/frontend/scripts/prettyphoto/images/facebook/sprite.png') -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 7px 0 0 0; }
				.pp_social .facebook { float: left; position: relative; top: -1px; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
                                .pp_ecard {float: right; margin-top: 30px;  }
                                .pp_ecard {padding-bottom: 20px\0; }
                                .pp_ecard a {display: block; background: url('/public/frontend/scripts/prettyphoto/images/envelope.gif') no-repeat; padding-left: 25px; height: 25px;}
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url('/public/frontend/scripts/prettyphoto/images/facebook/default_thumbnail.gif') 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/btnNext.png') 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url('/public/frontend/scripts/prettyphoto/images/light_rounded/btnNext.png') 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */