BODY {
    background-color: #AAB5B8;
}
body.scrolled {margin-top:-398px;}
a {
    color: #550000;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
a:hover {
    color: #000000;
    text-shadow: 0 0 0 transparent;
}
p {
    margin-bottom: 10px;
    text-align: justify;
    text-indent: 20px;
}
h2 {
    /*font-family: PT Sans;*/
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18px;
    text-shadow: none;
}
em {
	font-style: italic;
}

code {
    background: none repeat scroll 0 0 rgba(255, 152, 0, 0.22);
    border-radius: 5px;
    color: #A0522D;
    font-family: monospace;
    font-size: 110%;
    font-weight: bold;
    padding: 0 5px;
}

img.leftFloated {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-right: 1px dotted #A0522D;
	border-left: 0 solid rgba(0, 0, 0, 0) !important;
	margin-right: 15px;
    padding-right: 15px;
    padding-top: 5px;
	padding-bottom: 15px;
}

img.rightFloated {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-left: 1px dotted #A0522D;
	border-right: 0 solid rgba(0, 0, 0, 0) !important;
	margin-left: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
}
/*****************************************/
table#mainT {
	border-collapse:collapse;
	border:none;
	padding:0;
	margin:0;
	width:100%;
}

table#mainT td {
	border:none;
	padding:0;
	margin:0;
}

table#mainT td.leftTD, table#mainT td.rightTD {
	width:50%;
	background-repeat:no-repeat;
}

table#mainT td.leftTD {
	background-image:url(images/BG_L_body.png);
	background-position:right top;
}

table#mainT td.mainTD {
	background-color:white;
}

table#mainT td.rightTD {
	background-image:url(images/BG_R_body.png);
	background-position:left top;
}

#header {
	width:1200px;
	height:720px;
	position:relative;
	background-image:url(images/BG_C_main.jpg);
	border:1px solid white;
}

#body {
    background-color: #FFFFFF;
    box-shadow: 0 5px 29px rgba(0, 0, 0, 0.75) !important;
    min-height: 1299px;
    width: 100%;
}

#left, #content, #right {float:left}
#left {width:0px}
#content {
	width: 899px;
	padding-bottom: 45px;
}
#right {
	width: 301px;
	border-left: 1px solid #A0522D;
	min-height: 1297px;
	padding-bottom: 30px;
}
#footer {width:100%}

#header, #body {box-shadow: 0 0 29px rgba(0, 0, 0, 0.75);}
#footer {box-shadow: 0 8px 29px rgba(0, 0, 0, 0.75);}

/***************************************************/
#headerLeft {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #565454;
    left: -25px;
    padding-bottom: 25px;
    position: relative;
    top: 75px;
    width: 300px;
	transition:background-color 1s;
}
body:not(.PAGE-index) #headerLeft {
    z-index: 2;
    position: absolute;
    top: 444px;
    padding-bottom: 6px;
    width: 295px;
    margin-left: 927px;
    background-color: rgba(108, 57, 8, 0.5);
}
body:not(.PAGE-index) #headerLeft {
    top: 398px;
}
#headerLeft:hover {
    background-color: rgba(0, 0, 0, 0.75); border:1px solid white}

#headerLeft a {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
	white-space:nowrap;
    box-shadow: 0 -1px 0 black;
    color: #FFFFFF;
    display: inline-block;
    font-family: /*Oswald*/NarrowFont;
    font-weight: lighter;
    letter-spacing: 2px;
    line-height: 22px;
    margin-left: 50px;
    width: 220px;
	text-shadow: 0 0 2px;
	transition:all 0.2s;
}
body.PAGE-index #headerLeft a {line-height:30px;}

#headerLeft ul li:nth-of-type(1) a {box-shadow:none; border:none}
#headerLeft li {
	transition: all 0.2s;
	background-color: rgba(0,0,0,0);
	border: 0px solid rgb(238, 60, 101);
}
#headerLeft li:hover {background-color:rgba(0,0,0,1); border-left-width:35px}
#headerLeft li a:hover {margin-left:20px}
#headerLeft h2 {
    border-bottom: 1px solid  #565454;
    color: white;
    display: block;
    font-family: /*PT Sans Caption*/NobleFont;
    font-weight: normal;
    line-height: 50px;
    margin: 0;
    padding-left: 45px;
}
body.PAGE-index #headerLeft h2 {color:#8E8787;}

#headerLeftMore {
    background-image: url("images/info-26.png");
    background-position: center 4px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: /*Oswald*/NobleFont;
    font-size: 14px;
    height: 51px;
    letter-spacing: 1px;
    line-height: 76px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -1px;
    transition: all 0.2s ease 0s;
    width: 51px;
}

