:root {
    font-family: Inter, sans-serif;
    --tl-svetla: #eee;
    --tl-syta: #ccc;
}

.TULmono {
    font-family: "TUL mono", sans-serif;
} 

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
    font-family: 'TUL Mono';
    src: local('TUL Mono'), url('fonts/TULMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TUL Mono';
    src: local('TUL Mono'), url('fonts/TULMono-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter'), url('fonts/Inter-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter'), url('fonts/Inter-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter'), url('fonts/Inter-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter'), url('fonts/Inter-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

body {
    line-height: 1em;
    /*        font-family: "UniFont", "Trebuchet MS", "Geneva CE", lucida, sans-serif;*/
    font-family: Inter, sans-serif;
    /*font-family: Tahoma, Geneva, sans-serif;*/
    background: #fff;
    color: #404040;
    background-position: 50% top;
    background-repeat: repeat-x;
    /* fix bolder font on mac */
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
}
.lt-ie9 img{
    max-width: none;
}
html>body {
    font-size: 14px
}
a {
    color: #5948ad;
/*    text-decoration: none;*/
}
a:hover, a:visited {
    color: #5948ad;
}
#page-content a {
 /*   color: #5948ad;*/
}
#wrapper {
    max-width: 1008px;
    margin: 0 auto 0 auto;
    padding-top: 1.1em;
    line-height: 1.35em;
    background-color: #fff;
    position: relative;
}
.row {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.65em
}
.column {
    float: left;
    margin: 0 1.488095238095%;
    overflow: hidden;
    display: inline
}
.columns-twelve {
    width: 97.023809523806%
}
.columns-eleven {
    width: 88.69047619047299%
}
.columns-ten {
    width: 80.35714285713999%
}
.columns-nine {
    width: 72.023809523807%
}
.columns-eight {
    width: 63.690476190474%
}
.columns-six {
    width: 47.023809523808%
}
.columns-five {
    width: 38.690476190474996%
}
.columns-four {
    width: 30.357142857142%
}
.columns-three {
    width: 22.023809523809%
}
.columns-two {
    width: 13.690476190476%
}
.columns-one {
    width: 5.357142857143%
}
h1 {
    font-size: 1.75em !important;
    margin-top: 1em !important;
    line-height: 1.8em !important;
    margin-bottom: 1em !important;
    font-family: "TUL Mono", Inter, sans-serif;
    text-wrap: balance;    
}
h2 {
    font-size: 1.2em !important;
    line-height: 1.25em !important;
    line-height: 1.125em !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
    color: #595758 !important;
}
h3 {
    font-size: 1.1em !important;
    line-height: 1em !important;
    margin-bottom: .25em !important;
    font-weight: normal !important;
    color: #595758 !important;
    font-weight: bold !important;
}
#content-wrapper {
    margin-top: 0em
}

.controlcolumn ul {
    list-style: none;
    margin: 0px;
    margin-top: 1.25em;
    padding: 0px;
}
/*.controlcolumn.uni-events li {
    margin-bottom: 3.9em;
}
.controlcolumn.uni-events li.last-child {
    margin-bottom: 0;
}*/
#quicklinks, #partners {
    padding-top: 1.25em;
    border-top: 2px solid #e7e7e7;
    overflow: hidden;
}

#quicklinks ul, #partners ul, .tiles-wrapper ul {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style:none;
}
#quicklinks ul li, #partners ul li, .tiles-wrapper ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    position: relative;
}
#quicklinks li img, #partners li img, .tiles-wrapper li img, .tiles-wrapper li img {
    float:left;
    margin-right: 5px; /* was 6, but here comes MS EDGE.... */
}
.tiles-wrapper a {
    position: relative;
    display:block;
    float:left;
    overflow:hidden;
}
#partners li img, .tiles-wrapper li img, .tiles-wrapper li img
{
    margin-bottom: 6px;
    overflow:hidden;
}
.ie #quicklinks li img, .ie .tiles-wrapper li img {
    margin-right: 5px;
}

