:root { 
    --color1:#0F95D2; 
    --color2:#DE2F55; 
    --color3:#FBFBFB;  /*pozadi karta nemovitosti*/
    --color4:#C8C8C8;  /*obsah karty nemovitosti*/
    --color5:#E5E5E5; /*border karet*/
    --color6:#888888;
    /*--color5:#101010;
    --color6:#B4B4B4;*/
    /*--color6:#434343;*/
    /*--color7:#F0F0F0;
    --color8:#FFBB00;*/

    --color10:white;
    --color11:black;
    /*--color7:#2B2B2B;*/
    

    --font-body:"Open Sans", sans-serif;
    --font-title:"Open Sans", sans-serif;

}


html, body {height:100%;}
body  
{   font-family: "Open Sans", sans-serif; position:relative; width:100%; height:100%;
    font-size:1em; font-weight:normal; line-height:1.5;
    background-color:var(--color10); 
    color: var(--color13);

}
body, p { color: Black; }
p { margin:0.5em 0; }

body#popup
{
    background: none;
}


.Flds,.Row { width:100%; }
.flex { display:flex; width:100%; flex-wrap:wrap; }
.flex.nowrap { flex-wrap:nowrap; }
.Left { display:table; width:auto; float:left; }
.Right { display:table; width:auto; float:right; }
.Text { display:table; width:auto; }

h1 { 
    font-family:var(--font-title); font-weight:800; text-transform:uppercase; 
     font-size:2em;
     line-height:1.3;
    color:var(--color11);
     margin: 0;
    padding: 1em 0 0.6em 0;
    display:inline-block; width:100%;
    

}
h2 { font-family:var(--font-title); font-weight:700; text-transform:uppercase; 
     font-size:2em;
     line-height:1.3;
     color:var(--color11);
     margin: 0;
     padding: 2em 0 2em 1.4rem;
     display:inline-block; width:100%;
     text-align:left; position:relative;
    }
h2::before { position:absolute; left:0; top:0; bottom:0; margin:auto; width:10px; height:40px; background-color:var(--color2);
             content:""; 
}
.h2.shadowtitle { 
    position:relative;
    color:var(--color3);
    font-size:2rem;
}
.h2.shadowtitle .shadow{ 
    position:absolute; left:0; right:0; top:0.5em; margin:auto; font-size:160%;
    text-align:center;text-transform:uppercase; 
    font-weight:bold; color:#F0F3F4; z-index:-1;
}
.h2.shadowtitle h2{ 
    text-align:center;
    font-size:100%;
    
}


h3 { font-family:var(--font-title); font-weight:700; text-transform:none; 
     font-size:1.4em;
    color:var(--color11);
     margin: 0;
    padding: 1em 0 0.7em 0; }

.errorMsg {color: Red;}

ul { padding:0; margin:0; } 
ul li { list-style:none; background-image:url(/Images/li.png); background-repeat:no-repeat; background-position:left 5px top 3px;
        padding-left:25px; margin-bottom:5px;
}

a, a:visited { color:var(--color1); font-weight:700;}
a:hover {color:var(--color1);}
.validation { color:var(--color2); }

.Row { }
.PageLayout,.pagelayout { margin-left:auto; margin-right:auto; max-width:1600px; min-width:300px;  }

.ImgW100 { width:100%; max-width:100%; }
.ImgW50 { width:50%; max-width:50%; }
.ImgW25 { width:25%; max-width:25%; }
.ImgW25.Left{ float:left; margin-right:15px; width:calc(25% - 15px); }
.ImgW25.Right{ float:right; margin-left:15px; width:calc(25% - 15px); }

.box { box-sizing:border-box; border:1px solid var(--color5); padding:30px; }

#MainPage { min-width:330px; }
#HeaderContacts { margin-top:20px; }
#HeaderContacts .headercontactscontent{ justify-content:flex-end; }
#HeaderContacts .headercontactscontent .item{ display:flex; align-items:center; }
#HeaderContacts .headercontactscontent .item:first-child{ margin-right:20px; }
#HeaderContacts .headercontactscontent .item .ico{ margin-right:10px; font-size:26px; color:var(--color1); }
#HeaderContacts .headercontactscontent .item .txt{ font-size:1rem;  }
#HeaderContacts .headercontactscontent .item .txt a{ color:var(--color11); font-weight:normal; text-decoration:none; }

.header.topandtransparent #HeaderContacts{ margin-top:50px; }

#content { background-image:url(/Images/header-bg.svg); background-repeat:no-repeat; background-size:800px; background-position:center top -120px; }
#TopPage .PageLayout{ position:relative; width:100%; display:table; }
#TopMenu {   }
#TopMenu ul{ width:auto; display:flex; flex-wrap:nowrap; justify-content:right; float:right; margin-left:auto; margin-right:0; right:0;  }
    #TopMenu ul li { padding-left:75px; background:none; }
