/* 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 }
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: Arial,"Trebuchet MS",Tahoma,Verdana,sans-serif;
                      color: Black; background: White; border-color: White; border-style: solid }

#Top                { position: relative; left: 2px; height: 100px; border: 0; border-right: 2px solid White;
                      color: #642c0d; background: #c4b7aa url("figs-2015/earth1-small.png") top right no-repeat }
#Top.big            { height: 200px; background-image: url("figs-2015/earth1-big.png") }
#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 0 0 40px }
#Top2               { float: left; clear: left; margin: 15px 0 0 40px }
#Top3               { float: left; clear: left; margin: 15px 0 0 40px }
#Top123             { float: left; clear: left; margin: 30px 20px 0 40px }
#Top1 a             { display: block; height: 50px; width: 495px } /* width: 370px } */
#Top2 a             { display: block; height: 30px; width: 385px }
#Top3 a             { display: block; height: 30px; width: 310px }
#Top123 a           { display: block; height: 50px; width: 710px }
div[id^=Top]        { background: transparent top left no-repeat }
#TopLeft            { background-image: url("figs-2015/top-left1.jpg") }
#TopLeft0           { background-image: url("figs-2015/top-left0.jpg") }
#Top1               { background-image: url("figs-2015/name1-en.png") }
#Top2               { background-image: url("figs-2015/name2-en.png") }
#Top3               { background-image: url("figs-2015/name3-en.png") }
#Top123             { background-image: url("figs-2015/name123-en.png") }

#TopAddr            { margin: 0 300px 0 0; border: 0; padding: 100px 0 0 0; font-size: 80%; font-weight: normal;
                      background-image: url("figs-2015/top-top.jpg"); background-repeat: repeat-x }
#TopAddr table      { margin: 0; border: 0; padding: 0; border-spacing: 0 }
#TopAddr table td   { padding: 0 15px 0 0; 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: transparent url("figs-2015/top-left2.jpg") top left no-repeat }
#Menu.big           { background-image: none; padding: 0 !important }
#Menu a             { display: block; height: 15px; width: 186px; text-align: center; font-weight: bold; text-decoration: none;
                      margin: 0 auto; border: 2px solid; padding: 6px 0 10px 0;
                      color: #642c0d; background-color: transparent; border-color: transparent; border-left-color: #c4b7aa }
#Menu #aTheses,#Menu #aWebmail,#Menu #aRotaphone { 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 }
#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 2px 2px; padding: 1em; overflow: hidden;
                      color: Black; border-color: Peru; border-style: solid;
                      background: Snow url("figs-2015/earth2-small.png") top right no-repeat }
#Main.big           { background-image: url("figs-2015/earth2-big.png") }

#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/CZ.png") }

#Tiles              { float: right; clear: both; width: 340px; min-height: 300px; margin: 15px 0 15px 1em; border: 0; padding: 0;
                      background: Snow }
#Tiles a            { display: block; float: left; width: 150px; height: 150px; overflow: hidden; margin: 10px; border: 0; padding: 0;
                      background: DarkGray }

#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: #c4b7aa; 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: #c4b7aa }
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: #c4b7aa /*#642c0d*/ }
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 }

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 }

/* 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: inline } /* inline or none */

/* printing */
@media print {
  *                 { color: Black !important; border-color: Black !important; background: transparent !important }
  body              { font-size: 16pt; font-family: Times,serif }
  h1,h2,h3,h4       { page-break-after: avoid; padding: 0 }
  .no-print         { display: none }
  .print-only       { display: block !important }
  #Top              { display: none }
  #Menu             { display: none }
  #Main             { max-width: none; margin: 0; border: 0; padding: 0 }
  #Submenu          { display: none }
  #Tiles            { display: none }
  #Main p.justified { page-break-before: avoid }
  div.left-img img,div.right-img img { }
  p                 { orphans: 2; widows: 2; dead-dads: 2 }
  a:link,a:visited  { font-weight: normal; text-decoration: underline }
}