@import "reset.css";
	@import "breadcrumb.css";
	@import "lightbox.css";
	/*@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700italic,700&subset=latin,latin-ext);*/
h1 {
	position: relative;
	font-size: 160%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	text-align: left;
	color: #00406b;
	line-height: 1.1em
}
h2 {
	position: relative;
	font-size: 140%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	text-align: left;
	color: #00406b
}
h3 {
	position: relative;
	font-size: 125%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	text-align: left;
	color: #00406b;
	font-weight: 700;
	margin-bottom: 5px
}


h4 {
	position: relative;
	font-size: 110%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	text-align: left;
	color: #00406b
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
.taleft {
	text-align: left!important
}
.tacenter {
	text-align: center!important
}
.taright {
	text-align: right!important
}
strong {
	font-weight: bold
}
.none {
	display: none
}
.uppercase {
	text-transform: uppercase
}
.os {
	font-family: 'Roboto', Arial, sans-serif
}
.ar {
	font-family: Arial, sans-serif
}
.os400 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400
}
.os700 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 700
}
body {
	font-family: 'Roboto', Arial, sans-serif;
	color: #333;
	background: #e6e6e6;
	width: 100%;
	margin: 0;
	margin-top: 120px;
	position: relative;
	font-size: 62.5%;
	line-height: 1.5em
}
.small { font-size: 0.5em; line-height: 1.8em }
.large { font-size: .8em; line-height: 1.25em; }

.small #logo-zlin {background: url("../pics/sprite.png") no-repeat scroll 0 -284px rgba(0, 0, 0, 0);
    display: block;
    font-family: "Roboto",Arial,sans-serif;
    height: 30px;
    left: 0;
    padding: 10px 0 0 65px;
    position: absolute;
    top: 15px;
    font-size: 120%;}
.large #logo-zlin {background: url("../pics/sprite.png") no-repeat scroll 0 -284px rgba(0, 0, 0, 0);
    display: block;
    font-family: "Roboto",Arial,sans-serif;
    height: 30px;
    left: 0;
    padding: 10px 0 0 65px;
    position: absolute;
    top: 15px;
    font-size: 80%;}


#header {
	position: fixed;
	top: 0;
	left: 0;
	height: 120px;
	width: 100%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 130%;
	color: #fff;
	background: #004777;
	z-index: 1
}
#plocha {
	position: relative;
	font-size: 130%;
	width: 980px;
	margin: 0 auto;
	background: #fff;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	min-height: 100px;
	padding: 20px 60px
}
#plocha.hp {
	padding: 0 60px 40px 60px
}
#doporucujeme {
	position: relative;
	width: 980px;
	padding: 0 60px 60px 60px;
	margin: 0 auto;
	font-size: 130%;
	background: #595959;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400
}
#footer {
	position: relative;
	width: 980px;
	padding: 35px 60px;
	margin: 0 auto;
	font-size: 130%;
	background: #474747 url('../images/footer-logo.png') no-repeat 60px 95%;
	height: 350px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400
}
#obsah {
	position: relative;
	float: right;
	width: 720px;
	line-height: 1.4em;
	padding: 0 0 50px 0
}

#obsah a {font-weight: bold; text-decoration: underline;}

.kotva {position: absolute; top: -130px;}

.menuobsah {
  float: left;
}