#quicklinks img.mgins {
    margin-right: 6px;
}
#quicklinks ul li img.last-child, #partners ul li img.last-child, .tiles-wrapper li img.last-child
{
    margin-right: 0px;
}
.quicklinks-wrapper, .partners-wrapper, .tiles-wrapper {
    text-align: center;
}
.quicklinks-wrapper ul li.textual  {
    height:115px;
    margin-bottom: 5px!important;
}
.quicklinks-wrapper ul li.textual a {
    display: block;background: #e0e0e0; width:158px;height:115px;color: #2f2f2f;margin-right: 5px;
}
.quicklinks-wrapper ul li.textual a:hover {
    color: #5948AD;
}
.quicklinks-wrapper ul li  div.text-wrapper {
    display: none;
} 
.quicklinks-wrapper ul li.textual div.text-wrapper {
    text-align: left;padding-left: 17px;padding-right: 17px;font-weight: bold; height: 57px; text-transform: uppercase; display: table; width: 124px; table-layout: fixed;

}
.quicklinks-wrapper ul li.textual div.text-wrapper div{
    display: table-cell;
    vertical-align: middle;
}
.quicklinks-wrapper ul li {
}

.preview-wrapper {
    width: 100%;
    text-align: center;
    line-height: 2em;
    background-color: #ff0000;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
}


#footer {
    font-size: 0.8em;
    line-height: 1.4em;
    letter-spacing: -0.01px;
    border-top: 3px solid #e7e7e7;
    padding-top: 1.25em;
}
#footer .address img {
    float: left;
}
#footer .address p {
    margin: 0px;
}
#mainmenu {
    z-index: 0;
    position: relative;
    /*min-height:37px;*/
    font-weight: bold;
    font-size: 0.9em;
    background: #595758 url(/images/mainmenu-bg.png) top repeat-x;
    /* text-align:center;
         letter-spacing: 1px;*/
}
#mainmenu ul {
    margin: 0px;
    padding: 0px;
    height: auto;
    list-style: none;
    overflow: hidden;
}
#mainmenu ul li {

    float: left;
    position: relative;
    /*display: inline;*/
    padding:0px;
    margin: 0px;
    overflow: hidden;

}
#mainmenu li a {
    /*
    display: block;
    text-align: center; */
    text-decoration: none;
    text-transform:uppercase;
    color: #fff;
    display:inline-block;
    line-height:37px;
    border-left: 1px solid #343434;
    border-right: 2px solid #888;
}
#mainmenu li a:hover
{
    background-color: #747476;
}
#mainmenu ul li.last-child a
{
    border-right: none;
}
#mainmenu ul li:first-child a
{
    /* border-left: none;    */
}
#mainmenu .current {
    background-color: #5948AD;
}
#mainmenu img {
    vertical-align: middle;
}

body.cs #mainmenu a {
    width: 160px;
    padding:0px 0px;
    text-align: center;

}

body.en #mainmenu a {
    width: 160px;
    padding:0px 0px;
    text-align: center;
    white-space:nowrap;
}

.lt-ie8 #mainmenu img {
    vertical-align: middle;
}
.lt-ie8 #mainmenu .ie-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.lt-ie9 div.tiles-wrapper ul
{

}
.lt-ie9 div.tiles-wrapper ul li
{

}

.imageCaption-wrapper{
    display:none;
    position:absolute;
    bottom:6px;
    width:322px;
    height: 104px;
    color:#fff;
    left: 0;
    z-index: 100;
    background: rgba(127, 127, 127);
    background: rgba(127, 127, 127, 0.6);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; //Math.floor(0.6 * 255).toString(16);
    text-align: left;
}
.lt-ie8 .imageCaption-wrapper{
    bottom:0px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);    
}
.imageCaption-wrapper p {
    padding: 10px; 
    padding-top: 0px;
    color: rgba(255, 255, 255);
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
}

#header {
    position: relative;
    font-size: 0.9em;
}
#header {
    display: flex;
}

#header > * {
    width: auto;
}

