BODY {font-family: 'Roboto Condensed', sans-serif; margin: 0px; font-size: 15px; color: #383838;}

.mainFrame {margin: 0px auto;}
.hidden {display: none;}
.kotva {width: 100%; height: 0px; float: left; line-height: 0px;}
.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}
.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.hamburger {display: none;}
.flex {width: 100%; display: flex;}
.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.spaceBetween {justify-content: space-between;}

IMG {border: 0px;}
P, H1, H2, H3, H4, H5, H6 {margin: 0px;}
A {color: inherit; text-decoration: none;}
HR {width: 100%; height: 1px; float: left; background-color: #a6a5a8; border: 0px; margin: 30px 0px;}
INPUT {background-color: transparent; border: 0px;}
INPUT[type=submit] {cursor: pointer; -webkit-appearance: none;}

.floatL {float: left;}
.floatR {float: right;}
.line {width: 100%; float: left;}
.trans {transition: all 0.3s;}
.corner {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.arrowR::AFTER {content:' â–ş'; float:right; margin:0 0 0 10px; -moz-transition:0.5s all;-webkit-transition:0.5s all; }
.arrowR:HOVER::AFTER { -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); text-shadow: 1px 0 rgba(0,0,0,0.4); }

.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;}

#newsFrame {width: 100%; height: auto; float: left; padding: 40px 0 20px 0; margin: 0 0 0 0; background-color: #fff;}
#newsFrame .inner {width: 100%; height: auto; float: left;}
#newsFrame .inner h2 {width: 100%; height: auto; float: left; margin: 20px 0; text-transform: uppercase; font-size: 30px; font-weight: bold;}
#newsFrame .inner .data-list {width: 100%; height: auto; float: left; margin: 0 0 0 0; flex-wrap: wrap;}
#newsFrame .inner .data-list .item {width: calc(25% - 30px); margin: 20px 40px 20px 0; flex-direction: column;}
#newsFrame .inner .data-list .item:nth-child(4n) {margin-right: 0;}
#newsFrame .inner .data-list .item .photo {width: 100%; height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover;}
#newsFrame .inner .data-list .item .data {flex: 1; width: 100%; height: auto; float: left; padding: 30px 30px 20px 30px; background-color: #f3f3f3; flex-direction: column;}
#newsFrame .inner .data-list .item .data h3 {font-size: 18px; font-weight: 700; text-transform: uppercase;}
#newsFrame .inner .data-list .item .data .perex {width: 100%; height: auto; float: left; margin: 20px 0;}
#newsFrame .inner .data-list .item .data .vice {width: 100%; height: auto; float: left; margin-top: auto; font-weight: 700;}
#newsFrame .inner .data-list .item:hover .data {background-color: #29357e; color: #fff;}
#newsFrame .inner .data-list .item:hover .data .vice .buttonDoubleArrow {background: none;}

#skladem {width: 100%; height: auto; float: left;}
#skladem .error {width: 100%; height: auto; float: left; margin-bottom: 20px;}
#skladem .done {width: 100%; height: auto; float: left; margin-bottom: 20px;}
#skladem .items {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
#skladem .items .item {width: 100%; height: auto; min-height: 200px; float: left; margin: 20px 0; background-color: #f3f3f3; justify-content: space-between;}
#skladem .items .item .photo {width: 280px; background-position: center; background-repeat: no-repeat; background-size: cover;}
#skladem .items .item .data {flex: 1;}
#skladem .items .item .data .photoMobile {display: none;}
#skladem .items .item .data .name {flex: 1; padding: 20px 30px; align-items: center; flex-wrap: wrap;}
#skladem .items .item .data .name h2 {width: 100%;}
#skladem .items .item .data .name p {width: 100%;}
#skladem .items .item .data .cena {width: 220px; align-items: center; justify-content: center; font-weight: 700; text-transform: uppercase;}
#skladem .items .item .data .ks {width: 220px; align-items: center; justify-content: center; font-weight: 700;}
#skladem .items .item .data .cnt {width: 220px; padding-right: 30px; align-items: center; justify-content: flex-end;}
#skladem .items .item .data .cnt a {width: 25px; padding: 3px 0px; background-color: #dbdbdb; text-align: center; align-items: center; justify-content: center; font-weight: 700; text-align: center;}
#skladem .items .item .data .cnt input {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; width: 50px; height: 40px; padding: 0px 10px; margin: 0px 0px 0px 0px; float: left; text-align: center; border: 1px #dbdbdb solid; box-shadow: inset 0 0 2px #ccc; -moz-box-shadow: inset 0 0 2px #ccc; -webkit-box-shadow: inset 0 0 2px #ccc;}
#skladem .items .item .data .cnt  input:focus {outline: none;}

