@media screen {

/* telo hlavni stranky */
body { 
 /* CSS pozadi - index */
  background-color: #0B610B;
  text-align: center;
  padding: 5px;
  padding-left: 15px;
  position: absolute;
  width: 95%;
}

#telo {
  position: absolute;
  width: 100%;
}

img {
 border: 0px;
}

/**********************************
*      Telo stranky - obsah       *
**********************************/

div#page_iframe
{
  position: absolute;
  top: 6em;
  left: 11em;
  min-width: 810px;
  display: block;
  overflow: auto;
}

a {
 text-decoration: none;
}

div#page_iframe div#iframed_page
{
  display: block;
  width: 95%;
  font-family: "Times New Roman", lucidia, serif;
  font-size: 12pt;
  font-style: normal;
  color: #000000;
  background-color: #A9F5A9;
  text-align: left;

  padding: 15px;
}

div#page_iframe h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #0B610B;
  text-align: center;
}

div#page_iframe h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0B610B;
}

div#page_iframe hr {
  text-align: center;
  color: #0B610B;
  width: 85%;
}

div#page_iframe a {
  font-family: "Times New Roman", lucidia, serif;
  font-weight: bold;
  color: #0B610B;
  text-decoration: none;
}

div#page_iframe img {
  border-width: 0px;
  border-style: none;
}

div#page_iframe table {
  width: 100%;
}

div#page_iframe a:hover {
  text-decoration: underline;
}

div#page_iframe a.external,
div#page_iframe a[href ^="gopher://"] {
  background: url('/web/ms:image/style/atonika/external.png') center right no-repeat;
  padding-right: 13px;
}

div#page_iframe .znacka, div#page_iframe .short_sign {
  color: #0B610B;
}

div#page_iframe .short_date {
  font-style: italic;
}

div#page_iframe .short_title {
  font-weight: bold;
}

div#page_iframe .ped {
  /* only in prnt */
}

div#page_iframe .jmeno {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #0B610B;
}

div#page_iframe .popisek {
  font-weight: normal;
  color: #000000;
}

div#page_iframe .popisek:hover {
  font-weight: normal;
  color: #000000;
}

div#page_iframe .pedigree {
  font-weight: bold;
  color: #00c080;
}

div#page_iframe .pedigree:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #00c080;
}

div#page_iframe .stred {
  text-align: center;
}

div#page_iframe .leva {
  text-align: left;
  border-left-width: 10px;
}

div#page_iframe .vyrazne {
  font-weight: bold;
  color: #0B610B;
}

div#page_iframe iframe.fill {
  top: 0; left: 0; width: 100%; height: 25em; display: block;
}

div#page_iframe .directory_paging ul, #page_iframe .directory_paging li {
  text-decoration: none;
  list-style-type: none;
  float: left;
  padding: 0.1em;
  margin: 0.2em;
}

div#page_iframe .directory_paging i, #page_iframe .directory_paging a {
  font-size: 1.3em;
  border-width: 0 0.2em;
  background-color: rgba(256,256,192,0.4);
  border-color: rgba(256,192,128,0.4);
  border-style: solid;
}

div#page_iframe .directory_paging i {
  background-color: rgba(216,216,216,0.3);
  border-color: rgba(132,132,132,0.2);
}

div#page_iframe .directory_paging a {
  background-color: rgba(256,256,192,0.4);
  border-color: rgba(256,192,128,0.4);
}

div#page_iframe .directory_paging a:hover {
  background-color: rgba(256,256,192,1);
  border-color: rgba(256,192,128,1);
  text-decoration: none;
}

/* horni nadpis - OK */
#head {
 font-family: Tahoma, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #ffffff/*White*/;
 position: absolute; top: 0px; left: 20em;
}

/* logo - OK */
#logo {
  position: absolute; top: 0px; left: -18em;
}

/**********************************
*        Nabidka na indexu        *
**********************************/
#menu { /* pozice oblasti s odkazy */
  font-family: Verdana, sans-serif; font-style: normal; font-weight: bold; font-size: 0.9em; letter-spacing: 0.3px; text-align: center;
  display: block; width: 11em; z-index: 10; position: absolute;
  top: 15em; left: .5%;
}

#menu ul { /* submenu */
  padding: 0px; margin: 0px; list-style-type: none;
}

#menu ul ul {
  margin: -1.1em 0px 0px 10em; position: absolute; visibility: hidden; text-align: left;

}

#menu ul li {
  float: left; width: 10.2em;
}

#menu ul ul li {
  width: 7em;
}

#menu ul ul ul {
  margin: -1.1em 0px 0px 7em; position: absolute; visibility: hidden;
}

#menu ul a {
  font-size: 0.75em; font-style: normal;
  color: #000000; background: url(menu_0.png);
  display: block; height: 1em; margin: 0.04em; padding: 0.3em;
}

#menu ul ul a {
  background: url(submenu_0.png);
  margin: 0.04em; padding: 0.3em;
}

#menu ul a:hover {
  color: #000000; background: url(menu_1.png);
  font-style: italic; text-decoration: none; 
}

#menu ul ul a:hover {
  background: url(submenu_1.png);
}

#menu ul li:hover>ul {
  visibility: visible;
}

#menu ul .head {
  display: none;
}

/* other */

#tech { /* RSS a spol. */
  position: absolute;
  top: 20px;
  left: 800px;
}

#languages {
  position: absolute;
  top: 1em;
  left: 85%;
}

#languages ul {
  list-style-type: none;
}

#languages li {
  float: left; width: 1em; height: 1em; margin: 0px 4px; text-align: center;
}

#languages a {
  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;
}

#contact {
 position: absolute;
 left: 15em;
 top: 6em;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #ffffff;
}

#contact a {
 color: #A9F5A9;
}

#contact a:hover {
 text-decoration: underline;
}

body.errs {
  background-color: #A9F5A9;
}

H1.errs {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0B610B;
}

H2.errs {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0B610B;
}

#text {
 left: 125px; /* x */
 top: 255px; /* y */
 z-index: 100; /* z */
}

#noscript {
 position: absolute;
 left: 0px;
 top: 30em;
 width: 11em;
 }

#skins {
 position: absolute;
 top: 4em;
 left: 80%;
}

#skins div {
  position: absolute;
  width: 4px;
  height: 4px;
}

.socials {
  display: inline;
}

.socials svg {
  width: 2em;
  height: 2em;
}

.socials.socials-facebook svg {
  fill: #1877F2;
}
.socials.socials-gitlab svg {
  fill: #FC6D26;
}
.socials.socials-instagram svg {
  fill: #ff4edf;
}
.socials.socials-linkedin svg {
  fill: #4682B4;
}
.socials.socials-pinterest svg {
  fill: #e60023;
}
.socials.socials-reddit svg {
  fill: #ff4500;
}
.socials.socials-twitter svg {
  fill: #50a5e6;
}
.socials.socials-twitch svg {
  fill: #5c16c5;
}
.socials.socials-tumblr svg {
  fill: #001935;
}
.socials.socials-vk svg {
  fill: #0077FF;
}
.socials.socials-youtube svg {
  fill: #FF0000;
}

.pedigree_page, .pedigree_page td {
  border-color: rgb(255, 255, 192) rgb(255, 192, 128) rgb(255, 192, 128) rgb(255, 255, 192);
  border-width: 1px;
}

.pedigree_page {
  background-color: #A9F5A9;
  padding: 10px;
  border-radius: 20px;
}

.pedigree_page td {
  border-radius: 10px;
  min-width: 200px;
}

} /* media screen */