#header > *:first-child {
    flex-grow: 1;
}
#header img.middle {
    vertical-align: middle;
}
#header .column  {
    line-height: 55px;
    vertical-align: middle;
}
#header .column .logo {
    /*  margin-left: 1em; */
}
#header .column.shortmenu {
    text-align: right;
}
.column.search {
    text-align: center;
}
.search-wrapper {
    /*  background-color: #f6f6f6;*/
    background: transparent url('../images/input-background.png') 0px 0px no-repeat;
    border: 1px solid #5948AD;
    position: relative;
    display: inline-block;
    /*    top: 11px;*/
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    width: 99%;
}
.search-wrapper .searchform button{
    cursor: pointer; background:url('../images/searchform-button.png') left center no-repeat;
    padding:0; margin:0; width:28px; height:30px; box-shadow:none; position:absolute; top:0px; right:0px; border:none; border-radius:0px; }

.search-wrapper .searchform input{background:transparent; width:85%; color:#6c6c6c; margin-right:29px; padding-left:2px; float:right; height:28px; border: none;}

.search-wrapper .searchform button span {display:none;}

.restrict {
    background-color: #e9e9e9;
    padding: 0 0.5em;
    font-size: 0.8em;
    display: block;
    float: right;
    position: relative;
    right: 0;
    bottom: 0;
    line-height: 2.2em;
}

.textbutton {
    background-color: #5948AD;
    color: #fff!important;
    padding: 0.2em 1em;
    float: right;
}

.editbutton {
    border: 1px solid #5948AD;
    font-weight: normal;
    color: #5948AD;
    padding: 0.3em 0.5em;
    margin-left: 0.5em;
    font-size: 0.8em;
    float: right;
    position: relative;
	text-decoration: none;
}

#header .shortmenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9em;
}
#header .shortmenu ul li a {
    color: #575656!important;
    padding: 0px 5px;
    white-space: nowrap;
}
#header .shortmenu ul li {
    display: inline;
}
#header .shortmenu li:before {
    content: " | ";
}

#header .shortmenu li:first-child:before {
    content: none;
}
a.login {
    position: absolute;
    top: 5px;
    right: 20px;
    background: transparent url('../images/login-button.png') 0px 0px no-repeat;
    padding-left: 15px;
    line-height: 13px;
    color: #9a9a9a;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em;
}

#content-wrapper .header, .breadcrumb {
    width: auto;
    display: block;
    text-align: left;
    position: relative;
    border-bottom: 3px solid #b3b1b2;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    /*    margin-bottom: 1.25em; */
}
.breadcrumb {
    font-weight: normal;
    font-size: 0.85em;
    overflow: hidden;
    white-space: nowrap;
}
.breadcrumb a {
    text-decoration: underline!important;
}
.leftmenu {
    text-align: center;
}

#content-wrapper .header img {
    position: absolute;
    right: 0px;
    top: 5px;
}
#content-wrapper .intranet {
    margin-bottom: 1.4em;
}
.leftmenu ul, .rightmenu ul {
    margin-top: 0em;
    position: relative;
    width: 100%;
    /*    font-size:14px;*/
    line-height:32px;
    margin-bottom: 1.0em;
    color: #424242;
}
.leftmenu ul li, .rightmenu ul li {
    padding: 0px 0px;
    margin:0px;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    height: auto;
}
.leftmenu ul li ul {
    padding-left: 1.45em;
    list-style: none;
}
.leftmenu ul li ul li {
    border-bottom: none;
}
.leftmenu ul li a, .rightmenu ul li a {
    display: block;
    color: #323232;
    padding:0px 20px;
    text-align: left;
    text-decoration: none;
}
.leftmenu ul li a div, .rightmenu ul li a div{
    line-height: 1.3em;
    padding: 8px 0px;
}
.leftmenu ul li ul li a div {
    padding: 6px 0px;
    padding-left: 1em;
    border-left: 1px solid #e9e9e9;
}
.leftmenu ul li a:hover, .rightmenu ul li a:hover  {
    background-color: #e9e9e9;
}
.leftmenu ul li ul li a div:hover {
    border-left: 1px solid #dddddd;
}