#skladem .celkem {width: 100%; height: auto; float: left; margin: 20px 0 0 0; text-align: right; color: #29387b; text-transform: uppercase; font-size: 16px;}
#skladem .celkem .value {padding: 10px 20px; margin-left: 20px; border: 2px solid #29387b; text-transform: none;}

#skladem .form {width: 100%; height: auto; float: left; justify-content: space-between;}
#skladem .form .left {width: calc(50% - 20px);}
#skladem .form .right {width: calc(50% - 20px);}

#topFrame {width: 100%; height: calc(100vh - 111px); min-height: 500px; float: left; z-index: 0; padding: 20px 0px 0px 0px; position: relative;}
#topFrame .mainFrame { height: 100%; }
#topFrame .watchword { height: 28px; float: left; }
#topFrame .watchword.cz {width: 456px; background-image: url('/images/watchword.png'); }
#topFrame .watchword.en {width: 542px; background-image: url('/images/watchword-en.png'); }
#topFrame .watchword.de {width: 537px; background-image: url('/images/watchword-de.png'); }
#topFrame .phone {width: auto; float: right; color: #FFF; font-weight: bold;}
#topFrame .email {width: auto; float: right; color: #FFF; font-weight: bold; margin: 0px 50px 0px 0px;}
#topFrame .logoFrame {width: 100%; float: left; height: calc(100% - 30px); margin-top: 0; display: flex; justify-content: space-between; align-items: center; }
#topFrame .logo { min-width: 400px; width: 456px; height: 293px; float: left; display: block; background-image: url('/images/logo.png'); background-position: center; margin: 10px 0px 0px 0px;}
#topFrame .logoFrame .mainText { float: left; margin-left: 25px; }    
#topFrame .logoFrame .mainText H2 {font-size: 50px; font-weight: 600; color: #FFF; line-height: 56px; margin: 0px 0px 10px 0px;}
#topFrame .logoFrame .mainText H3 {font-size: 28px; font-weight: 600; color: #FFF;}
#topFrame .logoFrame .mainText .button {font-size: 25px; font-weight: 600; color: #FFF; border: 3px #FFF solid; padding: 18px 50px 20px 50px; margin: 20px 0px 0px 0px; float: left; display: block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
#topFrame .logoFrame .mainText .button:HOVER {background-color: #29357e; }
#topFrame .arrow {width: 74px; height: 74px; float: left; display: block; background-image: url('/images/arrow.png'); position: absolute; bottom: 35px; right: 35px;}


#fullMapFrame {width: 100%; height: 300px; float: left;}

#menuFrame {width: 100%; height: 111px; margin: 0px; float: left; background-color: #29357e; outline-bottom: 1px #384387 solid; border-top: 1px #384387 solid;}
#menuFrame UL {width: 80%; height: 111px; float: left; padding: 0px; margin: 0px; list-style: none;}
#menuFrame UL LI {position: relative; height: 111px; float: left; padding: 0px 0px 0px 0px; font-size: 18px; color: #FFF; margin: 0px; text-transform: uppercase;}
#menuFrame UL LI A {height: 111px; float: left; padding: 0px 22px 0px 22px; line-height: 111px;}
#menuFrame UL LI:HOVER {}
#menuFrame UL LI A:HOVER {}
#menuFrame UL .last {background-image: none; padding-right: 0px;}
#menuFrame UL .last A {padding-right: 0px;} 
#menuFrame UL LI .submenu {width: 180px; height: auto; float: left; display: none; position: absolute; z-index: 100; top: 42px; left: 0px; background-color: #082144;}
#menuFrame UL LI .submenu LI {width: 180px; padding: 0px; height: auto; border-right: 0px; border-top: 1px #535353 solid; float: left;}
#menuFrame UL LI .submenu LI A {width: 150px; padding: 10px 15px; color: #FFF; height: auto; border: 0px; float: left;}
#menuFrame UL LI .submenu LI A:HOVER {}
#menuFrame .langs {width: auto; float: right; height: 111px; line-height: 111px; color: #9498af; font-size: 13px; font-style: italic;}
#menuFrame .langs .on, #menuFrame .langs A:HOVER {color: #FFF;}

#content {width: 100%; float: left; padding: 50px 0px; background-color: #FFF;}

