/*=========================================================*/
/* CSS STYLES FOR http://geo.mff.cuni.cz */
/*=========================================================*/
/*
   Black           Top-address color (alternativa: #441e10, SaddleBrown)
   Gold            active links and buttons color
   Gray            Tiles-div bg
   Peru            Main border, Footer bg+border (alternativa: #b58723, BurlyWood, DarkGoldenRod, Peru, Tan)
   SaddleBrown     Menu color+buttons, headers color (alternativa: #642c0d, SaddleBrown)
   Snow            Main bg, Tiles bg, Footer color, active buttons bg
   #c4b7aa "seda"  Top bg, Wrapper bg, Menu bg+border, h2 bg, figures
*/
/*=========================================================*/
* {
    margin: 0;
    border: 0;
    padding: 0
}

@font-face {
    font-family: "Trench Slab";
    src: url("fonts/TrenchSlab-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Trench Slab";
    src: url("fonts/TrenchSlab-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Trench Slab";
    src: url("fonts/TrenchSlab-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
*/
@font-face {
  font-family: "Lato";
  src: url("fonts/LatoLatin-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("fonts/LatoLatin-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    height: 100%;
    width: 100%
}

body {
    height: 100%;
    width: 90%;
    max-width: 1400px;
    min-width: 1040px;
    margin: 0 auto;
    border: 0 ;
    padding: 0;
    font-family: Lato, Arial,"Trebuchet MS",Tahoma,Verdana,sans-serif;
    color: Black;
    background: White;
    border-color: White;
    border-style: solid
}

span.date {
    font-family: Lato, Arial,"Trebuchet MS",Tahoma,Verdana,sans-serif;
}

#Top {
    position: relative;
    /*left: 2px;*/
    height: 100px;
    border: 0;
    border-right: 2px solid White;
    color: #642c0d;
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.45) 0%,
            rgba(255,255,255,0.08) 18%,
            rgba(255,255,255,0) 45%
        ),
        #c4b7aa url("figs-2026/earth-transparent-upper-small.png") top right no-repeat
}

#Top.big {
    height: 200px;
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.45) 0%,
            rgba(255,255,255,0.08) 18%,
            rgba(255,255,255,0) 45%
        ),
        #c4b7aa url("figs-2026/earth-transparent-upper.png") top right no-repeat;
}

#Top, #Top.big {
    border-radius: 25px 25px 0px 0px;
	/*box-shadow:
      inset 2px 4px 4px rgba(255,255,255,0.5);    */
}

#Top a:hover,#Top a:focus,#Top a:active {
    background: transparent
}

#TopLeft,#TopLeft0 {
    position: relative;
    right: 2px;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    float: left;
    clear: left
}

#Top1 {
    float: left;
    clear: left;
    margin: 30px 20px 0 40px
}

#Top2 {
    float: left;
    clear: left;
    margin: 15px 20px 0 40px
}

#Top3 {
    float: left;
    clear: left;
    margin: 15px 20px 0 40px
}

#Top123 {
    float: left;
    clear: left;
    margin: 30px 20px 0 40px
}

#Top1 a,
#Top2 a,
#Top3 a,
#Top123 a {
    font-family: "Trench Slab", serif;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    text-shadow:
        0 0px 10px rgba(255, 255, 255, 1.0),
        0 0px 10px rgba(255, 255, 255, 1.0),
        0 3px 3px rgba(255, 255, 255, 1.0),
        0 5px 10px rgba(255, 255, 255, 1.0);
}


#Top1 a {
	font-size: 40px;
    font-weight: bold;
}

#Top2 a,
#Top3 a {
	font-size: 24px;
    font-weight: normal;
}

#Top123 a {
    font-family: "Trench Slab", serif;
	font-size: 40px;
    font-weight: bold;
}

#Top1 a:hover,
#Top1 a:focus,
#Top2 a:hover,
#Top2 a:focus,
#Top3 a:hover,
#Top3 a:focus,
#Top123 a:hover,
#Top123 a:focus {
    text-shadow:
        0 1px 2px rgba(255, 255, 255, 1),
        0 4px 7px rgba(255, 255, 255, 0.9);
	background: transparent;
}