.tinybox {
    display: block;
    width: 3px;
    height: 11px;
    position: absolute;
    top: 12px;
    background-color: #5948AD;
}
.lt-ie8 .tinybox {
    top: 29px;
}
.leftmenu .current, .rightmenu .current {
    color: #5948AD;
    background-color: #dddddd;
}
.leftmenu ul li ul li a.current div
{
    border-left: 1px solid #fff;
}
img.brd {
    border: 1px solid #e9e9e9;
    padding: 2px;
}
.leftmenu .header {
/*    background: url('../images/icon-tul.png') no-repeat right center;*/
    color: #424242;
}

.tinybox.tul {
    background-color: #5948AD;
}
.tinybox.fs {
    background-color: #88959d
}
.tinybox.ft {
    background-color: #b3721c;
}
.tinybox.fp {
    background-color: #006ab3;
}
.tinybox.ef {
    background-color: #7ab51d;
}
.tinybox.fa {
    background-color: #6b368a;
}
.tinybox.fm {
    background-color: #ee7f00;
}
.tinybox.uzs {
    background-color: #00adbe;
}
.tinybox.cxi {
    background-color: #c10a2b;
}


#footer span {
    font-weight: bold;
}

#footer ul {
    margin: 0px;
    padding: 0px;
    margin-top: 1em;
    list-style: none;
}

#footer ul li {
    float: left;
    margin-right: 1.5em;
}
#footer li a {

}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.creatives-scene { position: relative; overflow: hidden;}
#page-content .creatives-scene { margin: 1em 0; }

#page-content .breadcrumb a {
    color: #424242;
    text-decoration: none;
}
#page-content .breadcrumb a.current {
    text-decoration: underline;
}

#page-content ul {
    list-style:circle;
    /*margin-left: 0.15em;*/
}
#page-content {
    line-height: 1.5em;
    padding-bottom: 1em;
}
p {
    margin: 1em 0;
}
p.grey
{
    margin: 0;
    background-color: #F6F6F6!important;
    padding: 1em 0.5em;
    margin-bottom: 0.5em;
}

