@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,latin-ext);
	@import url(bootstrap.min.css);
	@import url(font-awesome.min.css);
	@import url(jquery.fancybox.css);
.notext {
	text-indent: -10000px
}
.bold {
	font-weight: 700
}
.regular {
	font-weight: 400
}
.plr15 {
	padding: 0 15px;
	overflow: hidden
}
.pl30 {
	padding-left: 30px!important
}
.pb0 {
	padding-bottom: 0!important
}
.pb30 {
	padding-bottom: 30px
}
.pt0 {
	padding-top: 0!important
}
.np {
	padding: 0!important
}
.mb30 {
	margin-bottom: 30px!important
}
.fl {
	float: left
}
.m0a {
	margin: 0 auto;
	display: block
}
.w100 {
	width: 100%
}
.yellow-text {
	color: #ecc630
}
.ico-cz {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: url(../images/sprite.png) -24px -134px no-repeat transparent;
	margin: 0 0 -3px 15px
}
.ico-en {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: url(../images/sprite.png) 0 -134px no-repeat transparent;
	margin: 0 0 -3px 15px
}
.ico-posta {
	width: 17px;
	height: 10px;
	display: inline-block;
	background: url(../images/sprite.png) 0 -163px no-repeat transparent;
	margin: 0
}
body {
	font-family: Roboto, sans-serif;
	background: #fff
}
.logo {
	width: 400px;
	height: 80px;
	background: url(../images/sprite.png) 0 0 no-repeat transparent;
	display: block;
	text-indent: -10000px
}
.logo-small {
	width: 360px;
	height: 48px;
	background: url(../images/sprite.png) 0 -83px no-repeat transparent;
	display: block;
	text-indent: -10000px
}
.more-button {
	text-decoration: none;
	display: block;
	line-height: 60px;
	background: #f2f2f2;
	height: 60px;
	text-align: center;
	color: #004678;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase
}
.more-button.yellow {
	background-color: #ecc630
}
a:hover, a:focus, a:active {
	text-decoration: none!important
}
a{
    text-decoration:underline;
}
p {
	margin: 15px 0
}
h2, .nadpish2 {
	background: #004678;
	color: #fff;
	border-right: 30px solid #ecc630;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: 30px;
	height: 30px;
	padding-left: 15px;
	margin-top: 30px
}
h2.carousel, .nadpish2.carousel {
	padding-right: 0;
	border-right: 0
}
h2.carousel h2, .nadpish2.carousel h2 {
	display: inline;
	margin: 0;
	padding: 0;
	border-right: 0
}
h2.carousel .pager, .nadpish2.carousel .pager {
	float: right;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0
}
h2.carousel .pager strong a, .nadpish2.carousel .pager strong a {
	color: #fff;
	display: inline-block;
	width: 30px;
	text-align: center;
	text-decoration: none
}
h2.carousel .pager strong.cycle-pager-active a, .nadpish2.carousel .pager strong.cycle-pager-active a {
	background: #ecc630;
	color: #003f6c
}
a h3 {
	padding: 15px 0
}
h3, .item {
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #004678
}
h3 .datum, .item .datum {
	color: #333
}
h3 a, .item a {
	padding: 15px 0;
	color: #004678;
	display: block
}
header .hp {
	background: #003f6c;
	display: block;
	padding: 33px 0;
	border-bottom: 1px solid #004e86;
	z-index: 999
}
header .hp nav ul {
	padding: 0;
	margin: 0
}
header .hp nav ul>li {
	line-height: 30px;
	text-align: right
}
header .hp nav ul>li>a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700
}
header .hp nav ul>li>a>.fa {
	color: #ecc630;
	font-size: 16px;
	margin-left: 7px
}
header .top-panel {
	background: #003f6c;
	z-index: 999
}
header .top-panel .top {
	height: 90px;
	line-height: 90px;
	transition: .3s all
}
header .top-panel .top .logo-small {
	display: none;
	margin-top: 23px
}
header .top-panel .top .open-menu {
	display: none;
	font-size: 20px;
	text-decoration: none
}
header .top-panel .top .zajima {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase
}
header .top-panel .top .zajima .fa {
	color: #ecc630;
	margin-right: 8px
}
header .top-panel .top .fa-search {
	font-size: 22px
}
header .top-panel .top .fa-bars {
	font-size: 25px;
	margin-right: 15px;
	vertical-align: text-bottom
}
header .top-panel .top a {
	cursor: pointer;
	color: #fff
}
header .top-panel .top a.opened {
	color: #ecc630!important
}
header .top-panel .top .dropdown {
	display: inline-block
}
header .top-panel .top .dropdown button {
	background: 0 0;
	border: 0 none;
	box-shadow: none;
	padding: 0;
	margin-top: -3px
}
header .top-panel .top .dropdown .dropdown-menu {
	background: #003f6c;
	right: 0;
	left: auto;
	top: 60px;
	border-radius: 0
}
header .top-panel .top .dropdown .dropdown-menu li {
	line-height: 30px
}
header .top-panel .top .dropdown .dropdown-menu li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700
}
header .top-panel .top .dropdown .dropdown-menu li a .fa {
	color: #ecc630;
	margin-right: 8px;
	font-size: 16px
}
header .top-panel .bottom a {
	line-height: 60px;
	height: 60px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 700
}
header .top-panel .bottom a.d-blue {
	background: #004678
}
header .top-panel .bottom a.l-blue {
	background: #59a4c0
}
header .top-panel .bottom a.orange {
	background: #f46b00
}
header .top-panel .bottom a.green {
	background: #769617
}
.yellow {
	background: #ecc630
}
.rychly-posun {
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	color: #004678
}
.rychly-posun a {
	font-weight: 700;
	color: #004678;
	text-transform: uppercase;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap
}
.rychly-posun a:hover {
	background: rgba(0,0,0,.1)
}
.rychly-posun a .fa {
	margin-right: 7px
}
.content {
	display: block;
	margin: 0 15px
}
.content .col-sm-6 {
	padding: 0 15px
}
.content .cycle-slideshow .item {
	color: #333
}
.content .cycle-slideshow .item h3 {
	font-size: 18px;
	color: #004678;
	border-bottom: 0;
	margin: 15px 0
}
.content .cycle-slideshow .item img {
	width: 100%
}
.content .cycle-slideshow .item .datum {
	font-weight: 700;
	padding-right: 10px
}
.content .cycle-slideshow .item .datum:after {
	right: 10px;
	content: "/";
	padding-left: 10px
}
.content .video .video_obal {
	position: relative
}
.content .video .video_obal img {
	width: 100%
}
.content .video .video_obal span {
	display: block;
	position: absolute;
	height: 40px;
	width: 200px;
	text-align: center;
	line-height: 40px;
	background: rgba(0,0,0,.75);
	color: #fff;
	text-transform: uppercase;
	top: 50%;
	font-weight: 700;
	margin-top: -20px;
	left: 50%;
	margin-left: -100px
}
.content .video .video_obal span .fa {
	color: #ecc630
}
.kontakty .content, footer .content {
	background: #003f6c;
	color: #fff;
	overflow: hidden;
	font-size: 15px
}
.kontakty .content>div, footer .content>div {
	padding: 30px
}
.kontakty .content>div h3, footer .content>div h3 {
	color: #fff;
	border: 0 none;
	font-weight: 700;
	margin-bottom: 1em
}
.kontakty .content>div .yellow-text, footer .content>div .yellow-text {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700
}
.kontakty .content>div .big-text, footer .content>div .big-text {
	font-size: 25px;
	display: block;
	margin-bottom: 15px
}
.kontakty .content>div a, footer .content>div a {
	color: #fff
}
.kontakty .content>div a:hover, footer .content>div a:hover {
	text-decoration: none
}
.kontakty .bt1, footer .bt1 {
	border-top: 1px solid rgba(255,255,255,.2);
	line-height: 70px;
	font-size: 20px;
	color: #fff
}
.kontakty .bt1 .left, footer .bt1 .left {
	color: #ecc630;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px
}
.odkazy {
	margin: 30px 0
}
.big-odkaz {
	padding: 0 15px;
	background: #ecc630;
	display: block;
	line-height: 43px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	height: 40px;
	color: #004678;
	position: relative
}
.big-odkaz:before {
	position: absolute;
	content: "\f0a9";
	font-family: fontAwesome;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #004678;
	color: #ecc630;
	top: 0;
	right: 0
}
.big-odkaz:hover {
	text-decoration: none;
	background: #e3ba15
}
footer {
	background: #003f6c;
	padding: 30px 0
}
footer .fa-ul {
	padding: 0;
	margin: 0
}
footer .fa-ul li {
	margin: 10px 0
}
footer .fa-ul a {
	line-height: 1em;
	padding: 0;
	display: inline-block;
	text-transform: uppercase;
	color: #ecc630;
	font-weight: 700
}
footer h3 {
	color: #fff;
	border: 0 none;
	font-weight: 700;
	margin-bottom: 1em
}
footer .bt1 .item {
	line-height: 1.2em;
	font-weight: 300;
	text-transform: none;
	border-bottom: 0 none;
	padding: 30px 0;
	color: #fff;
	font-size: 15px
}
footer .bt1 .item a {
	line-height: 1.2em;
	color: #ecc630;
	padding: 0;
	display: inline-block
}
footer .soc-site {
	line-height: 87px
}
footer .soc-site a {
	display: block;
	float: left;
	color: #fff;
	text-transform: uppercase
}
footer .soc-site a.fb {
	margin-right: 30px
}
footer .soc-site a:hover {
	text-decoration: none
}
footer .soc-site a .fa {
	font-size: 40px;
	margin-bottom: -10px;
	display: inline-block;
	vertical-align: -14%;
	margin-right: 5px
}
footer .left {
	color: #fff!important
}
.ikony {
	background: #fff;
	text-align: center;
	padding: 10px 0
}
.ikony img {
	display: block;
	margin: 0 auto
}
.main-content {
	padding: 15px
}
.main-content .breadcrumb {
	border-radius: 0;
	padding: 0;
	background: #004678;
	width: 100%;
	float: none;
	margin-top: 30px;
	overflow: hidden;
	white-space: nowrap
}
.main-content .breadcrumb>li {
	padding: 0 8px;
	border-left: 1px solid #fff;
	line-height: 40px;
	font-weight: 700;
	font-size: 15px;
	display: inline-block;
	background: #f2f2f2;
	float: left
}
.main-content .breadcrumb>li a {
	color: #004678;
	line-height: 40px;
	display: block;
	padding: 0 8px
}
.main-content .breadcrumb>li a:hover {
	text-decoration: none
}
.main-content .breadcrumb>li.active {
	background: #004678;
	color: #fff;
	white-space: nowrap
}
.main-content .breadcrumb>li.active a {
	color: #fff
}
.main-content .breadcrumb>li:first-child {
	border-left: 0 none
}
.main-content .breadcrumb.orange {
	background: #f46b00
}
.main-content .breadcrumb.orange>li.active {
	background: #f46b00
}
.main-content .breadcrumb.green {
	background: #769617
}
.main-content .breadcrumb.green>li.active {
	background: #769617
}
.main-content .breadcrumb.l-blue {
	background: #59a4c0
}
.main-content .breadcrumb.l-blue>li.active {
	background: #59a4c0
}
.main-content .breadcrumb.d-blue {
	background: #004678
}
.main-content .breadcrumb.d-blue>li.active {
	background: #004678
}
.main-content .breadcrumb>li+li:before {
	content: "";
	display: none
}
.main-content h1 {
	color: #004678;
	font-weight: 300;
	font-size: 32px;
	margin: 30px 0
}
.main-content h2, .main-content a h2 {
	color: #004678;
	font-size: 22px;
	font-weight: 400;
	background: 0 0;
	border: 0 none;
	text-transform: none;
	padding: 0;
	height: auto;
	margin: 15px 0
}
.main-content a h2 {
	text-decoration: underline
}
.main-content h3 {
	border: 0 none;
	text-decoration: none;
	display: inline;
	font-size: 18px
}
.main-content p {
	font-size: 15px;
	color: #333
}
.main-content p font {
	font-family: Roboto, sans-serif!important
}
.main-content p img {
	width: 100%!important;
	height: auto!important
}
.main-content ul {
	padding: 0;
	margin: 10px 0 30px;
	border-top: 1px dotted #004678
}
.main-content ul a {
	color: #004678;
	text-decoration: underline
}
.main-content ul li {
	padding: 10px 10px 10px 20px;
	list-style: none;
	border-bottom: 1px dotted #004678;
	position: relative
}
.main-content ul li:before {
	position: absolute;
	top: 8px;
	left: 0;
	content: "■";
	color: #004678
}
.main-content ul li ul {
	border-top: 0 none;
	margin: 10px 0 0
}
.main-content ul li li {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #e6e6e6
}
.main-content .table-obal {
	overflow-y: auto
}
.main-content .table-obal table {
	min-width: 500px
}
.main-content .thumbnail {
	overflow-y: auto;
	margin: 15px 0
}
.main-content .thumbnail table {
	min-width: 500px
}
.main-content .thumbnail table>tbody>tr>td {
	border-top: 0 none
}
.main-content .thumbnail table>tbody>tr>td a {
	color: #004678;
	text-decoration: underline
}
.main-content .thumbnail table>tbody>tr>th {
	border-top: 0 none;
	background: #5c5c5c;
	color: #f3f3f3;
	font-weight: 400
}
.main-content .panel-default {
	border-radius: 0;
	border: 0 none;
	box-shadow: none
}
.main-content .panel-default>.panel-heading {
	padding: 0;
	border-radius: 0;
	border: 0 none;
	box-shadow: none;
	background: #e6e6e6
}
.main-content .panel-default>.panel-heading .panel-title a {
	display: block;
	padding: 0;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #004678
}
.main-content .panel-default .panel-body {
	border-radius: 0;
	border: 0 none;
	box-shadow: none;
	border-top: 0 none!important;
	background: #f2f2f2
}
.main-content .panel-default .panel-body a {
	display: block;
	text-align: center;
	padding: 5px 0;
	font-size: 15px;
	font-weight: 400;
	color: #004678
}
.main-content .gallery {
	margin-bottom: 30px!important;
	overflow: hidden
}
.main-content .gallery .thumbnail {
	padding: 5px;
	border-radius: 0;
	border: 0 none;
	background: #f2f2f2
}
.main-content .gallery .thumbnail:hover, .main-content .gallery .thumbnail:focus, .main-content .gallery .thumbnail:active {
	background: #e5e5e5
}
.main-content .tab-docs td {
	vertical-align: middle!important
}
.main-content .tab-docs a {
	color: #004678;
	text-decoration: underline;
	font-size: 15px
}
.table>tbody>tr>td {
	border-top: 0 none
}
.table>tbody>tr>td a {
	color: #004678;
	text-decoration: underline
}
.table>tbody>tr>th {
	border-top: 0 none
}
.modal-content {
	border-radius: 0
}
.modal-content .modal-header {
	background: #003f6c;
	color: #fff;
	border: 0 none
}
.modal-content .modal-body {
	background: #004678;
	border: 0 none
}
.modal-content .modal-body .input-group {
	border-radius: 0
}
.modal-content .modal-body .input-group input {
	border-radius: 0;
	border: 0 none;
	box-shadow: none
}
.modal-content .modal-body .input-group button {
	border-radius: 0;
	background: #ecc630;
	color: #003f6c;
	border: 0 none
}
.diskuzeItem:nth-child(2n+1) {
	background-color: #f3f3f3
}
.otevrena-radnice p {
	margin: 0
}
.otevrena-radnice br {
	display: none
}
.otevrena-radnice p strong a {
	display: block;
	border-bottom: 1px solid #f3f3f3;
	color: #004678;
	padding: 10px 0;
	font-weight: 400;
	font-size: 15px
}
.table-2cols {
	width: 100%;
	max-width: 100%;
	margin: 30px 0;
	overflow-y: auto
}
.table-2cols th {
	background: #5e5e5e;
	color: #fff;
	padding: 5px 0
}
.table-2cols td {
	padding: 8px 0;
	width: 50%
}
.table-2cols tr:nth-child(2n+1) td {
	background: #f3f3f3
}
.doporucujeme-navstivit a {
	display: block;
	padding: 30px 0;
	color: #004678;
	border-bottom: 1px solid #f3f3f3;
	overflow: hidden
}
.doporucujeme-navstivit a img {
	float: left;
	margin-right: 15px
}
#diskuze label {
	display: block
}
#diskuze select {
	padding: 15px 10px;
	font-size: 15px;
	margin-bottom: 30px;
	width: 100%;
	border: 0 none;
	background: #f3f3f3;
	border-radius: 0
}
#diskuze select option {
	padding: 15px 10px
}
#diskuze input,
#diskuze textarea {
	width: 100%;
	padding: 15px 10px;
	text-transform: uppercase;
	font-weight: 700;
	border: 0 none;
	background: #f3f3f3;
	margin-bottom: 30px
}
#diskuze input[type=submit],
#diskuze textarea[type=submit] {
	background: #769617;
	color: #fff
}
#kontrola_input {
	position: absolute;
	top: -10000px;
	left: -10000px
}
span.timestamp {
	display: block;
	font-style: italic
}
#kalfiltr input {
	width: 100%;
	padding: 0 8px;
	line-height: 40px;
	height: 40px;
	display: block
}
#kalfiltr input[type=submit] {
	margin-top: 30px;
	background: #769617;
	text-transform: uppercase;
	color: #fff;
	border: 0 none;
	font-weight: 700;
	font-size: 18px
}
#kalfiltr input[type=checkbox] {
	float: left;
	width: 20px;
	margin-right: 20px
}
#sekce p {
	height: 29px;
	line-height: 48px;
	text-align: left
}
#sekce p:first-child {
	line-height: 1em;
	height: 1em
}
.img-left {
	overflow: hidden
}
.taright {
	margin-top: 30px;
	text-align: right
}
.taright a {
	color: #004678
}
.next-news .item {
	padding-bottom: 10px
}
.next-news .item .datum2 {
	display: inline;
	color: #333
}
.pagination {
	font-size: 50px;
	width: 100%
}
.pagination a {
	display: inline-block;
	padding: 0 10px;
	color: #004678;
	float: right
}
.pagination a:first-child {
	float: left
}
.pagination a.nonactive {
	color: #ccc
}
.cetnost {
	margin: 0 auto;
	display: block;
	overflow: hidden
}
.cetnost label {
	border-radius: 0!important;
	background: #003f6c;
	border-color: #003f6c
}
.cetnost label.active {
	background: #ecc630;
	color: #003f6c
}
.level1 {
	padding-left: 10px
}
.level2 {
	padding-left: 20px
}
.level3 {
	padding-left: 30px
}
.level4 {
	padding-left: 40px
}
.level5 {
	padding-left: 50px
}
.level6 {
	padding-left: 60px
}
.level7 {
	padding-left: 70px
}
.level8 {
	padding-left: 80px
}
.level9 {
	padding-left: 90px
}
.level10 {
	padding-left: 100px
}
.letterfiltr a {
	color: #fff;
	background: #004678;
	width: 40px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px
}
.letterfiltr a.active {
	background: #59a4c0
}
#archfiltr label {
	display: block;
	text-align: center
}
#archfiltr select {
	padding: 10px;
	font-size: 15px;
	margin-bottom: 30px;
	width: 100%;
	border: 0 none;
	background: #f3f3f3;
	border-radius: 0
}
#archfiltr input {
	width: 100%;
	padding: 15px 10px;
	background: #769617;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border: 0 none;
	margin-bottom: 30px
}
@media (max-width:777px) {
footer .soc-site a {
	float: right
}
footer .bt1 .item {
	text-align: center
}
.kontakty .bt1, footer .bt1 {
	line-height: 25px;
	padding: 15px 0
}
header .top-panel .bottom a {
	padding: 0
}
header .top-panel .top .zajima {
	font-size: 15px
}
.content {
	padding: 0
}
.pl30 {
	padding-left: 15px!important
}
header .hp nav ul {
	margin-top: 20px
}
header .hp nav ul>li {
	text-align: left
}
header .hp nav ul>li>a>.fa {
	color: #ecc630;
	font-size: 16px;
	margin-left: 7px;
	float: left;
	margin-left: 0;
	margin-top: 6px;
	margin-right: 10px
}
}
@media (max-width:565px) {
.yellow {
	height: auto
}
.rychly-posun a {
	padding: 20px 0 10px;
	line-height: 2.5em
}
.rychly-posun a .fa {
	display: block;
	font-size: 30px;
	margin: 0
}
}
.kontakt_online {
	overflow: hidden;
	width: 0;
	height: 0;
	background: lightgreen;
	padding: 4px;
	display: inline-block
}
.kontakt_offline {
	overflow: hidden;
	width: 0;
	height: 0;
	background: darkred;
	padding: 4px;
	display: inline-block
}
.funkce {
	width: 20%;
}
.komise-responzive {
	display: block;
}
.mapa-responzive {
	display: none;
}
.ic-zlin {
	word-wrap: break-word
}
#doch_4159,
#doch_4160,
#doch_4256,
#doch_4431,
#doch_4431,
#doch_4162,
#doch_4432,
#doch_13753,
#doch_4436,
#doch_12296,
#doch_4181,
#doch_444,
#doch_2317 {
	display: none;
}
#poradnik_byty label {
	float: left;
	width: 100px;
}
#poradnik_byty input {
	margin-bottom: 10px;
}

