/* CSS STYLES FOR http://geo.mff.cuni.cz */
/* DEFAULT STYLE */

/* resetting defaults */
*                   { margin: 0; border: 0 solid white; padding: 0 }
h1,h2,h3            { margin: 0.67em 0 }
h4,h5,h6            { margin: 0.33em 0 }
p                   { margin: 1em 0; text-align: justify }
hr                  { height: 2px; width: 100%; margin: 0.5em 0 }
ul,ol               { margin: 1em 0 1em 1.33em }
ul > li,ol > li     { padding-left: 0.5em; text-align: justify }
dl                  { margin: 1.33em 0 }
dl > dt             { padding: 0.1em 0 }
dl > dd             { padding-left: 2.0em; text-align: justify }
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 }

/* global features */
/* 1516 = (1920-2)-2*180-2*21, 1276 = (1680-2)-2*180-2*21, 962 = (1366-2)-2*180-2*21, 876 = (1280-2)-2*180-2*21 */
html                { height: 100% }
body                { height: 100%; width: 100% }
[id^=Wrap]          { min-height: 100%; max-width: 1364px; font-family: Arial,"Trebuchet MS",Tahoma,Verdana,sans-serif;
                      margin: 0 auto; border-left-width: 1px; border-right-width: 1px }
#Menu               { float: left; text-align: center;
                      height: 6em; width: 180px; padding: 1em 0 }
#Main               { min-height: 100%; max-width: 962px; overflow: hidden;
                      margin-left: 180px; border-width: 1px; padding: 0em 20px 1em 20px }
#Wrap-Solo          { max-width: 1918px }
#Wrap-Solo #Main    { max-width: 876px; margin-left: auto; margin-right: auto }
h1,h2,h3,h4,h5,h6   { font-weight: bold }
h2                  { clear: both; border-width: 2px; padding: 0.33em 0.5em }
h4 ~ ul             { margin-top: 0.33em }
h4 ~ div            { margin-top: 1em }
.clear              { clear: both }
.large              { font-size: x-large }
.larger             { font-size: larger }
.no-border          { border-width: 0 }
.none               { display: none }
.small              { font-size: smaller }
p.intro:first-letter { font-size: x-large; font-weight: normal }
p.last-revised      { font-size: smaller; border-top-width: 2px; padding: 0.5em 0em; clear: both }
span.date           { display: inline-block; text-align: left; width: 5em; padding-right: 0.5em }
span.En             { display: inline } /* inline or none */
a,span.a-symbol     { font-weight: bold; text-decoration: underline }
a:hover,a:focus     { text-decoration: underline }
div.left-img        { float: left; margin: 0 1em 0.5em 0 }
div.right-img       { float: right; margin: 0 0 0.5em 1em }
div[class*=img] a img { border-width: 2px }

/* colors */
body                { color: black; background-color: white; border-color: khaki }
[id^=Wrap]          { background-color: royalblue }
#Menu               { color: white; background-color: royalblue }
#Main               { color: white; background-color: navy; border-top-color: navy; border-left-color: khaki; border-right-color: khaki }
h1                  { color: gold; border-color: gold }
h2,h3,h4,h5,h6      { color: white; border-color: white }
.top                { color: gold; border-color: gold }
hr                  { color: khaki; background-color: khaki }
p.last-revised      { border-color: khaki }
a,span.a-symbol     { color: gold }
a:hover,a:focus     { color: white; background-color: navy }
a:active            { color: gold; background-color: navy }
#Menu .menu-image   { background-image: url("figs/vejce-small-royalblue.jpg") }
#Menu [class^=menu] a { color: white; background-color: royalblue; border-color: khaki }
#Menu .menu-google  { color: black; background-color: white; border-color: black }
#Menu .button a     { color: white; background-color : royalblue; border-color: khaki }
#Menu .button a:hover,#Menu .button a:focus { color: black; background-color: khaki; border-color: khaki }
#Menu .button a:active { border-color: white }
#Main-img           { background-image: url("figs/vejce-big-navy.jpg") }
#Main-img-middle    { background-image: url("figs/vejce-middle-navy.jpg") }
.sub-button a       { color: white; background-color: royalblue; border-color: khaki }
.sub-button a:hover,.sub-button a:focus { color: navy; background-color: khaki; border-color: royalblue }
.sub-button a:active { border-color: white }
.old-button a       { color: navy; background-color: khaki; border-color: royalblue }
.old-button a:hover,.old-button a:focus { color: white; background-color: royalblue; border-color: khaki }
.old-button a:active { border-color: white }
.new-button a       { color: navy; background-color: khaki; border-color: royalblue }
.new-button a:hover,.new-button a:focus { color: white; background-color: royalblue; border-color: khaki }
.new-button a:active { border-color: white }
#Wrap-Home #aHome a,#Wrap-People #aPeople a,#Wrap-Education #aEducation a,#Wrap-Theses #aTheses a,
#Wrap-Research #aResearch a,#Wrap-Popularization #aPopularization a,#Wrap-History #aHistory a,
#Wrap-Photogallery #aPhotogallery a,#Wrap-Links #aLinks a
                    { color: white; background-color: navy }
