:root { --color1:#C8392B; --color2:#efefef; --color4:#eaeaea; --color5:#777777; --color6:#121212; --color10:white; --color11:black; /*--color7:#2B2B2B;*/ --font-body:'Montserrat', sans-serif; --font-title:'Montserrat', sans-serif; } html, body {height:100%;} body { font-family: 'Montserrat', sans-serif; position:relative; width:100%; height:100%; font-size:1em; font-weight:400; 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; } p {margin: 0.75em 0; } sup { vertical-align: top; font-size:smaller; } h2.nonblock { display:table; width:auto; float:left; } body#popup { background: none; } strong { font-weight:500; } .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-size:3em; text-transform:none; font-weight:300; color:var(--color10); } h2 { font-family:var(--font-title); font-weight:500; text-transform:none; text-align:left; font-size:2.2em; line-height:1.3; color:var(--color1); margin: 0; padding: 0.8em 0 0.8em 0; } /*h2::after {background-color: #c58627; bottom: 0; content: ''; height: 0.04em; left: 50%; margin-left: -.83333em; position: absolute; width: 1.66667em; }*/ h2 span.dodatek { font-size:0.4em; color:var(--color11); display:block; float:none; } /*#textContent h2 {padding: 10px 0px;}*/ h3 { font-family:var(--font-title); font-weight:500; text-transform:none; font-size:1.6em; color:var(--color1); margin: 0; padding: 1em 0 0.7em 0; } h3.orange {color:var(--color2); } h3 span {color: #e5a325;} h4 { margin:0.6em 0; font-weight:600; } h4.RedOK { padding-left:45px; line-height:45px; background-image:url(/Images/li-red-big-ok.png); background-position:left center; background-repeat:no-repeat; } .errorMsg {color: Red;} /*.button:hover { color:var(--color1); }*/ .button.color10,.button.white { background-color:var(--color10); color:var(--color11); text-transform:none; } .button.white:hover { background-color:var(--color1); color:var(--color10); } ul, ul li { margin:0; padding:0; } ul li { background:none; background-image:url(/Images/li.png); background-position:left top 0.5em; background-repeat:no-repeat; list-style:none; padding-left:1.5em; } a { color:var(--color1); font-weight:600;} a:hover {color:var(--color1);} .validation { color:var(--color1); } .ImgW50 { width:48%; margin:1em 1%; } .ImgW25 { width:35%; } .ImgW25.Right { float:right; margin-left:2em; margin-bottom:1em; } .ImgW25.Left { float:left; margin-right:2em; margin-bottom:1em; } .Row { } .PageLayout { margin-left:auto; margin-right:auto; max-width:1200px; 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%; } .header { width:100%; position:absolute; display:inline-block;float:left; z-index:100; box-shadow: 0 0.5em 2em 0 rgba(0,0,0,.16); opacity:0.8; /*background: url(/images/bg.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } #headerContent { /*position:absolute; width:100%; height:100%;*/ /*background: rgba(19,19,19,1); background: -moz-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,0.67) 9%, rgba(37,37,37,0.19) 22%, rgba(43,43,43,0.19) 31%, rgba(17,17,17,0.19) 47%, rgba(0,0,0,0.19) 58%, rgba(44,44,44,0.19) 76%, rgba(71,71,71,0.19) 82%, rgba(102,102,102,0.19) 87%, rgba(89,89,89,0.19) 94%, rgba(76,76,76,0.19) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,1)), color-stop(9%, rgba(28,28,28,0.67)), color-stop(22%, rgba(37,37,37,0.19)), color-stop(31%, rgba(43,43,43,0.19)), color-stop(47%, rgba(17,17,17,0.19)), color-stop(58%, rgba(0,0,0,0.19)), color-stop(76%, rgba(44,44,44,0.19)), color-stop(82%, rgba(71,71,71,0.19)), color-stop(87%, rgba(102,102,102,0.19)), color-stop(94%, rgba(89,89,89,0.19)), color-stop(100%, rgba(76,76,76,0.19))); background: -webkit-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,0.67) 9%, rgba(37,37,37,0.19) 22%, rgba(43,43,43,0.19) 31%, rgba(17,17,17,0.19) 47%, rgba(0,0,0,0.19) 58%, rgba(44,44,44,0.19) 76%, rgba(71,71,71,0.19) 82%, rgba(102,102,102,0.19) 87%, rgba(89,89,89,0.19) 94%, rgba(76,76,76,0.19) 100%); background: -o-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,0.67) 9%, rgba(37,37,37,0.19) 22%, rgba(43,43,43,0.19) 31%, rgba(17,17,17,0.19) 47%, rgba(0,0,0,0.19) 58%, rgba(44,44,44,0.19) 76%, rgba(71,71,71,0.19) 82%, rgba(102,102,102,0.19) 87%, rgba(89,89,89,0.19) 94%, rgba(76,76,76,0.19) 100%); background: -ms-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,0.67) 9%, rgba(37,37,37,0.19) 22%, rgba(43,43,43,0.19) 31%, rgba(17,17,17,0.19) 47%, rgba(0,0,0,0.19) 58%, rgba(44,44,44,0.19) 76%, rgba(71,71,71,0.19) 82%, rgba(102,102,102,0.19) 87%, rgba(89,89,89,0.19) 94%, rgba(76,76,76,0.19) 100%); background: linear-gradient(to bottom, rgba(19,19,19,1) 0%, rgba(28,28,28,0.67) 9%, rgba(37,37,37,0.19) 22%, rgba(43,43,43,0.19) 31%, rgba(17,17,17,0.19) 47%, rgba(0,0,0,0.19) 58%, rgba(44,44,44,0.19) 76%, rgba(71,71,71,0.19) 82%, rgba(102,102,102,0.19) 87%, rgba(89,89,89,0.19) 94%, rgba(76,76,76,0.19) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0 );*/ } #MenuHeaderBottom { width:100%; position:absolute; z-index:90; bottom:2em; } #MenuHeaderBottom ul { width:100%; } #MenuHeaderBottom ul,#Menu ul li{ list-style:none; background-image:none; margin:0; padding:0; } /*#MenuHeaderBottom li{ float:left; width:20%; } #MenuHeaderBottom li a{ color:white; text-transform:uppercase; font-weight:bold; font-size:120%; text-decoration:none; padding:1em 0; width:98%; display:block; margin:0 auto; margin-bottom:0.2em; text-align:center; background-color:var(--color1); opacity:0.9; } #MenuHeaderBottom li a:hover{ background-color:#383838; }*/ #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%; height:25em; position:relative; } .HeaderBG .HeaderBGContent { width: 100%; height: 100%; position:absolute; background-image:url(/Images/BG.jpg); background-repeat:no-repeat; background-size:cover; background-position:left 30% 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; width:100%; height:100%; z-index:100; background: -moz-linear-gradient(left, rgba(85,85,85,0) 0%, rgba(85,85,85,0.15) 49%, rgba(85,85,85,0.57) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(85,85,85,0) 0%,rgba(85,85,85,0.15) 49%,rgba(85,85,85,0.57) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(85,85,85,0) 0%,rgba(85,85,85,0.15) 49%,rgba(85,85,85,0.57) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00555555', endColorstr='#91555555',GradientType=1 ); /* IE6-9 */ } .HeaderBG .HeaderBGContent .HeaderBGTextContent { position:absolute; width:100%; top:200px; z-index:110; text-align:right; } .HeaderBG.Default .HeaderBGContent .HeaderBGTextContent { position:absolute; width:100%; z-index:110; text-align:right; top:0; } .HeaderBG .HeaderBGContent .HeaderBGTextContent h1 { font-weight:600; } .HeaderBG .HeaderBGContent .HeaderBGTextContent p{ font-size:1.25em; font-weight:300; color:var(--color10); margin-bottom:1.7em; } .HeaderBG .HeaderBGContent .HeaderBGTextContent .button { width:auto; display:table; padding:0 2em; float:right; margin-left:1em; font-weight:500; opacity:0.8; } #Sluzby .HeaderBG .HeaderBGContent .HeaderBGTextContent { top:0; padding-top:8em; height:30em; } .HeaderBG .HeaderBGContent #btHeaderArrowToBottom { bottom:20px; width:66px; height:66px; position:absolute; display:block; z-index:120; left:0; right:0; margin:auto; cursor:pointer; } .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: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #efefef 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #efefef 0%,#efefef 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #efefef 0%,#efefef 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #TextPageDetail,#Nemovitosti,#DetailNabidka,#ReferenceList,#Kontakt,#NemovitostKoupit,#NemovitostProdat,#BlogList,#BlogDetail { padding-top:115px; } #TopPageTopHorizontalBox { } /*.header { position:static; }*/ #TopPage { width:100%; display:inline-block; float:left; position:relative; } #TopPage a.logo{ cursor:pointer; display:block; position:relative; width:320px; height:6em; float:left; background-image:url(/Images/logo.png); background-repeat:no-repeat; background-position:left center; background-size:90%; } #TopPage a.logo .logoimg { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; fill:white; width:80%; } #TopPage .PageLayout{ width:100%; position:relative; display:table; } #TopPage .Left { width:320px; } #TopPage .Right { position:absolute; display:block; width:calc(100% - 320px); height:100%; right:0; top:0; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #efefef 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #efefef 0%,#efefef 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #efefef 0%,#efefef 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #TopPage .HeaderTlac { position:relative; height:50%; line-height:50px; width:auto; display:table; padding:0 2em; float:right; font-weight:500; text-transform:uppercase; color:var(--color10); background-color:var(--color1); } #TopPage .social { float:right; margin-right:1em; margin-top:0.5em; } #MobilMenu .social { float:left; margin-right:0; } #TopPage .social .ico{ float:left; width:2em; height:2em; background-repeat:no-repeat; background-position:center center; } #TopPage .social .ico.facebook{ background-image:url(/Images/facebook.png); } #TopPage .social .ico.google{ background-image:url(/Images/google.png); } #TopPage .social .ico.twitter{ background-image:url(/Images/twitter.png); } #TopPage .social .ico.youtube{ background-image:url(/Images/youtube.png); } #TopPage .PhoneTlac { position:absolute; top:0; left:0; right:auto; height:55px; line-height:55px; font-weight:500; padding-left:35px; } #TopPage a.PhoneTlac { color:var(--color5); /*background-image:url(/Images/phone.png); background-repeat:no-repeat; background-position:left center;*/ text-decoration:none; } #TopPage a.PhoneTlac { display:flex; flex-wrap:nowrap; } #TopPage a.PhoneTlac .IcoTel { width:24px; fill:#989898; } #TopPage a.PhoneTlac:hover { text-decoration:underline;} #TopPage .PhoneTlac span { line-height:54px; padding-left:15px; } #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; } #TopPage { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c8392b+0,c8392b+50,ffffff+51,ffffff+100&1+0,1+50,0+51,0+100 */ background: -moz-linear-gradient(left, rgba(200,57,43,1) 0%, rgba(200,57,43,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(200,57,43,1) 0%,rgba(200,57,43,1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(200,57,43,1) 0%,rgba(200,57,43,1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8392b', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .Transparent #TopPage.Kotva { } #TopMenu { display:table; position:absolute; right:0; bottom:0; } #TopMenu ul li{ float:left; display:table; } #TopMenu ul,#TopMenu ul li { list-style:none; margin:0; padding:0; display:table; } #TopMenu li a{ } #TopMenu li a span{ /*border-bottom:3px solid var(--color10); padding-bottom:0.3em;*/ display:table; } #TopMenu li a:hover{ } #TopMenu li a.MenuActive{ color:var(--color11); } #TopMenu li a.MenuActive span{ border-bottom:3px solid var(--color1); } #TopMenu li a.MenuActive:hover{ } #TopMenu ul li { background:none; } #TopMenu ul li.ButtonMenuFirst { background:none; } #News { background-color:var(--color5); } #News h3{ color:var(--color2); text-align:center; } #News #newsWraper { display:inline-block; width:100%; float:left; margin-bottom:2em; } #SeznamNemovitosti { padding-bottom:2rem; } #SeznamNemovitosti,#News { display:inline-block; width:100%; } #SeznamNemovitosti .item,#News .item{ width:23%; margin:1em 1%; float:left; display:inline-block; background-color:white; display:inline-block; cursor:pointer; } #SeznamNemovitosti .item { cursor:default; } #SeznamNemovitosti .imgWrap,#News .imgWrap{ width:100%; text-align:center; display:inline-block; position:relative; } #SeznamNemovitosti .imgWrap a, #News .imgWrap a { position:relative; overflow:hidden; width:100%; display:block; height: 0; padding-bottom: 68%; } #SeznamNemovitosti .imgWrap a.linkDetail,#News .imgWrap a.linkDetail { position:absolute; top:0; left:0; right:0; margin:auto; width:80%; z-index:10; } #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{ 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%); } #SeznamNemovitosti .captions,#News .captions { display:inline-block; width:95%; padding:1em 2.5%; text-transform:uppercase; font-weight:bold; position:relative; } #SeznamNemovitosti .typeofcommission,#News .typeofcommission{ } #SeznamNemovitosti .price,#News .price{ color:var(--color1); font-weight:600; 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; } #Footer { display:table; width:100%; float:left; color:var(--color10); } #footer { } #footer p { /*color:var(--color10);*/ } #footer p.DodaText { color:var(--color10); } #footer .PageLayout { position:relative; } #footer #buttonTop { position:fixed; bottom:7em; right:0; width:3em; height:3em; background:var(--color1); display:block; cursor:pointer; background-image:url(/images/buttontop.png); background-position:center center; background-repeat:no-repeat; z-index:180; } #footer .PageLayout .Right{ } #footer #LogoFooter { background-image:url(/Images/logo.png); width:22%; max-width:433px; height:292px; 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:95%; } #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:0; bottom:1em; } #footer .social { float:none; margin:1.5em auto 0 auto; display:table; } #footer .social .ico{ float:left; width:2em; height:2em; background-repeat:no-repeat; background-position:center center; } #footer .social .ico.facebook{ background-image:url(/Images/facebook.png); } #footer .social .ico.twitter{ background-image:url(/Images/twitter.png); } #footer .social .ico.google{ background-image:url(/Images/google.png); } #footer .social .ico.youtube{ background-image:url(/Images/youtube.png); } a.tel { color:black; font-weight:normal; font-weight:normal; text-decoration:none; } #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;} /*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:0; } #team .item { float: left; width: 350px; height: 100px; margin-bottom: 10px; } #team .item .imgHolder { float: left; width: 110px; } #team .item .textHolder { float: left; width: 240px; } #team .item .textHolder div { margin-bottom: 6px; } /*Seznam nemovitosti*/ #zpet { text-align:right; } #SeznamNemovitosti .estateList { width:100%; } #SeznamNemovitosti #filter{ margin-top:0px; margin-bottom:10px; } #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 { 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; } #paginating { display:table; float:none; margin:15px auto; } #paginating span,#paginating a{ font-size:1rem; background-color:var(--color1); /*border:1px solid #ff8000;*/ color:var(--color5); display:block; width:4em; height:4em; float:left; margin:5px; text-decoration:none; line-height:4em; text-align:center; } #paginating span:hover, #paginating a:hover { text-decoration:none; } #paginating .imp,#paginating .imp:hover { background-color:var(--color2); color:var(--color5); /*border:1px solid #ff8000;*/ } #paginating a,#paginating a:hover,#paginating a:visited { color:var(--color10); } /*hlavni strana*/ #filter{ width:97%; margin:2em auto; display:inline-block; float:left; border:none; border-radius:0; background-color:var(--color1); padding:1em 1.5%; /*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.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:26%; color:var(--color10); } #filter .Item.Cena .Rozsah { width:calc(100% - 20px); margin:0 10px; } #filter .Item.Lokalita { width:18%; } #filter .Item.Hledej { width:8%; margin-right:0; position:absolute; right:1.5%; } /*#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 { 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: 10em; } #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 #filter { margin:2em 0; position:relative; } #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(--color10);padding:0.5em; font-weight:bold; text-transform:uppercase; } .clientForm .BoxContent .Row { margin-bottom:1px; } .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; background-color:#eaeaea; } .clientForm.estate #Nabidka{ width:49%; float:left; } .clientForm.estate #Klient{ width:49%; float:right; } .clientForm.estate #Popisek{ margin:1em 0; } .clientForm #Send .button{ width:15em; margin:0 auto; } .ClientFormSend { background-color:darkseagreen; color:black; padding:2em; margin:2em 0; } #MenuButton { display:none; width:48px; height:48px; position:absolute; right:1em; background-color:var(--dark-header); z-index:200; cursor:pointer; } #MenuButton .butt { display: block; width: 48px; height: 48px; position: absolute; right: 0; left: 0; margin: auto; top: 2.2em; text-align: center; line-height: 48px; font-size: 20px; background-color: var(--color1); color: var(--color10); -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } /*#TopPage .ico { display: block; width: 48px; height: 48px; position: absolute; right: 4em; margin: auto; background:rgba(255,255,255,0.24); top: 2.2em; border-radius:50%; } #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.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%; z-index:-1; position:absolute; bottom:2em; height:3em; } #ReferencesPeoplesText .owl-nav button.owl-prev, #ReferencesPeoplesText .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); } #ReferencesPeoplesText .owl-nav button.owl-prev::before, #ReferencesPeoplesText .owl-nav button.owl-next::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-size:80%; background-repeat:no-repeat; } #ReferencesPeoplesText .owl-nav button.owl-prev { background-image:url(/Images/sliderleft.png); } #ReferencesPeoplesText .owl-nav button.owl-next { background-image:url(/Images/sliderright.png); } #ReferencesPeoplesText .owl-nav button.owl-prev { right:-5%; } #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-next { right:-10%; } #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 { position:absolute; width:80%; left:10%; top:4em; z-index:110; } #ReferencesPeoplesText .active,#ReferencesPeoplesText .dot:hover { background: none; } #ReferencesPeoplesText.owl-carousel .item { } #ReferencesPeoplesText.owl-carousel .item .Field{ margin-bottom:0.5em; color:white; } #ReferencesPeoplesText.owl-carousel .item .Field.Photo{ float:left; margin-left:0; margin-right:auto; width:auto; display:table; height:100px; } #ReferencesPeoplesText.owl-carousel .item .Field.Photo img{ max-height:150px; width:auto; border:1px solid white; margin-right:1em; margin-bottom:3em; } #ReferencesPeoplesText.owl-carousel .item .Field.Name{ text-align:left; font-size:1.2em; font-family:var(--font-title); font-weight:700; } #ReferencesPeoplesText.owl-carousel .item .Field.Name strong{ font-weight:bold; } #ReferencesPeoplesText.owl-carousel .item .Field.Description{ text-align:left; display:block; max-height:10em; overflow:hidden; font-weight:300; } #ReferencesPeoplesText.owl-carousel .item .Field.Description p { color:white; } #Reference { background-color:var(--color10); display:inline-block; width:100%; padding-bottom:2em; padding-top:2em; } #Reference .PageLayout { position:relative; } #Reference #RefEstateList { position:relative; } #Reference #RefEstateList .owl-nav button { display:block; position:absolute; left:0; top:25%; bottom:auto; margin:auto; width:3em; height:3em; background-color:var(--color1); background-repeat:no-repeat; background-position:center center; } #Reference #RefEstateList .owl-nav button span{ display:none; } #Reference #RefEstateList .owl-nav button.owl-prev { left:-1.5em; right:auto; background-image:url(/Images/sliderleft.png); } #Reference #RefEstateList .owl-nav button.owl-next { right:-1.5em; left:auto; background-image:url(/Images/sliderright.png); } #Reference #RefEstateList .Item,#ReferenceList .RefEstateListClassicContent .Item { } #Reference #RefEstateList .Item .ImgCrop,#ReferenceList .RefEstateListClassicContent .Item .ImgCrop{ width:100%; position:relative; height:0; padding-top:60%; display:block; overflow:hidden; } #ReferenceList .RefEstateListClassicContent .Item .ImgCrop .zrealizovano{ font-weight: 700; font-size: 1.1em; background-color: #c44747; color: #fff; height: 2em; line-height: 2em; position: absolute; right: -4em; text-align: center; top: 1.5em; width: 13em; z-index: 2; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-transform: uppercase; } #Reference #RefEstateList .Item .ImgCrop img,#ReferenceList .RefEstateListClassicContent .Item .ImgCrop img{ min-height:100%; max-height:130%; max-width:130%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } #Reference #RefEstateList .Item .Title,#ReferenceList .RefEstateListClassicContent .Item .Title { color:var(--color1); font-size:1.25em; line-height:1.2; font-family:var(--font-title); border-top:3px solid var(--color1); padding:0.7em 0; text-align:center; } #ReferenceList .RefEstateListClassicContent { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; } #ReferenceList .RefEstateListClassicContent .Item { width:31.3%; margin:1em 1%; } #Reference .owl-carousel .owl-stage { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; } #Reference #RefEstateList .owl-dots { float:none; width:100%; margin:1em auto; align-items:center; justify-content:center; flex-direction:row; display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; } #Reference #RefEstateList .owl-dots button{ width:1.5em; height:1.5em; border:1px solid var(--color1); margin:0.5em; } #Reference #RefEstateList .owl-dots button:hover{ background-color:var(--color1); opacity:0.3; } #Reference #RefEstateList .owl-dots button.active{ background-color:var(--color1); } #Reference #RefEstateList .owl-dots button.active:hover{ opacity:1; } #Reference #RefListBox .button{ width:auto; display:table; padding-left:2em; padding-right:2em; margin:auto; } #Reference .Home-reference { max-width:800px; margin:auto; } #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 h2 { padding-left:1%; } #NasTym .NasTymList { flex-wrap:wrap; display:flex; } #NasTym .NasTymList .BoxAgent{ width:46%; margin:1em 1%; padding:1em 1%; background-color:var(--color5); } #NasTym .NasTymList .BoxAgent .Photo{ width:25%; float:left; } #NasTym .NasTymList .BoxAgent .Photo img{ max-width:100%; } #NasTym .NasTymList .BoxAgent .Description{ width:73%; float:right; } #NasTym .NasTymList .BoxAgent .Description .Nadpis{ color:var(--color1); font-size:1.3em; font-weight:bold; margin-bottom:1em; } #NasTym .NasTymList .BoxAgent .Description .Nadpis .Grade{ color:black; font-size:70%; display:block; width:100%; font-style:italic; font-weight:normal; } #NasTym .NasTymList .BoxAgent .Description .ShortDescription{ } #NasTym .NasTymList .BoxAgent .Description .ico { width:100%; height:2em; display:inline-block; line-height:2em; } #NasTym .NasTymList .BoxAgent .Description .ico svg{ fill:var(--color2); width:2em; float:left; margin-right:1em; } #NasTym .NasTymList .BoxAgent .Description .Links { } #NasTym .NasTymList .BoxAgent .Description .Links .item{ display:table; width:100%; } .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 #fc0; } body .RadWindow .rwTitle { display:none; } body .RadWindow .rwCommands { position: absolute; width: 40px; height: 40px; z-index: 500; background-color:#fc0; /*-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);*/ top:23px; right:-14px; } 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:#C97521; } 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; } #EstateBox { background-image:url(/Images/pattern-prodat-nebo-koupit.jpg); background-size:100% auto; background-position:center center; background-repeat:no-repeat; } #EstateBox #EstateBoxContent { min-height:10em; position:relative; } #EstateBox #EstateBoxContent .Left,#EstateBox #EstateBoxContent .Right{ position:absolute; top:0; width:50%; height:100%; } #EstateBox #EstateBoxContent .Left { left:0; } #EstateBox #EstateBoxContent .Right { right:0; } #EstateBox a.button { padding-left:3.5em; padding-right:2em; font-weight:bold; width:auto; display:block; position:absolute; top:0; bottom:0; margin:auto; height:58px; line-height:58px; } #EstateBox .Left a.button { left:0; background-image:url(/Images/m-button-icon-sell.svg); background-position:left 0.5em center; background-size:auto 70%; background-repeat:no-repeat; } #EstateBox .Right a.button { right:0; background-image:url(/Images/m-button-icon-buy.svg); background-position:left 0.5em center; background-size:auto 70%; background-repeat:no-repeat; } #NumeroBox { background-image:url(/Images/hero-counter.jpg); background-repeat:no-repeat; background-size:cover; border-top:15px solid #142d41; } #NumeroBox h2 { color:white; } #NumeroBox #NumeroBoxContent,#NumeroBox #NumeroBoxContent p {color:white; } #NumeroBox #AnimateNumber #AnimateNumberContent{ display: -webkit-flex; /* Safari */ -webkit-flex-wrap: nowrap; /* Safari 6.1+ */ display: flex; flex-wrap: nowrap; padding-bottom:2em; } #NumeroBox #AnimateNumber #AnimateNumberContent .BoxNumber{ margin:0.5em 0.5em 0.5em 0; padding:0.5em 0.5em 0.5em 0; border-right:1px solid rgba(255,255,255,.2); } #NumeroBox #AnimateNumber #AnimateNumberContent .BoxNumber.Last { border-right:none; } #NumeroBox #AnimateNumber #AnimateNumberContent .BoxNumber .Number{ color:#fc0; font-size:2.5em; text-align:center; margin-bottom:0.5em; } #NumeroBox #AnimateNumber #AnimateNumberContent .BoxNumber .Popisek { color:white; font-size:1.25em; font-weight:bold; text-align:center; } #NumeroBox #AnimateNumber #AnimateNumberContent .BoxNumber .PopisekLarge { color:white; margin-top:0.5em; text-align:center; line-height:1.3; } #footer { display:table; width:100%; } #footer #footerTop { padding:2em 0; background-color:var(--color1); } #footer #footerTop .PageLayout{ position:relative; display:table; width:100%; } /*#footer #footerTop .PageLayout a{ margin:auto; display:block; margin:0 auto; position:relative; background-image:url(/Images/logomini.png); background-position:center center; background-repeat:no-repeat; width:150px; height:80px; }*/ #BottomMenu { margin-bottom:2em; } #BottomMenu ul,#BottomMenu ul li{ margin:0; list-style:none; } #footer #footerTop #BottomMenu.PageLayout .ButtonMenu { float:left; background:none; padding:0; margin:0;} #footer #footerTop #BottomMenu.PageLayout .ButtonMenu a{ height:auto; width:auto; display:block; padding:0; margin:0; font-family:var(--font-title); color:white; text-decoration:none; font-weight:300; padding:0 2em; } #footer #footerTop #BottomMenu.PageLayout .ButtonMenu a:hover{ color:#fc0; } #footer #footerTop #BottomMenu ul { display:table; margin:auto; } #footerBottom { /*background: #212121; background: -moz-linear-gradient(left, #212121 0%, #181818 50%, #212121 50%, #212121 100%); background: -webkit-linear-gradient(left, #212121 0%,#181818 50%,#212121 50%,#212121 100%); background: linear-gradient(to right, #212121 0%,#181818 50%,#212121 50%,#212121 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=1 ); color:#696867;*/ background-color:#EFEFEF; color:black; display:table; width:100%; } #footerBottom .footerBottomContent { padding:0; position:relative; min-height:230px; } #footerBottom .footerBottomContent .footerBCItem { width:33.3%; } #footerBottom .footerBottomContent .footerBCItem.Last { text-align:right; } #footerBottom .footerBottomContent .footerBCItem.Last a{ color:white; } #footerBottom .footerBottomContent .footerBCItem.Last a:hover{ color:#fc0; } #footerBottom .footerBottomContent .footerBCItem .facebook { width:1.5em; height:1.5em; margin:auto; position:relative; display:block; } #footerBottom .footerBottomContent .footerBCItem .facebook .facebookico{ position:absolute; max-width:100%; height:100%; fill:white; } #footerBottom .footerBottomContent .footerBCItem .facebook .facebookico:hover{ fill:#fc0; } #footerBottom .footerBottomContent .First { position:absolute; width:25%; height:100%; } #footerBottom .footerBottomContent .First h2 { margin:0; padding:0; margin-top:30px; font-size:2em; } #footerBottom .footerBottomContent .First h2 span.dodatek { display:block; color:var(--color10); } #footerBottom .footerBottomContent .Two { width:calc(75% - 60px); height:calc(100% - 60px); top:0; right:0; left:auto; position:absolute; /*background-color:#212121;*/ padding:30px; } #footerBottom .footerBottomContent .Two h3 { padding:0; margin:0; } #footerBottom .footerBottomContent .Two .Boxes { display: flex; flex-wrap: nowrap; } #footerBottom .footerBottomContent .Two .Boxes .ItemBox{ width:100%; } #footerBottom .footerBottomContent .Two .Boxes .ItemBox.Dokumenty{ } #footerBottom .footerBottomContent .Two .Boxes .ItemBox.Dokumenty ul{ margin:0.75em; } #footerBottom .footerBottomContent .Two .Boxes .ItemBox.Dokumenty ul li a{ /*color:white;*/ /*font-weight:400;*/ text-decoration:underline; } /*#NemovitostKoupit #ContentPage, #NemovitostProdat #ContentPage, #OnasTimeLine { background-image:url(/Images/pattern-timeline.jpg); background-repeat:no-repeat; background-repeat:no-repeat; background-position:center top; }*/ .TimeLine { margin:2em 0; } .TimeLine .TimeLineContent { } .TimeLine .TimeLineContent .TimeLineRow { display:table; width:100%; float:none; position:relative; } .TimeLine .TimeLineContent .TimeLineRow.Alternative { } .TimeLine .TimeLineContent .TimeLineRow .Artical { position:absolute; top:0; left:0; right:0; margin:auto; display:block; width:60px; height:60px; background-color:var(--color2); color:var(--color10); line-height:60px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #NemovitostKoupit .TimeLine .TimeLineContent .TimeLineRow .Artical,#OnasTimeLine .Artical { background-color:var(--color1); } .TimeLine .TimeLineContent .TimeLineRow .Title { width:40%; float:left; margin-right:60%; margin-left:0; margin-bottom:1em; color:var(--color1); font-size:1.25em; font-family:var(--font-title); } .TimeLine .TimeLineContent .TimeLineRow .Description { width:40%; float:left; margin-right:60%; margin-left:0; font-weight:normal; } .TimeLine .TimeLineContent .TimeLineRow.Alternative .Title { width:40%; float:right; margin-left:60%; margin-right:0; } .TimeLine .TimeLineContent .TimeLineRow.Alternative .Description { width:40%; float:right; margin-left:60%; margin-right:0; } .TimeLine .TimeLineContent .TimeLineRow::after { background: var(--color1); left:0; right:0; margin:auto; top:auto; content: ''; display: block; position: absolute; height:calc(100% - 90px); bottom:15px; width:0.1em; z-index: 0; } .ContactBox { margin:2em 0; } .ContactBox .button{ width:20em; margin:auto; } #NemovitostProdat #ContentPage p{ } #ReferenceList #ReferenceTextClient{ display:table; width:100%; padding-bottom:2em; } #ReferenceList #ReferenceTextClient h2{ text-align:center; } #ReferenceList #ReferenceEstate { display:table; width:100%; background-image:url(/Images/pattern-timeline.jpg); background-position:center top; background-repeat:no-repeat; } #ReferencesClassicList { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; justify-content: center; } #ReferencesClassicList .item{ width:calc(50% - 60px); margin:15px; } #ReferencesClassicList .item { } #ReferencesClassicList .item .Field{ } #ReferencesClassicList .item .Field.Photo,#ReferencesTrailerList .item .Field.Photo{ width:100px; height:100px; display:block; overflow:hidden; position:relative; margin-left:auto; margin-right:auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #ReferencesClassicList .item .Field.Photo img,#ReferencesTrailerList .item .Field.Photo img{ width:150px; height:150px; max-width:100px; max-height:100px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; } #ReferencesTrailerList .item .Field.Photo img { width:100%; height:100%; } #ReferencesClassicList .item .Field.Photo .Kruh,#ReferencesTrailerList .item .Field.Photo .Kruh { position:absolute; width:100%; height:100%; left:0; top:0; text-align:center; } #ReferencesClassicList .item .Field.Photo .Kruh span,#ReferencesTrailerList .item .Field.Photo .Kruh span{ position:absolute; display:table; margin:auto; /*left:0; top:0; right:0; bottom:0;*/ font-size:2rem; color-interpolation:auto; text-align:center; font-weight:bold; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #ReferencesClassicList .item .Field.Name,#ReferencesTrailerList .item .Field.Name{ text-align:left; font-size:1.25em; color:#142d41; font-weight:bold; font-family:var(--font-body); padding:0; } #ReferencesClassicList .item .Field.Grade,#ReferencesTrailerList .item .Field.Grade{ display:block; text-align:center; color:#9ea1a4; font-weight:300;margin:0.5em; } #ReferencesClassicList .item .Field.Description,#ReferencesTrailerList .item .Field.Description{ text-align:left; font-style:italic; font-weight:300; font-size:1rem; margin-top:0.5rem; height: 5.8rem; overflow-y: auto; padding: 0.5rem 0; line-height: 1.5; display:block; width:100%; overflow-y:auto; padding:0.5rem 0; } #ReferencesClassicList .item .Field.Description p,#ReferencesTrailerList .item .Field.Description p { margin:0; } #ReferencesClassicList .item .Field.Popisky,#ReferencesTrailerList .item .Field.Popisky { width:calc(100% - 140px); margin-left:10px; } #ReferencesClassicList .item .Field.Stars ul,#ReferencesClassicList .item .Field.Stars ul li,#ReferencesTrailerList .item .Field.Stars ul,#ReferencesTrailerList .item .Field.Stars ul li{ margin:0; padding:0; background:none; } #ReferencesClassicList .item .Field.DatePublic,#ReferencesTrailerList .item .Field.DatePublic { color:var(--color5); margin-top:5px; } #ReferencesClassicList .item .Field.Ico,#ReferencesTrailerList .item .Field.Ico { width:30px; position:relative; } #ReferencesClassicList .item .Field.Ico .ReferenceType span,#ReferencesTrailerList .item .Field.Ico .ReferenceType span { width:30px; height:30px; position:absolute; left:0; top:0; margin:auto; background-repeat:no-repeat; background-size:contain; } #ReferencesClassicList .item .Field.Ico .ReferenceType .web,#ReferencesTrailerList .item .Field.Ico .ReferenceType .web{ background-image:url(/Images/logo-web.svg); background-size:110%; } #ReferencesClassicList .item .Field.Ico .ReferenceType .google,#ReferencesTrailerList .item .Field.Ico .ReferenceType .google{ background-image:url(/Images/logo-google.svg); } #ReferencesClassicList .item .Field.Ico .ReferenceType .sreality,#ReferencesTrailerList .item .Field.Ico .ReferenceType .sreality{ background-image:url(/Images/logo-sreality.png); } #ReferencesClassicList .item .Field.Ico .ReferenceType .firmy,#ReferencesTrailerList .item .Field.Ico .ReferenceType .firmy{ background-image:url(/Images/logo-firmy.png); background-size:auto 80%; } #ReferencesClassicList .item .Field.Ico .ReferenceType .fa-facebook,#ReferencesTrailerList .item .Field.Ico .ReferenceType .fa-facebook{ font-size:1.7rem; color:#3F5594; } #ReferencesClassicList .item { background-color:var(--color2); padding:15px; } #Newsletter { } #Newsletter #NewsletterContent{ } #Newsletter .ContactForm { max-width:600px; margin:auto; } #Newsletter .ContactForm .txBoxComplex { width:100% } #Newsletter .ContactForm .txBoxComplex .Left{ width:calc(100% - 150px); } #Newsletter .ContactForm .txBoxComplex .Left .ico{ width:50px; float:left; border:1px solid #d1d1d1; border-right:none; background-color:#EDEDED; height:48px; position:relative; } #Newsletter .ContactForm .txBoxComplex .Left .ico{ background-image:url(/images/ico-form-email.png); background-position:center center; background-repeat:no-repeat; } #Newsletter .ContactForm .txBoxComplex .Left .txBox{ width:calc(100% - 52px); float:left; border:1px solid #d1d1d1; border-left:none; } #Newsletter .ContactForm .txBoxComplex .Left .txBox .riTextBox[type="text"] { box-shadow:none; background-color:#f1f1f1; } #Newsletter .ContactForm .txBoxComplex .Left .txBox .riTextBox[type="text"].riEmpty { color:var(--color1); font-weight:300; font-style:normal; } #Newsletter .ContactForm .txBoxComplex .Right{ width:150px; } #Newsletter .ContactForm .txBoxComplex .Right .button{ height:50px; } #Newsletter .DodaText { text-align:center; padding:0.5em 0 2em 0; } #Newsletter .DodaText a{ font-weight:300; color:var(--color2); text-decoration:underline; } #Newsletter .DodaText a:hover{ font-weight:300; color:var(--color2); } #Newsletter .PageLayout { background-image:url(/Images/newsletter-grid.png); background-position:right bottom; background-repeat:no-repeat; } #TextPageDetail .TextPageContent{ padding:0 0.9em 2em 0.9em; } body .clientForm .txBoxComplex { } body .clientForm .txBoxComplex { width:100%; } body .clientForm .txBoxComplex .ico{ width:50px; float:left; border:1px solid #d1d1d1; border-right:none; background-color:#f1f1f1; height:48px; position:relative; background-size:auto 80%; display:none; } /*body .clientForm .txBoxComplex .ico.Name{ background-image:url(/images/clovicek.png); background-position:center center; background-repeat:no-repeat; } body .clientForm .txBoxComplex .ico.Email{ background-image:url(/images/ico-form-email.png); background-position:center center; background-repeat:no-repeat; } body .clientForm .txBoxComplex .ico.Phone{ background-image:url(/images/ico-form-tel.png); background-position:center center; background-repeat:no-repeat; }*/ body .clientForm .txBoxComplex .txBox{ width:100%; 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; } .DetailOMakleri { background-color:var(--color2); display:table; width:100%; } body .clientForm #UserText h2{ margin:0; padding:0; position:relative; margin-bottom:1em; } /*body .clientForm #UserText h2::after {background-color: #c58627; 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 { text-align:center; /*max-width:300px; margin:auto; float:none;*/ } body .clientForm .DodaText a{ font-weight:300; display:block; float:none; } #Kontakt #KontaktBox{ background-image:url(/Images/pattern-radi-vam-poradime.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; display:table; margin:auto; width:calc(100% - 80px); padding:40px; color:white; margin-top:2em; margin-bottom:2em; } #Kontakt #KontaktBox h2 { color:white; text-align:left; margin:0; padding:0; font-weight:300; } #Kontakt #KontaktBox h2::after { display:none; } #Kontakt #KontaktBox p { color:white; } #Kontakt #KontaktBox .item{ width:50%; float:left; } #Kontakt #KontaktBox .item .button { width:auto; display:table; padding:0 2em; float:left; height:65px; line-height:65px; margin-left:1em; margin-top:1.8em; } #team { flex-wrap:wrap; display:flex; justify-content:center; padding:2em 0; } #team .item { width:31%; height:auto; display:table; margin:1em 1%; } #team .item .imgHolder{ width:160px; height:160px; margin:auto; float:none; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; overflow:hidden; position:relative; } #team .item .imgHolder img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-height:250px; } #team .item .textHolder { width:100%; } #team .item .textHolder div{ width:100%; } #team .item .textHolder .name{ font-size:1.2em; font-weight:bold; color:var(--color11); text-align:center; margin:0; margin-top:1em; } #team .item .textHolder .grade{ color:silver; text-align:center; font-style:italic; } #team .item .textHolder .email{ text-align:center; } #team .item .textHolder .phone{ text-align:center; } #team .item .textHolder a{ text-align:center; font-weight:300; text-decoration:none; } #KontaktUserText { /*background-image:url(/Images/pattern-sidlo-spolecnosti.jpg); background-repeat:no-repeat; background-size:cover; padding:2em 0; display:table; width:100%;*/ } #KontaktUserText .mapaIframe { width:50%; height:17em; float:right; } #KontaktUserText h2 { text-align:left; } #KontaktUserText h2:after { display:none; } #OnasTimeLine { padding:2em 0; } #Onas { } #Onas .TextPageContent{ display:inline-block; width:100%; padding:2em 0; } blockquote { margin:0; padding:0; } .BoxUser{ width:22%; margin:1.5%; float:left; position:relative; } .BoxUser .BoxImage { } .BoxUser .BoxImage img{ max-width:100%; max-height:100%; } .BoxUser a { position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; } .BoxUser .BoxLink { font-weight:600; color:var(--color1); text-align:center; width:100%; display:block; text-decoration:underline; } .videoyoutube,.UserIframe { border:none; width:48%; margin:1em 2%; height:16em; } #Sluzby .HeaderBG .HeaderBGContent { } #Sluzby .HeaderBG .HeaderBGContent .buttons { display: flex; position:absolute; top:auto; left:0; top:auto; right:0; bottom:5em; margin:auto; z-index:300; flex-wrap: wrap; justify-content:center; } #Sluzby .HeaderBG .HeaderBGContent .buttons .button{ width:8em; height:8em; margin:1em; padding:0 1em; background:none; border:1px solid white; color:white; position:relative; line-height:1.2; font-weight:300; display:table; background-color:rgba(255,255,255,0.1); } #Sluzby .HeaderBG .HeaderBGContent .buttons .button:hover { background-color:rgba(255,255,255,0.3); } #Sluzby .HeaderBG .HeaderBGContent .buttons .button span{ display:table-cell; vertical-align:middle; text-align:center; } #Sluzby .boxes { margin:2em auto; display:table; width:100%; } #Sluzby .boxes .item{ position:relative; display:table; width:100%; } #Sluzby .boxes .item .photo{ width:50%; float:left; position:absolute; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block; } #Sluzby .boxes .item .content{ width:calc(50% - 60px); float:right; position:relative; padding:30px; padding-bottom:80px; } #Sluzby .boxes .item .content .button{ width:auto; display:table; padding:0 2em; position:absolute; bottom:30px; } #Sluzby .boxes .item .content h3 { padding-top:0; } #Sluzby .boxes .item.Koupit .photo{ background-image:url(/Images/services-koupit.jpg); float:left; left:0; right:auto; } #Sluzby .boxes .item.Koupit .content{ float:right; } #Sluzby .boxes .item.Prodat .photo{ background-image:url(/Images/sluzby-prodat.jpg); float:right; left:auto; right:0; } #Sluzby .boxes .item.Prodat .content{ float:left; } #Sluzby .boxes .item.Odhad .photo{ background-image:url(/Images/sluzby-odhad.jpg); float:left; left:0; right:auto; } #Sluzby .boxes .item.Odhad .content{ float:right; } #Sluzby .boxes .item.Podpora .photo{ background-image:url(/Images/sluzby-podpora.jpg); float:right; left:auto; right:0; } #Sluzby .boxes .item.Podpora .content{ float:left; } #Sluzby .boxes .item.Sprava .photo{ background-image:url(/Images/sluzby-sprava.jpg); float:left; left:0; right:auto; } #Sluzby .boxes .item.Sprava .content{ float:right; } #Nemovitosti .HeaderBG .HeaderBGContent .HeaderBGTextContent .button{ display:table; width:auto; padding:0 2em; } #listestates { width:100%; display: flex; flex-wrap: wrap; justify-content:center; margin:0 0 2em 0; } #listestates .item { width:31%; margin:1em 1%; position:relative; padding-bottom:1em; box-shadow: 0 0.5em 2em 0 rgba(0,0,0,.16); } #listestates .item:hover { } #listestates .item .imgWrap{ border-bottom:5px solid var(--color1); } #listestates .item .title{ font-family:var(--font-title); color:var(--color1); font-size:1.25em; font-weight:300; padding:10px; padding-bottom:0; } #listestates .item .location{ font-family:var(--font-title); color:var(--color5); font-weight:300; padding:10px; padding-top:0; } /*#listestates .item:hover .title{ color:var(--color2); }*/ #listestates .item .captions{ padding:0.5em; font-weight:300; text-transform:none; } #listestates .item .price{ padding-left:0.5em; color:var(--color11); } #listestates .item .detail a { position:absolute; display:block; right:0.5em; bottom:0.5em; width:50px; height:50px; background-image:url(/Images/kartalupa.png); background-position:center center; background-repeat:no-repeat; background-size:contain; } #listestatescard { width:100%; margin:0 0 2em 0; } #listestatescard .item { width:100%; margin:1em 0; position:relative; /*padding-bottom:1em;*/ box-shadow: 0 0.5em 2em 0 rgba(0,0,0,.16); } #listestatescard .item:hover { } #listestatescard .item .imgWrap{ border-right:5px solid var(--color1); width:calc(30% - 5px); float:left; margin-right:15px; } #listestatescard .item .imgWrap .owl-carousel { position:relative; } #listestatescard .item .imgWrap .owl-carousel .itemPhoto{ width:100%; position:relative; height:0; display:block; padding-top:67%; overflow:hidden; } #listestatescard .item .imgWrap .owl-carousel .itemPhoto img{ position:absolute; } #listestatescard .item .imgWrap .owl-carousel .owl-dots{ position:absolute; left:0; top:auto; right:0; bottom:1rem; margin:auto; z-index:20; } #listestatescard .item .imgWrap .owl-carousel .owl-dots button{ width:8px; height:8px; background-color:white; border-radius:4px; margin:0.5rem; } #listestatescard .item .imgWrap .owl-carousel .owl-dots button.active{ background-color:var(--color1); } #listestatescard .item .title{ font-family:var(--font-title); color:var(--color1); font-size:1.25em; font-weight:500; padding:10px; padding-bottom:0; line-height:1.3; } #listestatescard .item .title a{ text-decoration:none; } #listestatescard .item .location{ font-family:var(--font-title); color:var(--color5); font-weight:500; padding:10px; padding-top:0; padding-bottom:5px; } #listestatescard .item .description { padding:15px; line-height:1.4; } /*#listestates .item:hover .title{ color:var(--color2); }*/ #listestatescard .item .captions{ padding:0.5em; font-weight:300; text-transform:none; } #listestatescard .item .price{ padding-left:0.5em; color:var(--color11); padding-top:10px; position:absolute; bottom:0.5em; left:calc(30% + 5px); } #listestatescard .item .price .red{ color:var(--color1); font-weight:600; text-transform:uppercase; } #listestatescard .item .detail a { position:absolute; display:block; right:0.5em; bottom:0.5em; width:50px; height:50px; background-image:url(/Images/kartalupa.png); background-position:center center; background-repeat:no-repeat; background-size:contain; } #listestatescard .owl-carousel .owl-nav button { position:absolute; top:0; bottom:0; margin:auto; font-size:3rem; color:white; width:10%; z-index:20; } #listestatescard .owl-carousel .owl-nav button.owl-prev { left:0; right:auto; } #listestatescard .owl-carousel .owl-nav button.owl-next { right:0; left:auto; } #DalsiNabidka { height:15em; background: #EDEDED; /* Old browsers */ position:relative; } #DalsiNabidka .PageLayout { position:absolute; height:100%; width:100%; left:0; right:0; } #DalsiNabidka .DNContent { width:100%; } #DalsiNabidka .DNContent h2{ position:relative; font-size:2em; text-align:center; } #DalsiNabidka .DNContent p{ text-align:center; } #DalsiNabidka .DNContent .button{ margin-top:2em; border:1px solid var(--color1); color:var(--color1); background:none; display:table; width:auto; padding:0 2em; margin-left:auto; margin-right:auto; } #DalsiNabidka .DNContent .button:hover { background-color:var(--color1); color:var(--color10); } #DetailNabidka { } #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(--color1); }*/ #DetailNabidka #slider #ovl a { position: absolute; z-index:100; top:calc(50% - 25px); width: 50px; height: 50px; display: block; background-color:rgba(255,255,255,0.7); text-align:center; color:black; line-height:50px; font-size:1rem; } #DetailNabidka #slider #ovl a:hover { background-color:var(--color1); color:var(--color10); } #DetailNabidka #slider #ovl a.prev { float: left; left: 0.8rem; 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; right:0.8rem; /*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; max-width:1170px; }*/ #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 .ZahlaviPopisek .Cena .red{ color:var(--color1); font-weight:600; text-transform:uppercase; } #DetailNabidka .ZahlaviPopisek .Cena { } #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; } #DetailNabidka #Makler #MaklerContent{ width:92%; 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; text-align:center;} #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:100px; 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:130%; max-height:130%; } #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:1em; float:left; width:calc(100% - 115px); min-width:150px; } #DetailNabidka #Makler .MaklerOstatni .Item{ padding-bottom:0.3em; } #DetailNabidka #Makler .MaklerOstatni .Item .labelName{ margin-right:1em; font-weight:500; } #DetailNabidka #Makler .MaklerOstatni .Item a{ color:black; 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:right; } #DetailNabidka #PodrobnePolozky .TwoColumnTable{ border-bottom:none; } #DetailNabidka #PodrobnePolozky .TwoColumnTable .Row{ float:left; } #DetailNabidka #PodrobnePolozky .TwoColumnTable .Left{ } #DetailNabidka #PodrobnePolozky .TwoColumnTable .Right{ } #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 #carousel li{ background:none; } #DetailNabidka .LeftMapaAgent .button { display:table; } #DetailNabidka .LeftMapaAgent .button.Zajem { width:calc(100% - 120px); float:left; color:var(--color1); border:1px solid var(--color1); background:none; } #DetailNabidka .LeftMapaAgent .button.Zajem:hover { background-color:var(--color1); 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; } body .RadWindow_Default { font-size:1em; } .InfoBox { background-image:url(/Images/hero-counter.jpg); background-repeat:no-repeat; background-size:cover; border-top:15px solid #142d41; display:table; width:100%; padding:2em 0; } .InfoBox h2 { color:white; } .InfoBox .InfoBoxContent p {color:white; text-align:center; } .InfoBox .InfoBoxContent h3 {color:white; text-align:center; font-family:var(--font-body); font-weight:bold; } .InfoBox .InfoBoxContent .BoxBlueBox { width:calc(25% - 30px); padding:15px; float:left; text-align:center; } #Duvera .BoxBlueBox{ width:calc(33.3% - 60px); padding:15px 30px; } #Partnerstvi .linkKompletSluzby { float:none; display:table; margin:auto; color:#fc0; padding-left:2em; font-weight:300; text-decoration:none; background-image:url(/Images/m-ico-button-plus--white.png); background-repeat:no-repeat; background-position:left center; } #Partnerstvi .linkKompletSluzby:hover { color:var(--color10); } #Duvera .linkKompletSluzbyMajitele { float:none; display:table; margin:auto; color:#fc0; font-weight:300; text-decoration:none; } #Duvera .linkKompletSluzbyMajitele:hover { color:var(--color10); } #Duvera .button { width:auto; display:table; padding:0 2em; margin:auto; margin-bottom:1em; } #carousel.flexslider .slides img { opacity:0.7; } #carousel.flexslider .slides li.flex-active-slide img { opacity:1; } .MapaContent #MapyCzHolder{ height:20em; } .BoxBlueBoxy { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content:center; } .ContentText { display:table; width:100%; padding:2em 0; } #footer .creator { position:absolute; bottom:0.5em; right:0; } #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:600; } #DetailNabidka .TwoColumnTable .Row .Left:first-letter{ text-transform:uppercase; } #DetailNabidka .TwoColumnTable .Row .Right:first-letter{ text-transform:uppercase; } #DetailNabidka #Makler .TwoColumnTable .Row { background:none; } .ViceInformaci { } .ViceInformaci #ContactForm { width:50%; margin:0 auto; display:table; } #TextPageDetail a { cursor:pointer; } #footer #footerTop { } #footer #footerTop .NadpisForm{ display:table; float:left; font-size:1.6em; font-weight:500; } #footer #footerTop .ClientFormContent { width:60%; float:right; } .LogoTrans { background-image:url(/Images/logo-trans-red.png); background-position:center center; background-repeat:no-repeat; background-size:contain; height:80px; width:250px; margin:1.5em auto 0 auto; } #FastFormContact { } #FastFormContact .Item{ width:44%; float:left;margin-right:2%; } #FastFormContact .Item.Send{ float:right; width:8%;margin:0; } #FastFormContact .Item.Send .button{ background-image:url(/Images/vlastovka.png); background-position:center center; background-repeat:no-repeat; } #FastFormContact .Item.Send .button:hover{ background-image:url(/Images/vlastovka-red.png); background-position:center center; background-repeat:no-repeat; } #FastFormContact .Item.Captcha { display:none; } #FastFormContact .Item.Text { width:90%; margin-top:5px; } #FastFormContact .Souhlas a{ color:white; } #FastFormContact .ValidationMessage { display:none; } #TopMenu ul li.OdhadZdarma { display:none; } #Menu #MenuContent .PhoneTlacMini {float: right; width: 10em; height: 48px; line-height:48px; margin-top: 1em; margin-right: 1em; background-image: url(/Images/ico-form-tel.png); background-position: left center; background-repeat: no-repeat; background-size:contain; padding-left:48px; } #Menu #MenuContent a.PhoneTlacMini{ color:black; text-decoration:none; } .W50 { width:50%; max-width:50%; } .FormatBox { display:table; } .FormatBox.W50 { width:98%; margin:1em 1%; } .FormatBox .FormatBoxContent{ width:100%; height:0; padding-top:56.25%; position:relative; } .FormatBox .FormatBoxContent .UserIframe{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; } body #FastFormContact.ClientForm .ItemValidation, body #FastFormContact.ClientForm .Captcha div span { color:yellow; } #TopMenu .MainMenu { border:none; } #TopMenu .MainMenu ul { border:none; } #TopMenu .MainMenu ul li{ border:none; padding:0 1.35rem; } #TopMenu .MainMenu .rmRootLink{ display:block; line-height:1.5em; padding-top:1.2em; margin-top:0; font-family:var(--font-title); font-weight:500; color:var(--color11); text-decoration:none; display:table; padding:0; text-transform:uppercase; border-bottom: 3px solid var(--color10); } #TopMenu .MainMenu .rmItem.MenuActive .rmRootLink{ border-bottom: 3px solid var(--color1); } #TopMenu .MainMenu .rmItem.rmExpanded.MenuActive .rmRootLink, #TopMenu .MainMenu .rmItem.rmExpanded.rmSelected .rmRootLink, #TopMenu .MainMenu .rmItem.rmExpanded .rmLink.rmRootLink.rmExpand, #TopMenu .MainMenu .rmItem.rmExpand .rmRootLink{ border-bottom: 3px solid var(--color1); color:var(--color10); } #TopMenu .MainMenu .rmItem .rmRootLink:hover,#MenuContent .MainMenu .rmItem.rmExpanded .rmRootLink{ /*background-image: url(/Images/striska.svg);*/ background-position: center 0; background-size: 20px; background-repeat: no-repeat; } #TopMenu .MainMenu .rmItem.rmExpanded{ background:none repeat scroll 0px 0px; background-color:var(--color1); cursor:pointer; color:white; } #TopMenu .MainMenu .rmRootGroup .rmRootLink .rmToggle { display:none; } #TopMenu .MainMenu .rmSlide { } #TopMenu .MainMenu .rmSlide li { height:auto; margin:0; padding:0; background: none repeat scroll 0px 0px; background-color:var(--color1); color:white; } #TopMenu .MainMenu .rmGroup .rmLink { padding:0.5em 1.5em 0.5em 1em; font-weight:normal; } #TopMenu .MainMenu .rmGroup .rmLink:hover { background-color:#cf5347; } #TopMenu .MainMenu .rmGroup .rmItem.MenuActive .rmLink { /*background-image:url(/images/buttonarrowleftorange.png);*/ background-position:right 0.2em center; background-repeat:no-repeat; background-size:auto 60%; } #TopMenu .MainMenu .rmSlide .rmItem{ } #TopMenu .MainMenu .rmSlide .rmItem.MenuActive{ background-color:#cf5347; } #TopMenu .MainMenu .rmSlide .rmItem:hover { background-color:#cf5347; } #TopMenu .MainMenu .rmRootGroup .rmRootLink { padding:13px 5px; } #TopMenu a { font-weight:600; } #MapyCZHolder { touch-action: none; } .smap .zoom .button-group { right:90px; } #VideoYoutube { position:relative; width:100%; height:0; padding-top:56.25%; } #VideoYoutube #player{ left:0; top:0; width:100%; height:100%; position:absolute; } #MatterportContent { } #MatterportContent .UserFrame{ position:relative; width:100%; height:0; padding-top:56.25%; } #MatterportContent .UserFrame #MatterportFrame{ left:0; top:0; width:100%; height:100%; position:absolute; } .flex { display:flex; flex-wrap:nowrap; width:100%; } #referenceList .cards { flex-wrap:wrap; } #BlogList .cards{ flex-wrap:wrap; } #BlogList .item { width:calc(100% - 150px); margin:15px; padding:60px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); /*border-radius:10px;*/ } #blogList { margin-bottom:2rem; } #blogList .item .ItemContent { width:100%; } #blogList .item .Other { width:45%; } #blogList .item .Photo { width:55%; position:relative; overflow:hidden; float:left; } #blogList .item .Photo img{ max-height:100%; max-width:93%; position:static; margin:0; } #BlogList h2 { text-align:center; } #blogList .item .Name { margin-bottom:1rem; } #blogList .item .Name h3 { margin:0; padding:0; line-height:1.3; } #blogList .item .Name a{ color:var(--color11); font-size:1.7rem; text-decoration:none; } #blogList .item .Description { padding:0; line-height:1.3; color:var(--color5); margin-top:1rem; } #blogList .item .Details { display:flex; flex-wrap:nowrap; width:100%; padding:0; margin-top:1rem; color:var(--color5); font-size:1em; } #blogList .item .Date{ color:var(--color5); width:50%; text-align:right; } #blogList .item .Link{ color:var(--color5); width:50%; } .CrumbMenu { margin:2rem 0 0 0; color:var(--color5); font-size:0.9rem; } .CrumbMenu a{ color:var(--color5); font-weight:normal; } #BlogDetail { display:table; width:100%; } #BlogDetail .Photo { width:50%; float:right; margin:1rem 0 1rem 1rem; } #BlogDetail .Photo img{ max-width:100%; } #BlogDetail #BlogTextClient { display:table; width:100%; padding-bottom:2rem; } .HeaderBG .HeaderBGContent .HeaderBGTextContent h1 { margin-top:10rem; } #MobilMenu { width:0; height:100%; position:fixed; top:0; right:0; background-color:var(--color10); overflow-x:hidden; overflow-y:auto; z-index:300; box-shadow: 0 0.5em 2em 0 rgb(0 0 0 / 16%); } #MobilMenu #MobilMenuContent{ width:240px; display:table; padding:0 30px 30px 30px; } #MobilMenu ul, #MobilMenu ul li { margin:0; padding:0; background:none; } #MobilMenu ul { margin-top:1rem; display:table; width:100%; } #MobilMenu a { color:var(--color11); text-decoration:none; text-transform:uppercase; margin:0.5rem 0; display:block; } #MobilMenu .MobileHeader .flex{ width:100%; } #MobilMenu .MobileHeader .flex .phone a,#MobilMenu .MobileHeader .flex .email a,#MobilMenu .MobileHeader .flex .close a{ width:60px; height:40px; line-height:40px; text-align:left; display:block; } #MobilMenu .MobileHeader .flex .email { width:calc(100% - 90px); } #MobilMenu .MobileHeader .flex .close { float:right; width:30px; } #MobilMenu .MobileHeader .flex .close a { text-align:center; cursor:pointer; } #MobilMenu .socialicons { display:table; margin-bottom:2rem; } #MobilMenu .social .ico { background-position:left center; } .Counter { background-color:var(--color2); display:table; width:100%; } .Counter .CounterContent { margin:2rem 0; width:100%; } .Counter .CounterItem { width:33.3%; } .Counter .CounterItem .CounterBox{ width:200px; height:200px; margin:auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background-color:var(--color10); display:table; } .Counter .CounterItem .CounterBox div { text-align:center; } .Counter .CounterItem .CounterBox .Title { margin-top:1rem; } .Counter .CounterItem .CounterBox .Count { font-size:3rem; line-height:1; color:var(--color1); font-weight:bold; margin:0.8rem auto; } .Counter .CounterItem .CounterBox .Desc { font-weight:600; line-height:1.5; } .Counter .CounterItem .CounterBox .Desc ul,.Counter .CounterItem .CounterBox .Desc ul li{ margin:0; padding:0; background:none; } .Counter .CounterItem .CounterBox .Desc .RadRating { display:table; margin:auto; margin-bottom:0.2rem; } .certificate { width:100%; margin:2rem 0; } .certificate tr{ display:flex; flex-wrap:nowrap; } .certificate tr td{ text-align:center; vertical-align:central; align-content:center; margin:5px; } .VodoznakNumber { display:block; width:60px; height:60px; background-color:rgba(0,0,0,0.2); border-radius:30px; color:black; text-align:center; line-height:60px; font-weight:bold; } #ReferenceListTrailer { display:table; width:100%; padding:2rem 0; } #ReferenceListTrailer #ReferencesTrailerList { } #ReferenceListTrailer #ReferencesTrailerList .item{ width:33.333%; color:var(--color11); } #ReferenceListTrailer #ReferencesTrailerList .item .Bubble{ position:relative; padding:1rem; margin:1rem; border:1px solid var(--color2); } #ReferencesTrailerList .item .Field.Description { height:6.2rem; } #ReferencesTrailerList .item .Field.Ico .ReferenceType span { } #ReferencesTrailerList .item .Field.Ico { position:absolute; right:1rem; left:auto; } #ReferencesTrailerList .item .Field.Name { font-size:1.2rem; } #ReferencesTrailerList .item .Field.Photo { width:60px; height:60px; } .TitulBoxy { display:table; width:100%; background-color:var(--color4); padding-bottom:2em; padding-top:1em; } #DefaultPage .TitulBoxy h3{ text-align:left; } .TitulBoxy .Box { display:table; width:100%; margin:1em 0; } .TitulBoxy .Box .ico{ width:100px; height:100px; float:left; background-color:var(--color10); background-position:center center; background-size:auto 50px; background-repeat:no-repeat; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; display:block; } .TitulBoxy .Box .ico.kafe{ background-image:url(/Images/icokafe.png); } .TitulBoxy .Box .ico.ruce{ background-image:url(/Images/icoruce.png); } .TitulBoxy .Box .ico.checkbox{ background-image:url(/Images/icosluzby.png); } .TitulBoxy .Box .usertext{ width:calc(100% - 120px); float:right; } .TitulSluzby { display:table; width:100%; padding-bottom:2em; padding-top:1em; } .TitulSluzby .Boxy{ display: flex; flex-wrap: wrap; } .TitulSluzby .Box{ background-color:var(--color4); padding:15px; margin:15px; width:calc(33.3% - 60px); } .TitulSluzby .Box img{ max-width:100%; } .FormatBox.Youtube { width:100%; max-width:none; margin:0; } .FormatBox .Vlastniweb { width:100%; max-width:none; margin:0; } #VolPolBox { display:table; width:100%; } #VolPolBox .VolPolContent { display:table; margin:2em 0; background-color:var(--color2); padding:30px; width:calc(100% - 60px); } #VolPolBox h3{ text-align:center; margin:0; padding:0; margin-bottom:30px; } #VolPolBox ul,#VolPolBox ul li{ margin:0; padding:0; } #VolPolBox ul { display:flex; width:100%; flex-wrap:wrap; } #VolPolBox ul li{ width:calc(33.333% - 20px); padding-left:20px; } #Mapa { height:400px; position:relative; width:100%; margin:0 0 2rem 0; } #Mapa #map{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;} #Mapa #map .logocontrol { position:absolute; left:0; bottom:0; } #Mapa #map ul li { background:none; } #Mapa #map .layer-switcher .panel ul,#Mapa #map .layer-switcher .panel ul li{ margin:0; padding:0; background:none; list-style:none; font-size:1rem; } #Mapa #map .layer-switcher .panel ul { padding-left:10px; margin-bottom:5px; } #Mapa #map input[type=radio] { list-style:circle; }