@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: "Goudy Twenty";
    src:
        url("fonts/GoudyTwenty.woff2") format("woff2"),
        url("fonts/GoudyTwenty.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Goudy Bookletter 1911";
    src:
        url("fonts/GoudyBookletter1911TT.woff2") format("woff2"),
        url("fonts/GoudyBookletter1911TT.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



:root {--DeepRed: rgb(141,48,29);
	   --WarmGrey: rgb(64,63,59);
       --LightGrey: rgb(177,176,175);
       --DeepBlue: rgb(23,23,70)
	  }

BODY {
	   background: #454823 url(bg.png);
	   color: var(--WarmGrey);
	   margin: 0; border: none 0; text-align: left;
       font-family: 'Goudy Bookletter 1911'; 
	   font-size: 20px;
	   line-height: 1.2em;
     }

HR { width: 40%; text-align: center; box-shadow: 1px 1px 1px rgba(64,64,59,0.3); color: rgba(64,64,59,0.5)}

I {font-family: "Linden Hill"; font-style: italic; font-size: 102%; font-width: 110%; font-stretch: 110%}
B {font-weight: 400;
   text-shadow: -1px 0 1px rgba(64,64,59,0.15), 0 1px 1px rgba(64,64,59,0.15), 1px 0 1px rgba(64,64,59,0.15), 0 -1px 1px rgba(64,64,59,0.15); }

H1 {font-family: "Goudy Twenty"; font-weight: normal }

A { white-space: nowrap }

.header A {text-decoration: none}

.header H1 { font-size: 52px; font-weight: 400; line-height: 50px; margin-top: 50px; margin-bottom: 8px; text-align: left; color: var(--DeepRed);
             text-shadow: -1px 0 1px rgba(64,64,59,0.6), 0 1px 1px rgba(64,64,59,0.6), 1px 0 1px rgba(64,64,59,0.4), 0 -1px 1px rgba(64,64,59,0.4);}
.header H1:hover {text-decoration: none;
			text-shadow: -1px 0 1px rgba(64,64,59,0.6), 0 1px 1px rgba(64,64,59,0.6), 1px 0 1px rgba(64,64,59,0.4), 0 -1px 1px rgba(64,64,59,0.4),
            -2px 0 2px var(--LightGrey), 0 2px 1px var(--LightGrey), 2px 0 2px var(--LightGrey), 0 -2px 2px var(--LightGrey) }
.header H1 SPAN.kf1 {letter-spacing: -0.08em }
.header H1 SPAN.kf2 {letter-spacing: -0.15em}
.header H1 SPAN.kf3 {letter-spacing: -0.05em}
.header H1 SPAN.kf4 {letter-spacing: 0.05em}

.header H2 { font-size: 26px; text-align: left; font-style: normal; font-weight: normal; color: var(--WarmGrey); margin-left: 10px; margin-top: 10px; margin-bottom:10px}
.header H3 { font-size: 22px; text-align: left; font-style: normal; font-weight: normal; color: #000; margin-left: 10px; margin-top: 0; margin-bottom: 20px}

.header H1::first-letter {float: left; margin-top: 2px; font-size: 141px; color: black; }
.header H1::first-line {font-size: 125%; color: black; }

DIV.menuwrap {padding-top: 35px; padding-bottom: 50px; margin-top: 20px; width: auto; background: url("lighten.png") no-repeat center top; }
DIV.header { position: absolute; left: 0; right: 0; top: 0; margin-bottom: 10px; background: url(bg-lighter.jpg); padding-left: 60px; text-}
DIV.menu { position: absolute; right: 0; top: 330px; width: 240px; margin-right: 15px; text-align: center; line-height: 1.2em; vertical-align: top;}
DIV.main { position: absolute; right: 240px; top: 210px; left: 0; background: url(paper.png); margin: 60px; padding: 20px;
           box-shadow: 0px 0px 2px 2px rgba(64,64,59,0.5); text-align: center; }
DIV.bottom { color: black; font-size: 18px; text-align: center; padding-bottom: 40px; padding-top: 40px; width: 100%;
			 position: absolute; top: 100%; left: 0;
            text-shadow: -2px 0 2px var(--LightGrey), 0 2px 2px var(--LightGrey), 2px 0 2px var(--LightGrey), 0 -2px 2px var(--LightGrey);
           }


DIV.dropcaps { column-count: 2; column-gap: 20px; margin-top: 10px;
               font-size: 16px; line-height: 22px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;  }
DIV.dropcaps P::first-letter { font-size: 3.1em; line-height: 32px; color: var(--DeepRed); display: block; float: left; margin-bottom: 0; margin-top: 4px; margin-right: 2px}
DIV.dropcaps P.c::first-letter { font-size: 3.1em; line-height: 32px; color: var(--DeepRed); display: block; float: left; margin-bottom: 0; margin-top: 4px; margin-right: 2px; margin-top: -4px}
DIV.dropcaps P { text-indent: 0; margin-bottom: 20px; margin-top: 0; text-align: justify }

DIV.caption { font-size: 14px; line-height: 16px; color: black; margin-top: 5px}
DIV.org { display: inline-block; text-align: center; width: 400px; font-size: 20px; line-height: 24px; margin: 10px }
DIV.org B { display: block; margin: 3px }

img.sousedik { margin: 20px; float: right }

DIV.offset {margin: 60px}
DIV.link {margin: 30px; font-size: 25px; font-family: Goudy Twenty}

P {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify}
P.i {text-align: center;}
P.ofset { margin-left: 30px; text-indent: 0; text-align: left}
P.s { text-indent: 0px; padding-top: 10px; margin-bottom: 0; text-align: justify; font-size: 16px; line-height: 22px }
P.large { margin: 15px; text-align: justify; font-size: 22px; text-indent: 0px; }
P.semi { text-align: center; font-size: 20px; font-style: normal; text-indent: 0px; margin-bottom: 0; margin-top: 0 }
P.subcap { margin-top: 5px; margin-bottom: 2px; font-weight: bold}

P.dlc { margin: 15px; text-align: justify; font-size: 22px; text-indent: 0px; }
P.dlc::first-letter { font-size: 2.7em; line-height: 70px; color: var(--DeepRed); display: block; float: left; margin-bottom: 2px; margin-right: 2px; margin-left: -3px; margin-top: -8px}

P.dl { margin: 15px; text-align: justify; font-size: 22px; text-indent: 0px; }
P.dl::first-letter { font-size: 2.7em; line-height: 70px; color: var(--DeepRed); display: block; float: left; margin-bottom: 2px; margin-right: 2px; margin-left: -3px; margin-top: 2px }


P.drop::first-letter { font-size: 3.1em; line-height: 32px; color: var(--DeepRed); display: block; float: left; margin-bottom: 0; margin-top: 4px; margin-right: 2px}
P.drop { text-indent: 0; margin-bottom: 20px; margin-top: 0; text-align: justify }

UL.cols {list-style-type: none; width: 100%; padding: 10px; vertical-align: top}
UL.cols LI {display: inline-block; padding: 10px; width: 33.3333%; vertical-align: top }
 
UL {margin-left: 2em; padding-left: 0em; margin-top: 2px; margin-bottom: 20px; text-align: left} 
UL LI {	margin-top: 5px; list-style-image: url(diamond-07.png);
        break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; }


.main A:link {color: var(--DeepRed); text-decoration: none;}
.main A:link:hover {color: #E00; text-decoration: underline}
.main A:visited:hover {color: #E00; text-decoration: underline}
.main A:visited {color: var(--LightGrey)}

.menu A:link {color: var(--DeepBlue); text-decoration: none;
			text-shadow: -2px 0 4px rgba(165,160,110,0.7), 0 2px 4px rgba(165,160,110,0.7), 2px 0 4px rgba(165,160,110,0.7), 0 -2px 4px rgba(165,160,110,0.7),
                         -1px 0 1px rgba(64,64,59,0.3), 0 1px 1px rgba(64,64,59,0.3), 1px 0 1px rgba(64,64,59,0.3), 0 -1px 1px rgba(64,64,59,0.3);  }
.menu A:visited {color: var(--WarmGrey); text-decoration: none;
			text-shadow: -2px 0 4px rgba(165,160,110,0.7), 0 2px 4px rgba(165,160,110,0.7), 2px 0 4px rgba(165,160,110,0.7), 0 -2px 4px rgba(165,160,110,0.7),
                         -1px 0 1px rgba(64,64,59,0.3), 0 1px 1px rgba(64,64,59,0.3), 1px 0 1px rgba(64,64,59,0.3), 0 -1px 1px rgba(64,64,59,0.3);  }
.menu A:link:hover {color: var(--DeepBlue); text-decoration: none;
			text-shadow: -1px 0 2px var(--LightGrey), 0 1px 1px var(--LightGrey), 1px 0 2px var(--LightGrey), 0 -1px 2px var(--LightGrey); }
.menu A:visited:hover {color: var(--WarmGrey); text-decoration: none;
			text-shadow: -1px 0 2px var(--LightGrey), 0 1px 1px var(--LightGrey), 1px 0 2px var(--LightGrey), 0 -1px 2px var(--LightGrey); }

.main H1 { font-size: 40px; line-height: 70px; color: #C00; font-weight: 400; margin-bottom: 20px; margin-top: 5px; text-align: center; letter-spacing: -0.04em}
.main H2 { font-size: 26px; text-align: center; font-weight: 400; color: var(--WarmGrey); margin-bottom: 10px; margin-top: 0px;
           text-shadow: -1px 0 1px rgba(64,64,59,0.2), 0 1px 1px rgba(64,64,59,0.2), 1px 0 1px rgba(64,64,59,0.2), 0 -1px 1px rgba(64,64,59,0.2);

}
.main H2.off { margin-top: 20px }
.main H3 { font-size: 22px; text-align: center; font-weight: 400; font-style: normal; color:#000; margin-bottom: 0px; margin-top: 0; }
.main H4 { font-size: 18px; text-align: center; font-weight: 400; font-style: normal; color:#000; margin-bottom: 0px; margin-top: 30px; }
.main H5 { font-size: 16px; text-align: center; font-weight: 400; font-style: normal; color:#000; margin-bottom: 0px; margin-top: 0 }


TABLE.cols {width: 100%; table-layout: fixed; border-spacing: 20px; border-collapse: separate;}
TABLE.cols TR TD {vertical-align: top; width: auto; padding-bottom: 0}
TABLE.cols TR TD P { text-indent: 0; margin-bottom: 20px; margin-top: 0; margin-bottom: 0; text-align: justify }

TABLE.columns { width: 100%; table-layout: fixed; border-spacing: 20px; border-collapse: separate; font-size: 16px; line-height: 22px;
                -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
TABLE.columns TR TD {vertical-align: top; width: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
TABLE.columns TR TD P::first-letter { font-size: 3.1em; line-height: 32px; color: var(--DeepRed); display: block; float: left; margin-bottom: 0; margin-top: 4px; margin-right: 2px}
TABLE.columns TR TD P { text-indent: 0; margin-bottom: 20px; margin-top: 0; text-align: justify }

.ast { position: relative; top: 5px}

.program H4, H5, H6 { margin: 0; line-height: 110%; font-weight: 600 }
.program H6 {font-size: 16px}
.program .time { font-size: 14px; font-weight: 900; margin-top: 10px; margin-bottom: 4px } 
.program .break { color: #900; font-weight: 900; margin-top: 20px; margin-bottom: 20px }
.program .name { margin: 3px}
.program H4 {margin: 3px }
.program .small { font-size: 14px; margin-top: 4px}

img.s { border: 15px transparent; margin-top: 15px; margin-bottom: 15px;
        box-shadow: 0 0 12px 4px rgba(64,64,59,0.6);
        max-width: 100%;
        height: auto;
       }
.tab {display: inline-block; width: 8em}