.kontaktPage {width: 100%; float: left;}
.kontaktPage .left {width: 30%;}
.kontaktPage .right {flex: 1;}
.kontaktPage .right iframe {display: block; width: 100%;}



#mainBanner {width: 100%; height: 700px; margin: 0px; float: left;}
#mainBanner .slide {width: 100vw; height: 700px; display: flex; align-items: center; justify-content: space-around; background-size: cover; background-position: center center; color: #FFF; position: relative;}
#mainBanner .slide .overlay {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,0.3);}
#mainBanner .slide .centerer {display: flex; flex-direction: column; align-items: center; z-index: 1;}
#mainBanner .slide H2 {margin: 0px; font-size: 60px;}
#mainBanner .slide P {margin: 0px; font-size: 30px;}
#mainBanner .slide .buttonMore {padding: 20px 40px; background-color: #000; font-weight: 300; font-size: 16px; margin: 30px 0px 0px 0px; transition: all 200ms;}
#mainBanner .slide .buttonMore:HOVER {background-color: rgba(226,33,28,1);}
#mainBanner .slide HR {width: 300px; height: 6px; background-color: #FFF; border: 0px; margin: 100px 0px 30px 0px;}

#mainBannerSub {width: 100%; height: 300px; margin: 0px; float: left;}
#mainBannerSub .slide {width: 100%; height: 300px; display: flex; align-items: center; justify-content: space-around; background-size: cover; background-position: center center; color: #FFF; position: relative;}

#mainBannerSubEmpty {width: 100%; height: auto; margin: 0px; float: left; background-color: rgba(0,0,0,1);}

#menuBannerCont {width: 100%; margin: 0px; float: left; position: relative;}

#mapDealersCont {width: 100%; height: calc(100vh - 60px); margin: 0px; float: left; background-color: #c7c7c7;}
#mapDealersCont .mainFrame {position: relative;}
#mapDealersCont .switchFrame {width: 300px; float: left; background-color: #FFF; position: absolute; top: 200px; left: 0px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
#mapDealersCont .switchFrame .buttonsLine {width: 100%; height: 44px; float: left; display: flex;}
#mapDealersCont .switchFrame .buttonsLine .button {flex: 1; display: flex; align-items: center; justify-content: space-around; font-size: 18px; font-weight: 600; transition: all 200ms; background-color: #0d5f7e; color: #FFF;}
#mapDealersCont .switchFrame .buttonsLine .button.active {background-color: #FFF; color: #010101;}
#mapDealersCont .switchFrame .buttonsLine .button:HOVER {box-shadow: inset 0 0 15px rgba(0,0,0,0.10);}
#mapDealersCont .switchFrame .dealerContent {width: 100%; float: left; padding: 20px;}
#mapDealersCont .switchFrame .dealerContent .inner {width: 100%; float: left; padding: 10px 20px; background-color: #f6f6f6;}
#mapDealersCont .switchFrame .dealerContent .inner A {text-decoration: underline;}
#mapDealers {width: 100%; height: calc(100vh - 60px); margin: 0px; float: left; background-color: #c7c7c7;}

#menuLogoCont {width: 100%; float: left; position: fixed; top: 0px; left: 0px; z-index: 2;}
#menuLogoCont .mainFrame {width: 100%;}
#menuLogoCont #menuLogoFrame {height: 60px; background-color: #000;}
#menuLogoCont #menuLogoFrame .logo IMG {height: 30px; width: auto; display: block;}
#menuLogoCont #menuFrame UL LI A {height: 60px; display: flex; align-items: center; padding: 0px; border-bottom: 3px transparent solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#menuLogoCont #menuFrame UL LI A:HOVER, #menuLogoCont #menuFrame UL LI A.active {border-bottom: 3px #e2211c solid;}
#menuLogoFrame {width: 100%; height: 120px; padding: 0px 30px; display: flex; align-items: center; justify-content: space-between; background-color: rgba(0,0,0,0.75);}
#menuLogoFrame .logo {}
#menuFrame {color: #FFF;}
#menuFrame UL {display: flex; list-style: none; font-size: 16px; font-weight: 300;}
#menuFrame UL LI {margin: 0px 15px;}
#menuFrame UL LI A {padding: 10px 0px;}
#menuFrame UL LI A:HOVER, #menuFrame UL LI A.active {border-bottom: 3px #e2211c solid;}
#menuLogoCont .flagsFrame {width: 20px;}
#menuLogoCont .flagsFrame .flag {margin: 2px 0px; float: left;}