#Top1 a:visited,
#Top1 a:active,
#Top2 a:visited,
#Top2 a:active,
#Top3 a:visited,
#Top3 a:active,
#Top123 a:visited,
#Top123 a:active {
    text-shadow:
        0 3px 3px rgba(255, 255, 255, 0.9),
        0 5px 10px rgba(255, 255, 255, 0.7);
	background: transparent;
}

#Top123 a:empty::before {
    content: "Katedra geofyziky MFF UK";
}

div[id^=Top] {
    background: transparent top left no-repeat
}


#Top123 {
    background-image: transparent
}

#TopAddr {
    margin: 0 300px 0 0;
    border: 0;
    padding: 100px 0 0 0;
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
    color: #333;

}

#TopAddr table {
    margin: 0;
    border: 0;
    padding: 0;
    border-spacing: 0
}

#TopAddr table td {
    padding: 0 15px 0 15px;
    line-height: 18px
}

[id^=Wrapper] {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: #c4b7aa
}

#Menu {
    float: left;
    width: 190px;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 65px 0 0 0;
    text-align: center;
    color: Black;
	background: #c4b7aa;
/*	box-shadow:
      inset 2px -5px 4px rgba(255,255,255,0.5);*/
}

#Menu.big {
    background-image: none;
    padding: 0 !important;
    position: relative;
    top: -3px;
}

#Menu a {
    display: block;
    /*height: 15px;*/
    width: 186px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
    border: 0px solid;
    padding: 6px 0 6px 0;
    color: #642c0d;
    /*color: Saddlebrown;*/
    background-color: transparent;
    border-color: transparent;
    border-left-color: #c4b7aa
}

/*
#Menu #aTheses,#Menu #aWebmail {
    border-bottom-color: #642c0d;
    border-bottom-width: 1px;
    padding-bottom: 14px
}
*/

#Menu #aSeminars,#Menu #aLibrary {
    padding-top: 8px
}

#Menu a:hover {
    color: Peru;
    background-color: Snow;
    border-color: transparent;
    border-left-color: Peru
}

#Menu a:active {
    color: Snow;
    background-color: SaddleBrown;
    border-color: Snow
}

#Menu hr {
    height: 2px;
    margin: 15px 15px 8px 15px;
    background-color: #642c0d;
    /*height: 20px;
    margin: 0px;
	background: #c4b7aa;
	box-shadow:
      inset 0px -5px 4px rgba(255,255,255,0.5);*/

}

#Wrapper-Home #aHome,#Wrapper-Studies #aStudies,#Wrapper-Research #aResearch,#Wrapper-People #aPeople, #Wrapper-Seismograms #aSeismograms,#Wrapper-Popularization #aPopularization,#Wrapper-Theses #aTheses, #Wrapper-Seminars #aSeminars,#Wrapper-Computers #aComputers,#Wrapper-History #aHistory,#Wrapper-Photogallery #aPhotogallery, #Wrapper-Links #aLinks,#Wrapper-Rotaphone #aRotaphone {
    color: Peru;
    background-color: Snow;
    border-color: transparent;
    border-left-color: Peru
}

#Main {
    min-height: 100%;
    margin: 0;
    border-width: 0 2px 0px 0px;
    padding: 1em;
    overflow: hidden;
    color: Black;
    /*border-color: Peru;*/
    border-style: solid;
    background: Snow url("figs-2026/earth-transparent-lower-small.png") top right no-repeat;
    border-radius: 20px 0px 0px 0px;
    border-right: 2px solid #c4b7aa44;
}

#Main.big {
    background-image: url("figs-2026/earth-transparent-lower.png")
}

/* Optional user-page variant without the Earth extending into the main content. */
.no-main-earth #Main {
    background-image: none;
}

#Submenu {
    position: relative;
    right: 4px;
    display: table;
    border-spacing: 4px 2px;
    margin: 0.88em 0 1em 0
}

#Submenu a {
    display: table-cell;
    height: 5.5em;
    width: 5.5em;
    margin: 0;
    border: 2px solid Peru;
    padding: 4px;
    font-size: 80%;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #642c0d;
    background: #e0ebff
}

#Submenu a:hover {
    color: #642c0d;
    background-color: #a3c2ff
}

#Submenu a.green {
    background: #f0ffe0
}