#headerLeftMore:hover {background-color:black; color:gold; border-color:gold}

body.PAGE-index #headerLeft:after {
    border-left: 23px solid transparent;
    border-top: 23px solid rgba(0, 0, 0, 0.75);
    bottom: -24px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

#headerRight {
    background-color: rgba(255, 255, 255, 0.25);
    border: 2px solid transparent;
    font-size: 17px;
    height: 641px;
    padding: 86px 27px 10px;
    position: absolute;
    right: 0;
    text-align: left;
    text-shadow: 0 0 5px #FFF9AA;
    top: 0;
    transition: all 1s ease 0s;
    width: 298px;
	line-height:25px
}
#headerRight p {
    font-family: /*'PT Sans Narrow',sans-serif*/NarrowFont;    
}
#headerRight:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
#headerRight h2 {
    color: #FFFFFF;
	text-shadow: 0 0 4px black;
	white-space:nowrap;
}
body:not(.PAGE-index) #headerRight p {
    line-height: 20px;
}

#headerRight #langs {
    margin-bottom: 25px;
    margin-top: -72px;
    text-align: center;
}

#headerRight #langs > a {
    border: 2px solid #FFFFFF;
    border-radius: 25px;
    display: inline-block;
    height: 50px;
    width: 50px;
	background-size:100%;
}

#headerRight #langs > a:hover {
    background-color: #FFFFFF;
    box-shadow: 0 0 10px #FFFFFF;
}

#headerRight #flag-CZ  {background-image: url("images/flag_CZ.png");}
#headerRight #flag-EN  {background-image: url("images/flag_EN.png");}

#headerRightMore {
    text-align:center;
    font-family: NarrowFont;}

#headerRightMore > span:before, #headerRightMore > span:after {
    border-bottom: 1px solid white;
    box-shadow: 0 0 5px white;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 25px;
    width: 125px;
}
#headerRightMore > span:before {left: -125px;}
#headerRightMore > span:after {right: -125px;}

#headerRightMore > span {
    background-color: rgba(255, 186, 0, 0.15);
    border: 2px solid white;
    border-radius: 50px;
    box-shadow: 0 -15px 25px rgba(255, 255, 255, 0.44) inset;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 47px;
    position: relative;
    text-shadow: 0 0 5px black;
    top: 10px;
    width: 50px;
	cursor:pointer;
	transition:all 0.2s;
}

#headerRightMore > span:hover {
    background-color: rgba(255, 186, 0, 0.84);
    text-shadow: 0 0 5px #994200;
}

#pageTitle {
    height: 145px;
    left: 0;
    position: absolute;
    top: 493px;
    width: 603px;
	cursor:pointer;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 63px 1fr;
    grid-template-areas: "logo pagetitle" "logo slogan";
    gap: 0 30px;}

