:root { --color1:#112D5C; --color2:#8F1618; --color4:#709FD4; --color5:#101010; --color6:#B4B4B4; --color6:#434343; --color7:#F1F1F1; --color10:white; --color11:black; /*--color7:#2B2B2B;*/ --font-body:'Open Sans', sans-serif; --font-title:'Noto Serif', serif; } .gradient1,.button.gradient1 { background: rgb(143,22,24); background: linear-gradient(180deg, rgba(143,22,24,1) 0%, rgba(227,53,54,1) 40%, rgba(226,52,54,1) 57%, rgba(143,22,24,1) 100%); } .gradient2,.button.gradient2 { background: #2170b2; /* Old browsers */ background: -moz-linear-gradient(top, #2170b2 0%, #21447b 42%, #112d5c 89%, #1b558a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2170b2 0%,#21447b 42%,#112d5c 89%,#1b558a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2170b2 0%,#21447b 42%,#112d5c 89%,#1b558a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2170b2', endColorstr='#1b558a',GradientType=0 ); /* IE6-9 */ } html, body {height:100%;} body { font-family: 'Open Sans', sans-serif; position:relative; width:100%; height:100%; font-size:1em; font-weight:normal; line-height:1.5; background-color:var(--color10); color: var(--color11); /*background: -webkit-linear-gradient(top, #000000, #56595D); background: -moz-linear-gradient(top, #000000, #56595D); background: -ms-linear-gradient(top, #000000, #56595D); background: -o-linear-gradient(top, #000000, #56595D);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#56595D'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#56595D')";*/ /*background: linear-gradient(top, #000000, #56595D); background-repeat: no-repeat; background-position:top; background-attachment: fixed;*/ } body, p { color: Black; } body#popup { background: none; } .Flds,.Row { display:inline-block; width:100%; } .Left { display:inline-block; width:auto; float:left; } .Right { display:inline-block; width:auto; float:right; } .Text { display:inline-block; width:auto; } .formContent { display:table; margin:10px; } ::selection {background: #39aed4;} .clear {clear: both;} h1 { font-family:var(--font-title); font-weight:900; text-transform:none; font-size:2.4em; line-height:1.3; color:#214B84; margin: 0; padding: 1em 0 0.6em 0; display:inline-block; width:100%; } h2 { font-family:var(--font-title); font-weight:900; text-transform: uppercase; font-size:2em; line-height:1.3; color:#214B84; margin: 0; padding: 1em 0 0.6em 0; display:inline-block; width:100%; } h2 span.dodatek { font-size:0.4em; color:var(--color11); display:inline; } #DefaultPage h2 { font-size:3em; } /*#textContent h2 {padding: 10px 0px;}*/ h3 { font-family:var(--font-title); font-weight:900; text-transform:none; font-size:1.6em; color:var(--color2); margin: 0; padding: 1em 0 0.7em 0; } h3.orange {color:var(--color2); } h3 span {color: #e5a325;} .errorMsg {color: Red;} ul { padding:0; margin:0; } ul li { list-style:none; background-image:url(/Images/li.png); background-repeat:no-repeat; background-position:left 5px top 10px; padding-left:25px; margin-bottom:5px; } a, a:visited { color:var(--color2); font-weight:700;} a:hover {color:var(--color2);} .validation { color:var(--color2); } .Row { } .PageLayout { margin-left:auto; margin-right:auto; max-width:1400px; min-width:330px; } #Menu { padding:1em 0; display:inline-block; right:-320px; top:0; position:absolute; z-index:220; width:320px; background-color:var(--color6); } #Menu ul,#Menu ul li{ list-style:none; background-image:none; margin:0; padding:0; } #Menu li{ width:100%; display:inline-block; } #Menu li a{ color:var(--color10); text-transform:uppercase; font-weight:500; text-decoration:none; padding:0.5em 5%; width:90%; display:inline-block;} #Menu li.jazyk { margin-bottom:2em; } #Menu li.jazyk a{ display:block; overflow:hidden; float:left; width:3em; height:3em; line-height:3em; text-align:center; border:1px solid var(--color5); margin-left:5%; padding:0; } #Menu li.jazyk #CloseMenu { float:right; margin-left:0; margin-right:5%; display:block; cursor:pointer; width:3em; height:3em; line-height:3em; border-radius:50%; } #content { position:relative; z-index:80; display:inline-block; width:100%; max-width:100%; float:left; } #MainPage { position:relative; width:100%; height:100%; overflow:hidden; } #DefaultPage { /*position:relative; width:100%; height:100%;*/ } #DefaultPage #footer { /*position:absolute;*/ } .HeaderBG { width:100%; position:relative; max-height:700px; } .HeaderBG .HeaderBGContent { width: 100%; height: 100%; position:absolute; /*background-image:url(/Images/BG.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;*/ } #NemovitostKoupit .HeaderBG .HeaderBGContent { background-image:url(/Images/chci-koupit.jpg); } #NemovitostProdat .HeaderBG .HeaderBGContent { background-image:url(/Images/hero-sluzby.jpg); } #ReferenceList .HeaderBG .HeaderBGContent { background-image:url(/images/hero-reference.jpg); } #Kontakt .HeaderBG .HeaderBGContent { background-image:url(/images/kontakt.jpg); } #Onas .HeaderBG .HeaderBGContent { background-image:url(/images/onas.jpg); } #Sluzby .HeaderBG .HeaderBGContent { background-image:url(/images/sluzby.jpg); } #Nemovitosti .HeaderBG .HeaderBGContent { background-image:url(/Images/hero-nabidka-nemovitosti.jpg); } .HeaderBG .HeaderBGContent .Zavoj{ position:absolute; left:0; top:0; background-color:rgba(20,45,65,.5); width:100%; height:100%; z-index:100; } .HeaderBG .HeaderBGContent .HeaderBGTextContent { position:absolute; width:100%; top:35%; z-index:110; } /*.HeaderBG .HeaderBGContent .HeaderBGTextContent .PageLayout{ max-width:30%; }*/ .HeaderBG .HeaderBGContent .HeaderBGTextContent p{ font-size:1.25em; font-weight:300; color:var(--color10); } #Sluzby .HeaderBG .HeaderBGContent .HeaderBGTextContent { top:0; padding-top:8em; height:30em; } .HeaderBG .HeaderBGContent #btHeaderArrowToBottom { bottom:130px; width:196px; height:55px; position:absolute; display:block; z-index:120; left:0; right:0; margin:auto; cursor:pointer; background-image:url(/Images/scrollbottom.png); background-position:center center; background-repeat:no-repeat; background-size:contain; } .HeaderBG .HeaderBGContent #btHeaderArrowToBottom .icobutton { position:absolute; width:100%; fill:#D7D7D7; } .HeaderBG .HeaderBGContent #btHeaderArrowToBottom:hover .icobutton { fill:white; } .header { position:fixed; z-index:100; top:0; left:0; background:rgba(255,255,255,1); -webkit-box-shadow: 0px 4px 22px 0px rgba(0,0,0,0.31); -moz-box-shadow: 0px 4px 22px 0px rgba(0,0,0,0.31); box-shadow: 0px 4px 22px 0px rgba(0,0,0,0.31); } /*.header { position:static; }*/ #TopPage { width:100%; display:inline-block; float:left; position:relative; } #TopPage #TopRow { height:40px; background-color:var(--color11); width:100%; display:block; } #TopPage #BottomRow { height:68px; background-color:var(--color5); width:100%; display:block; } #TopPage #TopRow .PageLayout{ height:40px; background-color:var(--color11); width:100%; display:block; } #TopPage #BottomRow .PageLayout{ position:relative; height:100%; } #TopPage a.logo{ cursor:pointer; display:block; position:absolute; width:140px; height:108px; left:0; top:0; background-color:var(--color10); z-index:10; } .header.Transparent #TopPage a.logo{ cursor:pointer; display:block; position:absolute; width:200px; height:160px; left:0; top:0; background-color:var(--color10); z-index:10; -webkit-box-shadow: 0px 4px 22px 0px rgba(0,0,0,0.31); -moz-box-shadow: 0px 4px 22px 0px rgba(0,0,0,0.31); box-shadow: 0px 4px 22px 0px rgba(0,0,0,0.31); } #TopPage a.logo .logoimg { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; fill:white; width:80%; } #TopPage #Icons { width:auto; display:table; float:right; height:40px; text-align:right; font-size:1rem; } #TopPage .PageLayout{ width:100%; position:relative; display:table; } #TopPage .Left { } #TopPage .Right { /*position:absolute;*/ display:block; /*width:calc(100% - 300px);*/ width:100%; height:100%; right:0; top:0; } #TopPage .HeaderTlac { position:absolute; top:0; right:0; height:80px; line-height:80px; width:310px; font-weight:bold; } #TopPage .HeaderTlac.LeftButton { z-index:50; top:0; bottom:0; right:0; margin:auto; padding-right:210px; text-align:right; } #TopPage .HeaderTlac.LeftButton:hover { background:none; background-color:var(--color2); color:var(--color10); } #TopPage .HeaderTlac.RightButton { z-index:60; background:none; } #TopPage .HeaderTlac.RightButton { position:absolute; right:0; height:100%; width:201px; } #TopPage .HeaderTlac.RightButton span { position:absolute; z-index:10; right:0; width:100%; height:100%; line-height:120px; } #TopPage .HeaderTlac.RightButton:hover { color:var(--color10); } #TopPage .PhoneTlac { position:absolute; top:0; right:12em; height:60px; line-height:60px; width:10em; font-weight:bold; padding-left:40px; } #TopPage a.PhoneTlac { color:var(--color2); background-image:url(/Images/icon-phone.svg); background-repeat:no-repeat; background-position:left center; background-size:25px; text-decoration:none; } #TopPage a.PhoneTlac:hover { text-decoration:underline;} #TopPage .PhoneTlac span { line-height:60px; } #TopPage.Kotva { position:fixed; background-color:var(--color1); z-index:210; -webkit-box-shadow: 0px 0px 33px -3px rgba(64,64,64,1); -moz-box-shadow: 0px 0px 33px -3px rgba(64,64,64,1); box-shadow: 0px 0px 33px -3px rgba(64,64,64,1); } #TopPage.Kotva .Left h1{ background-position:left center; background-size:auto 80%; } #TopPage.Kotva .Left a { height:70px; } #TopPage.Kotva .ico { top:10px; } #TopPage.Kotva #MenuButton { top:10px; } #TopPage.Kotva #MenuButton .butt{ top:0; } .Transparent #TopPage { } .Transparent #TopPage.Kotva { } #TopMenu { display:block; width:75%; position:absolute; margin:auto; bottom:0.8em; right:0; } #TopMenu ul li{ float:left; } #TopMenu ul,#TopMenu ul li { list-style:none; margin:0; padding:0; } #TopMenu ul { display:table; width:auto; float:right; } #TopMenu li a{ font-family:var(--font-body); font-weight:normal; color:var(--color10); text-transform:uppercase; text-decoration:none; } #TopMenu li a:hover{ } #TopMenu li a.MenuActive{ } #TopMenu li a.MenuActive:hover{ } #TopMenu li a.MenuActive span{ border-bottom:3px solid var(--color2); } #TopMenu ul li { padding-left:30px; margin-left:20px; background:none; background-repeat:no-repeat; background-position:left center; } #TopMenu ul li.ButtonMenuFirst { background:none; margin-left:0; padding-left:0; } #TopMenu .RadNavigation .rnvRootGroupWrapper { border:none; } #TopMenu .RadNavigation .rnvRootLink { padding:0; border:none; display:table; border-bottom:3px solid white; } #TopMenu .rnvLink .radIcon { display:none; } #TopMenu .rnvLink .rnvText { color:var(--color1); text-transform:uppercase; font-weight:500; } #TopMenu .RadNavigation .rnvRootGroup > .rnvItem { padding:0.5em 1.5em; border:1px solid white; background:none; } #TopMenu .RadNavigation .rnvRootGroup > .rnvItem.rnvHovered,#TopMenu .RadNavigation .rnvRootGroup > .rnvItem.rnvFocused { background-color:var(--color1); } #TopMenu .RadNavigation .rnvRootGroup > .rnvItem.rnvHovered .rnvLink,#TopMenu .RadNavigation .rnvRootGroup > .rnvItem.rnvFocused .rnvLink{ border-bottom:3px solid var(--color1); } #TopMenu .RadNavigation .rnvRootGroup > .rnvItem.rnvHovered .rnvLink .rnvText,#TopMenu .RadNavigation .rnvRootGroup > .rnvItem.rnvFocused .rnvLink .rnvText { color:var(--color10); } #TopMenu .RadNavigation .rnvItem.MenuActive .rnvRootLink { border-bottom:3px solid var(--color2); } body .rnvPopup { border:none; background-color:var(--color1); } body .rnvPopup .rnvUL { } body .rnvPopup .rnvUL li{ padding:0; background:none; } body .rnvPopup .rnvLink { color:var(--color10); padding:0.5em 1.2em; font-weight:500; } body .rnvSlide { margin-left:1px; } body .rnvMorePopup .rnvUL .rnvUL .rnvLink { padding-left:15px;} #News { background-color:var(--color7); padding:4rem 0; } #News .PageLayout { position:relative; } #News .owl-dots { display:none; } #News #NewsSliderCont { /*width:calc(100% - 140px);*/ width:100%; margin:0 auto; } #News h3{ color:var(--color2); text-align:center; } #News #newsWraper { display:inline-block; width:100%; float:left; margin-bottom:2em; } #SeznamNemovitosti { background-color:var(--color7); } #SeznamNemovitosti h1{ width:98%; padding:0.5em 1%; } #SeznamNemovitosti,#News { display:inline-block; width:100%; float:left; } #SeznamNemovitosti .item,#News .item,.ZrNemovitosti .itemContainer .item{ width:23%; height:18em; margin:30px 0; float:left; background-color:white; display:inline-block; cursor:pointer; background-image:url(/Images/lupa.png); background-position:right 1em bottom 1em; background-repeat:no-repeat; position:relative; } #News .NewsSliderContbutt { position:absolute; width:60px; top:calc(50% - 30px); height:60px; } #News .NewsSliderContbutt.owl-prev { left:-70px; } #News .NewsSliderContbutt.owl-next { right:-70px; } #News .NewsSliderContbutt.owl-prev span{ background-image:url(/Images/arrowleft.png); } #News .NewsSliderContbutt.owl-next span{ background-image:url(/Images/arrowright.png); } #News .NewsSliderContbutt span { position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; left:0; top:0; } #News .item { width:100%; position:relative; } #News .TypeOfCommission,#SeznamNemovitosti .item .TypeOfCommission,.ZrNemovitosti .itemContainer .item .TypeOfCommission { position:absolute; width:auto; display:table; top:2em; left:0; z-index:10; background-color:var(--color5); color:var(--color10); text-transform:uppercase; padding:0.2em 1em; font-size:0.9em; font-weight:600; } #News .TypeOfCommission.TwoVariant,#SeznamNemovitosti .item .TypeOfCommission.TwoVariant { background-color:var(--color5); } #SeznamNemovitosti .item,.ZrNemovitosti .itemContainer .item { margin-left:1%; margin-right:1%; } #SeznamNemovitosti .imgWrap,#News .imgWrap,.ZrNemovitosti .imgWrap{ width:calc(100% - 30px); margin:15px; text-align:center; display:inline-block; position:relative; } #SeznamNemovitosti .imgWrap a, #News .imgWrap a,.ZrNemovitosti .imgWrap a{ position:relative; overflow:hidden; display:block; height: 0; padding-bottom: 68%; } #SeznamNemovitosti .imgWrap .stinbottom,#News .imgWrap .stinbottom { position:absolute;width:100%; height:100%; } #SeznamNemovitosti .imgWrap .sipka,#News .imgWrap .sipka { position: absolute; width: 35px; height: 23px; background-image:url(/images/kartasipka.png); z-index:120; bottom:-2px; left:1em; } #SeznamNemovitosti .titleInImage,#News .titleInImage { position:absolute; left:0; bottom:0; color:white; font-size:90%; text-align:left; width:95%; padding:1.5em 2.5%; background:rgba(0,0,0,0.6); z-index:100; } #SeznamNemovitosti .imgWrap img,#News .imgWrap img,.ZrNemovitosti .imgWrap img{ min-height:100%; width:auto; max-height:120%; max-width:120%; position:absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #SeznamNemovitosti .captions,#News .captions,.ZrNemovitosti .captions { display:inline-block; width:calc(100% - 30px); padding:0 15px 1em 15px; text-transform:uppercase; font-weight:bold; font-size:90%; position:relative; } #SeznamNemovitosti .typeofcommission,#News .typeofcommission{ } #SeznamNemovitosti .price,#News .price{ color:var(--color1); font-weight:700; text-transform:none; font-size:1.2em; } #SeznamNemovitosti .Right, #News .Right { right:0; top:0; bottom:0; left:auto; margin:auto; background-image:url(/Images/kartalupa.png); background-repeat:no-repeat; background-position:center center; width:40px; height:40px; display:block; } #SeznamNemovitosti .captions .title, #News .captions .title,.ZrNemovitosti .captions .title { font-size:1.1em; color:var(--color11); text-transform:uppercase; font-weight:600; } #SeznamNemovitosti .captions .location, #News .captions .location,.ZrNemovitosti .captions .location { font-size:0.9em; height:1.2em; color:var(--color6); text-transform:none; font-weight:500; display:block; overflow:hidden; } #SeznamNemovitosti .captions .Price, #News .captions .Price,.ZrNemovitosti .captions .Price { font-size:1em; color:var(--color1); text-transform:none; font-weight:600; float:none; display:block; margin-top:1em; } #Footer { display:inline-block; width:100%; float:left; background-color:#1E1E1E; color:#B1B1B1; } #footer { position:relative; } #footer p { color:#B1B1B1; } #footer .PageLayout { position:relative; padding:2em 0 0.5em 0; } #footer #buttonTop { position:fixed; bottom:7em; right:0; width:3em; height:3em; display:block; cursor:pointer; background-image:url(/images/buttontop.png); background-position:center center; background-color:var(--color2); background-repeat:no-repeat; z-index:180; } #footer .PageLayout .Right{ } #footer #LogoFooter { background-image:url(/Images/logo-vertical.png); width:22%; max-width:433px; height:180px; display:block; float:left; background-position:left center; background-repeat:no-repeat; } #footer .Right { width:78%; } #footer .Right #MenuFooter { display:table; width:auto; float:right; margin-top:3em; } #footer .Right #MenuFooter ul,#footer .Right #MenuFooter ul li{ margin:0; padding:0; font-size:1.1em; background:none; } #footer .Right #MenuFooter ul li{ list-style:none; float:left; padding-right:1em; /*border-right:1px solid white;*/ margin-right:1em; } #footer .Right #MenuFooter ul li.ButtonMenuLast { margin-right:0; border-right:0; padding-right:0; } #footer .Right #MenuFooter ul li a { color:white; font-weight:600; text-decoration:none; font-family:var(--font-title); text-transform:uppercase; } #footer #TextFooter { display:inline-block; float:right; width:100%; margin:1em 0; text-align:right; } #footer #autor { position:absolute; right:1em; bottom:1em; background-image:url(/Images/author.png); width:120px; height:20px; background-repeat:no-repeat; background-position:right center; background-size:contain; font-size:0.9em; padding-right:25px; } #footer #autor a { display:block; position:absolute; width:100%; height:100%; left:0; top:0; } #footer .social { position:absolute; bottom:3em; right:0; height:50px; width:100px; } #footer .social .ico { float:left; width:30px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:auto 60%; background-color:rgba(255,255,255,0.5); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin:10px; position:relative; } #footer .social .ico.facebook { background-image:url(/Images/facebook.png); } #footer .social .ico.instagram { background-image:url(/Images/instagram.png); } #footer .social .ico a { position:absolute; left:0; top:0; width:100%; height:100%; } #pageHolder {width:950px;margin-left:auto;margin-right:auto; background-color:none;/* #676A6E*/padding:10px;} #contentHolder {width: 950px; margin: 0px; background-color: #FFFFFF; padding-bottom: 10px; margin-bottom: 10px;} /*header*/ /*#header {background: #ffffff url('../Images/headerBg.png') repeat-x top left;}*/ /*#header {background: #ffffff url('../Images/headerImg.jpg') repeat-x top left;}*/ .header .center {/*width: 950px;*/ margin: 0px auto;} /*#header .center span {color: #4bbae0; line-height: 30px;} #header .center span a {color: #ffffff; text-decoration: none;} #header .center span a:hover {text-decoration: underline;} #header .center h1 {width: 208px; height: 55px; text-indent: -90000px; background: url('../Images/logo.png') no-repeat left center; float: left;} #header .center h1 a {width: 208px; height: 55px; display: block;}*/ .header span { line-height: 30px; float: left;} .header span a {color: #ffffff; text-decoration: none;} .header span a:hover {text-decoration: underline;} .header h1 {margin:0; padding: 0; width:auto; height: auto; display:inline-block; float:left; text-indent: -90000px; background: url('/Images/logo.png') no-repeat left center; background-size:contain; float: left; } .header h1 a {width: 180px; height: 130px; display: block;} .header.home { min-height:700px; background-position:center center; } #header #headerWraper {border-bottom:1px solid #007a01;} #header #headerWraper #headerOne {background-color: #007a01;height:30px; display:table; width:auto; float:right;} /*{height: 30px; background: rgba(0,0,0,0.6); border-bottom: solid 1px #8dd8f2;}*/ #header #headerWraper #headerOne #topMenu {float: right; list-style-type: none; margin: 0px; padding: 0px; margin-right:15px;} #header #headerWraper #headerOne #topMenu li {float: left; line-height: 30px; } #header #headerWraper #headerOne #topMenu li a {color: white; text-decoration: none; margin-left: 20px;font-weight: 500;} #header #headerWraper #headerOne #topMenu li a:hover {text-decoration: underline; color: white;} #header #headerWraper #headerOne #lang {float: right; list-style-type: none; margin: 0px; padding: 0px; margin-left: 20px; color: #ffffff;} #header #headerWraper #headerOne #lang li {float: left; line-height: 30px; } #header #headerWraper #headerOne #lang li a {color: #FFFFFF; text-decoration: none; margin: 0px 5px;} #header #headerWraper #headerOne #lang li a:hover {text-decoration: underline; color: #F1CAF5;} #header #headerWraper #headerOne #lang li .active {color: #F1CAF5;} #header #headerWraper #headerTwo {width:950px; height:88px; /*background-color:#589ecd;*/} #headerPrint {display: none;} /*#header #headerWraper #headerTwo {height: 78px; position: relative; margin-bottom: 5px;} #header #headerWraper #headerTwo #mainMenu {list-style-type: none; padding: 0px; margin: 0px 0px 0px 40px; float: left; margin-top: 40px;} #header #headerWraper #headerTwo #mainMenu li {float: left; line-height: 33px; margin: 0px 5px; background: rgba(34, 148, 188, 0.5); border: solid 1px rgba(6, 26, 33, 0.5);} #header #headerWraper #headerTwo #mainMenu li a {border: solid 1px rgba(148, 217, 240, 0.5); display: block; padding: 0px 5px; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 13px;} #header #headerWraper #headerTwo #mainMenu li a:hover {border: solid 1px #ffffff; background:#ffffff; color: #103542; text-decoration: underline;} #header #headerWraper #headerTwo #reklama {list-style-type: none; padding: 0px; margin: 0px; float: right; width: 166px; margin-top: 10px;} #header #headerWraper #headerTwo #reklama #bw{background: url('../Images/bwBtn.png') no-repeat; height: 35px;} #header #headerWraper #headerTwo #reklama #rs{background: url('../Images/rsBtn.png') no-repeat; height: 34px;} #header #headerWraper #headerTwo #reklama a {padding-left: 55px; font-size: 18px; color: #ffffff; text-decoration: none; line-height: 35px;} #header #headerWraper #headerTwo #reklama a:hover {text-decoration: underline;} #header #headerWraper #headerThree {height: 460px; } #header #headerWraper #headerThree .center #filtr {background: url('../Images/filtrBg.png'); border: solid 1px #1c404c; width: 396px; height: 458px; float: left;} #header #headerWraper #headerThree .center #filtr #filtrWrap {border: solid 1px rgba(229,241,245,0.6); height: 456px; width: 394px; } #header #headerWraper #headerThree .center #filtr #filtrWrap #hledaniNadpis {text-transform: uppercase; font-size: 30px; color: #ffffff; text-align: center; font-weight: normal; padding: 10px 0px; display: block;} #header #headerWraper #headerThree .center #filtr #filtrWrap #hledaniNadpis span {text-transform: none; font-size: 20px;} #header #headerWraper #headerThree .center #novinky {border-right: solid 1px #1c404c; border-top: solid 1px #1c404c; background-color: #3d4f56; border-bottom: solid 1px #1c404c; width: 581px; height: 458px; float: left; position: relative;} #header #headerWraper #headerThree .center #novinky #novinkyWrap {border: solid 1px rgba(229,241,245,0.6); height: 456px; width: 579px; text-align: center; overflow: hidden;} #header #headerWraper #headerThree .center #novinky .caption {display: none;} #header #headerWraper #headerThree .center #novinky .nadpis {color: #ffffff !important; line-height: normal !important; text-align: left !important; display: block; word-wrap: break-word;} #header #headerWraper #headerThree .center #novinky .popis {color: #ffffff !important; font-size: 10px; line-height: normal !important; text-align: left !important; display: block; width: 70%; float: left; word-wrap: break-word;} #header #headerWraper #headerThree .center #novinky .cena {font-weight: bold;}*/ /*#content #contentHolder #wrap #leftSide {width: 220px; float: left;} #content #contentHolder #wrap #rightSide {width: 720px; float: right;}*/ #contentHolder #leftSide {width: 205px; float: left; overflow:auto;} #contentHolder #rightSide {width: 745px; float: right; overflow:hidden;} #rightSide .wrapper {width:100;} #quickMenuWrap {margin-top: 8px;} #quickMenuWrap {border: solid 1px #FFFFFF /*#56595D*/; width: 201px; /*height:499px;*/ float: left;} #quickMenuWrap #quickMenu {border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; width: 199px; /*height: 498px;*/ list-style-type: none; margin: 0px; padding: 0px;} #quickMenuWrap #quickMenu .nadpis {margin-left:8px;border-bottom: solid 1px #CFCFCF; line-height: 31px; /*background: url('../Images/carkovaneBg.png');*/ background: #FFFFFF;/* #56595D url('../Images/linesPattern.png');*/ padding-left: 0px; font-size: 15px; text-transform:uppercase; font-weight:700; color: #000000; } #quickMenuWrap #quickMenu .nadpis a {display:block; line-height:31px;color: black; text-decoration:none;padding-left:4px; background-color:#ddebdd;} #quickMenuWrap #quickMenu .nadpis a:hover {background: #007a01; color:white;} #quickMenuWrap #quickMenu .nadpis a:active {background: #007a01; color:white;} #quickMenuWrap #quickMenu .tlacitko {line-height: 33px; border-bottom: solid 1px #CFCFCF; margin-left:8px;} #quickMenuWrap #quickMenu .tlacitko span, #quickMenuWrap #quickMenu .nadpis span {width: 14px; height: 21px; padding: 5px 1px; display: block; background-color: #007a01; float: right; background-repeat: no-repeat; } /*#quickMenuWrap #quickMenu .tlacitko .byty {background-position: 1px 4px;} #quickMenuWrap #quickMenu .tlacitko .domy {background-position: 1px -28px;} #quickMenuWrap #quickMenu .tlacitko .rekreacni {background-position: 1px -65px;} #quickMenuWrap #quickMenu .tlacitko .komercni {background-position: 1px -102px;} #quickMenuWrap #quickMenu .tlacitko .pozemky {background-position: 2px -136px;} #quickMenuWrap #quickMenu .tlacitko .ostatni {background-position: 1px -171px;}*/ #quickMenuWrap #quickMenu .tlacitko a {display: block; line-height: 31px; /*border: solid 1px #958DE3;*/ margin-left: 0px; padding-left: 10px; background: #FFFFFF /*#000000*/; font-size: 14px; font-weight:500; color: black; text-decoration:none;} #quickMenuWrap #quickMenu .tlacitko a:hover {background: #007a01; color:white;} #quickMenuWrap #quickMenu .tlacitko a:active {background: #007a01; color:white;} #quickMenuWrap #quickMenu .footer {background: #56595D url('../Images/linesPattern.png'); overflow: hidden;} /*content*/ #content {} /*.twoColumns {width: 980px; margin: 15px auto 0px auto;}*/ /*.twoColumns {width: 60%; margin: 15px auto 0px auto;border:1px solid Red;}*/ .leftColumn {width: 490px;float:left;padding-right: 10px;} .rightColumn {width: 224px;float:left;border-left: 1px dashed #007a01;min-height: 480px;} #mapa {width: 100%; margin: 0px auto; margin-top: 15px; border: none;} #nabidkyCenter {width: 100%; margin: 0;} /*nabidka*/ #img #imgWrap {width: 500px; height: 350px; overflow: hidden; float: left;} #img #estatePhotos {width: 465px; float: right; } #img #estatePhotos a {width: 100px; height: 80px; overflow: hidden; display: block; float: left; margin: 5px; text-align: center;} #levySloupec {width: 48%; float: left;} /*#levySloupec table td {padding-right: 10px;}*/ #pravySloupec {width: 50%; float: right;} #levySloupec table, #pravySloupec table { width:100%; } #pravySloupec table td {padding-right: 10px;} #pravySloupec .hlPhoto { width:100%; height:auto; display:inline-block; } #pravySloupec .hlPhoto img{ max-width:100%; } .siroky {width: 100%;} .mapsIframe {border: none;} /*#maklerHl {color: #103542;} #maklerHl:hover {color: #2294BC;}*/ #menuDetail {color: #103542;padding:2px;padding-top:4px;} /*#menuDetail a {color: #103542;} #menuDetail a:hover {color: #2294BC;}*/ #maklerFoto {float: left; margin-right: 10px;} #docList {list-style-type: none; margin: 0px; padding: 0px;} #docList a {font-size: 14px; } #mapa_nabidka {float: right; margin-right: 10px; width: 652px; height: 300px; margin-top: 15px;} /*nabidka konec*/ /*dev proj list*/ #devProjHodler {width: 100%; background: rgba(16,53,66,0.1); float: left; border-radius: 5px;} #devProjHodler .Item {width: 225px; float: left; margin: 10px;} #devProjHodler .Item:hover {cursor: pointer;} #devProjHodler .Item:hover .textHolder {text-decoration: underline;} #devProjHodler .Item .textHolder {width: 225px; font-size: 14px; font-weight: bold; color: #103542; text-align: center; margin-top: 10px;} #devProjHodler .Item .imgHolder img {vertical-align: bottom;} #devProjHodler .Item .imgHolder .imgShadow {background: url('../Images/shadow.png') no-repeat top center; width: 225px; height: 6px; float: left;} /*dev proj list konec*/ /*dev proj detail*/ #imageHoder {width: 350px; float: left;} #imageHoder #galleryWrap {width: 350px; margin-top: 5px;} #imageHoder #galleryWrap a {margin-right: 5px;} #descriptionHolder {width: 610px; float: right;} #listHolder {width: 100%; margin-top: 20px;} /*dev proj detail konec*/ /*makler Detail*/ #maklerImg {float: left; margin-right: 15px; width: 500px;} #maklerInfo {float: right; width: 465px;} #pobocka {float: right; width: 465px; margin-top: 15px;} #pobocka #popisPob {margin: 10px 0px; display: block; font-size: 14px; line-height: 20px; word-wrap: break-word;} /*makler Detail konec*/ /*content konec*/ /*controls*/ /*.filter {color: #ffffff; width: 351px; margin: 0px auto;}*/ .filter th, .filter td { padding: 6px; } .filter .button { margin: 0px; padding-top: 2px; padding-bottom: 2px; } .filterInput { width: 124px; } .filter_subtype td { min-width: 90px; } .tbMenu {width: 140px; border: solid 1px #e2e2e3; padding: 3px 0px;} .tbMenuLong {width: 351px; border: solid 1px #e2e2e3; padding: 3px 0px;} .tbZakazky {width: 170px; border: solid 1px #e2e2e3; padding: 3px 0px;} .ddlMenu {height: 23px; width: 168px; border: solid 1px #e2e2e3; padding: 2px 2px 2px 0px;} .ddlForm {height: 23px; width: 298px; border: solid 1px #e2e2e3; padding: 2px 2px 2px 0px;} .tbForm {width: 200px; border: solid 1px #e2e2e3; padding: 3px 0px;} .tbFormMultiLine {width: 350px; border: solid 1px #e2e2e3; padding: 3px 0px;} /*.btnFrom {width: 64px; height: 26px; border: none; background: url('../Images/btnSend.png') no-repeat 0px 0px; cursor: pointer; text-indent: -9000px;} .btnFrom:hover {background: url('../Images/btnSend.png') no-repeat 0px -26px;} .btnFrom:active {background: url('../Images/btnSend.png') no-repeat 0px -52px;}*/ .searchBtn {border: none; cursor: pointer; background: url('../Images/searchBtn.png')no-repeat 0px 0px; width: 90px; height: 38px; text-indent: -9000px; float: right; margin-top: 15px;} .searchBtn:hover {background: url('../Images/searchBtn.png')no-repeat 0px -39px;} .searchBtn:active {background: url('../Images/searchBtn.png')no-repeat 0px -77px;} #quickFilter, #news, #makleri,.nabidkaHolder {box-sizing: border-box;-moz-box-sizing: border-box;} /*303px*/ #quickFilter {/*width: 100%; */height: 380px; background: #ffffff url('../Images/quickFilterBg.png'); margin-top: 15px; border: solid 1px #70868e;} #quickFilter .blok {padding-left: 80px; width: 180px; height: 65px; float: left; margin: 15px 0px 15px 10px;} #quickFilter #blokBytyProdej {background: url('../Images/bytyProdejIcon.png') no-repeat top left;} #quickFilter #blokBytyPronajem {background: url('../Images/bytyPronajemIcon.png') no-repeat top left;} #quickFilter #blokDomy {background: url('../Images/domyIcon.png') no-repeat top left;} #quickFilter #blokNovostavby {background: url('../Images/novostavbyIcon.png') no-repeat top left;} #quickFilter #blokJine {background: url('../Images/jinaIcon.png') no-repeat top left;} #quickFilter #blokPozemky {background: url('../Images/pozemkyIcon.png') no-repeat top left;} #quickFilter #blokKomercni {background: url('../Images/komercniIcon.png') no-repeat top left;} #quickFilter #blokZahranicni {background: url('../Images/zahranicniIcon.png') no-repeat top left;} #quickFilter .nadpis {font-size: 15px; color: #103542;} #quickFilter .nadpis:hover {color: #2294bc;} #quickFilter .pocetNabidek {color: #7899a5; font-size: 10px; margin-left: 5px;} #quickFilter .polozky {color: #103542; font-size: 12px; margin-top: 15px;} #quickFilter .polozky a {color: #103542;} #quickFilter .polozky a:hover {color: #2294bc;} #quickFilter .polozky span {color: #2294bc;} /*811px*/ /*#news {width: 100%; height: 235px; margin: 0; border: solid 1px rgba(16,53,66,0.6); background: rgba(28,63,76,0.2); margin-top: 15px;} #news #newsWraper {width: auto; height: 233px; border: solid 1px #ffffff;padding: 0 10px;}*/ #news #newsWraper .item {width: 238px; height: 195px; background: #ffffff; text-align: center; float: left; margin: 0px 0px 10px 0px; /*box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/ border: 1px solid silver; cursor: pointer; position: relative;} #news #newsWraper .item.alterItem {margin-left: 10px; } #news #newsWraper .item .imgWrap {width: 228px; height: 215px; margin: 5px; overflow: hidden; display: block; text-align: center;} #news #newsWraper .item .imgWrap img {max-height: 215px; } #news #newsWraper .item .captions {position: absolute; text-align: center; bottom: 0px; left: 0px; width: 100%; background: rgba(255,255,255,.8); padding: 5px 0px;} #news #newsWraper .item .captions span {display: block; font-size: 11px;} #news #newsWraper .item .captions .title {font-weight: bold; color: #0a2c38; display: block;} #news #newsWraper .item .captions .price {color: #958DE3; font-weight: bold; margin: 5px 0px; display: block;} .rightColumn #textNews {padding: 0px 10px;} #textNews {/*width: 505px; float: right;*/} #textNews #textNewsWraper .textNew {margin: 0px 0px 5px 0px;padding-bottom: 5px;border-bottom: dotted 1px #000000;} #textNews #textNewsWraper .textNew:last-child {border: none;} #textNews #textNewsWraper .textNew .textNewTitle {color: #2294BC;font-weight:bold;margin-bottom: 5px;} #textNews #textNewsWraper .textNew .textNewDate { font-style: italic;} #textNews #textNewsWraper .textNew .textNewText {margin: 5px 0px;} #textNews #textNewsWraper .textNew .textNewMore {text-align:right;} #textNews #textNewsWraper .textNew .textNewText img {} #poptavky {width: 450px; float: left;} .textDemand {width: 100%; border-bottom: dashed 1px #000000; margin: 0px auto;} .textDemand:last-child {border: none;} /*.textDemand img {width: 140px !important; height: auto !important; float: left; margin: 5px; border: solid 5px #000000;}*/ .textDemandTitle {font-size: 15px; font-weight: bold; margin-bottom: 10px; margin: 5px; color: Black;} .textdemandText {margin: 5px; } #makleri {width: 100%; border: solid 1px #70868e; margin: 15px auto 0px auto;} #makleri #makleriWrap {width: 100%; margin: 0px auto;} #makleri #makleriWrap .item {float: left; margin: 10px; text-align: center;} #makleri #makleriWrap .item .imgHolder {width: 100px; height: 100px; text-align: center; margin: 0px; padding: 0px;} #makleri #makleriWrap .item p {margin: 0px; padding: 0px;} #paginating {font-weight: bold; color: #103542;} #paginating .imp {color: #70868e;} #paginating a {color:var(--color5);} #paginating a:hover {color: var(--color5);} #paginating a:visited { color:var(--color10); } /*list nabidek konec*/ /*list nabidek dev. projektu*/ .devProjList {width: 100%;} .devProjList .devProjListHeader {height: 30px; font-weight: bold; text-align: center; } .devProjList .devProjListHeader a {color: #ffffff; font-weight: bold; text-decoration: none;} .devProjList .devProjListHeader a:hover {text-decoration: underline;} .devProjList .devProjListItem {height: 25px;} .devProjList .devProjListItem td {padding: 0px 5px; text-align: center;} .devProjList .devProjListAlterItem td {padding: 0px 5px; text-align: center;} .devProjList .devProjListAlterItem {height: 25px; background: #90a6ad;} .devProjList .devProjListItem:hover {background: #39AED4; cursor: pointer; color: #ffffff;} .devProjList .devProjListAlterItem:hover {background: #39AED4; cursor: pointer; color: #ffffff;} .devProjList .devProjListItem:hover a ,.devProjList .devProjListItem:hover a {color: #ffffff;} /*list nabidek dev. projektu konec*/ /*mapa*/ #map_canvas .odkaz {color: #103542; font-weight: bold; font-size: 14px; margin-top: 5px; display: block;} #map_canvas .odkaz:hover {color: #2294BC;} #map_canvas .nadpis {display: block; font-size: 16px; margin: 5px;} #map_canvas .toolTipWrap {width: 400px;} /*mapa konec*/ /*mapa rk*/ #map_canvas_rk {float: right; margin-right: 10px; width: 652px; height: 300px; margin-top: 15px;} .mapsIframe {border: none;} /*mapa rk konec*/ /*rss*/ .rssList {list-style-type: none;} .rssList li {} .rssList li div {clear: both;} .rssList li div img {max-width: 150px; float: left; margin:4px 10px 10px 10px;} .rssList li div a {font-size: 18px; display: block;padding-bottom:4px;} /*rss konec*/ /*controls konec*/ table.detail th, table.detail td {padding:2px 2px 2px 0px;} #levySloupec table.detail th { text-align:left; font-weight:bold; width:150px; } #levySloupec #makler table.detail th { text-align:left; font-weight:bold; width:70px; } #OstatniPolozky table.detail th { text-align:left; font-weight:bold; width:150px; } .clientForm th { width:160px;} .textContent { padding:1em 0; } .textContent .button.own { width:auto; display:table; padding:0 2em; } /*Seznam nemovitosti*/ #zpet { text-align:right; } #SeznamNemovitosti .estateList { width:100%; } #SeznamNemovitosti #filter{ margin-top:0px; margin-bottom:10px; width:95%; margin-left:1%; margin-right:1%; position:relative; } #SeznamNemovitosti .nabidkaHolder{ background-color:#eaf1f4; margin:5px 0px 5px 0px; /*-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius:5px 0px 0px 5px;*/ } /*#SeznamNemovitosti .Rozliseni{ display:block; width:20px; height:120px; background-color:#da251d; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius:5px 0px 0px 5px; background-image:url(/images/sipkaSeznam.png); background-position:left top; background-repeat:no-repeat; }*/ #SeznamNemovitosti .AlternatingItem .nabidkaHolder{ background-color:#e7e7e7; } #SeznamNemovitosti .imgHolder{ height:100px; width:153px; margin:10px; display:block; overflow:hidden; } #SeznamNemovitosti .imgHolder img{ height:100px; } #SeznamNemovitosti .Popisky { width:525px; margin-right:20px; } #SeznamNemovitosti .Popisky .novinkaNadpis{ width:100%; height:18px; line-height:17px; display:block; overflow:hidden;margin:10px 0px 5px 0px; } #SeznamNemovitosti .Popisky .nabidkaPopis{ width:100%; line-height:18px; height:55px; display:block; overflow:hidden;margin:0 0 2px 0; } #SeznamNemovitosti .Popisky .novinkaNadpis a{ color:black; } #SeznamNemovitosti .Popisky .Cena{ font-weight:bold; color:#5e5a58; font-size:14px; } #SeznamNemovitosti .Popisky .Link{ margin-right:10px; } #SeznamNemovitosti #paginating,.Zrealizovane #paginating { text-align:center; margin-top:2em; display:table; margin-left:auto; margin-right:auto; } #SeznamNemovitosti .TopOvlLista { margin:15px 0px; } #SeznamNemovitosti .TopOvlLista .Razeni { width:auto; display:table; } #SeznamNemovitosti .TopOvlLista .raditPodle { width:auto; display:table; float:left; } #SeznamNemovitosti .TopOvlLista .raditPodle select{ width:140px; } #SeznamNemovitosti .TopOvlLista .raditSmerem { width:auto; display:table; float:left; } #SeznamNemovitosti .TopOvlLista .raditSmerem { width:90px; } #SeznamNemovitosti h2{ margin:0; padding-left:0.3em; } #paginating { margin-top:10px; } #paginating span,#paginating a{ font-size:14px; background-color:var(--color1); /*border:1px solid #ff8000;*/ color:var(--color10); display:block; width:4em; height:4em; float:left; margin:5px; text-decoration:none; line-height:4em; } #paginating span:hover, #paginating a:hover { text-decoration:none; color:var(--color10); } #paginating .imp,#paginating .imp:hover { background-color:#cccccc; color:gray; /*border:1px solid #ff8000;*/ } /*hlavni strana*/ #filter{ width:97%; margin:2em auto; display:inline-block; float:left; border:none; border-radius:0; background-color:var(--color5); padding:1em 1.5%; height:50px; /*background-image:url(/Images/header-button-left.png); background-position:center top; background-repeat:no-repeat;*/ } #filter .Item { float:left; width:20%; display:inline-block; margin-right:2%; } #filter .Item.TypeOfRealEstate { } #filter .Item.TypeOfCommission { width:14%; } #filter .Item.Podtyp { color:white; width:100%; margin-top:1em; } #filter .Item.Podtyp ul,#filter .Item.Podtyp ul li { margin:0; padding:0; list-style:none; } #filter .Item.Podtyp ul li { float:left; padding-right:1em; width:auto; } #filter .Item.TypeOfCommission ul,#defaultPage #filter .Item.TypeOfCommission ul li{ padding:0; margin:0; list-style:none; } #filter .Item.TypeOfCommission ul li{ padding-left:0.5em; float:left; } #filter .Item.TypeOfCommission ul { display:table; width:auto; margin-left:auto; margin-right:auto; } #filter .Item.Cena { width:calc(43% - 48px); color:var(--color10); } #filter .Item.Cena .Rozsah { width:calc(100% - 20px); margin:0 10px; } #filter .Item.Cena .Rozsah .Title{ line-height:1; margin-bottom:5px; } #filter .Item.Lokalita { width:15%; } #filter .Item.Hledej { width:48px; margin-right:0; position:absolute; right:1.5%; background: rgb(143,22,24); background: linear-gradient(180deg, rgba(143,22,24,1) 0%, rgba(227,53,54,1) 40%, rgba(226,52,54,1) 57%, rgba(143,22,24,1) 100%); } #filter .Item.Hledej .button{ width:48px; height:48px; background-image:url(/Images/lupa.png); background-position:center center; background-repeat:no-repeat; background-size:auto 26px; } #DefaultPage #DefaultPageText { position:relative; } #DefaultPage #DefaultPageText #filter{ margin:0; position:absolute; top:-40px; z-index:100; } /*#filter .Item.Hledej a.button{ background-color:var(--color2); }*/ #fulltext { display:none; position:absolute; right:0; top:0.5em; border-bottom:1px solid var(--color1); } #fulltext .btFulltext{ display:inline; width:48px; height:48px; float:left; background-image:url(/Images/lupa.svg); background-size:80%; background-position:center center; background-repeat:no-repeat; } #fulltext .riTextBox[type="text"] { box-shadow:none; width:calc(100% - 48px); float:right; width:100%; } #ListDevProj h2 { text-align:center; } #ListDevProj #TopFilter { margin-top:1em; padding-bottom:1em; } #ListDevProjContent { display:table; width:100%; margin-left: auto; margin-right: auto; padding-bottom:4em; max-width: 990px; } #ListDevProjContent h3,.ZrNemovitosti h3 { text-align:center; } #ListDevProjContent .nabidkaHolder{ background-color:#eaeaea; margin:2%; float:left; width:46%; display:table; cursor:pointer; position:relative; } #ListDevProjContent .nabidkaHolder .stitek{ position:absolute; top:1.5em; right:0; background-color:#FC242D; color:white; padding:0.3em 0.5em; font-weight:bold; text-transform:uppercase; width:55%; } #ListDevProjContent .nabidkaHolder .stitek.active{ background-color:black; } #ListDevProjContent .nabidkaHolder .imgHolder{ width:100%; } #ListDevProjContent .nabidkaHolder .imgHolder a{ width:84%; height:auto; height:12em; display:block; margin:8%; margin-bottom:1em; overflow:hidden; } #ListDevProjContent .nabidkaHolder .imgHolder a img{ max-height:16em; margin-left:-0.5em; margin-top:0; max-width:100%; } #ListDevProjContent .nabidkaHolder .captions{ width:84%; display:table; margin:1em 8% 8% 8%; } #ListDevProjContent .nabidkaHolder .captions .NadpisItem { display:block; width:100%; height:3em; font-size:110%; margin-bottom:1em; text-align:center; overflow:hidden; } #ListDevProjContent .nabidkaHolder .captions .NadpisItem a{ line-height:1.5; display:block; max-height:3em; font-weight:bold; color:black; text-transform:uppercase; text-decoration:none; overflow:hidden; } #ListDevProjContent .nabidkaHolder .CenaLink{ width:21%; float:left; padding:2%; padding:1% 2%; } #ListDevProjContent .nabidkaHolder .CenaLink .TitleCena{ color:#aa7351; font-weight:normal; width:100%; text-align:center; display:table; } #ListDevProjContent .nabidkaHolder .CenaLink .Cena{ color:black; font-weight:normal; font-size:120%; width:100%; text-align:center; display:table; } #ListDevProjContent .nabidkaHolder .CenaLink .Lokalita{ width:100%; display:block; height:1.5em; overflow:hidden; margin-top:0.5em; text-align:center; } #ListDevProjContent .nabidkaHolder .CenaLink .Plocha{ width:100%; display:block; height:1.5em; overflow:hidden; margin-bottom:0.5em; text-align:center; } #ListDevProjContent .nabidkaHolder .Detail { width:70%; margin:0 auto; } #ListDevProjContent .nabidkaHolder:hover { background-color:#EBF3F7; } #ListDevProjContent .nabidkaHolder:hover .button { background-color:black; } #ListDevProjContent #Pocitadlo a{ width:25%; margin:0 auto; background-image:url(/Images/bottomArrowWhite.png); } #ListDevProjContent #Pocitadlo { margin-bottom:3em; } #ListDevProjContent #paginating { width:auto; margin-right:0; margin-left:auto; display:table; float:right; margin-right:1em; margin-top:2em; margin-bottom:4em; } #ListDevProjContent #paginating .imp{ padding:0.5em; background-color:#aa7351; color:white; margin-right:0.2em; display:block; float:left; } #ListDevProjContent #paginating a{ padding:0.5em; background-color:#eaeaea; color:black; margin-right:0.2em; text-decoration:none; display:block; float:left; } #ListDevProjContent #paginating .pagitext{ display:block; float:left; margin-right:1em; padding-top:0.5em; } /*details projekt*/ #DetailProjekt { } #DetailProjekt .ZakladniPolozky { float:left; } #DetailProjekt .ZakladniPolozky .PageLayout{ width:100%; position:relative; } #DetailProjekt .ZakladniPolozky .DetailLeft { width: auto; position: absolute; left: 2em; top: 4em; } #DetailProjekt .ZakladniPolozky .DetailRight { width:100%; display:table; } #DetailProjekt .ZakladniPolozky .ZahlaviObr { width:100%; display:table; position:relative; } #DetailProjekt .ZakladniPolozkyContent { display: table; display: table; float: right; max-width: 22em; padding: 1em; width: 100%; } #DetailProjekt .ZahlaviPopisek { position:absolute; top:0; width:100%; } /*#DetailProjekt .hlPrint { display:block; width:50px; height:50px; background-color:#FC242D; background-image:url(/Images/tisk.png); background-position:center center; background-repeat:no-repeat; position:absolute; right:2em; top:2em; margin:1em; }*/ #DetailProjekt .hlPrint { display:block; width:50px; height:50px; background-color:#FC242D; background-image:url(/Images/tisk.png); background-position:center center; background-repeat:no-repeat; margin:1em auto; } #DetailProjekt .hlPrint:hover { background-color:black; } #DetailProjekt .ZakladniPolozkyContent .TwoColumnTable{ padding: 0.5em; background-color: rgba(234,234,234,0.8); } /*#DetailProjekt .ZakladniPolozkyContent a.button.Zpet { background-image:url(/Images/btArrowLeft.png); }*/ #DetailProjekt .ZakladniPolozkyContent a.button.Zpet:hover{ background-color:black; } #DetailProjekt .ZakladniPolozkyContent .HorizontalLine { width:100%; border-bottom:2px solid white; height:0.2em; margin-bottom:2em; } #DetailProjekt .ZakladniPolozkyContent .Cena { font-size:120%; font-weight:normal; } #DetailProjekt .ZakladniPolozkyContent .Left{ font-weight:normal; width:40%; text-transform:capitalize; } #DetailProjekt .ZakladniPolozkyContent .Right{width:60%; } #DetailProjekt .ZakladniPolozky .DetailRight #hlPhoto{ width:100%; height:auto; overflow:hidden; } #DetailProjekt .ZakladniPolozky .DetailRight #hlPhoto a{ width: 100%; overflow: hidden; position: relative; height: 40em; display: block; } #DetailProjekt .ZakladniPolozky .DetailRight #hlPhoto a img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; } #DetailProjekt .button { font-size:105%; color:white; } #DetailProjekt .ZakladniPolozky .buttons { margin-top:2em; } #DetailProjekt .ZakladniPolozky .buttons .button { background-color:black; border:1px solid white; text-align:left; padding:0 0 0 3em; line-height:50px; margin-bottom:0.5em; background-image:url(/images/bottomArrowWhite.png); cursor:pointer; } #DetailProjekt .ZakladniPolozky .buttons .button.tisk { background-image:url(/Images/tiskwhite.png); } #DetailProjekt .ZakladniPolozky .buttons .button:hover { background-color:#aa7351; border:1px solid white; text-align:left; padding:0 0 0 3em; } #DetailProjekt .Telo { /*background-image:url(/Images/detnabbgtelo.png); background-position:center top; background-repeat:repeat-y;*/ } #DetailProjekt .Telo .PageLayoutObr{ /*background-image:url(/Images/detnabbgtelo.png); background-position:center top; background-repeat:repeat-y;*/ } #DetailProjekt .Telo .DetailLeft { float:left; width:30%; display:table; } #DetailProjekt .Telo .DetailRight { float:left; width:70%; display:table; background-color:white; } #DetailProjekt .MapaContent { width:100%; display:table; margin:2em 0; } #DetailProjekt .MapaContent .mapsIframe{ width:100%; display:table; border:none; height:300px; } #DetailProjekt .button.fotografie{ width:auto; float:right; margin-right:2em; background-image:url(/Images/detnabicofoto.png); padding-left:3em; } #DetailProjekt #Makler{ width:100%; display:table; background-color:#eaeaea; } #DetailProjekt #Makler #MaklerContent{ width:92%; display:table; margin:0 auto; padding: 1em 0; } #DetailProjekt #Makler.lock{ } #DetailProjekt .LeftMapaAgent { float:right; display:table; margin:0 0 0.5em 2%; width:40%; } #DetailProjekt h2{ width:auto;} #DetailProjekt #Makler #maklerFoto{ max-width:150px; height:150px; display:table; display:block; float:left; margin-right:1em; } #DetailProjekt #Makler #maklerFoto img{ max-height:100%; max-width:100%; } #DetailProjekt #Makler #maklerPolozky { float:left; width:70%; min-width:150px; } #DetailProjekt #Makler #maklerPolozky h3{ padding-top:0; } #DetailProjekt #Makler #maklerPolozky .JmenoMaklere{ font-weight:normal; } #DetailProjekt #Makler .MaklerOstatni { /*padding-top:1em;*/ width:70%; float:left; } #DetailProjekt #Makler .MaklerOstatni .Item{ padding-bottom:0.7em; } #DetailProjekt #Makler .MaklerOstatni .Item .labelName{ margin-right:1em; } #DetailProjekt #PodrobnePolozky { margin-top:2em; } #DetailProjekt #PodrobnePolozky .LevySloupec{ width:46%; float:left; } #DetailProjekt #PodrobnePolozky .PravySloupec{ width:46%; float:left; margin-left:2%; } #DetailProjekt #PodrobnePolozky .TwoColumnTable{ border-top:1px solid #aa7351; border-bottom:none; } #DetailProjekt #PodrobnePolozky .TwoColumnTable .Row{ border-bottom:1px solid #aa7351; } #DetailProjekt #PodrobnePolozky .TwoColumnTable .Left{ font-weight:normal; width:50%; } #DetailProjekt #PodrobnePolozky .TwoColumnTable .Right{ width:50%; } #DetailProjekt #Fotografie { margin-top:2em; margin-bottom:3em; } #DetailProjekt #Fotografie h3{text-align:center; } #DetailProjekt #galleryWrap, #DetailNabidka #galleryWrap { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; } #DetailProjekt #galleryWrap .item, #DetailNabidka #galleryWrap .item { position:relative; width: 23%; margin:1em 1%; } #DetailProjekt #galleryWrap a, #DetailNabidka #galleryWrap a{ position: relative; overflow: hidden; width: 100%; display: block; height: 0; padding-bottom: 68%; background-color:#eaeaea; } #DetailProjekt #galleryWrap a span, #DetailNabidka #galleryWrap a span{ position:absolute; bottom:0; left:0; background-color:white; width:98%; color:black; padding:0.3em 0; padding-left:2%; font-size:80%; font-weight:normal; opacity:0.9; } #DetailProjekt #galleryWrap a:hover, #DetailNabidka #galleryWrap a:hover{ } #DetailProjekt #galleryWrap a img, #DetailNabidka #galleryWrap a img{ min-height: 100%; /*min-width: 100%;*/ max-height: 120%; max-width: 120%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #DetailProjekt #DetailForm { background-color:#eaeaea; margin-top:2em; margin-bottom:2em; } #DetailProjekt #DetailForm #Tlac .Left{ width:50%; } #DetailProjekt #DetailForm #Tlac .Right{ width:50%; } #DetailProjekt #DetailForm #Tlac a{ background-color:#787878; text-align:left; padding-left:3em; line-height:50px; } #DetailProjekt #DetailForm #Tlac a.VisibleButton{ color:black; background-color:#eaeaea;} #DetailProjekt #DetailForm #Tlac .Right a{ background-image:url(/Images/btobalka.png); } #DetailProjekt #DetailForm #Tlac .Right a.VisibleButton{ background-image:url(/Images/btobalkablack.png); } #DetailProjekt #DetailForm #Tlac .Left a.VisibleButton{ background-image:url(/Images/bottomArrowBlack.png); } #DetailProjekt #NemovitostiProjekt { } #DetailProjekt #NemovitostiProjekt table tr { cursor:pointer; } #DetailProjekt #NemovitostiProjekt table tr.Prodano td{ } #DetailProjekt #NemovitostiProjekt table tr.Prodano .Stav{ color:orange; } #DetailProjekt #NemovitostiProjekt table tr.Prodano td span{ } #DetailProjekt #NemovitostiProjekt table tr:hover { background-color:#e3d5cd; } #DetailProjekt #NemovitostiProjekt table tr.devProjListHeader { background-color:var(--color1); color:white; font-weight:bold; } #DetailProjekt #NemovitostiProjekt table tr.devProjListHeader a{ color:white; font-weight:bold; } #DetailProjekt #NemovitostiProjekt table tr.devProjListHeader:hover { } #DetailProjekt #NemovitostiProjekt table tr td{ padding:0.5em; } #DetailProjekt #NemovitostiProjekt table tr td.Plocha { max-width:5em; } #DetailProjekt #NemovitostiProjekt table tr td.PlochaObytna{ max-width:6em; } #DetailProjekt #NemovitostiProjekt table tr td.Sklep { max-width:4.5em; } #DetailProjekt #NemovitostiProjekt table tr.devProjListItem { background-color:#eaeaea; } #DetailProjekt #NemovitostiProjekt table tr.devProjListAlterItem { background-color:white; } #DetailProjekt #NemovitostiProjekt table tr.devProjListItem:hover,#DetailProjekt #NemovitostiProjekt table tr.devProjListAlterItem:hover { background-color:var(--color2); } #DetailProjekt #NemovitostiProjekt table tr.devProjListItem.Prodano, #DetailProjekt #NemovitostiProjekt table tr.devProjListAlterItem.Prodano { cursor:default; } #DetailProjekt #NemovitostiProjekt table { width:100%; } #DetailProjekt .DetailRight #Popis { max-width:55em; min-height:800px; } #DetailProjekt .DetailRight #nahledVsechFoto { max-width:55em; } #DetailProjekt #paginating { width:auto; margin-right:0; margin-left:auto; display:table; float:right; margin-right:1em; margin-top:2em; margin-bottom:4em; } #DetailProjekt #paginating .imp{ padding:0.5em; background-color:#FC242D; color:white; margin-right:0.2em; display:block; float:left; } #DetailProjekt #paginating a{ padding:0.5em; background-color:#eaeaea; color:black; margin-right:0.2em; text-decoration:none; display:block; float:left; } #DetailProjekt #paginating .pagitext{ display:block; float:left; margin-right:1em; padding-top:0.5em; } #DetailProjekt #HorizontalStrip { padding:1em 0; /*background-color:var(--color1);*/ } #DetailProjekt #HorizontalStrip h2{ /*color:var(--color5);*/ text-align:left; margin-left:0;} #DetailProjekt .PageLayout { } #DetailProjekt #NemovitostiProjekt table tr.devProjListItem:hover .Stav .green,#DetailProjekt #NemovitostiProjekt table tr.devProjListAlterItem:hover .Stav .green{ color:white; } .Stav { } .Stav .green { color:green; } #SeznamNemovitosti .listEmpty { /*padding-left:1em;*/ } #estatePhotos { } #estatePhotos h3 { margin:2em 0; text-align:center; } #estatePhotos #galleryWrap { width:100%; display:inline-block; } #estatePhotos #galleryWrap a{ width:calc(25% - 4px); height:10em; float:left; display:block; overflow:hidden; position:relative; margin:2px;} #estatePhotos #galleryWrap a img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:130%; max-height:130%; } .clientForm { padding:1em; } .clientForm .Tooltip{ background-color:var(--color1); color:var(--color5);padding:0.5em; font-weight:bold; text-transform:uppercase; } .clientForm.demand { margin:2em 0; background-color:#eaeaea; } .clientForm.demand #Nabidka{ width:49%; float:left; } .clientForm.demand #Klient{ width:49%; float:right; } .clientForm.demand #Popisek{ margin:1em 0; } .clientForm.estate { margin:2em 0; } .clientForm.estate #Nabidka{ width:49%; float:left; } .clientForm.estate #Klient{ width:49%; float:right; } .clientForm.estate #Popisek{ margin:1em 0; } .ClientFormSend { background-color:darkseagreen; color:black; padding:2em; margin:2em 0; } #MenuButton { display:block; width:48px; height:48px; position:absolute; right:1em; background-color:var(--dark-header); z-index:200; cursor:pointer; } #MenuButton .butt{ display:none; width:48px; height:48px; position:absolute; right:0; left:0; margin:auto; background-image:url(/Images/menu-button.svg); background-size:contain; top:2.2em; } #TopPage .ico { display: block; width: 30px; height: 40px; float:left; margin: auto; } #TopPage .ico span { display:block; width:100%; height:100%; left:0; top:0; position:absolute; background-repeat:no-repeat; background-size: auto 50%; background-position:center center; } #TopPage .ico.Phone .IcoPhone { fill:var(--color4); } #TopPage .ico.Email .IcoEmail { fill:var(--color4); } #TopPage .EmailContent,#TopPage .EmailContent a,#TopPage .PhoneContent { color:white; font-weight:normal; text-decoration:none; height:40px; line-height:40px; } #TopPage .ico.facebook { right:9.5em; } #TopPage .ico.facebook span{ background-image: url(/Images/facebook.png); } #TopPage .ico.phone { right:6em; } #TopPage .ico.phone span{ background-image: url(/Images/phone.png); } #TopPage .ico.instagram { right:13em; } #TopPage .ico.instagram span{ background-image: url(/Images/instagram.png); } #TopPage .PageLayout .Left{ margin-left:1em; } #ReferencesPeoplesText .owl-stage-outer { } #ReferencesPeoplesText .owl-nav { width:100%; height:100%; z-index:-1; position:absolute; bottom:2em; top:0; } #ReferencesPeoplesText .owl-nav button.owl-prev, #ReferencesPeoplesText .owl-nav button.owl-next { display:block; position:absolute; z-index:200; top:calc(50% - 24px); width:3em; height:3em; bottom:0; background: #2170b2; /* Old browsers */ background: -moz-linear-gradient(top, #2170b2 0%, #21447b 42%, #112d5c 89%, #1b558a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2170b2 0%,#21447b 42%,#112d5c 89%,#1b558a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2170b2 0%,#21447b 42%,#112d5c 89%,#1b558a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2170b2', endColorstr='#1b558a',GradientType=0 ); /* IE6-9 */ } #ReferencesPeoplesText .owl-dots { position:absolute; right:0; bottom:0.5em; } #ReferencesPeoplesText .owl-dots .owl-dot { width:40px; height:40px; background-color:var(--color5); margin:10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position:relative; } #ReferencesPeoplesText .owl-nav button.owl-prev span::before, #ReferencesPeoplesText .owl-nav button.owl-next span::before { content:''; } #ReferencesPeoplesText .owl-nav button span { display:block; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; margin:auto; color:var(--color2); background-position:center center; background-repeat:no-repeat; line-height:2.9; color:var(--color10); } #ReferencesPeoplesText .owl-nav button.owl-prev span{ background-image:url(/Images/arrowleft.png); } #ReferencesPeoplesText .owl-nav button.owl-next span{ background-image:url(/Images/arrowright.png); } #ReferencesPeoplesText .owl-nav button.owl-prev { left:-4em; } #ReferencesPeoplesText .owl-nav button.owl-prev svg{ position:absolute; width:100%; height:100%; left:0; top:0;} #ReferencesPeoplesText .owl-nav button.owl-prev #SliderLeftButt{ fill:#292929; } #ReferencesPeoplesText .owl-nav button.owl-prev #SliderLeftArrow{ fill:white; } #ReferencesPeoplesText .owl-nav button.owl-prev span, #ReferencesPeoplesText .owl-nav button.owl-next span { } #ReferencesPeoplesText .owl-nav button.owl-next { right:-4em; } #ReferencesPeoplesText .owl-nav button.owl-next svg{ position:absolute; width:100%; height:100%; left:0; top:0;} #ReferencesPeoplesText .owl-nav button.owl-next #SliderRightButt{ fill:#E36927; } #ReferencesPeoplesText .owl-nav button.owl-next #SliderRightArrow{ fill:white; } #ReferencesPeoplesText { width:100%; z-index:110; } #ReferencesPeoplesText .active,#ReferencesPeoplesText .dot:hover { background: none; } #ReferencesPeoplesText .active span { display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:24px; height:24px; background-color:var(--color4); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin:auto; } #ReferencesPeoplesText.owl-carousel .item { margin:60px 30px; } #ReferencesPeoplesText.owl-carousel .item .Field{ margin-bottom:0.5em; } #ReferencesPeoplesText.owl-carousel .item .Field.Photo{ width:150px; height:150px; display:block; position:relative; float:left; overflow:hidden; margin-bottom:0; margin-right:20px; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; } #ReferencesPeoplesText.owl-carousel .item .Field.Photo img{ min-height:150px; min-width:150px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } #ReferencesPeoplesText.owl-carousel .item .Field.Name{ text-align:left; font-size:1.2em; font-family:var(--font-title); font-weight:700; color:var(--color10); } #ReferencesPeoplesText.owl-carousel .item .Field.Name strong{ font-weight:700; } #ReferencesPeoplesText.owl-carousel .item .Field.Description{ text-align:left; display:block; overflow:hidden; font-weight:300; color:var(--color10); } #ReferencesPeoplesText.owl-carousel .item .Field.Description p { color:var(--color10); padding:0; margin:0; } #Reference { display:inline-block; float:left; width:100%; background: rgb(30,30,30); background: linear-gradient(90deg, rgba(30,30,30,1) 0%, rgba(30,30,30,1) 50%, rgba(67,67,67,1) 50%, rgba(67,67,67,1) 100%); } #Reference .PageLayout { position:relative; max-width:1460px; } #Reference .uvozovky{ display:block; width:3em; height:3em; background-position:center center; background-repeat:no-repeat; position:absolute; margin:auto; background-size:contain; } #Reference .uvozovky.nahore{ top:2.5em; right:2.5%; background-image:url(/Images/uvozovky.png); } #Reference .uvozovky.dole{ bottom:2.5em; left:2.5%; background-image:url(/Images/uvozovky.png); } #RefNadpis { position:absolute; left:0; top:-40px; right:0; bottom:auto; margin:auto; width:260px; height:80px; text-align:center; display:block; font-family:var(--font-title); color:var(--color5); font-size:2em; background-color:#B4B4B4; line-height:80px; } #Reference a.linkReference { position:absolute; left:0; top:auto; right:0; bottom:-25px; margin:auto; width:150px; height:50px; text-align:center; display:block; font-family:var(--font-body); color:var(--color5); font-size:1rem; background-color:#B4B4B4; line-height:50px; text-decoration:none; } /*NABIDKA*/ /*details nabidka*/ #DetailNabidka { padding-top:135px; } #DetailNabidka .PageLayout { position:relative; } #DetailNabidka .StatusEstate { right:0; position:absolute; top:3em; color:white; padding:1em 2em; text-transform:uppercase; } #DetailNabidka .StatusEstate.realized { background-color:orange; } #DetailNabidka .StatusEstate.reservation { background-color:blue; } #DetailNabidka .ZakladniPolozky { /*position:absolute;*/ } #DetailNabidka .ZakladniPolozky .PageLayoutObr{ position:relative; } #DetailNabidka #slider #ovl { position: absolute; right: 1em; bottom: 1em; max-width: 6.5em; max-height: 3em; z-index: 90; } #DetailNabidka #slider #ovl a { position: relative; left: 0; bottom: 0; width: 3em; height: 3em; display: block; background-color:var(--color2); } #DetailNabidka #slider #ovl a.prev { float: left; margin-right:0.5em; background-image: url(/Images/sliderleft.png); background-repeat:no-repeat; background-position:center center; } #DetailNabidka #slider #ovl a.next { float: right; background-image: url(/Images/sliderright.png); background-repeat:no-repeat; background-position:center center; } #DetailNabidka #slider #ovl a.prev .SliderLeftButt .ctverec { fill: var(--color2); } #DetailNabidka #slider #ovl a.prev .SliderLeftButt .sipka { fill: var(--color10); } #DetailNabidka #slider #ovl a.next .SliderRightButt .ctverec { fill: var(--color2); } #DetailNabidka #slider #ovl a.next .SliderRightButt .sipka { fill: var(--color10); } #DetailNabidka .ZakladniPolozky .PageLayout { position:relative; } #DetailNabidka .ZakladniPolozky .DetailLeft { width:auto; position:absolute; left:2em; top:2em; } #DetailNabidka .ZakladniPolozky .DetailRight { width:100%; } #DetailNabidka .ZakladniPolozkyContent { display: table; float: right; max-width: 22em; padding: 15px; width: calc(100% - 30px); } /*#DetailNabidka .hlPrint { display:block; width:50px; height:50px; background-color:#FC242D; background-image:url(/Images/tisk.png); background-position:center center; background-repeat:no-repeat; position:absolute; right:2em; top:2em; margin:1em; }*/ #DetailNabidka .Tisk,#DetailProjekt .Tisk { width:30%; float:right; text-align:center; } #DetailNabidka .Tisk span,#DetailProjekt .Tisk span{ font-weight:bold; text-transform:uppercase; } #DetailNabidka .hlPrint { display:block; width:50px; height:50px; background-color:#FC242D; background-image:url(/Images/tisk.png); background-position:center center; background-repeat:no-repeat; margin:1em auto; } #DetailNabidka .hlPrint:hover { background-color:black; } #DetailNabidka .ZakladniPolozkyContent .TwoColumnTable{ /*background-image:url(/Images/backwhiteopacity.png); background-position:left top;*/ padding:0.5em; background-color:rgba(234,234,234,0.8); } /*#DetailNabidka .ZakladniPolozkyContent a.button.Zpet { background-image:url(/Images/btArrowLeft.png); }*/ #DetailNabidka .ZakladniPolozkyContent a.button.Zpet:hover{ background-color:black; } #DetailNabidka .ZakladniPolozkyContent .HorizontalLine { width:100%; border-bottom:2px solid white; height:0.2em; margin-bottom:2em; } #DetailNabidka .ZakladniPolozkyContent .Cena { font-size:120%; font-weight:bold; } #DetailNabidka .ZakladniPolozkyContent .Left{ font-weight:normal; width:40%; text-transform:capitalize; } #DetailNabidka .ZakladniPolozkyContent .Right{width:60%; } #DetailNabidka .ZakladniPolozky .DetailRight #hlPhoto{ width:100%; height:auto; } #DetailNabidka .ZakladniPolozky .DetailRight #hlPhoto a{ width:100%; overflow:hidden; position:relative; height:40em; display:block; } #DetailNabidka .ZakladniPolozky .DetailRight #hlPhoto a img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; } /*#DetailNabidka .button { font-size:105%; color:white; }*/ #DetailNabidka .ZakladniPolozky .buttons { margin-top:2em; } #DetailNabidka .ZakladniPolozky .buttons .button { background-color:black; border:1px solid white; text-align:left; padding:0 0 0 3em; line-height:50px; margin-bottom:0.5em; background-image:url(/images/bottomArrowWhite.png); cursor:pointer; } #DetailNabidka .ZakladniPolozky .buttons .button.tisk { background-image:url(/Images/tiskwhite.png); } #DetailNabidka .ZakladniPolozky .buttons .button:hover { background-color:#aa7351; border:1px solid white; text-align:left; padding:0 0 0 3em; } #DetailNabidka .Telo .PageLayout { width:calc(100% - 30px); padding:0 15px; } #DetailNabidka .Telo { /*background-image:url(/Images/detnabbgtelo.png); background-position:center top; background-repeat:repeat-y;*/ } #DetailNabidka .Telo .PageLayoutObr{ /*background-image:url(/Images/detnabbgtelo.png); background-position:center top; background-repeat:repeat-y;*/ } #DetailNabidka .Telo .DetailLeft { float:left; width:30%; display:table; } #DetailNabidka .Telo .DetailRight { float:left; width:70%; display:table; background-color:white; } #DetailNabidka .ZahlaviObr { position:relative; } #DetailNabidka .ZahlaviPopisek { position:relative; width:35%; float:right; } #DetailNabidka .MapaContent { width:100%; display:table; margin-top:2em; } #DetailNabidka .MapaContent .mapsIframe{ width:100%; display:table; border:none; height:300px; } #DetailNabidka .button.fotografie{ width:auto; float:right; margin-right:2em; background-image:url(/Images/detnabicofoto.png); padding-left:3em; } #DetailNabidka #Makler{ width:100%; display:table; padding-top:2em; } #DetailNabidka #Makler #MaklerContent{ width:100%; padding:1em 0; display:table; margin:0 auto; } #DetailNabidka #Makler.lock{ } #DetailNabidka .LeftMapaAgent { float:right; display:table; width:100%; margin-top:2em; } #DetailNabidka h2{ width:auto;} #DetailNabidka #DetNabDevProj { margin-top:2em; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent{ padding:2%; width:96%; background-color:#eaeaea; position:relative; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Image{ width:25%; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Image img{ float:left; max-width:100%; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Left.Info{ margin:1em 0; width:100%; display:block; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Left.Name{ font-family: 'Oswald', sans-serif; color:black; font-size:120%; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Captions{ width:73%; float:right; } #DetailNabidka #DetNabDevProj .DetNabDevProjContent .Captions .Odkaz{ position:absolute; right:2%; bottom:1em; width:25%; } #DetailNabidka #Makler #maklerFoto{ width:100px; height:140px; display:block; float:left; margin-right:15px; overflow:hidden; margin-top:0.5em; /*border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px;*/ position:relative; } #DetailNabidka #Makler #maklerFoto img { position:absolute; transform: translate(-50%, -50%); left:50%; top:50%; min-height:100%; min-width:100%; max-width:120px; } #DetailNabidka #Makler h3,#DetailProjekt #Makler h3 { padding:0; font-size:1.2em; color:var(--color1) } #DetailNabidka #Makler #maklerPolozky { float:left; width:calc(100% - 115px); min-width:150px; } #DetailNabidka #Makler #maklerPolozky .JmenoMaklere{ font-weight:normal; } #DetailNabidka #Makler .MaklerOstatni,#DetailProjekt #Makler .MaklerOstatni { padding-top:0; float:left; width:calc(100% - 165px); min-width:150px; } #DetailNabidka #Makler .MaklerOstatni .Item{ padding-bottom:0; } #DetailNabidka #Makler .MaklerOstatni .Item .labelName{ display:block; width:100%; } #DetailNabidka #Makler .MaklerOstatni .Item a{ color:var(--color2); text-decoration:none; font-weight:300; } #DetailNabidka #PodrobnePolozky { margin-top:2em; width:100%; } #DetailNabidka #PodrobnePolozky .LevySloupec{ width:49%; float:left; } #DetailNabidka #PodrobnePolozky .PravySloupec{ width:49%; float:left; margin-left:2%; } #DetailNabidka #PodrobnePolozky .TwoColumnTable{ border-bottom:none; } #DetailNabidka #PodrobnePolozky .TwoColumnTable .Row{ /*border-bottom:1px solid silver;*/ float:left; } /*#DetailNabidka #PodrobnePolozky .TwoColumnTable .Left{ font-weight:normal; width:calc(46% - 10px); padding:5px; text-transform:none; } #DetailNabidka #PodrobnePolozky .TwoColumnTable .Right{ width:calc(46% - 10px); padding:5px; }*/ #DetailNabidka #Fotografie { margin-top:2em; margin-bottom:3em; } /*#DetailNabidka #DetailForm { background-color:#eaeaea; margin-bottom:2em; }*/ #DetailNabidka #DetailForm #Tlac .Left{ width:50%; } #DetailNabidka #DetailForm #Tlac .Right{ width:50%; } #DetailNabidka #DetailForm #Tlac a{ background-color:#787878; text-align:left; padding-left:3em; line-height:50px; } #DetailNabidka #DetailForm #Tlac a.VisibleButton{ color:black; background-color:#eaeaea;} #DetailNabidka #DetailForm #Tlac .Right a{ background-image:url(/Images/btobalka.png); } #DetailNabidka #DetailForm #Tlac .Right a.VisibleButton{ background-image:url(/Images/btobalkablack.png); } #DetailNabidka #DetailForm #Tlac .Left a.VisibleButton{ background-image:url(/Images/bottomArrowBlack.png); } #DetailNabidka #NemovitostiProjekt { } #DetailNabidka #NemovitostiProjekt table tr { cursor:pointer; } #DetailNabidka #NemovitostiProjekt table tr.Prodano td{ color:#a0a0a0; } #DetailNabidka #NemovitostiProjekt table tr.Prodano td span{ color:#a0a0a0; } #DetailNabidka #NemovitostiProjekt table tr:hover { background-color:#e3d5cd; } #DetailNabidka #NemovitostiProjekt table tr.devProjListHeader { background-color:#FC242D; color:white; font-weight:bold; } #DetailNabidka #NemovitostiProjekt table tr.devProjListHeader a{ color:white; font-weight:bold; } #DetailNabidka #NemovitostiProjekt table tr.devProjListHeader:hover { } #DetailNabidka #NemovitostiProjekt table tr td{ padding:0.5em; } #DetailNabidka #NemovitostiProjekt table tr.devProjListItem { background-color:#eaeaea; } #DetailNabidka #NemovitostiProjekt table tr.devProjListAlterItem { background-color:white; } #DetailNabidka #NemovitostiProjekt table tr.devProjListItem:hover,#DetailProjekt #NemovitostiProjekt table tr.devProjListAlterItem:hover { background-color:var(--color2); } #DetailNabidka #NemovitostiProjekt table { width:100%; } #DetailNabidka .DetailRight #Popis { max-width:55em; min-height:800px; } #DetailNabidka .DetailRight #nahledVsechFoto { max-width:55em; } #DetailNabidka #paginating { width:auto; margin-right:0; margin-left:auto; display:table; float:right; margin-right:1em; margin-top:2em; margin-bottom:4em; } #DetailNabidka #paginating .imp{ padding:0.5em; background-color:#aa7351; color:white; margin-right:0.2em; display:block; float:left; } #DetailNabidka #paginating a{ padding:0.5em; background-color:#eaeaea; color:black; margin-right:0.2em; text-decoration:none; display:block; float:left; } #DetailNabidka #paginating .pagitext{ display:block; float:left; margin-right:1em; padding-top:0.5em; } #DetailNabidka .BoxPhoto { width:60%; margin-right:5%; float:left; } #DetailNabidka .BoxPhoto li{ background:none; } #DetailNabidka .BoxPhoto #slider { margin-bottom:15px; } #DetailNabidka .LeftMapaAgent .button { display:table; } #DetailNabidka .LeftMapaAgent .button.Zajem { width:calc(100% - 120px); float:left; } #DetailNabidka .LeftMapaAgent .button.Zajem:hover { background-color:var(--color2); color:white; } #DetailNabidka .LeftMapaAgent .button.Tisk { width:80px; float:right; background:none; background-image:url(/Images/m-ico-button-print.svg); background-position:left center; background-repeat:no-repeat; color:var(--color1); text-align:right; } #MateZajem h3 { text-align:center; } #InvesticeForm,#MateZajem .ClientForm { width:600px; margin:2em auto; } #MateZajem .ClientForm { margin-top:0; background-color:#eaeaea; margin-left:auto; margin-right:auto; display:table; } .ClientForm { padding:15px; position:relative; width:calc(100% - 30px); } .ClientForm .Item { width:49%; margin-right:1%; float:left; } .ClientForm .Item.Name { width:100%; margin-bottom:0.2em; } .ClientForm .Item.Phone { width:50%; margin-right:0; float:right; } .ClientForm .Item.Popis { width:100%; margin-right:0; margin-top:1em; } .ClientForm .Item.Captcha { width:100%; margin-right:0; } .ClientForm .Item.Captcha div div div{ width:50%; float:left; } .ClientForm .Item.Captcha div div p{ width:50%; float:right; margin:0; } .ClientForm .Item.Send { position:relative; margin-top:1em; width:100%; } .ClientForm .ItemValidation, .ClientForm .Captcha div span { color:red; } #InvesticeForm { background-color:var(--color5); margin-bottom:2em; } #DefaultPage h3{ text-align:center; } #DefaultPage #LastDevProj { width:1000px; display:table; margin:auto; } .devprojList { } .devprojList .Item{ position:relative; width:48%; margin:1em 1%; float:left; cursor:pointer; } .devprojList .Item .stitek{ position:absolute; background-color:red; z-index:100; padding:0.2em 1em; color:white; } .devprojList .Item .imgHolder{ } .devprojList .Item .imgHolder a{ position: relative; overflow: hidden; width: 100%; display: block; height: 0; padding-bottom: 68%; } .devprojList .Item .imgHolder a img{ min-height: 100%; min-width: 100%; max-height: 120%; max-width: 120%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .devprojList .Item .captions { position: absolute; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; left:0; top:0; z-index:10; } .devprojList .Item .captions .captions-content { width:100%; position:absolute; left:0; top:35%; right:0; bottom:0; display:inline; margin:auto; text-align:center; align-items: center; justify-content: center; text-align: center; } .devprojList .Item .captions .captions-content div { width:100%; float:none; display:block; } .devprojList .Item .button{ display:none; } .devprojList .Item .captions .captions-content .NadpisItem a{ color:white; font-family:var(--font-title); font-weight:500; text-decoration:none; font-size:1.3em; max-width:80%; display:table; margin:auto; } .devprojList .Item .captions .captions-content .linka{ width:60%; margin:0.5em auto; height:1px; border-top:1px solid white; display:block; } .devprojList .Item .captions .captions-content .lokalita { color:white; } #DefaultPage #LastDevProj { padding-bottom:2em; } #Partners { display:inline-block; float:left; width:100%; height:5em; background-color:var(--color5); padding:1em 0; } #Partners #PartnersSlideshow { } #Partners .owl-nav button.owl-prev, #Partners .owl-nav button.owl-next { display:block; position:absolute; background-position:center center; background-repeat:no-repeat; z-index:200; width:3em; height:3em; bottom:0; background-color:var(--color2); } #Partners .owl-nav button span { display:block; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; margin:auto; color:var(--color2); background-position:center center; background-size:80%; background-repeat:no-repeat; } #Partners .owl-nav button.owl-prev { background-image:url(/Images/sliderleft.png); } #Partners .owl-nav button.owl-next { background-image:url(/Images/sliderright.png); } #Partners .owl-nav button.owl-prev { right:-5%; } #Partners .owl-nav button.owl-prev svg{ position:absolute; width:100%; height:100%; left:0; top:0;} #Partners .owl-nav button.owl-prev #SliderLeftButt{ fill:#292929; } #Partners .owl-nav button.owl-prev #SliderLeftArrow{ fill:white; } #Partners .owl-carousel.owl-drag .owl-item { } #Partners .owl-carousel.owl-drag .owl-item .item{ position:relative; height:5em; } #Partners .owl-carousel.owl-drag .owl-item .itemContent{ position:absolute; width:90%; height:100%; left:0; top:0; right:0; bottom:0; margin:auto; text-align:center; vertical-align:central; } #Partners .owl-carousel.owl-drag .owl-item .itemContent img{ max-width:100%; max-height:100%; margin:auto; width:auto; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; } #Partners .owl-carousel.owl-drag .owl-item .itemContent .txt { display:normal; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #Partners .PageLayout { position:relative; } #Partners #PartnersSlideshow { width:calc(100% - 114px); position:absolute; left:57px; } #Partners .button{ float:left; width:57px; height:57px; display:block; margin-top:1em; background-position: center center; background-repeat: no-repeat; background-color: var(--color2); } #Partners #PartnersSlideshowLeft{background-image: url(/Images/sliderleft.png) } #Partners #PartnersSlideshowRight{ float:right;background-image: url(/Images/sliderright.png) } #Poptavka { padding-bottom:2em; } #Poptavka h2,#Poptavka p{ text-align:center; } #Poptavka .button { margin-top:2em; width:30%; margin-left:auto; margin-right:auto; color:white; } #ChciKoupitForm { } #ChciKoupitForm .demand{ background-color:var(--color5); } #NasTym { display:table; width:100%; margin-bottom:2em; } #NasTym #team { display:flex; flex-wrap:wrap; } #NasTym h2 { padding-left:1%; } #NasTym .NasTymList { flex-wrap:wrap; display:flex; } #NasTym .item{ width:46%; margin:1em 1%; padding:1em 1%; background-color:var(--color7); } #NasTym .item .imgHolder{ width:25%; float:left; } #NasTym .item .imgHolder img{ max-width:calc(100% - 10px); max-height:150px; margin-right:10px; } #NasTym .Item .textHolder{ width:73%; float:right; } #NasTym .Item .textHolder .Nadpis{ color:var(--color1); font-size:1.3em; font-weight:bold; margin-bottom:1em; } #NasTym .Item .textHolder .Nadpis .Grade{ color:black; font-size:70%; display:block; width:100%; font-style:italic; font-weight:normal; } #NasTym .Item .textHolder .ShortDescription{ } #NasTym .Item .textHolder .ico { width:100%; height:2em; display:inline-block; line-height:2em; } #NasTym .Item .textHolder .ico svg{ fill:var(--color2); width:2em; float:left; margin-right:1em; } #NasTym .Item .textHolder .Links { } #NasTym .Item .textHolder .Links .item{ display:table; width:100%; } #BackgroundImageHeader .owl-dots { position:absolute; width:auto; display:table; right:3em; bottom:2em; } #BackgroundImageHeader .owl-dots .owl-dot{ width:2em; height:2em; background-color:rgba(0,0,0,0.5); display:block; float:left; position:relative; margin-right:1em; border:2px solid #5A5454; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } #BackgroundImageHeader .owl-dots .owl-dot.active span{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background-color:var(--color1); width:1.2em; height:1.2em; -webkit-border-radius: 0.7em; -moz-border-radius: 0.7em; border-radius: 0.7em; background: rgb(143,22,24); background: linear-gradient(180deg, rgba(143,22,24,1) 0%, rgba(227,53,54,1) 40%, rgba(226,52,54,1) 57%, rgba(143,22,24,1) 100%); } #BackgroundImageHeader .item .PageLayout { position:relative; height:100%; } #BackgroundImageHeader .item .PageLayout .BoxInBackground{ width:calc(30% - 80px); position:absolute; right:0; top:10em; background-color:rgba(0,0,0,0.5); color:white; padding:40px; text-align:right; } #BackgroundImageHeader .item .PageLayout .BoxInBackground h2{ padding:0; margin:0; color:white; padding-bottom:0.5rem; font-size:2rem; text-align:right; } #BackgroundImageHeader .item .PageLayout .BoxInBackground p{ color:white; margin:0; text-align:right; } .DefaultFilter { position:absolute; bottom:10em; z-index:5; display:block; left:0; right:0; margin:auto; width:560px; } .DefaultFilter .ContentFilter { background-color:rgba(255,255,255,0.3); /*padding:15px;*/ display:table; } .DefaultFilter .ContentFilter .IcoButton{ width:110px; height:110px; margin:15px; float:left; position:relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .DefaultFilter .ContentFilter .IcoButton.gradient2:hover{ background:none; background-color:var(--color2); } .DefaultFilter .ContentFilter .IcoButton .ico { position:absolute; top:0.8em; width:40px; height:40px; display:block; margin:auto; left:0; right:0; } .DefaultFilter .ContentFilter .IcoButton .ico .icoin { fill:var(--color10); } .DefaultFilter .ContentFilter .IcoButton .txt { position:absolute; bottom:1.8em; color:var(--color10); text-transform:uppercase; font-size:0.7em; left:0; right:0; margin:auto; text-align:center; display:block; font-weight:500; } .DefaultFilter .ContentFilter .IcoButton .Link { position:absolute; width:100%; height:100%; top:0; left:0; } .DefaultFilter .OvlButtonsFilter { width:calc(50% - 20px); padding:10px; background-color:rgba(255,255,255,0.3); float:none; display:table; } .DefaultFilter .OvlButtonsFilter .butt { width:49%; float:left; color:var(--color10); text-decoration:none; font-weight:500; text-transform:uppercase; text-align:center; font-size:0.9em; height:40px; line-height:40px; } .DefaultFilter .OvlButtonsFilter .butt.prodej { margin-right:2%; } .DefaultFilter .OvlButtonsFilter .butt.deactive { background:none; background-color:var(--color2); } .DefaultFilter .ObrFilter { float:none; display:table; } #PageLanguage { width:50px; height:50px; position:absolute; top:0; right:400px; margin-top:0.5em; } #PageLanguage .RadNavigation .rnvRootGroupWrapper { border:none; } #PageLanguage .RadNavigation .rnvRootLink { padding:0; border:none; position:absolute; width:100%; height:100%; } #PageLanguage .RadNavigation .rnvLink .radIcon { display:none; } #PageLanguage .RadNavigation .rnvRootGroup > .rnvItem { display:block; width:40px; height:40px; position:relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:2px; padding-left:0; } #PageLanguage .RadNavigation .rnvLink .rnvText { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:40px; color:var(--color10); text-transform:uppercase; } body .rnvLink .radImage { margin:0; } body .rnvItem.link { margin-top:0.5em;margin-bottom:0.5em; } .RadWindow li.rwListItem { background:none; margin:0; padding:0; } body .RadWindow .rwIcon:before { display:none; } body #PopupThank { display:inline-block; width:100%; margin-bottom:2em; text-align:center; } body #PopupThank h1 { font-size: 2em; text-align: center; } body .RadWindow_Default { border:none; background:none; } body .RadWindow_Default .rwTitleBar { border:none; background:none; position:relative; } body .RadWindow_Default .rwTitleBar { border-top:3px solid var(--color1); } body .RadWindow .rwTitle { display:none; } body .RadWindow .rwCommands { position: absolute; width: 40px; height: 40px; z-index: 500; background-color:var(--color2); /*-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);*/ top:23px; right:-14px; background: rgb(143,22,24); background: linear-gradient(180deg, rgba(143,22,24,1) 0%, rgba(227,53,54,1) 40%, rgba(226,52,54,1) 57%, rgba(143,22,24,1) 100%); } body .RadWindow li.rwListItem { width: 100%; height: 100%; position: absolute; /*-webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);*/ } body .RadWindow .rwCommandButton { width: 100%; height: 100%; position: absolute; border: none; background: none; padding: 0; text-align: center; } body .RadWindow span.rwCommandButton:hover { border:none; background:none; padding:0; } body .RadWindow .rwCommandButton:before { font-size:30px; text-align:center; line-height:40px; color:var(--color10); } body .RadWindow .rwContent { border:none; background-color:white; padding:0; min-width:600px; } body .RadWindow.PopUpForm { background-color:white; } body .RadWindow .rwTitleWrapper { height:3em; padding:0; position:relative; } body .RadWindow .rwCommands { position:absolute; top:0; right:0; left:auto; bottom:auto; margin:0; } body .RadWindow .rwIcon { display:none; } body .RadWindow .rwContent #ContactForm { width:calc(100% - 30px); padding:15px; } body .clientForm .txBoxComplex .txBox{ width:calc(100% - 2px); float:left; border:1px solid #d1d1d1; } body .clientForm .Item.Popis .txBoxComplex .txBox { width:calc(100% - 2px); border:1px solid #d1d1d1; } body .clientForm .txBoxComplex .txBox .riTextBox[type="text"],body .clientForm .txBoxComplex .RadInput textarea { box-shadow:none; background-color:#f1f1f1; height:48px; border:none; } body .clientForm .txBoxComplex .RadInput textarea { height:5em; padding:0.5em; } body .clientForm .txBoxComplex .txBox .riTextBox[type="text"].riEmpty,body .clientForm .txBoxComplex .RadInput textarea.riEmpty { color:var(--color1); font-weight:300; font-style:normal; } body .clientForm .txBoxComplex .Right{ width:150px; } body .clientForm .txBoxComplex .Right .button{ height:50px; } body .clientForm .Item { margin-bottom:5px; display:table; width:100%;} body .clientForm .Item.Captcha { } body .clientForm .Item.Captcha div div div{ width:50%; float:left; } body .clientForm .Item.Captcha div div div img{ max-width:50%; } body .clientForm .Item.Captcha div div p{ width:50%; float:right; margin:0; color:var(--color1); } body .clientForm .Item.Captcha div div p input[type="text"]{ height:48px; background-color:#f1f1f1; } body .clientForm .Item.Send .button{ margin:0; border:none; width:auto; display:table; margin:auto; padding:0 2em; margin-top:1em; } body .clientForm .ItemValidation,body .clientForm .Item.Captcha div span { color:red; } body .clientForm #UserText h2{ margin:0; padding:0; position:relative; margin-bottom:1em; text-align:center; } /*body .clientForm #UserText h2::after {background-color: var(--color2); bottom: 0; content: ''; height: 0.04em; left: 50%; margin-left: -.83333em; position: absolute; width: 1.66667em; }*/ body .clientForm #UserText p {color:var(--color1); margin-bottom:2em; text-align:center; } body .clientForm .DodaText { color:var(--color1); text-align:center; /*max-width:300px; margin:auto; float:none;*/ } body .clientForm .DodaText a{ font-weight:300; } #DefaultPageText .UserText { width:65%; float:left; } #DefaultPageText .UserText .button{ width:auto; display:table; padding:0 2em; } #DefaultPageText .DevProjClass { float:right; width:30%; } .PaddingTop { padding-top:108px; } #RefDevProj { margin-top:6em; } #RefDevProj .Item{ } #RefDevProj .Item .ItemContent{ position:relative; width:100%; height:0; padding-top:56.25%; } #RefDevProj .Item .ItemContent .ImgCrop{ position:absolute; height:100%; width:100%; overflow:hidden; top:0; left:0; } #RefDevProj .Item .ItemContent .ImgCrop img{ position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; margin:auto; z-index:10; } #RefDevProj .Item .ItemContent .ImgCrop .Title{ position:absolute; display:table; width:100%; text-align:center; left:0; top:calc(50% - 10px); right:0; bottom:0; margin:auto; color:var(--color10); font-weight:900; font-size:1.2em; line-height:1; text-transform:uppercase; z-index:20; } #RefDevProj .Item .ItemContent .ImgCrop .zavoj { position:absolute; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.5); left:0; top:0; z-index:15;} #carousel.flexslider .slides img { opacity:0.7; } #carousel.flexslider .slides li.flex-active-slide img { opacity:1; } #DetailNabidka .MapaContent #MapyCzHolder{ height:20em; } .BoxBlueBoxy { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content:center; } #DetailNabidka .TwoColumnTable .Row { background-color:#EDEDED; display:table; width:calc(100% - 16px); padding:8px; } #DetailNabidka .TwoColumnTable .Row.Alternative { background-color:white; } #DetailNabidka .TwoColumnTable .Row .Left{ font-weight:400; } #DetailNabidka #Makler .TwoColumnTable .Row { background:none; width:100%; padding-left:0; padding-right:0; font-size:0.9em; } .Kontakt { } .Kontakt h2{ width:auto; display:table; } .MapaIframe{ width:50%; height:20em; float:right; margin-top:2em; } #TextPage.Zrealizovane { background-color:var(--color5); } #PageLanguage { } #PageLanguage .RadDropDownList .rddlInner { background:none; box-shadow:none; background: #2170b2; /* Old browsers */ background: -moz-linear-gradient(top, #2170b2 0%, #21447b 42%, #112d5c 89%, #1b558a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2170b2 0%,#21447b 42%,#112d5c 89%,#1b558a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2170b2 0%,#21447b 42%,#112d5c 89%,#1b558a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2170b2', endColorstr='#1b558a',GradientType=0 ); /* IE6-9 */ width:50px; height:50px; padding-left:0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; } #PageLanguage .RadDropDownList .rddlSelect { display:none; } #PageLanguage .RadDropDownList .rddlFakeInput { color:white; text-align:center; } .TextDefault .UserText { padding:4rem 0; } .TextDefault .UserText h1{ margin:0; padding:0 0 1rem 0; } .SluzbyDefault { background-color:#F1F1F1; } #Services { padding:2em 0; display:flex; width:100%; flex-wrap:wrap; margin:auto; } #Services .ItemServices { width:calc(50% - 6px); margin:3px; position:relative; cursor:pointer; } #Services .ItemServices .IcoContent{ width:100%; padding-top:56.25%; position:relative; display:block; overflow:hidden; } #Services .ItemServices .IcoContent img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; min-height:100%; min-width:100%; max-width:120%; max-height:120%; } #Services .ItemServices .TextContent a{ position:absolute; bottom:0; margin:auto; left:0; right:0; top:auto; width:100%; background-color:rgba(0,0,0,0.7); color:white; text-decoration:none; padding:0.8em 0; text-align:center; text-transform:uppercase; font-size:1.2em; } .Partneri { background-color:black; padding:2em 0; } .PartneriContent { display:flex; flex-wrap:nowrap; } .PartneriContent .ItemLogo { width:25%; text-align:center; height:5em; position:relative; color:#9a9a9a; } .PartneriContent .ItemLogo img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } #Footer h3 { color:#B1B1B1; padding-top:0; } #Video { width:50%; margin:auto; display:table; float:none; } #Video .VideoFileContent { display:block; overflow:hidden; position:relative; width:100%; padding-top:56.25%; } #Video .VideoFileContent video{ position:absolute; left:0; top:0; width:100%; height:100%; margin:2em 0; } .Kontakt .mapaIframe { float:right; width:50%; height:350px; display:block; } .Kontakt { padding-bottom:2em; } .Kontakt table { margin:1em 0; } .Kontakt table tr{ float:left; margin-right:2em; } .Kontakt table img{ margin-right:1em; } #ReferencesPeoplesTextStatic { display:table; padding-bottom:2em; } #ReferencesPeoplesTextStatic .item { margin-bottom:2em; } #ReferencesPeoplesTextStatic .item p{ margin:0; } .DrobenkoveMenu { background-color:var(--color7); padding:2em 0; } .SolidImg { width:40%; float:right; margin-left:2em; margin-bottom:2em; } #MenuButton { display:none; } #DefaultCReality { padding-bottom:2rem; font-size:1rem; text-align:center; }