html {height: 100%;}
body {Background: #fbfcfd; padding: 0px; margin: 0px; font-family: Segoe UI, Arial; color: #2f3239; width: 100%; height: 100%; font-size: 12px;}
div, p, strong, h1 {padding: 0px; margin: 0px;}
h2 {color: #002e68;}
input:focus {outline: none;}
.clear {clear: both;}
.ok {height: 30px; background: url('../Images/systemMessages.gif') left 0px no-repeat; padding-left:29px; display: block; width: 300px; margin: 0px auto;}
.tip {height: 30px; background: url('../Images/systemMessages.gif') left -30px no-repeat; padding-left:29px; display: block; width: 300px; margin: 0px auto;}
.prompt {height: 30px; background: url('../Images/systemMessages.gif') left -60px no-repeat; padding-left:29px; display: block; color: #000000 !important; width: 300px; margin: 0px auto;}
.error {height: 30px; background: url('../Images/systemMessages.gif') left -90px no-repeat; padding-left:29px; display: block; color: red; width: 300px; margin: 0px auto;}
.ok span {height: 30px; line-height: 30px; background: url('../Images/systemMessages.gif') right 0px no-repeat; padding-left:29px; display: block; width: 300px;}
.tip span {height: 30px; line-height: 30px; background: url('../Images/systemMessages.gif') right -30px no-repeat; padding-left:29px; display: block; width: 300px;}
.prompt span {height: 30px; line-height: 30px; background: url('../Images/systemMessages.gif') right -60px no-repeat; padding-left:29px; display: block; color: #000000 !important; width: 300px;}
.error span {height: 30px; line-height: 30px; background: url('../Images/systemMessages.gif') right -90px no-repeat; padding-left:29px; display: block; color: red; width: 300px;}
#main_div {Background: #fbfcfd; display: block;}
/*header*/
#header {background: #ffffff url('../Images/headerBg.png') repeat-x; border-bottom: solid 1px #cfcfcf;}
#header #headerBg {width: 1100px; height: 116px; margin: 0px auto;}
#header #headerBg h1 {float: left; width: 398px; height: 33px; background: url('../Images/adminNadpis.png') no-repeat; text-indent: -9000px; margin-top: 10px;}
#header #headerBg h1 a {width: 398px; height: 33px; display: block;}
#header #headerBg #rightSide {float:right; line-height: 52px;}
#header #headerBg #rightSide .sprava {background: url('../Images/headerBtns.png') no-repeat 0px -36px; height: 18px; border: solid 1px #386c96; padding-left: 24px; padding-right: 4px; color: #ffffff; text-transform: uppercase; text-decoration: none;}
#header #headerBg #rightSide .logout {background: url('../Images/headerBtns.png') no-repeat 0px 0px; height: 18px; border: solid 1px #386c96; padding-left: 24px; padding-right: 4px; color: #ffffff; text-transform: uppercase; text-decoration: none;}
#header #headerBg #rightSide .sprava:hover {background: url('../Images/headerBtns.png') no-repeat 0px -54px; border: solid 1px #226b98; color: #ffffff; text-transform: uppercase; text-decoration: underline;}
#header #headerBg #rightSide .logout:hover {background: url('../Images/headerBtns.png') no-repeat 0px -18px; border: solid 1px #226b98; color: #ffffff; text-transform: uppercase; text-decoration: underline;}
#header #headerBg #bottom {width: 980px; float: left;}
#header #headerBg #bottom ul {margin: 0px; padding: 0px; list-style-type: none; border-bottom: solid 1px #c3d0e1; border-left: solid 1px #c3d0e1; float:left; line-height: 33px; margin-bottom: 1px; text-transform: uppercase; position: relative;}
#header #headerBg #bottom ul li {float: left; border-right: solid 1px #c3d0e1;}
#header #headerBg #bottom ul li a {color: #2f3239; position: relative; border-left: 1px solid white; border-right: 1px solid white; line-height: 32px; padding: 0px 10px; display: block;}
#header #headerBg #bottom ul li a:hover {color: #5e636e; text-decoration: none;}
#header #headerBg #bottom ul .kategorieMenuTrigger .podkategorieMenu {padding-top: 1px; display:none; width: 170px; position: absolute; border-left: solid 1px #c3d0e1; border-right: solid 1px #c3d0e1; border-bottom: none;}
#header #headerBg #bottom ul .kategorieMenuTrigger .podkategorieMenu li {width: 190px; background: #fafafb url('../Images/subMenuBg.png') repeat-x left bottom; border-bottom: solid 1px #c3d0e1;}
#header #headerBg #bottom ul .kategorieMenuTrigger .podkategorieMenu li a {margin: 0px; padding: 0px 5px; border-bottom: none; line-height: 29px;}
#header #headerBg #bottom .active {color: orange; font-weight: bold; text-decoration: none;}
#header #headerBg #breadcrumb {line-height: 30px; background: #ffffff; width: 100%; width: 980px; float: left;}
#header #headerBg #breadcrumb .breadCrumb .root{border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; text-indent: -9000px; width: 30px; display: block; background: url('../Images/domecek.png') no-repeat; float: left; margin-right: 5px;}
#header #headerBg #breadcrumb .breadCrumb .node {color: #696969; text-decoration: none; margin: 0px 5px;}
#header #headerBg #breadcrumb .breadCrumb .current {color: #888888; text-decoration: none; margin: 0px 5px;}
/*header konec*/
/*content*/
#content {width: 1100px; margin: 0px auto;/* background: url('../Images/leftMenuContent.jpg') left top repeat-y;*/}
#content #leftMenu {width: 163px; float:left; background: url('../Images/leftMenuTop.jpg') left top no-repeat; padding-top: 39px; min-height: 600px;}
/*leftMenuAccordin*/
.leftMenu {float:left; width: 163px !important; }
.rpRootGroup {border: none !important;}
.rpNavigation {margin: 0px; padding: 0px; background: none !important;}
.RadPanelBar_Default .rpGroup a.rpLink, .RadPanelBar_Default .rpGroup a.rpLink .rpOut {background: none !important;}
.RadPanelBar_Default a.rpFocused, .RadPanelBar_Default a.rpExpanded, .RadPanelBar_Default a.rpSelected, .RadPanelBar_Default div.rpFocused, .RadPanelBar_Default div.rpExpanded, .RadPanelBar_Default div.rpSelected, .RadPanelBar_Default a.rpSelected:hover {background: none !important; border: none;}
.rpSlide .rpText {margin: 0px; padding: 0px; color: #85a3c0; font-weight: normal; text-align: left; width: 133px;}
.rpSlide .rpText:hover {text-decoration: underline;}
.selectedItem .rpText {color: #ffffff; padding-left: 20px !important; background: url('../Images/activeDot.png') no-repeat center right;}
.rpOut {border:none; background: #f0f3f6 url('../Images/leftMenuNadpis.png') left top repeat-x; width: 163px; display: block; line-height: 28px; text-align: center; font-size: 11px; font-weight: bold;}
.rpGroup {background: url('../Images/leftMenuContent.jpg') left top repeat-y; border: none;}
/*leftMenuAccordin konec*/
#content #rightContent {width: 100%; float:left;}
#leftMenuFooter {width: 163px; height: 39px; /*background: url('../Images/leftMenuBottom.jpg') left top no-repeat;*/}
#contentWrap {margin-left: 10px}
#contentFooter {width: 984px; height: 27px; Background: url('../Images/boxes.png') no-repeat -4px -124px; margin: 0px auto;}
.footerWrap {width: 101px; margin: 0px auto;}
#contentFooter .footerWrap input {border: none; margin: 0px; padding: 0px; float:left;}
#copyright p {clear: both; margin: 0px auto; width: 135px; padding: 20px 0px; color: #ffffff; font-size: 12px;}

.button 
{
    background-color: #E3E9F2;
    border: 1px solid #929BA8;
    color: #003C76;
    border-radius: 2px;   
    cursor: pointer;
    padding: 4px;
    margin: 4px;
    text-decoration: none;
    font-size: 10pt;
    line-height:20px;
    font-family: Segoe UI,​Arial;
    /*display: block;
    float: left;*/
}
.adminTable .button, .actionButton .button, .list .button
{
    display: block;
    float: left;
}
.list .button
{
    margin-top: 8px;
}
.button:hover
{
    color: Red;   
}
.actionButton
{
    float: right;
}
.list {width: 794px; margin: 0px auto; list-style-type: none; padding: 0px; border-top: solid 1px #d2dce9; border-left: solid 1px #d2dce9; border-right: solid 1px #d2dce9;}
.list .img {display: none;}
.list li {Background: url('../Images/listBg.png') no-repeat; height: 45px;  border-bottom: solid 1px #d2dce9;}
.list li:hover {Background: url('../Images/listBgHover.png') no-repeat;}
.list li p {line-height: 45px; height: 45px; float: left; color:#002e68;}
.list li .title {width: 480px; overflow: hidden; display: block;}
.list li .regNumb {margin-left: 40px; width: 100px; display: block; font-weight:bold;}
/*.list li .edit {width: 80px; height: 32px; Background: url('../Images/editDel.png') no-repeat 0px 0px; display:block; float:right; margin-top: 8px;}
.list li .edit:hover {Background: url('../Images/editDelHover.png') no-repeat 0px 0px;}
.list li .del {width: 82px; height: 32px; Background: url('../Images/editDel.png') no-repeat -80px 0px; display:block; float:right; margin-top: 8px; margin-right: 5px;}
.list li .del:hover {Background: url('../Images/editDelHover.png') no-repeat -80px 0px;}*/
#listShadow {Background: url('../Images/listShadow.png') no-repeat; height: 4px; width: 942px; clear:both;}
/*.addNews {width: 116px; height: 29px; display: block; text-indent: -9000px; Background: url('../Images/addNews.png') no-repeat 0px 0px; margin: 10px 0px;}
.addNews:hover {Background: url('../Images/addNews.png') no-repeat -115px 0px;}*/
/*novinky grid*/
.grid {width: 794px; margin: 0px auto; list-style-type: none; }
.grid li {width: 200px; float: left; position: relative; margin: 0px 15px;}
.grid li .img {width: 203px; height: 203px; Background: url('../Images/gridImgFrame.png') no-repeat; position: relative;}
.grid li .img .frameInnerShadow {position: absolute; top: 9px; left: 9px; width: 185px; height: 185px; Background: url('../Images/gridInnerShadow.png') no-repeat;}
.grid li .regNumb {font-weight: bold; font-size: 22px; text-align: center; width: 185px; overflow: hidden; color: #002e68;}
.grid li .title {font-size: 11px; text-align: center; width: 185px; height: 70px; overflow: hidden; color: #002e68;}
.grid li img {margin: 9px;}
.grid li .edit {margin: 0px; padding:4px 0px 0px 0px; width: 80px; height: 23px; text-align:center; /*Background: url('../Images/editDel.png') no-repeat 0px 0px;*/ display:block; float:right; position: absolute; top: 160px; left: 19px;}
/*.grid li .edit:hover {Background: url('../Images/editDelHover.png') no-repeat 0px 0px;}*/
.grid li .del {margin: 0px; padding:4px 0px 0px 0px; width: 82px; height: 23px; text-align:center; /*Background: url('../Images/editDel.png') no-repeat -80px 0px;*/ display:block; float:right; position: absolute; top: 160px; right: 19px;}
/*.grid li .del:hover {Background: url('../Images/editDelHover.png') no-repeat -80px 0px;}*/
.grid .placeHolder {width: 200px; height: 303px; Background: url('../Images/frame.png') no-repeat;  opacity: 0.3;}
/*novinky grid konec*/
#dialog-form .ddl {width: 150px; height: 30px;}
#dialog-form #wrap {width: 250px; height: 35px; margin: 20px auto 0px auto; margin: 0px 5px;}
/*tabulka*/
.adminTable {border-spacing: 0px; border: solid 1px #d2dce9; width:100%;}
.adminTable td {border: solid 1px #d2dce9; color:#000000;}
.adminTable tr:nth-child(1) td {border: none; background: url('../Images/leftMenuNadpis.png') repeat-x !important; height: 28px !important; color: #002e68 !important; text-align: center ; font-weight: bold; margin: 0px; padding: 0px;}
.adminTable tr {}
.adminTable tr:nth-child(odd) td {background: #f9f9f9;  height: 35px; padding-left: 10px;}
.adminTable tr:nth-child(odd) td:last-child {width: 170px;}
.adminTable tr:nth-child(even) td {background: #ffffff; height: 35px;padding-left: 10px;}
.adminTable .edit {width: 80px; height: 32px; Background: url('../Images/editDel.png') no-repeat 0px 0px; display:block; float:right; margin-top: 3px;}
.adminTable .edit:hover {Background: url('../Images/editDelHover.png') no-repeat 0px 0px;}
.adminTable .del {width: 82px; height: 32px; Background: url('../Images/editDel.png') no-repeat -80px 0px; display:block; float:right; margin-top: 3px;}
.adminTable .del:hover {Background: url('../Images/editDelHover.png') no-repeat -80px 0px; display: block;  }
/*.adminTable .show {width: 78px; height: 20px; Background: url('../Images/zobrazitBtn.png') no-repeat; display:block; float:right; margin-right: 7px;}
.adminTable .show:hover {Background: url('../Images/zobrazitBtnHover.png') no-repeat; display: block;  float: right;}*/
.adminTable tr:hover td {background: #003c76; color: #ffffff;}
/*detail*/
.adminTableDetail {width: 650px; margin: 0px auto; border: solid 1px #d2dce9; border-spacing: 1px; /*border-collapse: separate !important;*/}
.adminTableDetail td { color:#000000; height: 30px; width: 50%;}
.adminTableDetail tr:nth-child(1) td {border: none; background: url('../Images/leftMenuNadpis.png') repeat-x !important; height: 28px !important; color: #002e68 !important; text-align: center !important; font-weight: bold; margin: 0px; padding: 0px;}
.adminTableDetail tr td:nth-child(1) {background: #003c76; text-align: right; color: #ffffff; font-weight: bold; padding-right: 20px;}
.adminTableDetail tr td:nth-child(2) {padding-left: 20px;}
.adminTableDetail tr:nth-child(odd) td:nth-child(2) {background: #f9f9f9;}
.adminTableDetail tr:nth-child(even) td:nth-child(2) {background: #ffffff;}

.adminTableDetail a {width: 80px; height: 32px; Background: url('../Images/editDel.png') no-repeat 0px 0px; display:block; float:right; margin-top: 3px;}
.adminTableDetail a:hover {Background: url('../Images/editDelHover.png') no-repeat 0px 0px;}

.adminTableDetail span {line-height: 30px;}
/*detail konec*/
/*tabulka konec*/
/*content konec*/

/*footer*/
#footer {height: 50px; background: url('../Images/footerBg.png');}
#footer p {width: 980px; margin: 0px auto; line-height: 50px; color: #ffffff; text-align: center;}
/*footer konec*/

/*controls*/
/*.save {width: 80px; height: 29px; Background: url('../Images/saveCancelBtn.png') no-repeat 0px 0px; display:block; float:right; border: none; cursor: pointer;}
.save:hover {Background: url('../Images/saveCancelBtnHover.png') no-repeat 0px 0px; display: block;}
.cancel {width: 82px; height: 29px; Background: url('../Images/saveCancelBtn.png') no-repeat -80px 0px; display:block; float:right; border: none; cursor: pointer;}
.cancel:hover {Background: url('../Images/saveCancelBtnHover.png') no-repeat -80px 0px; display: block;  float: right;}
*/
.addDemand {width: 125px; height: 43px; display: block; text-indent: -9000px; Background: url('../Images/tlacitka.png') no-repeat -166px 0px; margin: 10px 0px;}
.addDemand:hover {Background: url('../Images/tlacitka.png') no-repeat -292px 0px;}
.adminTextTB {width: 400px; height: 25px; border: solid 1px #2f3239;}

/*webLayout*/
#webLayout #adminLeft {width: 300px; float: left;}
#webLayout #adminRight {float: right; width: 500px;}
#webLayout .hlZpet {width: 144px; height: 30px; display: block; text-indent: -9000px; background: url('../Images/nastaveniZpet.png'); margin: 10px 0px;}
/*webLayout konec*/

/*RadEditor*/
p.reP {}
span.reSpan {}
div.reDiv {}
ul.reUl {}
img.reImg {}
a.reLink {}
/*RadEditor konec*/
.listBtn {width: 51px; height: 30px; border: none; float:left;}
.gridBtn {width: 50px; height: 30px; border: none; float: right;}
/*controls konec*/


/*login*/
.form {height: 100%;}
#master {margin: 0px; padding: 0px; float: left; width: 100%; height: 50%; position: relative; background: #002e68;}


#master h1 
{
    text-align: center;
    color: White;
    margin: 0px 0px 10px 0px;
}

#master #loginBox 
{
    position: absolute; bottom: 0px; width: 100%; background: url('../Images/boxNadpis.gif') bottom left repeat-x
}
#master #loginBox #loginWrap {width:370px; margin: 0px auto; text-align: center; height: 32px;}
#master #loginBox table {position: relative; top: 18px;}
#master #loginBox td
{
    color: White;
}
#master #loginBox .loginWrap.button {background: url('../Images/logInBtns.gif') 0px 0px; width: 91px; height: 27px; border: 0px; cursor: pointer;margin:0px;}
#master #loginBox .loginWrap.button:hover {background: url('../Images/logInBtns.gif') -92px 0px; } 
#master #loginBox .loginWrap.button:active {background: url('../Images/logInBtns.gif') -184px 0px; }
/*login konec*/

/*EDITOR CONTENT H1,H2,H3,H4*/
#RadEditor .reContentArea h1 { }
#RadEditor .reContentArea h2 { }
#RadEditor .reContentArea h3 { }
#RadEditor .reContentArea h4 { }

.telerikgrid { }
.RadGrid_Default.telerikgrid .rgHeader { background:none; }
/*.telerikgrid thead{     border: none;
    background: url(../Images/leftMenuNadpis.png) repeat-x !important;
    height: 28px !important;
    color: #002e68 !important;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 0px;}
.telerikgrid .button { 
    width: 80px;
    height: 32px;
    Background: url(../Images/editDel.png) no-repeat 0px 0px;
    display: block;
    float: right;
    margin-top: 3px;
}*/
.Left { float:left; display:table; }
.Right { float:right;  display:table; }
.Flds, .Row { display:table; width:100%; }
#TopEstate { }
#TopEstate .button{ display:table; }
#TopEstate .OvladaciPanel{ padding:1em; display:table; width:100%; }
#TopEstate #Detail{ width:30%; display:table;  }
#TopEstate #Detail .OvlPanelSystem { background-color:#f2f2f2; border:1px solid #ccc; }
#TopEstate #Detail .OvlPanelSystem .OPSZahlavi { padding:8px 10px; border-bottom:1px solid #ccc;
                                                 background: rgb(250,250,250);
background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(231,231,231,1) 100%);
}
#TopEstate #Detail .OvlPanelSystem .OPSContent { padding:10px; background-color:white; }
#TopEstate #Detail .OvlPanelSystem .OPSContent .buttons{ padding:10px 0; }
#TopEstate #Detail .OvlPanelSystem .OPSContent .buttons .button{  }
#TopEstate .ListControlButton,#VideoTours .ListControlButton { display:block; width:3em; height:3em; position:relative; }
#TopEstate .ListControlButton span,#VideoTours .ListControlButton span { position:absolute; width:100%; height:100%;  background-repeat:no-repeat; background-position:center center; }
#TopEstate .ListControlButton span.settings,#VideoTours .ListControlButton span.settings{ background-image:url(/admin/Images/settings.svg); background-size:auto 60%; }
#TopEstate .ListControlButton span.del,#VideoTours .ListControlButton span.del{ background-image:url(/admin/Images/delete.svg); background-size:auto 60%; }

#TopEstateSlider { }
#TopEstateSlider .button{ display:table; }
#TopEstateSlider .OvladaciPanel{ padding:1em; display:table; width:100%; }
#TopEstateSlider #Detail{ width:30%; display:table;  }
#TopEstateSlider #Detail .OvlPanelSystem { background-color:#f2f2f2; border:1px solid #ccc; }
#TopEstateSlider #Detail .OvlPanelSystem .OPSZahlavi { padding:8px 10px; border-bottom:1px solid #ccc;
                                                 background: rgb(250,250,250);
background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(231,231,231,1) 100%);
}
#TopEstateSlider #Detail .OvlPanelSystem .OPSContent { padding:10px; background-color:white; }
#TopEstateSlider #Detail .OvlPanelSystem .OPSContent .buttons{ padding:10px 0; }
#TopEstateSlider #Detail .OvlPanelSystem .OPSContent .buttons .button{  }
#TopEstateSlider .ListControlButton { display:block; width:3em; height:3em; position:relative; }
#TopEstateSlider .ListControlButton span { position:absolute; width:100%; height:100%;  background-repeat:no-repeat; background-position:center center; }
#TopEstateSlider .ListControlButton span.settings{ background-image:url(/admin/Images/settings.svg); background-size:auto 60%; }
#TopEstateSlider .ListControlButton span.del{ background-image:url(/admin/Images/delete.svg); background-size:auto 60%; }

#VideoTours h2{ display:table; margin:2rem 0; }
#VideoTours .OvladaciPanel{ display:table; width:100%; margin:2rem 0; }
#VideoTours #List { width:65%; }
#VideoTours #Detail { width:30%;  }
#VideoTours #Detail .OvlPanelSystem { background-color:#ebebeb; border:1px solid silver; padding:15px; }
#VideoTours .buttons { margin-top:1rem; }
#VideoTours .result { color:red; }
#VideoTours #List .FotoListIMG{ max-width:300px; max-height:100px; }