#pageTitle .logo {
    --plant: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="PLANT" version="1.1" viewBox="0 0 540 1000"><path id="REF" d="M0 0h540v1000H0z" style="opacity:0"/><path id="PLANT" d="M537.8 0c-3.5.3-15.6 13.3-41.7 24.1-12.8 5.3-36.1 11.4-60.5 26.1A145.4 145.4 0 0 0 391 95c-7.1 12.6-12 27.7-15.7 49.5-3.7 21.8 0 68.5 0 68.5s-5.1 10.1-7.7 16.9c-2.6 6.9-11.6 34.2-11.6 34.2s-.6-6-3.4-10.9-6.8-8.9-6.8-8.9 3.3-14.7-3.7-44.5c-6.1-25.8-23.1-57.7-50-73.3-15.8-9.1-45.3-16.3-71-22.6-19.3-4.8-25.4-10.8-28.2-9.7-4.1 1.5 1.3 33 5.3 50.3 6 25.5 13.4 46.6 23.1 59.9a107.1 107.1 0 0 0 62.6 42.7c26.1 7.1 53.4.9 56.2 1.7 2.8.9 6 6.3 8.5 16.9a54.2 54.2 0 0 1 .4 26.3c-4.1 27.7-13.6 56-18 83.7a299.3 299.3 0 0 0-.9 59.2l15.1-1.8c-1.5-7-5.7-34.7-2.8-62.3 2.5-23.1 17.9-91 20.7-102.2 2.8-11.2 17.5-54.8 22.9-58.2 5.4-3.4 24.7 1.1 50-4.6 30.9-7 56.2-21.3 75.5-46.2 16.6-21.4 22.6-55 26.4-81.8 2-14.4 3.1-77.5 0-77.8h-.2Zm-67.4 81.9h.3c.5.4-14.4 11.7-32.4 37.2-9.6 13.6-12.7 17.9-21.2 32.6-13.8 23.9-20.2 39.7-23.3 44.6-2.1 3.4-4.1 1.4-6.2.9-4.5-1.1 15-38.9 35.6-66.7 25.2-34 44.2-48.5 47.3-48.7Zm-220.6 66.8c.9 0 4.7 2.9 24.7 19 13.6 11 15.9 13.9 21 18.5 27.2 24.8 45.4 48.9 41.4 52.5-4.5 4.1-5-6.1-28.7-32.9a1006 1006 0 0 0-26.8-28.4c-13.8-14.1-32.1-28.4-31.7-28.7h.2Z"/></svg>');
    --ground: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="GROUND" version="1.1" viewBox="0 0 540 1000"><path id="REF" d="M0 0h540v1000H0z" style="opacity:0"/><path id="GROUND" d="M0 430v292.5L473.7 601v-5L53.1 513.1l264.5-52.8-146-16.5 150.7-13.7H0Zm366.5 0-108.7 12.7 153.5 14.7-227.1 52.7 289.3 46.2V430H366.4Zm107.2 249.9L0 851.5V1000h473.7V679.9Z"/></svg>');
    grid-area: logo;
    position: absolute;
    width: 100%;
    bottom:15px;
    left:15px;
    aspect-ratio: 540 / 1000;
    filter: drop-shadow(0 3px 5px #0e182ba1);
    &::before, &::after, & .overlay {
        content: "";
        position: absolute;
        inset: 0;
        box-sizing: inherit;
        -webkit-mask: var(--mask);
        mask: var(--mask);}
    &::before {
        --mask: var(--plant);
        background: linear-gradient(yellowgreen, green) center top / 100% 43.5% no-repeat;}
    &::after {
        --mask: var(--ground);
        background: linear-gradient(silver, gray) center bottom / 100% 57% no-repeat;}
    & .overlay {
        z-index: 1;
        --mask: var(--plant), var(--ground);
        background: white;
        opacity: min(.5, 1 - var(--is-hover));
        transition: all .3s;
    }
}
#pageTitle h1 {
    color: #FFFFFF;
    font-family: /*Oswald*/NobleFont;
    font-size: 44px;
    letter-spacing: -3px;
    margin: 25px 0 10px;
    text-shadow: 1px 1px 4px #000000;
    transition: all 0.5s ease 0s;
	white-space:nowrap;
    grid-area: pagetitle;
}
#pageTitle h1:hover {
    letter-spacing: -2px;
}
#pageTitle p {
    color: #FFFFFF;
    display: inline-block;
    font-family: /*"PT Sans Caption"*/NobleFont;
    font-size: 19px;
    line-height: 20px;
    text-shadow: 1px 1px 2px black;
	text-indent:0px;
    grid-area: slogan;
}

#mainMenu {
    background: none repeat scroll 0 0 orange;
    position: absolute;
    top: 640px;
    width: 100%;
	border-top: 2px solid white;
	border-bottom: 2px solid #FFFFFF;
}

#mainMenu > ul {
    display: table;
    min-width: 100%;
}
#mainMenu li {
    display: table-cell;
    height: 80px;
}

#mainMenu li a {
    width: 100%;
    display: block;
    font-size: 23px;
    font-weight: 500;
    height: 80px;
    padding: 15px 10px 10px;
    text-align: center;
}
#mainMenu li.current a {
	color: rgba(66, 18, 2, 0.5);
	text-shadow: -0.25px -0.25px 0, -0.25px 0 0, -0.25px 0.25px 0, 0 -0.25px 0, 0 0.25px 0, 0.25px -0.25px 0, 0.25px 0 0, 0.25px 0.25px 0;
	box-shadow: 0 3px brown;
}


/************************************************************/
.sideSection {
    display: block;
    /*font-family: PT Sans;*/
	width:100%;
}

.sideSection h2 {
    color: #A0522D;
    font-size: 22px;
    font-weight: normal;
	margin: 20px;
}
.sideSection h3 {
    font-size: 16px;
    font-weight: bold;
	margin: 0 20px;
}
.sideSection ul {
margin: 10px 0 15px 40px;
}
.half, .full, .nm_post_back a {
    line-height: 39px;
    padding: 5px 5px 5px 10px;
}
.half { width:50%; float:left;}
.full, .nm_post_back a { width:100%;}