#TopMenu ul li a{ font-size:1.1em; color:var(--color3); font-weight:400; text-decoration:none; text-transform:uppercase; }
.logo { position:absolute; left:0; z-index:20; margin-left:0; margin-right:auto; margin-top:0; margin-bottom:auto; }
#TopMenu ul li a.MenuActive{ color:var(--color1); }

.header #TopMenu{ background:none; width:100%; padding-top:10px; margin-top:15px; }
.header #TopMenu ul li a { color:var(--color11); font-weight:500; padding-bottom:5px;  }
.header #TopMenu ul li a.MenuActive { color:var(--color11); border-bottom:2px solid var(--color2); }
.header #TopMenu ul li.ButtonMenuFirst a.MenuActive { color:var(--color11); }

.header.topandtransparent #TopMenu{ background:none; width:100%; padding-top:10px; margin-top:25px; }
.header.topandtransparent #TopMenu ul li a { color:var(--color11); font-weight:500; padding-bottom:5px;  }
.header.topandtransparent #TopMenu ul li a.MenuActive { color:var(--color11); border-bottom:2px solid var(--color2); }
.header.topandtransparent #TopMenu ul li.ButtonMenuFirst a.MenuActive { color:var(--color11); }

.header { position:fixed; top:0; width:100%; z-index:200; height:125px; background-color:var(--color10);
          -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.34);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
}
.header .logo { top:0; width:100px; height:125px;}
.header.topandtransparent .logo { height:130px; width:160px; top:40px;  }
.header.topandtransparent { background:none;
                            -webkit-box-shadow:none;
                            -moz-box-shadow:none;
                            box-shadow:none;
                            }

#MenuButton { display:none; cursor:pointer; }
.headertextpage { padding-top:200px; display:table; width:100%;
                  

}
.headertextpage .box { background-color:var(--color3); }
.headertextpage h1 { text-align:center; display:block; width:100%; font-weight:600; text-transform:none; font-size:2rem; padding:1.5rem 0;  }
.headertextpage h1 span{ text-transform:uppercase; display:block; font-size:50%; font-weight:500; }

.contenttextpage { padding:1rem 0 3rem 0; }

#Footer { display:table; width:100%; }
#Footer .footer-top{ background-color:#E3E3E3; padding:30px 0; text-align:center; }
#Footer .footer-bottom { background-color:#1E1E1E; color:#A0A0A0; box-sizing:border-box; padding:60px 0; }
#Footer .footer-bottom p,#Footer .footer-bottom a { color:#A0A0A0; }
#Footer .footer-bottom h3 { color:var(--color10); padding-top:0; text-transform:uppercase; }
#Footer .foo-content { display:flex; flex-wrap:nowrap; }
#Footer .footer-bottom ul,#Footer .footer-bottom ul li{ margin:0; padding:0; background:none; }
#Footer .field-contacts a { text-decoration:none; font-weight:normal; }
#Footer .field-contacts .icons { margin-top:30px; }
#Footer .field-links { margin:0 30px; padding:40px 60px; border:1px solid #A0A0A0; border-top:0; border-bottom:0; }
#Footer .footer-bottom ul{  }
#Footer .footer-bottom ul li{ margin-bottom:0.3rem; }
#Footer .field-user-text { padding:30px; flex:1; }
#Footer .field-end { margin-left:auto; }
    #Footer .icons { display:flex; flex-wrap:nowrap; }
    #Footer .icons .ico{ position:relative; width:50px; height:50px; background-color:#A0A0A0; border-radius:50%; margin:0 10px; }
    #Footer .icons .ico:first-child{ margin-left:0; }
    #Footer .icons .ico:last-child{ margin-right:0; }
    #Footer .icons .ico .icoimage{ position:absolute; display:flex; font-size:1.6rem;
                                   justify-content:center; align-items:center; left:0; top:0; right:0; bottom:0; margin:auto; z-index:1; color:#1E1E1E; }
    #Footer .icons .ico a{ display:block; width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; }

#Footer .field-end .social {  }
#Footer .field-end .social .icons{ margin-bottom:2rem; display:flex; justify-content:center; }

body .RadWindow .rwContent,body .RadWindow { border:none; }
body .RadWindow .rwContent { background-color:white; }
    
body.PopupBody #MainPage { width:400px; display:table; }
body.PopupBody #SendEstateInfo { width:calc(100% - 60px); padding:0 30px; display:table; }
#SendEstateInfo .Text{ padding:30px; width:calc(100% - 60px);  }