#Submenu a.green:hover {
    background: #ccff99
}

#Submenu a:active {
    color: Snow !important;
    background-color: SaddleBrown !important
}

#Submenu a#aLang {
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-color: White;
    background-image: url("figs-2015/home/EN.png")
}

html[lang="en"] #Submenu a#aLang {
    background-image: url("figs-2015/home/CZ.png")
}

/* English version */ html[lang="en"] #Top1 {
    background-image: url("figs-2015/name1-en.png")
}

html[lang="en"] #Top2 {
    background-image: url("figs-2015/name2-en.png")
}

html[lang="en"] #Top3 {
    background-image: url("figs-2015/name3-en.png")
}

html[lang="en"] #Top123 {
    background-image: url("figs-2015/name123-en.png")
}

html[lang="en"] #Top1 a {
    width: 495px
}

html[lang="en"] #Top2 a {
    width: 385px
}

html[lang="en"] #Top3 a {
    width: 310px
}

html[lang="en"] #Top123 a {
    width: 710px
}

html[lang="en"] #Top1 {
    margin-right: 0
}

html[lang="en"] #Top2 {
    margin-right: 0
}

html[lang="en"] #Top3 {
    margin-right: 0
}

html[lang="en"] #TopAddr table td {
    padding-right: 15px;
    padding-left: 0;
}

#Tiles {
    float: right;
    clear: both;
    width: 340px;
    min-height: 300px;
    margin: 15px 0 15px 1em;
    border: 0;
    padding: 0;
    background: Snow
}

div.Tile { width: 150px; height: 150px; padding: 0px; margin: 10px; float: left; }
div.TileLong { width: 300px; height: 150px; padding: 0px; margin: 10px; float: left; }

div.Tile a img, div.TileLong a img { border: 0px; padding: 0px; margin: 0px;
    height: 150px;
    border-radius: 20px 20px 20px 20px;
	box-shadow:
      4px 4px 4px #c4b7aa99,
      0px 0px 10px #c4b7aa44;
 }

div.Tile a:hover img, div.TileLong a:hover img  { border: 0px; padding: 0px; margin: 0px;
    border-radius: 20px 20px 20px 20px;
	box-shadow:
      4px 4px 4px lightsteelblue,
      0px 0px 10px lightsteelblue,
      0px 0px 20px lightsteelblue;
 }

div.Tile a:hover, div.TileLong a:hover  { background: transparent !important;
 }

#Footer {
    clear: both;
    width: 100%;
    height: 40px;
    margin: 0;
    border-top-width: 1px;
    padding: 0;
    color: Black;
    background-color: #c4b7aa;
    border-top-color: Snow;
    border-top-style: solid
}

#Footer p {
    padding-left: 1em;
    font-size: 80%
}

/*=========================================================*/
/* ALTERNATIVA: SUBMENU POMOCI TABLE
#Submenu            { margin: 30px 0 0 0; border: 0; padding: 0; border-spacing: 4px }
#Submenu td         { font-size: 110%; text-transform: none; text-align: center; vertical-align: middle;
                      min-height: 8.3em; width: 8em; margin: 0; border: 2px solid Black; padding: 5px;
                      color: White; background: Gray }
#Submenu td a       { display: block; text-decoration: none; color: White; background: Gray }
*/
/*=========================================================*/
/* _ potomek, > primy potomek, ~ sourozenec, + primy sourozenec,
   parametry: = presna hodnota, ~= jedna z hodnot, |= prvni hodnota, ^= pocatecni retezec, $= zaverecny retezec, *= podretezec */
::selection {
    color: Snow;
    background: SaddleBrown
}

::-moz-selection {
    color: Snow;
    background: SaddleBrown
}

h1 {
    font-size: 1.60em
}

/* default: { font-size: 2em } */ h2 {
    font-size: 1.50em
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1.12em
}

h5 {
    font-size: 0.83em
}

h6 {
    font-size: 0.75em
}

h1,h2,h3 {
    margin: 1em 0 0 0
}

h4,h5,h6 {
    margin: 1em 0 0 0
}

h1,h2,h3,h4,h5,h6 {
    color: Black;
    font-weight: bold
}

h2 {
    clear: both;
    margin-bottom: 0.75em;
    border: 0px solid;
    padding: 0.25em 0.5em;
    background: #c4b7aa;
    border-color: Peru
}