#kontakt {
    background-image: url("images/BG_rest.jpg");
    box-shadow: 0 -10px 70px white inset;
    text-shadow: 0 0 4px white;
    border-top: 1px solid #FFFFFF;
    margin-top: 2px;
	background-repeat:no-repeat;
}
.LOCContainer {
    background-size: 200% auto;
    height: 210px;
	transition:all 1s;
	margin-top:51px;
}

#vila, #butbn {overflow:hidden; display:block;}
#vila .LOCContainer {background-image: url("images/LOC_vila.png");}
#butbn .LOCContainer {background-image: url("images/LOC_butbn.png");}


#kamaradschoft {
    background-image: url("images/kamaradschoft.png");
    background-position: left 45px;
    background-repeat: no-repeat;
    height: 650px;
}

dl.image_map {
	display:block;
	width:100%;
	height:590px;
	position:relative;
}
dl.image_map  a {
	background:transparent;
	display:block;
	height:0;
	overflow:hidden; 
	position:absolute;
	transition:all 0.2s
}
dl.image_map a:hover {
    border: 1px solid #FF7F00;
    box-shadow: 0 0 25px #FFB200 inset;
    color: #000000;
    overflow: visible;
}
dl.image_map a span {
    background-color: rgba(0, 0, 0, 0.74);
    border: 1px solid #FF7F00;
    box-shadow: 0 0 11px #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    font-family: /*PT Sans Narrow*/NarrowFont;
    font-weight: normal;
    left: -2px;
    padding: 5px 5px 10px;
    position: relative;
	min-width: 103%;
	overflow:hidden;
}
a.LINK0 {left:2px; top:10px;width:81px; padding-top:111px;}
a.LINK1 {left:83px; top:10px;width:102px; height:0; padding-top:111px;}
a.LINK2 {left:184px; top:10px;width:113px; height:0; padding-top:111px;}
a.LINK3 {left:0px; top:120px;width:163px; height:0; padding-top:117px;}
a.LINK4 {left:163px; top:120px;width:134px; height:0; padding-top:117px;}
a.LINK5 {left:0px; top:237px;width:155px; height:0; padding-top:103px;}
a.LINK6 {left:154px; top:238px;width:143px; height:0; padding-top:102px;}
a.LINK7 {left:0px; top:340px;width:107px; height:0; padding-top:124px;}
a.LINK8 {left:107px; top:341px;width:83px; height:0; padding-top:122px;}
a.LINK9 {left:189px; top:342px;width:108px; height:0; padding-top:122px;}
a.LINK10 {left:0px; top:465px;width:140px; height:0; padding-top:122px;}
a.LINK11 {left:140px; top:465px;width:156px; height:0; padding-top:122px;}


#content h1 {
    border-bottom: 1px dashed;
    color: #A0522D;
    font-family: /*oswald*/NobleFont;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    margin: 50px 30px 30px 30px;
    padding-bottom: 5px;
}

#content h2 {
    color: #D37749;
    font-family: /*oswald*/NobleFont;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 20px 30px 30px;
    padding-bottom: 5px;
}

#content h1 + h2 {
	margin-top: -25px;
}

#content p {
    /*font-family: PT Sans;*/
    line-height: 20px;
    margin: 0px 30px 10px 30px;
	display:inline-block;
	width: 93%;
}


#content p a {
    border-bottom: 1px dotted;
}

#content b, #content strong {
    font-weight: bold;
}

#content > ul, #content > ol {
    color: #FFA500;
    font-family: /*PT Sans Narrow*/NarrowFont;
    line-height: 20px;
    margin: 0 75px;
}
#content > ul {
    list-style: disc outside none;
}
#content > ol {
    list-style: decimal outside none;
}
#content ul p, #content ol p {
  color: #D78800;
  text-indent: 0;
}

#content li h3 {
  border-top: 1px dashed #A37B4E;
  color: #A25600;
  /*font-family: PT Sans;*/
  font-size: 20px;
  margin-top: 20px;
}

#content table.subMenu {
    width: calc(100% - 60px);
    margin: 30px 30px -20px;
    border-top: none !important;
}
#content h1+table.subMenu {
    margin: -20px 30px 0;
}
#content table.subMenu tr {
    display: flex;
}
#content table.subMenu td {
    flex: 1;
    display: flex;
}
#content table.subMenu a {
    padding: 15px 30px;
    flex: 1;
    display: flex;
}
#content table.subMenu a.active {
    box-shadow: 0 3px 0 white, 0 6px 0 brown;
    pointer-events: none;
}
#content table.subMenu big {
    font-size: 140%;
    padding-right: 15px;
}