div[class*=img] a:hover,div[class*=img] a:focus,div[class*=img] a:active { background-color: navy }
div[class*=img] a img { border-color: white }
div[class*=img] a:hover img,div[class*=img] a:focus img,div[class*=img] a:active img { border-color: gold }

/* div#Menu */
#Menu .menu-lang    { display: inline; padding: 0 24px }
#Menu .menu-title   { display: block; font-size: 125%; font-weight: bold; margin: 0.33em auto; padding: 0 1em }
#Menu .menu-image   { display: block; height: 150px; width: 120px; margin: 0.33em auto }
#Menu .menu-google  { display: block; height: 36px; width: 161px; margin: 2px auto 1em; padding: 2px 3px 0px }
#Menu .menu-mail    { display: block; text-decoration: none; font-size: 80%; margin: 0 auto }
#Menu a             { font-weight: normal; text-decoration: none }
#Menu .menu-buttons { display: block; margin: 0 auto; line-height: 1em }
#Menu .button a     { display: inline-block; width: 161px; line-height: 1.1em;
                      margin: 2px auto; border-width: 1px; padding: 0.33em 3px }
#Menu .button a:hover,#Menu .button a:focus,#Menu .button a:active { font-weight: bold }
#Menu .menu-mail a:hover,#Menu .menu-mail a:focus,#Menu .menu-mail a:active { font-weight: bold }

/* div#Main */
#Main-KG            { font-size: 300% }
#Main-MFF           { font-size: 160% }
#Main-address       { width: 40% }
#Main-img           { height: 280px; width: 400px; margin: 1em 1em 0 0 }
#Main-img-middle    { height: 140px; width: 200px; margin: 1em 1em 0 0 }
#Main [class*=button] a { font-weight: normal; text-decoration: none }
#Main .sub-button a { line-height: 2.5em; border-width: 1px; padding: 0.25em 0.67em }
#Main .old-button a { line-height: 2.5em; border-width: 2px; border-radius: 7px; padding: 0.15em 0.33em }
#Main .new-button a { line-height: 1.7em; border-width: 2px; border-radius: 7px; padding: 0.1em 0.2em }

/* unordered lists */
ul                  { list-style-type: square }
ul.no-symbol        { list-style-type: none }
ul.inside           { list-style-position: inside }
ul,ul.outside       { list-style-position: outside }
ul.meetings > li    { padding-top: 0.33em }

/* definition lists */
dl.normal > dt      { font-weight: normal; font-style: normal }
dl.bold > dt        { font-weight: bold; font-style: normal }
dl.italic > dt      { font-weight: normal; font-style: italic }
dl.theses > dt,dl.popularization > dt { font-weight: bold; font-style: normal }

/* tables */
table               { border-collapse: collapse }
table,table th.with-border,table td { border-width: 1px }
table.no-border,table.no-border td { border-width: 0 }
table.width-1st-25 td:first-child { width: 25% }
table.width-1st-33 td:first-child { width: 33% }
table td            { padding: 0.1em 0.5em }
table.people        { width: 100% }
table.people a      { font-weight: normal }
table.people th     { font-weight: normal }
table.people td     { padding: 0.1em 0.5em }
table.people td:first-child { width: 28% }
table.people td+td          { width: 24% }
table.people td+td+td       { width: 18%; text-align: center }
table.people td+td+td+td    { width: 8% ; text-align: center }
table.people td+td+td+td+td { width: 22%; text-align: center }
table.seminar       { width: 100%; min-width: 500px; margin: 0.67em 0 }
table.seminar td    { padding: 0.25em 0.5em }
table.seminar td:first-child { width: 5em; text-align: right }
table.books         { width: 100%; min-width: 500px; margin: 0.67em 0 }
table.books td      { padding: 0.25em 0.5em }
table.books td:first-child { width: 33%; min-width: 100px }

/* icons instead of texts
a.pdf,a.ps,a.html   { display: inline-block; position: relative; top: 2px; overflow: hidden }
a.pdf               { height: 18px; width: 39px }
a.ps                { height: 18px; width: 32px }
a.html              { height: 18px; width: 24px }
a.pdf:before        { content: url("figs/pdf-icon.gif") }
a.ps:before         { content: url("figs/ps-icon.gif") }
a.html:before       { content: url("figs/html-icon.gif") }
*/

/* printing */
@media print {
  *                 { color: black !important; border-color: black !important; background-color: transparent !important }
  [id^=Wrap]        { font-size: 10pt; font-family: Georgia,Times,serif; border-width: 0 }
  h1,h2,h3,h4       { page-break-after: avoid }
  p                 { orphans: 2; widows: 2; dead-dads: 2 }
  a:link,a:visited  { font-weight: normal; text-decoration: underline }
  a.pdf,a.ps,a.html { display: inline; position: static; overflow: visible }
  a.pdf:before,a.ps:before,a.html:before { content: normal }
  .no-print         { display: none }
  #Menu             { display: none }
  #Main             { max-width: none; margin: 0; border: 0; padding: 0 }
  #Submenu          { display: none }
}