#Main > div {
    margin-top: 1em
}

#Main h4 ~ div {
    margin-top: 1em
}

p {
    text-align: justify;
    margin: 1em 0
}

a {
    font-weight: normal;
    text-decoration: underline
}

a:link,a:visited {
    color: #642c0d
}

a:hover,a:focus {
    color: #642c0d;
    background: #c4b7aa99;
    text-decoration: none
}

a:active {
    color: Snow;
    background: SaddleBrown
}

a.button {
    display: inline;
    line-height: 2em;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0.0em;
    border: 2px solid #642c0d;
    padding: 1px 5px 2px 5px;
    color: #642c0d;
    background-color: #c4b7aa99
}

span.button {
    display: table;
    border-spacing: 2px;
    margin: 0.2em 0 0.2em 0
}

span.button a {
    display: table-cell;
    text-align: center;
    line-height: 1.2em;
    font-weight: bold;
    text-decoration: none;
    margin: 0.2em;
    border: 2px solid #642c0d;
    padding: 1px 5px 2px 5px;
    color: #642c0d;
    background-color: #c4b7aa99

}

span.button a:hover,span.button a:focus,span.button a:active, a.button:hover,a.button:focus,a.button:active {
    color: Snow;
    background-color: SaddleBrown
}

div.left-img a:hover,div.left-img a:focus,div.left-img a:active, div.right-img a:hover,div.right-img a:focus,div.right-img a:active {
    text-decoration: underline;
    color: #642c0d;
    background-color: Snow
}

div.border img {
    margin-top: 2px;
    border: 1px solid #642c0d
}

.moveup {
    margin-top: -1.5em !important
}

.nomargintop {
    margin-top: 0 !important
}

.nomarginbottom {
    margin-bottom: 0 !important
}

.addbottom {
    margin-bottom: 1em
}

/*=========================================================*/
/* unordered, ordered and definition lists */
ul,ol {
    list-style: square outside;
    margin: 0.33em 0 1em 1.33em;
    padding: 0
}

ul > li,ol > li {
    text-align: justify;
    margin: 0 0 0 0;
    padding: 0 0 0 0.33em
}

ul.outside {
    list-style: square outside
}

ul.inside {
    list-style: square inside
}

ul.no-symbol {
    list-style: none outside
}

ul.item-break li {
    margin-bottom: 1em
}

ul.home li {
    text-align: left;
    padding-bottom: 0.15em
}

dl {
    margin: 1.33em 0
}

dl > dt {
    padding: 0.1em 0
}

dl > dd {
    text-align: justify;
    padding-left: 2.0em
}

dl.normal > dt {
    color: Black;
    font-weight: normal;
    font-style: normal;
    padding: 0.1em 0
}

dl.bold > dt {
    color: Black;
    font-weight: bold;
    font-style: normal;
    padding: 0.1em 0
}

dl.italic > dt {
    color: Black;
    font-weight: normal;
    font-style: italic;
    padding: 0.1em 0
}

dl.theses > dt,dl.popularization > dt {
    color: Black;
    font-weight: bold;
    padding: 0.1em 0
}

dl.meetings > dt {
    color: Black;
    font-weight: normal;
    padding: 0.1em 0
}

/*=========================================================*/
/* tables */ table {
    margin: 0.67em 0
}

table th {
    text-align: center
}

table td {
    text-align: left
}

table ul,table ol {
    margin: 0;
    padding: 0 0 0 1em
}

table.two-figs {
    overflow: hidden;
    border-spacing: 0
}

table.two-figs th {
    vertical-align: top;
    text-align: center;
    padding: 0 4em 0 0
}

table.two-figs td {
    vertical-align: top;
    text-align: justify;
    width: 50%;
    padding: 0 2em 0 0
}

table.two-figs a:hover,table.two-figs a:focus,table.two-figs a:active {
    text-decoration: underline;
    color: #642c0d;
    background-color: Snow
}

table.seminar {
    width: 90%;
    min-width: 500px;
    margin: 0.5em 0;
    border: 2px solid #642c0d;
    padding: 0em 0px;
    border-collapse: collapse
}