ul.pressreleases, ul.searchresults, ul.projects {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.pressreleases>li, ul.searchresults>li, ul.projects>li
{
    position: relative;
    margin: 20px 0px;
    padding: 5px 5px 5px 0px;
}
ul.pressreleases li:hover, ul.searchresults li:hover, ul.projects li:hover
{
    background-color: #e9e9e9;
    color: #5948AD;
}
ul.pressreleases li .tinybox, ul.searchresults li .tinybox, ul.projects li .tinybox {
    height: 39px;
    top: 6px;
}
ul.pressreleases li span.date {
    font-size: 0.9em;
    position: relative;
    display: inline-block;
    width: 6.5em;
    vertical-align:top;
    margin-left: 10px;
    color: black!important;
}
.lt-ie8 ul.pressreleases li span.date { display: inline;}

ul.searchresults li .path {
    font-size: 0.9em;
    margin-right: 1em;
}
ul.pressreleases li span.pressrelease, ul.searchresults li span.searchresult {
    display: inline-block;
    width: auto;
    width: 80%;
}
.lt-ie8 ul.pressreleases li span.pressrelease, .lt-ie8 ul.searchresults li span.searchresult
{
    display: inline;
}
ul.searchresults li span.searchresult {
    display: inline-block;
    width: auto;
    margin-left: 1em;
}
.lt-ie8 ul.searchresults li span.searchresult {
    display: inline;
}
ul.pressreleases li a, ul.searchresults li a {
    /*    color: #818181!important; */
    font-size: 0.9em!important;
    text-decoration: underline;
}

.paginator {
    margin: 1em 0;
    font-size: 90%;
    text-align: center;
}

.paginator a, .paginator span {
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    color: #999999;
}

.paginator a {
    border: 1px solid #DDDDDD;
    text-decoration: none;
    color: #595758!important;
}

.paginator span.button {
    border: 1px solid #DDDDDD;
}

.paginator .current {
    background: #595758;
    border: 1px solid #595758;
    color: white;
    font-weight: bold;
}
.highlight {
    background-color: #ff0!important;
}

.document-wrapper {
    width:100%;
    background-color: #e9e9e9;
    position: relative;
}
.document-wrapper a {
    text-decoration: none;
} 
.document-wrapper .document-header, .projects-filter-wrapper .projects-filter-header {
    width:auto;
/*    border-bottom: 4px solid #fff;*/
    padding: 0.5em;
    display: block;
    background-color: #ddd;
}
.document-wrapper .document-header a.content-switcher, .document-wrapper .document-header a.archive-switcher, a.filter-switcher {
    position: absolute;
    right: 10px;
    /*    float: right;*/
    color: #999999;
    background-image: url('../images/content-switcher-0-1.png');
    background-position: right -55px;
    background-repeat: no-repeat;
    padding-right: 30px;
}
.document-wrapper .archive-slider {
    display: none;
    padding: 0;
    padding-bottom: 0.25em;
    color: #999999!important;
}

.document-wrapper .archive-slider ul {
    margin-left: 0px;
    padding-left: 0.5em;
    list-style: none;
}
.document-wrapper .archive-slider ul li ol {
    margin: 0.5em 0 1em 0.25em;
}
.document-wrapper .archive-slider ul li {
    margin-bottom: 10px;
    list-style: none;
}
.document-wrapper .archive-slider a {
    color: #999999!important;
}
.document-wrapper .document-header a.archive-switcher, a.filter-switcher.back{
    background-image: url('../images/archive-switcher-0-1.png');
}
.document-wrapper .document-header a.archive-switcher.back, a.filter-switcher{
    background-image: url('../images/archive-switcher-1-0.png');
}
.document-wrapper .document-header a.content-switcher.back{
    background-image: url('../images/content-switcher-1-0.png');
}
.document-wrapper .document-header a.content-switcher:hover, .document-wrapper .document-header a.archive-switcher:hover, a.filter-switcher:hover{
    color: #5c5c5c;
    background-position: right 2px;
}
.document-wrapper .archive a {
    color: #999999!important;
}
.document-wrapper ol{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.document-wrapper ol a {
/*    color: #000;*/
}
.document-wrapper ol a:hover {
    color: #5948AD!important;
}
.document-wrapper ol.horizontal li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 8px;
    /*   overflow: hidden;*/
    margin-bottom:0px;
    position: relative;
}
.lt-ie8 .document-wrapper ol.horizontal li {
    display: inline;
}
.document-wrapper ol.vertical li {
    width: auto;
    margin-bottom:0px;
    position: relative;
}
.document-wrapper .unread-file {
    padding: 20px 20px 10px 20px;
    margin-bottom:10px;
}
.read-files-wrapper {
    text-align: right;
    margin-bottom: 6px;
}
.read-files-wrapper a {
    padding: 0.25em 0.5em;
    background-color: #E0E0E0;
    color: #595758!important;
    text-decoration: none;
}
.read-files-wrapper a:hover {
    color: #5948AD!important;
}
.document-wrapper ol li.rightside {
    margin-right: 0px;
}

.projects-filter-wrapper {
    width:100%;
    background-color: #e9e9e9;
    position: relative;
}
.projects-filter-slider {
    /*  display: none;*/
    padding: 1em;
}

ul.projects li span.project-name {
    display: inline-block;
    width: auto;
    margin-left: 1em;
}
ul.project-detail {
    margin-top: 0.5em;
    list-style: none;
    line-height: 1.7em;
}
ol.sitemap {
    list-style: none;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#eee; border:3px solid #222; padding:12px; min-width:300px; min-height: 100px; color: #000; text-align: center;}
#simplemodal-container a.simplemodal-close {position: absolute; margin: auto; bottom: 10px; color: red; padding: 0px; }

#flashes-wrapper {
    display: none;
}
.hidden {
    display: none;
}


div.button-tul {
    display: block;
    width: 300px;
    background: #E3E3E3 url('/images/button-tul.png') no-repeat 20px 50%;
    margin: auto;
    padding: 5px 0px;
    border: 1px solid #B3B1B2;

}
div.button-tul a {
    font-stretch: condensed;
    display: inline-block;
    font-size: 23px;
    color: #595758!important;
    text-transform: capitalize;
    padding-left: 100px;
    line-height: 28px;
    letter-spacing: 2px;
}


/* customize featherlight */
.featherlight {
    z-index: 100000;
}
.featherlight .featherlight-close
{
    font-weight: bold!important;
}
/*
.featherlight .featherlight-content
{
    width: 20%!important;
    height: 20%!important;
    position: relative;
}*/
.custom .featherlight-content{
    width: 500px;
    height: 100px;
    border: 2px solid #747476;
}
.custom .featherlight-content p {
    text-align: center;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


table.table-border {
    border: 2px solid #F1F1F1;
}
table.table-border td {
    border: 1px solid #F1F1F1;
    padding: 0.3em;
}

.width100 {
    width: 100%;
}
#gallery-wrapper {
    margin-top: 1em;
    padding-top: 1em;
    text-align: center;
    border-top: 1px dotted #e7e7e7;
}
#gallery-wrapper img {
    margin: 1px 1px;
}