.ResultForm {  }
.ResultForm .ResultMessage{ width:calc(100% - 60px); display:table; padding:15px; margin:2rem 15px; }
.ResultForm .ResultMessage p { text-align:center; }
.ResultForm .ResultMessage.IsOK{ background-color:#dbffb7; }
.ResultForm .ResultMessage.IsOK p{ color:black; }
.ResultForm .ResultMessage.IsFail{ background-color:#ff4646; }
.ResultForm .ResultMessage.IsFail p{ color:white; }
#MenuButtonClose { display:none; cursor:pointer; }
#Lng { display:flex; justify-content:right; position:absolute; right:0; top:0; }
#headerContent { width:100%; }
#TopPage { width:100%; }
#BottomRow { width:100%; }
#TopMenu { width:100%; min-width:100%; }


/*#TopPage .PageLayout{ position:relative; width:100%; display:table; }
#TopMenu { padding-top:30px; margin-top:35px; border-top:1px solid #ECF0F1; }
#TopMenu ul{ width:auto; display:flex; flex-wrap:nowrap; justify-content:right; float:right; margin-left:auto; margin-right:0; right:0;  }
    #TopMenu ul li { padding-left:50px; background:none; }
#TopMenu ul li a{ font-size:1.1em; color:var(--color3); font-weight:400; text-decoration:none; text-transform:uppercase; }
.logo { position:absolute; left:0; top:0; z-index:20; height:130px; width:160px;margin-left:0; margin-right:auto; margin-top:0; margin-bottom:auto; }
#TopMenu ul li a.MenuActive{ color:var(--color1); }

.header { position:fixed; top:0; width:100%; z-index:200; height:115px; background-color:var(--color10);
          -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.34);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
}
.header.topandtransparent { background:none;
                            -webkit-box-shadow:none;
                            -moz-box-shadow:none;
                            box-shadow:none;
                            }
.header.topandtransparent #TopMenu{ background:none;border-top:1px solid var(--color10); width:100%; }
.header.topandtransparent #TopMenu ul li a { color:var(--color10); }
.header.topandtransparent #TopMenu ul li a.MenuActive { color:var(--color1); }
.header.topandtransparent #TopMenu ul li.ButtonMenuFirst a.MenuActive { color:var(--color10); }
#MenuButton { display:none; cursor:pointer; }
.headertextpage { padding-top:115px; display:table; width:100%;
                  background: rgb(198,0,46);
background: linear-gradient(90deg, rgba(198,0,46,1) 0%, rgba(8,87,147,1) 100%);

}
.headertextpage h1 { text-align:center; display:block; width:100%; font-weight:600; text-transform:none; font-size:2.5em; padding:1.5em 0;  }
.headertextpage h1 span{ text-transform:uppercase; display:block; font-size:50%; font-weight:500; }

.contenttextpage { padding:3em 0; }
#Footer { background-image:url(/Images/bggradient.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover;
          
}
#Footer,#Footer p { color:var(--color10); }
#Footer .footertextpage { 
padding:2em 0;
    }
#Footer h3 { padding-top:0; color:var(--color10); }
#Footer .footercontent { flex-wrap:nowrap; }
#Footer .item.contact { width:30%; }
#Footer .item.nabidky { width:25%; }
#Footer .item.usertext { width:45%; }
#Footer .item.nabidky a{ display:block; text-decoration:none; color:var(--color10); font-weight:500; }
#Footer .item.nabidky a:hover { text-decoration:underline; }
#Footer .footerpata { background-color:var(--color11); color:silver; padding:1em 0; text-align:center; }

body .RadWindow .rwContent,body .RadWindow { border:none; }
body .RadWindow .rwContent { background-color:white; }
    
body.PopupBody #MainPage { width:400px; display:table; }
body.PopupBody #SendEstateInfo { width:calc(100% - 60px); padding:0 30px; display:table; }
#SendEstateInfo .Text{ padding:30px; width:calc(100% - 60px);  }

.ResultForm {  }
.ResultForm .ResultMessage{ width:calc(100% - 60px); display:table; padding:15px; margin:2rem 15px; }
.ResultForm .ResultMessage p { text-align:center; }
.ResultForm .ResultMessage.IsOK{ background-color:#dbffb7; }
.ResultForm .ResultMessage.IsOK p{ color:black; }
.ResultForm .ResultMessage.IsFail{ background-color:#ff4646; }
.ResultForm .ResultMessage.IsFail p{ color:white; }
#MenuButtonClose { display:none; cursor:pointer; }
#Lng { display:flex; justify-content:right; position:absolute; right:0; top:0; }
#headerContent { width:100%; }
#TopPage { width:100%; }
#BottomRow { width:100%; }
#TopMenu { width:100%; min-width:100%; }
#Lng { display:none; }

.button.paginationnextfields { width:250px; float:none; margin:2em auto; border:1px solid var(--color10); }
.button.paginationnextfields:hover { width:250px; float:none; margin:2em auto; border:1px solid var(--color1); }*/