#left {
	position: relative;
	float: left;
	width: 230px;
	color: #333
}
.w980 {
	width: 980px
}
.w650 {
	width: 650px
}
.w300 {
	width: 300px
}
.w260 {
	width: 260px
}
.w230 {
	width: 230px
}
.fl {
	float: left
}
.fr {
	float: right
}
.last {
	margin-right: 0!important
}
.cistic, .clear {
	clear: both;
	position: relative
}
.nb {
	border: none!important
}
.nadpis {
	width: 190px;
	min-height: 22px;
	background: #004777;
	padding: 8px 0 0 10px;
	color: #fff;
	position: relative;
	border-right: 30px solid #ecc630;
	font-size: 100%
}
.bg {
	background: url('../pics/sprite.png') no-repeat left top
}
#header #headertop {
	height: 70px;
	position: relative;
	top: 0
}
#header #headertop #header-plocha {
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 980px;
	height: 70px
}
#header #headertop #header-plocha #logo-zlin {
	background: url('../pics/sprite.png') no-repeat left top;
	background-position: 0 -284px;
	display: block;
	top: 15px;
	height: 30px;
	position: absolute;
	left: 0;
	font-family: 'Roboto', Arial, sans-serif;
	padding: 10px 0 0 65px
}
#header #headertop #header-plocha ul {
	position: relative;
	float: right;
	top: 25px;
	width: 560px;
	text-align: center;
	margin: 0
}
#header #headertop #header-plocha li {
	display: block;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 96%;
	width: 110px;
	float: left
}
#header #headertop #header-plocha li.l05 {
  text-align: right;
  position: relative;
  background-position: right -428px;
  height: 26px;
  width: 100px;
  padding-right: 20px;
}
#header #headertop #header-plocha li.l05 a,
#header #headertop #header-plocha li.l05 span {
  padding: 0 0 0 30px;
  width: 0px;
  display: inline-block;
  overflow: hidden;
  height: 24px;
  background: url('../pics/sprite.png') no-repeat left top;
}
#header #headertop #header-plocha li.l05 a.cz,
#header #headertop #header-plocha li.l05 span.cz {
  background-position: left -324px;
}
#header #headertop #header-plocha li.l05 a.en,
#header #headertop #header-plocha li.l05 span.en {
  background-position: left -478px;
}
#header #headertop #header-plocha li.l05 div.langpick {
	background: #004777;
	width: 70px;
	padding: 5px;
	position: absolute;
	left: -5px;
	z-index: 5;
	cursor: default
}
#header #headertop #header-plocha a {
	text-decoration: none;
	color: #fff
}
#header #headertop #header-plocha .sipka {
	position: relative;
	left: 8px;
	border: 0
}
#header #headertop #header-plocha #fontsizeMinus {
	font-size: 10px;
	line-height: 24px
}
#header #headertop #header-plocha #fontsizeReset {
	font-size: 12px;
	line-height: 24px
}
#header #headertop #header-plocha #fontsizePlus {
	font-size: 16px;
	line-height: 21px
}
#header #headerbottom {
	background: #1e527f;
	height: 50px;
	position: relative
}
#header #headerbottom #headerplocha2 {
	position: relative;
	margin: 0 auto;
	width: 980px
}
#header #headerbottom #headerplocha2 ul {
	position: absolute;
	right: 190px;
	top: 15px;
	width: auto;
	text-align: center;
	margin: 0
}
#header #headerbottom #headerplocha2 ul li {
	display: block;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 100%;
	float: left;
	padding: 2px 10px;
	border-right: 1px solid #fff
}
#header #headerbottom #headerplocha2 .l04 {
	position: relative;
	float: right;
	height: 20px;
	padding: 15px;
	

}
#header #headerbottom #headerplocha2 #vyhledavani {
	width: 940px;
	margin: 0 auto;
	position: absolute;
	background: #fff;
	height: 80px;
	z-index: 10;
	top: 50px;
	right: 0;
	color: #00406b;
	padding: 20px 0 20px 40px;
	font-family: 'Roboto', Arial, sans-serif;
	visibility: hidden;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.1)
}
#header #headerbottom #headerplocha2 #vyhledavani input {
	border: 0
}
#header #headerbottom #headerplocha2 #vyhledavani span {
	display: block;
	float: left;
	margin: 10px
}
#header #headerbottom #headerplocha2 #vyhledavani span.head {
	font-size: 140%;
	font-weight: bold;
	padding-right: 40px
}
#header #headerbottom #headerplocha2 #vyhledavani .vyhledavani {
	background: #e6e6e6;
	border: 0;
	float: left;
	width: 730px;
	position: relative;
	height: 15px;
	padding: 10px
}
#header #headerbottom #headerplocha2 #vyhledavani .vyhledat {
	position: absolute;
	top: 65px;
	left: 810px;
	cursor: pointer;
	background: 0;
	color: #00406b;
	font-size: 120%;
	font-weight: bold
}
#header #headerbottom #headerplocha2 #vyhledavani .cross {
	position: absolute;
	top: 20px;
	left: 920px;
	cursor: pointer;
	background: url('../pics/sprite.png') no-repeat left top;
	background-position: 0 -415px;
	display: block;
	width: 0;
	height: 0;
	padding: 10px
}
#header #headerbottom #headerplocha2 #vyhledavani a {
	color: #00406b
}
#header #headerbottom #headerplocha2 a {
	text-decoration: none;
	color: #fff
}
#plocha #drob-nav {
	position: realtive;
	font-size: 1em;
	width: 980px;
	background: #f7f7f7;
	overflow: auto;
	margin-bottom: 20px
}
#plocha #kalendar.sipka {
	background: url('/images/k-sipka.png') no-repeat center bottom;
	padding-bottom: 15px
}
#plocha #kalendar table {
	border-collapse: collapse;
	border-style: hidden
}
#plocha #kalendar th {
	font-weight: bold
}
#plocha #kalendar td, #plocha #kalendar th {
	border: 1px solid #d1d1d1;
	text-align: center;
	text-transform: uppercase;
	color: #555
}
#plocha #kalendar td {
	font-size: 11px;
	cursor: default;
	vertical-align: middle
}
#plocha #kalendar div.calendar-head, #plocha #kalendar .calendar-body {
	position: relative;
	clear: both;
	margin: 15px 17px
}
#plocha #kalendar div.kalendar-obal {
	background: #e6e6e6;
	padding: 2px 0
}
#plocha #kalendar .calendar-head {
	height: 20px;
	font-size: 1.5em
}
#plocha #kalendar .calendar-head a, #plocha #kalendar .calendar-head span {
	display: block;
	position: relative;
	width: 7px;
	height: 17px;
	padding: 3px 0 0 0;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #00406b
}
#plocha #kalendar .calendar-head span {
	width: 175px;
	height: 17px;
	padding: 3px 0 0 0;
	margin: 0 1px;
	font-weight: normal;
	text-transform: uppercase
}
#plocha #kalendar .cal-inact-item, #plocha #kalendar .cal-inact-item-weekend, #plocha #kalendar .cal-act-item, #plocha #kalendar .cal-act-item-weekend {
	position: relative;
	width: 25px;
	height: 17px;
	padding: 3px 1px;
	text-align: center;
	z-index: 1;
	color: #343434
}
#plocha #kalendar .cal-act-item, #plocha #kalendar .cal-act-item-weekend {
	color: #03426b;
	font-weight: bold;
	cursor: pointer
}
#plocha #kalendar .cal-act-item:hover, #plocha #kalendar .cal-act-item-weekend:hover {
	background: #03426b;
	color: #fff
}
#plocha #kalendar .cal-act-item a, #plocha #kalendar .cal-act-item-weekend a {
	color: #fff
}
#plocha #kalendar .cal-act-item a:hover, #plocha #kalendar .cal-act-item-weekend a:hover {
	color: #fff
}
#plocha #kalendar .calendar-body .info {
	position: absolute;
	left: 0;
	top: 18px;
	width: 200px;
	padding: 10px;
	background: #005ba6;
	z-index: 2;
	text-align: left;
	display: none
}
#plocha #kalendar .calendar-body .info a {
	color: #fff
}
#plocha #kalendar .calendar-body .info a:hover {
	text-decoration: underline
}
#plocha #kalendar .kal-dnes {
	background: #ecc630;
	font-weight: bold;
	color: #000
}
#plocha #left .event-info {
	position: absolute;
	width: 350px;
	left: 0;
	padding: 5px 10px;
	top: 22px;
	background: #03426b;
	text-align: left;
	display: none;
	z-index: 100
}
#plocha #left .event-info p {
	padding: 5px 0;
	border-top: 1px solid #a5c2dc
}
#plocha #left .event-info p:first-child {
	border-top: 0
}
#plocha #rightsl .event-info {
	position: absolute;
	width: 350px;
	right: 0;
	padding: 5px 10px;
	top: 22px;
	background: #03426b;
	text-align: left;
	display: none;
	z-index: 100
}
#plocha #rightsl .event-info p {
	padding: 5px 0;
	border-top: 1px solid #a5c2dc
}
#plocha #rightsl .event-info p:first-child {
	border-top: 0
}
#plocha .dnes_se_kona {
	position: relative;
	display: block;
	width: 230px
}
#plocha .dnes_se_kona li {
	position: relative;
	font-family: 'Roboto', Arial, sans-serif;
	width: 230px;
	padding: 6px 0;
	margin: 0
}
#plocha .dnes_se_kona a {
	text-decoration: none;
	color: #00406b
}
#plocha .dnes_se_kona .nadpis {
	position: relative;
	background: #00406b;
	color: #fff;
	font-family: 'Roboto', Arial, sans-serif;
	width: 220px;
	height: 22px;
	padding: 8px 0 0 10px
}
#plocha .dnes_se_kona .nadpis:last-of-type {
	margin-top: 30px
}
#plocha p {
	padding: 5px 0
}
#plocha #rozchodnik {
	position: relative;
	height: 250px;
	background: #ecc630;
	margin-bottom: 30px
}
#plocha #rozchodnik .blok {
	min-height: 230px;
	width: 205px;
	float: left;
	padding: 20px 20px 0 20px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