#map-wrapper {
    background-color: #E7E7E7;
    margin-bottom: 1em;
    padding-bottom: 1em;
    line-height: 1.8em;
}

#map-canvas {
    width:auto;
    height:500px;
    margin:1em;
    border: 1px solid #595758;
}
#map-canvas img {
    max-width: inherit;
}

@media(max-width:1008px) {
    body {
        background:none!important;
    }
    .tiles-wrapper li img.last-child
    {
        margin-right: 6px;
    }
    .ie .tiles-wrapper li img {
        margin-right: 5px;
    }
    #quicklinks li img {
        margin-bottom: 6px;
    }
    .read-files-wrapper {
        text-align: left;
    }

}

@media(max-width:725px) {
    .column {
        float: none;
        display: block;
        width: 97.0238%;
        margin-right: 0;
        margin-bottom: 0.25em
    }
    #header .column.shortmenu,#header .column {
        text-align: center;
    }
    #footer .column {
        text-align: center;
    }
    #footer ul {
        display: inline-block;
        text-align: center;
    }
    #footer span {
        display: block;
    }
    #footer .uni-social, #footer .uni-info {
        margin-top: 1em
    }

    .search-wrapper .searchform input{width:94%;}

}
.lt-ie8 #footer ul {
    display: inline;
}

@media(max-width:550px) {
    h1 {
        font-size: 2em;
        margin-top: 0;
        line-height: 1.8em;
        margin-bottom: 0
    }
    #content-wrapper {
        /*  text-align: center;*/
    }
    #mainmenu {
        text-align: center;
    }
    #mainmenu li {
        width: 100%;
    }
    body.cs #mainmenu a, body.en #mainmenu a {
        border: none;
        width: 100%;
        border-bottom: 1px solid #888888;
    }
    /*   #content-wrapper h3, #content-wrapper p {
           text-align: center
       }
    */
    #menutabs > div ul li {
        display: block;
        vertical-align: top;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        margin-bottom: 0px;
    }
    /*   #creatives, .creatives-scene {
           display:none;

       }*/
    div.img-p-item img {
        float: left;
        margin: 0;
        clear: both;
    }
}

@media screen and (min-width:0\0) { /* IE10+ conditional comments hack */
    #quicklinks li img, .tiles-wrapper li img {
        margin-right: 5px;
    }
    #quicklinks li img, #quicklinks li.textual a {
        margin-right: 4px;        
    }
}


@supports (-ms-accelerator:true) { /* Windows 10 Edge Browser @supports method */
  .ie #quicklinks li img {
    margin-right: 4px;
    }
  .ie .tiles-wrapper li img {
    margin-right: 5px;
    }
    
}


#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
    z-index: 1000000;
}




div.img-p-item {
    display: block;
}
div.img-p-item p {
    padding-top: 17px !important;
    margin: 0;

}
div.img-p-item img {
    float: left;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;

}

table.mce-item-table td {
    border: 1px dashed #bbb;
}
table.tablebody {
    background-color: #F6F6F6;
    width: 100%;
}
table.tablebody td {
    border: 2px solid #fff;
    padding: 0.35em;

}
table.tablebody .dark {
    background-color: #E9E9E9;

}
table p {
    margin: 0;
    padding: 0;
}
span.filedate {
    color: #575656;
    font-size: 0.6em;
    line-height: 1em;
    display: inline-block;
    margin-left: 0.5em;
}
div.document-wrapper + div.document-wrapper {
    margin-top: 1em;
}