.fileList {
    color: #D39731;
    font-family: /*PT Sans Narrow*/NarrowFont;
    font-size: 16px;
    margin-left: 25px;
    margin-top: 20px;
    width: 95%;
}

.fileList li {
	border-top: 1px solid;
	display: inline-block;
	padding-bottom: 10px;
	transition: all 0.2s ease 0s;
	width: calc(50% - 2px);
	padding-top: 5px;
	vertical-align: top;
}

.fileList li:hover {
    background-color: #FFEFD0;
    box-shadow: 0 -20px 24px #FFFFFF inset;
}

.fileList a img {
    border-right: 1px dashed rgba(160, 83, 45, 0.6);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 10px;
	max-width:50%;
	max-height:128px;
    box-shadow: 1px 0 0 #FFFFFF;}

.lm-link-desc {
    display: block;
    margin-top: 5px;
	padding-right:5px;
}

#footer:hover {
	text-shadow: inherit;
}
#hitCounter {
	float: right;
	padding: 15px;
	color: rgb(193, 165, 118);
	cursor: pointer;
	transition: all .2s;
	box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 0 rgba(81, 41, 28, 0.5) inset;
}
#hitCounter:hover {
	background-color: rgba(79, 23, 5, 0.5);
}
#hitCounter code {
	color: white;
	font-size: 18px;
	box-shadow: 0 0 2px 1px rgba(193, 165, 106, 0.67) inset, 0 2px 5px 0 rgba(85, 5, 0, 0.28);
	margin: 2px;
}


/********AKTUALITY*************/
.PAGE-index .nm_post_title {
  border-bottom: 1px dashed;
  color: #A0522D;
  font-family: /*oswald*/NobleFont;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 15px 30px 30px;
  padding-bottom: 5px;
}

#content .nm_post:first-child {
  margin-top: 40px;
}

.nm_post_date {
	background-color: #E0A75F;
	border-radius: 5px;
	clear: both;
	color: #FFFFFF;
	float: right;
	font-family: /*'PT Sans Narrow'*/NarrowFont !important;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	top: 7px;
	padding: 0.5px 7.5px;
	position: relative;
	text-indent: 0;
	width: auto !important;
	margin-top: -35px !important;
	box-shadow: 0 0 1px 1px rgba(79, 38, 0, 0.33) inset;
}

.nm_post_back {
    margin: 10px !important;
}

.nm_post img {
    border-right: 1px dashed #A0522D;
    float: left;
    height: auto !important;
    margin-right: 20px;
    margin-top: -20px;
    max-width: 300px !important;
    padding-right: 20px;
}	
.PAGE-index  div.nm_post:not(:only-child) .nm_post_content p:not(:nth-child(1)) img,  .PAGE-index   div.nm_post:not(:only-child) .nm_post_content:not(:only-child) p:nth-child(1) img:not(:nth-child(1)) {
  background-color: rgba(224, 167, 95, 0.5);
  border: 1px solid #E0A75F !important;
  border-radius: 10px;
  float: right !important;
  height: 50px !important;
  margin: 2px;
  padding: 10px;
  width: auto !important;
  transition:all 0.5s;
}
.PAGE-index div.nm_post:not(:only-child) .nm_post_content p:not(:nth-child(1)) img:hover, .PAGE-index div.nm_post:not(:only-child) .nm_post_content p:nth-child(1) img:hover:not(:nth-child(1)) {
	border-radius: 5px;
	border-width: 0 !important;
	padding: 3px;
	transform: scale(2);
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	z-index: 100;
	background-color: rgba(0,0,0,0.5);
	margin: 8px;
}
[missing-thumbnail] {opacity: 0;}
[broken-thumbnail] {outline: 1px dotted rgba(255, 0, 55, 0.5);}
#content div.nm_post:only-child img {
	max-width:98% !important;
	margin-bottom:20px;}

.nm_page_nav {
	background-color: #D9B383;
	margin: 30px 25px;
	display: flex;
	justify-content: stretch;
	border: 1px solid rgb(176, 142, 126);
	border-radius: 5px;
	overflow: hidden;
	font-family: /*'PT Sans Narrow'*/NarrowFont;
}
.nm_page_nav > span {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nm_page_nav > span.current {
	font-weight: bold;
	color: rgb(85, 0, 31);
}
.nm_page_nav > span.next, .nm_page_nav > span.previous {
	background-color: rgb(174, 127, 68);
	font-weight: bold;
}
.nm_page_nav a {
  margin: 0;
  padding: 5px 30px;
  width: 100%;
}


/*******O NAS************/
.PAGE-o-nas #content big, .PAGE-about-us #content big, .PAGE-pro-studenty-vyuka #content th a, .PAGE-for-students-courses #content th a  {
    border-top: 1px dashed;
    color: #BFAD7C;
    display: inline-block;
    float: left;
    font-family: /*oswald*/NobleFont;
    font-size: 20px;
    font-weight: bold;
    height: 65px;
    line-height: 26px;
    padding-right: 20px;
    position: relative;
    text-align: right;
    top: -6px;
    vertical-align: text-bottom;
    width: 180px;
}