table.seminar td {
    text-align: left;
    border: 1px solid #642c0d;
    padding: 0.25em 0.5em
}

table.seminar td:first-child {
    width: 5em;
    text-align: right
}

table.seminar a {
    color: #642c0d
}

table.seminar a:hover,table.seminar a:focus {
    color: #642c0d
}

table.seminar a:active {
    color: Snow;
    background: SaddleBrown
}

table.seminar ul {
    margin: 0;
    padding-left: 1em
}

#Wrapper-Seismosoft table.seminar td {
    vertical-align: top
}

table.people {
    width: 100%;
    margin: 0.5em 0px;
    border: 2px solid #642c0d;
    padding: 0em 0px;
    border-collapse: collapse
}

table.people a {
    font-weight: normal
}

table.people th {
    font-weight: normal;
    margin: 0;
    border: 1px solid #642c0d;
    padding: 0.1em 0.5em
}

table.people th.with-border {
    border-width: 1px
}

table.people th:first-child {
    text-align: left;
    width: 28%;
}

table.people th + th {
    text-align: left;
    width: 24%
}

table.people th + th + th {
    text-align: center;
    width: 18%
}

table.people th + th + th + th {
    text-align: center;
    width: 8%
}

table.people th + th + th + th + th {
    text-align: center;
    width: 22%
}

table.people td {
    margin: 0;
    border: 1px solid #642c0d;
    padding: 0.1em 0.5em
}

table.people td:first-child {
    text-align: left;
    width: 28%
}

table.people td + td {
    text-align: left;
    width: 24%
}

table.people td + td + td {
    text-align: center;
    width: 18%
}

table.people td + td + td + td {
    text-align: center;
    width: 8%
}

table.people td + td + td + td + td {
    text-align: center;
    width: 22%
}

table.people a {
    color: #642c0d
}

table.people a:hover,table.people a:focus {
    color: #642c0d
}

table.people a:active {
    color: Snow;
    background: SaddleBrown
}

table.phone {
    margin: 0.5em 0px;
    border: none;
    padding: 0em 0px;
    border-collapse: collapse
}

table.phone td {
    margin: 0;
    border: none;
    border-width: 1px;
    padding: 0.2em 0.4em
}

table.phone td {
    width: 33%
}

table.phone td + td {
    width: 15%
}

table.phone td + td + td {
    width: 8%
}

table.phone td + td + td + td {
    width: 15%
}

table.phone td + td + td + td + td {
    width: 30%
}

table.employ {
    width: 100%;
    margin: 0.5em 0px;
    border: none;
    padding: 0em 0px;
    border-collapse: collapse
}

table.employ a {
    font-weight: normal;
    color: #642c0d
}

table.employ a:hover, table.employ a:focus {
    color: #642c0d
}

table.employ a:active {
    color: Snow;
    background: SaddleBrown
}

table.employ th, table.employ td {
    margin: 0;
    border: none;
    border-width: 1px;
    padding: 0.4em 0.4em
}

table.employ th {
    font-weight: normal;
    font-style: oblique
}

table.employ th.with-border {
    border-width: 1px
}

table.employ td:first-child, table.employ th:first-child {
    text-align: left;
    width: 26%
}

table.employ th + th, table.employ td + td {
    text-align: left;
    width: 44%
}

table.employ th + th + th, table.employ td + td + td {
    text-align: left;
    width: 22%
}

table.employ th + th + th + th, table.employ td + td + td + td {
    text-align: left;
    width: 8%
}

table.student {
    width: 100%;
    margin: 0.5em 0px;
    border: none;
    padding: 0em 0px;
    border-collapse: collapse
}

table.student a {
    font-weight: normal;
    color: #642c0d
}

table.student a:hover, table.student a:focus {
    color: #642c0d
}

table.student a:active {
    color: Snow;
    background: SaddleBrown
}

table.student th, table.student td {
    margin: 0;
    border: none;
    border-width: 1px;
    padding: 0.4em 0.4em
}

table.student th {
    font-weight: normal;
    font-style: oblique
}

table.student th.with-border {
    border-width: 1px
}

table.student td:first-child, table.student th:first-child {
    text-align: left;
    width: 40%
}

table.student th + th, table.student td + td {
    text-align: left;
    width: 26%
}

