body, html, table {
margin: 0px; padding: 0px; font-family: Open Sans, sans-serif; font-size: 14px; font-weight : 400; color: #2c3338; line-height: 22px;}
* {font-family: Open Sans, sans-serif;}
body { background: #fff; text-align: center;}
h1,h2,h3, h4, h5 {margin: 0px; padding: 0; font-size: 24px; font-family: Open Sans, sans-serif; line-height: 120%; color: #2c3338; font-weight: 600; text-align: left;}
h2 strong, h3 strong {font-weight: 900;}
h1 {font-size: 30px; line-height: 25px; text-transform: uppercase; color: #141b2d; font-weight: 900;}
h2 {font-size: 24px;}
h3 {font-size: 16px; font-weight: 700;}
p {padding: 0px; margin: 20px 0px 20px 0px; text-align: left;}
a img {border: 0px solid; display: inline-block;}
a {text-dec¨oration: none; color: #141b2d;}
a:hover {text-decoration: underline;}
strong {font-weight: 700;}
ul {list-style: none; margin: 0; padding: 10px 0;}
ul li { margin: 0; padding: 0; line-height: 18px;}
.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.center, .center p {text-align: center !important;}
.justify {text-align: justify;}
.skrejt {display: none;}
.error {color: red;}
.clear {width: 100%; clear: both;}
.nowrap {white-space: nowrap;}
.btn {background: rgba(255,255,255,0.6); -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #041c59; padding: 6px 22px; font-weight: 500; font-size: 13px; line-height: 22px; display: inline-block;}
.btn:hover {background: #041c59; color: #fff;}
.spacing {letter-spacing: -1px;}
.bordered {border: 1px solid #e3e4e6; box-sizing: border-box;}
.heading {float: left; background: #2c3338; width: 100%; display: block; padding: 0 0 0 23px; box-sizing: border-box; min-height: 47px;}
.headingA {float: left; background: #050709; width: 100%; display: block; padding: 0 0 0 23px; box-sizing: border-box;}
.border {border-bottom: 1px solid #2a3638;}
.bottom {border-top: 1px solid #2a3638;}
.heading:not(.bottom) a {float: right; width: 50px; height: 47px; line-height: 47px; text-align: center; color: #fff; background: #d33021; font-size: 17px; margin-top: 1px;}
.heading:not(.bottom) a:hover {background: #fff; color: #000;}
.heading h1, .heading h2, .heading h3, .headingA h1, .headingA h3, .heading.bottom a {font-size: 20px; color: #fff; /*text-transform: uppercase;*/ font-weight: 600; padding: 11px 0;}
.heading h3, .headingA h3, .heading.bottom a { float: left; }
.heading.bottom a {font-size: 12px; font-weight: 700;}
.heading.bottom a i {padding-left: 10px;}
.heading.bottom.back {text-align: left !important;}
.heading.bottom.back a {font-size: 12px;}
.heading.bottom.back a i {padding: 0 10px 0 0; }
.image.left {position: relative;}
.image.left img {display: block;}
.image.left span {position: absolute; left: 260px; bottom: 40px; color: #fff; font-size: 19px; font-weight: 700;}
.image.left span h1 {font-size: 35px; font-weight: 900; color: #fff; letter-spacing: -1px; text-transform: none; padding-bottom: 15px; line-height: 35px;}
.site {position: relative; width: 100%; text-align: center; overflow: hidden; float: left;}
.site.detail {overflow: visible;}
.content {padding-top: 50px !important; background: #f4f4f4;}
.site2 {background: #fff;}
.wrapper {position: relative; margin: 0px auto; max-width: 1160px; display: inline-block; text-align: left; min-width: 1160px; margin: 0; vertical-align:top; box-sizing: border-box;}
.slider .wrapper, .text .wrapper, #aktuality .wrapper {max-width: 1150px; min-width: 1150px;}
.wrapper.extra, .wrapper.margin {margin: 16px 0;}
.wrapper>.center {width: 100%; display: block;}
.wrapper.extra .text {background: #fff; padding: 24px 20px; float: left; width: 100%; box-sizing: border-box;}
.wrapper.extra .text.map {padding: 0;}
.wrapper.extra .text.galerka {padding: 22px 15px;}
.wrapper.extra .text iframe {width: 100%; height: 350px;}
.content a:hover {text-decoration: none;}
.content a {text-decoration: underline;}
#top {min-height: 157px; background: #fff; overflow: visible;}
#top .upper {background: #2c3338;}
#logo {float: left; text-align: center; margin: 16px 10px 0 0;}
.logo {display: block;}
.logo strong {display: none;}
.logo img {display: block;}
#top .menu-link {float: left; width: 55px; height: 55px; margin: 10px; background: url("../images/menu.png") no-repeat; background-size: 100%; display: none;}
#topmenu {float: right; min-height: 40px; line-height: 40px;}
#langs {float: left;}
#topmenu a, #topmenu b {float: left; height: 40px; padding: 0 20px; border-left: 1px solid #3c4348; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600;}
#topmenu a.lang {padding: 0; width: 41px; margin-left: 1px; background: #2f2f2f;}
#topmenu a.lang.active, #topmenu a:hover {background: #d33021; text-decoration: none;}
#topmenu a img {margin-top: 13px; display: block;}
#top .descr {float: left; min-height: 40px; line-height: 40px; font-size: 13px; color: #a9a9a9;}
#top .descr strong, #top .descr a {color: #fff; font-weight: 600;}
#menu {float: right; margin: 0; margin: 44px 0 0 0;}
#menu ul, #menu ul li {margin: 0; padding: 0; float: left; height: 38px; }
#menu ul li {position: relative;}
#menu ul li:after {content: " "; height: 38px; width: 1px; float: left; background: #e0e1e1;}
#menu ul li:last-of-type:after {content: ""; display: none;}
#menu ul li a {float: left; padding: 0px 20px; height: 38px; line-height: 38px; font-size: 14px; color: #2c3338; text-transform: uppercase; font-weight: 700;}
#menu ul li a.active, #menu ul li a:hover {text-decoration: underline; color: #d33021;}
#menu ul li ul {display: none; position: absolute; z-index: 1; top: 38px; border: 1px solid #e0e1e1; border-top: none;}
#menu ul li ul li { background: #fff; white-space: nowrap; float: none; border-top: 1px solid #e0e1e1;}
#menu ul li ul li:after {display: none;}
#menu ul li:hover ul {display: block;}
@media all and (max-width: 1200px) {
#top {overflow: visible; min-height: auto;}
#top .descr {float: none; display: inline-block; line-height: inherit;}
#topmenu {float: none; display: inline-block;}
.wrapper { width: 100%; margin: 0; min-width: 280px !important;}
.upper .wrapper {text-align: center;}
.content {box-sizing: border-box; padding: 30px 2% 0 2%;}
#logo {/*width: 130px; height: 140px;*/ margin: 20px 0;}
#logo img {max-width: 200px; }
#menu {display: none; z-index: 99;}
#menu.active {display: block; background: #fff; float: none; position: absolute; right: 0px; top: 50px; padding: 10px 0; /*max-width: 190px;*/}
#menu ul li:after {display: none;}
#menu ul {float: none; height: auto;}
#menu ul li {display: block; margin: 10px; padding: 0; float: none; height: auto; border: none;}
#menu ul li a {float: none; display: block; height: auto; line-height: 18px;}
#menu ul li ul {display: block; position: relative; top: auto; padding-top: 5px; font-size: 12px;}
#menu ul li ul li {border: none; height: auto; margin: 0; padding: 3px 0 3px 20px;}
#menu ul li ul li a {font-size: 11px; height: auto; line-height: auto; text-transform: none;}
#menu a:hover {border: none;}
#top .menu-link {display: block; float: right;}
#topmenu b {display: none;}
.image.left.bordered img {width: 100%;}
}
@media all and (max-width: 700px) {
.bordered {border: none;}
}
@media all and (max-width: 500px) {
/*body {background: #191919;}*/
#top .wrapper {text-align: center;}
/*#top .menu-link {display: inline-block; float: none; margin-top: 48px;}*/
#slider_right>a, #slider_right>a img {width: 100%; display: block;}
}
@media all and (max-width: 400px) {
#topmenu>a:nth-of-type(1), #topmenu>a:nth-of-type(2) {display: none;}
}
#crumbs {display: block;}
#content {width: 100%; background: #fff; overflow: visible;}
.turnaje {box-sizing: border-box; padding: 10px 10px 25px 10px;}
.turnaje table {/*border-collapse:collapse;*/ width: 100%;border: 1px solid #e3e4e6; border-top: none; text-align: left; font-size: 13px; padding: 5px 15px 0px 15px; background: #fff; margin-bottom: 15px;}
.turnaje td, .turnaje th {border-bottom: 1px solid #dde3e5; padding: 5px 0 5px 5px; vertical-align: middle; font-size: 14px; color: #0e1419;}
.turnaje td {height: 40px;}
.turnaje td.pager {background: none; border: none; padding: 25px 0 30px 0 !important; text-align: center;}
.turnaje td.pager a {height: 38px; line-height: 28px; box-sizing: border-box; display: inline-block !important; border-left: 1px solid #d7d9da; vertical-align: top; padding: 5px 10px; color: #384046; margin-left: -4px;}
.turnaje td.pager a:nth-of-type(2) {border: none;}
.turnaje td.pager a:first-of-type {background: #384046; color: #fff; padding: 5px 30px 5px 15px; width: 150px; text-align: right; border: none; margin-right: 35px;}
.turnaje td.pager a:first-of-type i {padding-right: 25px; font-size: 11px; float: left; line-height: 30px;}
.turnaje td.pager a:last-of-type {background: #384046; color: #fff; padding: 5px 15px 5px 30px; width: 150px; text-align: left; border: none; margin-left: 35px;}
.turnaje td.pager a:last-of-type i {padding-left: 25px; font-size: 11px; float: right; line-height: 30px;}
.turnaje td.pager a:hover, .turnaje td.pager a.active {background:#d33021; color: #fff; text-decoration: none;}
.turnaje tr:nth-of-type(2n+1) td {border-bottom: 1px solid #c6d0d5; background: #f5f6f6;}
.turnaje th {font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 15px 0 15px 5px;}
.turnaje th:first-of-type,.turnaje td:first-of-type {padding-left: 15px;}
.turnaje img {display: inline-block; vertical-align: middle; margin-right: 25px;}
.turnaje a {font-weight: 700; color: #d33021;}
.turnaje td .img {display: inline-block; vertical-align: middle; width: 48px; height: 48px; border: 1px solid #c6d0d5; border-radius: 48px; overflow: hidden; background: #dde3e5 url("../images/user.png") no-repeat center center; background-size: 25px; margin-right: 30px; position: relative; text-align: center;}
.turnaje td .img img {position: absolute; max-width: 50px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
/*columns*/
.turnaje table.columns {display: block; float: left; box-sizing: border-box; text-align: center;}
.turnaje table.columns th {display: none;}
.turnaje table.columns tr {display: inline-block; text-align: center; width: 234px; height: 205px; border-right: 1px solid #c6d0d5; border-bottom: 1px solid #c6d0d5; vertical-align: top; margin-left: -4px;}
.turnaje table.columns tr:first-of-type {display: none;}
.turnaje table.columns tr:nth-of-type(5n+1) {border-right: none;}
.turnaje table.columns tr:last-of-type {display: block; width: 100%; height: auto; border: none;}
.turnaje table.columns tr:nth-last-of-type(2) {border-right: none;}
.turnaje table.columns td, .turnaje table.columns tbody {display: block; height: auto;}
.turnaje table.columns td {border: none; padding: 0; background: none;}
.turnaje table.columns td .img {margin: 15px 0; width: 90px; height: 90px;}
.turnaje table.columns td:nth-of-type(2), .turnaje table.columns td:nth-of-type(3) {display: none;}
.turnaje table.columns td:first-of-type a {display: block;}
#table_header {float: left; width: 100%; border: 1px solid #e3e4e6; background: #2c3338; color: #fff; box-sizing: border-box; margin-top: 20px;}
#table_header * { box-sizing: border-box;}
.layout {display: table; float: right; height: 100%; width: 75px; border-left: 1px solid #545a5e;}
.layout.enter {text-decoration: none;}
.layout a {display: table-row; text-decoration: none;}
.layout a:hover {text-decoration: none;}
.layout a i {display: table-cell; width: 100%; background: #3c464d; text-align: center; vertical-align: middle; height: 75px; font-size: 30px; color: #747b7f; font-weight: 300; border-bottom: 1px solid #61696e;}
.layout a:hover i, #layout a.active i {color: #fff;}
#table_header form {padding: 18px 30px; float: left;}
#table_header fieldset {margin: 0; padding: 0; border: 0; float: left; max-width: 650px; margin: 0 25px 0 0;}
#table_header label {min-width: 90px; padding: 0 5px 0 0; display: inline-block; float: left; clear: left; height: 35px; line-height: 35px; white-space: nowrap; margin: 4px 0;}
#table_header fieldset:nth-of-type(2) label:nth-of-type(2) {clear: none; margin-left: 10px;}
#table_header fieldset:nth-of-type(2) label {width: 65px;}
#table_header input, #table_header select {background: #3c464d; border: 1px solid #49555e; padding: 10px; color: #fff; height: 35px; line-height: 15px; padding: 5px 10px; width: 220px; margin: 4px 0; float: left;}
#table_header .small {width: 100px; margin-right: 25px;}
#table_header fieldset.inline {max-width: 100%;}
#table_header fieldset.inline label, #table_header fieldset.inline select {float: none; clear: none; width: auto;}
#table_header fieldset.inline label { padding: 0 10px 0 0;}
#table_header fieldset.inline select {width: 190px; margin-right: 25px;}
#table_header h3 {color: #fff; padding-bottom: 10px; font-weight: 600;}
#letters {display: table; width: 100%; background: #fff; padding: 0 10px; table-layout: fixed; border: 1px solid #2c3338; border-top: 0;}
#letters a {display: table-cell; text-align: center; color: #0e1419; font-size: 15px; padding: 10px 0;}
#letters a:hover, #letters a.active {text-decoration: none; background: #c6d0d5;}
@media all and (max-width: 1200px) {
/*
.turnaje {padding: 0;}
.turnaje table {border-collapse:collapse; width: 100%;border: none;}
.turnaje td {display: block; height: auto; border: none; padding: 5px;}
.turnaje tr {display: block;}
*/
#table_header fieldset:nth-of-type(2) label {width: 90px;}
#table_header fieldset:nth-of-type(2) label:nth-of-type(2) {clear:left;}
.turnaje table.columns tr:nth-of-type(5n+1) {border-right: 1px solid #c6d0d5;}
}
@media all and (max-width: 700px) {
.turnaje td.pager a:first-of-type, .turnaje td.pager a:last-of-type {display: block; width: 100%; margin: 5px 0;}
#content {box-sizing: border-box; padding: 0 2%;}
}
.content>.wrapper>.image {width: 453px; display: table-cell; vertical-align: top;}
#article { display: table-cell; vertical-align: top; padding: 0 0 0 37px; text-align: left; width: auto;}
#article table,table.hriste {width: 100%; border-collapse: collapse; border-bottom: 1px solid #d5d5d5;}
#article td, #article th, table.hriste td, table.hriste th {padding: 10px 15px; border-right: 1px solid #d5d5d5;}
#article th, table.hriste th {background: #384046; color: #fff; border-right: 1px solid #575e63; font-weight: 600;}
#article td:last-of-type, #article th:last-of-type, table.hriste td:last-of-type, table.hriste th:last-of-type {border: none;}
/*table.hriste td:last-of-type, table.hriste th:last-of-type {border-right: 1px solid #d5d5d5;}
table.hriste td:first-of-type, table.hriste th:first-of-type {border-left: 1px solid #d5d5d5;}*/
table.soubory td {width: 25%; vertical-align: top;}
#article tr:nth-of-type(2n+1) td, table.hriste tr:nth-of-type(2n+1) td {background: #e1e2e2;}
.content>.wrapper>.image img {display: block; max-width: 450px; margin-bottom: 15px;}
#thumbs {width: 100%; text-align: center;}
#thumbs a {display: inline-block; vertical-align: middle; padding: 0; margin: 0 0px 3px 0; width: 110px;}
#thumbs a img {display: inline-block; max-width: 110px; max-height: 80px; margin: auto;}
#content>.text {display: table-cell; vertical-align: top; padding: 28px 37px; text-align: left; width: 70%;}
#content.formular>.text{padding: 28px; width: 100%;}
#content>.text.detail { font-size: 13px;}
#content>.text hr.hr {width: 57px; height: 3px; display: block; background: #162129; border: none; outline: none; margin: 0; padding: 0;}
#content>.text h1 {font-size: 34px; letter-spacing: -1px; margin: 20px 0; line-height: 36px;}
#content span.datum { background: #b4b4b5; padding: 3px 8px; color: #fff; font-weight: 700;}
#content>.text a {text-decoration: underline; color: #d33021;}
#content>.text a:hover {text-decoration: none;}
/*
table.hriste {width: 100%; border-collapse: collapse;}
table.hriste th {font-size: 15px; color: #fff; background: #a3a3a3; text-align: center; text-transform: uppercase; padding: 11px 0;}
table.hriste td {font-size: 14px; text-align: center; font-weight: 600; padding: 16px 0;}
table.hriste td, table.hriste th {border: 1px solid #d3d3d3;}
*/
#leftmenu {display: table-cell; width: 200px; padding: 55px 0 20px 20px; text-align: left; position: relative; line-height: 18px; float: left;}
#leftmenu .obr {position: relative; width: 193px; height: 183px; border: 1px solid #d2d2d2; text-align: center; background: #fff; margin-top: -125px;}
#leftmenu .obr img {display: inline-block;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 180px; max-height: 170px;}
#leftmenu>span {float: left; width: 23px;}
#leftmenu>span img {display: block;}
#leftmenu hr {display: block; width: 100%; border: 0; outline: 0; padding: 0; margin: 0; background: #d2d2d1; height: 1px; margin: 6px 0;}
#leftmenu hr.high {height: 4px; margin: 14px 0;}
#leftmenu>strong {display: block; line-height: 16px;}
#leftmenu a.leftmenu {display: table; text-transform: uppercase; width: 100%; font-size: 13px; line-height: 18px; padding: 6px 0;}
#leftmenu a:hover {text-decoration: none;}
#leftmenu a.leftmenu span {position: relative; display: table-cell; padding-left: 18px; vertical-align: middle; font-weight: 700;}
#leftmenu a.leftmenu i {width: 47px; padding: 13px 0px; text-align: center; background: #b4b4b5; font-size: 17px; color: #fff; display: table-cell;}
#leftmenu a.leftmenu:hover i {background: #d33021;}
.text.prehled {text-align: center;}
.text.prehled div {float: left; width: 175px; margin: 0 4px 0 5px; text-align: center; position: relative;}
.text.prehled hr {display: block; float: left; width: 1108px; height: 1px; background: #d2d2d1; border: 0; outline: 0; padding: 0; margin: 0; clear: both; margin: 20px 0 20px 5px;}
.text.prehled span {display: table-cell; width: 175px; height: 175px; border: 1px solid #dcdcdc; text-align: center; vertical-align: middle}
.text.prehled span img {display: block; position: relative; margin: 0px auto; padding: 0;}
.text.prehled strong {text-align: center; display: block; font-size: 14px; padding-bottom: 10px;}
.text.prehled b {display: block; font-size: 13px; padding-left: 7px; font-weight: 400;}
.text.prehled b:first-of-type {padding-top: 7px;}
.text.prehled .flg {position: absolute !important; left: 41px; top: 174px;}
.text.galerka {text-align: center}
.text.galerka a {float: left; margin: 5px 5px 6px 6px; border: 1px solid #dadada; padding: 3px;}
.text.galerka a img {display: block; width: 142px; height: 112px;}
@media all and (max-width: 1200px) {
.text.prehled hr {display: none;}
.text.prehled div {display: inline-block; float: none; margin: 10px 5px;}
.text.galerka a {float: none; display: inline-block;}
#leftmenu .obr {margin-top: 0;}
}
@media all and (max-width: 700px) {
#content>.text, .content>.wrapper>.image, #article {display: block; width: 100%;}
.content>.wrapper>.image img {margin: auto; max-width: 100%; margin-bottom: 15px;}
#content>.text, #content.formular>.text, #article {width: 100%; padding: 0;}
#leftmenu {float: none;}
#leftmenu .obr {/*width: 85px; height: 80px; top: -70px;*/}
#leftmenu .obr img {max-width: 75px; max-height: 70px; }
.image.left span {position: absolute; left: 160px; bottom: 20px; color: #fff; font-size: 14px; font-weight: 700;}
.image.left span h1 {font-size: 25px; line-height: 25px;}
.site {overflow: visible;}
}
@media all and (max-width: 500px) {
#leftmenu .obr {/*display: none;*/ position: relative; top: -20px;}
.image.left span {position: relative; left: 10px; bottom: 0; margin: 10px; color: #fff; font-size: 14px; font-weight: 700;}
.image.left span h1 {font-size: 25px; line-height: 25px;}
}
@media all and (max-width: 300px) {
#content>.image {width: 300px;}
}
.site.slider {background: #262626 url("../images/bg.jpg") no-repeat center top; background-size: 100% 100%; padding: 38px 0;}
.podstrana .site.slider {background-image: url("../images/pruh.jpg"); color: #fff; font-size: 14px; text-transform: uppercase; padding: 26px 0;}
.podstrana .site.slider a {color: #fff; font-weight: 700;}
.podstrana .site.slider i {padding: 0 5px; font-size: 11px;}
.podstrana .site.slider a i {padding-left: 0; font-size: 17px;}
.podstrana .site.slider h1 {color: #fff; font-size: 45px; font-weight: 400; text-transform: none; line-height: initial; padding: 10px 0; line-height: 100%;}
.podstrana .site.slider h2, .podstrana .site.slider h3 {padding: 10px 0; line-height: 100%;}
.podstrana .site.slider * {color: #fff;}
.podstrana .site.slider span.datum {float: right; font-size: 16px; font-weight: 600; color: #fff; line-height: 25px; padding: 20px 0 0 10px;}
.podstrana .site.slider span.datum i {font-size: 25px; vertical-align: top;}
#slider {display: table-cell; width: 950px; vertical-align: top;}
.podstrana #slider {max-width: 896px; border-left: none; border-bottom: none; border-top: none;}
#slider img {width: 100%; height: auto; display: block;}
#slider a {display: block;}
#slider .text {position: absolute; bottom: 55px; left: 60px; text-align: left; text-transform: uppercase;}
#slider h2 {font-size: 50px; color: #2c3338; font-weight: 400; text-transform: uppercase; line-height: 100%; padding: 5px 0 15px;}
#slider h2 strong { font-weight: 800;}
#slider .date, #slider .text b {display: block; color: #2c3338; line-height: 20px; font-size: 25px; font-weight: 800;}
#slider .text b {background: #d33021; float: left; color: #fff; font-size: 14px; font-weight: 700; padding: 10px 15px;}
#slider a:hover b {text-decoration: underline;}
#slider .text b i {padding-left: 10px; font-size: 11px; line-height: 14px; vertical-align: middle;}
#slider ul, #slider2 ul {padding: 0;}
#slider .bx-wrapper {margin: 0px auto;}
#slider .bx-wrapper .bx-pager {padding: 0; width: auto; left: 60px; right: auto; bottom: 30px; display: table;}
#slider .bx-wrapper .bx-pager.bx-default-pager a {display: block; width: 50px; height: 4px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0 5px 0 0; box-sizing: border-box; background: #a7afb5;}
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #d33021; border: none;}
#slider .bx-wrapper .bx-pager .bx-pager-item, #slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: table-cell; vertical-align: top;}
#slider_right {text-align: center; display: table-cell; vertical-align: middle; width: 250px; background: #ca2e20 url("../images/slider_right.jpg") no-repeat center top; background-size: 100% 100%; padding: 20px; box-sizing: border-box;}
#slider_right * {text-transform: uppercase; color: #fff; text-align: center; margin: 17px 0;}
#slider_right h3 {font-size: 30px; line-height: 33px; font-weight: 800; letter-spacing: -1px;}
#slider_right a {display: inline-block; background: #2c3338; padding: 10px 15px; font-weight: 700;}
#slider2 {margin: 21px 0 28px 0;}
#slider2 .wrapper {/*border: 1px solid rgba(45, 60, 71, 0.6);*/}
#slider2 ul {}
#slider2 ul li {background: #fff;height: 117px;}
#slider2 .text {/*margin: 14px 0;*/ border-right: 1px solid #cccccc; min-height: 107px; padding: 0 0 0 28px; color: #2c3338;}
#slider2 .text span {float: left; position: relative; width: 80px; height: 89px; margin: 0 10px 0 0;}
#slider2 .text b {font-size: 13px;}
#slider2 .text b i {color: #a7afb5; font-size: 15px; padding-right: 5px;}
#slider2 .text em {display: block; font-style: normal; color: #0e1419; font-size: 14px; font-weight: 600;}
#slider2 .text img {position:absolute; max-width: 110px; max-height: 89px; top:0; bottom:0; margin:auto;}
#slider2 .text strong {font-size: 18px; font-weight: 700; text-transform: uppercase; display: block; /*min-height: 42px;*/ padding: 3px 0; line-height: 22px; color: #0e1419;}
#slider2 .text strong sup {font-size: 12px;}
#slider2 .text a i {padding-left: 10px;}
#slider2 .text a {background: #384046; padding: 10px 15px; color: #fff; display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-top: 15px;}
#slider2 .text a:hover {background: #d33021; text-decoration: none;}
#slider2 .bx-wrapper .bx-controls-direction a { text-indent: initial; margin-top: -28px; height: 56px; width: 37px; color: #fff; text-align: center; font-size: 24px; line-height: 56px;}
#slider2 .bx-wrapper .bx-prev {left: -48px; background: #384046;}
#slider2 .bx-wrapper .bx-next {right: -48px; background: #384046;}
@media all and (max-width: 1200px) {
#slider {width: 100%; max-width: none;}
/*#slider2 {margin: 0;}*/
.podstrana .site.slider {padding: 26px 2%; box-sizing: border-box;}
#slider2 .bx-wrapper .bx-controls-direction a {width: 35px;}
#slider2 .bx-wrapper .bx-prev {left: 0px; font-size: 16px; width: 35px;}
#slider2 .bx-wrapper .bx-next {right: 0px;}
#slider2 .text {padding-left: 40px;}
#slider_right {display: none;}
}
@media all and (max-width: 700px){
.podstrana .site.slider span.datum {float: none; display: block; padding: 15px 0 0 0;}
.podstrana .site.slider span.datum i {padding-left: 0;}
}
@media all and (max-width: 600px){
#slider .text { width: 96%; padding: 2%; padding-bottom: 30px; left: auto; top: auto; position: relative; float: left;}
#slider h2 {font-size: 20px; margin: 0; color: #fff;}
#slider .bx-wrapper .bx-pager {bottom: 0;}
#slider .date, #slider .text b {color: #fff;}
#slider .bx-wrapper .bx-pager .bx-pager-item, #slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; margin: 0 2px;}
.text iframe {width: 100%;}
.site.slider {padding: 0;}
#slider .text {bottom: 0px;}
}
@media all and (max-width: 500px){
#slider_right a.jak, #slider_right a.vyhody {display: inline-block;}
}
#aktuality {background: #f4f4f4;}
body>#aktuality { border-top: 1px solid #e3e4e6; padding: 30px 0 0 0;}
.article {float: left; width: 50%; box-sizing: border-box; /*border-top: 1px solid #2a3638;height: 270px;*/ }
.article:nth-of-type(2n+1) {clear: left;}
.article .image {display: table-cell; vertical-align: middle; text-align: center; width: 215px; /*background: #fff;border-right: 1px solid #2a3638;*/ line-height: 0; height: 260px;}
.article .image img {display: inline-block;}
.article .text {display: table-cell; vertical-align: top; padding: 18px 30px 0 30px; /*background: #fff; border-left: 1px solid #8e9596; border-right: 1px solid #2a3638;*/ position: relative;}
.article .text span.datum {display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 600; padding-bottom: 5px;}
.article .text strong, .blok .text strong { display: block; font-size: 20px; line-height: 24px; padding: 15px 0 5px 0; font-weight: 700;}
.article .text strong a {color: #0e1419;}
.article .text hr, .blok .text hr {width: 57px; height: 3px; display: block; background: #162129; border: none; outline: none; margin: 0; padding: 0;}
.article .text p, .blok .text p {margin: 10px 0 0 0; line-height: 22px;}
.article .text a.arrow {padding: 8px 15px; text-align: center; background: #384046; color: #fff; font-size: 13px; float: left; margin-top: 20px; font-weight: 700; text-transform: uppercase;}
.article .text a.arrow:hover {background: #d33021; text-decoration: none;}
.article .text a.arrow i.fa {font-size: 11px; padding-left: 20px;}
#aktuality hr {height: 1px; background: #e0e0e1; border: none; outline: none; width: 100%; border-bottom: 1px solid #fff; margin: 40px 0 20px 0; padding: 0; float: left;}
#aktuality .old {font-size: 14px; text-transform: uppercase; color: #4e555b; font-weight: 700; margin: 10px 0; display: inline-block;}
#aktuality .old i.fa {padding-left: 5px;}
#aktuality .old.back i.fa {padding-left: 0; padding-right: 5px;}
#aktuality .banner img {display: inline-block; margin: 20px 0px 0 0px; max-width: 100%; height: auto; max-height: 120px;}
#aktuality .banner.small img {margin: 20px 10px 0 10px;}
#ranking {background: #f4f4f4; padding-top: 30px;}
#blocks {display: table; width: 100%; margin-top: 25px; background: #fff;}
.blok {display: table-cell; width: 50%; vertical-align: top; /*background: #fff;border-left: 1px solid #51565b;*/ }
.blok:first-of-type {border: none;}
.blok .heading {padding-left: 27px; border-left: 1px solid #51565b;}
.blok:nth-of-type(1) .heading a, .blok:nth-of-type(2) .heading a {position: relative; right: -1px; border-top: 1px solid #2a3638; margin: 0;}
.blok .text { padding: 25px 30px; float: left; width: 100%; box-sizing: border-box; border-left: 1px solid #ededef;}
.blok:nth-of-type(1) .text {border-left: none;}
.blok .image {display: table-cell; vertical-align: middle; text-align: center; padding: 25px 0 25px 30px;}
/*.blok:nth-of-type(1) .text {float: none; display: table-cell; vertical-align: top;}*/
.blok .text table {width: 100%; border-collapse: separate; border-spacing: 0px 2px;}
.blok .text td {border-bottom: 1px solid #dde7ec; padding-top: 2px; text-transform: uppercase; font-weight: 600;}
.blok .text td:nth-of-type(1) {width: 41px; line-height: 37px; background: #e4e4e4; text-align: center; color: #191919;}
.blok .text.no_number td:nth-of-type(1) {display: none;}
.blok .text td:nth-of-type(2) {color: #0e1419; font-weight: 700; padding-left: 23px;}
.blok .text td:nth-of-type(3) {text-align: right; color: #969696; line-height: 37px; font-size: 12px;}
.blok .text td a {display: block; color: #0e1419;}
.blok .text > a {padding: 8px 15px; text-align: center; background: #384046; color: #fff; font-size: 12px; float: left; font-weight: 700; text-transform: uppercase; margin-top: 30px;}
.blok .text > a i.fa { font-size: 11px; padding-left: 5px;}
.blok .text > a:hover {background: #d33021; text-decoration: none;}
@media all and (max-width: 1200px) {
#blocks {margin: 0;}
.article, .blok {display: block; width: 100%; height: auto;}
#aktuality .banner img {margin-left: 0; margin-right: 0;}
}
@media all and (max-width: 500px) {
.article .image, .article .text {display: block; width: auto;}
.article .text {padding-bottom: 20px;}
.article .image {height: auto; padding-top: 10px;}
}
#partneri {margin-top: 24px;}
#partneri .text {background: #fff; float: left; width: 100%; box-sizing: border-box; padding: 13px 25px; text-align: center;}
#partneri .text>strong, #partneri .text>div {display: inline-block; vertical-align: top;}
#partneri .text>strong {height: 80px; line-height: 80px; font-size: 15px; color: #191919; text-transform: uppercase; padding-right: 20px; white-space: nowrap;}
#partneri span {float: left; padding: 0 20px;}
#partneri span a, #loga span a {display: table-cell; vertical-align: middle; height: 80px;}
#partneri span a img, #loga span a img {position: relative; display: block; -webkit-filter: grayscale(100%) brightness(100%); filter: grayscale(100%) brightness(100%); opacity: 0.8;}
#partneri span a:hover img, #loga span a:hover img {filter: none; opacity: 1;}
#info {border-left: none; border-right: none; border-bottom: none; padding-top: 26px; background: #384046; color: #c9c9c9; padding-bottom: 50px; overflow: visible;}
#info .wrapper {text-align: center;}
#info a { color: #c9c9c9; font-weight: 600;}
.tab {display: table-cell; padding: 0 24px; text-align: left;}
.tab h3 {display: block; font-size: 18px; color: #fff; opacity: 0.5; text-transform: uppercase; padding: 14px 0; margin-bottom: 25px; white-space: nowrap; font-weight: 600;}
.tab ul {padding: 0; text-transform: uppercase; padding-left: 3px;}
.tab ul li {padding: 3px 0;}
.tab ul li i {color: #d33021; font-size: 9px; padding-right: 10px; }
.tab .image {display: table-cell; vertical-align: top; text-align: left; width: 240px;}
.tab .image img {display: block;}
.tab .image.center img {display: inline-block; margin-bottom: 20px;}
.tab .image.partneri a {display: table-cell; padding-right: 25px; border-left: 1px solid #606569; padding: 12px 28px;}
.tab .image.partneri a img {-webkit-filter: grayscale(100%) brightness(100%); filter: grayscale(100%) brightness(100%); opacity: 0.8;}
.tab .image.partneri a:first-of-type {padding-left: 0; border: 0;}
.tab h4 {color: #fff; font-size: 14px; text-transform: uppercase; display: block; white-space: nowrap; margin: 30px 0 10px 0;}
.tab span {float: left; width: 1px; height: 34px; background: #373738;}
.tab .soc {float: left; margin: 6px 23px 0 0;}
.tab .soc:nth-of-type(2){margin: 6px 23px 0 23px;}
.tab .soc:nth-of-type(3){margin: 6px 0 0 23px;}
.tab .text {display: table-cell; vertical-align: top; font-size: 13px; line-height: 22px;}
.tab.info {width: 38%;}
#info .top {display: inline-block; width: 51px; height: 44px; line-height: 44px; background: #191919; color: #5e5e5e; font-size: 23px; text-align: center; position: relative; bottom: -11px; z-index: 1; border-bottom: none;}
#loga {border-left: none; border-right: none; padding: 32px 0; background: #f4f4f4;}
#loga .image {/*height: 80px;*/}
#loga span {display: inline-block; padding: 0 15px;}
#footer {color: #c9c9c9; padding: 25px 0; background: #2c3338; font-size: 13px; line-height: 20px; border-top: 1px solid #1c2426;}
#footer .wrapper { text-align: center;}
#footer a {color: #d33021; font-weight: 700;}
#footer span {display: inline; padding: 0 10px;}
@media all and (max-width: 1200px) {
#partneri , #info {margin: 0;}
#partneri span {float: none; display: inline-block;}
.tab {display: inline-block; vertical-align: top; text-align: center;}
.tab h3 {text-align: center;}
.tab ul li {text-align: center;}
.tab .image.partneri a {padding: 0 20px;}
.tab .soc {float: none; display: inline-block; margin: 0px auto;}
.tab span {display: none;}
#partneri .text>strong {display: none;}
.tab.info {width: auto;}
#info .top {margin-left: -25px; display: block; left: 50%;}
#footer .wrapper {width: 96%; padding: 0 2%;}
#loga .image span {position: relative; left: auto; bottom: auto; color: #fff;}
.tab .image {display: block; width: 100%; text-align: center;}
.tab .image img {display: inline-block;}
}
#address {display: table; width: 100%; border-bottom: 1px solid #dbdbdb; border-collapse: collapse; text-align: left;}
#address .col {display: table-cell; border: 1px solid #dbdbdb; border-top: 0; border-bottom: 0; padding: 0 5% 30px 5%; font-size: 14px; line-height: 22px; position: relative; top: -10px;}
#address .col:first-of-type {border-left: none;}
#address .col:last-of-type {border-right: none;}
#address .col > i {float: left; font-size: 30px; color: #dc3633; padding-right: 20px;}
#address .col h3 {font-size: 18px; line-height: 30px; margin-bottom: 15px; font-weight: 700; color: #1d1d1b;}
#address td:last-of-type {padding-left: 20px;}
#letter {display: block; text-align: center; font-size: 20px; line-height: 30px;}
#letter > div {display: inline-block; padding: 25px;}
#letter i {color: #dc3633; padding-right: 15px; font-size: 30px; vertical-align: top;}
#letter strong {font-weight: 600;}
.formular .wrapper {text-align: center;}
.formular form * {box-sizing: border-box;}
.formular h2 {text-align: center; font-size: 30px; font-weight: 400; padding: 25px 0; border-bottom: 1px solid #cecece; }
.formular form {display: inline-block; margin: 0; padding: 0; width: 100%; max-width: 790px; margin: 20px 0 0 0;}
.formular label {display: block; text-align: left; font-size: 13px; line-height: 23px; font-weight: 600; padding: 10px 0 5px 0;}
.formular input[type="text"], .formular textarea {border: 1px solid #cecece; border-radius: 3px; line-height: 25px; height: 35px; padding: 5px 10px; outline: none; width: 100%; background: none;}
.formular textarea {height: 100px;}
.formular form>fieldset>div {float: left; width: 50%; padding: 0 8px;}
.formular fieldset {margin: 0; padding: 0; border: 0;}
.formular form>fieldset>div:first-of-type {padding-left: 0;}
.formular form>fieldset>div:last-of-type {padding-right: 0;}
.formular form>div.all {width: 100%;}
.formular button, .formular .submit, .formular .reset {background: #384046; display: inline-block; border: 0; outline: 0; padding: 10px 35px; font-size: 14px; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 3px; cursor: pointer; margin: 15px 0 0 0;}
.formular button:hover, .formular .submit:hover, .formular .reset:hover {background: #dc3633;}
.formular .note {font-size: 13px; padding: 15px 0;}
.formular hr {width: 100%; height: 1px; margin: 0; padding: 0; border: 0; outline: 0; background: #dcdcdc;}
.formular iframe {width: 100%; display: block;}
.double {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; /*-webkit-column-gap: 40px; -moz-column-gap: 40px; */ column-gap: 7em;}
.text>.wrapper>p:first-of-type, .text>.wrapper>#article>p:first-of-type {font-size: 16px; line-height: 26px;}
.text h3 {padding-top: 10px;}
.text .double h3 {padding-top: 20px;}
.text ul li {padding: 3px 0; padding-left: 16px; position: relative;}
.text ul li:before {font-family: "FontAwesome"; content: "\f111"; font-size: 7px; color: #dc3633; vertical-align: top; position: absolute; top: 4px; left: 0;}
.text .img {display: inline-block; vertical-align: middle; width: 135px; text-align: center;}
.text .img img {display: inline-block; max-width: 135px; max-height: 100px; vertical-align: middle; margin: 5px;}
.registrace form * {box-sizing: border-box;}
.registrace table {width: 100%; max-width: 1050px; margin: 15px 0;}
.registrace td {width: auto; padding: 5px 20px 5px 0px;}
.registrace td:nth-of-type(1), .registrace td:nth-of-type(3){width: 145px; padding-right: 5px;}
.registrace input, .registrace textarea, .registrace select {max-width: 344px; border: 1px solid #dfe3e5; border-radius: 3px; line-height: 25px; height: 35px; padding: 5px 10px; outline: none; background: #fff;}
.registrace input[type="checkbox"], .registrace input[type="radio"] {height: auto; line-height: normal;}
.registrace input[type="text"], .registrace input[type="password"], .registrace textarea { width: 100%;}
.registrace hr {width: 100%; height: 1px; border: none; outline: none; margin: 15px 0 0 0; padding: 0; background: #e0e0e1; border-bottom: 1px #fff;}
.registrace textarea {height: 90px; max-width: 100%;}
.registrace .submit-box {background: #fff !important; border: 1px solid #dfe3e5; border-radius: 3px; width: 100%; padding: 25px 30px 25px 25px; margin: 10px 0 0 0;}
.registrace .submit, .registrace button, .registrace input[type="reset"] {background: #384046; display: inline-block; border: 0; outline: 0; padding: 10px 35px; font-size: 14px; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 3px; cursor: pointer; line-height: auto; height: auto; margin: 0 5px;}
.registrace button:hover, .registrace .submit:hover, .registrace input[type="reset"]:hover {background: #dc3633;}
.registrace .submit-box .submit, .registrace .submit-box button {background: #d33021;}
@media all and (max-width: 700px) {
.formular td, #address .col {display: block; width: 100%; box-sizing: border-box;}
.formular td i {margin-left: 0px; display: inline-table; float: left; clear: left;}
.formular #address td {display: table-cell; width: auto;}
.formular #address .col {border: none; top: 0;}
}
.mobil > a {
color: white;
}
.paging {
text-align: center;
}
.news-img {
margin: 10px;
}
.news-header {
font-size: 16px;
font-weight: bold;
}
.news-line {
border-top: 1px solid lightgray;
}
.colored a {
color: #ecb81a !important;
font-weight: bold;
}
.linkDetail a {
color: #ecb81a;
font-weight: bold;
}
#middle table.colored th:nth-child(1) {
border-radius: 4px 0px 0px 4px;
}
#middle table.colored th:nth-last-child(1) {
border-radius: 0px 4px 4px 0px;
}
#middle table.colored td:nth-child(1) {
border-radius: 2px 0px 0px 2px;
}
#middle table.colored td:nth-last-child(1) {
border-radius: 0px 4px 4px 0px;
}
.heading.bottom {
color: darkgray;
float: left;
font-size: 15px;
font-weight: 700;
line-height: 45px;
text-align: center;
}
.heading.bottom a {
color: #ebf3f7;
font-size: 15px;
padding: 11px 0;
text-transform: uppercase;
float: none;
}
.imageheight.bordered {
display: table-cell;
height: 325px;
vertical-align: middle;
width: 347px;
}
.heading p, .headingA p {
color: white;
margin-top: 0;
}
.headingA a {
color: #e9665a;
}
@media all and (max-width: 600px) {
#message_holder #error .top {background: #c10e08;}
#message_holder #error .bottom, #message_holder #valid .bottom {display: none;}
#message_holder {width: auto;}
#message_holder table td {display: block !important; color: #fff !important;}
#message_holder #error .top .close, #message_holder #valid .top .close {top: -20px; left: 0;}
#message_holder #valid .top {background: #fff;}
}