.PAGE-o-nas #content table, .PAGE-about-us #content table {margin-left:20px; width:93%}
.PAGE-o-nas #content table p, .PAGE-about-us #content table p {
	text-indent:0 !important}

.PAGE-o-nas #content table td, .PAGE-about-us #content table td {vertical-align:top}


.PAGE-o-nas #content img, .PAGE-about-us #content img {
    border-left: 1px dashed #A0522D;
    clear: none;
    float: right;
    margin-left: 20px;
    /*max-width: 150px;*/
    padding-left: 20px;
	transition-property:backround-color, border, border-radius, margin-top, padding, transform, -webkit-transform, -ms-transform;
	transition-duration:0.5s;}


    .PAGE-o-nas #content img:hover, .PAGE-about-us #content img:hover {
        background-color: rgba(0, 0, 0, 0.5);
        border: 1px solid #8F4200;
        border-radius: 10px;
        margin-top: -20px;
        padding: 17px;
        transform: scale(1.2);
        z-index: 1;
    }

.people_anonymous {opacity:0.7}

.people_anonymous:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    margin-top: 0 !important;
    opacity: 1;
    padding: 0 0 0 20px !important;
    transform: none !important;
	-webkit-transform:  none !important;
	-ms-transform:  none !important;

}

/***********PROJEKTY A GRANTY*************/
.PAGE-projekty-a-granty #content > p, .PAGE-projects-and-grants #content > p {
    border-top: 1px dashed rgba(160, 83, 45, 0.6);
    padding-left: 75px;
    text-indent: -50px;
}

/************VYUKA A KONTAKT*********************/
.PAGE-pro-studenty-vyuka #content > table,
.PAGE-for-students-courses #content > table,
.PAGE-kontakt #content > table,
.PAGE-contact #content > table {border-top:1px sienna dashed}

.PAGE-pro-studenty-vyuka #content td > p,
.PAGE-for-students-courses #content td > p,
.PAGE-pro-studenty-vyuka #content th > p,
.PAGE-for-students-courses #content th > p {
    text-indent: 0;
}

.PAGE-pro-studenty-vyuka #content th, .PAGE-for-students-courses #content th {
  vertical-align: middle;
}

.PAGE-pro-studenty-vyuka #content td > h2,
.PAGE-for-students-courses #content td > h2,
.PAGE-kontakt #content td > h2,
.PAGE-contact #content td > h2 {
    font-family: /*PT Sans Narrow*/NarrowFont;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 10px 0 5px;
}
.PAGE-pro-studenty-vyuka #content td > strong,
.PAGE-for-students-courses #content td > strong,
.PAGE-kontakt #content td > strong,
.PAGE-contact #content td > strong {
  background-color: #FFA500;
  border-radius: 5px;
  color: #FFFFFF;
  display: block;
  font-family: /*oswald*/NobleFont;
  font-size: 14px;
  margin: 1px;
  padding: 3px 10px;
  text-shadow: 0 0 8px #A0522D;
  width: 150px;
}

.PAGE-pro-studenty-vyuka #content th a,
.PAGE-for-students-courses #content th a {
border: medium none !important;
text-decoration:none !important}

.PAGE-pro-studenty-vyuka #content td address,
.PAGE-for-students-courses #content td address,
.PAGE-kontakt #content td address,
.PAGE-contact #content td address {
  /*font-family: PT Sans;*/
  font-weight: bold;
  text-indent: 9px;
}

.PAGE-kontakt #content table,
.PAGE-contact #content table {
  float: left;
  margin-bottom: 39px;
  margin-left: 25px;
  width: 409px;
}

/*************PUBLIKACE******************/
.PAGE-publikace #content li, .PAGE-publications #content li {
  display: block;
}

.PAGE-publikace #content ul p, .PAGE-publications #content ul p {
  border-top: 1px dashed #FFA500;
  color: #000000;
  text-indent: 0;
}