table.student th + th + th, table.student td + td + td {
    text-align: left;
    width: 26%
}

table.student th + th + th + th, table.student td + td + td + td {
    text-align: left;
    width: 8%
}

table.books {
    width: 90%;
    min-width: 500px;
    margin: 0.5em 0px;
    border: 1px solid #642c0d;
    padding: 0em 0px;
    border-collapse: collapse
}

table.books td {
    text-align: left;
    border: 1px solid #642c0d;
    padding: 0.25em 0.5em
}

table.books td:first-child {
    width: 33%;
    min-width: 100px
}

table.events td {
    text-align: right;
    vertical-align: top;
    padding: 1px 20px 1px 0px
}

table.events td + td {
    text-align: left
}

img.full-width {
    width: 100%;
    height: auto
}

iframe.calendar {
    width: 100%;
    max-width: 909px;
    height: 606px;
    border: 1px solid #777;
}

#Usage {
    display: flex;
    gap: 2em;
}

#Usage .usage-item {
    flex: 1 1 0;
    min-width: 0;
}

#Usage h3 {
    text-align: center;
}

#Usage img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/*=========================================================*/
/* printing */
@media print {

    body {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
        font-family: Lato, Arial, sans-serif;
        font-size: 10pt;
        color: Black;
        background: White;
    }

    #Top {
        display: block;
        height: 100px;
        border: 0;
        border-radius: 0;
        background:
            #c4b7aa
            url("figs-2026/earth-transparent-upper-small.png")
            top right / auto 100% no-repeat;
    }

    #Top.big {
        height: 140px;
        background:
            #c4b7aa
            url("figs-2026/earth-transparent-upper.png")
            top right / auto 100% no-repeat;
    }

    #Top1,
    #Top2,
    #Top3,
    #Top123 {
        margin-left: 20px;
    }

    #Top1 {
        margin-top: 20px;
    }

    #Top2,
    #Top3 {
        margin-top: 8px;
    }

    #Top123 {
        margin-top: 25px;
    }

    #Top1 a,
    #Top2 a,
    #Top3 a,
    #Top123 a {
        color: #333;
        text-decoration: none;
        text-shadow: none;
    }

    #TopAddr {
        display: none;
    }

    #Menu,
    #Submenu,
    #Tiles,
    #Footer,
    .no-print,
    .print-only {
        display: none;
    }

    #Main,
    #Main.big {
        min-height: 0;
        max-width: none;
        margin: 0;
        border: 0;
        padding: 1em 0 0;
        overflow: visible;
        background: White;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        break-after: avoid;
    }

    p {
        orphans: 2;
        widows: 2;
    }

    a:link,
    a:visited {
        color: Black;
        font-weight: normal;
        text-decoration: underline;
    }
}

/*=========================================================*/
/* classes for display-none, english phrases, paragraphs, floating images */
.none,.print-only {
    display: none
}

.clear {
    clear: both
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.large {
    font-size: x-large
}

.larger {
    font-size: larger
}

.small {
    font-size: smaller
}

p.intro {
    text-align: justify;
    border: 0;
    padding: 0
}

p.intro:first-letter {
    font-size: x-large;
    font-weight: normal
}

p.justified {
    text-align: justify;
    border: 0;
    padding: 0
}

p.left {
    text-align: left
}

p.lecture-notes:first-line {
    font-weight: bold
}

p.right {
    text-align: right
}

div.left-img {
    float: left;
    margin: 0 1em 0.5em 0
}

div.right-img {
    float: right;
    margin: 0 0 0.5em 1em
}

p.right-txt {
    float: right;
    vertical-align: top;
    margin-top: 0
}

span.En {
    display: none
}

/* inline or none */ html[lang="en"] span.En {
    display: inline
}

.bilingual span.En {
    display: inline
}

/*=========================================================*/
/* responsive layout */
/* switch layout before the original 1040px desktop layout starts overflowing */
@media screen and (max-width: 1050px) {
    #Menu #aHome, #Menu #aSeismograms, #Menu #aLinks, #Menu #aLibrary, #Menu #aConsortium, #Menu #aStationPraha, #Menu #aStationGreece, #Menu #aRotaphone, #Menu hr {
        display: none;
    }

    #Top1 a {
        font-size: clamp(20px, 8vw, 40px);
    }

    #Top2 a,
    #Top3 a {
        font-size: clamp(12px, 4.8vw, 24px);
    }

    #Top123 a {
        font-size: clamp(16px, 6vw, 40px);
    }

    p, ul > li, ol > li {
        text-align: left;
    }