#plocha #rozchodnik h2, #plocha #rozchodnik h3 {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 10px;
	margin: 0 0 10px 0;
	font-size: 135%;
	font-weight: 300
}
#plocha #rozchodnik ul {
	display: block;
	font-family: 'Roboto', Arial, sans-serif;
	list-style-type: none;
	padding: 0;
	position: relative;
	margin: 0;
	left: 0;
	width: 100%
}
#plocha #rozchodnik ul li {
	color: #fff;
	position: relative;
	display: block;
	padding: 5px 0;
	font-size: 1em
}
#plocha #rozchodnik p {
	font-family: 'Roboto', Arial, sans-serif;
	color: #fff;
	padding-top: 12px
}
#plocha #rozchodnik a {
	text-decoration: none;
	color: #fff
}
#plocha #rozchodnik a:hover {
	text-decoration: underline
}
#plocha #rozchodnik .s01 {
	background: #004777
}
#plocha #rozchodnik .s01:hover {
	background: url('../images/modra-tmava-prouzek.jpg') repeat-x #fff left top;
	color: #00406b
}
#plocha #rozchodnik .s01:hover h4, #plocha #rozchodnik .s01:hover a {
	color: #00406b
}
#plocha #rozchodnik .s02 {
	background: #59a4c0
}
#plocha #rozchodnik .s02:hover {
	background: url('../images/modra-svetla-prouzek.jpg') repeat-x #fff left top;
	color: #00406b
}
#plocha #rozchodnik .s02:hover h4, #plocha #rozchodnik .s02:hover a {
	color: #59a4c0
}
#plocha #rozchodnik .s038 {
	background: #f46b00
}
#plocha #rozchodnik .s038:hover {
	background: url('../images/oranzova-prouzek.jpg') repeat-x #fff left top;
	color: #00406b
}
#plocha #rozchodnik .s038:hover h4, #plocha #rozchodnik .s038:hover a {
	color: #f46b00
}
#plocha #rozchodnik .s04 {
	background: #769617
}
#plocha #rozchodnik .s04:hover {
	background: url('../images/zelena-prouzek.jpg') repeat-x #fff left top;
	color: #00406b
}
#plocha #rozchodnik .s04:hover h4, #plocha #rozchodnik .s04:hover a {
	color: #769617
}
#plocha #kontakty {
	position: relative;
	background: #004777;
	margin-bottom: 30px;
	width: 980px;
	padding: 10px 0;
	color: #fff
}
#plocha #kontakty .item {
	position: relative;
	float: left;
	display: inline;
	width: 219px;
	min-height: 125px;
	border-left: 1px solid #336c92;
	padding: 0 0 0 20px
}
#plocha #kontakty .item.last {
	padding-right: 0
}
#plocha #kontakty .item a {
	text-decoration: none;
	color: #fff
}
#plocha #kontakty .item .hl {
	color: #ecc630;
	padding-left: 25px
}
#plocha #kontakty .item .hl1st {
	color: #ecc630
}
#plocha #kontakty .item .popisek {
	position: relative;
	height: 20px;
	line-height: 20px;
	color: #f6d000;
	text-transform: uppercase;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 500;
	margin-bottom: 10px
}
#plocha #kontakty .item .popisek#epodatel {
	background: url('../pics/sprite.png') no-repeat left top;
	background-position: 0 -390px;
	padding: 0 0 0 23px
}
#plocha #kontakty .item .popisek#konttel {
	background: url('../pics/sprite.png') no-repeat left top;
	background-position: 0 -370px;
	padding: 0 0 0 23px
}
#plocha #kontakty .item .popisek#urhodiny {
	background: url('../pics/sprite.png') no-repeat left top;
	background-position: 0 -350px;
	padding: 0 0 0 23px
}
#plocha #kontakty .item .popisek#datschr {
	background: url('../pics/sprite.png') no-repeat left top;
	background-position: 0 -450px;
	padding: 0 0 0 23px
}
#plocha #kontakty .item .hodnota {
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400
}
#plocha #kontakty .item .hodnota a {
	font-weight: 400
}
#plocha #kontakty #kontvice {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: #ebc62f url('../pics/bg-dalsi-kontakty.png') no-repeat left center;
	text-indent: -10000px;
	overflow: hidden
}
#plocha #kontakty #dalsi-kontakty {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	text-indent: -10000px
}
#plocha .kontakt_online {
	overflow: hidden;
	width: 0;
	height: 0;
	background: lightgreen;
	padding: 4px;
	display: inline-block
}
#plocha .kontakt_offline {
	overflow: hidden;
	width: 0;
	height: 0;