.PAGE-publikace  #content h3, .PAGE-publications  #content h3 {
  color: #BFAD7C;
  display: inline-block;
  float: left;
  font-family: /*oswald*/NobleFont;
  font-size: 31px;
  font-weight: bold;
  left: -73px;
  line-height: 26px;
  padding-right: 20px;
  position: relative;
  text-align: right;
  top: 32px;
  vertical-align: text-bottom;
  width: 180px;
}

/********ODKAZY*************/
.PAGE-literatura-a-odkazy #content li, .PAGE-literature-and-links #content li  {
  margin-top: 5px;
}

.PAGE-literatura-a-odkazy  #content  li a img, .PAGE-literature-and-links  #content  li a img {
 display: none;
}

/*BARVIČKY*/
.sandy a:hover, #headerLeft ul li:nth-of-type(1) a:hover {color:#F4A460 !important}
.sandy,  #headerLeft ul li:nth-of-type(1) {border-color:#F4A460 !important}

.stony a:hover, #headerLeft ul li:nth-of-type(2) a:hover  {color: #60A9BA !important}
.stony,  #headerLeft ul li:nth-of-type(2) {border-color: #60A9BA !important}

.soily a:hover, #headerLeft ul li:nth-of-type(3) a:hover  {color: #85793F !important}
.soily,  #headerLeft ul li:nth-of-type(3) {border-color: #85793F !important}

.fieldy a:hover, #headerLeft ul li:nth-of-type(4) a:hover  {color: #EAB54E !important}
.fieldy,  #headerLeft ul li:nth-of-type(4) {border-color: #EAB54E !important}

.lilly a:hover, #headerLeft ul li:nth-of-type(5) a:hover  {color: #CF92BC !important}
.lilly,  #headerLeft ul li:nth-of-type(5) {border-color: #CF92BC !important}

.greeny a:hover, #headerLeft ul li:nth-of-type(6) a:hover  {color: #7BDA18 !important}
.greeny,  #headerLeft ul li:nth-of-type(6) {border-color: #7BDA18 !important}

.goldy a:hover, #headerLeft ul li:nth-of-type(7) a:hover  {color: gold !important}
.goldy,  #headerLeft ul li:nth-of-type(7) {border-color: gold !important}


/*.brownA, li.o-nas a, li.about-us {background-color:orange}
.brownB, li.pro-verejnost, li.for-public,.nm_post_back a {background-color:#cd9130}
.brownC, li.pro-studenty, li.for-students {background-color:#6f4a0d}
.brownD, li.projekty-a-granty, li.projects-and-grants {background-color:#cb6d29}
.brownE, li.publikace, li.literature-and-links {background-color:#96561c}
.brownF {background-color:#946c3e}*/
.brownA,	#mainMenu > ul > li:nth-of-type(1)			{background-color:orange}
.brownB,	#mainMenu > ul > li:nth-of-type(2),	.nm_post_back a		{background-color:#cd9130}
.brownC,	#mainMenu > ul > li:nth-of-type(3)			{background-color:#6f4a0d}
.brownD,	#mainMenu > ul > li:nth-of-type(4)			{background-color:#cb6d29}
.brownE,	#mainMenu > ul > li:nth-of-type(5)			{background-color:#96561c}
.brownF	#mainMenu > ul > li:nth-of-type(6)			{background-color:#946c3e}




.brownA, .brownB, .brownC, .brownD, .brownE, .brownF, li.hlavni-menu a, li.main-menu a, .nm_post_back a, .nm_page_nav a {
    display: inline-block;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,0.25)),color-stop( 100% , rgba(255,255,255,0.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.00) 100%);
    color: #FFFFFF;
	font-family: /*PT Sans Narrow*/NarrowFont;
	font-weight: 700;
	text-shadow: 0 0 13px #914300;
	transition:all 0.2s;
}

.brownA:hover, .brownB:hover, .brownC:hover, .brownD:hover, .brownE:hover, .brownF:hover, li.hlavni-menu a:hover, li.main-menu a:hover, .nm_post_back a:hover, .nm_page_nav a:hover {
    box-shadow: 0 10px 100px white inset;
    color: #6F2D0D;
    text-shadow: 0 0 8px #FFFFFF;
}

.icoGoogle:before {
    content: url("images/globe-26.png");
    top: 4px;
}
.icoFoto:before {
    content: url("images/photo-26.png");
}
.icoBudova:before {
    content: url("images/vila-26.png");
    top: 5px;
}
.icoKontakt:before {
    content: url("images/contacts-26.png");
    top: 5px;
}