/* Keep image at its natural size and scroll horizontally if necessary. */
    .scroll-img {
        float: none;
        overflow-x: auto;
        max-width: 100%;
    }

/* Shrink image to fit the available width if necessary. */
    .fit-img {
        float: none;
        max-width: 100%;
    }

    .fit-img img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    body {
        width: 100%;
        min-width: 0;
    }

    #Top {
        left: 0;
        border-right: 0;
    }

    #TopAddr {
        display: none;
    }

    #Menu {
        float: none;
        width: 100%;
        height: auto;
        padding: 0;
        background-image: none;
    }

    #Menu a {
        display: inline-block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0.3em 0.3em;
        border: 0;
    }

    /* Override desktop spacing of selected menu items. */
    #Menu #aTheses,
    #Menu #aWebmail,
    #Menu #aRotaphone,
    #Menu #aSeminars,
    #Menu #aLibrary {
        padding: 0.3em 0.3em;
    }

    #Main, #Main.big {
        min-height: 0;
        padding: 0.75em;
        background: snow;
    }

    #Submenu {
        display: block;
        right: 0;
    }

    #Submenu a {
        display: inline-block;
        width: auto;
        height: auto;
        margin: 2px;
        padding: 0.5em;
        white-space: nowrap;
    }

    #Submenu a br {
        display: none;
    }

    #Footer {
        height: auto;
        padding: 0.5em 0;
    }

    #Footer p {
        margin: 0;
        padding: 0 0.75em;
        font-size: 80%;
        line-height: 1.4;
        text-align: left;
    }

    table.employ, table.student {
        width: 100%;
        font-size: 75%;
    }

    table.employ td, table.employ th, table.student td, table.student th {
        padding-left: 0.2em;
        padding-right: 0.2em;
    }

    table.seminar {
        width: 100%;
        min-width: 0;
    }

    table.seminar td:first-child {
        width: 1%;
        white-space: nowrap;
    }

    #Usage {
        display: block;
    }

    p {
        orphans: 2;
        widows: 2;
        dead-dads: 2
    }

}

/*=========================================================*/
/* printing */
@media print {

    body {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
        font-family: Lato, Arial, sans-serif;
        font-size: 10pt;
        color: Black;
        background: White;
    }

    #Top {
        display: block;
        height: 100px;
        border: 0;
        border-radius: 0;
        background:
            #c4b7aa
            url("figs-2026/earth-transparent-upper-small.png")
            top right / auto 100% no-repeat;
    }

    #Top.big {
        height: 140px;
        background:
            #c4b7aa
            url("figs-2026/earth-transparent-upper.png")
            top right / auto 100% no-repeat;
    }

    #Top1,
    #Top2,
    #Top3,
    #Top123 {
        margin-left: 0;
    }

    #Top1 {
        margin-top: 20px;
    }

    #Top2,
    #Top3 {
        margin-top: 8px;
    }

    #Top123 {
        margin-top: 25px;
    }

    #Top1 a,
    #Top2 a,
    #Top3 a,
    #Top123 a {
        color: #333;
        text-decoration: none;
        text-shadow: none;
    }

    #TopAddr {
        display: none;
    }

    #Menu,
    #Submenu,
    #Tiles,
    #Footer,
    .no-print,
    .print-only {
        display: none;
    }

    #Main,
    #Main.big {
        min-height: 0;
        max-width: none;
        margin: 0;
        border: 0;
        padding: 1em 0 0;
        overflow: visible;
        background: White;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        break-after: avoid;
        page-break-after: avoid;
        padding: 0;
    }

    .fit-img {
        float: none;
        width: 100%;
        margin: 0;
    }

    .fit-img img {
        display: block;
        width: 100%;
        max-width: none;
        height: auto;
    }

    p {
        orphans: 2;
        widows: 2;
        dead-dads: 2
    }

    a:link,
    a:visited {
        color: Black;
        font-weight: normal;
        text-decoration: underline;
    }
}