.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: #004777;
    z-index: 1000;
    padding:10px;
    font-size:13px;
    text-align:center;
    z-index:500;
}

.eu-cookies span {
    /*background: green;*/
    color: #ECC630;
    cursor:pointer;
}

.eu-cookies a{
	color:white;
}

.gdpr{
color:#fff;
margin:0;
}

.gdpr-separator{
margin:0;
}

.mobile_gallery{
width:70%;
text-align:left;
margin-bottom:10px;

}

.mobile_gallery img{
margin-right:10px
}
a:focus, {text-decoration: underline !important; font-weight: bold !important;  
/* -webkit-box-shadow: 0px 0px 15px 0px #ecc630;
    -moz-box-shadow:    0px 0px 15px 0px #ecc630;
    box-shadow:         0px 0px 15px 0px #ecc630;*/}

input:focus, textarea:focus, a:focus img {
   -webkit-box-shadow: 0px 0px 15px 0px #ecc630;
    -moz-box-shadow:    0px 0px 15px 0px #ecc630;
    box-shadow:         0px 0px 15px 0px #ecc630;
    text-decoration: none;
}

.menu{
width:25%
}
.none{
    display:none;
}

.vyhledaniPopisek{
position: absolute;
left: -999em;
}
.close{
color:#fff !important;
opacity:1 !important;
}