/*<style>/**/ 
         
html{overflow-y:scroll}
body    {
background:#fff; 
color:#fff; 
font-family:'Source Sans Pro', Calibri, Arial, sans-serif; 
margin:0px; 
font-size:19px; /*default base font size*/
-ms-overflow-x:hidden; 
overflow-x:hidden; 
transition:all 0.3s ease-out 0s; 
}
img {border-width:0px}


/* METRO UI */
.tileset {text-align:center; margin:0px auto 0px; width:95%; max-width:1000px}
.tilerow {width:100%; clear:both; margin:0px auto; height:0px; padding-bottom:25%}
.tileblock {width:50%; float:left; height:0px; padding-bottom:24.75%; box-sizing:border-box; position:relative}
.tilecontainer {position:absolute; width:100%; height:100%}
.tile{float:left; text-align:left; overflow:hidden; width:49%; height:99%; margin-left:1%; transition:background-color 0.2s ease-out 0s,color 0.2s ease-out 0s;position:relative;}
.tileblock .tile:first-child {margin:0px}
.bigtile {width:99%} /* dvojpolicko*/

.megatile { /* spec. pripad, pole pro obsah stranky, plna sirka, variabilni vyska, NEMa zadne tile-rodice, nema .tile*/
width:99.5%; min-width:600px; clear:both; text-align:left; min-height:200px; margin-bottom:50px}
.img {background-color:transparent !important}
.imgc {position:absolute; width:100%; height:100%; min-height:32px; z-index:0; overflow:hidden; max-height:100%;transition:background-color 0.2s ease-out 0s,color 0.2s ease-out 0s;}
.bigtile .imgc {width:100%}
.tile img {width:100%; height:100%; margin:0px; border:0px; position:absolute; z-index:1}
.tile.img h3,.tile.img p,.tile.img table,.tile.img h1,.tile.img h2,.tile.img span  {position:relative; z-index:0}
.tile .tlink {z-index:1}
.tile .editlink {z-index:2}
#titlepic {width: 99.5%;margin:0px 5px 0.5% 0px;display:block}


/* METRO UI MOBILE */
.mobile .tileset {text-align:center; width:100%; margin:0px}
.mobile .tilerow {width:100%; max-width:100%; clear:both; height:0px; padding-bottom:100%; min-width:64px}
.mobile .tilerow.mobile-halved {padding-bottom:50%}
.mobile .tilerow.mobile-empty {padding-bottom:0%}
.mobile .tileblock {width:100%; float:left; height:0px; padding-bottom:50%; box-sizing:border-box; position:relative}
.mobile .tileblock.nomobile {display:none}
.mobile .tilecontainer {position:absolute; width:100%; height:100%}
.mobile .tile{float:left; text-align:left; overflow:hidden; width:49.75%; height:99%; margin-left:0.5%; min-height:32px}
.mobile .tileblock .tile:first-child {margin:0px}
.mobile .imgc {width:100%}
.mobile .bigtile .imgc {width:100%}
.mobile .nomobilepic img {display:none}

.mobile .bigtile {width:100%}
.mobile .megatile {min-width:64px; width:100%; margin-bottom:0px}
.mobile .megatile .content{width:97%; margin:0px auto; height:100%; min-width:32px}
.mobile #titlepic {width: 100%;margin:0px 0px 0.5%}  
.mobile .tile.sticky h1 {text-align: center;white-space: nowrap;}


/* ODKAZY */
/*odkazy obecne*/
a {text-decoration:none; cursor:pointer; transition:all 0.3s ease-out 0s} 
/* tuzky + odkazy */
a,.elbrake a.editlink {background-color:rgba(0,0,0,0.1) !important}
a:hover,.elbrake a:hover.editlink {background-color:rgba(0,0,0,0.2) !important}
a:active,.elbrake a:active.editlink {background-color:rgba(0,0,0,0.3) !important}
/* klikaci dlazdice */
a.tlink {background:url(grf/blank.gif) transparent !important}
a:hover.tlink {background:rgba(0,0,0,0.1) !important}
a:active.tlink {background:rgba(0,0,0,0.2) !important}
.mobile a:hover.tlink {background:url(grf/blank.gif) transparent !important} /*zrusit hover u mobilni verze*/
/* horni menu */
.topmenu {/*width:99.5%; */margin: 0px 0.5% 0.5% 0px; padding:0.5% 0px 0px; font-size:70%; text-transform:uppercase; font-family:'Oxygen', Calibri, Arial, sans-serif}
.topmenu a {color:black; background-color:transparent !important; padding: 0.2% 1%}
.topmenu a:hover {background-color:rgba(0,0,0,0.1) !important}
/* odkazy v tabulkach (hlavne OS) */
.tablink {color:rgb(128,0,0) !important; background:none !important}
.compatmode .tablink {background-image:none !important}
/* admin link */
.adminlink {display:none}
.admin .adminlink{display:inline}
#tile-hlavicka .os-link {margin-left:1.5%} /*os-link potrebuje v hlavicce odsazeni*/