#mainCatsFrame {width: 100%; float: left; display: flex; justify-content: space-between; margin: 30px 0px 0px 0px;}
#mainCatsFrame .cat {width: 50%; height: 386px; border-left: 5px #f8f8f8 solid; margin: 0px 30px 0px 0px; position: relative; overflow: hidden; background-color: #f8f8f8; background-position: right; background-repeat: no-repeat;}
#mainCatsFrame .cat:nth-child(2n+2) {margin-right: 0px;}
#mainCatsFrame .cat.metr {background-image: url('/images/cat-1.jpg'); }
#mainCatsFrame .cat.ks {background-image: url('/images/cat-2.jpg'); }
#mainCatsFrame .cat .bookmark {width: 445px; height: 147px; padding: 48px 49px 0px 0px; float: left; position: absolute; background-image: url('/images/bookmark.jpg'); top: 126px; z-index: 1; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
#mainCatsFrame .cat .bookmark H2 {width: auto; float: right; margin: 5px 50px 0px 0px; font-size: 30px; font-weight: bold; color: #2a2a2a; text-transform: uppercase;}
#mainCatsFrame .cat .bookmark IMG {float: right;}

.itemsFrame {width: 100%; float: left; margin: 20px 0px 0px 0px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.itemsFrame .itemFrame { height: 304px; float: left; background-color: #efefef; position: relative; overflow: hidden;}
.itemsFrame .itemFrame .photo {width: 100%; height: 203px; float: left;}
.itemsFrame .itemFrame .bookmark {width: 100%; height: 155px; padding: 37px 40px 0px 40px; float: left; position: absolute; z-index: 1; bottom: -54px; background-color: #efefef; text-align: center; color: #393939; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.itemsFrame .itemFrame .bookmark H3 {font-size: 20px; font-weight: bold;}
.itemsFrame .itemFrame .bookmark P {font-size: 14px; font-weight: bold; margin: 10px 20px 0px 20px; display: none;}
.itemsFrame .itemFrame:HOVER .bookmark {background-color: #29357e; color: #FFF; bottom: 0px;}
.itemsFrame .itemFrame:HOVER .bookmark P {display: block;}

.filtrCont {width: 100%; float: left; margin: 20px 0px 0px 0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.filtrCont .itemFrame {height: 60px; float: left; background-color: #efefef; position: relative;}
.filtrCont .itemFrame:nth-child(4n+4) {margin-right: 0px;}
.filtrCont .itemFrame.filtr {padding: 18px 30px; font-size: 18px; font-weight: bold; text-transform: uppercase; position: relative;}
.filtrCont .itemFrame.filtr::AFTER {content: ""; width: 14px; height: 9px; float: left; display: block; background-image: url('/images/arrow-down.png'); position: absolute; top: 27px; right: 30px; z-index: 2;}
.filtrCont .itemFrame.filtr:HOVER {background-color: #29357e; color: #FFF; cursor: pointer;}
.filtrCont .itemFrame.filtr:HOVER::AFTER {background-image: url('/images/arrow-down-white.png');}
.filtrCont .itemFrame .menu {width: 100%; float: left; position: absolute; top: 50px; left: 0px; z-index: 3; background-color: #FFF; display: none; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.filtrCont .itemFrame:HOVER .menu {display: block;}
.filtrCont .itemFrame .menu .param {width: 100%; height: 50px; float: left; padding: 14px 30px; font-size: 16px; font-weight: normal; background-color: #efefef; margin: 2px 0px 0px 0px; text-transform: none; color: #383838;}
.filtrCont .itemFrame .menu .param:HOVER {background-color: #ccc;}
.filtrCont .itemFrame .searchText {height: 60px; float: left; padding: 0px 20px; margin: 0px; border: 0px; border-right: 2px #fff solid; flex:5; }
.filtrCont .itemFrame .searchSubmit {height: 60px; float: left; padding: 0px 0px; margin: 0px; border: 0px; flex: 2; background-image: url('/images/zoom.png'); background-position: center center; background-repeat: no-repeat;}

.fullGrayFrame {width: 100%; float: left; background-color: #f3f3f3; padding: 70px 0px;}
.fullGrayFrame .left {float: left; flex: 2; padding: 100px 0px 100px 0px; }
.fullGrayFrame .left H2 {font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 10px 0px 5px 0px;}
.fullGrayFrame .left .buttonDoubleArrow {margin: 20px 0px 0px 0px;}
.fullGrayFrame .right {float: left; flex: 3; padding: 0px 0px 0px 0px; }

.fullGreenFrame {width: 100%; height: 480px; padding: 135px 0px 0px 0px; float: left; background-image: url('/images/green-bg.jpg'); background-position: center center; background-repeat: no-repeat;}
.fullGreenFrame .icon {flex: 1; margin: 0px 30px 0px 0px; padding: 170px 0px 0px 0px; background-position: center top; background-repeat: no-repeat; text-align: center; font-size: 20px; font-weight: bold; color: #fefeff; text-transform: uppercase; font-style: italic;}
.fullGreenFrame .icon:last-child {margin-right: 0px;}

.fullWhiteFrame {width: 100%; float: left; padding: 70px 0px; background-color: #FFF;}
.fullWhiteFrame.mt {padding-top: 0;}
.fullWhiteFrame .left {float: left; flex: 2; padding: 100px 0px 100px 0px; }
.fullWhiteFrame .left H2 {font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 10px 0px 5px 0px;}
.fullWhiteFrame .left .phone {width: auto; float: left; padding: 5px 0px 5px 40px; background-image: url('/images/icon-phone-blue.png'); background-position: left center; background-repeat: no-repeat; clear: both;}
.fullWhiteFrame .left .email {width: auto; float: left; padding: 5px 0px 5px 40px; background-image: url('/images/icon-mail-blue.png'); background-position: left center; background-repeat: no-repeat; clear: both; margin: 30px 0px 10px 0px;}
.fullWhiteFrame .left .email:HOVER {text-decoration: underline;}
.fullWhiteFrame .right {float: left; flex: 2; padding: 50px 0px 0px 0px;}

.fullBlueFrame {width: 100%; float: left; padding: 70px 0px; background-color: #29357e;}
.fullBlueFrame .col {color: #FFF;}
.fullBlueFrame .col A {text-decoration: underline;}

.detailLeftFrame {width: 278px; float: left;}
.detailLeftFrame IMG {width: 100%; float: left; margin: 0px 0px 30px 0px;}
.detailLeftFrame .morePhotos {width: 100%; float: left; display: block; padding: 10px 0px; text-align: center; background-color: #efefef; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.detailLeftFrame .morePhotos:HOVER {background-color: #29357e; color: #FFF;}

.detailRightFrame {width: calc(100% - 308px); float: left; padding: 0px 0px 0px 30px;}
.detailRightFrame .button {font-size: 15px; font-weight: 600; color: #3c3c3c; border: 3px #3c3c3c solid; padding: 18px 50px 20px 50px; margin: 20px 10px 0px 0px; float: left; display: block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.detailRightFrame .button:HOVER {background-color: #29357e; color: #FFF; border-color: #29357e; }
.detailRightFrame .params {width: 100%; float: left;}
.detailRightFrame .params P {margin: 0px;}
.detailRightFrame .params P:last-child {margin-bottom: 10px;}

.buttonDoubleArrow {float: left; display: block; padding: 5px 30px 5px 0px; font-style: italic; background-image: url('/images/arrow-double-r.png'); background-position: right center; background-repeat: no-repeat;}
.buttonDoubleArrow:HOVER {text-decoration: underline;}
.buttonDoubleArrowL {float: left; display: block; padding: 5px 0px 5px 20px; font-style: italic; background-image: url('/images/arrow-double-l.png'); background-position: left center; background-repeat: no-repeat;}
.buttonDoubleArrowL:HOVER {text-decoration: underline;}

.navigation { width: 100%; float: left; padding: 10px 0; font-size: 14px; background-color: #fff; }
  .navigation a,
  .navigation .sep { float: left; }
  .navigation a:hover { text-decoration: underline; }
  .navigation a:not(:last-child),
  .navigation .sep { margin-right: 5px; }

.textFrame H1 {font-size: 30px; font-weight: 700; margin: 20px 0px 10px 0px;}
.textFrame H2 {font-size: 25px; font-weight: 600; margin: 20px 0px 10px 0px;}
.textFrame H3 {font-size: 22px; font-weight: 600; margin: 20px 0px 10px 0px;}
.textFrame H4 {font-size: 20px; font-weight: 600; margin: 20px 0px 10px 0px;}
.textFrame H5 {font-size: 18px; font-weight: 600; margin: 20px 0px 10px 0px;}
.textFrame P {line-height: 1.6; margin: 15px 0px; }
.textFrame p a {text-decoration: underline;}
.textFrame p a:hover {text-decoration: none;}
.textFrame UL {line-height: 1.6;}
.textFrame HR {width: 100%; float: left; height: 1px; border: 0px; background-color: #ccc; margin: 15px 0px;}

.mt-0 {margin-top: 0px !important;}
.mb-10 {margin-bottom: 10px !important;}

TABLE { max-width: 100%; }