* { box-sizing: border-box; }

body { font-family: 'Roboto', sans-serif; font-weight: 300; color: #7e7e7e; }

body, h1, h2, h3, ul, ol, p, hr { margin: 0; }
ul, ol { padding: 0; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; max-height: 100%; }
a img { display: block; }
hr { width: 100%; height: 2px; float: left; background: #dfdede; 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;}

.grow:hover {transform: scale(0.95);}

/* TinyMce */
.fs-25 {font-size: 25px;}
/* TinyMce */

/* Hlavicka */
HEADER {position: relative; width: 100%; height: auto; background-color: #1a58ad; color: #fff;}
HEADER .inner {width: 100%; height: auto; float: left; justify-content: space-between;}
HEADER .inner .left {width: 235px; padding: 26px 0;}
HEADER .inner .left .logo {width: 100%; display: block;}
HEADER .inner .left .logo IMG {display: block;}
HEADER .inner .center {align-items: stretch; justify-content: flex-end; flex-wrap: wrap;}
HEADER .inner .center .phone {width: 100%; text-align: right; align-items: center; justify-content: flex-end; font-weight: 300;}
HEADER .inner .center .phone IMG {margin-right: 14px;}


/* Menu */
NAV {align-items: center;}
NAV UL {width: 100%; height: 100%; align-items: center;}
NAV UL LI {position: relative; height: 100%; align-items: center;}
NAV UL LI {background: none;}
NAV UL LI A {position: relative; height: auto; font-weight: 400; font-size: 18px; display: block; padding: 6px 20px 6px 16px; margin: 0; transition: none;}
NAV UL LI:last-child A {padding-right: 0;}
NAV UL LI:last-child A {margin-right: 0;}
NAV UL LI A:HOVER, NAV UL LI A.active {text-decoration: underline;}
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;}

/* Navigace */
#navigation {width: 100%; height: auto; float: left; text-align: left; list-style: none; background-image: url('/images/nav-bg.png');}
#navigation .inner {width: 100%; height: auto; float: left; padding: 0; font-size: 12px; color: #7e7e7e; font-weight: 400; border-bottom: 1px solid #e7ebef;}
#navigation .divider::after {content: ' / '; position: relative; margin: 0 12px;}
#navigation UL {list-style: none url(); align-items: center;}
#navigation UL LI {background: none;}
#navigation UL LI A {float: left; color: inherit; padding: 14px 0;}
#navigation UL LI A:HOVER {color: inherit;}

/* MAIN content */
MAIN .inner {flex-wrap: wrap; padding: 20px 0 40px;}
MAIN .inner.sekce {padding-bottom: 10px;}
MAIN .inner H1 {width: 100%; padding: 10px 0; font-weight: 400; font-size: 30px; color: #7e7e7e;}
MAIN .inner P {width: 100%; padding: 10px 0; font-weight: 400; font-size: 13px; color: #7e7e7e;}
MAIN .inner UL {width: 100%; list-style: none url(); font-size: 13px;}
MAIN .inner UL LI {position: relative; padding: 2px 0 2px 20px; background-image: url('/images/ul-li-bg.png'); background-position: left top 6px; background-repeat: no-repeat; background-size: 6px;}

/* Realitní zpravodaj */
#zpravodaj {width: 100%; height: auto; float: left; font-size: 14px;}
#zpravodaj h2 {margin: 40px 0 0 0; font-weight: 500; color: #424242; font-size: 18px;}
#zpravodaj .item {width: 100%; height: auto; float: left; margin: 20px 0; background-color: #f7f9fb;}
#zpravodaj .item .photo {width: 40%; height: auto; float: left;}
#zpravodaj .item .photo img {display: block;}
#zpravodaj .item .text {width: 60%; height: auto; float: left; color: #7e7e7e; padding: 20px 40px;}
#zpravodaj .item .text .title {width: 100%; height: auto; float: left; padding: 20px 0; font-size: 24px; font-weight: 500;}
#zpravodaj .item .text .link {width: 100%; height: auto; float: left; margin-top: 30px;}
#zpravodaj .item .text .link a {display: inline-block; border: 1px solid #ccc; padding: 8px 30px; border-radius: 10px; transition: all 200ms;}
#zpravodaj .item .text .link a:hover {background-color: #ccc; color: #fff;}

#realizace {width: 100%; float: left; margin: 0 0 0 0;}
#realizace .item {width: 100%; float: left; margin: 40px 0 0 0;}
#realizace .item h2 {width: 100%; float: left; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #676767;}
#realizace .item .photos {width: 100%; float: left;}
#realizace .item .photos .photogalleryItem {width: calc(25% - 15px); margin: 10px 20px 10px 0;}
#realizace .item .photos .photogalleryItem:nth-child(4n) {margin-right: 0;}

#news {width: 100%; float: left; margin: 40px 0 40px 0;}
#news.subpage {margin-top: 0;}
#news h2 {color: #363636;}
#news .inner {width: 100%; float: left; margin: 0 0 0 0; flex-wrap: wrap;}
#news .inner .item {width: calc(50% - 15px); margin: 15px 30px 15px 0; background-color: #f7f9fb; color: #7e7e7e; transition: 0.5s;}

#news .inner .item {-webkit-box-shadow: 4px 4px 5px 0px rgba(241,240,240,1); -moz-box-shadow: 4px 4px 5px 0px rgba(241,240,240,1); box-shadow: 4px 4px 5px 0px rgba(241,240,240,1);}
#news .inner .item:HOVER {-webkit-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1); box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);}


#news .inner .item:nth-child(2n) {margin-right: 0;}
#news .inner .item .photo {width: 55%;}
#news .inner .item .photo img {display: block;}
#news .inner .item .text {flex: 1; padding: 35px; flex-direction: column;}
#news .inner .item .text .name {margin: 0 0 10px 0; font-weight: 700; font-size: 15px; text-transform: uppercase; color: #5f5f5f;}
#news .inner .item .text .perex {font-weight: 400; font-size: 13px; color: #959595;}
#news .inner .item .text .link {width: 100%; height: auto; float: left; margin-top: 30px;}
#news .inner .item .text .link a {display: inline-block; border: 1px solid #cccccc; padding: 8px 30px; border-radius: 10px; font-size: 14px; font-weight: 400; transition: all 200ms;}
#news .inner .item .text .link a:hover {background-color: #ccc; color: #fff;}

/* Sekce */
#sekceFrame {width: 100%; height: auto; float: left; background-color: #f7f9fb;}
#sekceFrame.marBot {margin-bottom: 40px;}
#sekceFrame .inner {width: 100%; height: 255px; float: left;}
#sekceFrame .inner .sekce {position: relative; flex: 1; padding-top: 155px; font-size: 15px; font-weight: 700; text-align: center; background-repeat: no-repeat; background-position: center top 80px;}
#sekceFrame .inner .sekce {transition: all .2s;}
#sekceFrame .inner .sekce:HOVER {transition: all .2s;}
#sekceFrame .inner .sekce:last-child:after {display: none;}
#sekceFrame .inner .sekce.drazby {color: #1a58ad; background-image: url('/images/icon-drazby.png');}
#sekceFrame .inner .sekce.reality {color: #da6643; background-image: url('/images/icon-reality.png');}
#sekceFrame .inner .sekce.vyberova-rizeni {color: #27a6ed; background-image: url('/images/icon-vyberova-rizeni.png'); background-position: center top 102px;}
#sekceFrame .inner .sekce.stroje {color: #eeb62e; background-image: url('/images/icon-stroje.png');}
#sekceFrame .inner .sekce.online-drazby {color: #5a5a5a; background-image: url('/images/icon-online-drazby.png');}
#sekceFrame .inner .sekce.aukce {color: #231f20; background-image: url('/images/icon-aukce.png');}
#sekceFrame .inner .sekce.fve {color: #719b36; background-image: url('/images/icon-fve.png');}

/* Filtry */
#filters {width: 100%; height: auto; float: left; padding-bottom: 10px; font-size: 13px;}
#filters .inner {width: 100%; height: auto; float: left; padding: 10px 0 0 0; border-bottom: 1px solid #e7ebef;}
#filters .inner.reference {border-bottom: 0;}
#filters .inner .types {width: 100%; height: 38px; border-bottom: 1px solid #e7ebef;}
#filters .inner .types .link {width: auto; height: 38px; padding: 0 25px; border-bottom: 1px solid #e7ebef; align-items: center; cursor: pointer; font-weight: 700;}
#filters .inner .types .link:HOVER {color: #1a58ad;}
#filters .inner .types .link.active {border: 1px solid #e7ebef; border-bottom: 1px solid #fff; color: #1a58ad;}
#filters .inner .data {display: none; width: 100%; padding: 10px 0;}
#filters .inner .data.active {display: block;}
#filters .inner .data .item {align-items: center; padding: 6px 22px 6px 0; display: inline-flex;}
#filters .inner .data .item INPUT {margin-right: 4px;}

/* Sekce - detail */
#sekceItems {width: 100%; height: auto; float: left;}
#sekceItems .inner {width: 100%; height: auto; float: left; padding-bottom: 0;}
#sekceItems .inner H2 {font-weight: 500; color: #424242; font-size: 18px; padding-top: 19px;}
#sekceItems .inner H2 SPAN {color: #1a58ad;}
#sekceItems .inner .dataList {padding-top: 20px; flex-wrap: wrap; padding-bottom: 20px;}
#sekceItems .inner .dataList .item {position: relative; width: 285px; margin: 0 20px 25px 0; padding-bottom: 44px; background-color: #f7f9fb; border-radius: 4px; transition: 0.5s;}
#sekceItems .inner .dataList .item {-webkit-box-shadow: 4px 4px 5px 0px rgba(241,240,240,1); -moz-box-shadow: 4px 4px 5px 0px rgba(241,240,240,1); box-shadow: 4px 4px 5px 0px rgba(241,240,240,1);}
#sekceItems .inner .dataList .item:HOVER {-webkit-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1); box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);}
#sekceItems .inner .dataList .item:nth-child(4n) {margin-right: 0;}
#sekceItems .inner .dataList .item .photo {width: 285px; height: 225px; position: relative; border-radius: 4px 4px 0 0; overflow: hidden; background-size: cover;}
#sekceItems .inner .dataList .item .photo .reserved {position: absolute; bottom: 10px; left: 0; padding: 10px 30px; background-color: #dd4a37; color: #fff; font-size: 13px; font-weight: 400;}
#sekceItems .inner .dataList .item .photo IMG {border-radius: 4px 4px 0 0;}
#sekceItems .inner .dataList .item .data {padding: 30px 20px 20px 20px; color: #424242;}
#sekceItems .inner .dataList .item .data .name {padding: 4px 0; font-weight: 700; font-size: 14px; color: #0c73c1;}
#sekceItems .inner .dataList .item .data .perex {padding: 4px 0; font-weight: 400; font-size: 13px;}
#sekceItems .inner .dataList .item .data .adresa {padding: 6px 0 6px 18px; font-weight: 300; font-size: 13px; background-image: url('/images/icon-map.png'); background-position: left center; background-repeat: no-repeat;}
#sekceItems .inner .dataList .item .data .id {padding: 4px 0; font-weight: 400;}
#sekceItems .inner .dataList .item .data .cena {padding: 4px 0; font-weight: 700;}
#sekceItems .inner .dataList .item .btn {position: absolute; left: 20px; bottom: 20px; padding: 8px 20px; border: 1px solid #787878; text-align: center; font-size: 13px; font-weight: 400; border-radius: 6px;}
#sekceItems .inner .dataList .item .btn:HOVER {background-color: #0c73c1; border-color: #0c73c1; color: #fff;}
#sekceItems .inner .dataList .no-data {color: #dd4a37; font-size: 13px; font-weight: 700; margin-bottom: 25px;}

/* Detail pbjektu z některé Sekce */
#object {width: 100%; height: auto; float: left; padding: 40px 0; color: #7e7e7e;}
#object .inner {width: 100%; height: auto; float: left;}
#object .inner .left {width: 49%; float: left;}
#object .inner .left .photos {width: 100%;}
#object .inner .left .photosCount {width: 100%; padding: 12px 0 14px 0; text-align: center; font-size: 13px;}
#object .inner .left .map {width: 100%; height: 400px;}
#object .inner .left .map P {max-width: 100%; max-height: 100%; display: inline;}
#object .inner .left .map P IFRAME {max-width: 100%; max-height: 100%;}

#object .inner .left .virt_prohlidka {width: 100%; height: 400px; margin-bottom: 40px;}
#object .inner .left .virt_prohlidka iframe {width: 100%; height: 100%; border: 0;}

#object .inner .right {font-size: 13px; width: 47%; float: right;}
#object .inner .right H1 {padding: 0 0 0 0; font-size: 30px; font-weight: 400;}
#object .inner .right .id {font-size: 18px;}
#object .inner .right .perex {padding: 15px 0;}
#object .inner .right .adresa {padding: 6px 0 6px 18px; background-image: url('/images/icon-map-blue.png'); background-position: left center; background-repeat: no-repeat;}
#object .inner .right .kontakt {padding: 6px 0 6px 18px; background-image: url('/images/icon-kontakt-blue.png'); background-position: left center; background-repeat: no-repeat;}
#object .inner .right .cena {padding: 6px 0 6px 18px; background-image: url('/images/icon-cena-blue.png'); background-position: left center; background-repeat: no-repeat;}
#object .inner .right .popis {padding-right: 6px; color: #1a58ad; font-weight: 700;}
#object .inner .right .data {width: 100%; float: left; margin-top: 20px;}
#object .inner .right .data .itemRow {width: 100%; height: 40px; align-items: center; border-bottom: 1px solid #e7ebef;}
#object .inner .right .data .itemRow:first-child {border-top: 1px solid #e7ebef;}
#object .inner .right .data .itemRow.blue {color: #1a58ad;}
#object .inner .right .data .itemRow .name {width: 30%;}
#object .inner .right .data .itemRow .value {width: 70%; font-weight: 700;}
#object .inner .right .data .pref {float: left; padding: 8px 20px; margin-top: 30px; border: 1px solid #e7ebef; border-radius: 6px;}
#object .inner .right .data .pref:HOVER {background-color: #0c73c1; color: #fff;}
#object .inner .right .data .next {float: right; padding: 8px 20px; margin-top: 30px; border: 1px solid #e7ebef; border-radius: 6px;}
#object .inner .right .data .next:HOVER {background-color: #0c73c1; color: #fff;}
#object .inner .right .data .fb-share {width: 100%; float: left; margin: 10px 0 0 0;}

/* Text - HomePage */
#hpContent {width: 100%; height: auto; float: left; margin-top: 20px; background-color: #f7f9fb;}
#hpContent .inner {width: 100%; height: auto; float: left; padding: 70px 0;}
#hpContent .inner H1 {font-size: 25px; font-weight: 300; padding-bottom: 20px;}
#hpContent .inner UL {width: 100%; padding: 0 0 0 0; list-style: none url(); font-size: 13px;}
#hpContent .inner UL LI {position: relative; padding: 2px 0 2px 20px; background-image: url('/images/ul-li-bg.png'); background-position: left top 6px; background-repeat: no-repeat; background-size: 6px;}

#kontakt {width: 100%; height: auto; float: left; justify-content: space-between; flex-wrap: wrap;}
#kontakt .text {width: 30%;}
#kontakt .map {width: 65%;}
#kontakt .makleri {width: 100%; height: auto; float: left; padding: 50px 0 0 0; flex-wrap: wrap;}
#kontakt .makleri .makler {width: 23.6%; margin: 0 1.688888% 20px 0; background-color: #f7f9fb; border-radius: 4px; transition: 0.5s;}
#kontakt .makleri .makler {-webkit-box-shadow: 4px 4px 5px 0px rgba(220,220,220,1); -moz-box-shadow: 4px 4px 5px 0px rgba(220,220,220,1); box-shadow: 4px 4px 5px 0px rgba(220,220,220,1);}
#kontakt .makleri .makler:nth-child(4n) {margin-right: 0;}
#kontakt .makleri .makler .info {padding: 20px 30px; font-size: 13px; color: #686868;}
#kontakt .makleri .makler .info .name {font-weight: 700;}
#kontakt .makleri .makler .info .zamereni {font-weight: 100; font-style: italic; padding-bottom: 15px;}
#kontakt .makleri .makler .info .phone {font-weight: 400;}
#kontakt .makleri .makler .info .email {font-weight: 400; padding-top: 15px;}

/* Mapa */
#map {width: 100%; height: 350px; float: left;}

/* Patička */
FOOTER {width: 100%; height: auto; float: left; background-color: #1a58ad; color: #fff;}
FOOTER .inner {width: 100%; height: auto; float: left; padding: 70px 0; justify-content: space-between;}
FOOTER .inner UL {list-style: none url();}
FOOTER .inner UL LI {padding: 3px 0;}
FOOTER .inner A {text-decoration: none; font-size: 13px;}
FOOTER .inner A:HOVER {text-decoration: underline;}
FOOTER .inner .item.sites {flex-wrap: wrap; align-items: center; justify-content: flex-end;}
FOOTER .inner .item .fb {width: 100%; align-items: center; justify-content: flex-end;}
FOOTER .inner .item .fb A {align-items: center;}
FOOTER .inner .item .fb IMG {margin-right: 15px;}


#mainpage-loader {display: none;}
#mainpage-loader .overlay {width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: fixed; z-index: 99;}
#mainpage-loader .content {width: 100%; height: 100%; position: fixed; z-index: 100; display: flex; justify-content: center; flex-direction: column; align-items: center; color: #FFF; font-size: 13px; font-weight: 700;}
#mainpage-loader .content P {margin-top: 20px;}