@charset "ISO-8859-2";
body {
  background: #ffcc99;
  color: #000000;
  text-align: justify;
  line-height: 120%
}
body.intro { background: #66ffff; color: #000000; text-align: justify }
body.html { background: #003300; color: #aaffaa; text-align: justify }
body.program { background: #ffdab9; color: #8b4513; text-align: justify }
body.linux { background: #00aaaa; color: #ffffff}
body.office { background-color: rgb(90%, 90%, 90%);
    color: rgb(10%, 10%, 50%);
}
body.question {
    background: #dddddd; color: #000000;
}
a { text-decoration: none}
a:visited { color: #aa4444 }
a:active { color: #55188a }
a:link { color: #6666ff }
body a:link {color: #1111aa }
body a:active { color: #2222bb }
body a:visited { color: #aa1111 }
body.html a:link {color: #ffff99 }
body.html a:active { color: #2222bb }
body.html a:visited { color: #ccccaa }
body.tanm { background: #999999; color: #000000 }
body.office a:link, body.office a:visites, body.office a:active {
   color: rgb(80%, 10%, 10%);
}
body.office a:hover {
   color: rgb(60%, 10%, 10%);
   text-decoration: underline
}
body.question a:link, body.question a:visited, body.question a:active {
   color: #000000;
}
/*body.question li { margin-left: -1.5em}*/
body.question img.intext { margin-left: -0.2em; border-color: red}
body.question a:hover { color: blue }
h1 { text-align: center; clear: both; line-height: 120% }
h2 { text-align: center; clear: both; line-height: 120% }
h3 { text-align: center; clear: both; line-height: 120% }
h4 { text-align: left; line-height: 120% }
h5,h6 { display: run-in}
* { quotes: "\201E" "\201D" '\00BB' '\00AB'}
q:before { content: open-quote }
Q Q:before { content: "\00BB"}
q:after { content: close-quote }
Q Q:after { content: "\00AB" }
p { text-align: justify; text-indent: 1em;
    margin-top: 0; margin-bottom: 0;
    padding-top: 0; padding-bottom: 0; margin-left: 0.3em; margin-right: 0.3em }
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p, p.start { text-indent: 0 }
img { float: right; padding-left: 0.5em; }
img.left { float: left; padding-right: 0.5em;}
img.intext {float:none; padding:0; margin:0.5em; border-width:0.5em;
   border-color: gray;
   border-style: outset
}
SPAN.start { font-size: 200%; font-style: italic;
    font-weight: bold; color: red; float: left }
span.button { background: white; color: black; font-size: 100%;
   line-height: 155%;
   border-width: medium; border-color: #aa0000;
   border-style: outset;
}
div.note { background: #ffccaa; color: #000000; border-color: red;
    border-width: 0.2em; border-style: outset;
    width: 50%; margin-bottom: 0.5em; margin-top: 0.5em;
    float: right;  padding-left: 0.5em; margin-left: 0.5em; padding-right:
0.5em;}
div.note a:link, div.note a:visited { color: blue}
div.question { border-color: red;
    background: #dddddd; color: #000000;
    padding: 0.4em;
    border-width: 0.5em; border-style: groove;
    width: 90% }
div.question a:link, div.question a:visited { color: blue}
div.verb { border-color: black; text-align: left;
    background: #eeeeee; color: #000000;
    padding: 0.3em;
    line-height: 100%;
    border-width: 0.2em; border-style: inset;
    font-family: courier, monospaced; font-size: 10pt;
    width: 98% }
div.plinput {border-width: 0.2em; border-style: groove;
    padding: 0.3em}
.nofloat { clear: all }
th { align: center;}
a.undefined {background: black; color: white}
p.ritka {line-height: 150%}

iframe { border-color: gray; background: gray; border-width: 0.2em;
         color: black; border-style: groove
}
iframe.verb { border-color: red;
    background: #dddddd; color: #000000; border-color:grey;
    border-width: 0.2em; border-style: groove;}

p:active { color: yellow}
dt {
  display: compact;
  width: 5em;
  text-align: center;
  border-width: 0.2em;
  padding:0.1em;
  margin-top: 0.2em; margin-bottom:0.1em
}

div.oo {
  float: left; width: 50%;
  background-image: url("/Informatika/office/open.png")
}
div.oo img {
  float: left;
}
div.ms {
  float: right; width: 50%;
  background-image: url("/Informatika/office/ms.png")
}
div.ms img {
  float: right;
}