background: darkred; 
	padding: 4px;
	display: inline-block
}
#plocha #aktualne {
	position: relative;
	height: 350px;
	margin-bottom: 30px
}
#plocha #aktualne .fotka {
	position: relative;
	width: 480px;
	height: 320px;
	float: left
}
#plocha #aktualne .clanek {
	display: block;
	position: relative;
	width: 210px;
	height: 320px;
	float: left;
	margin-left: 20px;
	padding-right: 20px
}
#plocha #aktualne .clanek h3 {
	line-height: 1.2em;
	font-size: 140%;
	font-weight: normal
}
#plocha #aktualne .clanek p {
	text-align: left
}
#plocha #aktualne .clanek a {
	text-decoration: none;
	color: #00406b
}
#plocha #aktualne .clanek .vice {
	text-align: left;
	color: #00406b
}
#plocha #aktualne .vyber_menu {
	height: 260px;
	width: 245px;
	float: right;
	padding: 20px 0;
	position: relative;
	border-left: 1px solid #e5e5e5
}
#plocha #aktualne .vyber_menu ul {
	display: inline;
	font-family: 'Roboto', Arial, sans-serif;
	list-style-type: none;
	padding: 0
}
#plocha #aktualne .vyber_menu ul li {
	color: #00406b;
	padding: 5px 10px;
	height: 35px;
	overflow: hidden;
	margin-bottom: 10px;
	display: block
}
#plocha #aktualne .vyber_menu ul a {
	text-decoration: none;
	color: #00406b
}
#plocha #aktualne .vyber_menu .ui-tabs-active {
	position: relative;
	left: -5px;
	background: #00406b url('../images/sipka_aktual.jpg') no-repeat left top;
	color: #fff;
	border: 0
}
#plocha #aktualne .vyber_menu .ui-tabs-active a {
	color: #fff;
	border: 0
}
#plocha #leftsl {
	position: relative;
	width: 480px
}
#plocha #leftsl #dalsi_aktuality {
	position: relative;
	width: 480px;
	margin-bottom: 30px
}
#plocha #leftsl #dalsi_aktuality .aktualita {
	position: relative;
	width: 480px;
	margin-top: 30px;
	min-height: 110px
}
#plocha #leftsl #dalsi_aktuality .aktualita img {
	float: left;
	left: 0;
	top: 25px
}
#plocha #leftsl #dalsi_aktuality .aktualita p {
	margin-left: 90px
}
#plocha #leftsl #dalsi_aktuality .aktualita a {
	color: #00406b;
	text-decoration: none
  line-height: 25px;
}
#plocha #leftsl #zlin_facebook {
	position: relative;
	width: 480px;
	height: 630px
}
#plocha #primator {
	position: relative;
	height: 230px;
	width: 480px;
	margin-bottom: 30px;
	overflow: hidden
}
#plocha #primator .slovo_primatora {
	background: #e6e6e6;
	width: 310px;
	height: 160px;
	position: relative;
	padding: 20px 20px 20px 170px
}
#plocha #primator .slovo_primatora img {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: 200px;
	float: left
}
#plocha #primator .slovo_primatora h2 {
	margin-bottom: 10px
}
#plocha #otevrena_radnice {
	position: relative;
	width: 480px;
	margin-bottom: 30px;
	overflow: hidden
}
#plocha #otevrena_radnice .otevrena_radnice {
	background: #e6e6e6;
	width: 440px;
	position: relative;
	padding: 20px
}
#plocha #otevrena_radnice .otevrena_radnice h2 {
	margin-bottom: 10px
}
#plocha #rightsl {
	position: relative;
	width: 480px
}
#plocha #rightsl #kalendar {
	position: relative;
	width: 230px;
	float: right
}
#plocha #rightsl .video {
	position: relative;
	width: 230px;
	background: #e6e6e6;
	margin-bottom: 30px
}
#plocha #rightsl .video .clanek {
	display: block;
	position: relative;
	width: 210px;
	padding: 10px
}
#plocha #rightsl .video .clanek p {
	font-family: Arial, sans-serif
}
#plocha #rightsl .video .clanek a {
	text-decoration: none;
	color: #00406b
}
#plocha #rightsl .video .clanek .vice {
	font-family: Arial, sans-serif;
	color: #00406b;
	margin-top: 10px
}
#plocha #rightsl .video .clanek h3 {
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: normal
}
#plocha #rightsl #bannery {
	position: relative;
	width: 230px;
	margin-bottom: 30px
}
#plocha #rightsl #bannery img {
	margin-top: 10px
}
#doporucujeme .item {
	display: block;
	position: relative;
	float: left;
	width: 250px;
	padding: 0 0 0 60px;
	margin: 50px 25px 0 0;
	color: #fff;
	text-decoration: none;
	line-height: 1.4em
}
#doporucujeme .item img {
	position: absolute;
	left: 0;
	top: 0
}
#doporucujeme .item strong {
	display: block;
	text-transform: uppercase
}
#footer {
	padding-bottom: 65px
}
#footer a {
	text-decoration: none;
	color: #fff
}
#footer h4 {
	margin-bottom: 25px;
	color: #fff;
	font-weight: normal;
	font-size: 100%
}
#footer p {
	padding: 5px 0
}
#footer .item {
	position: relative;
	width: 230px;
	color: #fff;
	float: left;
	margin-right: 20px
}
#footer .item ul {
	list-style-type: none;
	border-bottom: 1px solid #5a5a5a
}
#footer .item ul li {
	padding: 5px 2px;
	border-top: 1px solid #5a5a5a
}
#footer .item .ico {
	position: relative;
	display: block;
	height: 23px;
	padding: 18px 0 9px 45px;
	background: url('../pics/sprite.png') no-repeat left top
}
#footer .item .ico.facebook {
	/*background-position: 0 0;*/
	background: url('../images/ico/facebook.png') no-repeat;
	background-position: left center;
}
#footer .item .ico.youtube {
	/*background-position: 0 -55px*/
	background: url('../images/ico/youtube.png') no-repeat;
	background-position: left center;
}
#footer .item .ico.goplay {
	background: url('../images/ico/google.png') no-repeat;
	background-position: left center;
}
#footer .item .ico.appstore {
	background: url('../images/ico/appstore.png') no-repeat;
	background-position: left center;
}
#footer .item .ico.gplus {
	background-position: 0 -105px
}
#footer .item .ico.twitter {
	/*background-position: 0 -157px*/
	background: url('../images/ico/twitter.png') no-repeat;
	background-position: left center;
}
#footer .item .ico.rss {
	background-position: 0 -208px
}
#footer .item .ico.subscribe {
	background-position: 0 -390px;
	height: 20px;
	padding: 5px 0 0 30px;
	color: #ecc630;
	text-transform: uppercase;
	font-size: 120%;
	font-weight: bold
}
#footer .item .ico.unsubscribe {
	background-position: 5px -505px;
	height: 20px;
	padding: 2px 0 0 30px;
	font-style: italic;
	color: #b1b1b1
}
#footer #logo-eu {
	position: absolute;
	top: 85%;
	left: 51%
}
#left {
	margin-bottom: 30px
}
#left h4 {
	margin: 10px 0
}
#left ul {
	margin-bottom: 20px;
	width: 100%
}
#left ul li {
	display: block;
	padding: 4px;
	border-bottom: 1px dotted #ccc
}
#left ul li a {
	color: #00406b
}
#left #rozchodnik-left .box {
	width: 210px;
	float: left;
	padding: 15px 10px 0 10px;
	margin-bottom: 15px
}
#left #rozchodnik-left .box h4, #left #rozchodnik-left .box a {
	color: #fff
}
#left #rozchodnik-left .box h4 {
	padding-bottom: 5px;
	margin-top: 0;
	font-size: 130%;
	font-weight: 300
}
#left #rozchodnik-left .box h4 a {
	text-decoration: none
}
#left #rozchodnik-left .box ul {
	border-top: 1px solid rgba(255,255,255,0.5);
	padding-top: 10px
}
#left #rozchodnik-left .box ul li {
	border-bottom: 0
}
#left #rozchodnik-left .box.s01 {
	background: #004777
}
#left #rozchodnik-left .box.s02 {
	background: #59a4c0
}
#left #rozchodnik-left .box.s038 {
	background: #f46b00
}
#left #rozchodnik-left .box.s04 {
	background: #769617
}
#obsah a {
	color: #00406b
}
#obsah h1 {
	margin-bottom: 20px;
	font-size: 180%;
	font-weight: normal
}
#obsah h2, #obsah h3, #obsah h4 {
	margin: 25px 0 15px 0
}
#obsah p {
	margin: 10px 0
}
#obsah ul, #obsah ol {
	margin: 15px 0;
	padding-left: 30px
}
#obsah ul li {
	list-style-type: square
}
#obsah ol li {
	list-style-type: decimal
}
#obsah table {
	margin: 15px 0
}
#obsah table th {
	padding: 5px;
	background: #e6e6e6;
	font-weight: bold
}
#obsah table td {
	padding: 5px;
	border-bottom: 1px solid #e6e6e6
}
#obsah img.maing-img {
	float: right;
	margin: 0 0 15px 15px;
	border: 5px solid #e6e6e6
}
#obsah .datumDetail {
	font-style: italic
}
#obsah .tab-docs {
	width: 100%;
	margin: .5em 0 30px 0;
	border-top: 3px solid #ccc;
	border-bottom: 1px solid #e6e6e6
}
#obsah .tab-docs tr:hover {
	background-color: #e6e6e6
}
#obsah .tab-docs td {
	padding: 5px!important;
	border-bottom: 1px solid #e6e6e6;
	vertical-align: middle
}
#obsah .tab-docs td p {
	padding: 0!important;
	margin: 0!important
}
#obsah .tab-docs td.doc-icon {
	width: 35px
}
#obsah .tab-docs td.doc-size {
	text-align: right;
	width: 100px
}
#obsah .tab-docs td.doc-link {
	text-align: right;
	width: 50px
}
#obsah .tab-docs td.doc-link a {
	font-weight: bold
}
#obsah .tab-kont {
	width: 100%;
	margin: .5em 0 2em 0;
	border-top: 5px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	table-layout: fixed
}
#obsah .tab-kont td {
	padding: 5px!important;
	border-bottom: 1px solid #e6e6e6
}
#obsah .tab-kont td p {
	padding: 0!important;
	margin: 0!important
}
#obsah .tab-kont td.popisek {
	width: 20px!important;
	vertical-align: top
}
#obsah .tab-kont .funkce-icon, #obsah .tab-kont .tab-kont .phone-icon, #obsah .tab-kont .tab-kont .email-icon, #obsah .tab-kont .tab-kont .mobil-icon {
	position: relative;
	width: 16px;
	height: 16px;
	padding: 0;
	overflow: hidden;
	text-indent: -1000px
}
#obsah .tab-kont .funkce-icon {
	background: url('/pics/funkce-icon2.gif') no-repeat
}
#obsah .tab-kont .mobil-icon {
	background: url('/pics/mobile-icon2.gif') no-repeat
}
#obsah .tab-kont .phone-icon {
	background: url('/pics/phone-icon2.gif') no-repeat
}
#obsah .tab-kont .email-icon {
	background: url('/pics/email-icon2.gif') no-repeat
}
#obsah .tab-kont .cell-email {
	width: 250px
}
#obsah .next-news {
	position: relative;
	top: 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	width: 100%
}
#obsah .next-news .item {
	position: relative;
	padding: 10px 0 10px 60px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #fff;
	width: 660px;
	min-height: 75px
}
#obsah .next-news .item.bez {
	position: relative;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #fff;
	width: 650px
}
#obsah .next-news .item.first {
	border-top: 0
}
#obsah .next-news .item h3 {
	margin-top: 10px
}
#obsah .next-news .item p a {
	font-style: italic;
	font-weight: bold
}
#obsah .next-news .item .datum2 {
	position: absolute;
	left: 0;
	top: 10px;
	width: 40px;
	height: 60px;
	text-align: center;
	font-size: 120%;
	margin-right: 10px;
	display: block
}
#obsah .next-news .item .datum2 p {
	width: 40px;
	height: 40px;
	background: #003f72;
	color: #fff;
	padding: 5px 0;
	font-size: 100%;
	position: relative
}
#obsah .next-news .item .datum2 p span {
	font-size: 140%;
	display: block;
	text-transform: uppercase;
	padding-top: 3px;
	line-height: .9em;
	position: relative
}
#obsah .fotogalerie-uvod {
	position: relative;
	padding: 0 5px 10px 5px;
	margin: 0 0 30px 0;
	overflow: auto;
	width: 720px
}
#obsah .fotogalerie-uvod a {
	display: block;
	position: relative;
	width: 220px;
	height: 80px;
	padding: 15px;
	margin: 10px 15px 0 100px;
	float: left;
	background: #f5f5f5
}
#obsah .fotogalerie-uvod a:hover {
	background: #e6e6e6;
	text-decoration: none
}
#obsah .fotogalerie-uvod a:hover img {
	border: 15px solid #e6e6e6
}
#obsah .fotogalerie-uvod a img {
	position: absolute;
	left: -100px;
	top: 0;
	border: 15px solid #f5f5f5
}
#obsah .level1 {
	padding-left: 0
}
#obsah .level2 {
	padding-left: 20px
}
#obsah .level3 {
	padding-left: 40px
}
#obsah .level4 {
	padding-left: 60px
}
#obsah .level5 {
	padding-left: 80px
}
#obsah .level6 {
	padding-left: 100px
}
#obsah .level7 {
	padding-left: 120px
}
#obsah .level8 {
	padding-left: 140px
}
#obsah .foto {
	position: relative;
	margin-bottom: 20px;
	text-align: center
}
#obsah .foto img {
	border: 10px solid #f5f5f5;
	margin: 5px
}
#obsah .sekce-kontakt {
	position: relative;
	padding: 0
}
#obsah .sekce-kontakt .kontakt-osoba {
	position: relative;
	margin: 0 5px 20px 5px;
	background-color: #f0f0f0;
	padding: 15px;
	overflow: auto;
	border-top: 3px solid #ccc
}
#obsah .sekce-kontakt .kontakt-osoba table {
	text-align: left;
	width: 350px;
	float: right;
	margin: 0
}
#obsah .sekce-kontakt .kontakt-osoba table td {
	padding: 0;
	border: 0
}
#obsah .sekce-kontakt .kontakt-osoba table .popisek {
	font-size: .8em;
	text-transform: uppercase;
	width: 60px
}
#obsah .sekce-kontakt .kontakt-osoba .kontakt_jmeno {
	float: left
}
#obsah .sekce-kontakt .kontakt-osoba .kontakt_jmeno strong {
	font-size: 1.3em;
	font-weight: normal
}
#obsah .sekce-kontakt .kontakt-osoba .kontakt_jmeno em {
	font-style: italic
}
#obsah .sekce-kontakt .kontakt-osoba2 {
	position: relative;
	margin: 0 15px 20px 5px;
	background-color: #f0f0f0;
	padding: 15px;
	overflow: auto;
	border-top: 3px solid #ccc;
	width: 315px;
	float: left;
	min-height: 100px
}
#obsah .sekce-kontakt .kontakt-osoba2 h3 {
	margin-top: 0
}
#obsah .sekce-kontakt .kontakt-osoba2 img {
	float: left;
	margin-right: 15px
}
#obsah .sekce-kontakt .kontakt-osoba2 table {
	text-align: left;
	width: 200px;
	float: left;
	margin: 0
}
#obsah .sekce-kontakt .kontakt-osoba2 table td {
	padding: 0;
	border: 0
}
#obsah .sekce-kontakt .kontakt-osoba2 table .popisek {
	font-size: .8em;
	text-transform: uppercase;
	width: 60px
}
#obsah .sekce-kontakt .dalsiKontakty {
	border-top: 3px solid #ccc;
	width: 100%
}
#obsah #archfiltr {
	margin-bottom: 10px
}
#obsah #archfiltr select {
	position: relative;
	width: 150px;
	padding: 5px;
	border: 0;
	border-top: 1px solid #cfcfcf;
	background: #e6e6e6;
	border-left: 1px solid #cfcfcf;
	margin: 0 20px 0 10px
}
#obsah #archfiltr input {
	position: relative;
	padding: 5px;
	color: #00406b;
	background: 0;
	font-weight: bold;
	font-size: 120%;
	cursor: pointer;
	border: 0
}
#obsah #kalfiltr {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e6e6e6
}
#obsah #kalfiltr p {
	padding: 0!important;
	margin: 0
}
#obsah #kalfiltr select {
	position: relative;
	width: 150px;
	padding: 5px;
	border: 0;
	border-top: 1px solid #cfcfcf;
	background: #e6e6e6;
	border-left: 1px solid #cfcfcf;
	margin: 0 20px 0 10px
}
#obsah #kalfiltr input {
	position: relative;
	padding: 5px;
	color: #00406b;
	background: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
	font-family: "Trebuchet MS";
	cursor: pointer;
	border: 0;
	margin-right: 5px
}
#obsah #kalfiltr input.itext {
	border-bottom: 3px solid #ccc;
	background: #e6e6e6;
	padding: 3px 5px;
	height: 19px;
	margin-left: 5px;
	width: 80px;
	font-family: "trebuchet MS";
	cursor: default;
	font-style: normal;
	font-weight: normal
}
#obsah #kalfiltr input.isubmit {
	background-color: #00406b;
	color: #fff;
	float: right
}
#obsah #kalfiltr input.highlight {
	padding: 5px 10px;
	background: #e6e6e6;
	margin: 10px 0 15px 0;
	width: 520px;
	border-bottom: 3px solid #ccc
}
#obsah #kalfiltr label {
	margin: 10px
}
#obsah #kalfiltr .datumy {
	margin-top: 10px
}
#obsah #kalfiltr #hledaneSlovo {
	position: relative;
	float: left;
	width: 545px
}
#obsah #kalfiltr #sekce {
	position: relative;
	float: right;
	width: 150px
}
#obsah div.strankovani {
	clear: both;
	position: relative;
	padding: 3px 0;
	margin: 0 0 15px 0;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}