/* testing menu */

#mainmenu-button, #leftmenu-button {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#mainmenu-button-label, #leftmenu-button-label { 
  display:none;
  cursor: pointer;
  user-select:none;
}

/* small screens */
@media screen and (max-width: 550px) {

#mainmenu ul {
    display: none;
    height: 100%;
  }
  
.leftmenu ul {
    display: none;
    height: 100%;
    margin-bottom: 0;
  }  
  .leftmenu .header {
      background: none;
      background-color: #E9E9E9;
  }
#mainmenu-button-label {
    position: relative;
    display: block;
    width: 100%;
    min-height: 37px;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    color: #fff;
  }
   #leftmenu-button-label {
    color: #424242;
   }
#mainmenu-button-label:after {
    position: absolute;
    right: 9px;
    top: 0;
    content: "\2261";
    font-size: 2.5em;
    top: 9px;
  }  
  #leftmenu-button-label:after {
    position: absolute;
    right: 9px;
    top: 0;
    content: "\2261";
    font-size: 2.5em;
    top: 0px;
      
  }
  #mainmenu-button:checked ~ ul, #leftmenu-button:checked ~ ul,#leftmenu-button:checked ~ ul ul {
    display: block;
  }
  
  #mainmenu-button:checked ~ label:after {
      color: #747476;
    }  
#leftmenu-button:checked ~ label:after {
      color: #fff;
    }      
    .search-wrapper {
        margin-top: 1em;
    }
}

.novekarty {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.25rem;
    margin-top: 2em;
}


@media (max-width: 1008px) {
    .novekarty {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 725px) {
    .novekarty {
        grid-template-columns: 1fr;
    }
}

.novekarty a {
    min-height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.75rem;
    background-color: #f3f3f3;
    border: solid 2px #5948ad;
    border-bottom-width: 1rem;
    border-radius: 0.3rem;
    font: bold 1.0rem "TUL Mono";
    text-wrap: balance;
    text-decoration: none;
}
.novekarty a:hover,
.odkazy .tlacitko:hover {
    background-color: #5948ad;
    color: #fff;
    border-color: #433782;
}

/* odkazy */

.odkazy {
    margin-top: 2em;
}

.odkazy .tlacitko {
    white-space: nowrap;
    background-color: var(--tl-svetla);
    color: #000;
    text-decoration: none;
    padding: 0.3em 0.75em;
    margin-right: 0.5em;
    border: solid 1px var(--tl-syta);
    border-width: 1px 1px 1px 0.75rem;
    border-radius: 0.3em;
}

.odkazy h2 {
    float: left;
}
.odkazy .tlacitko::after {
    content: " ➔";
    font-size: 80%;
    position: relative;
    top: -0.1em;
}

.odkazy .vyuka {
    --tl-svetla: #faedcd;
    --tl-syta: #ffc71f;
}

.odkazy .vv {
    --tl-svetla: #dcefff;
    --tl-syta: #58a7ea;
}

.odkazy .administrativa {
    --tl-svetla: #e4deff;
    --tl-syta: #5948ad;
}

.odkazy .osobni {
    --tl-svetla: #e3fdea;
    --tl-syta: #5cda7c;
}

.odkazy .ostatni {
    --tl-svetla: #eee;
    --tl-syta: #999;
}

.odkazy .popisek {
    display: block;
    line-height: 1.2;
}

.odkazy .tlacitka {
    line-height: 2.4em;
    margin: 0 0 0.25em;
}

.odkazy .legenda {
    display: inline;
    font-weight: normal;
    margin-left: 1em;
    line-height: 1.6;
    float: right;    
}

.odkazy .legenda span {
    background-color: var(--tl-svetla);
    border: solid 1px var(--tl-syta);
    border-width: 1px 1px 1px 0.75rem;
    margin-bottom: 0.25rem;
    display: inline-block;    
    padding: 0 0.25em;    
}

.odkazy summary {
    cursor: pointer;
    display: revert;
}

.odkazy summary:hover {
    text-decoration: underline;
}