/* nové icomoon tužky */
a.editor:before {content: "\e905";}
a.editor {
    display:inline-block;
    font-family:"metral_icomoon";
    position:absolute;
    right:0px;
    background: transparent !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    transition:all 0.1s ease-out 0s;
    font-size: 1.6em;
    width: 1em;
    height: 1em;
    z-index: 3;
    margin-top:2px;
    margin-right:2px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-style: normal;line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mobile a.editor {font-size: 2em}
a.editor:hover {
    padding-top:4px;
    padding-right:4px;
    background: transparent !important;
}
a.editor:active {
    padding-top:6px;
    padding-right:6px;
    background: transparent !important;
}
.admin a.editor{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}
.compatmode a.editor {display:none;}
.admin.compatmode a.editor {display:inline-block;}
.gallery-item, .megatile, h4 {position: relative}
a.editor.el-tabulka {font-size:1.44em}
a.editor.el-actuality {font-size:1.2em;right: 2.5em; top: 0.1em;}


/* NADPISY */
h1,h2,h3,h4,h5,.backlink,.back-to-top {font-family:'Oxygen', Calibri, Arial, sans-serif; font-weight:300; margin-left:3%}
.bigtile h1,.bigtile h2,.bigtile h3,.bigtile h4,.bigtile h5 {margin-left:1.5%}
h1 {font-size:150%; font-weight:500; margin:5% 3%}
h2 {font-size:110%; margin:5% 3%}
.bigtile h1 {font-size:200%; font-weight:400}
.bigtile h2 {font-size:150%}
h3 {font-size:150%; margin:5% 3% 3%}  /*5% je vertikalni odsazeni nadpisu*/
h4 {font-size:125%; margin-left:0px}
h5 {font-size:110%; margin-left:0px}
.bigtile h3,.bigtile h1 {margin:2.5% 1.5% 1.5%} /*2.5% je polovicni hodnota*/

.megatile h3 {margin:0px 0.75% 1eM 0px; padding-top:0.7eM}
.megatile p {line-height: 1.3em;}
.megatile .backlink {margin:0.7eM 1eM 1eM 0.75%; float:left; font-size:150%;text-transform: lowercase;}
.megatile .backlink .i{font-size: 80%;margin: 0px 0.3em 0px 0.1em;}
@media only screen and (min-width:800px){
    .megatile .backlink {text-align: center;font-size: 1.2em;}
    .megatile .backlink .i {display:block;font-size:1.8em;margin: 0.1em 0.3em 0.1em}
}
@media only screen and (max-width:799px){
    .megatile .backlink {display:inline-block;float:none;margin-bottom: 0px;}
    .megatile .backlink .i {}
    .mobile .megatile .backlink {margin: 0.7em auto 0.2em 1.5%}
    .mobile .megatile .backlink .i {}
}

h4.dash {text-align:center; line-height:2eM; background:url(grf/transp_black_10.png); margin:4% 0% 3%} 
.mobile h4.dash {max-width:90%; margin:4% auto 3%}   
h4.os-datum {margin:3% 0% 1%}
h4.os-datum.zavreno {color: #A9A9A9}


/* RUZNE */
p {margin:0px 3% 3%; font-size:100%; overflow:hidden}
.bigtile p {margin:0px 1.5% 1.5%}
strong {font-weight:bold}
.ctr {text-align:center}
.editlink {display:none; float:right; cursor:pointer; width:32px; height:48px; background:url(grf/edit-black.png) no-repeat transparent; position:relative}
a.editlink {background-color:transparent !important; transition:all 0.2s ease-out 0s}
.admin .editlink {display:block !important}
a:hover.editlink {margin-top:4px; padding-right:2px}
a.editlink.editbar {text-align:center; font-family: 'Oxygen', Calibri, Arial, sans-serif; font-weight:300; padding:1% 0%; position:static; float:none; width:100%; height:1em; margin:2% 0px; line-height:1em; background:inherit}
a.editlink.el-text {float:none; width:inherit; height:inherit; background:none; position:static}
.redbox,.greenbox,.orangebox {width:75%; padding:3px 0px; margin:5px auto; text-align:center; font-family:'Oxygen', Calibri, Arial, sans-serif; font-size:90%}
.mobile .redbox,.mobile .greenbox,.mobile .orangebox {width:100%}
.redbox {color:white; background-color:red}
.greenbox {color:black; background-color:lime}
.orangebox {color:black; background-color:orange}
#datainfo {width: 100%; margin-top:0px; margin-bottom:1px;border-bottom: 1px solid black;border-left: 1px solid black;border-right: 1px solid black;padding:2px 1px;font-size:90%;transition: all 0.4s ease 0s;box-sizing: border-box;position:relative;top:-2px}
#dataarea {margin-bottom: 0px;border: 1px solid black;border-bottom:0px;}
.megatile .content {height:100%; width:80%; min-width:600px; margin:0px auto; padding-bottom:2.5%}
table td{vertical-align:top}
table td.xdsoft_date{vertical-align:inherit}
table.visittable td{vertical-align:middle}
table td.mini {font-size:80%; padding-top:0px; padding-bottom:0px}
table.hodiny {width:97%; font-size:120%; margin:0px 1.5% 1.5%; border-spacing:0; border-collapse:collapse}
table.hodiny.clean {width: 90%;}
table.hodiny td, table.hodiny tr{padding:0px; border:0px}
table.hodiny td.note {font-size: 80%; vertical-align: middle;}
table.hodiny .note-spacer-2 {min-width:7%;}
/*odstavce v obsahu*/
/* TLINK */
.megatile p {margin:0.7eM 0px}
.tlink {display:block; width:100%; height:100%; position:absolute; z-index:0}
.bigtile .tlink{width:100%}
.emptyblock {display:none}
.mobile .tlink {width:100%}
.mobile .bigtile .tlink{width:100%}
.mobile .topmenu {display:none}
.v p {font-size:110%} /*vetsi font*/
.v table {font-size:110%}
table.tilehodiny {width:97%; text-align:center; margin:0px 1.5% 1.5%; border-collapse:collapse; border-spacing:0px}
table.tilehodiny tr td:first-child {font-weight:bold; text-align:left; width:1px}
.content table {min-width:100%}
table tr.tx td {background:url(grf/transp_black_20.png); padding:0.5% 1%}
table tr.t0 td {background:transparent; padding:0.1% 1%}
table tr.t1 td {background:url(grf/transp_black_10.png); padding:0.1% 1%}
table.mailform {width:100%;min-width: 160px;max-width:600px;}
.os-sk-admin {text-align:right}
.t .os-sk-extra,.t .os-sk-mail {font-size:80%}
.t .os-sk-admin  {padding-right:0px; padding-left:0px}
ul.os-timelist {margin-top:0px; list-style-type:circle}
ul.os-timelist li.os-zabrane {list-style-type:disc}
ul.os-timelist li.os-zavreno {color: #A9A9A9}
ul.os-timelist li.os-zabrane.os-zavreno {color: red; font-weight: bold;}
table.os-seznam-klientu td.popis {
    font-size:80%;
}
table.os-seznam-klientu td.cas {
    font-size:80%;
}
.lichy.s, .sudy.l{display:none} /*Tydny*/
.showmore a{font-size:80%}
.os-hint {font-size:90%; background-color:rgba(0,0,0,0.1); padding:1% 1.5%}
.megatile#megatile-mainpage .backlink {display:none}
.desktop .megatile#megatile-mainpage .content {width:90%}
.mobile .megatile#megatile-mainpage .content {width:97%}
.mobile .megatile ul {padding-left:6%}
.mobile .megatile ul ul {padding-left:5%}
.mobile .megatile ul ul ul{padding-left:10%}
a.titlepic_link {background:none !important;display:block}
.mobile .desktop-only, .desktop .mobile-only  {display: none;}
.desktop .desktop-only, .mobile .mobile-only  {display: initial;}
#megatile-config-edit .content {width: 100%}
.transp {color: transparent !important}
.clearfix {clear:both; height: 1px;}

/* responsive rows */
td.rr-label {vertical-align: middle}
.desktop tr.responsive-row-0 {display:none;}
.mobile  tr.responsive-row-0 {display:table-row;}
.mobile  tr.responsive-row-0 td.rr-moblabel {padding-left: 7px; padding-top:0.4em;}
.desktop tr.responsive-row-1 td.rr-label div.rr-label-container {display:block;padding-right: 10px;}
.mobile  tr.responsive-row-1 td.rr-label div.rr-label-container {display:none;}
.mobile  tr.responsive-row-1 td.rr-label {width:1px;}

/* NOTIFIKACE */
#notifications {position:fixed;top:20px;left:50px;width:360px;z-index:9999;}
#notifications .notify {width: 100%; margin-bottom:10px;color:white; cursor: pointer; padding: 15px 10px;transition: all 0.5s ease;}
#notifications .notify.err {background: red;background: rgba(255,0,0,0.85)}
#notifications .notify.warn {background: orange;background: rgba(255,120,0,0.85)}
#notifications .notify.success {background: lime;background: rgba(0,255,0,0.85); color:black}
#notifications .notify b {font-family: 'Oxygen', Calibri, Arial, sans-serif; font-weight: normal;text-transform: uppercase;display:block;}
.mobile #notifications {position:absolute;top:0px;left:0px;width:100%;transition: all 0.5s ease;}
.mobile #notifications .notify {width: 100%; margin-bottom:5px;color:white; cursor: pointer; padding: 5px 10px;}


/* DOT3 */
a.overflow{position: absolute;width:60%;bottom: 3%;left: 20%;text-align: center;text-transform: uppercase;display:none;height: 1.5em;line-height: 1.5em;padding-top:2px}
.mobile a.overflow{width: 60%;left:20%;bottom:3%;}
.bigtile a.overflow{width: 30%;left:35%}
.mobile .bigtile a.overflow{width: 30%;bottom: 3%;left:35%;}

.tile.trim p {line-height: 1.25em;height:7.5em;}
.tile.trim.v p {line-height: 1.3em;height:6.5em;}
.mobile .tile.trim p {line-height: 1.35em;height:6.75em;}
.mobile .tile.trim.v p {line-height: 1.25em;height:6.25em;}

.tile.bigtile.trim p {line-height: 1.25em;height:7.5em}
.tile.bigtile.trim.v p {line-height: 1.35em;height:6.75em;}
.mobile .tile.bigtile.trim p {line-height: 1.35em;height:6.75em;}
.mobile .tile.bigtile.trim.v p {line-height: 1.25em;height:6.25em;}


/* ADMINBAR */
#adminbar {background: orange;background: rgba(255,127,0,0.8);width:100%;font-size:80%;min-height:2.5em;display:inline-block;}
#adminbar a{display:block; color: white;float:left;padding: 0em 1em;line-height:2.5em;}
#adminbar a:first-child {background:none !important;}

/* SKRYVACE */
div.skryvac {}
div.skryvac.zobrazeny a.zobrazit,
div.skryvac.skryty a.skryt
{display: none !important;}
                             
                               


/* AKTUALITY */
.actuality {width:100%; margin-bottom:1.5eM}
.actuality .date {float:right; max-width:25%; background:url(grf/transp_black_10.png); padding:0eM 0.25eM 0.35eM; margin-left:3%; font-family:'Oxygen', Calibri, Arial, sans-serif; font-weight:300; height:2.9em; text-align:center}
.actuality .date span {font-size:125%}
.actuality h4 {font-size:130%; margin:0px 0px 0px 2%; line-height:250%; padding:0px} 
.actuality .acontent {min-height:2eM; background:url(grf/transp_black_10.png); padding:1%; margin:0%; clear:both; font-size:100%}
.actuality .acontent img {max-width:50%;max-height:360px;float: left;margin: 0px 0.5em 0px 0px;}
.mobile .actuality .acontent img {max-width:100%;max-height:300px;float: none;display:block;margin:0px auto 0.5em;}
img.aktualne-edit-thumb{max-width:100px;max-height:100px;margin-right:1em;vertical-align: middle;}
a.aktualne-edit-delete{vertical-align: middle;}


/* GALERIE */
.gallery {}
.gallery .gallery-item {width:178px; height:178px; float:left}
.gallery a.fancybox {background:rgba(0,0,0,0.2) center center no-repeat; display:block; width:160px; height:160px; margin:0px 16px 16px 0px; border:1px solid rgba(0,0,0,0.2)}
.gallery a.fancybox:hover {background-color:rgba(0,0,0,0.4) !important; border:1px solid rgba(0,0,0,0.4)}

.gallery-item a.editor {text-shadow: 0px 0px 10px white;}
.gallery-item a:hover.editor {text-shadow: 0px 0px 10px white,0px 0px 3px white;}
.desktop .gallery-item  a.editor {right:0.5em;}

a.fancybox-next{right:0px !important;}
a.fancybox-prev{left:0px !important;}
.fancybox-inner {transition: box-shadow 0.2s ease 0s;}
a.fancybox-nav,a:hover.fancybox-nav {background: none !important;}
a.fancybox-close, a.fancybox-expand {background-color: transparent !important;}
/* MOBILNÍ GALERIE */
.mobile .gallery .gallery-item {width: 50%; height:0px;padding: 0px 0px 50%;margin:0px}
.mobile .gallery a.fancybox {width:95%; height:0px;padding: 0px 0px 95%;background-repeat: no-repeat !important;background-size: cover;margin:0px auto;background-position: 50% 50% !important;}
/*fullscreen fancybox*/
.mobile .fancybox-lock,
.mobile .fancybox-wrap,
.mobile .fancybox-inner {width:100% !important;height:100% !important;}
.mobile .fancybox-wrap {top:0px !important;left:0px !important;margin: 0px !important;overflow: hidden !important;}
.mobile a.fancybox-close {top:0px !important;right:0px !important;}
.mobile .fancybox-inner {
text-align: center;
background: none;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mobile .fancybox-image {display: inline-block;width:auto;height:auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile .fancybox-title {
    position: absolute !important;
    left: 0.5em !important;
    bottom: 0.5em !important;
    margin: 0px !important;
}
    


/* OBRAZKY */
.obrazek-vpravo,.obrazek-vlevo,.obrazek-plny {max-width:60%; padding:0.5eM 0.5eM 1px; background:url(grf/transp_black_10.png); margin:0.5eM; font-size:60%; text-align:center; clear:both}
.obrazek-vpravo img,.obrazek-vlevo img,.obrazek-plny img {width:100%}
.obrazek-vpravo {float:right}
.obrazek-vlevo {float:left}
.obrazek-plny {max-width:90%; margin:0.5eM auto}
.mobile .obrazek-vpravo,.mobile .obrazek-vlevo,.mobile .obrazek-plny{max-width:100%; width:100%; float:none; margin:3px 0px; padding:0px} 


/* FORMULARE */
input[type="text"],input[type="password"],textarea,select {width:100%; border:1px solid #555; background-color:white; font-family:'Source Sans Pro', Calibri, Arial, sans-serif; font-size:90%; padding: 1px;box-sizing: border-box}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border:1px solid black}
.input-err {color:white !important; background-color:red !important; border:1px solid black !important}

input[type="submit"] {
transition:all 0.2s ease-out 0s; 
cursor:pointer; 
font-family:'Source Sans Pro', Calibri, Arial, sans-serif; 
font-size:82%; 
padding:1px 6px; 
border:1px solid rgb(128,0,0); 
color:rgb(128,0,0); 
background:transparent; 
margin-right:0.5%; 
}
input[type="submit"]:hover,input[type="submit"]:focus {
background:rgba(128,0,0,0.1); 
}
input[type="submit"]:active {
padding:1px 3px 1px 9px; 
}
input[disabled],input[disabled]:hover,input[disabled]:focus,input[disabled]:active {
color:#555; border:1px solid #555; background:url(grf/transp_black_10.png); padding:1px 6px; 
}
.compatmode input[type="submit"]:hover,.compatmode input[type="submit"]:focus {background:url(grf/transp_black_10.png)}
.ie11 input[type="submit"],.ie10 input[type="submit"],.ie9 input[type="submit"],.compatmode input[type="submit"] {margin-right:0px; line-height:145%}
.ie10 input[type="submit"],.ie11 input[type="submit"] {line-height:140%}
.html-datepicker {width:100%}
.html-datepicker input,.html-datepicker input:focus,.html-datepicker input:active {/*background: transparent;border: 1px solid black;*/}
.monthpicker, .monthpicker:active, .monthpicker:focus {/*background: transparent; border: 0px solid black;border: none;*/padding: 0px;}
.html-datepicker td:nth-child(2) {padding: 0px 0.3em 0 0.5em;text-align: center;}

a.back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
    -o-transition:background 0.2s ease-in-out;
    -ms-transition:background 0.2s ease-in-out;
    transition:background 0.2s ease-in-out;
    margin: 0px; 
    text-align: center;
    font-size: 1.2em;
    text-transform: lowercase;
    color: white;
    background-color: black !important;
    background-color: rgba(0,0,0,0.8) !important;
    z-index:100;
    padding: 0.3em;
}
a.back-to-top:hover {
    background-color: black !important;
    background-color: rgba(0,0,0,0.95) !important;    
}
a.back-to-top .i{
    display:block;
    font-size:1.8em;
    margin: 0.1em 0.3em 0.1em
}
@media only screen and (max-width:1199px){
    a.back-to-top{display: none !important;}
}


/* TABULKY (VYCHOZI) */
.mwtable {margin-bottom:4%} /*oblast tabulky*/
.mwtable h4.tablecaption {margin:4% 0% 2.9%} /*popisek*/
.mwtable table {width:100%} /*tabulka*/
.mwtable table tr.th th {background:url(grf/transp_black_20.png); padding:4px 10px; text-align:left} /*zahlavi*/
.mwtable table td {padding:4px 8px} /*bunka*/
.mwtable table tr.lichy td {} /*lichy radek*/
.mwtable table tr.sudy td {background:url(grf/transp_black_10.png)} /*sudy radek*/
.mwtable#mwtable-1 h4.tablecaption {} /*popisek tabulky c.1*/

.compatmode .mwtable h4.tablecaption a.editlink {}
.mwtable h4.tablecaption.empty {margin:0%; height:0px; position:relative} 
.admin .mwtable h4.tablecaption.empty {height:52px}

#table-edit-table a.tablink{padding:0px 2px}



/* CONFIG-EDIT */
#megatile-config-edit{background:white;color: #000;}
#megatile-config-edit h3{color: #800;text-transform:uppercase}
.configtable {width: 100%;border-collapse: collapse;}
.configtable .col1, .configtable .col0 {padding-top:3%;}
.configtable .col2 {padding-top:2%;}
.configtable .col1 {width:1px;min-width:13em;}
.mobile .configtable .col1 {min-width:1px;}
.mobile tr.mobile-only {display: table-row}
.configtable .col2 {padding-left:2%}
.configtable .col3 {padding-bottom:3%;padding-top:1%;}
.configtable .col1, .configtable .col3, .configtable .col0 {padding-left:2%;}
.configtable .col2, .configtable .col3, .configtable .col0 {padding-right:2%;}
.configtable .t0 td {background:url(grf/transp_black_20.png);}
.configtable .t1 td {background:url(grf/transp_black_10.png);}
.configtable .config-name {font-size: 120%;font-weight: bold;color:#000;}
.configtable .config-var {color: #800;font-size:80%;}
.configtable .config-doc {font-size: 85%;color: #000;}
.configtable .checkecho {cursor:pointer;padding-left:1%;transition: all 0.5s ease 0s;}
.configtable .checkecho.on {color:green;}
.configtable .checkecho.off {color:red;}
.configtable .set-default {float:right; font-size: 80%; transition: all 0.2s ease 0s;margin-top:0.5%;}
.configtable .set-default a{transition: all 0.2s ease 0s;}
.configtable .set-default.on a{font-size:100%;opacity:1;}
.configtable .set-default.off a{font-size:0.1px;opacity:0;}
.compatmode .configtable .set-default.on a{display:inline;}
.compatmode .configtable .set-default.off a{display:none;}
.configtable .dt-int  input[type="text"]{text-align: center;max-width:10em;margin-top:1em;}
.configtable .dt-int .col2{text-align: center;}
.configtable .dt-bool div.ctr {margin-top:1em;}
.configtable  textarea {height: 1.5em}
.configtable .array input{width: 90%;}
.configtable .assoc-array .key{width: 30%;margin-right:0.3%;}
.configtable .assoc-array .val{width: 58.7%;}
.configtable .assoc-array textarea{height: 2.7em;}
.configtable .actions{width: 9.5%;text-align:right;position:absolute;right:0px;}
.configtable .arritem{margin-bottom:2px;position:relative;padding-left: 1em;}
.configtable .arr-item-num {opacity: 0.5;position: absolute;left:-2.2em;width:3em;text-align: right;}
.mobile .configtable .arr-item-num {font-size:80%;left:-2em;}
.configtable .addelem {text-align:center;margin: 0.5% 0%;}
.configtable a.ae{color:green;padding:0px;display:inline-block;width:40%;text-align:center;}
.configtable a.se{color:red;padding:0px;display:inline-block;width:40%;text-align:center;margin-right:7%;}
textarea#var_headlayout {height: 2.75em}
textarea#var_w_subtitle, textarea#var_webkeywords, textarea#var_webdescription, 
textarea#var_tinymce_plugins, textarea#var_tinymce_toolbar, textarea#var_tinymce_config, 
textarea#var_tinymce_plugins_akt, textarea#var_tinymce_toolbar_akt, textarea#var_tinymce_config_akt {height: 4em}
textarea#var_foot,textarea#var_os_regmail_format,textarea#var_os_cancmail_format {height: 6.5em}
textarea#var_custom_head {height: 12em}


.CodeMirror{
    font-size:80%;
    border:1px solid #555;
}
.CodeMirror:focus, .CodeMirror:active {border:1px solid black;}
.CodeMirror-sizer{
    min-width: 10px !important;
}

/* PATICKA */
#footer {
font-size:60%; 
margin-top:20px;  
padding-bottom:10px; 
text-align:center; 
color:black; 
box-sizing: border-box;
/*background:url(grf/transp_black_80.png); */      
}
#footer a{color:black}



/* ANIMACE */
/*fade podstránek*/
body.desktop .megatile .content {transition: 0.2s opacity ease-out 0s}
body.desktop .megatile .content{opacity:1}
body.desktop.intro .megatile .content{opacity:0}



/* IE 8- a Symbian FIXES */
.compatmode a:hover.tlink {background:url(grf/transp_black_10.png) !important}
.compatmode a:active.tlink {background:url(grf/transp_black_20.png) !important}

.compatmode #ts-1 a, .compatmode .elbrake a.editlink  {background:url(grf/transp_black_10.png)}
.compatmode #ts-1 a:hover, .compatmode .elbrake a:hover.editlink {background:url(grf/transp_black_20.png)}
.compatmode #ts-1 a:active, .compatmode .elbrake a:active.editlink{background:url(grf/transp_black_30.png)}

.compatmode a.editlink {background:url(grf/edit-black.png) no-repeat transparent !important}
.compatmode a:hover.editlink {background-color:transparent !important}
.compatmode a:hover.elg {background-color:white !important}

.compatmode a.editor {background: none transparent !important}
.compatmode a.editor:hover {background: none transparent !important}

.compatmode .topmenu a {background:none !important}
.compatmode .topmenu a:hover {background:url(grf/transp_black_10.png) !important}
 


/* MISC FIXES */
.tileset .cnt90 {width:90%}
.tileset .cnt95 {width:95%;max-width:900px;}
.mce-tinymce.mce-container.mce-panel {width:100%; padding:0px 1px; border: 1px solid #555; border-radius: 0px;}
.mce-tinymce.mce-container.mce-panel:hover, .mce-tinymce.mce-container.mce-panel:focus {border: 1px solid black}
#jq_ez_bg {z-index:-1 !important}
.mobile #jq_ez_bg {display:none}
#testobj table.tilehodiny {position:absolute}  
#testobj.contain_th br {position:absolute} 
div#mce_38 {box-sizing:border-box}
.xdsoft_datetimepicker {border: 1px solid #555 !important;}
/*AUTH form*/
#megatile-auth table {min-width: 50%;width: auto !important;}
#megatile-auth input[type="submit"] {/*padding: 1px 6px 0; margin-left: -1px;*/margin-left:1em;}
#megatile-auth input[type="password"] {}