.fullWhiteFrame {width: 100%; padding: 50px 0px; float: left;}
.fullGrayFrame {width: 100%; padding: 50px 0px; float: left; background-color: #f6f6f6;}

.headingFrame {width: 100%; margin: 0px 0px 20px 0px; float: left; display: flex; justify-content: space-between; align-items: center;}
.headingFrame .left {}
.headingFrame .right {}
.headingFrame H2 {font-size: 35px; margin: 0px;}

/* Odstavec 1 */
.article-1 {width: 100%; float: left; display: flex; justify-content: space-between;}
.article-1 .left {width: 25%; display: flex; align-items: center;}
.article-1 .left H3 {font-size: 35px; margin: 0px;}
.article-1 .left P {font-weight: 300;}
.article-1 .right {width: 75%; padding: 0px 0px 0px 100px;}

/* Aktuality */
.newsListFrame {width: 100%; display: flex; flex-wrap: wrap; }
.newsListFrame .newsFrame {background-color: #f6f6f6; margin: 10px 20px 10px 0px; transition: all 200ms; display: flex; flex-direction: column; justify-content: space-between;}
.newsListFrame .newsFrame .descFrame {width: 100%; display: flex; flex-direction: column;}
.newsListFrame .newsFrame .descFrame .desc {padding: 30px 20px 0px 20px;}
.newsListFrame .newsFrame .descFrame H3 {font-size: 20px; margin: 0px 0px 10px 0px;}
.newsListFrame .newsFrame .descFrame P {font-size: 14px; font-weight: 300;}
.newsListFrame .newsFrame .descFrame IMG {width: 100%; height: auto;}
.newsListFrame .newsFrame .linksFrame {padding: 0px 20px 30px 20px;}
.newsListFrame .newsFrame .linksFrame .link {height: 21px; padding: 0px 0px 0px 30px; margin: 20px 0px 0px 0px; display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #0d5f7e; background-image: url('/images/arrow-r-blue.png'); background-position: left center; background-repeat: no-repeat; text-transform: lowercase;}
.newsListFrame .newsFrame:HOVER {background-color: #0d5f7e; color: #FFF;}
.newsListFrame .newsFrame:HOVER .linksFrame .link {color: #FFF; background-image: url('/images/arrow-r-white.png');}

/* Produkty */
.productsListFrame {width: 100%; display: flex; flex-wrap: wrap; }
.productsListFrame .productFrame {background-color: #0d5f7e; color: #FFF; margin: 10px 20px 10px 0px; transition: all 200ms; display: flex; flex-direction: column; justify-content: space-between;}
.productsListFrame .productFrame .descFrame {width: 100%; display: flex; flex-direction: column;}
.productsListFrame .productFrame .descFrame .desc {padding: 30px 20px 0px 20px;}
.productsListFrame .productFrame .descFrame H3 {font-size: 20px; margin: 0px 0px 10px 0px;}
.productsListFrame .productFrame .descFrame P {font-size: 14px; font-weight: 300;}
.productsListFrame .productFrame .descFrame IMG {width: 100%; height: auto;}
.productsListFrame .productFrame .linksFrame {padding: 0px 20px 30px 20px;}
.productsListFrame .productFrame .linksFrame .link {height: 21px; padding: 0px 0px 0px 30px; margin: 20px 0px 0px 0px; display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #fff; background-image: url('/images/arrow-r-white.png'); background-position: left center; background-repeat: no-repeat; text-transform: lowercase;}
.productsListFrame .productFrame:HOVER {background-color: #f6f6f6; color: #010101;}
.productsListFrame .productFrame:HOVER .linksFrame .link {color: #0d5f7e; background-image: url('/images/arrow-r-blue.png');}

/* Mapa prodejců - centrovaný odkaz */
.mapaLinkFrame {width: 100%; float: left; display: flex; justify-content: space-around; flex-direction: column; align-items: center;}
.mapaLinkFrame H3 {font-size: 35px; margin: 0px;}

/* Seznam prodejců */
.addressListFrame {width: 100%; display: flex; flex-wrap: wrap; }
.addressListFrame .addressFrame {margin: 10px 20px 10px 0px; transition: all 200ms; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background-color: #f7f7f7;}
.addressListFrame .addressFrame H3 {font-size: 15px; font-weight: 500; margin: 0px 0px 10px 0px; color: #e01a21;}
.addressListFrame .addressFrame .desc {padding: 0px;}
.addressListFrame .addressFrame .desc P {margin: 0px 0px 10px 0px;}
.addressListFrame .addressFrame:HOVER .link {text-decoration: underline;}

.dealerList .switchFrame {width: 300px; float: left; margin: 10px 0px 10px 0px;}
.dealerList .switchFrame .buttonsLine {width: 100%; height: 44px; float: left; display: flex;}
.dealerList .switchFrame .buttonsLine .button {flex: 1; display: flex; align-items: center; justify-content: space-around; font-size: 18px; font-weight: 600; transition: all 200ms; background-color: #0d5f7e; color: #FFF;}
.dealerList .switchFrame .buttonsLine .button.active {background-color: #f6f6f6; color: #010101;}
.dealerList .switchFrame .buttonsLine .button:HOVER {box-shadow: inset 0 0 15px rgba(0,0,0,0.10);}

/* Navigace */
.fullNavigFrame {width: 100%; padding: 10px 0px; float: left; background-color: #f6f6f6; font-size: 12px; color: #818181; font-weight: 300;}
.fullNavigFrame A.active {text-decoration: underline;}
.fullNavigFrame A:HOVER {text-decoration: underline; color: #000;}

/* Záložky */
#bookmarksLeft {width: 55px; height: auto; position: fixed; top: 200px; right: 0px; z-index: 2;}
#bookmarksLeft .facebook {width: 55px; height: 49px; display: block; background-image: url('/images/icon-facebook.png'); opacity: 0.8; margin: 0px 0px 3px 0px;}
#bookmarksLeft .facebook:HOVER {opacity: 1;}
#bookmarksLeft .instagram {width: 55px; height: 55px; background-color: #f5f5f5; display: block; background-image: url('/images/instagram2.png'); opacity: 0.8; margin: 0px 0px 3px 0px;}
#bookmarksLeft .instagram:HOVER {opacity: 1;}
#bookmarksLeft .youtube {width: 55px; height: 49px; display: block; background-image: url('/images/icon-youtube.png'); opacity: 0.8; margin: 0px 0px 3px 0px;}
#bookmarksLeft .youtube:HOVER {opacity: 1;}
#bookmarksLeft .phone {width: 55px; height: 49px; display: block; background-image: url('/images/icon-phone.png'); opacity: 0.8; margin: 0px 0px 3px 0px;}
#bookmarksLeft .phone:HOVER {opacity: 1;}

/* Tlačítka */
.buttons-line-1 {width: 100%; float: left; margin: 30px 0px 0px 0px;}
.button-1 {padding: 10px 25px; background-color: #000; font-weight: 300; font-size: 16px; margin: 30px 0px 0px 0px; transition: all 200ms; color: #FFF;}
.button-1:HOVER {background-color: rgba(226,33,28,1);}
.button-icon-1 {padding: 10px 25px 10px 65px; background-color: #0d5f7e; font-weight: 300; font-size: 16px; margin: 10px 0px 0px 0px; transition: all 200ms; color: #FFF;}
.button-icon-1:HOVER {background-color: rgba(226,33,28,1);}
.button-icon-1.map {background-image: url('/images/icon-map.png'); background-position: 20px center; background-repeat: no-repeat;}

/* Patička */
FOOTER {width: 100%; padding: 50px 0px; float: left; background-color: #000; color: #FFF; font-size: 14px; font-weight: 300;}
FOOTER .mainFrame {display: flex; justify-content: space-between;}
FOOTER A:HOVER {text-decoration: underline;}
FOOTER .left P {line-height: 2;}
FOOTER .center {}
FOOTER .center A {text-decoration: underline;}
FOOTER .right {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
FOOTER .right .social {}
FOOTER .right .social a {margin: 4px; padding: 4px; background-color: #fff; align-items: center;}
FOOTER .right .social a:hover {background-color: #e5e5e5;}

/* EU */
.euFrame {display: flex;}
.euFrame .image {flex-shrink: 0; margin: 0px 10px 0px 0px;}
.euFrame IMG {width: 100%;}
.euFrame P {line-height: 1.25;}