#obsah div.strankovani a, #obsah div.strankovani span {
	padding: 0 5px
}
#obsah div.strankovani a.nopad {
	padding: 0
}
#obsah div.strankovani span {
	background: #ddd
}
#obsah div.strankovani .zobrazeni img {
	vertical-align: top
}
#obsah div.strankovani img {
	vertical-align: middle
}
.diskuze {
	width: 100%;
	margin: .5em 0 30px 0;
	border-top: 3px solid #ccc
}
.diskuze input {
	background: #e6e6e6;
	border: 0;
	width: 330px;
	position: relative;
	height: 15px;
	padding: 10px;
	font-family: "Trebuchet MS"
}
.diskuze input.isubmit {
	cursor: pointer;
	display: block;
	background: 0;
	width: 100px;
	text-align: center;
	margin: 10px auto;
	background: #00406b;
	color: #fff;
	font-size: 120%;
	height: auto
}
.diskuze textarea {
	display: block;
	background: #e6e6e6;
	padding: 10px;
	width: 700px;
	height: 80px;
	border: 0;
	font-family: "Trebuchet MS";
	font-size: 110%
}
.diskuze div.fl, .diskuze div.fr {
	margin: 15px 0
}
.diskuze label {
	display: block;
	color: #00406b;
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 5px
}
.diskuze .diskuzeItem {
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	padding: 0 5px!important
}
.diskuze .diskuzeItem h4 {
	margin: 5px 0 0 0!important;
	font-size: 90%;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	width:500px;
}
.diskuze .diskuzeItem span.timestamp {
	position: absolute;
	top: 1px;
	right: 5px;
	font-size: 90%;
	color: #777;
	font-style: 90%
}
.diskuze .diskuzeItem p {
	padding: 0 0 5px 0!important
}
.uredni_deska {
	width: 100%;
	margin: .5em 0 30px 0;
	border-top: 3px solid #ccc
}
.uredni_deska .ud_item {
	position: relative
}
.uredni_deska .ud_item h3 {
	margin: 10px 0 0 0!important;
	font-size: 90%;
	text-transform: uppercase
}
.uredni_deska .ud_item span.timestamp {
	font-size: 85%;
	color: #777;
	font-style: italic
}
.uredni_deska .ud_item div.inner {
	margin: 10px 0 30px 0
}
.uredni_deska .ud_item div.inner table.tab-docs {
	border-top: 1px solid #ddd!important
}
.uredni_deska .ud_item div.inner table td {
	border-bottom: 1px solid #ddd!important
}
.uredni_deska .ud_item p {
	padding: 0 0 5px 0!important
}
#obsah table {
	width: 100%
}
.copyright {
	color: #aaa
}
.copyright a {
	color: #aaa!important
}
.copyright a:hover {
	color: #fff!important
}
.letterfiltr {
	padding: 0 0 0 15px!important
}
.letterfiltr li {
	display: block;
	width: 17px;
	height: 18px;
	border: 1px solid #59a4c0;
	float: left;
	margin: 2px
}
.letterfiltr li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}
.letterfiltr li a:hover, .letterfiltr li.active a {
	background-color: #59a4c0;
	color: #fff!important
}
.diskuzeItem span {
	color: #777;
	border 0;
}

