body { position: relative; font-family: 'Open Sans', sans-serif; line-height: 1.6; color: #585858; font-weight: 400;}

body, h1, h2, h3, ul, ol, p, hr { margin: 0; }
ul { padding: 0; list-style: none url();}
ol { padding: 0 0 0 0px; list-style: none;}
ol li {counter-increment: item;}
ol li:before {margin-right: 10px; content: counter(item) "."; border-radius: 50%; color: #3cbcd4; width: 24px; text-align: center; display: inline-block; font-weight: bold;}

.mainBorderRadius {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

* { box-sizing: border-box; }

a { text-decoration: none; color: inherit;}
a:hover {text-decoration: underline;}
img { max-width: 100%; max-height: 100%; }
a img { display: block; }
hr { width: 100%; height: 2px; float: left; border: 0; }

.full-frame, .container, .row { width: 100%; float: left; }

.main-frame {width: 1200px; margin: 0px auto;}

.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}

IFRAME {max-width: 100%;}

/* tinymce */
.text-modra {color: #3cbcd4;}
.velikost-pisma-14 {font-size: 14px;}
.velikost-pisma-16 {font-size: 16px;}
.velikost-pisma-18 {font-size: 18px;}
.velikost-pisma-20 {font-size: 20px;}
.velikost-pisma-22 {font-size: 22px;}
.velikost-pisma-24 {font-size: 24px;}
.velikost-pisma-26 {font-size: 26px;}
.velikost-pisma-28 {font-size: 28px;}
.velikost-pisma-30 {font-size: 30px;}

.obrazek-vlevo {float: left; margin: 0 20px 20px 0;}
.obrazek-vpravo {float: right; margin: 0 0 20px 20px;}
.obrazek-vlevo IMG, .obrazek-vpravo IMG {padding: 0 !important;}
/* tinymce */

.mainBorderRadius {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.mainBorderRadiusTR {-webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px;}
.mainBorderRadiusBR {-webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;}


#social-icons {position: fixed; width: 90px; right: 0; top: 35vh; z-index: 30000;}
#social-icons A IMG {display: inline-block;}
#social-icons A:HOVER {text-decoration: none;}
#social-icons .fb {width: 100%; background-color: #0c9bd0; display: inline-block; padding: 30px 0 24px 0; justify-content: center; text-align: center;}
#social-icons .camera {width: 100%; background-color: #0e8cba; display: inline-block; padding: 20px 0 14px; justify-content: center; text-align: center; line-height: 1.2; color: #fff; font-size: 14px;}


/* Hlavicka */
header {position: fixed; left: 0; top: 0; width: 100%; z-index: 500000; background-color: #3cbcd4; *border-bottom: 1px solid #257888; transition: all 0.5s ease;}
header.noHomePage {}
header .inner {width: 100%; float: left; justify-content: space-between; align-items: center; transition: all 0.5s ease;}
header .inner .left {width: auto; padding: 10px 0 10px 40px;}
header .inner .left .logo {width: 100%; height: 93px; display: block; transition: all 0.5s ease;}
header .inner .left .logo img {display: block; max-width: 100%; max-height: 100%;}
header .inner .right {padding: 0 40px 0 0; align-items: center;}
header .inner .right .font {margin-left: 40px; color: #fff;}
header .inner .right .phone {font-family: 'Italianno', cursive; color: #ffcc00;}
header .inner .right .phone SPAN {display: inline-block; color: #fff; font-size: 36px; line-height: 1;}
header .inner .right .phone SPAN I {margin-right: 10px;}
header .inner .right .fb {margin-left: 40px;}
header .inner .right .fb a {}
header .inner .right .fb a img {max-height: 36px; border-radius: 10px;}

header.small {height: 60px;}
header.small .inner .left {padding: 0 0 0 40px;}
header.small .inner .left .logo {height: 50px; margin: 5px 0;}

#headerHeightByFixed {width: 100%; height: 113px; background-color: #3cbcd4;}

.menuFrame {position: absolute; z-index: 700000; left: 0; top: 100%; width: 100%; height: auto; justify-content: flex-end;}


/* Menu */
NAV {align-items: center;}
NAV UL {width: 100%; height: 100%; margin-right: 30px; align-items: center;}
NAV UL LI {position: relative; height: 100%;}
NAV UL LI {background: none;}
NAV UL LI A {position: relative; height: auto; font-weight: 500; font-size: 16px; display: block; padding: 7px 15px; margin: 0 10px; transition: none; color: #fff; border-bottom: 2px solid transparent;}
NAV UL LI A {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: #257888; align-items: center; text-align: center;}
NAV UL LI A:HOVER, NAV UL LI A.active {text-decoration: none; background-color: #3cbcd4;}
NAV UL LI:last-child {margin-right: 0;}
NAV UL LI A.arrow-down {background-image: url('/images/icon-arrow-down.png'); background-position: right center; background-repeat: no-repeat;}

UL.submenu {width: 100%; height: auto; float: left; display: none; position: absolute; left: 0; top: 100%; background-color: #f9d547; color: #fff; z-index: 100; padding: 0; flex-wrap: wrap;}
UL.submenu LI {width: 100%; height: auto; float: left; margin: 0; border: 0;}
UL.submenu LI A {width: 100%; height: 100%; padding: 20px; white-space: nowrap; border: 0;}
UL.submenu LI A:after {}
UL.submenu LI A:HOVER {text-decoration: underline; color: #fff; background-color: #ffcc00;}

#hamburger {display: none;}

/* paralax */
.parallax {width: 100%; height: 100%; bottom: 0; left: 0; position: fixed; z-index: -1;}
.parallax .slide {width: 100%; height: 100%; background-position: center; background-size: cover;}
.parallax-text {position: relative; width: 100%; height: calc(100vh - 121px); min-height: 400px; float: left; color: #fff; flex-wrap: wrap; justify-content: center; align-items: center;}
.parallax-text .inner {text-align: center; font-size: 22px; font-weight: 700; flex-direction: column; text-transform: uppercase;}
.parallax-text .inner P {font-size: 48px; font-weight: 900; text-align: center; font-style: italic; text-transform: uppercase;}
.parallax-text .inner .line .btn {width: 300px; margin: 10px 0; padding: 0 50px; display: inline-block; font-size: 16px; text-transform: none;}
.parallax-text .inner .line .btn SPAN {padding: 14px 0; display: inline-block;}
.parallax-text .inner .line .btn.video {background-color: #00bce4;}
.parallax-text .inner .line .btn.virtual {background-color: #007db1;}
.parallax-text .inner .line .btn.virtual SPAN {padding-left: 40px; background-image: url('/images/icon-virtual.png'); background-repeat: no-repeat; background-position: left center;}


/* Aktuality */
#news {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #fff;}
#news.noPadding {padding: 0;}
#news .title {position: relative; width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: center; align-items: center;}
#news .title SPAN {color: #3cbcd4; font-weight: bold;}
#news .title H2 {width: 100%; padding: 0 0 15px 0; margin: 0 0 0 0; text-align: center; font-size: 26px; line-height: 1;}
#news .title:after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 1px; border-bottom: 2px solid #3cbcd4;}
#news .yearsFrame {width: 100%; height: auto; float: left; justify-content: flex-end; align-items: center;}
#news .yearsFrame span {margin-right: 5px;}
#news .yearsFrame .year {padding: 6px 16px; margin: 0 0 0 6px; background-color: #257888; color: #ffffff; border-radius: 6px; text-decoration: none; font-weight: bold;}
#news .yearsFrame .year:hover {background-color: #3cbcd4;}
#news .yearsFrame .year.active {background-color: #3cbcd4;}
#news .inner {width: 100%; height: auto; float: left; margin: 20px 0; flex-wrap: wrap;}
#news .inner .item {width: 32%; margin: 0 2% 25px 0; background-color: #f7f7f7; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; transition: 0.5s; text-decoration: none;}
#news .inner .item.red {padding: 40px 20px; background-color: #e35151; color: #fff;}
#news .inner .item:nth-child(3n) {margin-right: 0;}
#news .inner .item:HOVER {text-decoration: none; -webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); transition: 0.5s;}
#news .inner .item .aktualne {width: 100%; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #fff;}
#news .inner .item .dt {padding: 0 20px 10px 20px; text-align: left; color: #585858; font-weight: bold; font-style: italic;}
#news .inner .item .name {width: 100%; padding: 0 20px 10px 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 1.3; text-align: left; color: #3cbcd4;}
#news .inner .item .photo {margin-bottom: 20px; background-color: #fff;}
#news .inner .item .photo IMG {display: block;}
#news .inner .item .perex {padding: 0 20px; text-align: left; color: #585858;}
#news .inner .item .vice {width: 100%; margin: 20px; text-align: left; font-size: 15px; font-weight: 500; color: #585858;}
#news .inner .item .vice SPAN {}
#news .btnViceLine {width: 100%; height: auto; float: left; justify-content: center;}
#news .btnViceLine A {padding: 8px 20px; background-color: #3cbcd4; color: #fff;}


/* Aktuality - SLIDER */
#newsJS {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #fff;}
#newsJS.noPadding {padding: 0;}
#newsJS .title {position: relative; width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: center; align-items: center;}
#newsJS .title SPAN {color: #3cbcd4; font-weight: bold;}
#newsJS .title H2 {width: 100%; padding: 0 0 15px 0; margin: 0 0 0 0; text-align: center; font-size: 26px; line-height: 1;}
#newsJS .title:after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 1px; border-bottom: 2px solid #3cbcd4;}
#newsJS .inner {width: 100%; height: auto; float: left; display: flex !important; margin: 20px 0; flex-wrap: wrap;}
#newsJS .inner .obal {height: 100%; margin: 5px 0; display: flex !important; padding: 10px 0;}
#newsJS .inner .item {height: 100%; background-color: #f7f7f7; margin: 10px; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; transition: 0.5s; text-decoration: none;}
#newsJS .inner .item.red {padding: 40px 20px; background-color: #e35151; color: #fff;}
#newsJS .inner .item:nth-child(3n) {margin-right: 0;}
#newsJS .inner .item:HOVER {text-decoration: none; -webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); transition: 0.5s;}
#newsJS .inner .item .aktualne {width: 100%; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #fff;}
#newsJS .inner .item .dt {padding: 0 20px 10px 20px; text-align: left; color: #585858; font-weight: bold; font-style: italic;}
#newsJS .inner .item .name {width: 100%; padding: 0 20px 10px 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 1.3; text-align: left; color: #3cbcd4;}
#newsJS .inner .item .photo {margin-bottom: 20px; background-color: #fff;}
#newsJS .inner .item .photo IMG {display: block;}
#newsJS .inner .item .perex {padding: 0 20px 20px 20px; text-align: left; color: #585858;}
#newsJS .inner .item .vice {width: 100%; margin: 20px; text-align: left; font-size: 15px; font-weight: 500; color: #585858;}
#newsJS .inner .item .vice SPAN {}
#newsJS .btnViceLine {width: 100%; height: auto; float: left; justify-content: center;}
#newsJS .btnViceLine A {padding: 8px 20px; background-color: #3cbcd4; color: #fff;}


/* Děkujeme */
#dekujeme {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #fff;}
#dekujeme .title {position: relative; width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: center; align-items: center;}
#dekujeme .title SPAN {color: #3cbcd4; font-weight: bold;}
#dekujeme .title H2 {width: 100%; padding: 0 0 15px 0; margin: 0 0 0 0; text-align: center; font-size: 26px; line-height: 1;}
#dekujeme .title:after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 1px; border-bottom: 2px solid #3cbcd4;}
#dekujeme .inner {width: 100%; height: auto; float: left; margin: 20px 0; flex-wrap: wrap;}
#dekujeme .inner .obal {height: 100%; margin: 5px 0; display: flex !important; padding: 10px 0;}
#dekujeme .inner .item {height: 100%; background-color: #f7f7f7; margin: 10px; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; transition: 0.5s; text-decoration: none;}
#dekujeme .inner .item.red {padding: 40px 20px; background-color: #e35151; color: #fff;}
#dekujeme .inner .item:nth-child(3n) {margin-right: 0;}
#dekujeme .inner .item:HOVER {text-decoration: none; -webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); transition: 0.5s;}
#dekujeme .inner .item .aktualne {width: 100%; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #fff;}
#dekujeme .inner .item .name {width: 100%; padding: 30px 20px 10px 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 1.3; text-align: left; color: #3cbcd4;}
#dekujeme .inner .item .photo {background-color: #fff;}
#dekujeme .inner .item .photo IMG {display: block;}
#dekujeme .inner .item .perex {padding: 0 20px 20px 20px; text-align: left; color: #585858;}
#dekujeme .inner .item .vice {width: 100%; margin: 20px; text-align: left; font-size: 15px; font-weight: 500; color: #585858;}
#dekujeme .inner .item .vice SPAN {}


/* Potěšilo nás */
#pleased {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #fff;}
#pleased .title {position: relative; width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: center; align-items: center;}
#pleased .title SPAN {color: #3cbcd4; font-weight: bold;}
#pleased .title H2 {width: 100%; padding: 0 0 15px 0; margin: 0 0 0 0; text-align: center; font-size: 26px; line-height: 1;}
#pleased .title:after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 1px; border-bottom: 2px solid #3cbcd4;}
#pleased .inner {width: 100%; height: auto; float: left; margin: 20px 0; flex-wrap: wrap;}
#pleased .inner .obal {height: 100%; margin: 5px 0; display: flex !important; padding: 10px 0;}
#pleased .inner .item {height: 100%; background-color: #f7f7f7; margin: 10px; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; transition: 0.5s; text-decoration: none;}
#pleased .inner .item.red {padding: 40px 20px; background-color: #e35151; color: #fff;}
#pleased .inner .item:nth-child(3n) {margin-right: 0;}
#pleased .inner .item:HOVER {text-decoration: none; -webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); transition: 0.5s;}
#pleased .inner .item .aktualne {width: 100%; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #fff;}
#pleased .inner .item .name {width: 100%; padding: 30px 20px 10px 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 1.3; text-align: left; color: #3cbcd4;}
#pleased .inner .item .photo {background-color: #fff;}
#pleased .inner .item .photo IMG {display: block;}
#pleased .inner .item .perex {padding: 0 20px 20px 20px; text-align: left; color: #585858;}
#pleased .inner .item .vice {width: 100%; margin: 20px; text-align: left; font-size: 15px; font-weight: 500; color: #585858;}
#pleased .inner .item .vice SPAN {}


/* Text na úvodní stránce */
#hpText {position: relative; width: 100%; height: auto; float: left; padding: 70px 0 20px; background-color: #fff;}
#hpText:after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 1px; border-bottom: 2px solid #3cbcd4;}
#hpText .inner {width: 100%; height: auto; float: left;}
#hpText .inner H1 {width: 100%; padding: 20px 0 0 0; text-align: center; color: #3cbcd4; font-weight: 700; font-size: 20px;}
#hpText .inner P {}


#hpTextOnas {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #f7f7f7;}
#hpTextOnas .inner {width: 100%; height: auto; float: left; justify-content: space-between;}
#hpTextOnas .inner .left {width: 35%; align-items: center; align-content: center; flex-wrap: wrap;}
#hpTextOnas .inner .left .perex {width: 100%; color: #3cbcd4; font-size: 16px; font-weight: 700;}
#hpTextOnas .inner .left .perex P {padding: 0;}
#hpTextOnas .inner .left H1 {font-size: 22px; font-weight: 700; line-height: 1;}
#hpTextOnas .inner .right {width: 60%;}
#hpTextOnas UL {padding: 0; margin: 0; list-style: none;}
#hpTextOnas UL LI {padding: 4px 0 4px 15px; line-height: 1.3; display: flex; align-items: center; background-image: url('/images/li-dot-blue.png'); background-position: left top 10px; background-repeat: no-repeat;}
#hpTextOnas P {padding: 10px 0;}


#hpTextProKoho {width: 100%; height: auto; float: left; padding: 0; background-color: #f7f7f7; background-image: url('/images/img-01.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 50vw auto;}
#hpTextProKoho .inner {width: 100%; height: auto; float: left; justify-content: space-between;}
#hpTextProKoho .inner .left {width: 50%; align-items: center; align-content: center; flex-wrap: wrap;}
#hpTextProKoho .inner .left H2 {font-size: 28px; font-weight: 700; line-height: 1; color: #fff;}
#hpTextProKoho .inner .right {width: 50%; padding: 50px 0 50px 80px;}
#hpTextProKoho UL {padding: 0; margin: 0; list-style: none;}
#hpTextProKoho UL LI {padding: 4px 0 4px 15px; line-height: 1.3; display: flex; align-items: center; background-image: url('/images/li-dot-azur.png'); background-position: left top 12px; background-repeat: no-repeat;}
#hpTextProKoho P {padding: 14px 0 0 0;}


/* DlaĹľdice */
#dlazdice {width: 100%; height: auto; float: left; padding: 60px 0; background-color: #fff;}
#dlazdice .inner {width: 100%; height: auto; float: left; justify-content: center; flex-wrap: wrap;}
#dlazdice .inner .item {width: 31%; margin: 0 1.166666666666667% 25px 1.166666666666667%; padding: 40px 30px 40px 140px; background-color: #fff; transition: 0.5s; background-repeat: no-repeat; background-position: left 20px center; font-size: 18px; font-weight: 400; color: #585858; line-height: 1.1; align-items: center; border-radius: 5px;}
#dlazdice .inner .item:nth-child(3n) {*margin-right: 0;}
#dlazdice .inner .item:HOVER {text-decoration: none; -webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); -moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.4); transition: 0.5s;}
#dlazdice .inner .item.individualni-pristup {background-image: url('/images/dlazdice/individualni-pristup2.png'); background-position: left 29px center;}
#dlazdice .inner .item.vzajemna-dohoda {background-image: url('/images/dlazdice/vzajemna-dohoda.png');}
#dlazdice .inner .item.respekt {background-image: url('/images/dlazdice/respekt.png');}
#dlazdice .inner .item.rovnocennost {background-image: url('/images/dlazdice/rovnocennost.png');}
#dlazdice .inner .item.diskretnost {background-image: url('/images/dlazdice/diskretnost.png'); background-position: left 33px center;}
#dlazdice .inner .item.naslouchani {background-image: url('/images/dlazdice/naslouchani.png');}
#dlazdice .inner .item.motivace {background-image: url('/images/dlazdice/motivace.png');}


/* HlavnĂ­ text */
MAIN {width: 100%; float: left; padding: 0; margin: 0 0 20px 0;}
MAIN .inner {width: 100%; float: left; padding: 20px 0;}
MAIN .inner .subtext {width: 100%; float: left; border-bottom: 1px dashed #ececec; padding: 20px 0;}
MAIN .inner .subtext UL {display: table;}
MAIN .inner .image {width: 40%; float: left;}
MAIN .inner .imageForMobile {display: none; width: 100%; float: left;} 
MAIN .inner .data {width: 60%; float: left; padding: 0 0 0 30px;}
MAIN .inner .data .links {width: 100%; float: left; margin-top: 15px;}
MAIN .inner .data .links A {transition: 0.5s;}
MAIN .inner .data .links A:HOVER {-webkit-box-shadow: 4px 4px 5px 0px rgba(153,153,153,0.7); -moz-box-shadow: 4px 4px 5px 0px rgba(153,153,153,0.7); box-shadow: 4px 4px 5px 0px rgba(153,153,153,0.7); transition: 0.5s;}
MAIN .inner .data .links .poptavka {width: auto; float: left; padding: 14px 30px 14px 50px; background-color: #f9e1b6; background-position: left 15px center; background-size: 30px auto; background-repeat: no-repeat; background-image: url('/images/hp-icon-3.png');}
MAIN .inner .data .links .soubor {width: auto; float: left; padding: 14px 30px 14px 40px; margin-left: 20px; background-color: #f2f2f2; background-position: left 15px center; background-repeat: no-repeat; background-image: url('/images/icon-pdf.png');}
MAIN .inner H1 {position: relative; width: 100%; padding: 10px 0; margin: 0 0 10px 0; font-size: 28px; text-transform: uppercase; font-weight: 700; line-height: 1.3; text-align: center;}
MAIN .inner H1:after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 1px; border-bottom: 2px solid #3cbcd4;}
MAIN .inner A {color: #3cbcd4; text-decoration: underline;}
MAIN .inner A:HOVER {text-decoration: none;}

MAIN .inner H2 {padding: 40px 0 10px; margin: 0; font-size: 24px; text-transform: normal; font-weight: 400; line-height: 1;}
MAIN .inner UL LI {position: relative; padding: 2px 0 2px 16px; background-image: url('/images/li-dot-azur.png'); background-position: left top 12px; background-repeat: no-repeat;}
MAIN .inner P {padding: 10px 0;}
MAIN .inner .text-left {width: 50%; float: left;}
MAIN .inner .map {width: 50%; min-height: 300px; float: left;}
MAIN .inner P IMG {padding: 10px;}

MAIN .inner TABLE {border-collapse: collapse; width: 100%;}
MAIN .inner TABLE THEAD TR TD, MAIN .inner TABLE TR TH {padding: 6px 20px; border: 1px solid #00000a; color: #000000; font-weight: 700; background-color: #f7f7f7; text-align: left;}
MAIN .inner TABLE TBODY TR TD {padding: 4px 20px; border: 1px solid #00000a;}


MAIN .videos {width: 100%; float: left; padding: 40px 20px; background-color: #fff;}
MAIN .videos .item {position: relative; width: 49%; height: 500px; float: left; margin: 0 2% 25px 0; background-size: cover;}
MAIN .videos .item:nth-child(2n) {margin-right: 0;}
MAIN .videos .item .link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center;}


/* Navigace */
#navigation {width: 100%; height: auto; float: left; margin-top: 81px; text-align: left; list-style: none; background-color: #f7f7f7; font-weight: 300;}
#navigation .inner {width: 100%; height: auto; float: left; padding: 0;}
#navigation .divider::after {content: ' / '; position: relative; margin: 0 10px;}
#navigation UL {height: 46px; align-items: center;}
#navigation UL LI {background: none;}
#navigation UL LI A {color: inherit;}
#navigation UL LI A:HOVER {color: inherit;}
#navigation UL LI A.home {font-size: 18px; font-weight: 700;}


/* PatiÄŤka */
FOOTER {width: 100%; height: auto; float: left; padding: 0; background-color: #3cbcd4; color: #fff; font-size: 18px; background-image: url('/images/textura3.png'); background-size: cover;}
FOOTER A:HOVER {text-decoration: underline;}
FOOTER .inner {position: relative; padding: 0; flex-wrap: wrap;}
FOOTER .inner .top {width: 100%; padding: 40px 0; border-bottom: 1px dotted #fff;}
FOOTER .inner .bottom {position: relative; width: 100%; padding: 40px 0;}
FOOTER .inner .bottom .fb {position: absolute; top: calc(50% - 27px); right: 0; width: 54px; cursor: pointer;}
FOOTER .inner .bottom .fb2 {position: absolute; top: calc(50% - 32px); right: 120px; width: 64px; cursor: pointer;}
FOOTER .inner .bottom A {margin: 0 30px 0 0;}
FOOTER .inner .bottom A:last-child {margin-right: 0;}
FOOTER .inner #arrowUp {position: absolute; top: 15px; right: 0; width: 57px; height: 57px; cursor: pointer; background-image: url('/images/arrow-up.png'); background-repeat: no-repeat;}

#sliderArrowDown {position: absolute; z-index: 100000; bottom: 0; left: calc(50% - 40px); width: 79px; height: 40px; cursor: pointer; background-image: url('/images/arrow-down-azur.png'); background-repeat: no-repeat;}

#googleMap {width: 100%; height: 400px; float: left;}