.icoGoogle:before, .icoFoto:before, .icoBudova:before, .icoKontakt:before {
	vertical-align: middle;
	position: relative;
	margin-right: 10px;
	display: inline-block;
}
/*************************************************/
.main-menu.databases a::after,.hlavni-menu.databaze a::after {
    content: "DASS, EDaSS &\00a0 DASP";
    display: block;
    font-size: 65%;
    margin-top: 4px;
    letter-spacing: 1px;
    transform: scaleY(.9);
}
[class^="PAGE-"][class*="dass"] #content table:not(.subMenu){
    /*font-family: "PT Sans";*/
    margin: 0px 40px 25px 40px;
}

[class^="PAGE-"][class*="dass"] #content table:not(.subMenu) td {
    padding: 5px !important;
    font-size: 14px;
}
[class^="PAGE-"][class*="dass"] #content table:not(.subMenu) tr:nth-of-type(even) td {
    background-color: #F1C896;
}
[class^="PAGE-"][class*="dass"] #content table:not(.subMenu) tr:nth-of-type(1) td, [class^="PAGE-"][class*="dass"] #content table:not(.subMenu) tr td:nth-of-type(1) {
    color: #550000;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-family: /*PT Sans Narrow*/NarrowFont;	
}

[class^="PAGE-"][class*="dass"] #content table:not(.subMenu) tr:nth-of-type(1) td {
    vertical-align: bottom;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed;
}
[class^="PAGE-"][class*="dass"] table:not(.subMenu) tr:not(:nth-of-type(1)) td:nth-of-type(1) {
    border-right: 1px dashed;
}
[class^="PAGE-"][class*="dass"] table:not(.subMenu) tr:nth-of-type(even) td:nth-of-type(1) {
    background-color: #FFE5C6;
}
/*************Styly pro Hobify*******************/
.not-media:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  width: 100%;
}
.media {
  float: left;
  padding: 10px;
  text-align: center;
  background-color: #EFEFEF;
  margin: 0 20px 20px 20px;
  border-color:silver;
  border-style:solid;
  border-width:1px;

}

.media img {
  height: auto !important;
  max-width: 100%;
  float:none !important;
}

.not-media {
  padding: 0 20px;
}

.small-media-container {
  max-width: 25%;
  width:25%;
}
.medium-media-container {
  max-width: 50%;
  width: 50%;
}
.large-media-container, .double-media-container {
  max-width: 100% !important;
  width: 100% !important;
  margin:20px 0;
}

.left-media-container, .right-media-container {
  float: left;
  width: 50%;
}
.double-media-container img {
  max-width: 98%;
  width: 98% !important;
}
.media-description {
  margin-bottom: 20px;
}
.media.rightFloat {float:right}

body:not([admin-logged]) .debugConsole {
    display: none;
}
.debugConsole {
	margin: 5px 25px;
	background-color: rgb(34, 36, 40);
	font-family: monospace;
}
.debugConsole h3 {
	color: white;
	padding: 12px 5px 0 5px;
	line-height: 14px;
	margin-bottom: 12px;
}
.debugConsole .fail {
	box-shadow: -12px 0 0 rgb(255, 0, 70);
}
.debugConsole .success {
	box-shadow: -12px 0 0 rgb(0, 129, 50);
	color: yellowgreen;
	padding: 5px;
}

.gallery {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 10px 25px !important;
    width:100%;
}
.gallery > .item {
	margin: 5px 0;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(70, 58, 47);
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.33);
    cursor: pointer;
}
.gallery > .item[image-title]::after {
	content: attr(image-title);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	/*font-family: 'PT Sans';*/
	font-size: 12px;
}
.gallery > .item img {
	transition: all .6s;
}
.gallery > .item:hover img {
	transform: scale(1.2);
}
.gallery > .emptyItem {
	width: 200px;
}
.lg-sub-html {
	/*font-family: 'PT Sans';*/
	text-shadow: 0 0 1px black, 0 0 5px black, 0 0 10px black;
}
#adminLink {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.22);
	box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.33), -1px 0 0 0 rgba(255, 255, 255, 0.31) inset;
	padding: 16px;
}
#editLink {
	padding-left: 15px;
	color: white;
}
#editLink:hover {
	color: rgb(85, 0, 0);
}
/*
body.experimental #pageTitle {
	height: 145px;
	left: 0;
	position: absolute;
	top: 493px;
	width: 700px;
	cursor: pointer;
    padding-left: 107px;
    letter-spacing: -.5px;
}
body.experimental #pageTitle::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 7px;
	bottom: -2px;
	width: 145px;
	background-image: url(http://restoration-ecology.eu/common_theme/images/re-logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
	box-sizing: border-box;
	border: 7px solid transparent;
	border-radius: 10px 10px 0 0;
}*/