a:focus {text-decoration: underline !important; font-weight: bold !important;}

input:focus, textarea:focus {
   -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;
}

.sekce-kontakt th { text-align: left;}
.kotvaobsah{
z-index:-9999;
}
/** přidání vyhledavacího pole**/
#header #headerbottom #headerplocha2 .vyhledavaniInput
{
	
	float: left;
	background: #fff url("../pics/search.png") no-repeat scroll left center;
	border:none;
	height:26px;
	padding-left:20px;
	width:100px;
	
}
#headerplocha2 .hledat{
	float:right;
	height:28px;
	border: none;
	color:#333;
	background-color: #E6E6E6;

}

#header #headerbottom #headerplocha2 .l05 {
	position: relative;
	float: right;
	height: 20px;
	padding-top: 10px;
	padding-right: 0px;
	

}
/** přidání vyhledavacího pole - konec**/
.b a{
	font-weight: bold;
	color: #00406B;
}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
#plocha #doch_4159,#plocha #doch_4160,#plocha #doch_4256,#plocha #doch_4431,#plocha #doch_4431, #plocha #doch_4162, #plocha #doch_4432,#plocha #doch_13753,#plocha #doch_4436,#plocha #doch_12296,#plocha #doch_4181, #plocha #doch_4444{
	display:none;
}